@maxio-com/self-service 1.4.3 → 1.6.0

package/dist/maxio-components.umd.js

@@ -2667,7 +2667,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 */   \"Container\": () => (/* binding */ Container)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! framer-motion */ \"./node_modules/.pnpm/framer-motion@7.3.5_biqbaboplfbrettd7655fr4n2y/node_modules/framer-motion/dist/es/render/dom/motion.mjs\");\n\n\n\nvar Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(framer_motion__WEBPACK_IMPORTED_MODULE_2__.motion.div).withConfig({\n  displayName: \"Modalstyles__Container\",\n  componentId: \"maxio-components__sc-1mqn09l-0\"\n})([\"&&&{overscroll-behavior:contain;max-height:100vh;max-height:-webkit-fill-available;display:flex;\", \";\", \";}\"], styled_system__WEBPACK_IMPORTED_MODULE_0__.layout, function (_ref) {\n  var variant = _ref.variant;\n  if (variant === 'layer') return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)([\"width:100%;height:100vh;height:-webkit-fill-available;\"]);\n  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)([\"min-width:600px;max-width:800px;\"]);\n});\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Modal/Modal.styles.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Container\": () => (/* binding */ Container)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! framer-motion */ \"./node_modules/.pnpm/framer-motion@7.3.5_biqbaboplfbrettd7655fr4n2y/node_modules/framer-motion/dist/es/render/dom/motion.mjs\");\n\n\n\nvar Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(framer_motion__WEBPACK_IMPORTED_MODULE_2__.motion.div).withConfig({\n  displayName: \"Modalstyles__Container\",\n  componentId: \"maxio-components__sc-1mqn09l-0\"\n})([\"&&&{overscroll-behavior:contain;max-height:100vh;max-height:-webkit-fill-available;display:flex;justify-content:center;\", \";\", \";}\"], styled_system__WEBPACK_IMPORTED_MODULE_0__.layout, function (_ref) {\n  var variant = _ref.variant;\n  if (variant === 'layer') return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)([\"width:100%;height:100vh;height:-webkit-fill-available;\"]);\n  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)([\"min-width:600px;max-width:800px;\"]);\n});\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Modal/Modal.styles.ts?");
 
 /***/ }),
 
@@ -3591,7 +3591,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 */   \"Container\": () => (/* binding */ Container),\n/* harmony export */   \"IconWrapper\": () => (/* binding */ IconWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../theme */ \"./packages/custom-ui-components/src/theme/index.ts\");\n/* harmony import */ var _atoms_Box__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../atoms/Box */ \"./packages/custom-ui-components/src/components/atoms/Box/index.ts\");\n\n\n\n\nvar Container = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].div.withConfig({\n  displayName: \"Alertstyles__Container\",\n  componentId: \"maxio-components__sc-gxtxj5-0\"\n})([\"&&&{box-sizing:border-box;\", \";\", \";\", \";}\"], function (props) {\n  return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Alert', 'size'));\n}, function (props) {\n  return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Alert', 'color'));\n}, (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(function (props) {\n  return _theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentCSSOverrides(props, 'Alert');\n}));\nvar IconWrapper = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_atoms_Box__WEBPACK_IMPORTED_MODULE_2__[\"default\"]).withConfig({\n  displayName: \"Alertstyles__IconWrapper\",\n  componentId: \"maxio-components__sc-gxtxj5-1\"\n})([\"&&&{position:relative;bottom:-\", \"px;}\"], function (props) {\n  return props.theme.space[1];\n});\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Container\": () => (/* binding */ Container)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../theme */ \"./packages/custom-ui-components/src/theme/index.ts\");\n\n\n\nvar Container = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].div.withConfig({\n  displayName: \"Alertstyles__Container\",\n  componentId: \"maxio-components__sc-gxtxj5-0\"\n})([\"&&&{box-sizing:border-box;\", \";\", \";\", \";}\"], function (props) {\n  return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Alert', 'size'));\n}, function (props) {\n  return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Alert', 'color'));\n}, (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(function (props) {\n  return _theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentCSSOverrides(props, 'Alert');\n}));\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts?");
 
 /***/ }),
 
@@ -3602,7 +3602,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 _chargify_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _atoms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _Alert_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Alert.styles */ \"./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts\");\n\n\n\n\n\n\nvar Alert = function Alert(_ref) {\n  var title = _ref.title,\n      _ref$color = _ref.color,\n      color = _ref$color === void 0 ? 'primary' : _ref$color,\n      _ref$size = _ref.size,\n      size = _ref$size === void 0 ? 'regular' : _ref$size,\n      buttonLabel = _ref.buttonLabel,\n      icon = _ref.icon,\n      onClick = _ref.onClick,\n      children = _ref.children,\n      _ref$whiteSpace = _ref.whiteSpace,\n      whiteSpace = _ref$whiteSpace === void 0 ? 'pre-line' : _ref$whiteSpace;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_3__.Container, {\n    size: size,\n    color: color,\n    role: \"alert\"\n  }, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n    marginBottom: 2\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.BodyText, {\n    variant: \"body2\",\n    color: \"inherit\",\n    fontWeight: 600,\n    whiteSpace: whiteSpace\n  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_3__.IconWrapper, {\n    marginRight: 2,\n    display: 'inline'\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_1__.Icon, {\n    type: icon,\n    fill: \"currentColor\",\n    size: 16\n  })), title)), children, buttonLabel && onClick && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n    marginTop: 4\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Button, {\n    label: buttonLabel,\n    onClick: onClick,\n    color: \"secondary\"\n  })));\n};\n\nAlert.TextMessage = _components__WEBPACK_IMPORTED_MODULE_4__.TextMessage;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Alert);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/Alert.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 _atoms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _Alert_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Alert.styles */ \"./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts\");\n\n\n\n\n\nvar Alert = function Alert(_ref) {\n  var title = _ref.title,\n      _ref$color = _ref.color,\n      color = _ref$color === void 0 ? 'primary' : _ref$color,\n      _ref$size = _ref.size,\n      size = _ref$size === void 0 ? 'regular' : _ref$size,\n      buttonLabel = _ref.buttonLabel,\n      icon = _ref.icon,\n      onClick = _ref.onClick,\n      children = _ref.children;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_2__.Container, {\n    size: size,\n    color: color,\n    role: \"alert\"\n  }, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_3__.Title, {\n    text: title,\n    icon: icon\n  }), children, buttonLabel && onClick && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginTop: 4\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: buttonLabel,\n    onClick: onClick,\n    color: \"secondary\"\n  })));\n};\n\nAlert.TextMessage = _components__WEBPACK_IMPORTED_MODULE_3__.TextMessage;\nAlert.Title = _components__WEBPACK_IMPORTED_MODULE_3__.Title;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Alert);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/Alert.tsx?");
 
 /***/ }),
 
@@ -3617,6 +3617,28 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 
 /***/ }),
 
+/***/ "./packages/custom-ui-components/src/components/molecules/Alert/components/Title.styles.ts":
+/*!*************************************************************************************************!*\
+  !*** ./packages/custom-ui-components/src/components/molecules/Alert/components/Title.styles.ts ***!
+  \*************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TitleWrapper\": () => (/* binding */ TitleWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n\n\nvar TitleWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n  displayName: \"Titlestyles__TitleWrapper\",\n  componentId: \"maxio-components__sc-1t0vg3w-0\"\n})([\"&&&{display:flex;align-items:center;\", \";}\"], styled_system__WEBPACK_IMPORTED_MODULE_0__.grid);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/components/Title.styles.ts?");
+
+/***/ }),
+
+/***/ "./packages/custom-ui-components/src/components/molecules/Alert/components/Title.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./packages/custom-ui-components/src/components/molecules/Alert/components/Title.tsx ***!
+  \*******************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Title\": () => (/* binding */ Title)\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_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _atoms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _Title_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Title.styles */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/Title.styles.ts\");\n\n\n\n\nvar Title = function Title(_ref) {\n  var text = _ref.text,\n      icon = _ref.icon;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n    marginBottom: 2\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Title_styles__WEBPACK_IMPORTED_MODULE_3__.TitleWrapper, {\n    gridGap: 2\n  }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_1__.Icon, {\n    type: icon,\n    fill: \"currentColor\",\n    size: 16\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.BodyText, {\n    variant: \"body2\",\n    color: \"inherit\",\n    fontWeight: 600\n  }, text)));\n};\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/components/Title.tsx?");
+
+/***/ }),
+
 /***/ "./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts":
 /*!******************************************************************************************!*\
   !*** ./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts ***!
@@ -3624,7 +3646,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 */   \"TextMessage\": () => (/* reexport safe */ _TextMessage__WEBPACK_IMPORTED_MODULE_0__.TextMessage)\n/* harmony export */ });\n/* harmony import */ var _TextMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TextMessage */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/TextMessage.tsx\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TextMessage\": () => (/* reexport safe */ _TextMessage__WEBPACK_IMPORTED_MODULE_0__.TextMessage),\n/* harmony export */   \"Title\": () => (/* reexport safe */ _Title__WEBPACK_IMPORTED_MODULE_1__.Title)\n/* harmony export */ });\n/* harmony import */ var _TextMessage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TextMessage */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/TextMessage.tsx\");\n/* harmony import */ var _Title__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Title */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/Title.tsx\");\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts?");
 
 /***/ }),
 
