@maxio-com/self-service 1.7.0 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/maxio-components.cjs.js +1 -1
  2. package/dist/maxio-components.esm.js +1 -1
  3. package/dist/maxio-components.umd.js +8 -8
  4. package/package.json +1 -1
  5. package/typings/packages/subscriptions-manager/src/machines/changePlan/selectors.d.ts +2 -0
  6. package/typings/packages/subscriptions-manager/src/machines/changePlan/types.d.ts +2 -0
  7. package/typings/packages/subscriptions-manager/src/machines/modals/selectors.d.ts +2 -2
  8. package/typings/packages/subscriptions-manager/src/machines/modals/types.d.ts +2 -2
  9. package/typings/packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.d.ts +6 -1
  10. package/typings/packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/Content.d.ts +2 -1
package/dist/maxio-components.umd.js CHANGED
@@ -9410,7 +9410,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
9410
9410
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9411
9411
 
9412
9412
  "use strict";
9413
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"useChangePlan\": () => (/* binding */ useChangePlan)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useInterpret.js\");\n/* harmony import */ var _chargify_data_access__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/data-access */ \"./packages/data-access/src/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts */ \"./packages/subscriptions-manager/src/contexts/index.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\n\nvar useChangePlan = function useChangePlan(catalogId, subscriptionId, currentPlanId, onSuccess, _onThreeDsConfirmation) {\n var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_1__.DataAccessContext),\n dataAccess = _useContext.dataAccess;\n\n var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_3__.GlobalStateContext),\n subscriptionsService = _useContext2.subscriptionsService;\n\n return (0,_xstate_react__WEBPACK_IMPORTED_MODULE_4__.useInterpret)(_machines__WEBPACK_IMPORTED_MODULE_2__.changePlan, {\n services: {\n getProducts: function getProducts() {\n return dataAccess.getProducts(catalogId);\n },\n previewProductMigration: function previewProductMigration(_ref) {\n var selectedPlan = _ref.selectedPlan;\n return dataAccess.previewProductMigration(subscriptionId, selectedPlan);\n },\n confirmProductMigration: function confirmProductMigration(_ref2) {\n var selectedPlan = _ref2.selectedPlan;\n return dataAccess.migrateProduct(subscriptionId, selectedPlan);\n }\n },\n actions: {\n onSuccess: onSuccess,\n updateSubscription: function updateSubscription(context, payload) {\n var subscription = payload.data;\n subscriptionsService.send(_objectSpread({\n type: 'UPDATE_SUBSCRIPTION',\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }, subscription));\n },\n setError: (0,xstate__WEBPACK_IMPORTED_MODULE_5__.assign)(function (context) {\n return _objectSpread(_objectSpread({}, context), {}, {\n error: true\n });\n }),\n onThreeDsConfirmation: function onThreeDsConfirmation(c) {\n return _onThreeDsConfirmation(c.threeDsActionLink);\n }\n },\n context: {\n selectedPlan: currentPlanId\n }\n });\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useChangePlan.ts?");
9413
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"useChangePlan\": () => (/* binding */ useChangePlan)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useInterpret.js\");\n/* harmony import */ var _chargify_data_access__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/data-access */ \"./packages/data-access/src/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts */ \"./packages/subscriptions-manager/src/contexts/index.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\nvar useChangePlan = function useChangePlan(catalogId, subscriptionId, currentPlanId, onSuccess, _onThreeDsConfirmation) {\n var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_1__.DataAccessContext),\n dataAccess = _useContext.dataAccess;\n\n var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_3__.GlobalStateContext),\n subscriptionsService = _useContext2.subscriptionsService;\n\n return (0,_xstate_react__WEBPACK_IMPORTED_MODULE_4__.useInterpret)(_machines__WEBPACK_IMPORTED_MODULE_2__.changePlan, {\n services: {\n getProducts: function getProducts() {\n return dataAccess.getProducts(catalogId);\n },\n previewProductMigration: function previewProductMigration(_ref) {\n var selectedPlan = _ref.selectedPlan;\n return dataAccess.previewProductMigration(subscriptionId, selectedPlan);\n },\n confirmProductMigration: function confirmProductMigration(_ref2) {\n var selectedPlan = _ref2.selectedPlan;\n return dataAccess.migrateProduct(subscriptionId, selectedPlan);\n }\n },\n actions: {\n onSuccess: onSuccess,\n updateSubscription: function updateSubscription(context, payload) {\n var subscription = payload.data;\n subscriptionsService.send(_objectSpread({\n type: 'UPDATE_SUBSCRIPTION',\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }, subscription));\n },\n onThreeDsConfirmation: function onThreeDsConfirmation(c) {\n return _onThreeDsConfirmation(c.threeDsActionLink);\n }\n },\n context: {\n selectedPlan: currentPlanId\n }\n });\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useChangePlan.ts?");
9414
9414
 
9415
9415
  /***/ }),
9416
9416
 
@@ -9784,7 +9784,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
9784
9784
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9785
9785
 
9786
9786
  "use strict";
