@maxio-com/self-service 1.7.1 → 1.7.3

package/dist/maxio-components.umd.js

@@ -9410,7 +9410,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-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?");
+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?");
 
 /***/ }),
 
@@ -9784,7 +9784,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-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?");
+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?");
 
 /***/ }),
 
@@ -9806,7 +9806,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-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?");
+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?");
 
 /***/ }),
 
@@ -10840,7 +10840,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-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  (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?");
+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?");
 
 /***/ }),
 
@@ -10851,7 +10851,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-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?");
+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?");
 
 /***/ }),
 

package/package.json

@@ -5,7 +5,7 @@
   "module": "dist/maxio-components.esm.js",
   "browser": "dist/maxio-components.umd.js",
   "types": "typings/sdk/components-sdk/src/index.d.ts",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "scripts": {
     "test": "jest",
     "test:coverage": "jest --coverage",
@@ -19,7 +19,7 @@
     "clean:e2e-assets": "npx rimraf e2e_pages/locales e2e_pages/*.{js,html}",
     "upload:e2e-results": "node e2e/uploadExecutionResults.js",
     "build": "pnpm run clean && pnpm run build:browser && pnpm run build:modules",
-    "build:modules": "npx rollup --configPlugin @rollup/plugin-typescript --config rollup.config.ts",
+    "build:modules": "npx webpack --config webpack.config.js",
     "build:browser": "npx webpack --config webpack.browser.js",
     "dpdm": "npx dpdm packages/**/**/*.{ts,tsx} -T --exit-code circular:1 --no-warning --no-tree",
     "lint": "eslint --quiet --ext .ts --ext .tsx packages/ sdk/",

package/typings/packages/address/index.d.ts

@@ -1 +1 @@
-export * from './src';
+export * from './src';

package/typings/packages/address/src/components/SelectField/SelectField.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-import { SelectOptionType } from "../../../../custom-ui-components/src";
-declare type SelectFieldProps = {
-    value: string | number;
-    label: string;
-    name: string;
-    options: SelectOptionType[];
-    error?: string;
-    required?: boolean;
-    placeholder?: string;
-    onChange: (value: string | number) => void;
-    onValidateField: (value: string | number) => void;
-    isLoadingOptions?: boolean;
-    selectOptionLabel: string;
-    searchLabel: string;
-};
-declare const SelectField: ({ value, label, name, options, error, required, placeholder, onChange, onValidateField, selectOptionLabel, searchLabel, isLoadingOptions, }: SelectFieldProps) => JSX.Element;
-export default SelectField;
+import { SelectOptionType } from '@chargify/custom-ui-components';
+declare type SelectFieldProps = {
+    value: string | number;
+    label: string;
+    name: string;
+    options: SelectOptionType[];
+    error?: string;
+    required?: boolean;
+    placeholder?: string;
+    onChange: (value: string | number) => void;
+    onValidateField: (value: string | number) => void;
+    isLoadingOptions?: boolean;
+    selectOptionLabel: string;
+    searchLabel: string;
+};
+declare const SelectField: ({ value, label, name, options, error, required, placeholder, onChange, onValidateField, selectOptionLabel, searchLabel, isLoadingOptions, }: SelectFieldProps) => JSX.Element;
+export default SelectField;

package/typings/packages/address/src/components/SelectField/SelectField.styles.d.ts

@@ -1,5 +1,5 @@
-import { MarginProps } from 'styled-system';
-import { InputMessageType } from "../../../../custom-ui-components/src";
-export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {
-    type: InputMessageType;
-} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+import { MarginProps } from 'styled-system';
+import { InputMessageType } from '@chargify/custom-ui-components';
+export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {
+    type: InputMessageType;
+} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/address/src/components/SelectField/index.d.ts

@@ -1,2 +1,2 @@
-import SelectField from './SelectField';
-export default SelectField;
+import SelectField from './SelectField';
+export default SelectField;

package/typings/packages/address/src/components/index.d.ts

@@ -1,2 +1,2 @@
-import SelectField from './SelectField';
-export { SelectField };
+import SelectField from './SelectField';
+export { SelectField };

package/typings/packages/address/src/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const NO_STATE_OPTION: {
-    name: string;
-    code: string;
-};
+export declare const NO_STATE_OPTION: {
+    name: string;
+    code: string;
+};

package/typings/packages/address/src/containers/Address/Address.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { AddressFields, FieldError } from '../../types';
-import { AddressTranslations, Format } from './types';
-declare type AddressProps = {
-    values: AddressFields;
-    requiredFields?: string[];
-    format?: Format;
-    onChange: (name: keyof AddressFields, value: string) => void;
-    errors?: {
-        [key in keyof AddressFields]?: FieldError;
-    };
-    onValidateField?: (name: keyof AddressFields, value: string | number) => void;
-    translations?: AddressTranslations;
-};
-declare const Address: ({ values, requiredFields, errors, translations, format, onChange, onValidateField, }: AddressProps) => JSX.Element;
-export default Address;
+import { AddressFields, FieldError } from '../../types';
+import { AddressTranslations, Format } from './types';
+declare type AddressProps = {
+    values: AddressFields;
+    requiredFields?: string[];
+    format?: Format;
+    onChange: (name: keyof AddressFields, value: string) => void;
+    errors?: {
+        [key in keyof AddressFields]?: FieldError;
+    };
+    onValidateField?: (name: keyof AddressFields, value: string | number) => void;
+    translations?: AddressTranslations;
+};
+declare const Address: ({ values, requiredFields, errors, translations, format, onChange, onValidateField, }: AddressProps) => JSX.Element;
+export default Address;

package/typings/packages/address/src/containers/Address/index.d.ts

@@ -1,4 +1,4 @@
-import Address from './Address';
-import { AddressTranslations } from './types';
-export default Address;
-export type { AddressTranslations };
+import Address from './Address';
+import { AddressTranslations } from './types';
+export default Address;
+export type { AddressTranslations };

package/typings/packages/address/src/containers/Address/translations.d.ts

@@ -1,2 +1,2 @@
-import { AddressTranslations } from './types';
-export declare const defaultTranslations: AddressTranslations;
+import { AddressTranslations } from './types';
+export declare const defaultTranslations: AddressTranslations;

package/typings/packages/address/src/containers/Address/types.d.ts

@@ -1,43 +1,43 @@
-export declare type AddressTranslations = {
-    address: {
-        label: string;
-        placeholder: string;
-    };
-    address2: {
-        label: string;
-        placeholder: string;
-    };
-    city: {
-        label: string;
-        placeholder: string;
-    };
-    state: {
-        label: string;
-        placeholder: string;
-    };
-    country: {
-        label: string;
-        placeholder: string;
-    };
-    zip: {
-        label: string;
-        placeholder: string;
-    };
-    postalCode: {
-        label: string;
-        placeholder: string;
-    };
-    region: {
-        label: string;
-        placeholder: string;
-    };
-    error: {
-        invalid: string;
-        required: string;
-    };
-    input: {
-        selectOptionLabel: string;
-        searchLabel: string;
-    };
-};
-export declare type Format = 'international' | 'us';
+export declare type AddressTranslations = {
+    address: {
+        label: string;
+        placeholder: string;
+    };
+    address2: {
+        label: string;
+        placeholder: string;
+    };
+    city: {
+        label: string;
+        placeholder: string;
+    };
+    state: {
+        label: string;
+        placeholder: string;
+    };
+    country: {
+        label: string;
+        placeholder: string;
+    };
+    zip: {
+        label: string;
+        placeholder: string;
+    };
+    postalCode: {
+        label: string;
+        placeholder: string;
+    };
+    region: {
+        label: string;
+        placeholder: string;
+    };
+    error: {
+        invalid: string;
+        required: string;
+    };
+    input: {
+        selectOptionLabel: string;
+        searchLabel: string;
+    };
+};
+export declare type Format = 'international' | 'us';

package/typings/packages/address/src/containers/Address/utils.ts/formatOptions.d.ts

@@ -1,5 +1,5 @@
-import { Division } from "../../../../../data-access/src";
-export declare const formatOptions: (options: Division[]) => {
-    label: string;
-    value: string;
-}[];
+import { Division } from '@chargify/data-access';
+export declare const formatOptions: (options: Division[]) => {
+    label: string;
+    value: string;
+}[];

package/typings/packages/address/src/containers/Address/utils.ts/index.d.ts

@@ -1,2 +1,2 @@
-import { formatOptions } from './formatOptions';
-export { formatOptions };
+import { formatOptions } from './formatOptions';
+export { formatOptions };

package/typings/packages/address/src/containers/index.d.ts

@@ -1,4 +1,4 @@
-import Address from './Address';
-import type { AddressTranslations } from './Address';
-export { Address };
-export type { AddressTranslations };
+import Address from './Address';
+import type { AddressTranslations } from './Address';
+export { Address };
+export type { AddressTranslations };

package/typings/packages/address/src/hooks/index.d.ts

@@ -1,2 +1,2 @@
-import { useFormatAddress } from './useFormatAddress';
-export { useFormatAddress };
+import { useFormatAddress } from './useFormatAddress';
+export { useFormatAddress };

package/typings/packages/address/src/hooks/useFormatAddress.d.ts

@@ -1,2 +1,2 @@
-import { AddressFields } from '../types';
-export declare const useFormatAddress: (address: AddressFields) => AddressFields;
+import { AddressFields } from '../types';
+export declare const useFormatAddress: (address: AddressFields) => AddressFields;

package/typings/packages/address/src/index.d.ts

@@ -1,9 +1,9 @@
-import { Address } from './containers';
-import type { AddressTranslations } from './containers';
-import { createAddressValidationSchema } from './utils';
-import type { AddressFields } from './types';
-import { addressMachine, addressSelectors } from './machines';
-import { NO_STATE_OPTION } from './constants';
-import { useFormatAddress } from './hooks';
-export { useFormatAddress, Address, createAddressValidationSchema, addressSelectors, addressMachine, NO_STATE_OPTION, };
-export type { AddressFields, AddressTranslations };
+import { Address } from './containers';
+import type { AddressTranslations } from './containers';
+import { createAddressValidationSchema } from './utils';
+import type { AddressFields } from './types';
+import { addressMachine, addressSelectors } from './machines';
+import { NO_STATE_OPTION } from './constants';
+import { useFormatAddress } from './hooks';
+export { useFormatAddress, Address, createAddressValidationSchema, addressSelectors, addressMachine, NO_STATE_OPTION, };
+export type { AddressFields, AddressTranslations };

package/typings/packages/address/src/machines/address/address.d.ts

@@ -1,7 +1,7 @@
-import { Context, Events } from './types';
-export declare const initialContext: Context;
-declare const addressMachine: import("xstate").StateMachine<Context, any, Events, {
-    value: any;
-    context: Context;
-}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
-export { addressMachine };
+import { Context, Events } from './types';
+export declare const initialContext: Context;
+declare const addressMachine: import("xstate").StateMachine<Context, any, Events, {
+    value: any;
+    context: Context;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, Events, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+export { addressMachine };

package/typings/packages/address/src/machines/address/index.d.ts

@@ -1,3 +1,3 @@
-import { addressMachine } from './address';
-import { addressSelectors } from './selectors';
-export { addressMachine, addressSelectors };
+import { addressMachine } from './address';
+import { addressSelectors } from './selectors';
+export { addressMachine, addressSelectors };

package/typings/packages/address/src/machines/address/selectors.d.ts

@@ -1,24 +1,24 @@
-import { State } from 'xstate';
-import { Division } from "../../../../data-access/src";
-import { addressMachine } from './address';
-declare type AddressMachine = typeof addressMachine;
-declare type AddressState = State<AddressMachine['context']>;
-export declare const getCountries: (machineState: AddressState) => {
-    items: Division[];
-    isLoading: boolean;
-};
-export declare const getSubdivisions: (machineState: AddressState) => {
-    items: Division[];
-    isLoading: boolean;
-};
-export declare const addressSelectors: {
-    getCountries: (machineState: AddressState) => {
-        items: Division[];
-        isLoading: boolean;
-    };
-    getSubdivisions: (machineState: AddressState) => {
-        items: Division[];
-        isLoading: boolean;
-    };
-};
-export {};
+import { State } from 'xstate';
+import { Division } from '@chargify/data-access';
+import { addressMachine } from './address';
+declare type AddressMachine = typeof addressMachine;
+declare type AddressState = State<AddressMachine['context']>;
+export declare const getCountries: (machineState: AddressState) => {
+    items: Division[];
+    isLoading: boolean;
+};
+export declare const getSubdivisions: (machineState: AddressState) => {
+    items: Division[];
+    isLoading: boolean;
+};
+export declare const addressSelectors: {
+    getCountries: (machineState: AddressState) => {
+        items: Division[];
+        isLoading: boolean;
+    };
+    getSubdivisions: (machineState: AddressState) => {
+        items: Division[];
+        isLoading: boolean;
+    };
+};
+export {};

package/typings/packages/address/src/machines/address/types.d.ts

@@ -1,11 +1,11 @@
-import { Division } from "../../../../data-access/src";
-export declare type Context = {
-    countries: Division[];
-    subdivisions: Division[];
-};
-export declare type Events = {
-    type: 'FETCH_COUNTRY';
-} | {
-    type: 'FETCH_SUBDIVISION';
-    country: string;
-};
+import { Division } from '@chargify/data-access';
+export declare type Context = {
+    countries: Division[];
+    subdivisions: Division[];
+};
+export declare type Events = {
+    type: 'FETCH_COUNTRY';
+} | {
+    type: 'FETCH_SUBDIVISION';
+    country: string;
+};

package/typings/packages/address/src/machines/index.d.ts

@@ -1,2 +1,2 @@
-import { addressMachine, addressSelectors } from './address';
-export { addressMachine, addressSelectors };
+import { addressMachine, addressSelectors } from './address';
+export { addressMachine, addressSelectors };

package/typings/packages/address/src/types.d.ts

@@ -1,9 +1,9 @@
-export declare type AddressFields = {
-    address: string;
-    address2: string;
-    city: string;
-    state: string;
-    country: string;
-    zip: string;
-};
-export declare type FieldError = 'required' | 'invalid';
+export declare type AddressFields = {
+    address: string;
+    address2: string;
+    city: string;
+    state: string;
+    country: string;
+    zip: string;
+};
+export declare type FieldError = 'required' | 'invalid';

package/typings/packages/address/src/utils/createValidationSchema.d.ts

@@ -1,17 +1,17 @@
-import * as yup from 'yup';
-declare const createAddressValidationSchema: (requiredFields?: string[]) => import("yup/lib/object").OptionalObjectSchema<{
-    address: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    address2: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    city: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    state: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    country: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    zip: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-}, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<{
-    address: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    address2: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    city: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    state: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    country: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-    zip: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
-}>>;
-export default createAddressValidationSchema;
+import * as yup from 'yup';
+declare const createAddressValidationSchema: (requiredFields?: string[]) => import("yup/lib/object").OptionalObjectSchema<{
+    address: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    address2: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    city: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    state: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    country: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    zip: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+}, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<{
+    address: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    address2: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    city: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    state: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    country: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+    zip: yup.StringSchema<string, import("yup/lib/types").AnyObject, string>;
+}>>;
+export default createAddressValidationSchema;

package/typings/packages/address/src/utils/index.d.ts

@@ -1,2 +1,2 @@
-import createAddressValidationSchema from './createValidationSchema';
-export { createAddressValidationSchema };
+import createAddressValidationSchema from './createValidationSchema';
+export { createAddressValidationSchema };