@@ -6264,7 +6286,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 _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./packages/data-access/src/utils/index.ts\");\n/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ \"./packages/data-access/src/types/index.ts\");\n/* harmony import */ var snakecase_keys__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! snakecase-keys */ \"./node_modules/.pnpm/snakecase-keys@5.4.4/node_modules/snakecase-keys/index.js\");\n/* harmony import */ var snakecase_keys__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(snakecase_keys__WEBPACK_IMPORTED_MODULE_2__);\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar _excluded = [\"address2\"],\n    _excluded2 = [\"subscriptionId\"];\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\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 _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, \"throw\" === context.method) { if (delegate.iterator.return && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method)) return ContinueSentinel; context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a 'throw' method\"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, \"constructor\", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, \"constructor\", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\n\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\n\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\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\nvar DataAccess = /*#__PURE__*/function () {\n  function DataAccess(_ref) {\n    var baseUrl = _ref.baseUrl,\n        sessionManager = _ref.sessionManager;\n\n    _classCallCheck(this, DataAccess);\n\n    _defineProperty(this, \"baseUrl\", null);\n\n    _defineProperty(this, \"sessionManager\", null);\n\n    this.sessionManager = sessionManager;\n    this.baseUrl = baseUrl;\n  }\n\n  _createClass(DataAccess, [{\n    key: \"performRequest\",\n    value: function performRequest(url) {\n      var body = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n      var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.GET;\n      return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestHandler)(url, body, method, {\n        Authorization: \"Bearer \".concat(this.sessionManager.accessToken)\n      });\n    }\n  }, {\n    key: \"getProductsCatalog\",\n    value: function () {\n      var _getProductsCatalog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                return _context.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/product_families\")));\n\n              case 1:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee, this);\n      }));\n\n      function getProductsCatalog() {\n        return _getProductsCatalog.apply(this, arguments);\n      }\n\n      return getProductsCatalog;\n    }()\n  }, {\n    key: \"getProducts\",\n    value: function () {\n      var _getProducts = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(productFamilyId) {\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                return _context2.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/product_families/\").concat(productFamilyId, \"/products\")));\n\n              case 1:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2, this);\n      }));\n\n      function getProducts(_x) {\n        return _getProducts.apply(this, arguments);\n      }\n\n      return getProducts;\n    }()\n  }, {\n    key: \"previewProductMigration\",\n    value: function () {\n      var _previewProductMigration = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(subscriptionId, productId) {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) {\n            switch (_context3.prev = _context3.next) {\n              case 0:\n                return _context3.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/preview_product_migration\"), {\n                  product_id: productId\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context3.stop();\n            }\n          }\n        }, _callee3, this);\n      }));\n\n      function previewProductMigration(_x2, _x3) {\n        return _previewProductMigration.apply(this, arguments);\n      }\n\n      return previewProductMigration;\n    }()\n  }, {\n    key: \"migrateProduct\",\n    value: function () {\n      var _migrateProduct = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(subscriptionId, productId) {\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) {\n            switch (_context4.prev = _context4.next) {\n              case 0:\n                return _context4.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/products/\").concat(productId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context4.stop();\n            }\n          }\n        }, _callee4, this);\n      }));\n\n      function migrateProduct(_x4, _x5) {\n        return _migrateProduct.apply(this, arguments);\n      }\n\n      return migrateProduct;\n    }()\n  }, {\n    key: \"getComponents\",\n    value: function () {\n      var _getComponents = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) {\n            switch (_context5.prev = _context5.next) {\n              case 0:\n                return _context5.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/components\")));\n\n              case 1:\n              case \"end\":\n                return _context5.stop();\n            }\n          }\n        }, _callee5, this);\n      }));\n\n      function getComponents(_x6) {\n        return _getComponents.apply(this, arguments);\n      }\n\n      return getComponents;\n    }()\n  }, {\n    key: \"getGatewayConfig\",\n    value: function () {\n      var _getGatewayConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {\n        return _regeneratorRuntime().wrap(function _callee6$(_context6) {\n          while (1) {\n            switch (_context6.prev = _context6.next) {\n              case 0:\n                return _context6.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/gateway_config\")).then(function (response) {\n                  return _objectSpread(_objectSpread({}, response), {}, {\n                    vaultCurrencies: snakecase_keys__WEBPACK_IMPORTED_MODULE_2___default()(response.vaultCurrencies)\n                  });\n                }));\n\n              case 1:\n              case \"end\":\n                return _context6.stop();\n            }\n          }\n        }, _callee6, this);\n      }));\n\n      function getGatewayConfig() {\n        return _getGatewayConfig.apply(this, arguments);\n      }\n\n      return getGatewayConfig;\n    }()\n  }, {\n    key: \"createPaymentProfile\",\n    value: function () {\n      var _createPaymentProfile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(token) {\n        return _regeneratorRuntime().wrap(function _callee7$(_context7) {\n          while (1) {\n            switch (_context7.prev = _context7.next) {\n              case 0:\n                return _context7.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles\"), {\n                  token: token\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context7.stop();\n            }\n          }\n        }, _callee7, this);\n      }));\n\n      function createPaymentProfile(_x7) {\n        return _createPaymentProfile.apply(this, arguments);\n      }\n\n      return createPaymentProfile;\n    }()\n  }, {\n    key: \"updateSubscriptionPaymentProfile\",\n    value: function () {\n      var _updateSubscriptionPaymentProfile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(paymentProfileId, subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) {\n            switch (_context8.prev = _context8.next) {\n              case 0:\n                return _context8.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context8.stop();\n            }\n          }\n        }, _callee8, this);\n      }));\n\n      function updateSubscriptionPaymentProfile(_x8, _x9) {\n        return _updateSubscriptionPaymentProfile.apply(this, arguments);\n      }\n\n      return updateSubscriptionPaymentProfile;\n    }()\n  }, {\n    key: \"replacePaymentProfiles\",\n    value: function () {\n      var _replacePaymentProfiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(paymentProfileIdsForReplacement, newPaymentProfileId) {\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) {\n            switch (_context9.prev = _context9.next) {\n              case 0:\n                return _context9.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/payment_profiles\"), {\n                  billing: {\n                    payment_profile_id: newPaymentProfileId\n                  },\n                  paymentProfiles: paymentProfileIdsForReplacement.map(function (id) {\n                    return {\n                      id: id\n                    };\n                  })\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context9.stop();\n            }\n          }\n        }, _callee9, this);\n      }));\n\n      function replacePaymentProfiles(_x10, _x11) {\n        return _replacePaymentProfiles.apply(this, arguments);\n      }\n\n      return replacePaymentProfiles;\n    }()\n  }, {\n    key: \"resumeSubscription\",\n    value: function () {\n      var _resumeSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee10$(_context10) {\n          while (1) {\n            switch (_context10.prev = _context10.next) {\n              case 0:\n                return _context10.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/resume\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context10.stop();\n            }\n          }\n        }, _callee10, this);\n      }));\n\n      function resumeSubscription(_x12) {\n        return _resumeSubscription.apply(this, arguments);\n      }\n\n      return resumeSubscription;\n    }()\n  }, {\n    key: \"getSubscriptionResumptionConfig\",\n    value: function () {\n      var _getSubscriptionResumptionConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {\n        return _regeneratorRuntime().wrap(function _callee11$(_context11) {\n          while (1) {\n            switch (_context11.prev = _context11.next) {\n              case 0:\n                return _context11.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/resumption_config\")));\n\n              case 1:\n              case \"end\":\n                return _context11.stop();\n            }\n          }\n        }, _callee11, this);\n      }));\n\n      function getSubscriptionResumptionConfig() {\n        return _getSubscriptionResumptionConfig.apply(this, arguments);\n      }\n\n      return getSubscriptionResumptionConfig;\n    }()\n  }, {\n    key: \"updateSubscriptionResumptionDate\",\n    value: function () {\n      var _updateSubscriptionResumptionDate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(subscriptionId, autoResumeDate) {\n        return _regeneratorRuntime().wrap(function _callee12$(_context12) {\n          while (1) {\n            switch (_context12.prev = _context12.next) {\n              case 0:\n                return _context12.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/hold\"), {\n                  automatically_resume_at: autoResumeDate\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context12.stop();\n            }\n          }\n        }, _callee12, this);\n      }));\n\n      function updateSubscriptionResumptionDate(_x13, _x14) {\n        return _updateSubscriptionResumptionDate.apply(this, arguments);\n      }\n\n      return updateSubscriptionResumptionDate;\n    }()\n  }, {\n    key: \"getSubscriptions\",\n    value: function () {\n      var _getSubscriptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {\n        return _regeneratorRuntime().wrap(function _callee13$(_context13) {\n          while (1) {\n            switch (_context13.prev = _context13.next) {\n              case 0:\n                return _context13.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions\")));\n\n              case 1:\n              case \"end\":\n                return _context13.stop();\n            }\n          }\n        }, _callee13, this);\n      }));\n\n      function getSubscriptions() {\n        return _getSubscriptions.apply(this, arguments);\n      }\n\n      return getSubscriptions;\n    }()\n  }, {\n    key: \"getCustomerDetails\",\n    value: function () {\n      var _getCustomerDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {\n        return _regeneratorRuntime().wrap(function _callee14$(_context14) {\n          while (1) {\n            switch (_context14.prev = _context14.next) {\n              case 0:\n                return _context14.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer\")));\n\n              case 1:\n              case \"end\":\n                return _context14.stop();\n            }\n          }\n        }, _callee14, this);\n      }));\n\n      function getCustomerDetails() {\n        return _getCustomerDetails.apply(this, arguments);\n      }\n\n      return getCustomerDetails;\n    }()\n  }, {\n    key: \"updateCustomerDetails\",\n    value: function () {\n      var _updateCustomerDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(customerDetails) {\n        var address2, rest, data;\n        return _regeneratorRuntime().wrap(function _callee15$(_context15) {\n          while (1) {\n            switch (_context15.prev = _context15.next) {\n              case 0:\n                address2 = customerDetails.address2, rest = _objectWithoutProperties(customerDetails, _excluded);\n                data = _objectSpread({\n                  address_2: address2\n                }, rest);\n                return _context15.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer\"), data, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 3:\n              case \"end\":\n                return _context15.stop();\n            }\n          }\n        }, _callee15, this);\n      }));\n\n      function updateCustomerDetails(_x15) {\n        return _updateCustomerDetails.apply(this, arguments);\n      }\n\n      return updateCustomerDetails;\n    }()\n  }, {\n    key: \"getCountrySubdivisions\",\n    value: function () {\n      var _getCountrySubdivisions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(countryCode) {\n        return _regeneratorRuntime().wrap(function _callee16$(_context16) {\n          while (1) {\n            switch (_context16.prev = _context16.next) {\n              case 0:\n                return _context16.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subdivisions?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)({\n                  countryCode: countryCode\n                }))));\n\n              case 1:\n              case \"end\":\n                return _context16.stop();\n            }\n          }\n        }, _callee16, this);\n      }));\n\n      function getCountrySubdivisions(_x16) {\n        return _getCountrySubdivisions.apply(this, arguments);\n      }\n\n      return getCountrySubdivisions;\n    }()\n  }, {\n    key: \"getCountries\",\n    value: function () {\n      var _getCountries = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {\n        return _regeneratorRuntime().wrap(function _callee17$(_context17) {\n          while (1) {\n            switch (_context17.prev = _context17.next) {\n              case 0:\n                return _context17.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/countries\")));\n\n              case 1:\n              case \"end\":\n                return _context17.stop();\n            }\n          }\n        }, _callee17, this);\n      }));\n\n      function getCountries() {\n        return _getCountries.apply(this, arguments);\n      }\n\n      return getCountries;\n    }()\n  }, {\n    key: \"getInvoices\",\n    value: function () {\n      var _getInvoices = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18(requestParams) {\n        return _regeneratorRuntime().wrap(function _callee18$(_context18) {\n          while (1) {\n            switch (_context18.prev = _context18.next) {\n              case 0:\n                return _context18.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/invoices?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)(requestParams))));\n\n              case 1:\n              case \"end\":\n                return _context18.stop();\n            }\n          }\n        }, _callee18, this);\n      }));\n\n      function getInvoices(_x17) {\n        return _getInvoices.apply(this, arguments);\n      }\n\n      return getInvoices;\n    }()\n  }, {\n    key: \"getInvoiceFilters\",\n    value: function () {\n      var _getInvoiceFilters = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {\n        return _regeneratorRuntime().wrap(function _callee19$(_context19) {\n          while (1) {\n            switch (_context19.prev = _context19.next) {\n              case 0:\n                return _context19.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/invoices/filters\")));\n\n              case 1:\n              case \"end\":\n                return _context19.stop();\n            }\n          }\n        }, _callee19, this);\n      }));\n\n      function getInvoiceFilters() {\n        return _getInvoiceFilters.apply(this, arguments);\n      }\n\n      return getInvoiceFilters;\n    }()\n  }, {\n    key: \"previewComponentAllocations\",\n    value: function () {\n      var _previewComponentAllocations = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(subscriptionId, body) {\n        return _regeneratorRuntime().wrap(function _callee20$(_context20) {\n          while (1) {\n            switch (_context20.prev = _context20.next) {\n              case 0:\n                return _context20.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/preview_allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context20.stop();\n            }\n          }\n        }, _callee20, this);\n      }));\n\n      function previewComponentAllocations(_x18, _x19) {\n        return _previewComponentAllocations.apply(this, arguments);\n      }\n\n      return previewComponentAllocations;\n    }()\n  }, {\n    key: \"updateComponentAllocations\",\n    value: function () {\n      var _updateComponentAllocations = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(subscriptionId, body) {\n        return _regeneratorRuntime().wrap(function _callee21$(_context21) {\n          while (1) {\n            switch (_context21.prev = _context21.next) {\n              case 0:\n                return _context21.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context21.stop();\n            }\n          }\n        }, _callee21, this);\n      }));\n\n      function updateComponentAllocations(_x20, _x21) {\n        return _updateComponentAllocations.apply(this, arguments);\n      }\n\n      return updateComponentAllocations;\n    }()\n  }, {\n    key: \"getSubscriptionCustomFields\",\n    value: function () {\n      var _getSubscriptionCustomFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee22$(_context22) {\n          while (1) {\n            switch (_context22.prev = _context22.next) {\n              case 0:\n                return _context22.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context22.stop();\n            }\n          }\n        }, _callee22, this);\n      }));\n\n      function getSubscriptionCustomFields(_x22) {\n        return _getSubscriptionCustomFields.apply(this, arguments);\n      }\n\n      return getSubscriptionCustomFields;\n    }()\n  }, {\n    key: \"getCustomerCustomFields\",\n    value: function () {\n      var _getCustomerCustomFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {\n        return _regeneratorRuntime().wrap(function _callee23$(_context23) {\n          while (1) {\n            switch (_context23.prev = _context23.next) {\n              case 0:\n                return _context23.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context23.stop();\n            }\n          }\n        }, _callee23, this);\n      }));\n\n      function getCustomerCustomFields() {\n        return _getCustomerCustomFields.apply(this, arguments);\n      }\n\n      return getCustomerCustomFields;\n    }()\n  }, {\n    key: \"updateCustomerCustomFields\",\n    value: function () {\n      var _updateCustomerCustomFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24(customFields) {\n        return _regeneratorRuntime().wrap(function _callee24$(_context24) {\n          while (1) {\n            switch (_context24.prev = _context24.next) {\n              case 0:\n                return _context24.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context24.stop();\n            }\n          }\n        }, _callee24, this);\n      }));\n\n      function updateCustomerCustomFields(_x23) {\n        return _updateCustomerCustomFields.apply(this, arguments);\n      }\n\n      return updateCustomerCustomFields;\n    }()\n  }, {\n    key: \"updateSubscriptionCustomFields\",\n    value: function () {\n      var _updateSubscriptionCustomFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25(subscriptionId, customFields) {\n        return _regeneratorRuntime().wrap(function _callee25$(_context25) {\n          while (1) {\n            switch (_context25.prev = _context25.next) {\n              case 0:\n                return _context25.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context25.stop();\n            }\n          }\n        }, _callee25, this);\n      }));\n\n      function updateSubscriptionCustomFields(_x24, _x25) {\n        return _updateSubscriptionCustomFields.apply(this, arguments);\n      }\n\n      return updateSubscriptionCustomFields;\n    }()\n  }, {\n    key: \"pauseSubscription\",\n    value: function () {\n      var _pauseSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26(subscriptionId, automaticallyResumeAt) {\n        return _regeneratorRuntime().wrap(function _callee26$(_context26) {\n          while (1) {\n            switch (_context26.prev = _context26.next) {\n              case 0:\n                return _context26.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/hold\"), {\n                  automaticallyResumeAt: automaticallyResumeAt\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context26.stop();\n            }\n          }\n        }, _callee26, this);\n      }));\n\n      function pauseSubscription(_x26, _x27) {\n        return _pauseSubscription.apply(this, arguments);\n      }\n\n      return pauseSubscription;\n    }()\n  }, {\n    key: \"cancelSubscription\",\n    value: function () {\n      var _cancelSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27(_ref2) {\n        var subscriptionId, rest;\n        return _regeneratorRuntime().wrap(function _callee27$(_context27) {\n          while (1) {\n            switch (_context27.prev = _context27.next) {\n              case 0:\n                subscriptionId = _ref2.subscriptionId, rest = _objectWithoutProperties(_ref2, _excluded2);\n                return _context27.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/cancel\"), rest, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 2:\n              case \"end\":\n                return _context27.stop();\n            }\n          }\n        }, _callee27, this);\n      }));\n\n      function cancelSubscription(_x28) {\n        return _cancelSubscription.apply(this, arguments);\n      }\n\n      return cancelSubscription;\n    }()\n  }, {\n    key: \"getPaymentProfiles\",\n    value: function () {\n      var _getPaymentProfiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {\n        return _regeneratorRuntime().wrap(function _callee28$(_context28) {\n          while (1) {\n            switch (_context28.prev = _context28.next) {\n              case 0:\n                return _context28.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles\")));\n\n              case 1:\n              case \"end\":\n                return _context28.stop();\n            }\n          }\n        }, _callee28, this);\n      }));\n\n      function getPaymentProfiles() {\n        return _getPaymentProfiles.apply(this, arguments);\n      }\n\n      return getPaymentProfiles;\n    }()\n  }, {\n    key: \"deletePaymentProfile\",\n    value: function () {\n      var _deletePaymentProfile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29(paymentProfileId) {\n        return _regeneratorRuntime().wrap(function _callee29$(_context29) {\n          while (1) {\n            switch (_context29.prev = _context29.next) {\n              case 0:\n                return _context29.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context29.stop();\n            }\n          }\n        }, _callee29, this);\n      }));\n\n      function deletePaymentProfile(_x29) {\n        return _deletePaymentProfile.apply(this, arguments);\n      }\n\n      return deletePaymentProfile;\n    }()\n  }, {\n    key: \"undoCancelation\",\n    value: function () {\n      var _undoCancelation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee30(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee30$(_context30) {\n          while (1) {\n            switch (_context30.prev = _context30.next) {\n              case 0:\n                return _context30.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/cancel\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context30.stop();\n            }\n          }\n        }, _callee30, this);\n      }));\n\n      function undoCancelation(_x30) {\n        return _undoCancelation.apply(this, arguments);\n      }\n\n      return undoCancelation;\n    }()\n  }, {\n    key: \"getChurnReasonCodes\",\n    value: function () {\n      var _getChurnReasonCodes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee31() {\n        return _regeneratorRuntime().wrap(function _callee31$(_context31) {\n          while (1) {\n            switch (_context31.prev = _context31.next) {\n              case 0:\n                return _context31.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/churn_reason_codes\")));\n\n              case 1:\n              case \"end\":\n                return _context31.stop();\n            }\n          }\n        }, _callee31, this);\n      }));\n\n      function getChurnReasonCodes() {\n        return _getChurnReasonCodes.apply(this, arguments);\n      }\n\n      return getChurnReasonCodes;\n    }()\n  }, {\n    key: \"getInvoicePDF\",\n    value: function () {\n      var _getInvoicePDF = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee32(invoiceId) {\n        return _regeneratorRuntime().wrap(function _callee32$(_context32) {\n          while (1) {\n            switch (_context32.prev = _context32.next) {\n              case 0:\n                _context32.next = 2;\n                return fetch(\"\".concat(this.baseUrl, \"/invoices/\").concat(invoiceId, \"/pdf\"), {\n                  body: null,\n                  headers: {\n                    Authorization: \"Bearer \".concat(this.sessionManager.accessToken),\n                    'Content-Type': 'application/pdf'\n                  },\n                  method: _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.GET\n                }).then(function (resp) {\n                  return resp.arrayBuffer();\n                });\n\n              case 2:\n                return _context32.abrupt(\"return\", _context32.sent);\n\n              case 3:\n              case \"end\":\n                return _context32.stop();\n            }\n          }\n        }, _callee32, this);\n      }));\n\n      function getInvoicePDF(_x31) {\n        return _getInvoicePDF.apply(this, arguments);\n      }\n\n      return getInvoicePDF;\n    }()\n  }, {\n    key: \"reactivateSubscription\",\n    value: function () {\n      var _reactivateSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee33(subscriptionId, couponCode) {\n        return _regeneratorRuntime().wrap(function _callee33$(_context33) {\n          while (1) {\n            switch (_context33.prev = _context33.next) {\n              case 0:\n                return _context33.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/reactivate\"), {\n                  couponCode: couponCode\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context33.stop();\n            }\n          }\n        }, _callee33, this);\n      }));\n\n      function reactivateSubscription(_x32, _x33) {\n        return _reactivateSubscription.apply(this, arguments);\n      }\n\n      return reactivateSubscription;\n    }()\n  }]);\n\n  return DataAccess;\n}();\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DataAccess);\n\n//# sourceURL=webpack://Maxio/./packages/data-access/src/DataAccess.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./packages/data-access/src/utils/index.ts\");\n/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ \"./packages/data-access/src/types/index.ts\");\n/* harmony import */ var snakecase_keys__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! snakecase-keys */ \"./node_modules/.pnpm/snakecase-keys@5.4.4/node_modules/snakecase-keys/index.js\");\n/* harmony import */ var snakecase_keys__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(snakecase_keys__WEBPACK_IMPORTED_MODULE_2__);\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar _excluded = [\"address2\"],\n    _excluded2 = [\"subscriptionId\"];\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\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 _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, \"throw\" === context.method) { if (delegate.iterator.return && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method)) return ContinueSentinel; context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a 'throw' method\"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, \"constructor\", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, \"constructor\", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\n\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\n\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\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\nvar DataAccess = /*#__PURE__*/function () {\n  function DataAccess(_ref) {\n    var baseUrl = _ref.baseUrl,\n        sessionManager = _ref.sessionManager;\n\n    _classCallCheck(this, DataAccess);\n\n    _defineProperty(this, \"baseUrl\", null);\n\n    _defineProperty(this, \"sessionManager\", null);\n\n    this.sessionManager = sessionManager;\n    this.baseUrl = baseUrl;\n  }\n\n  _createClass(DataAccess, [{\n    key: \"performRequest\",\n    value: function performRequest(url) {\n      var body = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n      var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.GET;\n      return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestHandler)(url, body, method, {\n        Authorization: \"Bearer \".concat(this.sessionManager.accessToken)\n      });\n    }\n  }, {\n    key: \"getProductsCatalog\",\n    value: function () {\n      var _getProductsCatalog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                return _context.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/product_families\")));\n\n              case 1:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee, this);\n      }));\n\n      function getProductsCatalog() {\n        return _getProductsCatalog.apply(this, arguments);\n      }\n\n      return getProductsCatalog;\n    }()\n  }, {\n    key: \"getProducts\",\n    value: function () {\n      var _getProducts = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(productFamilyId) {\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                return _context2.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/product_families/\").concat(productFamilyId, \"/products\")));\n\n              case 1:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2, this);\n      }));\n\n      function getProducts(_x) {\n        return _getProducts.apply(this, arguments);\n      }\n\n      return getProducts;\n    }()\n  }, {\n    key: \"previewProductMigration\",\n    value: function () {\n      var _previewProductMigration = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(subscriptionId, productId) {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) {\n            switch (_context3.prev = _context3.next) {\n              case 0:\n                return _context3.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/preview_product_migration\"), {\n                  product_id: productId\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context3.stop();\n            }\n          }\n        }, _callee3, this);\n      }));\n\n      function previewProductMigration(_x2, _x3) {\n        return _previewProductMigration.apply(this, arguments);\n      }\n\n      return previewProductMigration;\n    }()\n  }, {\n    key: \"migrateProduct\",\n    value: function () {\n      var _migrateProduct = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(subscriptionId, productId) {\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) {\n            switch (_context4.prev = _context4.next) {\n              case 0:\n                return _context4.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/products/\").concat(productId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context4.stop();\n            }\n          }\n        }, _callee4, this);\n      }));\n\n      function migrateProduct(_x4, _x5) {\n        return _migrateProduct.apply(this, arguments);\n      }\n\n      return migrateProduct;\n    }()\n  }, {\n    key: \"getComponents\",\n    value: function () {\n      var _getComponents = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) {\n            switch (_context5.prev = _context5.next) {\n              case 0:\n                return _context5.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/components\")));\n\n              case 1:\n              case \"end\":\n                return _context5.stop();\n            }\n          }\n        }, _callee5, this);\n      }));\n\n      function getComponents(_x6) {\n        return _getComponents.apply(this, arguments);\n      }\n\n      return getComponents;\n    }()\n  }, {\n    key: \"getGatewayConfig\",\n    value: function () {\n      var _getGatewayConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {\n        return _regeneratorRuntime().wrap(function _callee6$(_context6) {\n          while (1) {\n            switch (_context6.prev = _context6.next) {\n              case 0:\n                return _context6.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/gateway_config\")).then(function (response) {\n                  return _objectSpread(_objectSpread({}, response), {}, {\n                    vaultCurrencies: snakecase_keys__WEBPACK_IMPORTED_MODULE_2___default()(response.vaultCurrencies)\n                  });\n                }));\n\n              case 1:\n              case \"end\":\n                return _context6.stop();\n            }\n          }\n        }, _callee6, this);\n      }));\n\n      function getGatewayConfig() {\n        return _getGatewayConfig.apply(this, arguments);\n      }\n\n      return getGatewayConfig;\n    }()\n  }, {\n    key: \"createPaymentProfile\",\n    value: function () {\n      var _createPaymentProfile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(token) {\n        return _regeneratorRuntime().wrap(function _callee7$(_context7) {\n          while (1) {\n            switch (_context7.prev = _context7.next) {\n              case 0:\n                return _context7.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles\"), {\n                  token: token\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context7.stop();\n            }\n          }\n        }, _callee7, this);\n      }));\n\n      function createPaymentProfile(_x7) {\n        return _createPaymentProfile.apply(this, arguments);\n      }\n\n      return createPaymentProfile;\n    }()\n  }, {\n    key: \"updateSubscriptionPaymentProfile\",\n    value: function () {\n      var _updateSubscriptionPaymentProfile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(paymentProfileId, subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) {\n            switch (_context8.prev = _context8.next) {\n              case 0:\n                return _context8.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context8.stop();\n            }\n          }\n        }, _callee8, this);\n      }));\n\n      function updateSubscriptionPaymentProfile(_x8, _x9) {\n        return _updateSubscriptionPaymentProfile.apply(this, arguments);\n      }\n\n      return updateSubscriptionPaymentProfile;\n    }()\n  }, {\n    key: \"replacePaymentProfiles\",\n    value: function () {\n      var _replacePaymentProfiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(paymentProfileIdsForReplacement, newPaymentProfileId) {\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) {\n            switch (_context9.prev = _context9.next) {\n              case 0:\n                return _context9.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/payment_profiles\"), {\n                  billing: {\n                    payment_profile_id: newPaymentProfileId\n                  },\n                  paymentProfiles: paymentProfileIdsForReplacement.map(function (id) {\n                    return {\n                      id: id\n                    };\n                  })\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context9.stop();\n            }\n          }\n        }, _callee9, this);\n      }));\n\n      function replacePaymentProfiles(_x10, _x11) {\n        return _replacePaymentProfiles.apply(this, arguments);\n      }\n\n      return replacePaymentProfiles;\n    }()\n  }, {\n    key: \"resumeSubscription\",\n    value: function () {\n      var _resumeSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee10$(_context10) {\n          while (1) {\n            switch (_context10.prev = _context10.next) {\n              case 0:\n                return _context10.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/resume\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context10.stop();\n            }\n          }\n        }, _callee10, this);\n      }));\n\n      function resumeSubscription(_x12) {\n        return _resumeSubscription.apply(this, arguments);\n      }\n\n      return resumeSubscription;\n    }()\n  }, {\n    key: \"getSubscriptionResumptionConfig\",\n    value: function () {\n      var _getSubscriptionResumptionConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {\n        return _regeneratorRuntime().wrap(function _callee11$(_context11) {\n          while (1) {\n            switch (_context11.prev = _context11.next) {\n              case 0:\n                return _context11.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/resumption_config\")));\n\n              case 1:\n              case \"end\":\n                return _context11.stop();\n            }\n          }\n        }, _callee11, this);\n      }));\n\n      function getSubscriptionResumptionConfig() {\n        return _getSubscriptionResumptionConfig.apply(this, arguments);\n      }\n\n      return getSubscriptionResumptionConfig;\n    }()\n  }, {\n    key: \"updateSubscriptionResumptionDate\",\n    value: function () {\n      var _updateSubscriptionResumptionDate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(subscriptionId, autoResumeDate) {\n        return _regeneratorRuntime().wrap(function _callee12$(_context12) {\n          while (1) {\n            switch (_context12.prev = _context12.next) {\n              case 0:\n                return _context12.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/hold\"), {\n                  automatically_resume_at: autoResumeDate\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context12.stop();\n            }\n          }\n        }, _callee12, this);\n      }));\n\n      function updateSubscriptionResumptionDate(_x13, _x14) {\n        return _updateSubscriptionResumptionDate.apply(this, arguments);\n      }\n\n      return updateSubscriptionResumptionDate;\n    }()\n  }, {\n    key: \"getSubscriptions\",\n    value: function () {\n      var _getSubscriptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {\n        return _regeneratorRuntime().wrap(function _callee13$(_context13) {\n          while (1) {\n            switch (_context13.prev = _context13.next) {\n              case 0:\n                return _context13.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions\")));\n\n              case 1:\n              case \"end\":\n                return _context13.stop();\n            }\n          }\n        }, _callee13, this);\n      }));\n\n      function getSubscriptions() {\n        return _getSubscriptions.apply(this, arguments);\n      }\n\n      return getSubscriptions;\n    }()\n  }, {\n    key: \"getSubscriptionDetails\",\n    value: function () {\n      var _getSubscriptionDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee14$(_context14) {\n          while (1) {\n            switch (_context14.prev = _context14.next) {\n              case 0:\n                return _context14.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/details\")));\n\n              case 1:\n              case \"end\":\n                return _context14.stop();\n            }\n          }\n        }, _callee14, this);\n      }));\n\n      function getSubscriptionDetails(_x15) {\n        return _getSubscriptionDetails.apply(this, arguments);\n      }\n\n      return getSubscriptionDetails;\n    }()\n  }, {\n    key: \"getCustomerDetails\",\n    value: function () {\n      var _getCustomerDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {\n        return _regeneratorRuntime().wrap(function _callee15$(_context15) {\n          while (1) {\n            switch (_context15.prev = _context15.next) {\n              case 0:\n                return _context15.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer\")));\n\n              case 1:\n              case \"end\":\n                return _context15.stop();\n            }\n          }\n        }, _callee15, this);\n      }));\n\n      function getCustomerDetails() {\n        return _getCustomerDetails.apply(this, arguments);\n      }\n\n      return getCustomerDetails;\n    }()\n  }, {\n    key: \"updateCustomerDetails\",\n    value: function () {\n      var _updateCustomerDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(customerDetails) {\n        var address2, rest, data;\n        return _regeneratorRuntime().wrap(function _callee16$(_context16) {\n          while (1) {\n            switch (_context16.prev = _context16.next) {\n              case 0:\n                address2 = customerDetails.address2, rest = _objectWithoutProperties(customerDetails, _excluded);\n                data = _objectSpread({\n                  address_2: address2\n                }, rest);\n                return _context16.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer\"), data, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 3:\n              case \"end\":\n                return _context16.stop();\n            }\n          }\n        }, _callee16, this);\n      }));\n\n      function updateCustomerDetails(_x16) {\n        return _updateCustomerDetails.apply(this, arguments);\n      }\n\n      return updateCustomerDetails;\n    }()\n  }, {\n    key: \"getCountrySubdivisions\",\n    value: function () {\n      var _getCountrySubdivisions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17(countryCode) {\n        return _regeneratorRuntime().wrap(function _callee17$(_context17) {\n          while (1) {\n            switch (_context17.prev = _context17.next) {\n              case 0:\n                return _context17.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subdivisions?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)({\n                  countryCode: countryCode\n                }))));\n\n              case 1:\n              case \"end\":\n                return _context17.stop();\n            }\n          }\n        }, _callee17, this);\n      }));\n\n      function getCountrySubdivisions(_x17) {\n        return _getCountrySubdivisions.apply(this, arguments);\n      }\n\n      return getCountrySubdivisions;\n    }()\n  }, {\n    key: \"getCountries\",\n    value: function () {\n      var _getCountries = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {\n        return _regeneratorRuntime().wrap(function _callee18$(_context18) {\n          while (1) {\n            switch (_context18.prev = _context18.next) {\n              case 0:\n                return _context18.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/countries\")));\n\n              case 1:\n              case \"end\":\n                return _context18.stop();\n            }\n          }\n        }, _callee18, this);\n      }));\n\n      function getCountries() {\n        return _getCountries.apply(this, arguments);\n      }\n\n      return getCountries;\n    }()\n  }, {\n    key: \"getInvoices\",\n    value: function () {\n      var _getInvoices = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19(requestParams) {\n        return _regeneratorRuntime().wrap(function _callee19$(_context19) {\n          while (1) {\n            switch (_context19.prev = _context19.next) {\n              case 0:\n                return _context19.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/invoices?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)(requestParams))));\n\n              case 1:\n              case \"end\":\n                return _context19.stop();\n            }\n          }\n        }, _callee19, this);\n      }));\n\n      function getInvoices(_x18) {\n        return _getInvoices.apply(this, arguments);\n      }\n\n      return getInvoices;\n    }()\n  }, {\n    key: \"getInvoiceFilters\",\n    value: function () {\n      var _getInvoiceFilters = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {\n        return _regeneratorRuntime().wrap(function _callee20$(_context20) {\n          while (1) {\n            switch (_context20.prev = _context20.next) {\n              case 0:\n                return _context20.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/invoices/filters\")));\n\n              case 1:\n              case \"end\":\n                return _context20.stop();\n            }\n          }\n        }, _callee20, this);\n      }));\n\n      function getInvoiceFilters() {\n        return _getInvoiceFilters.apply(this, arguments);\n      }\n\n      return getInvoiceFilters;\n    }()\n  }, {\n    key: \"previewComponentAllocations\",\n    value: function () {\n      var _previewComponentAllocations = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(subscriptionId, body) {\n        return _regeneratorRuntime().wrap(function _callee21$(_context21) {\n          while (1) {\n            switch (_context21.prev = _context21.next) {\n              case 0:\n                return _context21.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/preview_allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context21.stop();\n            }\n          }\n        }, _callee21, this);\n      }));\n\n      function previewComponentAllocations(_x19, _x20) {\n        return _previewComponentAllocations.apply(this, arguments);\n      }\n\n      return previewComponentAllocations;\n    }()\n  }, {\n    key: \"updateComponentAllocations\",\n    value: function () {\n      var _updateComponentAllocations = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22(subscriptionId, body) {\n        return _regeneratorRuntime().wrap(function _callee22$(_context22) {\n          while (1) {\n            switch (_context22.prev = _context22.next) {\n              case 0:\n                return _context22.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context22.stop();\n            }\n          }\n        }, _callee22, this);\n      }));\n\n      function updateComponentAllocations(_x21, _x22) {\n        return _updateComponentAllocations.apply(this, arguments);\n      }\n\n      return updateComponentAllocations;\n    }()\n  }, {\n    key: \"getSubscriptionCustomFields\",\n    value: function () {\n      var _getSubscriptionCustomFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee23$(_context23) {\n          while (1) {\n            switch (_context23.prev = _context23.next) {\n              case 0:\n                return _context23.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context23.stop();\n            }\n          }\n        }, _callee23, this);\n      }));\n\n      function getSubscriptionCustomFields(_x23) {\n        return _getSubscriptionCustomFields.apply(this, arguments);\n      }\n\n      return getSubscriptionCustomFields;\n    }()\n  }, {\n    key: \"getCustomerCustomFields\",\n    value: function () {\n      var _getCustomerCustomFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {\n        return _regeneratorRuntime().wrap(function _callee24$(_context24) {\n          while (1) {\n            switch (_context24.prev = _context24.next) {\n              case 0:\n                return _context24.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context24.stop();\n            }\n          }\n        }, _callee24, this);\n      }));\n\n      function getCustomerCustomFields() {\n        return _getCustomerCustomFields.apply(this, arguments);\n      }\n\n      return getCustomerCustomFields;\n    }()\n  }, {\n    key: \"updateCustomerCustomFields\",\n    value: function () {\n      var _updateCustomerCustomFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25(customFields) {\n        return _regeneratorRuntime().wrap(function _callee25$(_context25) {\n          while (1) {\n            switch (_context25.prev = _context25.next) {\n              case 0:\n                return _context25.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context25.stop();\n            }\n          }\n        }, _callee25, this);\n      }));\n\n      function updateCustomerCustomFields(_x24) {\n        return _updateCustomerCustomFields.apply(this, arguments);\n      }\n\n      return updateCustomerCustomFields;\n    }()\n  }, {\n    key: \"updateSubscriptionCustomFields\",\n    value: function () {\n      var _updateSubscriptionCustomFields = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26(subscriptionId, customFields) {\n        return _regeneratorRuntime().wrap(function _callee26$(_context26) {\n          while (1) {\n            switch (_context26.prev = _context26.next) {\n              case 0:\n                return _context26.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context26.stop();\n            }\n          }\n        }, _callee26, this);\n      }));\n\n      function updateSubscriptionCustomFields(_x25, _x26) {\n        return _updateSubscriptionCustomFields.apply(this, arguments);\n      }\n\n      return updateSubscriptionCustomFields;\n    }()\n  }, {\n    key: \"pauseSubscription\",\n    value: function () {\n      var _pauseSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27(subscriptionId, automaticallyResumeAt) {\n        return _regeneratorRuntime().wrap(function _callee27$(_context27) {\n          while (1) {\n            switch (_context27.prev = _context27.next) {\n              case 0:\n                return _context27.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/hold\"), {\n                  automaticallyResumeAt: automaticallyResumeAt\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context27.stop();\n            }\n          }\n        }, _callee27, this);\n      }));\n\n      function pauseSubscription(_x27, _x28) {\n        return _pauseSubscription.apply(this, arguments);\n      }\n\n      return pauseSubscription;\n    }()\n  }, {\n    key: \"cancelSubscription\",\n    value: function () {\n      var _cancelSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28(_ref2) {\n        var subscriptionId, rest;\n        return _regeneratorRuntime().wrap(function _callee28$(_context28) {\n          while (1) {\n            switch (_context28.prev = _context28.next) {\n              case 0:\n                subscriptionId = _ref2.subscriptionId, rest = _objectWithoutProperties(_ref2, _excluded2);\n                return _context28.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/cancel\"), rest, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 2:\n              case \"end\":\n                return _context28.stop();\n            }\n          }\n        }, _callee28, this);\n      }));\n\n      function cancelSubscription(_x29) {\n        return _cancelSubscription.apply(this, arguments);\n      }\n\n      return cancelSubscription;\n    }()\n  }, {\n    key: \"getPaymentProfiles\",\n    value: function () {\n      var _getPaymentProfiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29() {\n        return _regeneratorRuntime().wrap(function _callee29$(_context29) {\n          while (1) {\n            switch (_context29.prev = _context29.next) {\n              case 0:\n                return _context29.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles\")));\n\n              case 1:\n              case \"end\":\n                return _context29.stop();\n            }\n          }\n        }, _callee29, this);\n      }));\n\n      function getPaymentProfiles() {\n        return _getPaymentProfiles.apply(this, arguments);\n      }\n\n      return getPaymentProfiles;\n    }()\n  }, {\n    key: \"deletePaymentProfile\",\n    value: function () {\n      var _deletePaymentProfile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee30(paymentProfileId) {\n        return _regeneratorRuntime().wrap(function _callee30$(_context30) {\n          while (1) {\n            switch (_context30.prev = _context30.next) {\n              case 0:\n                return _context30.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context30.stop();\n            }\n          }\n        }, _callee30, this);\n      }));\n\n      function deletePaymentProfile(_x30) {\n        return _deletePaymentProfile.apply(this, arguments);\n      }\n\n      return deletePaymentProfile;\n    }()\n  }, {\n    key: \"undoCancelation\",\n    value: function () {\n      var _undoCancelation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee31(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee31$(_context31) {\n          while (1) {\n            switch (_context31.prev = _context31.next) {\n              case 0:\n                return _context31.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/cancel\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context31.stop();\n            }\n          }\n        }, _callee31, this);\n      }));\n\n      function undoCancelation(_x31) {\n        return _undoCancelation.apply(this, arguments);\n      }\n\n      return undoCancelation;\n    }()\n  }, {\n    key: \"getChurnReasonCodes\",\n    value: function () {\n      var _getChurnReasonCodes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee32() {\n        return _regeneratorRuntime().wrap(function _callee32$(_context32) {\n          while (1) {\n            switch (_context32.prev = _context32.next) {\n              case 0:\n                return _context32.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/churn_reason_codes\")));\n\n              case 1:\n              case \"end\":\n                return _context32.stop();\n            }\n          }\n        }, _callee32, this);\n      }));\n\n      function getChurnReasonCodes() {\n        return _getChurnReasonCodes.apply(this, arguments);\n      }\n\n      return getChurnReasonCodes;\n    }()\n  }, {\n    key: \"getInvoicePDF\",\n    value: function () {\n      var _getInvoicePDF = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee33(invoiceId) {\n        return _regeneratorRuntime().wrap(function _callee33$(_context33) {\n          while (1) {\n            switch (_context33.prev = _context33.next) {\n              case 0:\n                _context33.next = 2;\n                return fetch(\"\".concat(this.baseUrl, \"/invoices/\").concat(invoiceId, \"/pdf\"), {\n                  body: null,\n                  headers: {\n                    Authorization: \"Bearer \".concat(this.sessionManager.accessToken),\n                    'Content-Type': 'application/pdf'\n                  },\n                  method: _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.GET\n                }).then(function (resp) {\n                  return resp.arrayBuffer();\n                });\n\n              case 2:\n                return _context33.abrupt(\"return\", _context33.sent);\n\n              case 3:\n              case \"end\":\n                return _context33.stop();\n            }\n          }\n        }, _callee33, this);\n      }));\n\n      function getInvoicePDF(_x32) {\n        return _getInvoicePDF.apply(this, arguments);\n      }\n\n      return getInvoicePDF;\n    }()\n  }, {\n    key: \"reactivateSubscription\",\n    value: function () {\n      var _reactivateSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee34(subscriptionId, couponCode) {\n        return _regeneratorRuntime().wrap(function _callee34$(_context34) {\n          while (1) {\n            switch (_context34.prev = _context34.next) {\n              case 0:\n                return _context34.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/reactivate\"), {\n                  couponCode: couponCode\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context34.stop();\n            }\n          }\n        }, _callee34, this);\n      }));\n\n      function reactivateSubscription(_x33, _x34) {\n        return _reactivateSubscription.apply(this, arguments);\n      }\n\n      return reactivateSubscription;\n    }()\n  }]);\n\n  return DataAccess;\n}();\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DataAccess);\n\n//# sourceURL=webpack://Maxio/./packages/data-access/src/DataAccess.ts?");
 
 /***/ }),
 
