1 files changed, 43 insertions, 0 deletions

diff --git a/src/containers/ui/SubscriptionPopupScreen.js b/src/containers/ui/SubscriptionPopupScreen.js
new file mode 100644
index 000000000..d17477b1d
--- /dev/null
+++ b/src/containers/ui/SubscriptionPopupScreen.js
@@ -0,0 +1,43 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { inject, observer } from 'mobx-react';
+
+import SubscriptionPopup from '../../components/ui/SubscriptionPopup';
+
+
+@inject('stores', 'actions') @observer
+export default class SubscriptionPopupScreen extends Component {
+  state = {
+    complete: false,
+  };
+
+  completeCheck(event) {
+    const { url } = event;
+
+    if (url.includes('recurly') && url.includes('confirmation')) {
+      this.setState({
+        complete: true,
+      });
+    }
+  }
+
+  render() {
+    return (
+      <SubscriptionPopup
+        url={decodeURIComponent(this.props.router.params.url)}
+        closeWindow={() => window.close()}
+        completeCheck={e => this.completeCheck(e)}
+        isCompleted={this.state.complete}
+      />
+    );
+  }
+}
+
+
+SubscriptionPopupScreen.wrappedComponent.propTypes = {
+  router: PropTypes.shape({
+    params: PropTypes.shape({
+      url: PropTypes.string.isRequired,
+    }).isRequired,
+  }).isRequired,
+};