9787
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"changePlan\": () => (/* binding */ changePlan)\n/* harmony export */ });\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/Machine.js\");\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\nvar initialContext = {\n products: null,\n selectedPlan: null,\n changePlanPreview: null,\n threeDsActionLink: null\n};\nvar changePlan = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.createMachine)({\n id: 'changePlan',\n predictableActionArguments: true,\n initial: 'configurePlanStep',\n context: _objectSpread({}, initialContext),\n states: {\n configurePlanStep: {\n id: 'configurePlanStep',\n initial: 'idle',\n states: {\n idle: {\n on: {\n GET_PRODUCTS: 'getProducts'\n }\n },\n getProducts: {\n invoke: {\n src: 'getProducts',\n onDone: {\n actions: function actions(ctx, event) {\n return ctx.products = event.data.items;\n },\n target: 'ready'\n },\n onError: {\n target: 'error'\n }\n }\n },\n ready: {\n on: {\n SELECT_PLAN: {\n actions: (0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (context, event) {\n return {\n selectedPlan: event.planId\n };\n })\n },\n GET_PREVIEW_PRODUCT_MIGRATION: 'getPreviewProductMigration'\n }\n },\n getPreviewProductMigration: {\n invoke: {\n src: 'previewProductMigration',\n onDone: {\n actions: function actions(ctx, event) {\n return ctx.changePlanPreview = event.data;\n },\n target: '#previewProductMigrationStep'\n },\n onError: {\n target: 'error'\n }\n }\n },\n error: {}\n }\n },\n previewProductMigrationStep: {\n id: 'previewProductMigrationStep',\n initial: 'idle',\n states: {\n idle: {\n on: {\n CONFIRM_CHANGE_PLAN: 'confirmProductMigration',\n GO_BACK: '#configurePlanStep.ready'\n }\n },\n confirmProductMigration: {\n invoke: {\n src: 'confirmProductMigration',\n onDone: {\n actions: ['updateSubscription', 'onSuccess'],\n target: 'success'\n },\n onError: [{\n target: 'threeDsConfirmation',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (context, event) {\n return {\n threeDsActionLink: event.data.threeDsActionLink\n };\n }), 'onThreeDsConfirmation'],\n cond: function cond(c, e) {\n return e.data.threeDsActionLink;\n }\n }, {\n target: 'error'\n }]\n }\n },\n success: {\n type: 'final'\n },\n error: {\n type: 'final'\n },\n threeDsConfirmation: {\n type: 'final'\n }\n }\n }\n }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/changePlan/changePlan.ts?");
9787
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"changePlan\": () => (/* binding */ changePlan)\n/* harmony export */ });\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/Machine.js\");\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\nvar initialContext = {\n products: null,\n selectedPlan: null,\n changePlanPreview: null,\n threeDsActionLink: null,\n error: null\n};\nvar changePlan = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.createMachine)({\n id: 'changePlan',\n predictableActionArguments: true,\n initial: 'configurePlanStep',\n context: _objectSpread({}, initialContext),\n states: {\n configurePlanStep: {\n id: 'configurePlanStep',\n initial: 'idle',\n states: {\n idle: {\n on: {\n GET_PRODUCTS: 'getProducts'\n }\n },\n getProducts: {\n invoke: {\n src: 'getProducts',\n onDone: {\n actions: function actions(ctx, event) {\n return ctx.products = event.data.items;\n },\n target: 'ready'\n },\n onError: {\n target: 'error'\n }\n }\n },\n ready: {\n on: {\n SELECT_PLAN: {\n actions: (0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (context, event) {\n return {\n selectedPlan: event.planId\n };\n })\n },\n GET_PREVIEW_PRODUCT_MIGRATION: 'getPreviewProductMigration'\n }\n },\n getPreviewProductMigration: {\n invoke: {\n src: 'previewProductMigration',\n onDone: {\n actions: function actions(ctx, event) {\n return ctx.changePlanPreview = event.data;\n },\n target: '#previewProductMigrationStep'\n },\n onError: {\n target: 'error'\n }\n }\n },\n error: {}\n }\n },\n previewProductMigrationStep: {\n id: 'previewProductMigrationStep',\n initial: 'idle',\n states: {\n idle: {\n on: {\n CONFIRM_CHANGE_PLAN: 'confirmProductMigration',\n GO_BACK: '#configurePlanStep.ready'\n }\n },\n confirmProductMigration: {\n invoke: {\n src: 'confirmProductMigration',\n onDone: {\n actions: ['updateSubscription', 'onSuccess'],\n target: 'success'\n },\n onError: [{\n target: 'threeDsConfirmation',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (context, event) {\n return {\n threeDsActionLink: event.data.threeDsActionLink,\n error: event.data.errorCode\n };\n }), 'onThreeDsConfirmation'],\n cond: function cond(c, e) {\n return e.data.threeDsActionLink && e.data.errorCode === '3DSecureAuthentication';\n }\n }, {\n target: 'error',\n actions: (0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (context, event) {\n return {\n error: event.data.errorCode\n };\n }),\n cond: function cond(c, e) {\n return e.data.errorCode === 'CardDeclined';\n }\n }, {\n target: 'error',\n actions: (0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function () {\n return {\n error: 'Generic'\n };\n })\n }]\n }\n },\n success: {\n type: 'final'\n },\n error: {\n type: 'final'\n },\n threeDsConfirmation: {\n type: 'final'\n }\n }\n }\n }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/changePlan/changePlan.ts?");
9788
9788
 
9789
9789
  /***/ }),
9790
9790
 
@@ -9806,7 +9806,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
9806
9806
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9807
9807
 
9808
9808
  "use strict";
9809
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"changePlanSelectors\": () => (/* binding */ changePlanSelectors)\n/* harmony export */ });\n/* unused harmony exports getChangePlanStatus, getProducts, getSelectedPlan, getChangePlanPreview */\nvar getChangePlanStatus = function getChangePlanStatus(machineState) {\n return {\n configurePlanStep: machineState.matches('configurePlanStep'),\n configurePlanStepLoading: machineState.matches('configurePlanStep.getProducts'),\n previewPlanStep: machineState.matches('previewProductMigrationStep'),\n previewPlanLoading: machineState.matches('configurePlanStep.getPreviewProductMigration'),\n updatePlanLoading: machineState.matches('previewProductMigrationStep.confirmProductMigration'),\n updateSuccess: machineState.matches('previewProductMigrationStep.success'),\n isError: machineState.matches('configurePlanStep.error') || machineState.matches('previewProductMigrationStep.error')\n };\n};\nvar getProducts = function getProducts(machineState) {\n return machineState.context.products;\n};\nvar getSelectedPlan = function getSelectedPlan(machineState) {\n return machineState.context.selectedPlan;\n};\nvar getChangePlanPreview = function getChangePlanPreview(machineState) {\n return machineState.context.changePlanPreview;\n};\nvar changePlanSelectors = {\n getChangePlanPreview: getChangePlanPreview,\n getProducts: getProducts,\n getSelectedPlan: getSelectedPlan,\n getChangePlanStatus: getChangePlanStatus\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/changePlan/selectors.ts?");
9809
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"changePlanSelectors\": () => (/* binding */ changePlanSelectors)\n/* harmony export */ });\n/* unused harmony exports getChangePlanStatus, getError, getProducts, getSelectedPlan, getChangePlanPreview */\nvar getChangePlanStatus = function getChangePlanStatus(machineState) {\n return {\n configurePlanStep: machineState.matches('configurePlanStep'),\n configurePlanStepLoading: machineState.matches('configurePlanStep.getProducts'),\n previewPlanStep: machineState.matches('previewProductMigrationStep'),\n previewPlanLoading: machineState.matches('configurePlanStep.getPreviewProductMigration'),\n updatePlanLoading: machineState.matches('previewProductMigrationStep.confirmProductMigration'),\n updateSuccess: machineState.matches('previewProductMigrationStep.success'),\n isError: machineState.matches('configurePlanStep.error') || machineState.matches('previewProductMigrationStep.error')\n };\n};\nvar getError = function getError(machineState) {\n return machineState.context.error;\n};\nvar getProducts = function getProducts(machineState) {\n return machineState.context.products;\n};\nvar getSelectedPlan = function getSelectedPlan(machineState) {\n return machineState.context.selectedPlan;\n};\nvar getChangePlanPreview = function getChangePlanPreview(machineState) {\n return machineState.context.changePlanPreview;\n};\nvar changePlanSelectors = {\n getError: getError,\n getChangePlanPreview: getChangePlanPreview,\n getProducts: getProducts,\n getSelectedPlan: getSelectedPlan,\n getChangePlanStatus: getChangePlanStatus\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/changePlan/selectors.ts?");
9810
9810
 