@@ -6594,7 +6616,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 */   \"IconWrapper\": () => (/* binding */ IconWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n\n\nvar IconWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n  displayName: \"Iconstyles__IconWrapper\",\n  componentId: \"maxio-components__sc-r7ym3h-0\"\n})([\"&&&{display:inline-flex;line-height:0;\", \";}&&& .svg-inline--fa{width:\", \";height:\", \";}\"], styled_system__WEBPACK_IMPORTED_MODULE_0__.color, function (_ref) {\n  var size = _ref.size;\n  return size ? \"\".concat(size, \"px\") : '100%';\n}, function (_ref2) {\n  var size = _ref2.size;\n  return size ? \"\".concat(size, \"px\") : '100%';\n});\n\n//# sourceURL=webpack://Maxio/./packages/icons/src/Icon.styles.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"IconWrapper\": () => (/* binding */ IconWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n\n\nvar IconWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].span.withConfig({\n  displayName: \"Iconstyles__IconWrapper\",\n  componentId: \"maxio-components__sc-r7ym3h-0\"\n})([\"&&&{display:inline-flex;line-height:0;\", \";}&&& .svg-inline--fa{width:\", \";height:\", \";}\"], styled_system__WEBPACK_IMPORTED_MODULE_0__.color, function (_ref) {\n  var size = _ref.size;\n  return size ? \"\".concat(size, \"px\") : '100%';\n}, function (_ref2) {\n  var size = _ref2.size;\n  return size ? \"\".concat(size, \"px\") : '100%';\n});\n\n//# sourceURL=webpack://Maxio/./packages/icons/src/Icon.styles.ts?");
 
 /***/ }),
 
@@ -8002,7 +8024,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 */   \"PlanChangeAlerts\": () => (/* binding */ PlanChangeAlerts)\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\");\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\nvar PlanChangeAlerts = function PlanChangeAlerts(_ref) {\n  var basePlanPrice = _ref.basePlanPrice,\n      productChangeStrategy = _ref.productChangeStrategy,\n      nextBillingDate = _ref.nextBillingDate,\n      totalCharge = _ref.totalCharge;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var commonAlertProps = {\n    color: 'success',\n    icon: 'receipt'\n  };\n\n  switch (productChangeStrategy) {\n    case 'prorated':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n        title: t('plan_change.prorated_title', {\n          totalCharge: totalCharge\n        })\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n        variant: 'body2',\n        color: 'success.main'\n      }, t('plan_change.prorated_description')));\n\n    case 'non-prorated':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n        title: t('plan_change.instant_title', {\n          date: nextBillingDate,\n          basePlanPrice: basePlanPrice\n        })\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n        variant: 'body2',\n        color: 'success.main'\n      }, t('plan_change.instant_description')));\n\n    case 'delayed':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n        title: t('plan_change.delayed_title', {\n          date: nextBillingDate,\n          basePlanPrice: basePlanPrice\n        })\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n        variant: 'body2',\n        color: 'success.main'\n      }, t('plan_change.delayed_description')));\n  }\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeAlerts/PlanChangeAlerts.tsx?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PlanChangeAlerts\": () => (/* binding */ PlanChangeAlerts)\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\");\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\nvar PlanChangeAlerts = function PlanChangeAlerts(_ref) {\n  var basePlanPrice = _ref.basePlanPrice,\n      productChangeStrategy = _ref.productChangeStrategy,\n      nextBillingDate = _ref.nextBillingDate,\n      totalCharge = _ref.totalCharge,\n      creditBalance = _ref.creditBalance;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var commonAlertProps = {\n    color: 'success',\n    icon: 'receipt'\n  };\n\n  switch (productChangeStrategy) {\n    case 'prorated':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread({}, commonAlertProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.Title, {\n        text: t('plan_change.prorated_title', {\n          totalCharge: totalCharge,\n          credit: creditBalance\n        }),\n        icon: 'receipt'\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.Title, {\n        text: t('plan_change.plan_change_immediately'),\n        icon: 'clock'\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.Title, {\n        text: t('plan_change.prorated_renewed_title', {\n          date: nextBillingDate\n        }),\n        icon: 'calendar'\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n        variant: 'body2',\n        color: 'success.main'\n      }, t('plan_change.prorated_description')));\n\n    case 'non-prorated':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread({}, commonAlertProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.Title, {\n        text: t('plan_change.instant_title', {\n          totalCharge: totalCharge\n        }),\n        icon: 'receipt'\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.Title, {\n        text: t('plan_change.plan_change_immediately'),\n        icon: 'clock'\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n        variant: 'body2',\n        color: 'success.main'\n      }, t('plan_change.instant_description')));\n\n    case 'delayed':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n        title: t('plan_change.delayed_title', {\n          date: nextBillingDate,\n          basePlanPrice: basePlanPrice\n        })\n      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n        variant: 'body2',\n        color: 'success.main'\n      }, t('plan_change.delayed_description')));\n  }\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeAlerts/PlanChangeAlerts.tsx?");
 
 /***/ }),
 
