@pelcro/react-pelcro-js 4.0.0-alpha.15 → 4.0.0-alpha.16

package/dist/{SubscriptionCancelView-b45f7c08.js → SubscriptionCancelView-2bdb2b25.js}

@@ -1,18 +1,12 @@
-'use strict';
-
-var React = require('react');
-var components = require('./components-f9c58ce2.js');
-require('react-dom');
-require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+import React__default, { createContext, useContext } from 'react';
+import { u as useTranslation, a as useReducerWithSideEffects, S as SET_CANCEL_SUBSCRIPTION_REASON, l as lib_7, T as TextArea, R as ReactGA4, b as ReactGA1, c as usePelcro, B as Button, n as notify, d as SvgSubscription } from './components-0f4ebe18.js';
+import 'react-dom';
+import 'prop-types';
 
 const initialState = {
   cancelationReason: ""
 };
-const store = /*#__PURE__*/React.createContext(initialState);
+const store = /*#__PURE__*/createContext(initialState);
 const {
   Provider
 } = store;
@@ -25,11 +19,11 @@ const SubscriptionCancelContainer = ({
   children,
   ...props
 }) => {
-  components.useTranslation("verifyEmail");
-  const [state, dispatch] = components.useReducerWithSideEffects((state, action) => {
+  useTranslation("verifyEmail");
+  const [state, dispatch] = useReducerWithSideEffects((state, action) => {
     switch (action.type) {
-      case components.SET_CANCEL_SUBSCRIPTION_REASON:
-        return components.lib_7({ ...state,
+      case SET_CANCEL_SUBSCRIPTION_REASON:
+        return lib_7({ ...state,
           cancelationReason: action.payload
         });
 
@@ -37,19 +31,19 @@ const SubscriptionCancelContainer = ({
         return state;
     }
   }, initialState);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-subscription-cancel-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider, {
+  }, /*#__PURE__*/React__default.createElement(Provider, {
     value: {
       state,
       dispatch
     }
-  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
+  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
     store,
     key: i
-  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
+  })) : /*#__PURE__*/React__default.cloneElement(children, {
     store
   })));
 };
@@ -57,27 +51,27 @@ const SubscriptionCancelContainer = ({
 const SubscriptionCancelReason = props => {
   const {
     t
-  } = components.useTranslation("subscriptionCancel");
+  } = useTranslation("subscriptionCancel");
   const {
     dispatch,
     state
-  } = React.useContext(store);
+  } = useContext(store);
 
   const handleOnTextAreaBlur = e => {
     dispatch({
-      type: components.SET_CANCEL_SUBSCRIPTION_REASON,
+      type: SET_CANCEL_SUBSCRIPTION_REASON,
       payload: e.target.value.trim()
     });
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(components.TextArea, Object.assign({
+  return /*#__PURE__*/React__default.createElement(TextArea, Object.assign({
     label: t("labels.cancelReason"),
     onBlur: e => handleOnTextAreaBlur(e)
   }, props));
 };
 
 var _window$1, _window$Pelcro$1, _window$Pelcro$uiSett$1;
-const ReactGA$1 = (_window$1 = window) !== null && _window$1 !== void 0 && (_window$Pelcro$1 = _window$1.Pelcro) !== null && _window$Pelcro$1 !== void 0 && (_window$Pelcro$uiSett$1 = _window$Pelcro$1.uiSettings) !== null && _window$Pelcro$uiSett$1 !== void 0 && _window$Pelcro$uiSett$1.enableReactGA4 ? components.ReactGA4 : components.ReactGA1;
+const ReactGA$1 = (_window$1 = window) !== null && _window$1 !== void 0 && (_window$Pelcro$1 = _window$1.Pelcro) !== null && _window$Pelcro$1 !== void 0 && (_window$Pelcro$uiSett$1 = _window$Pelcro$1.uiSettings) !== null && _window$Pelcro$uiSett$1 !== void 0 && _window$Pelcro$uiSett$1.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SubscriptionCancelNowButton = ({
   subscription,
   onClick,
@@ -85,16 +79,16 @@ const SubscriptionCancelNowButton = ({
 }) => {
   const {
     switchView
-  } = components.usePelcro();
+  } = usePelcro();
   const {
     state: {
       cancelationReason
     },
     dispatch
-  } = React.useContext(store);
+  } = useContext(store);
   const {
     t
-  } = components.useTranslation("subscriptionCancel");
+  } = useTranslation("subscriptionCancel");
 
   const cancelSubscription = (payload, onSuccess, onFailure) => {
     window.Pelcro.subscription.cancel({
@@ -132,7 +126,7 @@ const SubscriptionCancelNowButton = ({
 
     switchView(null); //Show confirmation alert after closing the modal
 
-    components.notify.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
@@ -144,14 +138,14 @@ const SubscriptionCancelNowButton = ({
     });
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(components.Button, {
+  return /*#__PURE__*/React__default.createElement(Button, {
     onClick: handleCancelNowClick,
     className: `${className}`
   }, t("messages.cancelNow"));
 };
 
 var _window, _window$Pelcro, _window$Pelcro$uiSett;
-const ReactGA = (_window = window) !== null && _window !== void 0 && (_window$Pelcro = _window.Pelcro) !== null && _window$Pelcro !== void 0 && (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) !== null && _window$Pelcro$uiSett !== void 0 && _window$Pelcro$uiSett.enableReactGA4 ? components.ReactGA4 : components.ReactGA1;
+const ReactGA = (_window = window) !== null && _window !== void 0 && (_window$Pelcro = _window.Pelcro) !== null && _window$Pelcro !== void 0 && (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) !== null && _window$Pelcro$uiSett !== void 0 && _window$Pelcro$uiSett.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SubscriptionCancelLaterButton = ({
   subscription,
   onClick,
@@ -159,16 +153,16 @@ const SubscriptionCancelLaterButton = ({
 }) => {
   const {
     switchView
-  } = components.usePelcro();
+  } = usePelcro();
   const {
     state: {
       cancelationReason
     },
     dispatch
-  } = React.useContext(store);
+  } = useContext(store);
   const {
     t
-  } = components.useTranslation("subscriptionCancel");
+  } = useTranslation("subscriptionCancel");
 
   const cancelSubscription = (payload, onSuccess, onFailure) => {
     window.Pelcro.subscription.cancel({
@@ -206,7 +200,7 @@ const SubscriptionCancelLaterButton = ({
 
     switchView(null); //Show confirmation alert after closing the modal
 
-    components.notify.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -218,7 +212,7 @@ const SubscriptionCancelLaterButton = ({
     });
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(components.Button, {
+  return /*#__PURE__*/React__default.createElement(Button, {
     onClick: handleCancelNowClick,
     className: `${className}`
   }, t("messages.cancelLater"));
@@ -227,28 +221,28 @@ const SubscriptionCancelLaterButton = ({
 const SubscriptionCancelView = props => {
   const {
     subscriptionToCancel
-  } = components.usePelcro();
+  } = usePelcro();
   const {
     t
-  } = components.useTranslation("subscriptionCancel");
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  } = useTranslation("subscriptionCancel");
+  return /*#__PURE__*/React__default.createElement("div", {
     id: "pelcro-subscription-cancel-view"
-  }, /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelContainer, props, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(SubscriptionCancelContainer, props, /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-flex-col plc-items-center plc-justify-center plc-mt-4"
-  }, /*#__PURE__*/React__default['default'].createElement(components.SvgSubscription, {
+  }, /*#__PURE__*/React__default.createElement(SvgSubscription, {
     className: "plc-w-32 plc-h-32"
-  }), /*#__PURE__*/React__default['default'].createElement("p", {
+  }), /*#__PURE__*/React__default.createElement("p", {
     className: "plc-mb-3 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
   }, t("messages.subscriptionEnd"), " ", new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString("en-CA", {
     year: "numeric",
     month: "short",
     day: "numeric"
-  }), "."), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelNowButton, {
+  }), "."), /*#__PURE__*/React__default.createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default.createElement(SubscriptionCancelNowButton, {
     className: "plc-mb-2",
     subscription: subscriptionToCancel
-  }), subscriptionToCancel.cancel_at_period_end === 0 && /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelLaterButton, {
+  }), subscriptionToCancel.cancel_at_period_end === 0 && /*#__PURE__*/React__default.createElement(SubscriptionCancelLaterButton, {
     subscription: subscriptionToCancel
   }))));
 };
 
-exports.SubscriptionCancelView = SubscriptionCancelView;
+export { SubscriptionCancelView };