9811
9811
  /***/ }),
9812
9812
 
@@ -10103,7 +10103,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
10103
10103
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
10104
10104
 
10105
10105
  "use strict";
10106
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"modals\": () => (/* binding */ modals)\n/* harmony export */ });\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/Machine.js\");\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\nvar initialContext = {\n createPaymentProfile: {\n subscriptionId: null,\n catalogId: null,\n paymentMethod: null,\n activePaymentProfileId: null\n },\n deletePaymentProfile: {\n subscriptionId: null,\n catalogId: null,\n paymentProfileId: null\n },\n previewPaymentProfile: {\n subscriptionId: null,\n catalogId: null,\n paymentProfileId: null\n },\n changePaymentProfile: {\n subscriptionId: null,\n catalogId: null,\n paymentProfileId: null\n },\n componentsAllocation: {\n subscriptionId: null,\n catalogId: null\n },\n resumeSubscription: {\n subscriptionId: null,\n catalogId: null\n },\n pauseSubscription: {\n subscriptionId: null,\n catalogId: null\n },\n cancelSubscription: {\n subscriptionId: null,\n catalogId: null\n },\n undoCancelation: {\n subscriptionId: null,\n catalogId: null\n },\n reactivateSubscription: {\n subscriptionId: null,\n catalogId: null\n },\n changeSubscriptionPlan: {\n subscriptionId: null,\n catalogId: null\n },\n threeDSecure: {\n subscriptionId: null,\n threeDsActionLink: null,\n catalogId: null,\n onClose: null\n },\n addCoupon: {\n subscriptionId: null,\n catalogId: null,\n couponService: null,\n currency: null\n }\n};\nvar modals = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.createMachine)({\n id: 'modals',\n predictableActionArguments: true,\n initial: 'idle',\n context: initialContext,\n on: {\n CLOSE_MODAL: {\n target: 'idle',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function () {\n return _objectSpread({}, initialContext);\n })]\n }\n },\n states: {\n idle: {\n on: {\n SHOW_CREATE_PAYMENT_PROFILE: {\n target: 'createPaymentProfile',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref) {\n var catalogId = _ref.catalogId,\n subscriptionId = _ref.subscriptionId,\n paymentMethod = _ref.paymentMethod,\n activePaymentProfileId = _ref.activePaymentProfileId;\n return {\n createPaymentProfile: {\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n paymentMethod: paymentMethod,\n activePaymentProfileId: activePaymentProfileId\n }\n };\n })]\n },\n SHOW_ADDONS_CONFIGURATION: {\n target: 'addonsConfiguration',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (ctx, _ref2) {\n var catalogId = _ref2.catalogId,\n subscriptionId = _ref2.subscriptionId;\n return {\n componentsAllocation: _objectSpread(_objectSpread({}, ctx.componentsAllocation), {}, {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n })\n };\n })]\n },\n SHOW_RESUME_SUBSCRIPTION: {\n target: 'resumeSubscription',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref3) {\n var subscriptionId = _ref3.subscriptionId,\n catalogId = _ref3.catalogId;\n return {\n resumeSubscription: {\n subscriptionId: subscriptionId,\n catalogId: catalogId\n }\n };\n })]\n },\n SHOW_PAUSE_SUBSCRIPTION: {\n target: 'pauseSubscription',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref4) {\n var catalogId = _ref4.catalogId,\n subscriptionId = _ref4.subscriptionId;\n return {\n pauseSubscription: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_CANCEL_SUBSCRIPTION: {\n target: 'cancelSubscription',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref5) {\n var catalogId = _ref5.catalogId,\n subscriptionId = _ref5.subscriptionId;\n return {\n cancelSubscription: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_DELETE_PAYMENT_PROFILE: {\n target: 'deletePaymentProfile',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref6) {\n var catalogId = _ref6.catalogId,\n subscriptionId = _ref6.subscriptionId,\n paymentProfileId = _ref6.paymentProfileId;\n return {\n deletePaymentProfile: {\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n paymentProfileId: paymentProfileId\n }\n };\n })]\n },\n SHOW_CHANGE_PAYMENT_PROFILE: {\n target: 'changePaymentProfile',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref7) {\n var catalogId = _ref7.catalogId,\n subscriptionId = _ref7.subscriptionId,\n paymentProfileId = _ref7.paymentProfileId;\n return {\n changePaymentProfile: {\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n paymentProfileId: paymentProfileId\n }\n };\n })]\n },\n SHOW_PREVIEW_PAYMENT_PROFILE: {\n target: 'previewPaymentProfile',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref8) {\n var catalogId = _ref8.catalogId,\n subscriptionId = _ref8.subscriptionId,\n paymentProfileId = _ref8.paymentProfileId;\n return {\n previewPaymentProfile: {\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n paymentProfileId: paymentProfileId\n }\n };\n })]\n },\n SHOW_UNDO_CANCELATION: {\n target: 'undoCancelation',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref9) {\n var catalogId = _ref9.catalogId,\n subscriptionId = _ref9.subscriptionId;\n return {\n undoCancelation: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_REACTIVATE_SUBSCRIPTION: {\n target: 'reactivateSubscription',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref10) {\n var catalogId = _ref10.catalogId,\n subscriptionId = _ref10.subscriptionId;\n return {\n reactivateSubscription: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_SUBSCRIPTION_PLAN_CHANGE: {\n target: 'changeSubscriptionPlan',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref11) {\n var catalogId = _ref11.catalogId,\n subscriptionId = _ref11.subscriptionId;\n return {\n changeSubscriptionPlan: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_THREE_D_SECURE: {\n target: 'threeDSecure',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref12) {\n var subscriptionId = _ref12.subscriptionId,\n threeDsActionLink = _ref12.threeDsActionLink,\n catalogId = _ref12.catalogId,\n onClose = _ref12.onClose;\n return {\n threeDSecure: {\n subscriptionId: subscriptionId,\n threeDsActionLink: threeDsActionLink,\n catalogId: catalogId,\n onClose: onClose\n }\n };\n })]\n },\n SHOW_ADD_COUPON: {\n target: 'addCoupon',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref13) {\n var subscriptionId = _ref13.subscriptionId,\n catalogId = _ref13.catalogId,\n couponService = _ref13.couponService,\n currency = _ref13.currency;\n return {\n addCoupon: {\n subscriptionId: subscriptionId,\n catalogId: catalogId,\n couponService: couponService,\n currency: currency\n }\n };\n })]\n }\n }\n },\n addCoupon: {},\n createPaymentProfile: {},\n previewPaymentProfile: {},\n changePaymentProfile: {},\n deletePaymentProfile: {},\n reactivateSubscription: {},\n paymentProfile: {},\n addonsConfiguration: {},\n pauseSubscription: {},\n resumeSubscription: {},\n cancelSubscription: {},\n undoCancelation: {},\n changeSubscriptionPlan: {},\n threeDSecure: {}\n }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/modals/modals.ts?");
10106
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"modals\": () => (/* binding */ modals)\n/* harmony export */ });\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/Machine.js\");\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\nvar initialContext = {\n createPaymentProfile: {\n subscriptionId: null,\n catalogId: null,\n paymentMethod: null,\n activePaymentProfileId: null\n },\n deletePaymentProfile: {\n subscriptionId: null,\n catalogId: null,\n paymentProfileId: null\n },\n previewPaymentProfile: {\n subscriptionId: null,\n catalogId: null,\n paymentProfileId: null\n },\n changePaymentProfile: {\n subscriptionId: null,\n catalogId: null,\n paymentProfileId: null\n },\n componentsAllocation: {\n subscriptionId: null,\n catalogId: null\n },\n resumeSubscription: {\n subscriptionId: null,\n catalogId: null\n },\n pauseSubscription: {\n subscriptionId: null,\n catalogId: null\n },\n cancelSubscription: {\n subscriptionId: null,\n catalogId: null\n },\n undoCancelation: {\n subscriptionId: null,\n catalogId: null\n },\n reactivateSubscription: {\n subscriptionId: null,\n catalogId: null\n },\n changeSubscriptionPlan: {\n subscriptionId: null,\n catalogId: null\n },\n threeDSecure: {\n subscriptionId: null,\n threeDsActionLink: null,\n catalogId: null,\n onSuccess: null\n },\n addCoupon: {\n subscriptionId: null,\n catalogId: null,\n couponService: null,\n currency: null\n }\n};\nvar modals = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.createMachine)({\n id: 'modals',\n predictableActionArguments: true,\n initial: 'idle',\n context: initialContext,\n on: {\n CLOSE_MODAL: {\n target: 'idle',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function () {\n return _objectSpread({}, initialContext);\n })]\n }\n },\n states: {\n idle: {\n on: {\n SHOW_CREATE_PAYMENT_PROFILE: {\n target: 'createPaymentProfile',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref) {\n var catalogId = _ref.catalogId,\n subscriptionId = _ref.subscriptionId,\n paymentMethod = _ref.paymentMethod,\n activePaymentProfileId = _ref.activePaymentProfileId;\n return {\n createPaymentProfile: {\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n paymentMethod: paymentMethod,\n activePaymentProfileId: activePaymentProfileId\n }\n };\n })]\n },\n SHOW_ADDONS_CONFIGURATION: {\n target: 'addonsConfiguration',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (ctx, _ref2) {\n var catalogId = _ref2.catalogId,\n subscriptionId = _ref2.subscriptionId;\n return {\n componentsAllocation: _objectSpread(_objectSpread({}, ctx.componentsAllocation), {}, {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n })\n };\n })]\n },\n SHOW_RESUME_SUBSCRIPTION: {\n target: 'resumeSubscription',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref3) {\n var subscriptionId = _ref3.subscriptionId,\n catalogId = _ref3.catalogId;\n return {\n resumeSubscription: {\n subscriptionId: subscriptionId,\n catalogId: catalogId\n }\n };\n })]\n },\n SHOW_PAUSE_SUBSCRIPTION: {\n target: 'pauseSubscription',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref4) {\n var catalogId = _ref4.catalogId,\n subscriptionId = _ref4.subscriptionId;\n return {\n pauseSubscription: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_CANCEL_SUBSCRIPTION: {\n target: 'cancelSubscription',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref5) {\n var catalogId = _ref5.catalogId,\n subscriptionId = _ref5.subscriptionId;\n return {\n cancelSubscription: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_DELETE_PAYMENT_PROFILE: {\n target: 'deletePaymentProfile',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref6) {\n var catalogId = _ref6.catalogId,\n subscriptionId = _ref6.subscriptionId,\n paymentProfileId = _ref6.paymentProfileId;\n return {\n deletePaymentProfile: {\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n paymentProfileId: paymentProfileId\n }\n };\n })]\n },\n SHOW_CHANGE_PAYMENT_PROFILE: {\n target: 'changePaymentProfile',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref7) {\n var catalogId = _ref7.catalogId,\n subscriptionId = _ref7.subscriptionId,\n paymentProfileId = _ref7.paymentProfileId;\n return {\n changePaymentProfile: {\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n paymentProfileId: paymentProfileId\n }\n };\n })]\n },\n SHOW_PREVIEW_PAYMENT_PROFILE: {\n target: 'previewPaymentProfile',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref8) {\n var catalogId = _ref8.catalogId,\n subscriptionId = _ref8.subscriptionId,\n paymentProfileId = _ref8.paymentProfileId;\n return {\n previewPaymentProfile: {\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n paymentProfileId: paymentProfileId\n }\n };\n })]\n },\n SHOW_UNDO_CANCELATION: {\n target: 'undoCancelation',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref9) {\n var catalogId = _ref9.catalogId,\n subscriptionId = _ref9.subscriptionId;\n return {\n undoCancelation: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_REACTIVATE_SUBSCRIPTION: {\n target: 'reactivateSubscription',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref10) {\n var catalogId = _ref10.catalogId,\n subscriptionId = _ref10.subscriptionId;\n return {\n reactivateSubscription: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_SUBSCRIPTION_PLAN_CHANGE: {\n target: 'changeSubscriptionPlan',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref11) {\n var catalogId = _ref11.catalogId,\n subscriptionId = _ref11.subscriptionId;\n return {\n changeSubscriptionPlan: {\n catalogId: catalogId,\n subscriptionId: subscriptionId\n }\n };\n })]\n },\n SHOW_THREE_D_SECURE: {\n target: 'threeDSecure',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref12) {\n var subscriptionId = _ref12.subscriptionId,\n threeDsActionLink = _ref12.threeDsActionLink,\n catalogId = _ref12.catalogId,\n onSuccess = _ref12.onSuccess;\n return {\n threeDSecure: {\n subscriptionId: subscriptionId,\n threeDsActionLink: threeDsActionLink,\n catalogId: catalogId,\n onSuccess: onSuccess\n }\n };\n })]\n },\n SHOW_ADD_COUPON: {\n target: 'addCoupon',\n actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_1__.assign)(function (_ctx, _ref13) {\n var subscriptionId = _ref13.subscriptionId,\n catalogId = _ref13.catalogId,\n couponService = _ref13.couponService,\n currency = _ref13.currency;\n return {\n addCoupon: {\n subscriptionId: subscriptionId,\n catalogId: catalogId,\n couponService: couponService,\n currency: currency\n }\n };\n })]\n }\n }\n },\n addCoupon: {},\n createPaymentProfile: {},\n previewPaymentProfile: {},\n changePaymentProfile: {},\n deletePaymentProfile: {},\n reactivateSubscription: {},\n paymentProfile: {},\n addonsConfiguration: {},\n pauseSubscription: {},\n resumeSubscription: {},\n cancelSubscription: {},\n undoCancelation: {},\n changeSubscriptionPlan: {},\n threeDSecure: {}\n }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/modals/modals.ts?");
10107
10107
 