@@ -8024,7 +8046,40 @@ 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 */   \"PlanChangeSummary\": () => (/* binding */ PlanChangeSummary)\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 PlanChangeSummary = function PlanChangeSummary(_ref) {\n  var productName = _ref.productName,\n      basePlanPrice = _ref.basePlanPrice,\n      isProrated = _ref.isProrated,\n      existingBalance = _ref.existingBalance,\n      billingEndDate = _ref.billingEndDate,\n      nextBillingAmount = _ref.nextBillingAmount;\n\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((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    display: 'flex',\n    justifyContent: 'center',\n    marginBottom: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: 'h4'\n  }, t('plan_change.summary_title'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 9\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, {\n    rowGap: 8\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 24\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: 'h4'\n  }, t('plan_change.plan_summary_title', {\n    planName: productName\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body2',\n    color: 'gray.dark',\n    fontWeight: 600\n  }, t('plan_change.base_plan_price'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    textAlign: 'right',\n    color: 'success.main',\n    fontWeight: 700\n  }, basePlanPrice)), isProrated ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body2',\n    color: 'gray.dark',\n    fontWeight: 600\n  }, t('plan_change.existing_balance'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    textAlign: 'right',\n    color: 'success.main',\n    fontWeight: 700\n  }, existingBalance))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 16\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body2',\n    color: 'gray.dark',\n    fontWeight: 600\n  }, t('plan_change.next_billing_amount', {\n    planName: productName,\n    date: billingEndDate\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 8\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    textAlign: 'right',\n    color: 'success.main',\n    fontWeight: 700\n  }, nextBillingAmount)))));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummary/PlanChangeSummary.tsx?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PlanChangeSummary\": () => (/* binding */ PlanChangeSummary)\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_3__ = __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 react_i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/Trans.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/* harmony import */ var _components_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/index */ \"./packages/subscriptions-manager/src/components/PlanChangeSummary/components/index.ts\");\n\n\n\n\nvar PlanChangeSummary = function PlanChangeSummary(_ref) {\n  var productName = _ref.productName,\n      basePlanPrice = _ref.basePlanPrice,\n      productChangeStrategy = _ref.productChangeStrategy,\n      existingBalance = _ref.existingBalance,\n      billingEndDate = _ref.billingEndDate,\n      nextBillingAmount = _ref.nextBillingAmount,\n      currentProductName = _ref.currentProductName,\n      proratedCreditAmount = _ref.proratedCreditAmount;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var isProrated = productChangeStrategy === 'prorated';\n  var isImmediate = productChangeStrategy === 'non-prorated';\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body1',\n    color: 'black.main'\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_i18next__WEBPACK_IMPORTED_MODULE_4__.Trans, {\n    t: t,\n    i18nKey: 'plan_change.plan_change_from_to',\n    tOptions: {\n      currentPlan: currentProductName,\n      newPlan: productName\n    }\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 9\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, {\n    rowGap: 8\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 24\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: 'h4'\n  }, t('plan_change.plan_summary_title', {\n    planName: productName\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body2',\n    color: 'gray.dark',\n    fontWeight: 600\n  }, t('plan_change.base_plan_price'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    textAlign: 'right',\n    color: 'success.main',\n    fontWeight: 700\n  }, basePlanPrice)), isProrated ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_index__WEBPACK_IMPORTED_MODULE_2__.ProratedColumns, {\n    productName: productName,\n    billingEndDate: billingEndDate,\n    proratedCreditAmount: proratedCreditAmount\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_index__WEBPACK_IMPORTED_MODULE_2__.NonProratedColumns, {\n    isImmediate: isImmediate,\n    nextBillingAmount: nextBillingAmount,\n    billingEndDate: billingEndDate,\n    existingBalance: existingBalance,\n    productName: productName\n  }))));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummary/PlanChangeSummary.tsx?");
+
+/***/ }),
+
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeSummary/components/NonProratedColumns.tsx":
+/*!***********************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeSummary/components/NonProratedColumns.tsx ***!
+  \***********************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"NonProratedColumns\": () => (/* binding */ NonProratedColumns)\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 NonProratedColumns = function NonProratedColumns(_ref) {\n  var existingBalance = _ref.existingBalance,\n      productName = _ref.productName,\n      billingEndDate = _ref.billingEndDate,\n      nextBillingAmount = _ref.nextBillingAmount,\n      isImmediate = _ref.isImmediate;\n\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((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, isImmediate ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 16\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body2',\n    color: 'gray.dark',\n    fontWeight: 600\n  }, t('plan_change.current_credit_service_balance'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 8\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    textAlign: 'right',\n    color: 'success.main',\n    fontWeight: 700\n  }, existingBalance))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 16\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body2',\n    color: 'gray.dark',\n    fontWeight: 600\n  }, t('plan_change.next_billing_amount', {\n    planName: productName,\n    date: billingEndDate\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 8\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    textAlign: 'right',\n    color: 'success.main',\n    fontWeight: 700\n  }, nextBillingAmount)));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummary/components/NonProratedColumns.tsx?");
+
+/***/ }),
+
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeSummary/components/ProratedColumns.tsx":
+/*!********************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeSummary/components/ProratedColumns.tsx ***!
+  \********************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ProratedColumns\": () => (/* binding */ ProratedColumns)\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 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\n\n\nvar ProratedColumns = function ProratedColumns(_ref) {\n  var proratedCreditAmount = _ref.proratedCreditAmount,\n      productName = _ref.productName,\n      billingEndDate = _ref.billingEndDate;\n\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((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body2',\n    color: 'gray.dark',\n    fontWeight: 600\n  }, t('plan_change.prorated_credit', {\n    planName: productName,\n    date: billingEndDate\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    textAlign: 'right',\n    color: 'success.main',\n    fontWeight: 700\n  }, proratedCreditAmount)));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummary/components/ProratedColumns.tsx?");
+
+/***/ }),
+
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeSummary/components/index.ts":
+/*!*********************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeSummary/components/index.ts ***!
+  \*********************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"NonProratedColumns\": () => (/* reexport safe */ _NonProratedColumns__WEBPACK_IMPORTED_MODULE_1__.NonProratedColumns),\n/* harmony export */   \"ProratedColumns\": () => (/* reexport safe */ _ProratedColumns__WEBPACK_IMPORTED_MODULE_0__.ProratedColumns)\n/* harmony export */ });\n/* harmony import */ var _ProratedColumns__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ProratedColumns */ \"./packages/subscriptions-manager/src/components/PlanChangeSummary/components/ProratedColumns.tsx\");\n/* harmony import */ var _NonProratedColumns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./NonProratedColumns */ \"./packages/subscriptions-manager/src/components/PlanChangeSummary/components/NonProratedColumns.tsx\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummary/components/index.ts?");
 
 /***/ }),
 
@@ -8046,7 +8101,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 */   \"PlanChangeSummaryCharges\": () => (/* binding */ PlanChangeSummaryCharges)\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 i18next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! i18next */ \"./node_modules/.pnpm/i18next@21.9.1/node_modules/i18next/dist/esm/i18next.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_7__ = __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_formatters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _Summary__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Summary */ \"./packages/subscriptions-manager/src/components/Summary/index.ts\");\n/* harmony import */ var _utils_mapChargeSummaryToTable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/mapChargeSummaryToTable */ \"./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/utils/mapChargeSummaryToTable.ts\");\n/* harmony import */ var _TotalCharge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../TotalCharge */ \"./packages/subscriptions-manager/src/components/TotalCharge/index.ts\");\n\n\n\n\n\n\n\n\nvar PlanChangeSummaryCharges = function PlanChangeSummaryCharges(_ref) {\n  var changePlanPreview = _ref.changePlanPreview,\n      currency = _ref.currency;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_7__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Summary__WEBPACK_IMPORTED_MODULE_4__.Summary, {\n    paddingX: 5,\n    paddingTop: 2,\n    marginBottom: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TotalCharge__WEBPACK_IMPORTED_MODULE_6__.TotalCharge, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.SummaryTable, {\n    rows: (0,_utils_mapChargeSummaryToTable__WEBPACK_IMPORTED_MODULE_5__.mapChargeSummaryToTable)({\n      changePlanPreview: changePlanPreview,\n      t: t,\n      language: i18next__WEBPACK_IMPORTED_MODULE_1__[\"default\"].language,\n      currency: currency\n    }),\n    columnSpans: [12, 12]\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Box, {\n    paddingTop: 3,\n    paddingBottom: 4\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.BodyText, {\n    variant: \"body1\",\n    color: \"success.main\",\n    fontWeight: 3\n  }, t('plan_change.total_charge'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.BodyText, {\n    variant: \"body1\",\n    color: \"success.main\",\n    textAlign: \"right\",\n    fontWeight: 3\n  }, (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_2__.formatCurrency)(currency, changePlanPreview.totalInCents > 0 ? changePlanPreview.totalInCents : 0, i18next__WEBPACK_IMPORTED_MODULE_1__[\"default\"].language))))));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/PlanChangeSummaryCharges.tsx?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PlanChangeSummaryCharges\": () => (/* binding */ PlanChangeSummaryCharges)\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 i18next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! i18next */ \"./node_modules/.pnpm/i18next@21.9.1/node_modules/i18next/dist/esm/i18next.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_7__ = __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_formatters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _Summary__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Summary */ \"./packages/subscriptions-manager/src/components/Summary/index.ts\");\n/* harmony import */ var _utils_mapChargeSummaryToTable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/mapChargeSummaryToTable */ \"./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/utils/mapChargeSummaryToTable.ts\");\n/* harmony import */ var _TotalCharge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../TotalCharge */ \"./packages/subscriptions-manager/src/components/TotalCharge/index.ts\");\n\n\n\n\n\n\n\n\nvar PlanChangeSummaryCharges = function PlanChangeSummaryCharges(_ref) {\n  var changePlanPreview = _ref.changePlanPreview,\n      currency = _ref.currency;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_7__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Summary__WEBPACK_IMPORTED_MODULE_4__.Summary, {\n    paddingX: 5,\n    paddingTop: 2,\n    marginBottom: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TotalCharge__WEBPACK_IMPORTED_MODULE_6__.TotalCharge, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.SummaryTable, {\n    rows: (0,_utils_mapChargeSummaryToTable__WEBPACK_IMPORTED_MODULE_5__.mapChargeSummaryToTable)({\n      changePlanPreview: changePlanPreview,\n      t: t,\n      language: i18next__WEBPACK_IMPORTED_MODULE_1__[\"default\"].language,\n      currency: currency\n    }),\n    columnSpans: [12, 12]\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Box, {\n    paddingTop: 3,\n    paddingBottom: 4\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.BodyText, {\n    variant: \"body1\",\n    color: \"success.main\",\n    fontWeight: 3\n  }, t('plan_change.total_charge'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.BodyText, {\n    variant: \"body1\",\n    color: \"success.main\",\n    textAlign: \"right\",\n    fontWeight: 3\n  }, (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_2__.formatCurrency)(currency, changePlanPreview.totalInCents > 0 ? changePlanPreview.totalInCents : 0, i18next__WEBPACK_IMPORTED_MODULE_1__[\"default\"].language))))));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/PlanChangeSummaryCharges.tsx?");
 
 /***/ }),
 
@@ -8068,7 +8123,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 */   \"mapChargeSummaryToTable\": () => (/* binding */ mapChargeSummaryToTable)\n/* harmony export */ });\n/* harmony import */ var _chargify_formatters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n\nvar mapChargeSummaryToTable = function mapChargeSummaryToTable(_ref) {\n  var changePlanPreview = _ref.changePlanPreview,\n      t = _ref.t,\n      language = _ref.language,\n      currency = _ref.currency;\n\n  var formatAmount = function formatAmount(amount) {\n    return (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_0__.formatCurrency)(currency, amount, language);\n  };\n\n  var chargesSummary = [[{\n    value: t('plan_change.subtotal'),\n    fontWeight: 3,\n    fontSize: 1\n  }, {\n    value: formatAmount(changePlanPreview.subtotalInCents > 0 ? changePlanPreview.subtotalInCents : 0),\n    fontWeight: 3,\n    fontSize: 1,\n    textAlign: 'right'\n  }]];\n  chargesSummary.push([{\n    value: t('plan_change.taxes'),\n    fontWeight: 3,\n    fontSize: 1\n  }, {\n    value: formatAmount(changePlanPreview.totalTaxInCents),\n    fontWeight: 3,\n    fontSize: 1,\n    textAlign: 'right'\n  }]);\n  return chargesSummary;\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/utils/mapChargeSummaryToTable.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"mapChargeSummaryToTable\": () => (/* binding */ mapChargeSummaryToTable)\n/* harmony export */ });\n/* harmony import */ var _chargify_formatters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n\nvar mapChargeSummaryToTable = function mapChargeSummaryToTable(_ref) {\n  var changePlanPreview = _ref.changePlanPreview,\n      t = _ref.t,\n      language = _ref.language,\n      currency = _ref.currency;\n\n  var formatAmount = function formatAmount(amount) {\n    return (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_0__.formatCurrency)(currency, amount, language);\n  };\n\n  var positiveCreditBalance = changePlanPreview.totalInCents > 0;\n  var chargesSummary = [[{\n    value: t('plan_change.subtotal'),\n    fontWeight: 3,\n    fontSize: 1\n  }, {\n    value: formatAmount(changePlanPreview.subtotalInCents),\n    fontWeight: 3,\n    fontSize: 1,\n    textAlign: 'right'\n  }], [{\n    value: t('plan_change.taxes'),\n    fontWeight: 3,\n    fontSize: 1\n  }, {\n    value: formatAmount(changePlanPreview.totalTaxInCents),\n    fontWeight: 3,\n    fontSize: 1,\n    textAlign: 'right'\n  }]];\n\n  if (changePlanPreview.productChangeStrategy === 'prorated') {\n    chargesSummary.push([{\n      value: positiveCreditBalance ? t('plan_change.credit_balance_to_be_applied') : t('plan_change.credit_balance_change'),\n      fontWeight: 3,\n      fontSize: 1\n    }, {\n      value: \"\".concat(positiveCreditBalance ? '' : '+').concat(formatAmount(Math.abs(changePlanPreview.totalInCents))),\n      fontWeight: 3,\n      fontSize: 1,\n      textAlign: 'right'\n    }]);\n  }\n\n  return chargesSummary;\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/utils/mapChargeSummaryToTable.ts?");
 
 /***/ }),
 