10108
10108
  /***/ }),
10109
10109
 
@@ -10840,7 +10840,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
10840
10840
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
10841
10841
 
10842
10842
  "use strict";
10843
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var _chargify_toasts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/toasts */ \"./packages/toasts/src/index.ts\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../contexts */ \"./packages/subscriptions-manager/src/contexts/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _machines_changePlan__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../machines/changePlan */ \"./packages/subscriptions-manager/src/machines/changePlan/index.ts\");\n/* harmony import */ var _containers_ChangePlanContainer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../containers/ChangePlanContainer */ \"./packages/subscriptions-manager/src/containers/ChangePlanContainer/index.ts\");\n/* harmony import */ var _containers_PreviewProductMigrationContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../containers/PreviewProductMigrationContainer */ \"./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/index.ts\");\n/* harmony import */ var _components_ErrorAlert__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/ErrorAlert */ \"./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Content = function Content(_ref) {\n var onClose = _ref.onClose,\n catalogId = _ref.catalogId,\n subscriptionId = _ref.subscriptionId,\n displayMode = _ref.displayMode,\n onProcessingUpdate = _ref.onProcessingUpdate;\n var toastService = (0,_chargify_toasts__WEBPACK_IMPORTED_MODULE_1__.useToastMessages)();\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_10__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_4__.GlobalStateContext),\n subscriptionsService = _useContext.subscriptionsService;\n\n var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useServices)(),\n modalsService = _useServices.modalsService;\n\n var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useSelector)(subscriptionsService, _machines__WEBPACK_IMPORTED_MODULE_5__.subscriptionsSelectors.getSubscriptionById(catalogId, subscriptionId)),\n subscription = _useSelector.subscription;\n\n var showToast = function showToast() {\n toastService.show({\n level: 'success',\n message: t('plan_change.success_plan_change')\n });\n };\n\n var onPlanChangeSuccess = function onPlanChangeSuccess() {\n onClose(true);\n showToast();\n };\n\n var onThreeDsConfirmation = function onThreeDsConfirmation(threeDsActionLink) {\n onClose(true);\n modalsService.send({\n type: 'SHOW_THREE_D_SECURE',\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n threeDsActionLink: threeDsActionLink,\n onClose: function onClose() {\n showToast();\n }\n });\n };\n\n var changePlanService = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useChangePlan)(catalogId, subscriptionId, subscription.product.id, onPlanChangeSuccess, onThreeDsConfirmation);\n var currentPlanId = subscription.product.id;\n\n var _useSelector2 = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_6__.changePlanSelectors.getChangePlanStatus),\n configurePlanStep = _useSelector2.configurePlanStep,\n previewPlanStep = _useSelector2.previewPlanStep,\n configurePlanStepLoading = _useSelector2.configurePlanStepLoading,\n updatePlanLoading = _useSelector2.updatePlanLoading,\n previewPlanLoading = _useSelector2.previewPlanLoading,\n isError = _useSelector2.isError;\n\n var selectedPlan = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_6__.changePlanSelectors.getSelectedPlan);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n changePlanService.send({\n type: 'GET_PRODUCTS'\n });\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n onProcessingUpdate(updatePlanLoading);\n }, [updatePlanLoading, onProcessingUpdate]);\n var modalTitle = configurePlanStep ? t('plan_change.change_plan') : t('plan_change.summary_title');\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card, {\n border: displayMode === 'layer' ? 'sharp' : 'rounded'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card.Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Modal.Title, {\n onClose: onClose,\n title: modalTitle\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card.Body, null, isError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ErrorAlert__WEBPACK_IMPORTED_MODULE_9__.ErrorAlert, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, configurePlanStepLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.SkeletonLoader, {\n height: 400\n }) : null, configurePlanStep ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_ChangePlanContainer__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n changePlanService: changePlanService,\n currency: subscription.currency,\n currentPlanId: currentPlanId\n }) : null, previewPlanStep ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_PreviewProductMigrationContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n currentProductName: subscription.product.name,\n currency: subscription.currency,\n changePlanService: changePlanService\n }) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card.Footer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button.Group, {\n alignment: \"right\"\n }, previewPlanStep && !isError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Box, {\n marginRight: 'auto'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n color: 'secondary',\n label: t('go_back', {\n ns: 'common'\n }),\n onClick: function onClick() {\n return changePlanService.send({\n type: 'GO_BACK'\n });\n },\n iconLeft: 'chevronLeft'\n })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n color: \"secondary\",\n label: t('close', {\n ns: 'common'\n }),\n onClick: function onClick() {\n return onClose(false);\n }\n }), configurePlanStep && !isError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n isLoading: previewPlanLoading,\n label: t('continue', {\n ns: 'common'\n }),\n disabled: selectedPlan === currentPlanId,\n loadingText: t('processing', {\n ns: 'common'\n }),\n onClick: function onClick() {\n return changePlanService.send({\n type: 'GET_PREVIEW_PRODUCT_MIGRATION'\n });\n }\n }) : null, previewPlanStep && !isError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n label: t('confirm_changes', {\n ns: 'common'\n }),\n isLoading: updatePlanLoading,\n loadingText: t('processing', {\n ns: 'common'\n }),\n onClick: function onClick() {\n return changePlanService.send({\n type: 'CONFIRM_CHANGE_PLAN'\n });\n }\n }) : null)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/Content.tsx?");
10843
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var _chargify_toasts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/toasts */ \"./packages/toasts/src/index.ts\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../contexts */ \"./packages/subscriptions-manager/src/contexts/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _machines_changePlan__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../machines/changePlan */ \"./packages/subscriptions-manager/src/machines/changePlan/index.ts\");\n/* harmony import */ var _containers_ChangePlanContainer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../containers/ChangePlanContainer */ \"./packages/subscriptions-manager/src/containers/ChangePlanContainer/index.ts\");\n/* harmony import */ var _containers_PreviewProductMigrationContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../containers/PreviewProductMigrationContainer */ \"./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/index.ts\");\n/* harmony import */ var _components_ErrorAlert__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/ErrorAlert */ \"./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Content = function Content(_ref) {\n var onClose = _ref.onClose,\n catalogId = _ref.catalogId,\n subscriptionId = _ref.subscriptionId,\n displayMode = _ref.displayMode,\n onProcessingUpdate = _ref.onProcessingUpdate;\n var toastService = (0,_chargify_toasts__WEBPACK_IMPORTED_MODULE_1__.useToastMessages)();\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_10__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_4__.GlobalStateContext),\n subscriptionsService = _useContext.subscriptionsService;\n\n var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useServices)(),\n modalsService = _useServices.modalsService;\n\n var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useSelector)(subscriptionsService, _machines__WEBPACK_IMPORTED_MODULE_5__.subscriptionsSelectors.getSubscriptionById(catalogId, subscriptionId)),\n subscription = _useSelector.subscription;\n\n var showToast = function showToast() {\n toastService.show({\n level: 'success',\n message: t('plan_change.success_plan_change')\n });\n };\n\n var onPlanChangeSuccess = function onPlanChangeSuccess() {\n onClose(true);\n showToast();\n };\n\n var onThreeDsConfirmation = function onThreeDsConfirmation(threeDsActionLink) {\n onClose(true);\n modalsService.send({\n type: 'SHOW_THREE_D_SECURE',\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n threeDsActionLink: threeDsActionLink,\n onSuccess: function onSuccess() {\n showToast();\n }\n });\n };\n\n var changePlanService = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useChangePlan)(catalogId, subscriptionId, subscription.product.id, onPlanChangeSuccess, onThreeDsConfirmation);\n var currentPlanId = subscription.product.id;\n\n var _useSelector2 = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_6__.changePlanSelectors.getChangePlanStatus),\n configurePlanStep = _useSelector2.configurePlanStep,\n previewPlanStep = _useSelector2.previewPlanStep,\n configurePlanStepLoading = _useSelector2.configurePlanStepLoading,\n updatePlanLoading = _useSelector2.updatePlanLoading,\n previewPlanLoading = _useSelector2.previewPlanLoading,\n isError = _useSelector2.isError;\n\n var selectedPlan = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_6__.changePlanSelectors.getSelectedPlan);\n var error = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_6__.changePlanSelectors.getError);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n changePlanService.send({\n type: 'GET_PRODUCTS'\n });\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n onProcessingUpdate(updatePlanLoading);\n }, [updatePlanLoading, onProcessingUpdate]);\n var modalTitle = configurePlanStep ? t('plan_change.change_plan') : t('plan_change.summary_title');\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card, {\n border: displayMode === 'layer' ? 'sharp' : 'rounded'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card.Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Modal.Title, {\n onClose: onClose,\n title: modalTitle\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card.Body, null, isError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ErrorAlert__WEBPACK_IMPORTED_MODULE_9__.ErrorAlert, {\n error: error\n }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, configurePlanStepLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.SkeletonLoader, {\n height: 400\n }) : null, configurePlanStep ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_ChangePlanContainer__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n changePlanService: changePlanService,\n currency: subscription.currency,\n currentPlanId: currentPlanId\n }) : null, previewPlanStep ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_PreviewProductMigrationContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n currentProductName: subscription.product.name,\n currency: subscription.currency,\n changePlanService: changePlanService\n }) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card.Footer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button.Group, {\n alignment: \"right\"\n }, previewPlanStep && !isError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Box, {\n marginRight: 'auto'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n color: 'secondary',\n label: t('go_back', {\n ns: 'common'\n }),\n onClick: function onClick() {\n return changePlanService.send({\n type: 'GO_BACK'\n });\n },\n iconLeft: 'chevronLeft'\n })) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n color: \"secondary\",\n label: t('close', {\n ns: 'common'\n }),\n onClick: function onClick() {\n return onClose(false);\n }\n }), configurePlanStep && !isError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n isLoading: previewPlanLoading,\n label: t('continue', {\n ns: 'common'\n }),\n disabled: selectedPlan === currentPlanId,\n loadingText: t('processing', {\n ns: 'common'\n }),\n onClick: function onClick() {\n return changePlanService.send({\n type: 'GET_PREVIEW_PRODUCT_MIGRATION'\n });\n }\n }) : null, previewPlanStep && !isError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n label: t('confirm_changes', {\n ns: 'common'\n }),\n isLoading: updatePlanLoading,\n loadingText: t('processing', {\n ns: 'common'\n }),\n onClick: function onClick() {\n return changePlanService.send({\n type: 'CONFIRM_CHANGE_PLAN'\n });\n }\n }) : null)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/Content.tsx?");
10844
10844
 