@@ -8222,7 +8277,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 framer_motion__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! framer-motion */ \"./node_modules/.pnpm/framer-motion@7.3.5_biqbaboplfbrettd7655fr4n2y/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! framer-motion */ \"./node_modules/.pnpm/framer-motion@7.3.5_biqbaboplfbrettd7655fr4n2y/node_modules/framer-motion/dist/es/render/dom/motion.mjs\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_13__ = __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/* harmony import */ var _chargify_device_provider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/device-provider */ \"./packages/device-provider/src/index.ts\");\n/* harmony import */ var _SubscriptionDetails__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../SubscriptionDetails */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _containers_ComponentsContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../containers/ComponentsContainer */ \"./packages/subscriptions-manager/src/containers/ComponentsContainer/index.ts\");\n/* harmony import */ var _containers_BilingDetailsContainer_BilingDetailsContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../containers/BilingDetailsContainer/BilingDetailsContainer */ \"./packages/subscriptions-manager/src/containers/BilingDetailsContainer/BilingDetailsContainer.tsx\");\n/* harmony import */ var _Subscription_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Subscription.styles */ \"./packages/subscriptions-manager/src/components/Subscription/Subscription.styles.ts\");\n/* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./motion */ \"./packages/subscriptions-manager/src/components/Subscription/motion.ts\");\n/* harmony import */ var _SubscriptionDetails_components_Notification__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../SubscriptionDetails/components/Notification */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Notification/index.tsx\");\n/* harmony import */ var _containers_CustomFieldsContainer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../containers/CustomFieldsContainer */ \"./packages/subscriptions-manager/src/containers/CustomFieldsContainer/index.ts\");\n/* harmony import */ var _containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions.ts\");\n/* harmony import */ var _SubscriptionReferalCode__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../SubscriptionReferalCode */ \"./packages/subscriptions-manager/src/components/SubscriptionReferalCode/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\n\n\n\n\n\n\n\n\n\nvar Subscription = function Subscription(_ref) {\n  var id = _ref.id,\n      catalogId = _ref.catalogId,\n      name = _ref.name,\n      price = _ref.price,\n      statusTag = _ref.statusTag,\n      description = _ref.description,\n      status = _ref.status,\n      onShowDetails = _ref.onShowDetails,\n      detailsVisible = _ref.detailsVisible,\n      _ref$cardColor = _ref.cardColor,\n      cardColor = _ref$cardColor === void 0 ? 'white' : _ref$cardColor,\n      nextBillingAmount = _ref.nextBillingAmount,\n      nextBillingDate = _ref.nextBillingDate,\n      basePlanPrice = _ref.basePlanPrice,\n      cancellationDate = _ref.cancellationDate,\n      expirationDate = _ref.expirationDate,\n      _ref$layout = _ref.layout,\n      layout = _ref$layout === void 0 ? 'expandable-card' : _ref$layout,\n      autoResumeDate = _ref.autoResumeDate,\n      trialExpirationDate = _ref.trialExpirationDate,\n      priceAfterTrial = _ref.priceAfterTrial,\n      trialPrice = _ref.trialPrice,\n      currentBalance = _ref.currentBalance,\n      nextBillingAttempt = _ref.nextBillingAttempt,\n      interval = _ref.interval,\n      billingDetails = _ref.billingDetails,\n      renderComponentsSection = _ref.renderComponentsSection,\n      renderCustomFieldsSection = _ref.renderCustomFieldsSection,\n      scheduledCancellationDate = _ref.scheduledCancellationDate,\n      availableActions = _ref.availableActions,\n      referralCode = _ref.referralCode;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_13__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useServices)(),\n      modalsService = _useServices.modalsService;\n\n  var _useDeviceInfo = (0,_chargify_device_provider__WEBPACK_IMPORTED_MODULE_2__.useDeviceInfo)(),\n      device = _useDeviceInfo.device;\n\n  var isOnMobileDevice = ['tablet', 'mobile'].includes(device);\n\n  var showPauseSubscriptionModal = function showPauseSubscriptionModal() {\n    modalsService.send({\n      type: 'SHOW_PAUSE_SUBSCRIPTION',\n      catalogId: catalogId,\n      subscriptionId: id\n    });\n  };\n\n  var showPlanChangeModal = function showPlanChangeModal() {\n    modalsService.send({\n      type: 'SHOW_SUBSCRIPTION_PLAN_CHANGE',\n      catalogId: catalogId,\n      subscriptionId: id\n    });\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.SubscriptionItem, {\n    marginBottom: 5,\n    \"data-testid\": \"subscription-\".concat(id)\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card, {\n    color: cardColor\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    onClick: onShowDetails,\n    style: {\n      cursor: layout === 'expandable-card' ? 'pointer' : 'auto'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Header, {\n    enableBorder: detailsVisible\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.SubscriptionHeader, {\n    title: name,\n    price: price,\n    interval: interval,\n    tag: statusTag\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_14__.AnimatePresence, {\n    initial: layout !== 'all-details'\n  }, detailsVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_15__.motion.div, _objectSpread(_objectSpread({}, _motion__WEBPACK_IMPORTED_MODULE_8__.bodyMotion), {}, {\n    style: {\n      overflow: 'hidden'\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Body, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [24, 7]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: \"h4\"\n  }, t('subscription_details.plan_details', {\n    ns: 'subscriptions-manager'\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [24, 17]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SubscriptionDetails_components_Notification__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    status: status,\n    marginBottom: 5\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, null, description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SubscriptionDetails__WEBPACK_IMPORTED_MODULE_3__.SubscriptionDetails, {\n    scheduledCancellationDate: scheduledCancellationDate,\n    subscriptionStatus: status,\n    nextBillingAmount: nextBillingAmount,\n    nextBillingDate: nextBillingDate,\n    basePlanPrice: basePlanPrice,\n    cancellationDate: cancellationDate,\n    expirationDate: expirationDate,\n    trialExpirationDate: trialExpirationDate,\n    priceAfterTrial: priceAfterTrial,\n    trialPrice: trialPrice,\n    nextBillingAttempt: nextBillingAttempt,\n    currentBalance: currentBalance,\n    autoResumeDate: autoResumeDate\n  }), referralCode ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SubscriptionReferalCode__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    label: t('subscription_details.referral_code'),\n    referalCode: referralCode\n  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button.Group, null, availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.CHANGE_PLAN) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"primary\",\n    size: \"medium\",\n    label: t('plan_change.configure_plan'),\n    onClick: showPlanChangeModal\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.PAUSE) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"secondary\",\n    size: \"medium\",\n    label: t('pause_subscription.put_on_hold'),\n    onClick: showPauseSubscriptionModal\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.RESUME) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('resume_subscription.resume'),\n    onClick: function onClick() {\n      modalsService.send({\n        type: 'SHOW_RESUME_SUBSCRIPTION',\n        subscriptionId: id,\n        catalogId: catalogId\n      });\n    }\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.CANCEL) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"secondary\",\n    label: t('cancel_subscription.cancel'),\n    onClick: function onClick() {\n      modalsService.send({\n        type: 'SHOW_CANCEL_SUBSCRIPTION',\n        subscriptionId: id,\n        catalogId: catalogId\n      });\n    }\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.UNDO_CANCELATION) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"secondary\",\n    label: t('cancel_subscription.undo_cancelation_button'),\n    onClick: function onClick() {\n      modalsService.send({\n        type: 'SHOW_UNDO_CANCELATION',\n        subscriptionId: id,\n        catalogId: catalogId\n      });\n    }\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.REACTIVATE) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"primary\",\n    label: t('reactivate_subscription.reactivate'),\n    onClick: function onClick() {\n      modalsService.send({\n        type: 'SHOW_REACTIVATE_SUBSCRIPTION',\n        subscriptionId: id,\n        catalogId: catalogId\n      });\n    }\n  }))))), renderComponentsSection && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_ComponentsContainer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    catalogId: catalogId,\n    subscriptionId: id\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.RowWrapper, {\n    marginTop: 5,\n    paddingTop: 5\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [24, 7]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: \"h4\"\n  }, t('subscription_details.billing_info', {\n    ns: 'subscriptions-manager'\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [24, 17]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_BilingDetailsContainer_BilingDetailsContainer__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    subscriptionId: id,\n    catalogId: catalogId,\n    billingDetails: billingDetails\n  })))), renderCustomFieldsSection && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.RowWrapper, {\n    marginTop: 5,\n    paddingTop: 5\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_CustomFieldsContainer__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    subscriptionId: id,\n    catalogId: catalogId\n  }))))), layout === 'expandable-card' && detailsVisible && isOnMobileDevice && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Footer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.FooterContentWrapper, null, detailsVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.ToggleWrapper, {\n    marginTop: 3,\n    onClick: onShowDetails\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Anchor, {\n    label: t('less', {\n      ns: 'common'\n    })\n  }))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Subscription);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/Subscription/Subscription.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 framer_motion__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! framer-motion */ \"./node_modules/.pnpm/framer-motion@7.3.5_biqbaboplfbrettd7655fr4n2y/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! framer-motion */ \"./node_modules/.pnpm/framer-motion@7.3.5_biqbaboplfbrettd7655fr4n2y/node_modules/framer-motion/dist/es/render/dom/motion.mjs\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_13__ = __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/* harmony import */ var _chargify_device_provider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/device-provider */ \"./packages/device-provider/src/index.ts\");\n/* harmony import */ var _SubscriptionDetails__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../SubscriptionDetails */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _containers_ComponentsContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../containers/ComponentsContainer */ \"./packages/subscriptions-manager/src/containers/ComponentsContainer/index.ts\");\n/* harmony import */ var _containers_BilingDetailsContainer_BilingDetailsContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../containers/BilingDetailsContainer/BilingDetailsContainer */ \"./packages/subscriptions-manager/src/containers/BilingDetailsContainer/BilingDetailsContainer.tsx\");\n/* harmony import */ var _Subscription_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Subscription.styles */ \"./packages/subscriptions-manager/src/components/Subscription/Subscription.styles.ts\");\n/* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./motion */ \"./packages/subscriptions-manager/src/components/Subscription/motion.ts\");\n/* harmony import */ var _SubscriptionDetails_components_Notification__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../SubscriptionDetails/components/Notification */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Notification/index.tsx\");\n/* harmony import */ var _containers_CustomFieldsContainer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../containers/CustomFieldsContainer */ \"./packages/subscriptions-manager/src/containers/CustomFieldsContainer/index.ts\");\n/* harmony import */ var _containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions.ts\");\n/* harmony import */ var _SubscriptionReferalCode__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../SubscriptionReferalCode */ \"./packages/subscriptions-manager/src/components/SubscriptionReferalCode/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\n\n\n\n\n\n\n\n\n\nvar Subscription = function Subscription(_ref) {\n  var id = _ref.id,\n      catalogId = _ref.catalogId,\n      name = _ref.name,\n      price = _ref.price,\n      statusTag = _ref.statusTag,\n      description = _ref.description,\n      status = _ref.status,\n      onShowDetails = _ref.onShowDetails,\n      detailsVisible = _ref.detailsVisible,\n      _ref$cardColor = _ref.cardColor,\n      cardColor = _ref$cardColor === void 0 ? 'white' : _ref$cardColor,\n      nextBillingAmount = _ref.nextBillingAmount,\n      nextBillingDate = _ref.nextBillingDate,\n      basePlanPrice = _ref.basePlanPrice,\n      cancellationDate = _ref.cancellationDate,\n      expirationDate = _ref.expirationDate,\n      _ref$layout = _ref.layout,\n      layout = _ref$layout === void 0 ? 'expandable-card' : _ref$layout,\n      autoResumeDate = _ref.autoResumeDate,\n      trialExpirationDate = _ref.trialExpirationDate,\n      priceAfterTrial = _ref.priceAfterTrial,\n      trialPrice = _ref.trialPrice,\n      currentBalance = _ref.currentBalance,\n      nextBillingAttempt = _ref.nextBillingAttempt,\n      interval = _ref.interval,\n      billingDetails = _ref.billingDetails,\n      renderComponentsSection = _ref.renderComponentsSection,\n      renderCustomFieldsSection = _ref.renderCustomFieldsSection,\n      scheduledCancellationDate = _ref.scheduledCancellationDate,\n      availableActions = _ref.availableActions,\n      referralCode = _ref.referralCode,\n      threeDsActionLink = _ref.threeDsActionLink;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_13__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useServices)(),\n      modalsService = _useServices.modalsService;\n\n  var _useDeviceInfo = (0,_chargify_device_provider__WEBPACK_IMPORTED_MODULE_2__.useDeviceInfo)(),\n      device = _useDeviceInfo.device;\n\n  var isOnMobileDevice = ['tablet', 'mobile'].includes(device);\n\n  var showPauseSubscriptionModal = function showPauseSubscriptionModal() {\n    modalsService.send({\n      type: 'SHOW_PAUSE_SUBSCRIPTION',\n      catalogId: catalogId,\n      subscriptionId: id\n    });\n  };\n\n  var showPlanChangeModal = function showPlanChangeModal() {\n    modalsService.send({\n      type: 'SHOW_SUBSCRIPTION_PLAN_CHANGE',\n      catalogId: catalogId,\n      subscriptionId: id\n    });\n  };\n\n  var show3DSModal = function show3DSModal() {\n    modalsService.send({\n      type: 'SHOW_THREE_D_SECURE',\n      subscriptionId: id,\n      catalogId: catalogId,\n      threeDsActionLink: threeDsActionLink\n    });\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.SubscriptionItem, {\n    marginBottom: 5,\n    \"data-testid\": \"subscription-\".concat(id)\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card, {\n    color: cardColor\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    onClick: onShowDetails,\n    style: {\n      cursor: layout === 'expandable-card' ? 'pointer' : 'auto'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Header, {\n    enableBorder: detailsVisible\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.SubscriptionHeader, {\n    title: name,\n    price: price,\n    interval: interval,\n    tag: statusTag\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_14__.AnimatePresence, {\n    initial: layout !== 'all-details'\n  }, detailsVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_15__.motion.div, _objectSpread(_objectSpread({}, _motion__WEBPACK_IMPORTED_MODULE_8__.bodyMotion), {}, {\n    style: {\n      overflow: 'hidden'\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Body, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [24, 7]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: \"h4\"\n  }, t('subscription_details.plan_details', {\n    ns: 'subscriptions-manager'\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [24, 17]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SubscriptionDetails_components_Notification__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    existingBalance: currentBalance,\n    status: status,\n    marginBottom: 5,\n    show3DSModal: threeDsActionLink && show3DSModal\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, null, description), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SubscriptionDetails__WEBPACK_IMPORTED_MODULE_3__.SubscriptionDetails, {\n    scheduledCancellationDate: scheduledCancellationDate,\n    subscriptionStatus: status,\n    nextBillingAmount: nextBillingAmount,\n    nextBillingDate: nextBillingDate,\n    basePlanPrice: basePlanPrice,\n    cancellationDate: cancellationDate,\n    expirationDate: expirationDate,\n    trialExpirationDate: trialExpirationDate,\n    priceAfterTrial: priceAfterTrial,\n    trialPrice: trialPrice,\n    nextBillingAttempt: nextBillingAttempt,\n    currentBalance: currentBalance,\n    autoResumeDate: autoResumeDate\n  }), referralCode ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SubscriptionReferalCode__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    label: t('subscription_details.referral_code'),\n    referalCode: referralCode\n  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button.Group, null, availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.CHANGE_PLAN) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"primary\",\n    size: \"medium\",\n    label: t('plan_change.configure_plan'),\n    onClick: showPlanChangeModal\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.PAUSE) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"secondary\",\n    size: \"medium\",\n    label: t('pause_subscription.put_on_hold'),\n    onClick: showPauseSubscriptionModal\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.RESUME) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('resume_subscription.resume'),\n    onClick: function onClick() {\n      modalsService.send({\n        type: 'SHOW_RESUME_SUBSCRIPTION',\n        subscriptionId: id,\n        catalogId: catalogId\n      });\n    }\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.CANCEL) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"secondary\",\n    label: t('cancel_subscription.cancel'),\n    onClick: function onClick() {\n      modalsService.send({\n        type: 'SHOW_CANCEL_SUBSCRIPTION',\n        subscriptionId: id,\n        catalogId: catalogId\n      });\n    }\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.UNDO_CANCELATION) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"secondary\",\n    label: t('cancel_subscription.undo_cancelation_button'),\n    onClick: function onClick() {\n      modalsService.send({\n        type: 'SHOW_UNDO_CANCELATION',\n        subscriptionId: id,\n        catalogId: catalogId\n      });\n    }\n  }), availableActions.includes(_containers_SubscriptionContainer_hooks_useSubscriptionAvailableActions__WEBPACK_IMPORTED_MODULE_11__.SubscriptionActions.REACTIVATE) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    color: \"primary\",\n    label: t('reactivate_subscription.reactivate'),\n    onClick: function onClick() {\n      modalsService.send({\n        type: 'SHOW_REACTIVATE_SUBSCRIPTION',\n        subscriptionId: id,\n        catalogId: catalogId\n      });\n    }\n  }))))), renderComponentsSection && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_ComponentsContainer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    catalogId: catalogId,\n    subscriptionId: id\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.RowWrapper, {\n    marginTop: 5,\n    paddingTop: 5\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [24, 7]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: \"h4\"\n  }, t('subscription_details.billing_info', {\n    ns: 'subscriptions-manager'\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [24, 17]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_BilingDetailsContainer_BilingDetailsContainer__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    subscriptionId: id,\n    catalogId: catalogId,\n    billingDetails: billingDetails\n  })))), renderCustomFieldsSection && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.RowWrapper, {\n    marginTop: 5,\n    paddingTop: 5\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_CustomFieldsContainer__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    subscriptionId: id,\n    catalogId: catalogId\n  }))))), layout === 'expandable-card' && detailsVisible && isOnMobileDevice && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Footer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.FooterContentWrapper, null, detailsVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Subscription_styles__WEBPACK_IMPORTED_MODULE_7__.ToggleWrapper, {\n    marginTop: 3,\n    onClick: onShowDetails\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Anchor, {\n    label: t('less', {\n      ns: 'common'\n    })\n  }))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Subscription);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/Subscription/Subscription.tsx?");
 
 /***/ }),
 
@@ -8442,7 +8497,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 _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 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\");\nvar _excluded = [\"status\"];\n\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\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\nvar Notification = function Notification(_ref) {\n  var status = _ref.status,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)('subscriptions-manager'),\n      t = _useTranslation.t;\n\n  var renderAlert = function renderAlert(status) {\n    switch (status) {\n      case 'cancellation_scheduled':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_plan_has_been_scheduled_for_cancellation')));\n\n      case 'past_due':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n          color: \"danger\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_current_payment_has_failed')));\n\n      case 'unpaid':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n          color: \"danger\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_recurring_payment_has_failed')));\n\n      case 'trial_expired':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_trial_has_expired')));\n\n      case 'expired':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_subscription_has_expired')));\n\n      default:\n        return null;\n    }\n  };\n\n  var alert = renderAlert(status);\n  return alert ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, _objectSpread({}, rest), alert) : null;\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Notification);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Notification/Notification.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 _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 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\");\nvar _excluded = [\"status\", \"show3DSModal\", \"existingBalance\"];\n\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\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\nvar Notification = function Notification(_ref) {\n  var status = _ref.status,\n      show3DSModal = _ref.show3DSModal,\n      existingBalance = _ref.existingBalance,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)('subscriptions-manager'),\n      t = _useTranslation.t;\n\n  var renderAlert = function renderAlert(status) {\n    switch (status) {\n      case 'cancellation_scheduled':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_plan_has_been_scheduled_for_cancellation')));\n\n      case 'past_due':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n          color: \"danger\",\n          buttonLabel: t('threeDs.authorize_payment'),\n          onClick: show3DSModal,\n          title: t('threeDs.payment_auth_fail_title')\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('threeDs.payment_auth_fail_description', {\n          balance: existingBalance\n        })));\n\n      case 'unpaid':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n          color: \"danger\"\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_recurring_payment_has_failed')));\n\n      case 'trial_expired':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_trial_has_expired')));\n\n      case 'expired':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('subscription_details.your_subscription_has_expired')));\n\n      default:\n        return null;\n    }\n  };\n\n  var alert = renderAlert(status);\n  return alert ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, _objectSpread({}, rest), alert) : null;\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Notification);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Notification/Notification.tsx?");
 
 /***/ }),
 
@@ -8926,7 +8981,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 */   \"ModalsContainer\": () => (/* binding */ ModalsContainer)\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 _modals__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../modals */ \"./packages/subscriptions-manager/src/modals/index.ts\");\n\n\nvar ModalsContainer = function ModalsContainer() {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ReactivateSubscriptionModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ComponentsAllocationModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ResumeSubscriptionModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.PauseSubscriptionModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.CancelSubscriptionModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.UndoCancelationModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ChangeSubscriptionPlanModal, null));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ModalsContainer/ModalsContainer.tsx?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ModalsContainer\": () => (/* binding */ ModalsContainer)\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 _modals__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../modals */ \"./packages/subscriptions-manager/src/modals/index.ts\");\n\n\nvar ModalsContainer = function ModalsContainer() {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ReactivateSubscriptionModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ComponentsAllocationModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ResumeSubscriptionModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.PauseSubscriptionModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.CancelSubscriptionModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.UndoCancelationModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ChangeSubscriptionPlanModal, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modals__WEBPACK_IMPORTED_MODULE_1__.ThreeDsConfirmationModal, null));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ModalsContainer/ModalsContainer.tsx?");
 
 /***/ }),
 
@@ -9014,7 +9069,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 */   \"PreviewProductMigrationContainer\": () => (/* binding */ PreviewProductMigrationContainer)\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 i18next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! i18next */ \"./node_modules/.pnpm/i18next@21.9.1/node_modules/i18next/dist/esm/i18next.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_8__ = __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_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _chargify_formatters__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n/* harmony import */ var _components_PlanChangeSummaryCharges__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/PlanChangeSummaryCharges */ \"./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/index.ts\");\n/* harmony import */ var _machines_changePlan__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../machines/changePlan */ \"./packages/subscriptions-manager/src/machines/changePlan/index.ts\");\n/* harmony import */ var _components_PlanChangeSummary__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/PlanChangeSummary */ \"./packages/subscriptions-manager/src/components/PlanChangeSummary/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components */ \"./packages/subscriptions-manager/src/components/index.ts\");\n\n\n\n\n\n\n\n\n\nvar PreviewProductMigrationContainer = function PreviewProductMigrationContainer(_ref) {\n  var changePlanService = _ref.changePlanService,\n      currency = _ref.currency;\n  var planPreview = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_5__.changePlanSelectors.getChangePlanPreview);\n  var productChangeStrategy = planPreview.productChangeStrategy,\n      product = planPreview.product,\n      existingBalanceInCents = planPreview.existingBalanceInCents,\n      billingEndDate = planPreview.billingEndDate,\n      totalInCents = planPreview.totalInCents;\n\n  var formatAmount = function formatAmount(amount) {\n    return (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_3__.formatCurrency)(currency, amount, i18next__WEBPACK_IMPORTED_MODULE_1__[\"default\"].language);\n  };\n\n  var nextBillingAmountInCents = product.priceInCents - existingBalanceInCents;\n  var isProrated = productChangeStrategy === 'prorated';\n  var basePlanPrice = formatAmount(product.priceInCents);\n  var totalCharge = formatAmount(totalInCents > 0 ? totalInCents : 0);\n  var nextBillingDate = (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_3__.formatDate)(billingEndDate, i18next__WEBPACK_IMPORTED_MODULE_1__[\"default\"].language);\n  var existingBalance = formatAmount(existingBalanceInCents);\n  var nextBillingAmount = formatAmount(nextBillingAmountInCents);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PlanChangeSummary__WEBPACK_IMPORTED_MODULE_6__.PlanChangeSummary, {\n    isProrated: isProrated,\n    productName: product.name,\n    basePlanPrice: basePlanPrice,\n    billingEndDate: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_3__.formatDate)(billingEndDate),\n    existingBalance: existingBalance,\n    nextBillingAmount: nextBillingAmount\n  }), isProrated ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PlanChangeSummaryCharges__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    changePlanPreview: planPreview,\n    currency: currency\n  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Box, {\n    marginBottom: isProrated ? 0 : 8\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_7__.PlanChangeAlerts, {\n    productChangeStrategy: productChangeStrategy,\n    nextBillingDate: nextBillingDate,\n    basePlanPrice: basePlanPrice,\n    totalCharge: totalCharge\n  })));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/PreviewProductMigrationContainer.tsx?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PreviewProductMigrationContainer\": () => (/* binding */ PreviewProductMigrationContainer)\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 i18next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! i18next */ \"./node_modules/.pnpm/i18next@21.9.1/node_modules/i18next/dist/esm/i18next.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_7__ = __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_formatters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n/* harmony import */ var _components_PlanChangeSummaryCharges__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/PlanChangeSummaryCharges */ \"./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/index.ts\");\n/* harmony import */ var _machines_changePlan__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../machines/changePlan */ \"./packages/subscriptions-manager/src/machines/changePlan/index.ts\");\n/* harmony import */ var _components_PlanChangeSummary__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/PlanChangeSummary */ \"./packages/subscriptions-manager/src/components/PlanChangeSummary/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components */ \"./packages/subscriptions-manager/src/components/index.ts\");\n\n\n\n\n\n\n\n\nvar PreviewProductMigrationContainer = function PreviewProductMigrationContainer(_ref) {\n  var changePlanService = _ref.changePlanService,\n      currency = _ref.currency,\n      currentProductName = _ref.currentProductName;\n  var planPreview = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_4__.changePlanSelectors.getChangePlanPreview);\n  var productChangeStrategy = planPreview.productChangeStrategy,\n      product = planPreview.product,\n      existingBalanceInCents = planPreview.existingBalanceInCents,\n      billingEndDate = planPreview.billingEndDate,\n      totalInCents = planPreview.totalInCents,\n      proratedAdjustmentInCents = planPreview.proratedAdjustmentInCents;\n\n  var formatAmount = function formatAmount(amount) {\n    return (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_2__.formatCurrency)(currency, amount, i18next__WEBPACK_IMPORTED_MODULE_1__[\"default\"].language);\n  };\n\n  var nextBillingAmountInCents = product.priceInCents - existingBalanceInCents;\n  var isNotDelayed = productChangeStrategy !== 'delayed';\n  var basePlanPrice = formatAmount(product.priceInCents);\n  var totalCharge = formatAmount(totalInCents > 0 ? totalInCents : 0);\n  var nextBillingDate = (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_2__.formatDate)(billingEndDate, i18next__WEBPACK_IMPORTED_MODULE_1__[\"default\"].language);\n  var existingBalance = formatAmount(existingBalanceInCents);\n  var nextBillingAmount = formatAmount(nextBillingAmountInCents);\n  var proratedCreditAmount = formatAmount(proratedAdjustmentInCents);\n  var creditBalance = formatAmount(totalInCents < 0 ? Math.abs(totalInCents) : 0);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PlanChangeSummary__WEBPACK_IMPORTED_MODULE_5__.PlanChangeSummary, {\n    currentProductName: currentProductName,\n    productChangeStrategy: productChangeStrategy,\n    productName: product.name,\n    basePlanPrice: basePlanPrice,\n    billingEndDate: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_2__.formatDate)(billingEndDate),\n    existingBalance: existingBalance,\n    nextBillingAmount: nextBillingAmount,\n    proratedCreditAmount: proratedCreditAmount\n  }), isNotDelayed ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PlanChangeSummaryCharges__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    changePlanPreview: planPreview,\n    currency: currency\n  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_6__.PlanChangeAlerts, {\n    creditBalance: creditBalance,\n    productChangeStrategy: productChangeStrategy,\n    nextBillingDate: nextBillingDate,\n    basePlanPrice: basePlanPrice,\n    totalCharge: totalCharge\n  }));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/PreviewProductMigrationContainer.tsx?");
 
 /***/ }),
 