10845
10845
  /***/ }),
10846
10846
 
@@ -10851,7 +10851,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
10851
10851
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
10852
10852
 
10853
10853
  "use strict";
10854
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ErrorAlert\": () => (/* binding */ ErrorAlert)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n\n\n\nvar ErrorAlert = function ErrorAlert() {\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n color: 'danger',\n title: t('plan_change.unexpected_error_title')\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: \"body2\",\n color: \"danger.dark\"\n }, t('plan_change.unexpected_error_description')));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.tsx?");
10854
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"ErrorAlert\": () => (/* binding */ ErrorAlert)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n\n\n\nvar ErrorAlert = function ErrorAlert(_ref) {\n var error = _ref.error;\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n var description = error === 'CardDeclined' ? t('plan_change.credit_card_declined') : t('plan_change.unexpected_error_description');\n var title = error === 'CardDeclined' ? t('plan_change.credit_card_declined_title') : t('plan_change.unexpected_error_title');\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n color: 'danger',\n title: title\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: \"body2\",\n color: \"danger.dark\"\n }, description));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.tsx?");
10855
10855
 
10856
10856
  /***/ }),
10857
10857
 
@@ -11357,7 +11357,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
11357
11357
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11358
11358
 
11359
11359
  "use strict";
11360
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/index.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\n\n\nvar ThreeDsConfirmation = function ThreeDsConfirmation() {\n var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useServices)(),\n modalsService = _useServices.modalsService;\n\n var modalVariant = (0,_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.useModalVariant)();\n\n var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_5__.useSelector)(modalsService, _machines__WEBPACK_IMPORTED_MODULE_3__.modalsSelectors.getThreeDsConfirmation),\n isOpen = _useSelector.isOpen,\n meta = _useSelector.meta;\n\n var closeHandler = function closeHandler() {\n meta.onClose();\n modalsService.send({\n type: 'CLOSE_MODAL'\n });\n };\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Modal, {\n isOpen: isOpen,\n onClose: closeHandler,\n variant: modalVariant,\n width: \"100%\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_4__.Content, _objectSpread(_objectSpread({}, meta), {}, {\n displayMode: modalVariant,\n onClose: closeHandler\n })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ThreeDsConfirmation);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/ThreeDsConfirmation.tsx?");
11360
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/index.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\n\n\nvar ThreeDsConfirmation = function ThreeDsConfirmation() {\n var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useServices)(),\n modalsService = _useServices.modalsService;\n\n var modalVariant = (0,_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.useModalVariant)();\n\n var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_5__.useSelector)(modalsService, _machines__WEBPACK_IMPORTED_MODULE_3__.modalsSelectors.getThreeDsConfirmation),\n isOpen = _useSelector.isOpen,\n meta = _useSelector.meta;\n\n var closeHandler = function closeHandler() {\n modalsService.send({\n type: 'CLOSE_MODAL'\n });\n };\n\n var onSuccess = function onSuccess() {\n meta.onSuccess();\n closeHandler();\n };\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Modal, {\n isOpen: isOpen,\n onClose: closeHandler,\n variant: modalVariant,\n width: \"100%\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_4__.Content, _objectSpread(_objectSpread({}, meta), {}, {\n displayMode: modalVariant,\n onClose: closeHandler,\n onSuccess: onSuccess\n })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ThreeDsConfirmation);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/ThreeDsConfirmation.tsx?");
11361
11361
 
11362
11362
  /***/ }),
11363
11363
 
@@ -11368,7 +11368,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
11368
11368
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11369
11369
 
11370
11370
  "use strict";
11371
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n\n\n\nvar Content = function Content(_ref) {\n var onClose = _ref.onClose,\n catalogId = _ref.catalogId,\n subscriptionId = _ref.subscriptionId,\n threeDsActionLink = _ref.threeDsActionLink;\n var threeDsService = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useThreeDs)({\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n onSuccess: onClose\n });\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n window.addEventListener('message', function (event) {\n var _event$data, _event$data2;\n\n if ((_event$data = event.data) !== null && _event$data !== void 0 && _event$data.THREE_DS_STATUS) {\n threeDsService.send('THREE_DS_SUCCESS');\n }\n\n if (((_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : _event$data2.THREE_DS_STATUS) === false) {\n onClose();\n }\n });\n return function () {\n return window.removeEventListener('message', function () {});\n };\n }, [threeDsActionLink, onClose, threeDsService]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"iframe\", {\n title: '3ds-confirmation',\n src: threeDsActionLink,\n style: {\n width: '700px',\n height: '700px',\n border: 'none'\n }\n });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/Content.tsx?");
11371
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n\n\n\nvar Content = function Content(_ref) {\n var onClose = _ref.onClose,\n catalogId = _ref.catalogId,\n subscriptionId = _ref.subscriptionId,\n threeDsActionLink = _ref.threeDsActionLink,\n onSuccess = _ref.onSuccess;\n var threeDsService = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useThreeDs)({\n catalogId: catalogId,\n subscriptionId: subscriptionId,\n onSuccess: onSuccess\n });\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n window.addEventListener('message', function (event) {\n var _event$data, _event$data2;\n\n if ((_event$data = event.data) !== null && _event$data !== void 0 && _event$data.THREE_DS_STATUS) {\n threeDsService.send('THREE_DS_SUCCESS');\n }\n\n if (((_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : _event$data2.THREE_DS_STATUS) === false) {\n onClose();\n }\n });\n return function () {\n return window.removeEventListener('message', function () {});\n };\n }, [threeDsActionLink]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"iframe\", {\n title: '3ds-confirmation',\n src: threeDsActionLink,\n style: {\n width: '700px',\n height: '700px',\n border: 'none'\n }\n });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/Content.tsx?");
11372
11372
 