@@ -9058,7 +9113,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 _xstate_react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_6__ = __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 _components_Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/Subscription */ \"./packages/subscriptions-manager/src/components/Subscription/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 _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/constants.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/index.ts\");\nvar _excluded = [\"status\", \"product\", \"productFamilyId\", \"billing\", \"components\", \"customFields\", \"referralCode\"];\n\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\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\n\n\n\n\n\nvar SubscriptionContainer = function SubscriptionContainer(_ref) {\n  var id = _ref.id,\n      _onShowDetails = _ref.onShowDetails,\n      subscriptionRef = _ref.subscriptionRef,\n      _ref$layout = _ref.layout,\n      layout = _ref$layout === void 0 ? 'expandable-card' : _ref$layout,\n      detailsVisible = _ref.detailsVisible;\n\n  var _useComponentSettings = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      customerSelfService = _useComponentSettings.componentsAllocation.customerSelfService;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_6__.useTranslation)(['common']),\n      t = _useTranslation.t,\n      i18n = _useTranslation.i18n;\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(subscriptionRef, _machines__WEBPACK_IMPORTED_MODULE_2__.subscriptionSelectors.getSubscriptionDetails),\n      status = _useSelector.status,\n      product = _useSelector.product,\n      productFamilyId = _useSelector.productFamilyId,\n      billing = _useSelector.billing,\n      components = _useSelector.components,\n      customFields = _useSelector.customFields,\n      referralCode = _useSelector.referralCode,\n      subscriptionDetails = _objectWithoutProperties(_useSelector, _excluded);\n\n  var subscriptionTag = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useSubscriptionStatus)(status);\n  var getCardColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (state) {\n    return _constants__WEBPACK_IMPORTED_MODULE_4__.INACTIVE_STATE.includes(state) ? 'gray' : 'white';\n  }, []);\n  var formattedSubscriptionDetails = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useFormatSubscriptionDetails)(_objectSpread(_objectSpread({\n    product: product,\n    status: status\n  }, subscriptionDetails), {}, {\n    locale: i18n.language,\n    t: t\n  }));\n  var totalPrice = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    var formattedPrice = formattedSubscriptionDetails.totalPrice;\n\n    if (formattedPrice && !['trial', 'cancelled'].includes(status)) {\n      return {\n        label: formattedPrice,\n        color: _constants__WEBPACK_IMPORTED_MODULE_4__.PAYMENT_ISSUES.includes(status) ? 'danger.dark' : 'success.main'\n      };\n    }\n\n    return null;\n  }, [formattedSubscriptionDetails.totalPrice, status]);\n  var renderComponentsSection = components.updatesAllowed && customerSelfService || components.usedInBilling;\n\n  var _useComponentSettings2 = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      subscription = _useComponentSettings2.subscription;\n\n  var availableActions = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useSubscriptionAvailableActions)({\n    status: status\n  }, subscription.scopes);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Subscription__WEBPACK_IMPORTED_MODULE_1__[\"default\"], _objectSpread({\n    id: id,\n    name: product.name,\n    catalogId: productFamilyId,\n    description: product.description,\n    statusTag: subscriptionTag,\n    status: status,\n    layout: layout,\n    price: totalPrice,\n    detailsVisible: detailsVisible,\n    onShowDetails: function onShowDetails() {\n      return _onShowDetails && _onShowDetails(id);\n    },\n    cardColor: getCardColor(status),\n    billingDetails: billing,\n    renderComponentsSection: renderComponentsSection,\n    renderCustomFieldsSection: customFields === null || customFields === void 0 ? void 0 : customFields.visible,\n    availableActions: availableActions,\n    referralCode: referralCode\n  }, formattedSubscriptionDetails)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscriptionContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/SubscriptionContainer/SubscriptionContainer.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 _xstate_react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_6__ = __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 _components_Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/Subscription */ \"./packages/subscriptions-manager/src/components/Subscription/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 _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/constants.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/index.ts\");\nvar _excluded = [\"status\", \"product\", \"productFamilyId\", \"billing\", \"components\", \"customFields\", \"referralCode\", \"threeDsActionLink\"];\n\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\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\n\n\n\n\n\nvar SubscriptionContainer = function SubscriptionContainer(_ref) {\n  var id = _ref.id,\n      _onShowDetails = _ref.onShowDetails,\n      subscriptionRef = _ref.subscriptionRef,\n      _ref$layout = _ref.layout,\n      layout = _ref$layout === void 0 ? 'expandable-card' : _ref$layout,\n      detailsVisible = _ref.detailsVisible;\n\n  var _useComponentSettings = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      customerSelfService = _useComponentSettings.componentsAllocation.customerSelfService;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_6__.useTranslation)(['common']),\n      t = _useTranslation.t,\n      i18n = _useTranslation.i18n;\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(subscriptionRef, _machines__WEBPACK_IMPORTED_MODULE_2__.subscriptionSelectors.getSubscriptionDetails),\n      status = _useSelector.status,\n      product = _useSelector.product,\n      productFamilyId = _useSelector.productFamilyId,\n      billing = _useSelector.billing,\n      components = _useSelector.components,\n      customFields = _useSelector.customFields,\n      referralCode = _useSelector.referralCode,\n      threeDsActionLink = _useSelector.threeDsActionLink,\n      subscriptionDetails = _objectWithoutProperties(_useSelector, _excluded);\n\n  var subscriptionTag = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useSubscriptionStatus)(status);\n  var getCardColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (state) {\n    return _constants__WEBPACK_IMPORTED_MODULE_4__.INACTIVE_STATE.includes(state) ? 'gray' : 'white';\n  }, []);\n  var formattedSubscriptionDetails = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useFormatSubscriptionDetails)(_objectSpread(_objectSpread({\n    product: product,\n    status: status\n  }, subscriptionDetails), {}, {\n    locale: i18n.language,\n    t: t\n  }));\n  var totalPrice = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    var formattedPrice = formattedSubscriptionDetails.totalPrice;\n\n    if (formattedPrice && !['trial', 'cancelled'].includes(status)) {\n      return {\n        label: formattedPrice,\n        color: _constants__WEBPACK_IMPORTED_MODULE_4__.PAYMENT_ISSUES.includes(status) ? 'danger.dark' : 'success.main'\n      };\n    }\n\n    return null;\n  }, [formattedSubscriptionDetails.totalPrice, status]);\n  var renderComponentsSection = components.updatesAllowed && customerSelfService || components.usedInBilling;\n\n  var _useComponentSettings2 = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      subscription = _useComponentSettings2.subscription;\n\n  var availableActions = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useSubscriptionAvailableActions)({\n    status: status\n  }, subscription.scopes);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Subscription__WEBPACK_IMPORTED_MODULE_1__[\"default\"], _objectSpread({\n    id: id,\n    name: product.name,\n    catalogId: productFamilyId,\n    description: product.description,\n    statusTag: subscriptionTag,\n    status: status,\n    layout: layout,\n    price: totalPrice,\n    detailsVisible: detailsVisible,\n    onShowDetails: function onShowDetails() {\n      return _onShowDetails && _onShowDetails(id);\n    },\n    cardColor: getCardColor(status),\n    billingDetails: billing,\n    renderComponentsSection: renderComponentsSection,\n    renderCustomFieldsSection: customFields === null || customFields === void 0 ? void 0 : customFields.visible,\n    availableActions: availableActions,\n    referralCode: referralCode,\n    threeDsActionLink: threeDsActionLink\n  }, formattedSubscriptionDetails)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscriptionContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/SubscriptionContainer/SubscriptionContainer.tsx?");
 
 /***/ }),
 
@@ -9223,7 +9278,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 */   \"PaymentProfileActions\": () => (/* reexport safe */ _usePaymentProfileAvailableActions__WEBPACK_IMPORTED_MODULE_2__.PaymentProfileActions),\n/* harmony export */   \"useAddonsConfigurationService\": () => (/* reexport safe */ _useAddonsConfigurationService__WEBPACK_IMPORTED_MODULE_7__.useAddonsConfigurationService),\n/* harmony export */   \"useAvailablePaymentMethods\": () => (/* reexport safe */ _useAvailablePaymentMethods__WEBPACK_IMPORTED_MODULE_12__.useAvailablePaymentMethods),\n/* harmony export */   \"useCancelSubscriptionService\": () => (/* reexport safe */ _useCancelSubscriptionService__WEBPACK_IMPORTED_MODULE_9__.useCancelSubscriptionService),\n/* harmony export */   \"useChangePaymentProfile\": () => (/* reexport safe */ _useChangePaymentProfile__WEBPACK_IMPORTED_MODULE_13__.useChangePaymentProfile),\n/* harmony export */   \"useChangePlan\": () => (/* reexport safe */ _useChangePlan__WEBPACK_IMPORTED_MODULE_16__.useChangePlan),\n/* harmony export */   \"useComponentSettings\": () => (/* reexport safe */ _useComponentSettings__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings),\n/* harmony export */   \"useCreatePaymentProfile\": () => (/* reexport safe */ _useCreatePaymentProfile__WEBPACK_IMPORTED_MODULE_4__.useCreatePaymentProfile),\n/* harmony export */   \"useDeletePaymentProfile\": () => (/* reexport safe */ _useDeletePaymentProfile__WEBPACK_IMPORTED_MODULE_15__.useDeletePaymentProfile),\n/* harmony export */   \"useFormatSubscriptionDetails\": () => (/* reexport safe */ _useFormatSubscriptionDetails__WEBPACK_IMPORTED_MODULE_1__.useFormatSubscriptionDetails),\n/* harmony export */   \"usePaymentProfileAvailableActions\": () => (/* reexport safe */ _usePaymentProfileAvailableActions__WEBPACK_IMPORTED_MODULE_2__.usePaymentProfileAvailableActions),\n/* harmony export */   \"useReactivateSubscription\": () => (/* reexport safe */ _useReactivateSubscription__WEBPACK_IMPORTED_MODULE_11__.useReactivateSubscription),\n/* harmony export */   \"useServices\": () => (/* reexport safe */ _useServices__WEBPACK_IMPORTED_MODULE_5__.useServices),\n/* harmony export */   \"useSortPaymentProfiles\": () => (/* reexport safe */ _useSortPaymentProfiles__WEBPACK_IMPORTED_MODULE_14__.useSortPaymentProfiles),\n/* harmony export */   \"useSubscriptionResumeService\": () => (/* reexport safe */ _useResumeSubscriptionService__WEBPACK_IMPORTED_MODULE_8__.useSubscriptionResumeService),\n/* harmony export */   \"useSubscriptionStatus\": () => (/* reexport safe */ _useSubscriptionStatus__WEBPACK_IMPORTED_MODULE_0__.useSubscriptionStatus),\n/* harmony export */   \"useUndoCancelationService\": () => (/* reexport safe */ _useUndoCancelationService__WEBPACK_IMPORTED_MODULE_10__.useUndoCancelationService)\n/* harmony export */ });\n/* harmony import */ var _useSubscriptionStatus__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useSubscriptionStatus */ \"./packages/subscriptions-manager/src/hooks/useSubscriptionStatus.ts\");\n/* harmony import */ var _useFormatSubscriptionDetails__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useFormatSubscriptionDetails */ \"./packages/subscriptions-manager/src/hooks/useFormatSubscriptionDetails.ts\");\n/* harmony import */ var _usePaymentProfileAvailableActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./usePaymentProfileAvailableActions */ \"./packages/subscriptions-manager/src/hooks/usePaymentProfileAvailableActions/index.ts\");\n/* harmony import */ var _useComponentSettings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useComponentSettings */ \"./packages/subscriptions-manager/src/hooks/useComponentSettings.tsx\");\n/* harmony import */ var _useCreatePaymentProfile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useCreatePaymentProfile */ \"./packages/subscriptions-manager/src/hooks/useCreatePaymentProfile/index.ts\");\n/* harmony import */ var _useServices__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useServices */ \"./packages/subscriptions-manager/src/hooks/useServices.ts\");\n/* harmony import */ var _useDataAccess__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useDataAccess */ \"./packages/subscriptions-manager/src/hooks/useDataAccess.ts\");\n/* harmony import */ var _useAddonsConfigurationService__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useAddonsConfigurationService */ \"./packages/subscriptions-manager/src/hooks/useAddonsConfigurationService.ts\");\n/* harmony import */ var _useResumeSubscriptionService__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useResumeSubscriptionService */ \"./packages/subscriptions-manager/src/hooks/useResumeSubscriptionService.ts\");\n/* harmony import */ var _useCancelSubscriptionService__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useCancelSubscriptionService */ \"./packages/subscriptions-manager/src/hooks/useCancelSubscriptionService.ts\");\n/* harmony import */ var _useUndoCancelationService__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useUndoCancelationService */ \"./packages/subscriptions-manager/src/hooks/useUndoCancelationService.ts\");\n/* harmony import */ var _useReactivateSubscription__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useReactivateSubscription */ \"./packages/subscriptions-manager/src/hooks/useReactivateSubscription.ts\");\n/* harmony import */ var _useAvailablePaymentMethods__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useAvailablePaymentMethods */ \"./packages/subscriptions-manager/src/hooks/useAvailablePaymentMethods.ts\");\n/* harmony import */ var _useChangePaymentProfile__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./useChangePaymentProfile */ \"./packages/subscriptions-manager/src/hooks/useChangePaymentProfile.ts\");\n/* harmony import */ var _useSortPaymentProfiles__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./useSortPaymentProfiles */ \"./packages/subscriptions-manager/src/hooks/useSortPaymentProfiles/index.ts\");\n/* harmony import */ var _useDeletePaymentProfile__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./useDeletePaymentProfile */ \"./packages/subscriptions-manager/src/hooks/useDeletePaymentProfile.ts\");\n/* harmony import */ var _useChangePlan__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./useChangePlan */ \"./packages/subscriptions-manager/src/hooks/useChangePlan.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/index.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PaymentProfileActions\": () => (/* reexport safe */ _usePaymentProfileAvailableActions__WEBPACK_IMPORTED_MODULE_2__.PaymentProfileActions),\n/* harmony export */   \"useAddonsConfigurationService\": () => (/* reexport safe */ _useAddonsConfigurationService__WEBPACK_IMPORTED_MODULE_7__.useAddonsConfigurationService),\n/* harmony export */   \"useAvailablePaymentMethods\": () => (/* reexport safe */ _useAvailablePaymentMethods__WEBPACK_IMPORTED_MODULE_12__.useAvailablePaymentMethods),\n/* harmony export */   \"useCancelSubscriptionService\": () => (/* reexport safe */ _useCancelSubscriptionService__WEBPACK_IMPORTED_MODULE_9__.useCancelSubscriptionService),\n/* harmony export */   \"useChangePaymentProfile\": () => (/* reexport safe */ _useChangePaymentProfile__WEBPACK_IMPORTED_MODULE_13__.useChangePaymentProfile),\n/* harmony export */   \"useChangePlan\": () => (/* reexport safe */ _useChangePlan__WEBPACK_IMPORTED_MODULE_16__.useChangePlan),\n/* harmony export */   \"useComponentSettings\": () => (/* reexport safe */ _useComponentSettings__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings),\n/* harmony export */   \"useCreatePaymentProfile\": () => (/* reexport safe */ _useCreatePaymentProfile__WEBPACK_IMPORTED_MODULE_4__.useCreatePaymentProfile),\n/* harmony export */   \"useDeletePaymentProfile\": () => (/* reexport safe */ _useDeletePaymentProfile__WEBPACK_IMPORTED_MODULE_15__.useDeletePaymentProfile),\n/* harmony export */   \"useFormatSubscriptionDetails\": () => (/* reexport safe */ _useFormatSubscriptionDetails__WEBPACK_IMPORTED_MODULE_1__.useFormatSubscriptionDetails),\n/* harmony export */   \"usePaymentProfileAvailableActions\": () => (/* reexport safe */ _usePaymentProfileAvailableActions__WEBPACK_IMPORTED_MODULE_2__.usePaymentProfileAvailableActions),\n/* harmony export */   \"useReactivateSubscription\": () => (/* reexport safe */ _useReactivateSubscription__WEBPACK_IMPORTED_MODULE_11__.useReactivateSubscription),\n/* harmony export */   \"useServices\": () => (/* reexport safe */ _useServices__WEBPACK_IMPORTED_MODULE_5__.useServices),\n/* harmony export */   \"useSortPaymentProfiles\": () => (/* reexport safe */ _useSortPaymentProfiles__WEBPACK_IMPORTED_MODULE_14__.useSortPaymentProfiles),\n/* harmony export */   \"useSubscriptionResumeService\": () => (/* reexport safe */ _useResumeSubscriptionService__WEBPACK_IMPORTED_MODULE_8__.useSubscriptionResumeService),\n/* harmony export */   \"useSubscriptionStatus\": () => (/* reexport safe */ _useSubscriptionStatus__WEBPACK_IMPORTED_MODULE_0__.useSubscriptionStatus),\n/* harmony export */   \"useThreeDs\": () => (/* reexport safe */ _useThreeDs__WEBPACK_IMPORTED_MODULE_17__.useThreeDs),\n/* harmony export */   \"useUndoCancelationService\": () => (/* reexport safe */ _useUndoCancelationService__WEBPACK_IMPORTED_MODULE_10__.useUndoCancelationService)\n/* harmony export */ });\n/* harmony import */ var _useSubscriptionStatus__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useSubscriptionStatus */ \"./packages/subscriptions-manager/src/hooks/useSubscriptionStatus.ts\");\n/* harmony import */ var _useFormatSubscriptionDetails__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useFormatSubscriptionDetails */ \"./packages/subscriptions-manager/src/hooks/useFormatSubscriptionDetails.ts\");\n/* harmony import */ var _usePaymentProfileAvailableActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./usePaymentProfileAvailableActions */ \"./packages/subscriptions-manager/src/hooks/usePaymentProfileAvailableActions/index.ts\");\n/* harmony import */ var _useComponentSettings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useComponentSettings */ \"./packages/subscriptions-manager/src/hooks/useComponentSettings.tsx\");\n/* harmony import */ var _useCreatePaymentProfile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useCreatePaymentProfile */ \"./packages/subscriptions-manager/src/hooks/useCreatePaymentProfile/index.ts\");\n/* harmony import */ var _useServices__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useServices */ \"./packages/subscriptions-manager/src/hooks/useServices.ts\");\n/* harmony import */ var _useDataAccess__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useDataAccess */ \"./packages/subscriptions-manager/src/hooks/useDataAccess.ts\");\n/* harmony import */ var _useAddonsConfigurationService__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useAddonsConfigurationService */ \"./packages/subscriptions-manager/src/hooks/useAddonsConfigurationService.ts\");\n/* harmony import */ var _useResumeSubscriptionService__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useResumeSubscriptionService */ \"./packages/subscriptions-manager/src/hooks/useResumeSubscriptionService.ts\");\n/* harmony import */ var _useCancelSubscriptionService__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useCancelSubscriptionService */ \"./packages/subscriptions-manager/src/hooks/useCancelSubscriptionService.ts\");\n/* harmony import */ var _useUndoCancelationService__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useUndoCancelationService */ \"./packages/subscriptions-manager/src/hooks/useUndoCancelationService.ts\");\n/* harmony import */ var _useReactivateSubscription__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useReactivateSubscription */ \"./packages/subscriptions-manager/src/hooks/useReactivateSubscription.ts\");\n/* harmony import */ var _useAvailablePaymentMethods__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./useAvailablePaymentMethods */ \"./packages/subscriptions-manager/src/hooks/useAvailablePaymentMethods.ts\");\n/* harmony import */ var _useChangePaymentProfile__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./useChangePaymentProfile */ \"./packages/subscriptions-manager/src/hooks/useChangePaymentProfile.ts\");\n/* harmony import */ var _useSortPaymentProfiles__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./useSortPaymentProfiles */ \"./packages/subscriptions-manager/src/hooks/useSortPaymentProfiles/index.ts\");\n/* harmony import */ var _useDeletePaymentProfile__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./useDeletePaymentProfile */ \"./packages/subscriptions-manager/src/hooks/useDeletePaymentProfile.ts\");\n/* harmony import */ var _useChangePlan__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./useChangePlan */ \"./packages/subscriptions-manager/src/hooks/useChangePlan.ts\");\n/* harmony import */ var _useThreeDs__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./useThreeDs */ \"./packages/subscriptions-manager/src/hooks/useThreeDs.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/index.ts?");
 
 /***/ }),
 