11373
11373
  /***/ }),
11374
11374
 
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "module": "dist/maxio-components.esm.js",
6
6
  "browser": "dist/maxio-components.umd.js",
7
7
  "types": "typings/sdk/components-sdk/src/index.d.ts",
8
- "version": "1.7.0",
8
+ "version": "1.7.2",
9
9
  "scripts": {
10
10
  "test": "jest",
11
11
  "test:coverage": "jest --coverage",
package/typings/packages/subscriptions-manager/src/machines/changePlan/selectors.d.ts CHANGED
@@ -11,10 +11,12 @@ export declare const getChangePlanStatus: (machineState: ChangePlanState) => {
11
11
  updateSuccess: boolean;
12
12
  isError: boolean;
13
13
  };
14
+ export declare const getError: (machineState: ChangePlanState) => import("./types").ErrorTypes;
14
15
  export declare const getProducts: (machineState: ChangePlanState) => import("./types").Product[];
15
16
  export declare const getSelectedPlan: (machineState: ChangePlanState) => number;
16
17
  export declare const getChangePlanPreview: (machineState: ChangePlanState) => import("./types").ChangePlanPreview;
17
18
  export declare const changePlanSelectors: {
19
+ getError: (machineState: ChangePlanState) => import("./types").ErrorTypes;
18
20
  getChangePlanPreview: (machineState: ChangePlanState) => import("./types").ChangePlanPreview;
19
21
  getProducts: (machineState: ChangePlanState) => import("./types").Product[];
20
22
  getSelectedPlan: (machineState: ChangePlanState) => number;
package/typings/packages/subscriptions-manager/src/machines/changePlan/types.d.ts CHANGED
@@ -5,7 +5,9 @@ export declare type Context = {
5
5
  selectedPlan: number;
6
6
  changePlanPreview: ChangePlanPreview;
7
7
  threeDsActionLink: string;
8
+ error: ErrorTypes;
8
9
  };
10
+ export declare type ErrorTypes = '3DSecureAuthentication' | 'Generic' | 'CardDeclined';
9
11
  export declare type Events = {
10
12
  type: 'GET_PRODUCTS';
11
13
  } | {
package/typings/packages/subscriptions-manager/src/machines/modals/selectors.d.ts CHANGED
@@ -90,7 +90,7 @@ export declare const getThreeDsConfirmation: (machineState: ModalsState) => {
90
90
  catalogId: number;
91
91
  subscriptionId: number;
92
92
  threeDsActionLink: string;
93
- onClose: () => void;
93
+ onSuccess: () => void;
94
94
  };
95
95
  };
96
96
  export declare const getAddCoupon: (machineState: ModalsState) => {
@@ -200,7 +200,7 @@ export declare const modalsSelectors: {
200
200
  catalogId: number;
201
201
  subscriptionId: number;
202
202
  threeDsActionLink: string;
203
- onClose: () => void;
203
+ onSuccess: () => void;
204
204
  };
205
205
  };
206
206
  };
package/typings/packages/subscriptions-manager/src/machines/modals/types.d.ts CHANGED
@@ -56,7 +56,7 @@ export declare type Context = {
56
56
  catalogId: number;
57
57
  subscriptionId: null | number;
58
58
  threeDsActionLink: null | string;
59
- onClose: null | (() => void);
59
+ onSuccess: null | (() => void);
60
60
  };
61
61
  addCoupon: {
62
62
  subscriptionId: number | null;
@@ -121,7 +121,7 @@ export declare type Events = {
121
121
  catalogId: number;
122
122
  subscriptionId: number;
123
123
  threeDsActionLink: string;
124
- onClose?: () => void;
124
+ onSuccess?: () => void;
125
125
  } | {
126
126
  type: 'SHOW_ADD_COUPON';
127
127
  catalogId: number;
package/typings/packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.d.ts CHANGED
@@ -1,2 +1,7 @@
1
1
  /// <reference types="react" />
2
- export declare const ErrorAlert: () => JSX.Element;
2
+ import { ErrorTypes } from '../../../../../machines/changePlan/types';
3
+ declare type Props = {
4
+ error: ErrorTypes;
5
+ };
6
+ export declare const ErrorAlert: ({ error }: Props) => JSX.Element;
7
+ export {};
package/typings/packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/Content.d.ts CHANGED
@@ -5,6 +5,7 @@ declare type ThreeDsSecureModal = {
5
5
  catalogId: number;
6
6
  subscriptionId: number;
7
7
  threeDsActionLink: string;
8
+ onSuccess: () => void;
8
9
  };
9
- declare const Content: ({ onClose, catalogId, subscriptionId, threeDsActionLink, }: ThreeDsSecureModal) => JSX.Element;
10
+ declare const Content: ({ onClose, catalogId, subscriptionId, threeDsActionLink, onSuccess, }: ThreeDsSecureModal) => JSX.Element;
10
11
  export default Content;