@@ -9278,7 +9333,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) {\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: function onSuccess() {\n        return _onSuccess();\n      },\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    },\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__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?");
 
 /***/ }),
 
@@ -9469,6 +9524,17 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 
 /***/ }),
 
+/***/ "./packages/subscriptions-manager/src/hooks/useThreeDs.ts":
+/*!****************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/hooks/useThreeDs.ts ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"useThreeDs\": () => (/* binding */ useThreeDs)\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_data_access__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/data-access */ \"./packages/data-access/src/index.ts\");\n/* harmony import */ var _useServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useServices */ \"./packages/subscriptions-manager/src/hooks/useServices.ts\");\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 _machines___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../machines/ */ \"./packages/subscriptions-manager/src/machines/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 useThreeDs = function useThreeDs(_ref) {\n  var subscriptionId = _ref.subscriptionId,\n      catalogId = _ref.catalogId,\n      onSuccess = _ref.onSuccess;\n\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 _useServices = (0,_useServices__WEBPACK_IMPORTED_MODULE_2__.useServices)(),\n      subscriptionsService = _useServices.subscriptionsService;\n\n  return (0,_xstate_react__WEBPACK_IMPORTED_MODULE_4__.useInterpret)(_machines___WEBPACK_IMPORTED_MODULE_3__.threeDsMachine, {\n    services: {\n      getSubscriptionDetails: function getSubscriptionDetails() {\n        return dataAccess.getSubscriptionDetails(subscriptionId);\n      }\n    },\n    actions: {\n      updateSubscriptions: function updateSubscriptions(context, event) {\n        subscriptionsService.send(_objectSpread(_objectSpread({\n          type: 'UPDATE_SUBSCRIPTION',\n          subscriptionId: subscriptionId,\n          catalogId: catalogId\n        }, event.data), {}, {\n          status: 'active'\n        }));\n        onSuccess();\n      }\n    }\n  });\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useThreeDs.ts?");
+
+/***/ }),
+
 /***/ "./packages/subscriptions-manager/src/hooks/useUndoCancelationService.ts":
 /*!*******************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/hooks/useUndoCancelationService.ts ***!
@@ -9630,7 +9696,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};\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: 'error'\n            }\n          }\n        },\n        success: {\n          type: 'final'\n        },\n        error: {}\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};\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?");
 
 /***/ }),
 
@@ -9883,7 +9949,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_VISIBLE_SUBSCRIPTIONS\": () => (/* reexport safe */ _subscriptions__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_VISIBLE_SUBSCRIPTIONS),\n/* harmony export */   \"addOnsConfiguration\": () => (/* reexport safe */ _addOnsConfiguration__WEBPACK_IMPORTED_MODULE_9__.addOnsConfiguration),\n/* harmony export */   \"changePlan\": () => (/* reexport safe */ _changePlan__WEBPACK_IMPORTED_MODULE_10__.changePlan),\n/* harmony export */   \"componentSelectors\": () => (/* reexport safe */ _component__WEBPACK_IMPORTED_MODULE_4__.componentSelectors),\n/* harmony export */   \"componentsSelectors\": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_5__.componentsSelectors),\n/* harmony export */   \"createPaymentProfile\": () => (/* reexport safe */ _createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__.createPaymentProfile),\n/* harmony export */   \"createSubscriptionsMachine\": () => (/* reexport safe */ _subscriptions__WEBPACK_IMPORTED_MODULE_2__.createSubscriptionsMachine),\n/* harmony export */   \"modals\": () => (/* reexport safe */ _modals__WEBPACK_IMPORTED_MODULE_3__.modals),\n/* harmony export */   \"modalsSelectors\": () => (/* reexport safe */ _modals__WEBPACK_IMPORTED_MODULE_3__.modalsSelectors),\n/* harmony export */   \"paymentGateway\": () => (/* reexport safe */ _paymentGateway__WEBPACK_IMPORTED_MODULE_7__.paymentGateway),\n/* harmony export */   \"paymentGatewaySelectors\": () => (/* reexport safe */ _paymentGateway__WEBPACK_IMPORTED_MODULE_7__.paymentGatewaySelectors),\n/* harmony export */   \"paymentProfileSelectors\": () => (/* reexport safe */ _createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__.paymentProfileSelectors),\n/* harmony export */   \"paymentProfiles\": () => (/* reexport safe */ _paymentProfiles__WEBPACK_IMPORTED_MODULE_8__.paymentProfiles),\n/* harmony export */   \"paymentProfilesSelectors\": () => (/* reexport safe */ _paymentProfiles__WEBPACK_IMPORTED_MODULE_8__.paymentProfilesSelectors),\n/* harmony export */   \"productCatalog\": () => (/* reexport safe */ _productCatalog__WEBPACK_IMPORTED_MODULE_0__.productCatalog),\n/* harmony export */   \"productCatalogSelectors\": () => (/* reexport safe */ _productCatalog__WEBPACK_IMPORTED_MODULE_0__.productCatalogSelectors),\n/* harmony export */   \"subscriptionSelectors\": () => (/* reexport safe */ _subscription__WEBPACK_IMPORTED_MODULE_1__.subscriptionSelectors),\n/* harmony export */   \"subscriptionsSelectors\": () => (/* reexport safe */ _subscriptions__WEBPACK_IMPORTED_MODULE_2__.subscriptionsSelectors)\n/* harmony export */ });\n/* harmony import */ var _productCatalog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./productCatalog */ \"./packages/subscriptions-manager/src/machines/productCatalog/index.ts\");\n/* harmony import */ var _subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./subscription */ \"./packages/subscriptions-manager/src/machines/subscription/index.ts\");\n/* harmony import */ var _subscriptions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./subscriptions */ \"./packages/subscriptions-manager/src/machines/subscriptions/index.ts\");\n/* harmony import */ var _modals__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modals */ \"./packages/subscriptions-manager/src/machines/modals/index.ts\");\n/* harmony import */ var _component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./component */ \"./packages/subscriptions-manager/src/machines/component/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/machines/components/index.ts\");\n/* harmony import */ var _createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./createPaymentProfile */ \"./packages/subscriptions-manager/src/machines/createPaymentProfile/index.ts\");\n/* harmony import */ var _paymentGateway__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./paymentGateway */ \"./packages/subscriptions-manager/src/machines/paymentGateway/index.ts\");\n/* harmony import */ var _paymentProfiles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./paymentProfiles */ \"./packages/subscriptions-manager/src/machines/paymentProfiles/index.ts\");\n/* harmony import */ var _addOnsConfiguration__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./addOnsConfiguration */ \"./packages/subscriptions-manager/src/machines/addOnsConfiguration/index.ts\");\n/* harmony import */ var _changePlan__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./changePlan */ \"./packages/subscriptions-manager/src/machines/changePlan/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/index.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"DEFAULT_VISIBLE_SUBSCRIPTIONS\": () => (/* reexport safe */ _subscriptions__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_VISIBLE_SUBSCRIPTIONS),\n/* harmony export */   \"addOnsConfiguration\": () => (/* reexport safe */ _addOnsConfiguration__WEBPACK_IMPORTED_MODULE_9__.addOnsConfiguration),\n/* harmony export */   \"changePlan\": () => (/* reexport safe */ _changePlan__WEBPACK_IMPORTED_MODULE_10__.changePlan),\n/* harmony export */   \"componentSelectors\": () => (/* reexport safe */ _component__WEBPACK_IMPORTED_MODULE_4__.componentSelectors),\n/* harmony export */   \"componentsSelectors\": () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_5__.componentsSelectors),\n/* harmony export */   \"createPaymentProfile\": () => (/* reexport safe */ _createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__.createPaymentProfile),\n/* harmony export */   \"createSubscriptionsMachine\": () => (/* reexport safe */ _subscriptions__WEBPACK_IMPORTED_MODULE_2__.createSubscriptionsMachine),\n/* harmony export */   \"modals\": () => (/* reexport safe */ _modals__WEBPACK_IMPORTED_MODULE_3__.modals),\n/* harmony export */   \"modalsSelectors\": () => (/* reexport safe */ _modals__WEBPACK_IMPORTED_MODULE_3__.modalsSelectors),\n/* harmony export */   \"paymentGateway\": () => (/* reexport safe */ _paymentGateway__WEBPACK_IMPORTED_MODULE_7__.paymentGateway),\n/* harmony export */   \"paymentGatewaySelectors\": () => (/* reexport safe */ _paymentGateway__WEBPACK_IMPORTED_MODULE_7__.paymentGatewaySelectors),\n/* harmony export */   \"paymentProfileSelectors\": () => (/* reexport safe */ _createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__.paymentProfileSelectors),\n/* harmony export */   \"paymentProfiles\": () => (/* reexport safe */ _paymentProfiles__WEBPACK_IMPORTED_MODULE_8__.paymentProfiles),\n/* harmony export */   \"paymentProfilesSelectors\": () => (/* reexport safe */ _paymentProfiles__WEBPACK_IMPORTED_MODULE_8__.paymentProfilesSelectors),\n/* harmony export */   \"productCatalog\": () => (/* reexport safe */ _productCatalog__WEBPACK_IMPORTED_MODULE_0__.productCatalog),\n/* harmony export */   \"productCatalogSelectors\": () => (/* reexport safe */ _productCatalog__WEBPACK_IMPORTED_MODULE_0__.productCatalogSelectors),\n/* harmony export */   \"subscriptionSelectors\": () => (/* reexport safe */ _subscription__WEBPACK_IMPORTED_MODULE_1__.subscriptionSelectors),\n/* harmony export */   \"subscriptionsSelectors\": () => (/* reexport safe */ _subscriptions__WEBPACK_IMPORTED_MODULE_2__.subscriptionsSelectors),\n/* harmony export */   \"threeDsMachine\": () => (/* reexport safe */ _threeDs__WEBPACK_IMPORTED_MODULE_11__.threeDs)\n/* harmony export */ });\n/* harmony import */ var _productCatalog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./productCatalog */ \"./packages/subscriptions-manager/src/machines/productCatalog/index.ts\");\n/* harmony import */ var _subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./subscription */ \"./packages/subscriptions-manager/src/machines/subscription/index.ts\");\n/* harmony import */ var _subscriptions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./subscriptions */ \"./packages/subscriptions-manager/src/machines/subscriptions/index.ts\");\n/* harmony import */ var _modals__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modals */ \"./packages/subscriptions-manager/src/machines/modals/index.ts\");\n/* harmony import */ var _component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./component */ \"./packages/subscriptions-manager/src/machines/component/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/machines/components/index.ts\");\n/* harmony import */ var _createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./createPaymentProfile */ \"./packages/subscriptions-manager/src/machines/createPaymentProfile/index.ts\");\n/* harmony import */ var _paymentGateway__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./paymentGateway */ \"./packages/subscriptions-manager/src/machines/paymentGateway/index.ts\");\n/* harmony import */ var _paymentProfiles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./paymentProfiles */ \"./packages/subscriptions-manager/src/machines/paymentProfiles/index.ts\");\n/* harmony import */ var _addOnsConfiguration__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./addOnsConfiguration */ \"./packages/subscriptions-manager/src/machines/addOnsConfiguration/index.ts\");\n/* harmony import */ var _changePlan__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./changePlan */ \"./packages/subscriptions-manager/src/machines/changePlan/index.ts\");\n/* harmony import */ var _threeDs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./threeDs */ \"./packages/subscriptions-manager/src/machines/threeDs/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/index.ts?");
 
 /***/ }),
 
@@ -9905,7 +9971,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 */   \"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};\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      }\n    },\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  }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/modals/modals.ts?");
+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};\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      }\n    },\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?");
 
 /***/ }),
 
@@ -9916,7 +9982,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 */   \"modalsSelectors\": () => (/* binding */ modalsSelectors)\n/* harmony export */ });\n/* unused harmony exports getCreatePaymentProfile, getAddonsConfiguration, getResumeSubscription, getPauseSubscription, getCancelSubscription, getDeletePaymentMethod, getChangePaymentMethod, getPreviewPaymentMethod, getUndoCancelation, getReactivateSubscription, getChangeSubscriptionPlan */\nvar getCreatePaymentProfile = function getCreatePaymentProfile(machineState) {\n  return {\n    isOpen: machineState.matches('createPaymentProfile'),\n    meta: machineState.context.createPaymentProfile\n  };\n};\nvar getAddonsConfiguration = function getAddonsConfiguration(machineState) {\n  return {\n    isOpen: machineState.matches('addonsConfiguration'),\n    meta: machineState.context.componentsAllocation\n  };\n};\nvar getResumeSubscription = function getResumeSubscription(machineState) {\n  return {\n    isOpen: machineState.matches('resumeSubscription'),\n    meta: machineState.context.resumeSubscription\n  };\n};\nvar getPauseSubscription = function getPauseSubscription(machineState) {\n  return {\n    isOpen: machineState.matches('pauseSubscription'),\n    meta: machineState.context.pauseSubscription\n  };\n};\nvar getCancelSubscription = function getCancelSubscription(machineState) {\n  return {\n    isOpen: machineState.matches('cancelSubscription'),\n    meta: machineState.context.cancelSubscription\n  };\n};\nvar getDeletePaymentMethod = function getDeletePaymentMethod(machineState) {\n  return {\n    isOpen: machineState.matches('deletePaymentProfile'),\n    meta: machineState.context.deletePaymentProfile\n  };\n};\nvar getChangePaymentMethod = function getChangePaymentMethod(machineState) {\n  return {\n    isOpen: machineState.matches('changePaymentProfile'),\n    meta: machineState.context.changePaymentProfile\n  };\n};\nvar getPreviewPaymentMethod = function getPreviewPaymentMethod(machineState) {\n  return {\n    isOpen: machineState.matches('previewPaymentProfile'),\n    meta: machineState.context.previewPaymentProfile\n  };\n};\nvar getUndoCancelation = function getUndoCancelation(machineState) {\n  return {\n    isOpen: machineState.matches('undoCancelation'),\n    meta: machineState.context.undoCancelation\n  };\n};\nvar getReactivateSubscription = function getReactivateSubscription(machineState) {\n  return {\n    isOpen: machineState.matches('reactivateSubscription'),\n    meta: machineState.context.reactivateSubscription\n  };\n};\nvar getChangeSubscriptionPlan = function getChangeSubscriptionPlan(machineState) {\n  return {\n    isOpen: machineState.matches('changeSubscriptionPlan'),\n    meta: machineState.context.changeSubscriptionPlan\n  };\n};\nvar modalsSelectors = {\n  getCreatePaymentProfile: getCreatePaymentProfile,\n  getAddonsConfiguration: getAddonsConfiguration,\n  getResumeSubscription: getResumeSubscription,\n  getPauseSubscription: getPauseSubscription,\n  getCancelSubscription: getCancelSubscription,\n  getUndoCancelation: getUndoCancelation,\n  getDeletePaymentMethod: getDeletePaymentMethod,\n  getChangePaymentMethod: getChangePaymentMethod,\n  getPreviewPaymentMethod: getPreviewPaymentMethod,\n  getReactivateSubscription: getReactivateSubscription,\n  getChangeSubscriptionPlan: getChangeSubscriptionPlan\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/modals/selectors.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"modalsSelectors\": () => (/* binding */ modalsSelectors)\n/* harmony export */ });\n/* unused harmony exports getCreatePaymentProfile, getAddonsConfiguration, getResumeSubscription, getPauseSubscription, getCancelSubscription, getDeletePaymentMethod, getChangePaymentMethod, getPreviewPaymentMethod, getUndoCancelation, getReactivateSubscription, getChangeSubscriptionPlan, getThreeDsConfirmation */\nvar getCreatePaymentProfile = function getCreatePaymentProfile(machineState) {\n  return {\n    isOpen: machineState.matches('createPaymentProfile'),\n    meta: machineState.context.createPaymentProfile\n  };\n};\nvar getAddonsConfiguration = function getAddonsConfiguration(machineState) {\n  return {\n    isOpen: machineState.matches('addonsConfiguration'),\n    meta: machineState.context.componentsAllocation\n  };\n};\nvar getResumeSubscription = function getResumeSubscription(machineState) {\n  return {\n    isOpen: machineState.matches('resumeSubscription'),\n    meta: machineState.context.resumeSubscription\n  };\n};\nvar getPauseSubscription = function getPauseSubscription(machineState) {\n  return {\n    isOpen: machineState.matches('pauseSubscription'),\n    meta: machineState.context.pauseSubscription\n  };\n};\nvar getCancelSubscription = function getCancelSubscription(machineState) {\n  return {\n    isOpen: machineState.matches('cancelSubscription'),\n    meta: machineState.context.cancelSubscription\n  };\n};\nvar getDeletePaymentMethod = function getDeletePaymentMethod(machineState) {\n  return {\n    isOpen: machineState.matches('deletePaymentProfile'),\n    meta: machineState.context.deletePaymentProfile\n  };\n};\nvar getChangePaymentMethod = function getChangePaymentMethod(machineState) {\n  return {\n    isOpen: machineState.matches('changePaymentProfile'),\n    meta: machineState.context.changePaymentProfile\n  };\n};\nvar getPreviewPaymentMethod = function getPreviewPaymentMethod(machineState) {\n  return {\n    isOpen: machineState.matches('previewPaymentProfile'),\n    meta: machineState.context.previewPaymentProfile\n  };\n};\nvar getUndoCancelation = function getUndoCancelation(machineState) {\n  return {\n    isOpen: machineState.matches('undoCancelation'),\n    meta: machineState.context.undoCancelation\n  };\n};\nvar getReactivateSubscription = function getReactivateSubscription(machineState) {\n  return {\n    isOpen: machineState.matches('reactivateSubscription'),\n    meta: machineState.context.reactivateSubscription\n  };\n};\nvar getChangeSubscriptionPlan = function getChangeSubscriptionPlan(machineState) {\n  return {\n    isOpen: machineState.matches('changeSubscriptionPlan'),\n    meta: machineState.context.changeSubscriptionPlan\n  };\n};\nvar getThreeDsConfirmation = function getThreeDsConfirmation(machineState) {\n  return {\n    isOpen: machineState.matches('threeDSecure'),\n    meta: machineState.context.threeDSecure\n  };\n};\nvar modalsSelectors = {\n  getCreatePaymentProfile: getCreatePaymentProfile,\n  getAddonsConfiguration: getAddonsConfiguration,\n  getResumeSubscription: getResumeSubscription,\n  getPauseSubscription: getPauseSubscription,\n  getCancelSubscription: getCancelSubscription,\n  getUndoCancelation: getUndoCancelation,\n  getDeletePaymentMethod: getDeletePaymentMethod,\n  getChangePaymentMethod: getChangePaymentMethod,\n  getPreviewPaymentMethod: getPreviewPaymentMethod,\n  getReactivateSubscription: getReactivateSubscription,\n  getChangeSubscriptionPlan: getChangeSubscriptionPlan,\n  getThreeDsConfirmation: getThreeDsConfirmation\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/modals/selectors.ts?");
 
 /***/ }),
 
@@ -10169,7 +10235,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 */   \"subscriptionSelectors\": () => (/* binding */ subscriptionSelectors)\n/* harmony export */ });\n/* unused harmony exports getSubscriptionState, getSubscriptionDetails */\nvar getSubscriptionState = function getSubscriptionState(machineState) {\n  return machineState.context.status;\n};\nvar getSubscriptionDetails = function getSubscriptionDetails(machineState) {\n  var _machineState$context = machineState.context,\n      id = _machineState$context.id,\n      status = _machineState$context.status,\n      currency = _machineState$context.currency,\n      productFamilyId = _machineState$context.productFamilyId,\n      currentBillingAmountInCents = _machineState$context.currentBillingAmountInCents,\n      currentPeriodEndsAt = _machineState$context.currentPeriodEndsAt,\n      scheduledCancellationAt = _machineState$context.scheduledCancellationAt,\n      nextAssessmentAt = _machineState$context.nextAssessmentAt,\n      canceledAt = _machineState$context.canceledAt,\n      expiresAt = _machineState$context.expiresAt,\n      trialEndedAt = _machineState$context.trialEndedAt,\n      balanceInCents = _machineState$context.balanceInCents,\n      automaticallyResumeAt = _machineState$context.automaticallyResumeAt,\n      product = _machineState$context.product,\n      billing = _machineState$context.billing,\n      components = _machineState$context.components,\n      customFields = _machineState$context.customFields,\n      referralCode = _machineState$context.referralCode;\n  return {\n    id: id,\n    status: status,\n    productFamilyId: productFamilyId,\n    currency: currency,\n    currentBillingAmountInCents: currentBillingAmountInCents,\n    currentPeriodEndsAt: currentPeriodEndsAt,\n    scheduledCancellationAt: scheduledCancellationAt,\n    nextAssessmentAt: nextAssessmentAt,\n    canceledAt: canceledAt,\n    expiresAt: expiresAt,\n    trialEndedAt: trialEndedAt,\n    balanceInCents: balanceInCents,\n    automaticallyResumeAt: automaticallyResumeAt,\n    product: product,\n    billing: billing,\n    components: components,\n    customFields: customFields,\n    referralCode: referralCode\n  };\n};\nvar subscriptionSelectors = {\n  getSubscriptionState: getSubscriptionState,\n  getSubscriptionDetails: getSubscriptionDetails\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/subscription/selectors.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"subscriptionSelectors\": () => (/* binding */ subscriptionSelectors)\n/* harmony export */ });\n/* unused harmony exports getSubscriptionState, getSubscriptionDetails */\nvar getSubscriptionState = function getSubscriptionState(machineState) {\n  return machineState.context.status;\n};\nvar getSubscriptionDetails = function getSubscriptionDetails(machineState) {\n  var _machineState$context = machineState.context,\n      id = _machineState$context.id,\n      status = _machineState$context.status,\n      currency = _machineState$context.currency,\n      productFamilyId = _machineState$context.productFamilyId,\n      currentBillingAmountInCents = _machineState$context.currentBillingAmountInCents,\n      currentPeriodEndsAt = _machineState$context.currentPeriodEndsAt,\n      scheduledCancellationAt = _machineState$context.scheduledCancellationAt,\n      nextAssessmentAt = _machineState$context.nextAssessmentAt,\n      canceledAt = _machineState$context.canceledAt,\n      expiresAt = _machineState$context.expiresAt,\n      trialEndedAt = _machineState$context.trialEndedAt,\n      balanceInCents = _machineState$context.balanceInCents,\n      automaticallyResumeAt = _machineState$context.automaticallyResumeAt,\n      product = _machineState$context.product,\n      billing = _machineState$context.billing,\n      components = _machineState$context.components,\n      customFields = _machineState$context.customFields,\n      referralCode = _machineState$context.referralCode,\n      threeDsActionLink = _machineState$context.threeDsActionLink;\n  return {\n    id: id,\n    status: status,\n    productFamilyId: productFamilyId,\n    currency: currency,\n    currentBillingAmountInCents: currentBillingAmountInCents,\n    currentPeriodEndsAt: currentPeriodEndsAt,\n    scheduledCancellationAt: scheduledCancellationAt,\n    nextAssessmentAt: nextAssessmentAt,\n    canceledAt: canceledAt,\n    expiresAt: expiresAt,\n    trialEndedAt: trialEndedAt,\n    balanceInCents: balanceInCents,\n    automaticallyResumeAt: automaticallyResumeAt,\n    product: product,\n    billing: billing,\n    components: components,\n    customFields: customFields,\n    referralCode: referralCode,\n    threeDsActionLink: threeDsActionLink\n  };\n};\nvar subscriptionSelectors = {\n  getSubscriptionState: getSubscriptionState,\n  getSubscriptionDetails: getSubscriptionDetails\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/subscription/selectors.ts?");
 
 /***/ }),
 
@@ -10250,6 +10316,28 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 
 /***/ }),
 
+/***/ "./packages/subscriptions-manager/src/machines/threeDs/index.ts":
+/*!**********************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/machines/threeDs/index.ts ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"threeDs\": () => (/* reexport safe */ _threeDs__WEBPACK_IMPORTED_MODULE_0__.threeDs)\n/* harmony export */ });\n/* harmony import */ var _threeDs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./threeDs */ \"./packages/subscriptions-manager/src/machines/threeDs/threeDs.ts\");\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/threeDs/index.ts?");
+
+/***/ }),
+
+/***/ "./packages/subscriptions-manager/src/machines/threeDs/threeDs.ts":
+/*!************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/machines/threeDs/threeDs.ts ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"threeDs\": () => (/* binding */ threeDs)\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\nvar threeDs = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.createMachine)({\n  predictableActionArguments: true,\n  id: 'threeDs',\n  initial: 'idle',\n  states: {\n    idle: {\n      on: {\n        THREE_DS_SUCCESS: 'loading'\n      }\n    },\n    loading: {\n      invoke: {\n        src: 'getSubscriptionDetails',\n        onError: {\n          target: 'error'\n        },\n        onDone: {\n          target: 'success',\n          actions: 'updateSubscriptions'\n        }\n      }\n    },\n    success: {\n      type: 'final'\n    },\n    error: {\n      type: 'final'\n    }\n  }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/threeDs/threeDs.ts?");
+
+/***/ }),
+
 /***/ "./packages/subscriptions-manager/src/machines/undoCancelation/index.ts":
 /*!******************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/machines/undoCancelation/index.ts ***!
@@ -10532,7 +10620,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 _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 onPlanChangeSuccess = function onPlanChangeSuccess() {\n    onClose(true);\n    toastService.show({\n      level: 'success',\n      message: t('plan_change.success_plan_change')\n    });\n  };\n\n  var changePlanService = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useChangePlan)(catalogId, subscriptionId, subscription.product.id, onPlanChangeSuccess);\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  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: t('plan_change.change_plan')\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    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      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?");
 
 /***/ }),
 
@@ -11042,6 +11130,61 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 
 /***/ }),
 
+/***/ "./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/ThreeDsConfirmation.tsx":
+/*!***********************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/ThreeDsConfirmation.tsx ***!
+  \***********************************************************************************************/
+/***/ ((__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 _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?");
+
+/***/ }),
+
+/***/ "./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/Content.tsx":
+/*!******************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/Content.tsx ***!
+  \******************************************************************************************************/
+/***/ ((__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 _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?");
+
+/***/ }),
+
+/***/ "./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/index.ts":
+/*!***************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/index.ts ***!
+  \***************************************************************************************************/
+/***/ ((__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 _Content__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Content */ \"./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/Content.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Content__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/index.ts?");
+
+/***/ }),
+
+/***/ "./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/index.ts":
+/*!*******************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/index.ts ***!
+  \*******************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Content\": () => (/* reexport safe */ _Content__WEBPACK_IMPORTED_MODULE_0__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _Content__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Content */ \"./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/Content/index.ts\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/components/index.ts?");
+
+/***/ }),
+
+/***/ "./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/index.ts":
+/*!********************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/index.ts ***!
+  \********************************************************************************/
+/***/ ((__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 _ThreeDsConfirmation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ThreeDsConfirmation */ \"./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/ThreeDsConfirmation.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_ThreeDsConfirmation__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/index.ts?");
+
+/***/ }),
+
 /***/ "./packages/subscriptions-manager/src/modals/UndoCancelation/UndoCancelation.tsx":
 /*!***************************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/modals/UndoCancelation/UndoCancelation.tsx ***!
@@ -11104,7 +11247,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 */   \"CancelSubscriptionModal\": () => (/* reexport safe */ _CancelSubscription__WEBPACK_IMPORTED_MODULE_3__[\"default\"]),\n/* harmony export */   \"ChangePaymentMethodModal\": () => (/* reexport safe */ _ChangePaymentMethod__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n/* harmony export */   \"ChangeSubscriptionPlanModal\": () => (/* reexport safe */ _ChangeSubscriptionPlan__WEBPACK_IMPORTED_MODULE_10__[\"default\"]),\n/* harmony export */   \"ComponentsAllocationModal\": () => (/* reexport safe */ _ComponentsAllocation__WEBPACK_IMPORTED_MODULE_0__[\"default\"]),\n/* harmony export */   \"CreatePaymentProfileModal\": () => (/* reexport safe */ _CreatePaymentProfile__WEBPACK_IMPORTED_MODULE_9__[\"default\"]),\n/* harmony export */   \"DeletePaymentMethodModal\": () => (/* reexport safe */ _DeletePaymentMethod__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n/* harmony export */   \"PauseSubscriptionModal\": () => (/* reexport safe */ _PauseSubscription__WEBPACK_IMPORTED_MODULE_2__[\"default\"]),\n/* harmony export */   \"PreviewPaymentMethod\": () => (/* reexport safe */ _PreviewPaymentMethod__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n/* harmony export */   \"ReactivateSubscriptionModal\": () => (/* reexport safe */ _ReactivateSubscription__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */   \"ResumeSubscriptionModal\": () => (/* reexport safe */ _ResumeSubscription__WEBPACK_IMPORTED_MODULE_1__[\"default\"]),\n/* harmony export */   \"UndoCancelationModal\": () => (/* reexport safe */ _UndoCancelation__WEBPACK_IMPORTED_MODULE_7__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _ComponentsAllocation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ComponentsAllocation */ \"./packages/subscriptions-manager/src/modals/ComponentsAllocation/index.ts\");\n/* harmony import */ var _ResumeSubscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ResumeSubscription */ \"./packages/subscriptions-manager/src/modals/ResumeSubscription/index.ts\");\n/* harmony import */ var _PauseSubscription__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PauseSubscription */ \"./packages/subscriptions-manager/src/modals/PauseSubscription/index.ts\");\n/* harmony import */ var _CancelSubscription__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CancelSubscription */ \"./packages/subscriptions-manager/src/modals/CancelSubscription/index.ts\");\n/* harmony import */ var _ChangePaymentMethod__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ChangePaymentMethod */ \"./packages/subscriptions-manager/src/modals/ChangePaymentMethod/index.ts\");\n/* harmony import */ var _PreviewPaymentMethod__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PreviewPaymentMethod */ \"./packages/subscriptions-manager/src/modals/PreviewPaymentMethod/index.ts\");\n/* harmony import */ var _ReactivateSubscription__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ReactivateSubscription */ \"./packages/subscriptions-manager/src/modals/ReactivateSubscription/index.ts\");\n/* harmony import */ var _UndoCancelation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./UndoCancelation */ \"./packages/subscriptions-manager/src/modals/UndoCancelation/index.ts\");\n/* harmony import */ var _DeletePaymentMethod__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DeletePaymentMethod */ \"./packages/subscriptions-manager/src/modals/DeletePaymentMethod/index.ts\");\n/* harmony import */ var _CreatePaymentProfile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./CreatePaymentProfile */ \"./packages/subscriptions-manager/src/modals/CreatePaymentProfile/index.ts\");\n/* harmony import */ var _ChangeSubscriptionPlan__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ChangeSubscriptionPlan */ \"./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/index.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"CancelSubscriptionModal\": () => (/* reexport safe */ _CancelSubscription__WEBPACK_IMPORTED_MODULE_3__[\"default\"]),\n/* harmony export */   \"ChangePaymentMethodModal\": () => (/* reexport safe */ _ChangePaymentMethod__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n/* harmony export */   \"ChangeSubscriptionPlanModal\": () => (/* reexport safe */ _ChangeSubscriptionPlan__WEBPACK_IMPORTED_MODULE_10__[\"default\"]),\n/* harmony export */   \"ComponentsAllocationModal\": () => (/* reexport safe */ _ComponentsAllocation__WEBPACK_IMPORTED_MODULE_0__[\"default\"]),\n/* harmony export */   \"CreatePaymentProfileModal\": () => (/* reexport safe */ _CreatePaymentProfile__WEBPACK_IMPORTED_MODULE_9__[\"default\"]),\n/* harmony export */   \"DeletePaymentMethodModal\": () => (/* reexport safe */ _DeletePaymentMethod__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n/* harmony export */   \"PauseSubscriptionModal\": () => (/* reexport safe */ _PauseSubscription__WEBPACK_IMPORTED_MODULE_2__[\"default\"]),\n/* harmony export */   \"PreviewPaymentMethod\": () => (/* reexport safe */ _PreviewPaymentMethod__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n/* harmony export */   \"ReactivateSubscriptionModal\": () => (/* reexport safe */ _ReactivateSubscription__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */   \"ResumeSubscriptionModal\": () => (/* reexport safe */ _ResumeSubscription__WEBPACK_IMPORTED_MODULE_1__[\"default\"]),\n/* harmony export */   \"ThreeDsConfirmationModal\": () => (/* reexport safe */ _ThreeDsConfirmation__WEBPACK_IMPORTED_MODULE_11__[\"default\"]),\n/* harmony export */   \"UndoCancelationModal\": () => (/* reexport safe */ _UndoCancelation__WEBPACK_IMPORTED_MODULE_7__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _ComponentsAllocation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ComponentsAllocation */ \"./packages/subscriptions-manager/src/modals/ComponentsAllocation/index.ts\");\n/* harmony import */ var _ResumeSubscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ResumeSubscription */ \"./packages/subscriptions-manager/src/modals/ResumeSubscription/index.ts\");\n/* harmony import */ var _PauseSubscription__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PauseSubscription */ \"./packages/subscriptions-manager/src/modals/PauseSubscription/index.ts\");\n/* harmony import */ var _CancelSubscription__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CancelSubscription */ \"./packages/subscriptions-manager/src/modals/CancelSubscription/index.ts\");\n/* harmony import */ var _ChangePaymentMethod__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ChangePaymentMethod */ \"./packages/subscriptions-manager/src/modals/ChangePaymentMethod/index.ts\");\n/* harmony import */ var _PreviewPaymentMethod__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PreviewPaymentMethod */ \"./packages/subscriptions-manager/src/modals/PreviewPaymentMethod/index.ts\");\n/* harmony import */ var _ReactivateSubscription__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ReactivateSubscription */ \"./packages/subscriptions-manager/src/modals/ReactivateSubscription/index.ts\");\n/* harmony import */ var _UndoCancelation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./UndoCancelation */ \"./packages/subscriptions-manager/src/modals/UndoCancelation/index.ts\");\n/* harmony import */ var _DeletePaymentMethod__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DeletePaymentMethod */ \"./packages/subscriptions-manager/src/modals/DeletePaymentMethod/index.ts\");\n/* harmony import */ var _CreatePaymentProfile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./CreatePaymentProfile */ \"./packages/subscriptions-manager/src/modals/CreatePaymentProfile/index.ts\");\n/* harmony import */ var _ChangeSubscriptionPlan__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ChangeSubscriptionPlan */ \"./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/index.ts\");\n/* harmony import */ var _ThreeDsConfirmation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ThreeDsConfirmation */ \"./packages/subscriptions-manager/src/modals/ThreeDsConfirmation/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/index.ts?");
 
 /***/ }),
 
@@ -11181,7 +11324,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 xstate_lib_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xstate/lib/model */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/lib/model.js\");\n\nvar subscriptionModel = (0,xstate_lib_model__WEBPACK_IMPORTED_MODULE_0__.createModel)({\n  id: null,\n  status: 'active',\n  currency: 'USD',\n  scheduledCancellationAt: null,\n  currentBillingAmountInCents: 0,\n  productFamilyId: null,\n  expiresAt: null,\n  automaticallyResumeAt: null,\n  trialEndedAt: null,\n  canceledAt: null,\n  currentPeriodEndsAt: null,\n  nextAssessmentAt: null,\n  nextProductId: null,\n  balanceInCents: 0,\n  referralCode: null,\n  product: {\n    id: null,\n    name: '',\n    description: null,\n    priceInCents: 0,\n    interval: 0,\n    intervalUnit: null,\n    trialPriceInCents: 0,\n    trialInterval: null,\n    trialIntervalUnit: null\n  },\n  components: {\n    updatesAllowed: null,\n    usedInBilling: null\n  },\n  billing: {\n    paymentProfileConnected: false,\n    paymentProfileId: null,\n    address: {\n      address: null,\n      address2: null,\n      city: null,\n      state: null,\n      zip: null,\n      country: null\n    },\n    creditCard: {\n      firstName: null,\n      lastName: null,\n      cardType: null,\n      maskedNumber: null,\n      expirationMonth: 0,\n      expirationYear: 0\n    },\n    bankAccount: {\n      maskedAccountNumber: null,\n      maskedRoutingNumber: null,\n      bankName: null,\n      firstName: null,\n      lastName: null\n    }\n  }\n}, {\n  events: {\n    UPDATE_SUBSCRIPTION: function UPDATE_SUBSCRIPTION(event) {\n      return event;\n    }\n  }\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (subscriptionModel);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/models/subscription/subscription.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var xstate_lib_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xstate/lib/model */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/lib/model.js\");\n\nvar subscriptionModel = (0,xstate_lib_model__WEBPACK_IMPORTED_MODULE_0__.createModel)({\n  id: null,\n  status: 'active',\n  currency: 'USD',\n  scheduledCancellationAt: null,\n  currentBillingAmountInCents: 0,\n  productFamilyId: null,\n  expiresAt: null,\n  automaticallyResumeAt: null,\n  trialEndedAt: null,\n  canceledAt: null,\n  currentPeriodEndsAt: null,\n  nextAssessmentAt: null,\n  nextProductId: null,\n  balanceInCents: 0,\n  referralCode: null,\n  threeDsActionLink: null,\n  product: {\n    id: null,\n    name: '',\n    description: null,\n    priceInCents: 0,\n    interval: 0,\n    intervalUnit: null,\n    trialPriceInCents: 0,\n    trialInterval: null,\n    trialIntervalUnit: null\n  },\n  components: {\n    updatesAllowed: null,\n    usedInBilling: null\n  },\n  billing: {\n    paymentProfileConnected: false,\n    paymentProfileId: null,\n    address: {\n      address: null,\n      address2: null,\n      city: null,\n      state: null,\n      zip: null,\n      country: null\n    },\n    creditCard: {\n      firstName: null,\n      lastName: null,\n      cardType: null,\n      maskedNumber: null,\n      expirationMonth: 0,\n      expirationYear: 0\n    },\n    bankAccount: {\n      maskedAccountNumber: null,\n      maskedRoutingNumber: null,\n      bankName: null,\n      firstName: null,\n      lastName: null\n    }\n  }\n}, {\n  events: {\n    UPDATE_SUBSCRIPTION: function UPDATE_SUBSCRIPTION(event) {\n      return event;\n    }\n  }\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (subscriptionModel);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/models/subscription/subscription.ts?");
 
 /***/ }),