npm - @maxio-com/self-service - Versions diffs - 1.0.2 → 1.2.0 - Mend

@maxio-com/self-service 1.0.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/dist/maxio-components.umd.js CHANGED Viewed

@@ -786,7 +786,7 @@ eval("/* unused harmony export shadow */\n/* harmony import */ var _styled_syste
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"margin\": () => (/* binding */ margin),\n/* harmony export */   \"padding\": () => (/* binding */ padding)\n/* harmony export */ });\n/* unused harmony export space */\n/* harmony import */ var _styled_system_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @styled-system/core */ \"./node_modules/.pnpm/@styled-system+core@5.1.2/node_modules/@styled-system/core/dist/index.esm.js\");\n\nvar defaults = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512]\n};\n\nvar isNumber = function isNumber(n) {\n  return typeof n === 'number' && !isNaN(n);\n};\n\nvar getMargin = function getMargin(n, scale) {\n  if (!isNumber(n)) {\n    return (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.get)(scale, n, n);\n  }\n\n  var isNegative = n < 0;\n  var absolute = Math.abs(n);\n  var value = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.get)(scale, absolute, absolute);\n\n  if (!isNumber(value)) {\n    return isNegative ? '-' + value : value;\n  }\n\n  return value * (isNegative ? -1 : 1);\n};\n\nvar configs = {};\nconfigs.margin = {\n  margin: {\n    property: 'margin',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginTop: {\n    property: 'marginTop',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginRight: {\n    property: 'marginRight',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginBottom: {\n    property: 'marginBottom',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginLeft: {\n    property: 'marginLeft',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginX: {\n    properties: ['marginLeft', 'marginRight'],\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginY: {\n    properties: ['marginTop', 'marginBottom'],\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  }\n};\nconfigs.margin.m = configs.margin.margin;\nconfigs.margin.mt = configs.margin.marginTop;\nconfigs.margin.mr = configs.margin.marginRight;\nconfigs.margin.mb = configs.margin.marginBottom;\nconfigs.margin.ml = configs.margin.marginLeft;\nconfigs.margin.mx = configs.margin.marginX;\nconfigs.margin.my = configs.margin.marginY;\nconfigs.padding = {\n  padding: {\n    property: 'padding',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingTop: {\n    property: 'paddingTop',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingRight: {\n    property: 'paddingRight',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingBottom: {\n    property: 'paddingBottom',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingLeft: {\n    property: 'paddingLeft',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingX: {\n    properties: ['paddingLeft', 'paddingRight'],\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingY: {\n    properties: ['paddingTop', 'paddingBottom'],\n    scale: 'space',\n    defaultScale: defaults.space\n  }\n};\nconfigs.padding.p = configs.padding.padding;\nconfigs.padding.pt = configs.padding.paddingTop;\nconfigs.padding.pr = configs.padding.paddingRight;\nconfigs.padding.pb = configs.padding.paddingBottom;\nconfigs.padding.pl = configs.padding.paddingLeft;\nconfigs.padding.px = configs.padding.paddingX;\nconfigs.padding.py = configs.padding.paddingY;\nvar margin = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.system)(configs.margin);\nvar padding = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.system)(configs.padding);\nvar space = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.compose)(margin, padding);\n/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (space);\n\n\n//# sourceURL=webpack://Maxio/./node_modules/.pnpm/@styled-system+space@5.1.2/node_modules/@styled-system/space/dist/index.esm.js?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"margin\": () => (/* binding */ margin),\n/* harmony export */   \"padding\": () => (/* binding */ padding),\n/* harmony export */   \"space\": () => (/* binding */ space)\n/* harmony export */ });\n/* harmony import */ var _styled_system_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @styled-system/core */ \"./node_modules/.pnpm/@styled-system+core@5.1.2/node_modules/@styled-system/core/dist/index.esm.js\");\n\nvar defaults = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512]\n};\n\nvar isNumber = function isNumber(n) {\n  return typeof n === 'number' && !isNaN(n);\n};\n\nvar getMargin = function getMargin(n, scale) {\n  if (!isNumber(n)) {\n    return (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.get)(scale, n, n);\n  }\n\n  var isNegative = n < 0;\n  var absolute = Math.abs(n);\n  var value = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.get)(scale, absolute, absolute);\n\n  if (!isNumber(value)) {\n    return isNegative ? '-' + value : value;\n  }\n\n  return value * (isNegative ? -1 : 1);\n};\n\nvar configs = {};\nconfigs.margin = {\n  margin: {\n    property: 'margin',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginTop: {\n    property: 'marginTop',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginRight: {\n    property: 'marginRight',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginBottom: {\n    property: 'marginBottom',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginLeft: {\n    property: 'marginLeft',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginX: {\n    properties: ['marginLeft', 'marginRight'],\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginY: {\n    properties: ['marginTop', 'marginBottom'],\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  }\n};\nconfigs.margin.m = configs.margin.margin;\nconfigs.margin.mt = configs.margin.marginTop;\nconfigs.margin.mr = configs.margin.marginRight;\nconfigs.margin.mb = configs.margin.marginBottom;\nconfigs.margin.ml = configs.margin.marginLeft;\nconfigs.margin.mx = configs.margin.marginX;\nconfigs.margin.my = configs.margin.marginY;\nconfigs.padding = {\n  padding: {\n    property: 'padding',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingTop: {\n    property: 'paddingTop',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingRight: {\n    property: 'paddingRight',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingBottom: {\n    property: 'paddingBottom',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingLeft: {\n    property: 'paddingLeft',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingX: {\n    properties: ['paddingLeft', 'paddingRight'],\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingY: {\n    properties: ['paddingTop', 'paddingBottom'],\n    scale: 'space',\n    defaultScale: defaults.space\n  }\n};\nconfigs.padding.p = configs.padding.padding;\nconfigs.padding.pt = configs.padding.paddingTop;\nconfigs.padding.pr = configs.padding.paddingRight;\nconfigs.padding.pb = configs.padding.paddingBottom;\nconfigs.padding.pl = configs.padding.paddingLeft;\nconfigs.padding.px = configs.padding.paddingX;\nconfigs.padding.py = configs.padding.paddingY;\nvar margin = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.system)(configs.margin);\nvar padding = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.system)(configs.padding);\nvar space = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.compose)(margin, padding);\n/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (space);\n\n\n//# sourceURL=webpack://Maxio/./node_modules/.pnpm/@styled-system+space@5.1.2/node_modules/@styled-system/space/dist/index.esm.js?");
 /***/ }),
@@ -1501,7 +1501,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_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 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_1__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ \"./packages/billing-history/src/hooks/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../contexts */ \"./packages/billing-history/src/contexts/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ \"./packages/billing-history/src/containers/BillingHistoryContainer/constants.ts\");\n/* harmony import */ var _components_InvoicesTable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/InvoicesTable */ \"./packages/billing-history/src/components/InvoicesTable/index.ts\");\n/* harmony import */ var _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../machines/billingHistoryData */ \"./packages/billing-history/src/machines/billingHistoryData/index.ts\");\nvar _excluded = [\"currency\", \"amountDueInCents\", \"totalAmountInCents\"];\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\n\nvar BillingHistoryContainer = function BillingHistoryContainer() {\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_7__.useTranslation)(),\n      i18n = _useTranslation.i18n;\n\n  var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useServices)(),\n      billingHistoryDataService = _useServices.billingHistoryDataService,\n      filtersOptionsService = _useServices.filtersOptionsService;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_3__.ConfigContext),\n      paginationVariant = _useContext.paginationVariant,\n      itemsPerPage = _useContext.itemsPerPage;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (billingHistoryDataService.state.matches('machineStatus.idle')) {\n      billingHistoryDataService.send('INITIALIZE', {\n        page: _constants__WEBPACK_IMPORTED_MODULE_4__.INITIAL_PAGE,\n        limit: itemsPerPage\n      });\n    }\n\n    if (filtersOptionsService.state.matches('idle')) {\n      filtersOptionsService.send('INITIALIZE');\n    }\n  }, []);\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useSelector)(billingHistoryDataService, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.billingHistorySelectors.getBillingHistoryData),\n      items = _useSelector.items,\n      sorting = _useSelector.sorting,\n      pagination = _useSelector.pagination;\n\n  var _useSelector2 = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useSelector)(billingHistoryDataService, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.billingHistorySelectors.getBillingHistoryState),\n      isLoading = _useSelector2.isLoading,\n      isFiltering = _useSelector2.isFiltering;\n\n  var sendSortEvent = function sendSortEvent(sortBy, sortDirection) {\n    billingHistoryDataService.send('SORT_BY', {\n      sortBy: sortBy,\n      sortDirection: sortDirection\n    });\n  };\n\n  var onSortChange = function onSortChange(columnId) {\n    if (sorting.sortBy === _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.defaultSortingParams.sortBy && sorting.sortDirection === 'desc') {\n      return sendSortEvent(columnId, 'asc');\n    }\n\n    if (sorting.sortBy === columnId) {\n      if (sorting.sortDirection === 'desc') {\n        sendSortEvent(_machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.defaultSortingParams.sortBy, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.defaultSortingParams.sortDirection);\n      } else {\n        sendSortEvent(columnId, 'desc');\n      }\n    } else {\n      sendSortEvent(columnId, 'asc');\n    }\n  };\n\n  var onPageChange = function onPageChange(page) {\n    billingHistoryDataService.send('CHANGE_PAGE', {\n      page: page\n    });\n  };\n\n  var onLoadMore = function onLoadMore() {\n    billingHistoryDataService.send('LOAD_MORE', {\n      limit: itemsPerPage\n    });\n  };\n\n  var onItemsPerPageChange = function onItemsPerPageChange(itemsPerPage) {\n    billingHistoryDataService.send('CHANGE_ITEMS_PER_PAGE', {\n      itemsPerPage: itemsPerPage\n    });\n  };\n\n  var formattedData = items === null || items === void 0 ? void 0 : items.map(function (_ref) {\n    var currency = _ref.currency,\n        amountDueInCents = _ref.amountDueInCents,\n        totalAmountInCents = _ref.totalAmountInCents,\n        rest = _objectWithoutProperties(_ref, _excluded);\n\n    return _objectSpread(_objectSpread({}, rest), {}, {\n      amountDue: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_1__.formatCurrency)(currency, amountDueInCents, i18n.language),\n      totalAmount: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_1__.formatCurrency)(currency, totalAmountInCents, i18n.language)\n    });\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_InvoicesTable__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    isFiltering: isFiltering,\n    isLoading: isLoading,\n    totalPages: pagination === null || pagination === void 0 ? void 0 : pagination.totalPages,\n    onLoadMore: onLoadMore,\n    totalInvoices: pagination === null || pagination === void 0 ? void 0 : pagination.totalItems,\n    paginationVariant: paginationVariant,\n    page: sorting.page,\n    onPageChange: onPageChange,\n    invoices: formattedData || [],\n    onSortChange: onSortChange,\n    sortMode: sorting,\n    itemsPerPage: pagination === null || pagination === void 0 ? void 0 : pagination.itemsPerPage,\n    onItemsPerPageChange: onItemsPerPageChange\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BillingHistoryContainer);\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/containers/BillingHistoryContainer/BillingHistoryContainer.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_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 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_1__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ \"./packages/billing-history/src/hooks/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../contexts */ \"./packages/billing-history/src/contexts/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ \"./packages/billing-history/src/containers/BillingHistoryContainer/constants.ts\");\n/* harmony import */ var _components_InvoicesTable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/InvoicesTable */ \"./packages/billing-history/src/components/InvoicesTable/index.ts\");\n/* harmony import */ var _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../machines/billingHistoryData */ \"./packages/billing-history/src/machines/billingHistoryData/index.ts\");\nvar _excluded = [\"currency\", \"amountDueInCents\", \"totalAmountInCents\"];\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\n\nvar BillingHistoryContainer = function BillingHistoryContainer() {\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_7__.useTranslation)(),\n      i18n = _useTranslation.i18n;\n\n  var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useServices)(),\n      billingHistoryDataService = _useServices.billingHistoryDataService,\n      filtersOptionsService = _useServices.filtersOptionsService;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_3__.ConfigContext),\n      paginationVariant = _useContext.paginationVariant,\n      itemsPerPage = _useContext.itemsPerPage;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (billingHistoryDataService.getSnapshot().matches('machineStatus.idle')) {\n      billingHistoryDataService.send('INITIALIZE', {\n        page: _constants__WEBPACK_IMPORTED_MODULE_4__.INITIAL_PAGE,\n        limit: itemsPerPage\n      });\n    }\n\n    if (filtersOptionsService.getSnapshot().matches('idle')) {\n      filtersOptionsService.send('INITIALIZE');\n    }\n  }, []);\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useSelector)(billingHistoryDataService, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.billingHistorySelectors.getBillingHistoryData),\n      items = _useSelector.items,\n      sorting = _useSelector.sorting,\n      pagination = _useSelector.pagination;\n\n  var _useSelector2 = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useSelector)(billingHistoryDataService, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.billingHistorySelectors.getBillingHistoryState),\n      isLoading = _useSelector2.isLoading,\n      isFiltering = _useSelector2.isFiltering;\n\n  var sendSortEvent = function sendSortEvent(sortBy, sortDirection) {\n    billingHistoryDataService.send('SORT_BY', {\n      sortBy: sortBy,\n      sortDirection: sortDirection\n    });\n  };\n\n  var onSortChange = function onSortChange(columnId) {\n    if (sorting.sortBy === _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.defaultSortingParams.sortBy && sorting.sortDirection === 'desc') {\n      return sendSortEvent(columnId, 'asc');\n    }\n\n    if (sorting.sortBy === columnId) {\n      if (sorting.sortDirection === 'desc') {\n        sendSortEvent(_machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.defaultSortingParams.sortBy, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_6__.defaultSortingParams.sortDirection);\n      } else {\n        sendSortEvent(columnId, 'desc');\n      }\n    } else {\n      sendSortEvent(columnId, 'asc');\n    }\n  };\n\n  var onPageChange = function onPageChange(page) {\n    billingHistoryDataService.send('CHANGE_PAGE', {\n      page: page\n    });\n  };\n\n  var onLoadMore = function onLoadMore() {\n    billingHistoryDataService.send('LOAD_MORE', {\n      limit: itemsPerPage\n    });\n  };\n\n  var onItemsPerPageChange = function onItemsPerPageChange(itemsPerPage) {\n    billingHistoryDataService.send('CHANGE_ITEMS_PER_PAGE', {\n      itemsPerPage: itemsPerPage\n    });\n  };\n\n  var formattedData = items === null || items === void 0 ? void 0 : items.map(function (_ref) {\n    var currency = _ref.currency,\n        amountDueInCents = _ref.amountDueInCents,\n        totalAmountInCents = _ref.totalAmountInCents,\n        rest = _objectWithoutProperties(_ref, _excluded);\n\n    return _objectSpread(_objectSpread({}, rest), {}, {\n      amountDue: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_1__.formatCurrency)(currency, amountDueInCents, i18n.language),\n      totalAmount: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_1__.formatCurrency)(currency, totalAmountInCents, i18n.language)\n    });\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_InvoicesTable__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    isFiltering: isFiltering,\n    isLoading: isLoading,\n    totalPages: pagination === null || pagination === void 0 ? void 0 : pagination.totalPages,\n    onLoadMore: onLoadMore,\n    totalInvoices: pagination === null || pagination === void 0 ? void 0 : pagination.totalItems,\n    paginationVariant: paginationVariant,\n    page: sorting.page,\n    onPageChange: onPageChange,\n    invoices: formattedData || [],\n    onSortChange: onSortChange,\n    sortMode: sorting,\n    itemsPerPage: pagination === null || pagination === void 0 ? void 0 : pagination.itemsPerPage,\n    onItemsPerPageChange: onItemsPerPageChange\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BillingHistoryContainer);\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/containers/BillingHistoryContainer/BillingHistoryContainer.tsx?");
 /***/ }),
@@ -1930,7 +1930,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 */   \"renderField\": () => (/* binding */ renderField)\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\n\nvar renderField = function renderField(_ref) {\n  var id = _ref.id,\n      name = _ref.name,\n      value = _ref.value,\n      fieldType = _ref.fieldType,\n      options = _ref.options,\n      onChange = _ref.onChange,\n      maxLength = _ref.maxLength;\n\n  var onValueChange = function onValueChange(newValue) {\n    return onChange(id, newValue);\n  };\n\n  switch (fieldType) {\n    case 'text':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Input, {\n        value: value,\n        onChange: function onChange(e) {\n          return onValueChange(e.target.value);\n        },\n        name: name,\n        maxLength: maxLength,\n        id: \"\".concat(id)\n      });\n\n    case 'dropdown':\n      var selectOptions = options.map(function (option) {\n        return {\n          label: option,\n          value: option\n        };\n      });\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Select, {\n        options: selectOptions,\n        selectedValue: value,\n        onSelect: function onSelect(item) {\n          return onValueChange(item.value);\n        }\n      });\n\n    case 'radio':\n      var radioOptions = options.map(function (option) {\n        return {\n          label: option,\n          value: option\n        };\n      });\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.RadioGroup, {\n        options: radioOptions,\n        onValueChange: onValueChange,\n        selectedValue: value\n      });\n\n    default:\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, null, \"Field type not recognized: \", fieldType);\n  }\n};\n\n//# sourceURL=webpack://Maxio/./packages/custom-fields/src/utils/renderField.tsx?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"renderField\": () => (/* binding */ renderField)\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\n\nvar renderField = function renderField(_ref) {\n  var id = _ref.id,\n      name = _ref.name,\n      value = _ref.value,\n      fieldType = _ref.fieldType,\n      options = _ref.options,\n      onChange = _ref.onChange,\n      maxLength = _ref.maxLength,\n      portalContainer = _ref.portalContainer;\n\n  var onValueChange = function onValueChange(newValue) {\n    return onChange(id, newValue);\n  };\n\n  switch (fieldType) {\n    case 'text':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Input, {\n        value: value,\n        onChange: function onChange(e) {\n          return onValueChange(e.target.value);\n        },\n        name: name,\n        maxLength: maxLength,\n        id: \"\".concat(id)\n      });\n\n    case 'dropdown':\n      var selectOptions = options.map(function (option) {\n        return {\n          label: option,\n          value: option\n        };\n      });\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Select, {\n        portalContainer: portalContainer,\n        options: selectOptions,\n        selectedValue: value,\n        onSelect: function onSelect(item) {\n          return onValueChange(item.value);\n        }\n      });\n\n    case 'radio':\n      var radioOptions = options.map(function (option) {\n        return {\n          label: option,\n          value: option\n        };\n      });\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.RadioGroup, {\n        options: radioOptions,\n        onValueChange: onValueChange,\n        selectedValue: value\n      });\n\n    default:\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, null, \"Field type not recognized: \", fieldType);\n  }\n};\n\n//# sourceURL=webpack://Maxio/./packages/custom-fields/src/utils/renderField.tsx?");
 /***/ }),
@@ -1996,7 +1996,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 */   \"Text\": () => (/* binding */ Text)\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 _mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../mixins */ \"./packages/custom-ui-components/src/mixins/index.ts\");\n\n\n\n\nvar Text = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].p.withConfig({\n  displayName: \"BodyTextstyles__Text\",\n  componentId: \"maxio-components__sc-1jps5nb-0\"\n})([\"&&&{margin:0;padding:0;\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";}\"], _mixins__WEBPACK_IMPORTED_MODULE_2__.fontSmoothing, styled_system__WEBPACK_IMPORTED_MODULE_0__.color, styled_system__WEBPACK_IMPORTED_MODULE_0__.fontStyle, styled_system__WEBPACK_IMPORTED_MODULE_0__.fontFamily, styled_system__WEBPACK_IMPORTED_MODULE_0__.fontWeight, styled_system__WEBPACK_IMPORTED_MODULE_0__.textAlign, function (props) {\n  return props.overflow === 'truncate' && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\"]);\n}, function (props) {\n  return props.overflow === 'break-word' && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"overflow-wrap:break-word;\"]);\n}, function (props) {\n  return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'BodyText', 'variant'));\n}, (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(function (props) {\n  return _theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentCSSOverrides(props, 'BodyText');\n}), styled_system__WEBPACK_IMPORTED_MODULE_0__.lineHeight);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/BodyText/BodyText.styles.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Text\": () => (/* binding */ Text)\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 _mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../mixins */ \"./packages/custom-ui-components/src/mixins/index.ts\");\n\n\n\n\nvar Text = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].p.withConfig({\n  displayName: \"BodyTextstyles__Text\",\n  componentId: \"maxio-components__sc-1jps5nb-0\"\n})([\"&&&{margin:0;padding:0;\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";\", \";}\"], _mixins__WEBPACK_IMPORTED_MODULE_2__.fontSmoothing, styled_system__WEBPACK_IMPORTED_MODULE_0__.color, styled_system__WEBPACK_IMPORTED_MODULE_0__.fontStyle, styled_system__WEBPACK_IMPORTED_MODULE_0__.fontFamily, styled_system__WEBPACK_IMPORTED_MODULE_0__.fontWeight, styled_system__WEBPACK_IMPORTED_MODULE_0__.textAlign, function (props) {\n  return props.whiteSpace && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"white-space:\", \";\"], props.whiteSpace);\n}, function (props) {\n  return props.overflow === 'truncate' && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\"]);\n}, function (props) {\n  return props.overflow === 'break-word' && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)([\"overflow-wrap:break-word;\"]);\n}, function (props) {\n  return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'BodyText', 'variant'));\n}, (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(function (props) {\n  return _theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentCSSOverrides(props, 'BodyText');\n}), styled_system__WEBPACK_IMPORTED_MODULE_0__.lineHeight);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/BodyText/BodyText.styles.ts?");
 /***/ }),
@@ -2007,7 +2007,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 _BodyText_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BodyText.styles */ \"./packages/custom-ui-components/src/components/atoms/BodyText/BodyText.styles.ts\");\n\n\n\nvar BodyText = function BodyText(_ref) {\n  var _ref$variant = _ref.variant,\n      variant = _ref$variant === void 0 ? 'body1' : _ref$variant,\n      _ref$fontWeight = _ref.fontWeight,\n      fontWeight = _ref$fontWeight === void 0 ? 0 : _ref$fontWeight,\n      _ref$fontStyle = _ref.fontStyle,\n      fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,\n      _ref$color = _ref.color,\n      color = _ref$color === void 0 ? 'black.main' : _ref$color,\n      _ref$textAlign = _ref.textAlign,\n      textAlign = _ref$textAlign === void 0 ? 'left' : _ref$textAlign,\n      lineHeight = _ref.lineHeight,\n      overflow = _ref.overflow,\n      children = _ref.children,\n      _ref$as = _ref.as,\n      as = _ref$as === void 0 ? 'p' : _ref$as;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_BodyText_styles__WEBPACK_IMPORTED_MODULE_1__.Text, {\n    as: as,\n    color: color,\n    fontFamily: \"secondary\",\n    fontStyle: fontStyle,\n    fontWeight: fontWeight,\n    textAlign: textAlign,\n    variant: variant,\n    lineHeight: lineHeight,\n    overflow: overflow\n  }, children);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BodyText);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/BodyText/BodyText.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 _BodyText_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BodyText.styles */ \"./packages/custom-ui-components/src/components/atoms/BodyText/BodyText.styles.ts\");\n\n\n\nvar BodyText = function BodyText(_ref) {\n  var _ref$variant = _ref.variant,\n      variant = _ref$variant === void 0 ? 'body1' : _ref$variant,\n      _ref$fontWeight = _ref.fontWeight,\n      fontWeight = _ref$fontWeight === void 0 ? 0 : _ref$fontWeight,\n      _ref$fontStyle = _ref.fontStyle,\n      fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,\n      _ref$color = _ref.color,\n      color = _ref$color === void 0 ? 'black.main' : _ref$color,\n      _ref$textAlign = _ref.textAlign,\n      textAlign = _ref$textAlign === void 0 ? 'left' : _ref$textAlign,\n      lineHeight = _ref.lineHeight,\n      overflow = _ref.overflow,\n      children = _ref.children,\n      _ref$as = _ref.as,\n      as = _ref$as === void 0 ? 'p' : _ref$as,\n      whiteSpace = _ref.whiteSpace;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_BodyText_styles__WEBPACK_IMPORTED_MODULE_1__.Text, {\n    whiteSpace: whiteSpace,\n    as: as,\n    color: color,\n    fontFamily: \"secondary\",\n    fontStyle: fontStyle,\n    fontWeight: fontWeight,\n    textAlign: textAlign,\n    variant: variant,\n    lineHeight: lineHeight,\n    overflow: overflow\n  }, children);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BodyText);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/BodyText/BodyText.tsx?");
 /***/ }),
@@ -2040,7 +2040,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 */   \"Box\": () => (/* binding */ Box)\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 Box = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n  displayName: \"Boxstyles__Box\",\n  componentId: \"maxio-components__sc-ppei4j-0\"\n})([\"&&&{\", \";\", \";\", \";}\"], styled_system__WEBPACK_IMPORTED_MODULE_0__.margin, styled_system__WEBPACK_IMPORTED_MODULE_0__.padding, styled_system__WEBPACK_IMPORTED_MODULE_0__.layout);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Box/Box.styles.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Box\": () => (/* binding */ Box)\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 Box = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n  displayName: \"Boxstyles__Box\",\n  componentId: \"maxio-components__sc-ppei4j-0\"\n})([\"&&&{\", \";\", \";\", \";\", \";}\"], styled_system__WEBPACK_IMPORTED_MODULE_0__.margin, styled_system__WEBPACK_IMPORTED_MODULE_0__.padding, styled_system__WEBPACK_IMPORTED_MODULE_0__.layout, styled_system__WEBPACK_IMPORTED_MODULE_0__.justifyContent);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Box/Box.styles.ts?");
 /***/ }),
@@ -2161,7 +2161,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 _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../constants */ \"./packages/custom-ui-components/src/constants.ts\");\n/* harmony import */ var _Checkbox_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Checkbox.styles */ \"./packages/custom-ui-components/src/components/atoms/Checkbox/Checkbox.styles.tsx\");\nvar _excluded = [\"value\", \"onChange\", \"label\", \"isDisabled\"];\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\nvar Checkbox = function Checkbox(_ref) {\n  var value = _ref.value,\n      onChange = _ref.onChange,\n      label = _ref.label,\n      isDisabled = _ref.isDisabled,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var state = \"\".concat(value ? 'checked' : 'unchecked');\n  var status = \"\".concat(isDisabled ? 'disabled' : 'active');\n  var variant = \"\".concat(state, \"-\").concat(status);\n\n  var handleChange = function handleChange() {\n    if (!isDisabled && onChange) {\n      onChange(!value);\n    }\n  };\n\n  var handleKeyDown = function handleKeyDown(event) {\n    if (event.code === _constants__WEBPACK_IMPORTED_MODULE_2__.KEYBOARD_KEYS.SPACE) {\n      handleChange();\n    }\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Checkbox_styles__WEBPACK_IMPORTED_MODULE_3__.Label, {\n    status: status,\n    \"aria-checked\": value,\n    onKeyDown: handleKeyDown,\n    isDisabled: isDisabled,\n    tabIndex: 0,\n    role: 'checkbox'\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Checkbox_styles__WEBPACK_IMPORTED_MODULE_3__.CheckboxWrapper, {\n    size: 'default',\n    variant: variant,\n    isChecked: value\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_1__.Icon, {\n    fill: 'white.main',\n    type: 'check'\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", _objectSpread({\n    hidden: true,\n    type: \"checkbox\",\n    onChange: handleChange,\n    checked: value\n  }, rest))), label);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Checkbox);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Checkbox/Checkbox.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_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../constants */ \"./packages/custom-ui-components/src/constants.ts\");\n/* harmony import */ var _Checkbox_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Checkbox.styles */ \"./packages/custom-ui-components/src/components/atoms/Checkbox/Checkbox.styles.tsx\");\nvar _excluded = [\"value\", \"onChange\", \"label\", \"isDisabled\"];\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\nvar Checkbox = function Checkbox(_ref) {\n  var value = _ref.value,\n      onChange = _ref.onChange,\n      label = _ref.label,\n      isDisabled = _ref.isDisabled,\n      rest = _objectWithoutProperties(_ref, _excluded);\n\n  var state = \"\".concat(value ? 'checked' : 'unchecked');\n  var status = \"\".concat(isDisabled ? 'disabled' : 'active');\n  var variant = \"\".concat(state, \"-\").concat(status);\n\n  var handleChange = function handleChange() {\n    if (!isDisabled && onChange) {\n      onChange(!value);\n    }\n  };\n\n  var handleKeyDown = function handleKeyDown(event) {\n    if (event.code === _constants__WEBPACK_IMPORTED_MODULE_2__.KEYBOARD_KEYS.SPACE) {\n      handleChange();\n    }\n  };\n\n  var labelContent = typeof label === 'function' ? label() : label;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Checkbox_styles__WEBPACK_IMPORTED_MODULE_3__.Label, {\n    status: status,\n    \"aria-checked\": value,\n    onKeyDown: handleKeyDown,\n    isDisabled: isDisabled,\n    tabIndex: 0,\n    role: 'checkbox'\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Checkbox_styles__WEBPACK_IMPORTED_MODULE_3__.CheckboxWrapper, {\n    size: 'default',\n    variant: variant,\n    isChecked: value\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_1__.Icon, {\n    fill: 'white.main',\n    type: 'check'\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", _objectSpread({\n    hidden: true,\n    type: \"checkbox\",\n    onChange: handleChange,\n    checked: value\n  }, rest))), labelContent);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Checkbox);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Checkbox/Checkbox.tsx?");
 /***/ }),
@@ -5912,7 +5912,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_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 _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_custom_fields__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/custom-fields */ \"./packages/custom-fields/src/index.ts\");\n\n\n\n\n\nvar CustomFieldsForm = function CustomFieldsForm(_ref) {\n  var customFields = _ref.customFields,\n      onChange = _ref.onChange,\n      onSave = _ref.onSave,\n      onCancel = _ref.onCancel,\n      isSaving = _ref.isSaving,\n      isError = _ref.isError;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)(['customer-details']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, isError && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 5\n  }, /*#__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('error.we_were_unable_to_save_your_custom_fields')))), customFields.map(function (_ref2) {\n    var name = _ref2.name,\n        id = _ref2.id,\n        fieldType = _ref2.fieldType,\n        value = _ref2.value,\n        options = _ref2.enum;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.FormField, {\n      label: name,\n      name: name,\n      key: id,\n      fullWidth: true\n    }, (0,_chargify_custom_fields__WEBPACK_IMPORTED_MODULE_2__.renderField)({\n      id: id,\n      name: name,\n      fieldType: fieldType,\n      value: value || '',\n      options: options,\n      onChange: onChange,\n      maxLength: 2048\n    }));\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginTop: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button.Group, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('custom_fields.update_additional_settings'),\n    color: 'primary',\n    onClick: onSave,\n    isLoading: isSaving\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('cancel', {\n      ns: 'common'\n    }),\n    color: 'secondary',\n    onClick: onCancel\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomFieldsForm);\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/components/CustomFieldsForm/CustomFieldsForm.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_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 _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_custom_fields__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/custom-fields */ \"./packages/custom-fields/src/index.ts\");\n\n\n\n\n\nvar CustomFieldsForm = function CustomFieldsForm(_ref) {\n  var customFields = _ref.customFields,\n      onChange = _ref.onChange,\n      onSave = _ref.onSave,\n      onCancel = _ref.onCancel,\n      isSaving = _ref.isSaving,\n      isError = _ref.isError,\n      portalContainer = _ref.portalContainer;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)(['customer-details']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, isError && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 5\n  }, /*#__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('error.we_were_unable_to_save_your_custom_fields')))), customFields.map(function (_ref2) {\n    var name = _ref2.name,\n        id = _ref2.id,\n        fieldType = _ref2.fieldType,\n        value = _ref2.value,\n        options = _ref2.enum;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.FormField, {\n      label: name,\n      name: name,\n      key: id,\n      fullWidth: true\n    }, (0,_chargify_custom_fields__WEBPACK_IMPORTED_MODULE_2__.renderField)({\n      portalContainer: portalContainer,\n      id: id,\n      name: name,\n      fieldType: fieldType,\n      value: value || '',\n      options: options,\n      onChange: onChange,\n      maxLength: 2048\n    }));\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginTop: 3\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button.Group, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('custom_fields.update_additional_settings'),\n    color: 'primary',\n    onClick: onSave,\n    isLoading: isSaving\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('cancel', {\n      ns: 'common'\n    }),\n    color: 'secondary',\n    onClick: onCancel\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomFieldsForm);\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/components/CustomFieldsForm/CustomFieldsForm.tsx?");
 /***/ }),
@@ -6264,7 +6264,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: \"getComponents\",\n    value: function () {\n      var _getComponents = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(subscriptionId) {\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, \"/subscriptions/\").concat(subscriptionId, \"/components\")));\n\n              case 1:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2, this);\n      }));\n\n      function getComponents(_x) {\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 _callee3() {\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, \"/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 _context3.stop();\n            }\n          }\n        }, _callee3, 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 _callee4(token) {\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, \"/payment_profiles\"), {\n                  token: token\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context4.stop();\n            }\n          }\n        }, _callee4, this);\n      }));\n\n      function createPaymentProfile(_x2) {\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 _callee5(paymentProfileId, 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, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context5.stop();\n            }\n          }\n        }, _callee5, this);\n      }));\n\n      function updateSubscriptionPaymentProfile(_x3, _x4) {\n        return _updateSubscriptionPaymentProfile.apply(this, arguments);\n      }\n\n      return updateSubscriptionPaymentProfile;\n    }()\n  }, {\n    key: \"resumeSubscription\",\n    value: function () {\n      var _resumeSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(subscriptionId) {\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, \"/subscriptions/\").concat(subscriptionId, \"/resume\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context6.stop();\n            }\n          }\n        }, _callee6, this);\n      }));\n\n      function resumeSubscription(_x5) {\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 _callee7() {\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, \"/subscriptions/resumption_config\")));\n\n              case 1:\n              case \"end\":\n                return _context7.stop();\n            }\n          }\n        }, _callee7, 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 _callee8(subscriptionId, autoResumeDate) {\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, \"/hold\"), {\n                  automatically_resume_at: autoResumeDate\n                }, _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 updateSubscriptionResumptionDate(_x6, _x7) {\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 _callee9() {\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\")));\n\n              case 1:\n              case \"end\":\n                return _context9.stop();\n            }\n          }\n        }, _callee9, 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 _callee10() {\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, \"/customer\")));\n\n              case 1:\n              case \"end\":\n                return _context10.stop();\n            }\n          }\n        }, _callee10, 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 _callee11(customerDetails) {\n        var address2, rest, data;\n        return _regeneratorRuntime().wrap(function _callee11$(_context11) {\n          while (1) {\n            switch (_context11.prev = _context11.next) {\n              case 0:\n                address2 = customerDetails.address2, rest = _objectWithoutProperties(customerDetails, _excluded);\n                data = _objectSpread({\n                  address_2: address2\n                }, rest);\n                return _context11.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 _context11.stop();\n            }\n          }\n        }, _callee11, this);\n      }));\n\n      function updateCustomerDetails(_x8) {\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 _callee12(countryCode) {\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, \"/subdivisions?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)({\n                  countryCode: countryCode\n                }))));\n\n              case 1:\n              case \"end\":\n                return _context12.stop();\n            }\n          }\n        }, _callee12, this);\n      }));\n\n      function getCountrySubdivisions(_x9) {\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 _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, \"/countries\")));\n\n              case 1:\n              case \"end\":\n                return _context13.stop();\n            }\n          }\n        }, _callee13, 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 _callee14(requestParams) {\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, \"/invoices?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)(requestParams))));\n\n              case 1:\n              case \"end\":\n                return _context14.stop();\n            }\n          }\n        }, _callee14, this);\n      }));\n\n      function getInvoices(_x10) {\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 _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, \"/invoices/filters\")));\n\n              case 1:\n              case \"end\":\n                return _context15.stop();\n            }\n          }\n        }, _callee15, 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 _callee16(subscriptionId, body) {\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, \"/subscriptions/\").concat(subscriptionId, \"/preview_allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context16.stop();\n            }\n          }\n        }, _callee16, this);\n      }));\n\n      function previewComponentAllocations(_x11, _x12) {\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 _callee17(subscriptionId, body) {\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, \"/subscriptions/\").concat(subscriptionId, \"/allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context17.stop();\n            }\n          }\n        }, _callee17, this);\n      }));\n\n      function updateComponentAllocations(_x13, _x14) {\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 _callee18(subscriptionId) {\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, \"/subscriptions/\").concat(subscriptionId, \"/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context18.stop();\n            }\n          }\n        }, _callee18, this);\n      }));\n\n      function getSubscriptionCustomFields(_x15) {\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 _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, \"/customer/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context19.stop();\n            }\n          }\n        }, _callee19, 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 _callee20(customFields) {\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, \"/customer/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context20.stop();\n            }\n          }\n        }, _callee20, this);\n      }));\n\n      function updateCustomerCustomFields(_x16) {\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 _callee21(subscriptionId, customFields) {\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, \"/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context21.stop();\n            }\n          }\n        }, _callee21, this);\n      }));\n\n      function updateSubscriptionCustomFields(_x17, _x18) {\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 _callee22(subscriptionId, automaticallyResumeAt) {\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, \"/hold\"), {\n                  automaticallyResumeAt: automaticallyResumeAt\n                }, _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 pauseSubscription(_x19, _x20) {\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 _callee23(_ref2) {\n        var subscriptionId, rest;\n        return _regeneratorRuntime().wrap(function _callee23$(_context23) {\n          while (1) {\n            switch (_context23.prev = _context23.next) {\n              case 0:\n                subscriptionId = _ref2.subscriptionId, rest = _objectWithoutProperties(_ref2, _excluded2);\n                return _context23.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 _context23.stop();\n            }\n          }\n        }, _callee23, this);\n      }));\n\n      function cancelSubscription(_x21) {\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 _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, \"/payment_profiles\")));\n\n              case 1:\n              case \"end\":\n                return _context24.stop();\n            }\n          }\n        }, _callee24, 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 _callee25(paymentProfileId) {\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, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context25.stop();\n            }\n          }\n        }, _callee25, this);\n      }));\n\n      function deletePaymentProfile(_x22) {\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 _callee26(subscriptionId) {\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, \"/cancel\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context26.stop();\n            }\n          }\n        }, _callee26, this);\n      }));\n\n      function undoCancelation(_x23) {\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 _callee27() {\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, \"/churn_reason_codes\")));\n\n              case 1:\n              case \"end\":\n                return _context27.stop();\n            }\n          }\n        }, _callee27, 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 _callee28(invoiceId) {\n        return _regeneratorRuntime().wrap(function _callee28$(_context28) {\n          while (1) {\n            switch (_context28.prev = _context28.next) {\n              case 0:\n                _context28.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 _context28.abrupt(\"return\", _context28.sent);\n\n              case 3:\n              case \"end\":\n                return _context28.stop();\n            }\n          }\n        }, _callee28, this);\n      }));\n\n      function getInvoicePDF(_x24) {\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 _callee29(subscriptionId, couponCode) {\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, \"/subscriptions/\").concat(subscriptionId, \"/reactivate\"), {\n                  couponCode: couponCode\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context29.stop();\n            }\n          }\n        }, _callee29, this);\n      }));\n\n      function reactivateSubscription(_x25, _x26) {\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: \"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?");
 /***/ }),
@@ -7379,17 +7379,6 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
-/***/ "./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.styles.ts":
-/*!*************************************************************************************************************************!*\
-  !*** ./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.styles.ts ***!
-  \*************************************************************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-"use strict";
-eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Summary\": () => (/* binding */ Summary),\n/* harmony export */   \"TotalCharge\": () => (/* binding */ TotalCharge)\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 Summary = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n  displayName: \"ComponentsAllocationPreviewstyles__Summary\",\n  componentId: \"maxio-components__sc-riv32c-0\"\n})([\"&&&{\", \";box-sizing:border-box;border-radius:8px;\", \";\", \";}\"], function (_ref) {\n  var theme = _ref.theme;\n  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)([\"border:1px solid \", \";\"], theme.colors.gray.extraLight);\n}, styled_system__WEBPACK_IMPORTED_MODULE_0__.margin, styled_system__WEBPACK_IMPORTED_MODULE_0__.padding);\nvar TotalCharge = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n  displayName: \"ComponentsAllocationPreviewstyles__TotalCharge\",\n  componentId: \"maxio-components__sc-riv32c-1\"\n})([\"&&&{\", \";}\"], function (_ref2) {\n  var theme = _ref2.theme;\n  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)([\"border-bottom:1px solid \", \";\"], theme.colors.gray.extraLight);\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.styles.ts?");
-/***/ }),
 /***/ "./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.tsx":
 /*!*******************************************************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.tsx ***!
@@ -7397,7 +7386,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_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 _chargify_formatters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/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 _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/utils/index.ts\");\n/* harmony import */ var _ComponentsAllocationPreview_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ComponentsAllocationPreview.styles */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.styles.ts\");\n/* harmony import */ var _components_AllocationsTable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/AllocationsTable */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/components/AllocationsTable/index.ts\");\n\n\n\n\n\n\n\n\nvar ComponentsAllocationPreview = function ComponentsAllocationPreview(_ref) {\n  var allocationsPreview = _ref.allocationsPreview,\n      components = _ref.components;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_6__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t,\n      i18n = _useTranslation.i18n;\n\n  var paymentSummaryMessage = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getAllocationSummaryPaymentMessage)({\n    accrueCharge: allocationsPreview.accrueCharge,\n    totalAmountInCents: allocationsPreview.totalInCents,\n    currency: allocationsPreview.currency,\n    t: t,\n    language: i18n.language\n  });\n  var sortedAllocations = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.sortComponentAllocations)(allocationsPreview.componentsAllocations, components);\n  return /*#__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_2__.Box, {\n    marginBottom: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Heading, {\n    variant: \"h4\"\n  }, t('components_allocations.changes_and_charges_summary'))), sortedAllocations.recurringAllocations.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AllocationsTable__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    heading: t('components_allocations.recurring_charges'),\n    componentsAllocations: sortedAllocations.recurringAllocations,\n    currency: allocationsPreview.currency\n  }), sortedAllocations.oneTimeAllocations.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AllocationsTable__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    heading: t('components_allocations.one_time_charges'),\n    componentsAllocations: sortedAllocations.oneTimeAllocations,\n    currency: allocationsPreview.currency\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ComponentsAllocationPreview_styles__WEBPACK_IMPORTED_MODULE_4__.Summary, {\n    paddingLeft: 5,\n    paddingRight: 5,\n    paddingTop: 2,\n    marginBottom: 5\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ComponentsAllocationPreview_styles__WEBPACK_IMPORTED_MODULE_4__.TotalCharge, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.SummaryTable, {\n    rows: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.mapChargeSummaryToTable)({\n      allocationsPreview: allocationsPreview,\n      t: t,\n      language: i18n.language\n    }),\n    columnSpans: [12, 12]\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Box, {\n    paddingTop: 3,\n    paddingBottom: 4\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.BodyText, {\n    variant: \"body1\",\n    color: \"success.main\",\n    fontWeight: 3\n  }, t('components_allocations.total_charge'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.BodyText, {\n    variant: \"body1\",\n    color: \"success.main\",\n    textAlign: \"right\",\n    fontWeight: 3\n  }, (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_1__.formatCurrency)(allocationsPreview.currency, allocationsPreview.totalInCents > 0 ? allocationsPreview.totalInCents : 0, i18n.language)))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Alert, {\n    title: paymentSummaryMessage.title,\n    icon: \"receipt\",\n    color: \"success\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Alert.TextMessage, null, paymentSummaryMessage.description)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ComponentsAllocationPreview);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.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_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_1__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/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 _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/utils/index.ts\");\n/* harmony import */ var _components_AllocationsTable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/AllocationsTable */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/components/AllocationsTable/index.ts\");\n/* harmony import */ var _Summary__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Summary */ \"./packages/subscriptions-manager/src/components/Summary/index.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\n\nvar ComponentsAllocationPreview = function ComponentsAllocationPreview(_ref) {\n  var allocationsPreview = _ref.allocationsPreview,\n      components = _ref.components;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_7__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t,\n      i18n = _useTranslation.i18n;\n\n  var paymentSummaryMessage = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getAllocationSummaryPaymentMessage)({\n    accrueCharge: allocationsPreview.accrueCharge,\n    totalAmountInCents: allocationsPreview.totalInCents,\n    currency: allocationsPreview.currency,\n    t: t,\n    language: i18n.language\n  });\n  var sortedAllocations = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.sortComponentAllocations)(allocationsPreview.componentsAllocations, components);\n  return /*#__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_2__.Box, {\n    marginBottom: 6\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Heading, {\n    variant: \"h4\"\n  }, t('components_allocations.changes_and_charges_summary'))), sortedAllocations.recurringAllocations.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AllocationsTable__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    heading: t('components_allocations.recurring_charges'),\n    componentsAllocations: sortedAllocations.recurringAllocations,\n    currency: allocationsPreview.currency\n  }), sortedAllocations.oneTimeAllocations.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AllocationsTable__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    heading: t('components_allocations.one_time_charges'),\n    componentsAllocations: sortedAllocations.oneTimeAllocations,\n    currency: allocationsPreview.currency\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Summary__WEBPACK_IMPORTED_MODULE_5__.Summary, {\n    paddingLeft: 5,\n    paddingRight: 5,\n    paddingTop: 2,\n    marginBottom: 5\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_2__.SummaryTable, {\n    rows: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.mapChargeSummaryToTable)({\n      allocationsPreview: allocationsPreview,\n      t: t,\n      language: i18n.language\n    }),\n    columnSpans: [12, 12]\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Box, {\n    paddingTop: 3,\n    paddingBottom: 4\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.BodyText, {\n    variant: \"body1\",\n    color: \"success.main\",\n    fontWeight: 3\n  }, t('components_allocations.total_charge'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Column, {\n    span: 12\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.BodyText, {\n    variant: \"body1\",\n    color: \"success.main\",\n    textAlign: \"right\",\n    fontWeight: 3\n  }, (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_1__.formatCurrency)(allocationsPreview.currency, allocationsPreview.totalInCents > 0 ? allocationsPreview.totalInCents : 0, i18n.language)))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Alert, {\n    title: paymentSummaryMessage.title,\n    icon: \"receipt\",\n    color: \"success\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Alert.TextMessage, null, paymentSummaryMessage.description)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ComponentsAllocationPreview);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/ComponentsAllocationPreview.tsx?");
 /***/ }),
@@ -7650,7 +7639,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_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 _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_custom_fields__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/custom-fields */ \"./packages/custom-fields/src/index.ts\");\n\n\n\n\n\nvar CustomFieldsForm = function CustomFieldsForm(_ref) {\n  var customFields = _ref.customFields,\n      onChange = _ref.onChange,\n      isError = _ref.isError;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)(['customer-details']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, isError && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 5\n  }, /*#__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('error.we_were_unable_to_save_your_custom_fields')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    width: 200\n  }, customFields.map(function (_ref2) {\n    var name = _ref2.name,\n        id = _ref2.id,\n        fieldType = _ref2.fieldType,\n        value = _ref2.value,\n        options = _ref2.enum;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.FormField, {\n      label: name,\n      name: name,\n      key: id,\n      fullWidth: true\n    }, (0,_chargify_custom_fields__WEBPACK_IMPORTED_MODULE_2__.renderField)({\n      id: id,\n      name: name,\n      fieldType: fieldType,\n      value: value || '',\n      options: options,\n      onChange: onChange,\n      maxLength: 2048\n    }));\n  })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomFieldsForm);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/CustomFieldsForm/CustomFieldsForm.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_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 _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_custom_fields__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/custom-fields */ \"./packages/custom-fields/src/index.ts\");\n\n\n\n\n\nvar CustomFieldsForm = function CustomFieldsForm(_ref) {\n  var customFields = _ref.customFields,\n      onChange = _ref.onChange,\n      isError = _ref.isError,\n      portalContainer = _ref.portalContainer;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)(['customer-details']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, isError && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 5\n  }, /*#__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('error.we_were_unable_to_save_your_custom_fields')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    width: 200\n  }, customFields.map(function (_ref2) {\n    var name = _ref2.name,\n        id = _ref2.id,\n        fieldType = _ref2.fieldType,\n        value = _ref2.value,\n        options = _ref2.enum;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.FormField, {\n      label: name,\n      name: name,\n      key: id,\n      fullWidth: true\n    }, (0,_chargify_custom_fields__WEBPACK_IMPORTED_MODULE_2__.renderField)({\n      portalContainer: portalContainer,\n      id: id,\n      name: name,\n      fieldType: fieldType,\n      value: value || '',\n      options: options,\n      onChange: onChange,\n      maxLength: 2048\n    }));\n  })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomFieldsForm);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/CustomFieldsForm/CustomFieldsForm.tsx?");
 /***/ }),
@@ -7830,6 +7819,336 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/PaymentProfilesReplace.styles.ts":
+/*!***************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/PaymentProfilesReplace.styles.ts ***!
+  \***************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"List\": () => (/* binding */ List),\n/* harmony export */   \"Wrapper\": () => (/* binding */ Wrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __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 polished__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! polished */ \"./node_modules/.pnpm/polished@4.2.2/node_modules/polished/dist/polished.esm.js\");\n\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({\n  displayName: \"PaymentProfilesReplacestyles__Wrapper\",\n  componentId: \"maxio-components__sc-p4jks6-0\"\n})([\"&&&{border-top:1px solid \", \";padding-top:\", \"px;}\"], function (_ref) {\n  var theme = _ref.theme;\n  return theme.colors.gray.light;\n}, function (_ref2) {\n  var theme = _ref2.theme;\n  return theme.space[5];\n});\nvar List = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].ul.withConfig({\n  displayName: \"PaymentProfilesReplacestyles__List\",\n  componentId: \"maxio-components__sc-p4jks6-1\"\n})([\"&&&{list-style:none;padding:\", \"px;border-radius:\", \"px;border:1px solid \", \";\", \";}\"], function (_ref3) {\n  var theme = _ref3.theme;\n  return theme.space[6];\n}, function (_ref4) {\n  var theme = _ref4.theme;\n  return theme.radii[3];\n}, function (_ref5) {\n  var theme = _ref5.theme;\n  return theme.colors.gray.extraLight;\n}, function (_ref6) {\n  var _theme$colors, _theme$colors$black;\n\n  var theme = _ref6.theme;\n  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)([\"box-shadow:0 8px 16px \", \";\"], (0,polished__WEBPACK_IMPORTED_MODULE_1__.transparentize)(0.85, theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : (_theme$colors$black = _theme$colors.black) === null || _theme$colors$black === void 0 ? void 0 : _theme$colors$black.dark));\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/PaymentProfilesReplace.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/PaymentProfilesReplace.tsx":
+/*!*********************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/PaymentProfilesReplace.tsx ***!
+  \*********************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PaymentProfilesReplace\": () => (/* binding */ PaymentProfilesReplace)\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_4__ = __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 _components_PaymentProfileItem_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/PaymentProfileItem/index */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/index.ts\");\n/* harmony import */ var _PaymentProfilesReplace_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PaymentProfilesReplace.styles */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/PaymentProfilesReplace.styles.ts\");\n\n\n\n\n\nvar PaymentProfilesReplace = function PaymentProfilesReplace(_ref) {\n  var paymentProfiles = _ref.paymentProfiles,\n      selectedPaymentProfilesIds = _ref.selectedPaymentProfilesIds,\n      _onPaymentProfileSelected = _ref.onPaymentProfileSelected;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_4__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaymentProfilesReplace_styles__WEBPACK_IMPORTED_MODULE_3__.Wrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 5\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    whiteSpace: 'pre-line'\n  }, t('payment_profile.replace_payment_method_description'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaymentProfilesReplace_styles__WEBPACK_IMPORTED_MODULE_3__.List, null, paymentProfiles === null || paymentProfiles === void 0 ? void 0 : paymentProfiles.map(function (paymentProfile) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PaymentProfileItem_index__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      isChecked: selectedPaymentProfilesIds === null || selectedPaymentProfilesIds === void 0 ? void 0 : selectedPaymentProfilesIds.includes(paymentProfile.id),\n      key: paymentProfile.id,\n      paymentProfile: paymentProfile,\n      onPaymentProfileSelected: function onPaymentProfileSelected() {\n        return _onPaymentProfileSelected(paymentProfile.id);\n      }\n    });\n  })));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/PaymentProfilesReplace.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpiredStatus.styles.ts":
+/*!*******************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpiredStatus.styles.ts ***!
+  \*******************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Wrapper\": () => (/* binding */ Wrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({\n  displayName: \"ExpiredStatusstyles__Wrapper\",\n  componentId: \"maxio-components__sc-8nzs37-0\"\n})([\"&&&{display:flex;align-items:center;gap:4px;margin-right:\", \"px;}\"], function (_ref) {\n  var theme = _ref.theme;\n  return theme.space[10];\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpiredStatus.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpitredStatus.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpitredStatus.tsx ***!
+  \**************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ExpiredStatus\": () => (/* binding */ ExpiredStatus)\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 _chargify_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _ExpiredStatus_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ExpiredStatus.styles */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpiredStatus.styles.ts\");\n\n\n\n\nvar ExpiredStatus = function ExpiredStatus(_ref) {\n  var text = _ref.text;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ExpiredStatus_styles__WEBPACK_IMPORTED_MODULE_3__.Wrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_2__.Icon, {\n    fill: 'danger.main',\n    type: 'circleCross',\n    size: 16\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: 'h5',\n    color: 'danger.main'\n  }, text));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpitredStatus.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/index.ts":
+/*!****************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/index.ts ***!
+  \****************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ExpiredStatus\": () => (/* reexport safe */ _ExpitredStatus__WEBPACK_IMPORTED_MODULE_0__.ExpiredStatus)\n/* harmony export */ });\n/* harmony import */ var _ExpitredStatus__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ExpitredStatus */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/ExpitredStatus.tsx\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/PaymentProfileItem.styles.ts":
+/*!*****************************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/PaymentProfileItem.styles.ts ***!
+  \*****************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Wrapper\": () => (/* binding */ Wrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].li.withConfig({\n  displayName: \"PaymentProfileItemstyles__Wrapper\",\n  componentId: \"maxio-components__sc-1c26o2r-0\"\n})([\"&&&{display:flex;justify-content:space-between;align-items:center;}&&&:not(:last-of-type){padding-bottom:\", \"px;border-bottom:1px solid \", \";}&&&:not(:first-of-type){padding-top:\", \"px;}\"], function (_ref) {\n  var theme = _ref.theme;\n  return theme.space[6];\n}, function (_ref2) {\n  var theme = _ref2.theme;\n  return theme.colors.gray.extraLight;\n}, function (_ref3) {\n  var theme = _ref3.theme;\n  return theme.space[6];\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/PaymentProfileItem.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/PaymentProfileItem.tsx":
+/*!***********************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/PaymentProfileItem.tsx ***!
+  \***********************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PaymentProfileItem\": () => (/* binding */ PaymentProfileItem)\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 _ExpiredStatus__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ExpiredStatus */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/ExpiredStatus/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/index.ts\");\n/* harmony import */ var _PaymentProfileItem_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PaymentProfileItem.styles */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/PaymentProfileItem.styles.ts\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n\n\n\n\n\n\nvar PaymentProfileItem = function PaymentProfileItem(_ref) {\n  var paymentProfile = _ref.paymentProfile,\n      onPaymentProfileSelected = _ref.onPaymentProfileSelected,\n      isChecked = _ref.isChecked;\n  var creditCard = paymentProfile.creditCard;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaymentProfileItem_styles__WEBPACK_IMPORTED_MODULE_4__.Wrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Checkbox, {\n    onChange: function onChange() {\n      return onPaymentProfileSelected(paymentProfile.id);\n    },\n    value: isChecked,\n    label: function label() {\n      return (0,_components__WEBPACK_IMPORTED_MODULE_3__.Label)({\n        maskedNumber: creditCard.maskedNumber,\n        expirationYear: creditCard.expirationYear,\n        expirationMonth: creditCard.expirationMonth\n      });\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    display: 'flex'\n  }, creditCard.expired ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ExpiredStatus__WEBPACK_IMPORTED_MODULE_2__.ExpiredStatus, {\n    text: t('payment_profile.expired')\n  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Logo, {\n    type: creditCard.cardType\n  })));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/PaymentProfileItem.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.styles.ts":
+/*!***************************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.styles.ts ***!
+  \***************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"LabelWrapper\": () => (/* binding */ LabelWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\nvar LabelWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({\n  displayName: \"Labelstyles__LabelWrapper\",\n  componentId: \"maxio-components__sc-xo25ud-0\"\n})([\"&&&{display:flex;flex-direction:column;margin-left:\", \"px;}\"], function (_ref) {\n  var theme = _ref.theme;\n  return theme.space[3];\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.tsx":
+/*!*********************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.tsx ***!
+  \*********************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Label\": () => (/* binding */ Label)\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_4__ = __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 _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../helpers */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/helpers.ts\");\n/* harmony import */ var _Label_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Label.styles */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.styles.ts\");\n\n\n\n\n\nvar Label = function Label(_ref) {\n  var maskedNumber = _ref.maskedNumber,\n      expirationYear = _ref.expirationYear,\n      expirationMonth = _ref.expirationMonth;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_4__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Label_styles__WEBPACK_IMPORTED_MODULE_3__.LabelWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body1',\n    fontWeight: 600,\n    color: 'primary.extraDark'\n  }, t('payment_profile.ending_with', {\n    maskedNumber: (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.formatCardNumber)(maskedNumber)\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body2',\n    fontWeight: 600,\n    color: 'primary.extraDark'\n  }, t('payment_profile.expires', {\n    expirationMonth: expirationMonth,\n    expirationYear: expirationYear\n  })));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/index.ts":
+/*!********************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/index.ts ***!
+  \********************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Label\": () => (/* reexport safe */ _Label__WEBPACK_IMPORTED_MODULE_0__.Label)\n/* harmony export */ });\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Label */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/Label.tsx\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/components/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/helpers.ts":
+/*!***********************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/helpers.ts ***!
+  \***********************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"formatCardNumber\": () => (/* binding */ formatCardNumber)\n/* harmony export */ });\nvar formatCardNumber = function formatCardNumber(cardNumber) {\n  return cardNumber.slice(-9).replace('-', ' ').replace(/X/g, '*');\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/helpers.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/index.ts":
+/*!*********************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/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 _PaymentProfileItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PaymentProfileItem */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/PaymentProfileItem.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_PaymentProfileItem__WEBPACK_IMPORTED_MODULE_0__.PaymentProfileItem);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/components/PaymentProfileItem/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplace/index.ts":
+/*!***************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplace/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 _PaymentProfilesReplace__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PaymentProfilesReplace */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/PaymentProfilesReplace.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_PaymentProfilesReplace__WEBPACK_IMPORTED_MODULE_0__.PaymentProfilesReplace);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplace/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/PaymentProfilesReplace.styles.ts":
+/*!*********************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/PaymentProfilesReplace.styles.ts ***!
+  \*********************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"List\": () => (/* binding */ List)\n/* harmony export */ });\n/* unused harmony export Wrapper */\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 Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n  displayName: \"PaymentProfilesReplacestyles__Wrapper\",\n  componentId: \"maxio-components__sc-svwmm5-0\"\n})([\"&&&{border-top:1px solid \", \";padding-top:\", \"px;}\"], function (_ref) {\n  var theme = _ref.theme;\n  return theme.colors.gray.light;\n}, function (_ref2) {\n  var theme = _ref2.theme;\n  return theme.space[5];\n});\nvar List = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].ul.withConfig({\n  displayName: \"PaymentProfilesReplacestyles__List\",\n  componentId: \"maxio-components__sc-svwmm5-1\"\n})([\"&&&{\", \";font-size:\", \"px;font-family:\", \";padding-left:\", \"px;}\"], styled_system__WEBPACK_IMPORTED_MODULE_0__.space, function (_ref3) {\n  var theme = _ref3.theme;\n  return theme.fontSizes[1];\n}, function (_ref4) {\n  var theme = _ref4.theme;\n  return theme.fonts.secondary;\n}, function (_ref5) {\n  var theme = _ref5.theme;\n  return theme.space[6];\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/PaymentProfilesReplace.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/PaymentProfilesReplaceAlerts.tsx":
+/*!*********************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/PaymentProfilesReplaceAlerts.tsx ***!
+  \*********************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PaymentProfilesReplaceAlerts\": () => (/* binding */ PaymentProfilesReplaceAlerts)\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 _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 _PaymentProfilesReplace_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PaymentProfilesReplace.styles */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/PaymentProfilesReplace.styles.ts\");\n\n\n\n\nvar PaymentProfilesReplaceAlerts = function PaymentProfilesReplaceAlerts(_ref) {\n  var subscriptions = _ref.subscriptions,\n      onRetry = _ref.onRetry;\n  var success = subscriptions.success,\n      failed = subscriptions.failed;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)(['subscriptions-manager', 'common']),\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    marginBottom: 6\n  }, success && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n    color: 'primary'\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('payment_profile.successful_replacement_for')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaymentProfilesReplace_styles__WEBPACK_IMPORTED_MODULE_2__.List, {\n    mb: 0,\n    mt: 1\n  }, success.map(function (subscription) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"li\", {\n      key: subscription.id\n    }, subscription.product.name);\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n    color: 'danger',\n    buttonLabel: t('retry', {\n      ns: 'common'\n    }),\n    onClick: onRetry\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('payment_profile.failed_replacement_for')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PaymentProfilesReplace_styles__WEBPACK_IMPORTED_MODULE_2__.List, {\n    mb: 6,\n    mt: 1\n  }, failed.map(function (subscription) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"li\", {\n      key: subscription.id\n    }, subscription.product.name);\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert.TextMessage, null, t('payment_profile.retry_or_update_manually'))));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/PaymentProfilesReplaceAlerts.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/index.ts":
+/*!*********************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/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 _PaymentProfilesReplaceAlerts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PaymentProfilesReplaceAlerts */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/PaymentProfilesReplaceAlerts.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_PaymentProfilesReplaceAlerts__WEBPACK_IMPORTED_MODULE_0__.PaymentProfilesReplaceAlerts);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeAlerts/PlanChangeAlerts.tsx":
+/*!*********************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeAlerts/PlanChangeAlerts.tsx ***!
+  \*********************************************************************************************/
+/***/ ((__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\");\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  switch (productChangeStrategy) {\n    case 'prorated':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n        color: 'success',\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 'instant':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n        color: 'success',\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, {\n        color: 'success',\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?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeAlerts/index.ts":
+/*!*********************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeAlerts/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 _PlanChangeAlerts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlanChangeAlerts */ \"./packages/subscriptions-manager/src/components/PlanChangeAlerts/PlanChangeAlerts.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_PlanChangeAlerts__WEBPACK_IMPORTED_MODULE_0__.PlanChangeAlerts);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeAlerts/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeSummary/PlanChangeSummary.tsx":
+/*!***********************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeSummary/PlanChangeSummary.tsx ***!
+  \***********************************************************************************************/
+/***/ ((__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?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeSummary/index.ts":
+/*!**********************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeSummary/index.ts ***!
+  \**********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PlanChangeSummary\": () => (/* reexport safe */ _PlanChangeSummary__WEBPACK_IMPORTED_MODULE_0__.PlanChangeSummary)\n/* harmony export */ });\n/* harmony import */ var _PlanChangeSummary__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlanChangeSummary */ \"./packages/subscriptions-manager/src/components/PlanChangeSummary/PlanChangeSummary.tsx\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummary/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/PlanChangeSummaryCharges.tsx":
+/*!*************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/PlanChangeSummaryCharges.tsx ***!
+  \*************************************************************************************************************/
+/***/ ((__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?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/index.ts":
+/*!*****************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/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 _PlanChangeSummaryCharges__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlanChangeSummaryCharges */ \"./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/PlanChangeSummaryCharges.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_PlanChangeSummaryCharges__WEBPACK_IMPORTED_MODULE_0__.PlanChangeSummaryCharges);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/utils/mapChargeSummaryToTable.ts":
+/*!*****************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/utils/mapChargeSummaryToTable.ts ***!
+  \*****************************************************************************************************************/
+/***/ ((__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?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanRadio/PlanRadio.styles.ts":
+/*!*************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanRadio/PlanRadio.styles.ts ***!
+  \*************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Wrapper\": () => (/* binding */ Wrapper)\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 Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].label.withConfig({\n  displayName: \"PlanRadiostyles__Wrapper\",\n  componentId: \"maxio-components__sc-67rbt9-0\"\n})([\"&&&{display:flex;align-items:center;justify-content:space-between;border:1px solid \", \";border-radius:\", \"px;box-shadow:0px 8px 16px rgba(2,11,17,0.15);\", \";}\"], function (_ref) {\n  var theme = _ref.theme,\n      selected = _ref.selected;\n  return selected ? theme.colors.success.main : theme.colors.gray.extraLight;\n}, function (_ref2) {\n  var theme = _ref2.theme;\n  return theme.radii[3];\n}, styled_system__WEBPACK_IMPORTED_MODULE_0__.space);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanRadio/PlanRadio.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanRadio/PlanRadio.tsx":
+/*!*******************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanRadio/PlanRadio.tsx ***!
+  \*******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PlanRadio\": () => (/* binding */ PlanRadio)\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_5__ = __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 _PlanRadio_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PlanRadio.styles */ \"./packages/subscriptions-manager/src/components/PlanRadio/PlanRadio.styles.ts\");\n/* harmony import */ var _components_Status_Status__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/Status/Status */ \"./packages/subscriptions-manager/src/components/PlanRadio/components/Status/Status.tsx\");\n/* harmony import */ var _components_Price_Price__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/Price/Price */ \"./packages/subscriptions-manager/src/components/PlanRadio/components/Price/Price.tsx\");\n\n\n\n\n\n\nvar PlanRadio = function PlanRadio(_ref) {\n  var selected = _ref.selected,\n      onClick = _ref.onClick,\n      name = _ref.name,\n      id = _ref.id,\n      isCurrentPlan = _ref.isCurrentPlan,\n      price = _ref.price,\n      intervalUnit = _ref.intervalUnit;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_PlanRadio_styles__WEBPACK_IMPORTED_MODULE_2__.Wrapper, {\n    selected: selected,\n    paddingY: 6,\n    paddingX: 7\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n    type: 'radio',\n    hidden: true,\n    checked: selected,\n    onChange: function onChange() {\n      return onClick(id);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: 'body1'\n  }, name), isCurrentPlan && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Status_Status__WEBPACK_IMPORTED_MODULE_3__.Status, {\n    text: t('plan_change.current')\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Price_Price__WEBPACK_IMPORTED_MODULE_4__.Price, {\n    price: price,\n    intervalUnit: intervalUnit\n  }));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanRadio/PlanRadio.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanRadio/components/Price/Price.styles.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanRadio/components/Price/Price.styles.tsx ***!
+  \***************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Wrapper\": () => (/* binding */ Wrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({\n  displayName: \"Pricestyles__Wrapper\",\n  componentId: \"maxio-components__sc-memyxb-0\"\n})([\"&&&{display:flex;flex-direction:row;align-items:center;gap:\", \"px;}\"], function (_ref) {\n  var theme = _ref.theme;\n  return theme.space[2];\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanRadio/components/Price/Price.styles.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanRadio/components/Price/Price.tsx":
+/*!********************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanRadio/components/Price/Price.tsx ***!
+  \********************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Price\": () => (/* binding */ Price)\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 _Price_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Price.styles */ \"./packages/subscriptions-manager/src/components/PlanRadio/components/Price/Price.styles.tsx\");\n\n\n\nvar Price = function Price(_ref) {\n  var intervalUnit = _ref.intervalUnit,\n      price = _ref.price;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Price_styles__WEBPACK_IMPORTED_MODULE_2__.Wrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: 'h4',\n    color: 'success.main'\n  }, price), /*#__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  }, \"(\", intervalUnit, \")\"));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanRadio/components/Price/Price.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanRadio/components/Status/Status.styles.tsx":
+/*!*****************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanRadio/components/Status/Status.styles.tsx ***!
+  \*****************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Wrapper\": () => (/* binding */ Wrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({\n  displayName: \"Statusstyles__Wrapper\",\n  componentId: \"maxio-components__sc-ah4ymw-0\"\n})([\"&&&{display:flex;align-items:center;gap:\", \"px;}\"], function (_ref) {\n  var theme = _ref.theme;\n  return theme.space[2];\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanRadio/components/Status/Status.styles.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanRadio/components/Status/Status.tsx":
+/*!**********************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanRadio/components/Status/Status.tsx ***!
+  \**********************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Status\": () => (/* binding */ Status)\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 _chargify_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _Status_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Status.styles */ \"./packages/subscriptions-manager/src/components/PlanRadio/components/Status/Status.styles.tsx\");\n\n\n\n\nvar Status = function Status(_ref) {\n  var text = _ref.text;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Status_styles__WEBPACK_IMPORTED_MODULE_3__.Wrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_2__.Icon, {\n    fill: 'success.main',\n    type: 'circleCheck',\n    size: 16\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: 'h5',\n    color: 'success.main'\n  }, text));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanRadio/components/Status/Status.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/PlanRadio/index.ts":
+/*!**************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/PlanRadio/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 _PlanRadio__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlanRadio */ \"./packages/subscriptions-manager/src/components/PlanRadio/PlanRadio.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_PlanRadio__WEBPACK_IMPORTED_MODULE_0__.PlanRadio);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanRadio/index.ts?");
+/***/ }),
 /***/ "./packages/subscriptions-manager/src/components/RadioOptions/RadioOptions.styles.tsx":
 /*!********************************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/components/RadioOptions/RadioOptions.styles.tsx ***!
@@ -7903,7 +8222,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_13__ = __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_14__ = __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_12__ = __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\");\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\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\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_12__.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  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_13__.AnimatePresence, {\n    initial: layout !== 'all-details'\n  }, detailsVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_14__.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  }), /*#__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.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_13__ = __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_14__ = __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_12__ = __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\");\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\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\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_12__.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_13__.AnimatePresence, {\n    initial: layout !== 'all-details'\n  }, detailsVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_14__.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  }), /*#__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?");
 /***/ }),
@@ -7991,7 +8310,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 _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/index.ts\");\n\n\n\n\nvar renderDetails = function renderDetails(_ref) {\n  var subscriptionStatus = _ref.subscriptionStatus,\n      nextBillingAmount = _ref.nextBillingAmount,\n      nextBillingDate = _ref.nextBillingDate,\n      basePlanPrice = _ref.basePlanPrice,\n      cancellationDate = _ref.cancellationDate,\n      expirationDate = _ref.expirationDate,\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      scheduledCancellationDate = _ref.scheduledCancellationDate;\n\n  switch (subscriptionStatus) {\n    case 'active':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Active, {\n        basePlanPrice: basePlanPrice,\n        nextBillingAmount: nextBillingAmount,\n        nextBillingDate: nextBillingDate\n      });\n\n    case 'past_due':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.PastDue, {\n        basePlanPrice: basePlanPrice,\n        currentBalance: currentBalance,\n        nextBillingAttempt: nextBillingAttempt\n      });\n\n    case 'expired':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Expired, {\n        expirationDate: expirationDate,\n        basePlanPrice: basePlanPrice\n      });\n\n    case 'canceled':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Canceled, {\n        basePrice: basePlanPrice,\n        cancellationDate: cancellationDate\n      });\n\n    case 'trial':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Trial, {\n        trialExpirationDate: trialExpirationDate,\n        nextBillingDate: nextBillingDate,\n        priceAfterTrial: priceAfterTrial,\n        trialPrice: trialPrice\n      });\n\n    case 'trial_expired':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.TrialExpired, {\n        trialExpirationDate: trialExpirationDate\n      });\n\n    case 'cancellation_scheduled':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.CancellationScheduled, {\n        scheduledCancellationDate: scheduledCancellationDate,\n        basePlanPrice: basePlanPrice,\n        nextBillingAmount: nextBillingAmount,\n        nextBillingDate: nextBillingDate\n      });\n\n    case 'on_hold':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.OnHold, {\n        basePlanPrice: basePlanPrice,\n        autoResumeDate: autoResumeDate\n      });\n\n    case 'unpaid':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Unpaid, {\n        basePlanPrice: basePlanPrice,\n        currentBalance: currentBalance\n      });\n\n    default:\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, null, \"Status not recognized: \", subscriptionStatus);\n  }\n};\n\nvar SubscriptionDetails = function SubscriptionDetails(_ref2) {\n  var subscriptionStatus = _ref2.subscriptionStatus,\n      nextBillingAmount = _ref2.nextBillingAmount,\n      nextBillingDate = _ref2.nextBillingDate,\n      basePlanPrice = _ref2.basePlanPrice,\n      cancellationDate = _ref2.cancellationDate,\n      expirationDate = _ref2.expirationDate,\n      trialExpirationDate = _ref2.trialExpirationDate,\n      priceAfterTrial = _ref2.priceAfterTrial,\n      trialPrice = _ref2.trialPrice,\n      currentBalance = _ref2.currentBalance,\n      nextBillingAttempt = _ref2.nextBillingAttempt,\n      autoResumeDate = _ref2.autoResumeDate,\n      scheduledCancellationDate = _ref2.scheduledCancellationDate;\n  return renderDetails({\n    scheduledCancellationDate: scheduledCancellationDate,\n    subscriptionStatus: subscriptionStatus,\n    nextBillingAmount: nextBillingAmount,\n    nextBillingDate: nextBillingDate,\n    basePlanPrice: basePlanPrice,\n    cancellationDate: cancellationDate,\n    expirationDate: expirationDate,\n    autoResumeDate: autoResumeDate,\n    trialExpirationDate: trialExpirationDate,\n    priceAfterTrial: priceAfterTrial,\n    trialPrice: trialPrice,\n    currentBalance: currentBalance,\n    nextBillingAttempt: nextBillingAttempt\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscriptionDetails);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/SubscriptionDetails.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 _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/index.ts\");\n\n\n\n\nvar renderDetails = function renderDetails(_ref) {\n  var subscriptionStatus = _ref.subscriptionStatus,\n      nextBillingAmount = _ref.nextBillingAmount,\n      nextBillingDate = _ref.nextBillingDate,\n      basePlanPrice = _ref.basePlanPrice,\n      cancellationDate = _ref.cancellationDate,\n      expirationDate = _ref.expirationDate,\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      scheduledCancellationDate = _ref.scheduledCancellationDate;\n\n  switch (subscriptionStatus) {\n    case 'active':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Active, {\n        basePlanPrice: basePlanPrice,\n        nextBillingAmount: nextBillingAmount,\n        nextBillingDate: nextBillingDate\n      });\n\n    case 'past_due':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.PastDue, {\n        basePlanPrice: basePlanPrice,\n        currentBalance: currentBalance,\n        nextBillingAttempt: nextBillingAttempt\n      });\n\n    case 'expired':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Expired, {\n        expirationDate: expirationDate,\n        basePlanPrice: basePlanPrice\n      });\n\n    case 'canceled':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Canceled, {\n        basePrice: basePlanPrice,\n        cancellationDate: cancellationDate\n      });\n\n    case 'trial':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Trial, {\n        trialExpirationDate: trialExpirationDate,\n        nextBillingDate: nextBillingDate,\n        priceAfterTrial: priceAfterTrial,\n        trialPrice: trialPrice\n      });\n\n    case 'trial_expired':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.TrialExpired, {\n        trialExpirationDate: trialExpirationDate\n      });\n\n    case 'cancellation_scheduled':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.CancellationScheduled, {\n        scheduledCancellationDate: scheduledCancellationDate,\n        basePlanPrice: basePlanPrice,\n        nextBillingAmount: nextBillingAmount,\n        nextBillingDate: nextBillingDate\n      });\n\n    case 'on_hold':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.OnHold, {\n        basePlanPrice: basePlanPrice,\n        autoResumeDate: autoResumeDate\n      });\n\n    case 'unpaid':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Unpaid, {\n        basePlanPrice: basePlanPrice,\n        currentBalance: currentBalance\n      });\n\n    case 'plan_change_scheduled':\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.PlanChangeScheduled, {\n        basePlanPrice: basePlanPrice,\n        nextBillingAmount: nextBillingAmount,\n        nextBillingDate: nextBillingDate\n      });\n\n    default:\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, null, \"Status not recognized: \", subscriptionStatus);\n  }\n};\n\nvar SubscriptionDetails = function SubscriptionDetails(_ref2) {\n  var subscriptionStatus = _ref2.subscriptionStatus,\n      nextBillingAmount = _ref2.nextBillingAmount,\n      nextBillingDate = _ref2.nextBillingDate,\n      basePlanPrice = _ref2.basePlanPrice,\n      cancellationDate = _ref2.cancellationDate,\n      expirationDate = _ref2.expirationDate,\n      trialExpirationDate = _ref2.trialExpirationDate,\n      priceAfterTrial = _ref2.priceAfterTrial,\n      trialPrice = _ref2.trialPrice,\n      currentBalance = _ref2.currentBalance,\n      nextBillingAttempt = _ref2.nextBillingAttempt,\n      autoResumeDate = _ref2.autoResumeDate,\n      scheduledCancellationDate = _ref2.scheduledCancellationDate;\n  return renderDetails({\n    scheduledCancellationDate: scheduledCancellationDate,\n    subscriptionStatus: subscriptionStatus,\n    nextBillingAmount: nextBillingAmount,\n    nextBillingDate: nextBillingDate,\n    basePlanPrice: basePlanPrice,\n    cancellationDate: cancellationDate,\n    expirationDate: expirationDate,\n    autoResumeDate: autoResumeDate,\n    trialExpirationDate: trialExpirationDate,\n    priceAfterTrial: priceAfterTrial,\n    trialPrice: trialPrice,\n    currentBalance: currentBalance,\n    nextBillingAttempt: nextBillingAttempt\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscriptionDetails);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/SubscriptionDetails.tsx?");
 /***/ }),
@@ -8079,7 +8398,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 _DetailRow_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DetailRow.styles */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/DetailRow.styles.ts\");\n\n\n\n\nvar DetailRow = function DetailRow(_ref) {\n  var label = _ref.label,\n      value = _ref.value;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 3\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: [12, 8]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    \"data-testid\": \"detail-label\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: \"body2\",\n    color: label.color || 'gray.dark',\n    fontWeight: 2\n  }, label.value))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [12, 8]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow_styles__WEBPACK_IMPORTED_MODULE_2__.TextAlign, {\n    \"data-testid\": \"detail-value\",\n    textAlign: ['right', 'left']\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: \"body2\",\n    color: value.color || 'gray.dark',\n    fontWeight: value.fontWeight\n  }, value.value)))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DetailRow);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/DetailRow.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 _DetailRow_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DetailRow.styles */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/DetailRow.styles.ts\");\n\n\n\n\nvar DetailRow = function DetailRow(_ref) {\n  var label = _ref.label,\n      value = _ref.value;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginBottom: 3\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: [12, 8]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    \"data-testid\": \"detail-label\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: \"body2\",\n    color: label.color || 'gray.dark',\n    fontWeight: 2\n  }, label.value))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n    span: [12, 8]\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow_styles__WEBPACK_IMPORTED_MODULE_2__.TextAlign, {\n    \"data-testid\": \"detail-value\",\n    textAlign: ['right', 'left']\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: \"body2\",\n    color: value.color || 'gray.dark',\n    fontWeight: value.fontWeight\n  }, value.value, ' ', value.subValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    as: 'span',\n    color: value.subValue.color || 'gray.dark',\n    fontWeight: value.subValue.fontWeight,\n    variant: 'body2'\n  }, value.subValue.value))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DetailRow);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/DetailRow.tsx?");
 /***/ }),
@@ -8182,6 +8501,28 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
+/***/ "./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/PlanChangeScheduled.tsx":
+/*!**********************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/PlanChangeScheduled.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 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 _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 _DetailRow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../DetailRow */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/index.ts\");\n\n\n\n\n\nvar PlanChangeScheduled = function PlanChangeScheduled(_ref) {\n  var basePlanPrice = _ref.basePlanPrice,\n      nextBillingAmount = _ref.nextBillingAmount,\n      nextBillingDate = _ref.nextBillingDate;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n    marginTop: 5\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow__WEBPACK_IMPORTED_MODULE_2__.DetailRow, {\n    label: {\n      value: t('subscription_details.base_plan_price', {\n        ns: 'subscriptions-manager'\n      })\n    },\n    value: {\n      value: basePlanPrice,\n      color: 'success.main',\n      fontWeight: 3,\n      subValue: {\n        color: 'black.dark',\n        value: t('subscription_details.scheduled_plan_change', {\n          date: nextBillingDate\n        })\n      }\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow__WEBPACK_IMPORTED_MODULE_2__.DetailRow, {\n    label: {\n      value: t('subscription_details.next_billing_amount', {\n        ns: 'subscriptions-manager'\n      })\n    },\n    value: {\n      value: nextBillingAmount,\n      color: 'success.main',\n      fontWeight: 3\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow__WEBPACK_IMPORTED_MODULE_2__.DetailRow, {\n    label: {\n      value: t('subscription_details.next_billing_date', {\n        ns: 'subscriptions-manager'\n      })\n    },\n    value: {\n      value: nextBillingDate,\n      color: 'black.main',\n      fontWeight: 0\n    }\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlanChangeScheduled);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/PlanChangeScheduled.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/index.ts":
+/*!*******************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/index.ts ***!
+  \*******************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PlanChangeScheduled\": () => (/* reexport safe */ _PlanChangeScheduled__WEBPACK_IMPORTED_MODULE_0__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _PlanChangeScheduled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlanChangeScheduled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/PlanChangeScheduled.tsx\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/index.ts?");
+/***/ }),
 /***/ "./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Trial/Trial.tsx":
 /*!******************************************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Trial/Trial.tsx ***!
@@ -8255,7 +8596,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 */   \"Active\": () => (/* reexport safe */ _Active__WEBPACK_IMPORTED_MODULE_0__.Active),\n/* harmony export */   \"Canceled\": () => (/* reexport safe */ _Canceled__WEBPACK_IMPORTED_MODULE_2__.Canceled),\n/* harmony export */   \"CancellationScheduled\": () => (/* reexport safe */ _CancellationScheduled__WEBPACK_IMPORTED_MODULE_1__.CancellationScheduled),\n/* harmony export */   \"Expired\": () => (/* reexport safe */ _Expired__WEBPACK_IMPORTED_MODULE_4__.Expired),\n/* harmony export */   \"OnHold\": () => (/* reexport safe */ _OnHold__WEBPACK_IMPORTED_MODULE_6__.OnHold),\n/* harmony export */   \"PastDue\": () => (/* reexport safe */ _PastDue__WEBPACK_IMPORTED_MODULE_5__.PastDue),\n/* harmony export */   \"Trial\": () => (/* reexport safe */ _Trial__WEBPACK_IMPORTED_MODULE_7__.Trial),\n/* harmony export */   \"TrialExpired\": () => (/* reexport safe */ _TrialExpired__WEBPACK_IMPORTED_MODULE_8__.TrialExpired),\n/* harmony export */   \"Unpaid\": () => (/* reexport safe */ _Unpaid__WEBPACK_IMPORTED_MODULE_9__.Unpaid)\n/* harmony export */ });\n/* harmony import */ var _Active__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Active */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Active/index.ts\");\n/* harmony import */ var _CancellationScheduled__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CancellationScheduled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/CancellationScheduled/index.ts\");\n/* harmony import */ var _Canceled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Canceled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Canceled/index.ts\");\n/* harmony import */ var _DetailRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DetailRow */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/index.ts\");\n/* harmony import */ var _Expired__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Expired */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Expired/index.ts\");\n/* harmony import */ var _PastDue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PastDue */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PastDue/index.ts\");\n/* harmony import */ var _OnHold__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OnHold */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/OnHold/index.ts\");\n/* harmony import */ var _Trial__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Trial */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Trial/index.ts\");\n/* harmony import */ var _TrialExpired__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TrialExpired */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/TrialExpired/index.ts\");\n/* harmony import */ var _Unpaid__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Unpaid */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Unpaid/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/index.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Active\": () => (/* reexport safe */ _Active__WEBPACK_IMPORTED_MODULE_0__.Active),\n/* harmony export */   \"Canceled\": () => (/* reexport safe */ _Canceled__WEBPACK_IMPORTED_MODULE_2__.Canceled),\n/* harmony export */   \"CancellationScheduled\": () => (/* reexport safe */ _CancellationScheduled__WEBPACK_IMPORTED_MODULE_1__.CancellationScheduled),\n/* harmony export */   \"Expired\": () => (/* reexport safe */ _Expired__WEBPACK_IMPORTED_MODULE_4__.Expired),\n/* harmony export */   \"OnHold\": () => (/* reexport safe */ _OnHold__WEBPACK_IMPORTED_MODULE_6__.OnHold),\n/* harmony export */   \"PastDue\": () => (/* reexport safe */ _PastDue__WEBPACK_IMPORTED_MODULE_5__.PastDue),\n/* harmony export */   \"PlanChangeScheduled\": () => (/* reexport safe */ _PlanChangeScheduled__WEBPACK_IMPORTED_MODULE_10__.PlanChangeScheduled),\n/* harmony export */   \"Trial\": () => (/* reexport safe */ _Trial__WEBPACK_IMPORTED_MODULE_7__.Trial),\n/* harmony export */   \"TrialExpired\": () => (/* reexport safe */ _TrialExpired__WEBPACK_IMPORTED_MODULE_8__.TrialExpired),\n/* harmony export */   \"Unpaid\": () => (/* reexport safe */ _Unpaid__WEBPACK_IMPORTED_MODULE_9__.Unpaid)\n/* harmony export */ });\n/* harmony import */ var _Active__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Active */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Active/index.ts\");\n/* harmony import */ var _CancellationScheduled__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CancellationScheduled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/CancellationScheduled/index.ts\");\n/* harmony import */ var _Canceled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Canceled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Canceled/index.ts\");\n/* harmony import */ var _DetailRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DetailRow */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/index.ts\");\n/* harmony import */ var _Expired__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Expired */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Expired/index.ts\");\n/* harmony import */ var _PastDue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PastDue */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PastDue/index.ts\");\n/* harmony import */ var _OnHold__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OnHold */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/OnHold/index.ts\");\n/* harmony import */ var _Trial__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Trial */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Trial/index.ts\");\n/* harmony import */ var _TrialExpired__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TrialExpired */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/TrialExpired/index.ts\");\n/* harmony import */ var _Unpaid__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Unpaid */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Unpaid/index.ts\");\n/* harmony import */ var _PlanChangeScheduled__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PlanChangeScheduled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/index.ts?");
 /***/ }),
@@ -8292,6 +8633,50 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
+/***/ "./packages/subscriptions-manager/src/components/Summary/Summary.styles.ts":
+/*!*********************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/Summary/Summary.styles.ts ***!
+  \*********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Summary\": () => (/* binding */ Summary)\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 Summary = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({\n  displayName: \"Summarystyles__Summary\",\n  componentId: \"maxio-components__sc-1urose5-0\"\n})([\"&&&{\", \";box-sizing:border-box;border-radius:8px;\", \";\", \";}\"], function (_ref) {\n  var theme = _ref.theme;\n  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)([\"border:1px solid \", \";\"], theme.colors.gray.extraLight);\n}, styled_system__WEBPACK_IMPORTED_MODULE_0__.margin, styled_system__WEBPACK_IMPORTED_MODULE_0__.padding);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/Summary/Summary.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/Summary/index.ts":
+/*!************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/Summary/index.ts ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Summary\": () => (/* reexport safe */ _Summary_styles__WEBPACK_IMPORTED_MODULE_0__.Summary)\n/* harmony export */ });\n/* harmony import */ var _Summary_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Summary.styles */ \"./packages/subscriptions-manager/src/components/Summary/Summary.styles.ts\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/Summary/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/TotalCharge/TotalCharge.styles.ts":
+/*!*****************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/TotalCharge/TotalCharge.styles.ts ***!
+  \*****************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TotalCharge\": () => (/* binding */ TotalCharge)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\nvar TotalCharge = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({\n  displayName: \"TotalChargestyles__TotalCharge\",\n  componentId: \"maxio-components__sc-1bfmq1j-0\"\n})([\"&&&{\", \";}\"], function (_ref) {\n  var theme = _ref.theme;\n  return (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)([\"border-bottom:1px solid \", \";\"], theme.colors.gray.extraLight);\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/TotalCharge/TotalCharge.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/components/TotalCharge/index.ts":
+/*!****************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/components/TotalCharge/index.ts ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TotalCharge\": () => (/* reexport safe */ _TotalCharge_styles__WEBPACK_IMPORTED_MODULE_0__.TotalCharge)\n/* harmony export */ });\n/* harmony import */ var _TotalCharge_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TotalCharge.styles */ \"./packages/subscriptions-manager/src/components/TotalCharge/TotalCharge.styles.ts\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/TotalCharge/index.ts?");
+/***/ }),
 /***/ "./packages/subscriptions-manager/src/components/index.ts":
 /*!****************************************************************!*\
   !*** ./packages/subscriptions-manager/src/components/index.ts ***!
@@ -8299,7 +8684,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 */   \"ComponentsAllocationEdit\": () => (/* reexport safe */ _ComponentsAllocationEdit__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n/* harmony export */   \"ComponentsAllocationPreview\": () => (/* reexport safe */ _ComponentsAllocationPreview__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */   \"ContentLoader\": () => (/* reexport safe */ _ContentLoader__WEBPACK_IMPORTED_MODULE_1__[\"default\"]),\n/* harmony export */   \"SubscriptionManagerLoader\": () => (/* reexport safe */ _SubscriptionManagerLoader__WEBPACK_IMPORTED_MODULE_7__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Subscription */ \"./packages/subscriptions-manager/src/components/Subscription/index.ts\");\n/* harmony import */ var _ContentLoader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ContentLoader */ \"./packages/subscriptions-manager/src/components/ContentLoader/index.ts\");\n/* harmony import */ var _ShowMore__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ShowMore */ \"./packages/subscriptions-manager/src/components/ShowMore/index.ts\");\n/* harmony import */ var _PaymentProfiles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PaymentProfiles */ \"./packages/subscriptions-manager/src/components/PaymentProfiles/index.ts\");\n/* harmony import */ var _ComponentsPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ComponentsPreview */ \"./packages/subscriptions-manager/src/components/ComponentsPreview/index.ts\");\n/* harmony import */ var _ComponentsAllocationEdit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ComponentsAllocationEdit */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationEdit/index.ts\");\n/* harmony import */ var _ComponentsAllocationPreview__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ComponentsAllocationPreview */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/index.ts\");\n/* harmony import */ var _SubscriptionManagerLoader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SubscriptionManagerLoader */ \"./packages/subscriptions-manager/src/components/SubscriptionManagerLoader/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/index.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ComponentsAllocationEdit\": () => (/* reexport safe */ _ComponentsAllocationEdit__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n/* harmony export */   \"ComponentsAllocationPreview\": () => (/* reexport safe */ _ComponentsAllocationPreview__WEBPACK_IMPORTED_MODULE_6__[\"default\"]),\n/* harmony export */   \"ContentLoader\": () => (/* reexport safe */ _ContentLoader__WEBPACK_IMPORTED_MODULE_1__[\"default\"]),\n/* harmony export */   \"PlanChangeAlerts\": () => (/* reexport safe */ _PlanChangeAlerts__WEBPACK_IMPORTED_MODULE_8__[\"default\"]),\n/* harmony export */   \"SubscriptionManagerLoader\": () => (/* reexport safe */ _SubscriptionManagerLoader__WEBPACK_IMPORTED_MODULE_7__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Subscription */ \"./packages/subscriptions-manager/src/components/Subscription/index.ts\");\n/* harmony import */ var _ContentLoader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ContentLoader */ \"./packages/subscriptions-manager/src/components/ContentLoader/index.ts\");\n/* harmony import */ var _ShowMore__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ShowMore */ \"./packages/subscriptions-manager/src/components/ShowMore/index.ts\");\n/* harmony import */ var _PaymentProfiles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PaymentProfiles */ \"./packages/subscriptions-manager/src/components/PaymentProfiles/index.ts\");\n/* harmony import */ var _ComponentsPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ComponentsPreview */ \"./packages/subscriptions-manager/src/components/ComponentsPreview/index.ts\");\n/* harmony import */ var _ComponentsAllocationEdit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ComponentsAllocationEdit */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationEdit/index.ts\");\n/* harmony import */ var _ComponentsAllocationPreview__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ComponentsAllocationPreview */ \"./packages/subscriptions-manager/src/components/ComponentsAllocationPreview/index.ts\");\n/* harmony import */ var _SubscriptionManagerLoader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SubscriptionManagerLoader */ \"./packages/subscriptions-manager/src/components/SubscriptionManagerLoader/index.ts\");\n/* harmony import */ var _PlanChangeAlerts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./PlanChangeAlerts */ \"./packages/subscriptions-manager/src/components/PlanChangeAlerts/index.ts\");\n/* harmony import */ var _Summary__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Summary */ \"./packages/subscriptions-manager/src/components/Summary/index.ts\");\n/* harmony import */ var _TotalCharge__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TotalCharge */ \"./packages/subscriptions-manager/src/components/TotalCharge/index.ts\");\n/* harmony import */ var _PlanChangeSummaryCharges__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./PlanChangeSummaryCharges */ \"./packages/subscriptions-manager/src/components/PlanChangeSummaryCharges/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/components/index.ts?");
 /***/ }),
@@ -8325,6 +8710,39 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
+/***/ "./packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlan.styles.ts":
+/*!************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlan.styles.ts ***!
+  \************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Wrapper\": () => (/* binding */ Wrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\nvar Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({\n  displayName: \"ChangePlanstyles__Wrapper\",\n  componentId: \"maxio-components__sc-pbi3cr-0\"\n})([\"&&&{display:flex;flex-direction:column;gap:\", \"px;}\"], function (_ref) {\n  var theme = _ref.theme;\n  return theme.space[5];\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlan.styles.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlanContainer.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlanContainer.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 react_i18next__WEBPACK_IMPORTED_MODULE_5__ = __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_6__ = __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_1__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/index.ts\");\n/* harmony import */ var _components_PlanRadio__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/PlanRadio */ \"./packages/subscriptions-manager/src/components/PlanRadio/index.ts\");\n/* harmony import */ var _ChangePlan_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ChangePlan.styles */ \"./packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlan.styles.ts\");\n/* harmony import */ var _machines_changePlan__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../machines/changePlan */ \"./packages/subscriptions-manager/src/machines/changePlan/index.ts\");\n\n\n\n\n\n\n\n\nvar ChangePlanContainer = function ChangePlanContainer(_ref) {\n  var currentPlanId = _ref.currentPlanId,\n      currency = _ref.currency,\n      changePlanService = _ref.changePlanService;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)(['common']),\n      t = _useTranslation.t;\n\n  var products = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_6__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_4__.changePlanSelectors.getProducts);\n  var selectedPlan = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_6__.useSelector)(changePlanService, _machines_changePlan__WEBPACK_IMPORTED_MODULE_4__.changePlanSelectors.getSelectedPlan);\n\n  var onPlanChange = function onPlanChange(planId) {\n    changePlanService.send({\n      type: 'SELECT_PLAN',\n      planId: planId\n    });\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChangePlan_styles__WEBPACK_IMPORTED_MODULE_3__.Wrapper, null, products === null || products === void 0 ? void 0 : products.map(function (_ref2) {\n    var priceInCents = _ref2.priceInCents,\n        name = _ref2.name,\n        id = _ref2.id,\n        interval = _ref2.interval,\n        intervalUnit = _ref2.intervalUnit;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PlanRadio__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      key: id,\n      id: id,\n      name: name,\n      price: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_1__.formatCurrency)(currency, priceInCents),\n      interval: interval,\n      intervalUnit: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_1__.formatBillingInterval)(interval, intervalUnit, t),\n      selected: selectedPlan === id,\n      isCurrentPlan: id === currentPlanId,\n      onClick: onPlanChange\n    });\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChangePlanContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlanContainer.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/containers/ChangePlanContainer/index.ts":
+/*!************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/containers/ChangePlanContainer/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 _ChangePlanContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ChangePlanContainer */ \"./packages/subscriptions-manager/src/containers/ChangePlanContainer/ChangePlanContainer.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_ChangePlanContainer__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ChangePlanContainer/index.ts?");
+/***/ }),
 /***/ "./packages/subscriptions-manager/src/containers/ComponentContainer/ComponentContainer.tsx":
 /*!*************************************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/containers/ComponentContainer/ComponentContainer.tsx ***!
@@ -8486,7 +8904,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));\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));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ModalsContainer/ModalsContainer.tsx?");
 /***/ }),
@@ -8552,7 +8970,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_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/.pnpm/react-router@6.3.0_react@18.2.0/node_modules/react-router/index.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 react_i18next__WEBPACK_IMPORTED_MODULE_5__ = __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_PaymentProfiles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/PaymentProfiles */ \"./packages/subscriptions-manager/src/components/PaymentProfiles/index.ts\");\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 _contexts__WEBPACK_IMPORTED_MODULE_4__ = __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\n\n\n\nvar PaymentProfilesContainer = function PaymentProfilesContainer(meta) {\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)('subscriptions-manager'),\n      t = _useTranslation.t;\n\n  var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useServices)(),\n      modalsService = _useServices.modalsService;\n\n  var navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useNavigate)();\n\n  var _useComponentSettings = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useComponentSettings)(),\n      details = _useComponentSettings.subscription.details;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_4__.PaymentProfilesContext),\n      paymentProfilesService = _useContext.paymentProfilesService;\n\n  var profiles = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(paymentProfilesService, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfilesSelectors.getPaymentProfiles);\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(paymentProfilesService, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfilesSelectors.getPaymentProfilesState),\n      isLoading = _useSelector.isLoading,\n      isError = _useSelector.isError;\n\n  var _useSortPaymentProfil = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useSortPaymentProfiles)(profiles),\n      active = _useSortPaymentProfil.active,\n      inactive = _useSortPaymentProfil.inactive;\n\n  var availablePaymentMethods = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useAvailablePaymentMethods)();\n\n  var handleOptionSelection = function handleOptionSelection(option, paymentProfileId) {\n    switch (option.value) {\n      case 'select_payment_method':\n        return modalsService.send(_objectSpread(_objectSpread({\n          type: 'SHOW_CHANGE_PAYMENT_PROFILE'\n        }, meta), {}, {\n          paymentProfileId: paymentProfileId\n        }));\n\n      case 'view_details':\n        return modalsService.send(_objectSpread(_objectSpread({\n          type: 'SHOW_PREVIEW_PAYMENT_PROFILE'\n        }, meta), {}, {\n          paymentProfileId: paymentProfileId\n        }));\n\n      case 'delete_payment_method':\n        return modalsService.send(_objectSpread(_objectSpread({\n          type: 'SHOW_DELETE_PAYMENT_PROFILE'\n        }, meta), {}, {\n          paymentProfileId: paymentProfileId\n        }));\n\n      default:\n        return console.log('default');\n    }\n  };\n\n  var options = [{\n    label: t('payment_profile.credit_card'),\n    value: 'credit_card'\n  }];\n  var paymentMethodsOptions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return options.filter(function (_ref) {\n      var value = _ref.value;\n      return availablePaymentMethods.includes(value);\n    });\n  }, [availablePaymentMethods]);\n\n  var handlePaymentProfileCreation = function handlePaymentProfileCreation(option) {\n    switch (option.value) {\n      case 'credit_card':\n        return modalsService.send(_objectSpread(_objectSpread({\n          type: 'SHOW_CREATE_PAYMENT_PROFILE'\n        }, meta), {}, {\n          paymentMethod: 'creditCard'\n        }));\n\n      case 'bank_account':\n        return console.log('bank account');\n\n      case 'paypal':\n        return console.log('paypal');\n\n      case 'remittance_payment':\n        return console.log('remittance payment');\n\n      default:\n        return console.log('default');\n    }\n  };\n\n  var goBack = function goBack() {\n    if (details === 'page') {\n      return navigate(\"/subscription/\".concat(meta.catalogId, \"/\").concat(meta.subscriptionId));\n    }\n\n    return navigate(\"/\");\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PaymentProfiles__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    onRetry: function onRetry() {\n      return paymentProfilesService.send({\n        type: 'RETRY_FETCH'\n      });\n    },\n    isError: isError,\n    isLoading: isLoading,\n    goBack: goBack,\n    activePaymentProfile: active,\n    paymentProfiles: inactive,\n    onSelectPaymentProfileOption: handleOptionSelection,\n    onCreatePaymentProfile: handlePaymentProfileCreation,\n    availablePaymentMethods: paymentMethodsOptions\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaymentProfilesContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/PaymentProfilesContainer/PaymentProfilesContainer.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_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/.pnpm/react-router@6.3.0_react@18.2.0/node_modules/react-router/index.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 react_i18next__WEBPACK_IMPORTED_MODULE_5__ = __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_PaymentProfiles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/PaymentProfiles */ \"./packages/subscriptions-manager/src/components/PaymentProfiles/index.ts\");\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 _contexts__WEBPACK_IMPORTED_MODULE_4__ = __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\n\n\n\nvar PaymentProfilesContainer = function PaymentProfilesContainer(meta) {\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)('subscriptions-manager'),\n      t = _useTranslation.t;\n\n  var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useServices)(),\n      modalsService = _useServices.modalsService;\n\n  var navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useNavigate)();\n\n  var _useComponentSettings = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useComponentSettings)(),\n      details = _useComponentSettings.subscription.details;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_4__.PaymentProfilesContext),\n      paymentProfilesService = _useContext.paymentProfilesService;\n\n  var profiles = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(paymentProfilesService, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfilesSelectors.getPaymentProfiles);\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(paymentProfilesService, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfilesSelectors.getPaymentProfilesState),\n      isLoading = _useSelector.isLoading,\n      isError = _useSelector.isError;\n\n  var _useSortPaymentProfil = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useSortPaymentProfiles)(profiles),\n      active = _useSortPaymentProfil.active,\n      inactive = _useSortPaymentProfil.inactive;\n\n  var availablePaymentMethods = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useAvailablePaymentMethods)();\n\n  var handleOptionSelection = function handleOptionSelection(option, paymentProfileId) {\n    switch (option.value) {\n      case 'select_payment_method':\n        return modalsService.send(_objectSpread(_objectSpread({\n          type: 'SHOW_CHANGE_PAYMENT_PROFILE'\n        }, meta), {}, {\n          paymentProfileId: paymentProfileId\n        }));\n\n      case 'view_details':\n        return modalsService.send(_objectSpread(_objectSpread({\n          type: 'SHOW_PREVIEW_PAYMENT_PROFILE'\n        }, meta), {}, {\n          paymentProfileId: paymentProfileId\n        }));\n\n      case 'delete_payment_method':\n        return modalsService.send(_objectSpread(_objectSpread({\n          type: 'SHOW_DELETE_PAYMENT_PROFILE'\n        }, meta), {}, {\n          paymentProfileId: paymentProfileId\n        }));\n\n      default:\n        return console.log('default');\n    }\n  };\n\n  var options = [{\n    label: t('payment_profile.credit_card'),\n    value: 'credit_card'\n  }];\n  var paymentMethodsOptions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return options.filter(function (_ref) {\n      var value = _ref.value;\n      return availablePaymentMethods.includes(value);\n    });\n  }, [availablePaymentMethods]);\n  var handlePaymentProfileCreation = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (option) {\n    switch (option.value) {\n      case 'credit_card':\n        return modalsService.send(_objectSpread(_objectSpread({\n          type: 'SHOW_CREATE_PAYMENT_PROFILE'\n        }, meta), {}, {\n          activePaymentProfileId: active === null || active === void 0 ? void 0 : active.id,\n          paymentMethod: 'creditCard'\n        }));\n\n      case 'bank_account':\n        return console.log('bank account');\n\n      case 'paypal':\n        return console.log('paypal');\n\n      case 'remittance_payment':\n        return console.log('remittance payment');\n\n      default:\n        return console.log('default');\n    }\n  }, [active === null || active === void 0 ? void 0 : active.id]);\n\n  var goBack = function goBack() {\n    if (details === 'page') {\n      return navigate(\"/subscription/\".concat(meta.catalogId, \"/\").concat(meta.subscriptionId));\n    }\n\n    return navigate(\"/\");\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PaymentProfiles__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n    onRetry: function onRetry() {\n      return paymentProfilesService.send({\n        type: 'RETRY_FETCH'\n      });\n    },\n    isError: isError,\n    isLoading: isLoading,\n    goBack: goBack,\n    activePaymentProfile: active,\n    paymentProfiles: inactive,\n    onSelectPaymentProfileOption: handleOptionSelection,\n    onCreatePaymentProfile: handlePaymentProfileCreation,\n    availablePaymentMethods: paymentMethodsOptions\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaymentProfilesContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/PaymentProfilesContainer/PaymentProfilesContainer.tsx?");
 /***/ }),
@@ -8567,6 +8985,50 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
+/***/ "./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/PreviewProductMigrationContainer.tsx":
+/*!*****************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/PreviewProductMigrationContainer.tsx ***!
+  \*****************************************************************************************************************************/
+/***/ ((__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?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/index.ts":
+/*!*************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/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 _PreviewProductMigrationContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PreviewProductMigrationContainer */ \"./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/PreviewProductMigrationContainer.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_PreviewProductMigrationContainer__WEBPACK_IMPORTED_MODULE_0__.PreviewProductMigrationContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/ReplacePaymentProfilesContainer.tsx":
+/*!***************************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/ReplacePaymentProfilesContainer.tsx ***!
+  \***************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ReplacePaymentProfilesContainer\": () => (/* binding */ ReplacePaymentProfilesContainer)\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_6__ = __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_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _components_PaymentProfilesReplace__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/PaymentProfilesReplace */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplace/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 _contexts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../contexts */ \"./packages/subscriptions-manager/src/contexts/index.ts\");\n/* harmony import */ var _components_PaymentProfilesReplaceAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/PaymentProfilesReplaceAlerts */ \"./packages/subscriptions-manager/src/components/PaymentProfilesReplaceAlerts/index.ts\");\n\n\n\n\n\n\n\nvar ReplacePaymentProfilesContainer = function ReplacePaymentProfilesContainer(_ref) {\n  var paymentProfileRef = _ref.paymentProfileRef;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_4__.PaymentProfilesContext),\n      paymentProfilesService = _useContext.paymentProfilesService;\n\n  var paymentProfiles = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_6__.useSelector)(paymentProfilesService, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfilesSelectors.getPaymentProfiles);\n  var selectedPaymentProfilesIds = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_6__.useSelector)(paymentProfileRef, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfileSelectors.getPaymentProfilesIdsForReplacement);\n  var subscriptions = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_6__.useSelector)(paymentProfileRef, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfileSelectors.getPaymentProfilesSubscriptions);\n  var isPaymentProfilesReplacementError = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_6__.useSelector)(paymentProfileRef, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfileSelectors.getPaymentProfilesReplacementError);\n  var isPaymentProfilesReplacementProcessing = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_6__.useSelector)(paymentProfileRef, _machines__WEBPACK_IMPORTED_MODULE_3__.paymentProfileSelectors.getPaymentProfilesReplacementProcessing);\n\n  if (!paymentProfiles.length) {\n    return null;\n  }\n\n  return isPaymentProfilesReplacementError ? isPaymentProfilesReplacementProcessing ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.SkeletonLoader, {\n    height: 200\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PaymentProfilesReplaceAlerts__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    subscriptions: subscriptions,\n    onRetry: function onRetry() {\n      return paymentProfileRef.send({\n        type: 'RETRY_REPLACE_PAYMENT_PROFILES'\n      });\n    }\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_PaymentProfilesReplace__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n    paymentProfiles: paymentProfiles,\n    onPaymentProfileSelected: function onPaymentProfileSelected(id) {\n      return paymentProfileRef.send({\n        type: 'SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT',\n        paymentProfileId: id\n      });\n    },\n    selectedPaymentProfilesIds: selectedPaymentProfilesIds\n  });\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/ReplacePaymentProfilesContainer.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/index.ts":
+/*!************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/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 _ReplacePaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ReplacePaymentProfilesContainer */ \"./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/ReplacePaymentProfilesContainer.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_ReplacePaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_0__.ReplacePaymentProfilesContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/index.ts?");
+/***/ }),
 /***/ "./packages/subscriptions-manager/src/containers/SubscriptionContainer/SubscriptionContainer.tsx":
 /*!*******************************************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/containers/SubscriptionContainer/SubscriptionContainer.tsx ***!
@@ -8607,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 */   \"SubscriptionActions\": () => (/* binding */ SubscriptionActions),\n/* harmony export */   \"useSubscriptionAvailableActions\": () => (/* binding */ useSubscriptionAvailableActions)\n/* harmony export */ });\nvar SubscriptionActions;\n\n(function (SubscriptionActions) {\n  SubscriptionActions[\"PAUSE\"] = \"PAUSE\";\n  SubscriptionActions[\"RESUME\"] = \"RESUME\";\n  SubscriptionActions[\"CANCEL\"] = \"CANCEL\";\n  SubscriptionActions[\"UNDO_CANCELATION\"] = \"UNDO_CANCELATION\";\n  SubscriptionActions[\"REACTIVATE\"] = \"REACTIVATE\";\n})(SubscriptionActions || (SubscriptionActions = {}));\n\nvar useSubscriptionAvailableActions = function useSubscriptionAvailableActions(subscription, subscriptionScopes) {\n  var availableActions = [];\n\n  if (['active', 'past_due'].includes(subscription.status) && subscriptionScopes.includes('subscription:pause')) {\n    availableActions.push(SubscriptionActions.PAUSE);\n  }\n\n  if ('on_hold' === subscription.status && subscriptionScopes.includes('subscription:resume')) {\n    availableActions.push(SubscriptionActions.RESUME);\n  }\n\n  if (!['canceled', 'past_due', 'cancellation_scheduled'].includes(subscription.status) && hasCancelDelayedOrImmediateAction(subscriptionScopes)) {\n    availableActions.push(SubscriptionActions.CANCEL);\n  }\n\n  if (subscription.status === 'cancellation_scheduled' && subscriptionScopes.includes('subscription:cancel-scheduled')) {\n    availableActions.push(SubscriptionActions.UNDO_CANCELATION);\n  }\n\n  if (['trial_expired', 'canceled'].includes(subscription.status) && subscriptionScopes.includes('subscription:reactivate')) {\n    availableActions.push(SubscriptionActions.REACTIVATE);\n  }\n\n  return availableActions;\n};\n\nvar hasCancelDelayedOrImmediateAction = function hasCancelDelayedOrImmediateAction(scopes) {\n  return scopes.includes('subscription:cancel-delayed') || scopes.includes('subscription:cancel-immediate');\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"SubscriptionActions\": () => (/* binding */ SubscriptionActions),\n/* harmony export */   \"useSubscriptionAvailableActions\": () => (/* binding */ useSubscriptionAvailableActions)\n/* harmony export */ });\nvar SubscriptionActions;\n\n(function (SubscriptionActions) {\n  SubscriptionActions[\"PAUSE\"] = \"PAUSE\";\n  SubscriptionActions[\"RESUME\"] = \"RESUME\";\n  SubscriptionActions[\"CANCEL\"] = \"CANCEL\";\n  SubscriptionActions[\"UNDO_CANCELATION\"] = \"UNDO_CANCELATION\";\n  SubscriptionActions[\"REACTIVATE\"] = \"REACTIVATE\";\n  SubscriptionActions[\"CHANGE_PLAN\"] = \"CHANGE_PLAN\";\n})(SubscriptionActions || (SubscriptionActions = {}));\n\nvar useSubscriptionAvailableActions = function useSubscriptionAvailableActions(subscription, subscriptionScopes) {\n  var availableActions = [];\n\n  if (['active', 'plan_change_scheduled', 'past_due'].includes(subscription.status) && subscriptionScopes.includes('subscription:pause')) {\n    availableActions.push(SubscriptionActions.PAUSE);\n  }\n\n  if ('on_hold' === subscription.status && subscriptionScopes.includes('subscription:resume')) {\n    availableActions.push(SubscriptionActions.RESUME);\n  }\n\n  if (!['canceled', 'past_due', 'cancellation_scheduled'].includes(subscription.status) && hasCancelDelayedOrImmediateAction(subscriptionScopes)) {\n    availableActions.push(SubscriptionActions.CANCEL);\n  }\n\n  if (subscription.status === 'cancellation_scheduled' && subscriptionScopes.includes('subscription:cancel-scheduled')) {\n    availableActions.push(SubscriptionActions.UNDO_CANCELATION);\n  }\n\n  if (['trial_expired', 'canceled'].includes(subscription.status) && subscriptionScopes.includes('subscription:reactivate')) {\n    availableActions.push(SubscriptionActions.REACTIVATE);\n  }\n\n  if (['active', 'plan_change_scheduled', 'trial'].includes(subscription.status) && subscriptionScopes.includes('subscription:plan-change')) {\n    availableActions.push(SubscriptionActions.CHANGE_PLAN);\n  }\n\n  return availableActions;\n};\n\nvar hasCancelDelayedOrImmediateAction = function hasCancelDelayedOrImmediateAction(scopes) {\n  return scopes.includes('subscription:cancel-delayed') || scopes.includes('subscription:cancel-immediate');\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions.ts?");
 /***/ }),
@@ -8673,7 +9135,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 */   \"PaymentProfilesContainer\": () => (/* reexport safe */ _PaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n/* harmony export */   \"SubscriptionContainer\": () => (/* reexport safe */ _SubscriptionContainer__WEBPACK_IMPORTED_MODULE_0__[\"default\"]),\n/* harmony export */   \"SubscriptionsContainer\": () => (/* reexport safe */ _SubscriptionsContainer__WEBPACK_IMPORTED_MODULE_1__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _SubscriptionContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubscriptionContainer */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/index.ts\");\n/* harmony import */ var _SubscriptionsContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubscriptionsContainer */ \"./packages/subscriptions-manager/src/containers/SubscriptionsContainer/index.ts\");\n/* harmony import */ var _ComponentsContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ComponentsContainer */ \"./packages/subscriptions-manager/src/containers/ComponentsContainer/index.ts\");\n/* harmony import */ var _ComponentContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ComponentContainer */ \"./packages/subscriptions-manager/src/containers/ComponentContainer/index.ts\");\n/* harmony import */ var _PaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PaymentProfilesContainer */ \"./packages/subscriptions-manager/src/containers/PaymentProfilesContainer/index.ts\");\n/* harmony import */ var _PaymentProfileContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PaymentProfileContainer */ \"./packages/subscriptions-manager/src/containers/PaymentProfileContainer/index.ts\");\n/* harmony import */ var _CreatePaymentProfileContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./CreatePaymentProfileContainer */ \"./packages/subscriptions-manager/src/containers/CreatePaymentProfileContainer/index.ts\");\n/* harmony import */ var _CreatePaymentProfileErrorContainer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./CreatePaymentProfileErrorContainer */ \"./packages/subscriptions-manager/src/containers/CreatePaymentProfileErrorContainer/index.ts\");\n/* harmony import */ var _ComponentsAllocationContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ComponentsAllocationContainer */ \"./packages/subscriptions-manager/src/containers/ComponentsAllocationContainer/index.ts\");\n/* harmony import */ var _ModalsContainer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ModalsContainer */ \"./packages/subscriptions-manager/src/containers/ModalsContainer/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/index.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PaymentProfilesContainer\": () => (/* reexport safe */ _PaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"]),\n/* harmony export */   \"SubscriptionContainer\": () => (/* reexport safe */ _SubscriptionContainer__WEBPACK_IMPORTED_MODULE_0__[\"default\"]),\n/* harmony export */   \"SubscriptionsContainer\": () => (/* reexport safe */ _SubscriptionsContainer__WEBPACK_IMPORTED_MODULE_1__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _SubscriptionContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubscriptionContainer */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/index.ts\");\n/* harmony import */ var _SubscriptionsContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubscriptionsContainer */ \"./packages/subscriptions-manager/src/containers/SubscriptionsContainer/index.ts\");\n/* harmony import */ var _ComponentsContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ComponentsContainer */ \"./packages/subscriptions-manager/src/containers/ComponentsContainer/index.ts\");\n/* harmony import */ var _ComponentContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ComponentContainer */ \"./packages/subscriptions-manager/src/containers/ComponentContainer/index.ts\");\n/* harmony import */ var _PaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PaymentProfilesContainer */ \"./packages/subscriptions-manager/src/containers/PaymentProfilesContainer/index.ts\");\n/* harmony import */ var _PaymentProfileContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PaymentProfileContainer */ \"./packages/subscriptions-manager/src/containers/PaymentProfileContainer/index.ts\");\n/* harmony import */ var _CreatePaymentProfileContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./CreatePaymentProfileContainer */ \"./packages/subscriptions-manager/src/containers/CreatePaymentProfileContainer/index.ts\");\n/* harmony import */ var _CreatePaymentProfileErrorContainer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./CreatePaymentProfileErrorContainer */ \"./packages/subscriptions-manager/src/containers/CreatePaymentProfileErrorContainer/index.ts\");\n/* harmony import */ var _ComponentsAllocationContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ComponentsAllocationContainer */ \"./packages/subscriptions-manager/src/containers/ComponentsAllocationContainer/index.ts\");\n/* harmony import */ var _ModalsContainer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ModalsContainer */ \"./packages/subscriptions-manager/src/containers/ModalsContainer/index.ts\");\n/* harmony import */ var _ChangePlanContainer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ChangePlanContainer */ \"./packages/subscriptions-manager/src/containers/ChangePlanContainer/index.ts\");\n/* harmony import */ var _PreviewProductMigrationContainer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./PreviewProductMigrationContainer */ \"./packages/subscriptions-manager/src/containers/PreviewProductMigrationContainer/index.ts\");\n/* harmony import */ var _ReplacePaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ReplacePaymentProfilesContainer */ \"./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/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/containers/index.ts?");
 /***/ }),
@@ -8739,7 +9201,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 */   \"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\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 */   \"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?");
 /***/ }),
@@ -8787,6 +9249,17 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
+/***/ "./packages/subscriptions-manager/src/hooks/useChangePlan.ts":
+/*!*******************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/hooks/useChangePlan.ts ***!
+  \*******************************************************************/
+/***/ ((__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?");
+/***/ }),
 /***/ "./packages/subscriptions-manager/src/hooks/useComponentSettings.tsx":
 /*!***************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/hooks/useComponentSettings.tsx ***!
@@ -8827,7 +9300,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 */   \"useCreatePaymentProfile\": () => (/* binding */ useCreatePaymentProfile)\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_9__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useMachine.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 _chargify_payments_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/payments-sdk */ \"./packages/payments-sdk/src/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 _useServices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../useServices */ \"./packages/subscriptions-manager/src/hooks/useServices.ts\");\n/* harmony import */ var _serializeErrors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./serializeErrors */ \"./packages/subscriptions-manager/src/hooks/useCreatePaymentProfile/serializeErrors.ts\");\n/* harmony import */ var _machines_createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../machines/createPaymentProfile */ \"./packages/subscriptions-manager/src/machines/createPaymentProfile/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../contexts */ \"./packages/subscriptions-manager/src/contexts/index.ts\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar useCreatePaymentProfile = function useCreatePaymentProfile(_ref) {\n  var _paymentProfileConfig;\n\n  var formElementId = _ref.formElementId,\n      subscriptionId = _ref.subscriptionId,\n      _ref$paymentMethodTyp = _ref.paymentMethodType,\n      paymentMethodType = _ref$paymentMethodTyp === void 0 ? 'creditCard' : _ref$paymentMethodTyp,\n      onCreateSuccess = _ref.onCreateSuccess,\n      catalogId = _ref.catalogId;\n\n  var _useComponentSettings = (0,_useComponentSettings__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      paymentProfileConfig = _useComponentSettings.paymentProfile;\n\n  var paymentsForm = (0,_chargify_payments_sdk__WEBPACK_IMPORTED_MODULE_2__.usePaymentsForm)();\n\n  var _useServices = (0,_useServices__WEBPACK_IMPORTED_MODULE_4__.useServices)(),\n      paymentGatewayService = _useServices.paymentGatewayService,\n      subscriptionsService = _useServices.subscriptionsService;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_8__.PaymentProfilesContext),\n      paymentProfilesService = _useContext.paymentProfilesService;\n\n  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_1__.DataAccessContext),\n      dataAccess = _useContext2.dataAccess;\n\n  var gatewayRequiredFields = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_9__.useSelector)(paymentGatewayService, _machines__WEBPACK_IMPORTED_MODULE_7__.paymentGatewaySelectors.getRequiredFieldsConfig);\n  var requiredFields = (_paymentProfileConfig = paymentProfileConfig.requiredFields) !== null && _paymentProfileConfig !== void 0 ? _paymentProfileConfig : gatewayRequiredFields[paymentMethodType];\n\n  var _useMachine = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useMachine)(_machines__WEBPACK_IMPORTED_MODULE_7__.createPaymentProfile, {\n    context: {\n      requiredFields: requiredFields,\n      validationSchema: (0,_machines_createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__.serializeValidationSchema)(requiredFields)\n    },\n    actions: {\n      onCreateProfileSuccess: function onCreateProfileSuccess(ctx) {\n        paymentProfilesService.send({\n          type: 'ADD_PAYMENT_PROFILE',\n          paymentProfileId: ctx.createdProfile.id,\n          paymentProfile: ctx.createdProfile\n        });\n        subscriptionsService.send({\n          type: 'UPDATE_SUBSCRIPTION',\n          subscriptionId: subscriptionId,\n          catalogId: catalogId,\n          billing: {\n            paymentProfileConnected: true,\n            paymentProfileId: ctx.createdProfile.id,\n            address: ctx.createdProfile.address,\n            creditCard: ctx.createdProfile.creditCard\n          }\n        });\n        onCreateSuccess();\n      }\n    },\n    services: {\n      validatePaymentMethod: function validatePaymentMethod(ctx) {\n        return new Promise(function (resolve, reject) {\n          var billingAddress = ctx.billingAddress,\n              paymentMethod = ctx.paymentMethod,\n              validationSchema = ctx.validationSchema;\n\n          try {\n            validationSchema.validateSync({\n              billingAddress: billingAddress.values,\n              paymentMethod: paymentMethod.values\n            }, {\n              abortEarly: false\n            });\n            resolve({});\n          } catch (error) {\n            var errors = (0,_serializeErrors__WEBPACK_IMPORTED_MODULE_5__.serializeErrors)(error);\n            reject({\n              errors: errors\n            });\n          }\n        });\n      },\n      tokenizePaymentMethod: function tokenizePaymentMethod() {\n        return new Promise(function (resolve, reject) {\n          paymentsForm.token(document.getElementById(formElementId), function (token) {\n            return resolve(token);\n          }, function (error) {\n            return reject(error);\n          });\n        });\n      },\n      createPaymentProfile: function createPaymentProfile(ctx) {\n        return dataAccess.createPaymentProfile(ctx.token);\n      },\n      connectProfileWithSubscription: function connectProfileWithSubscription(ctx) {\n        var paymentProfileId = ctx.createdProfile.id;\n        return dataAccess.updateSubscriptionPaymentProfile(paymentProfileId, subscriptionId);\n      }\n    }\n  }),\n      _useMachine2 = _slicedToArray(_useMachine, 3),\n      sendToMachine = _useMachine2[1],\n      service = _useMachine2[2];\n\n  var isProcessing = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_9__.useSelector)(service, _machines__WEBPACK_IMPORTED_MODULE_7__.paymentProfileSelectors.getPaymentProfileProcessing);\n  var isProfileConnectionError = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_9__.useSelector)(service, _machines__WEBPACK_IMPORTED_MODULE_7__.paymentProfileSelectors.getProfileConnectionError);\n  return {\n    isProcessing: isProcessing,\n    isProfileConnectionError: isProfileConnectionError,\n    savePaymentMethod: function savePaymentMethod() {\n      return sendToMachine({\n        type: 'SAVE_PAYMENT_METHOD'\n      });\n    },\n    service: service\n  };\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useCreatePaymentProfile/useCreatePaymentProfile.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"useCreatePaymentProfile\": () => (/* binding */ useCreatePaymentProfile)\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_9__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useMachine.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 _chargify_payments_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/payments-sdk */ \"./packages/payments-sdk/src/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 _useServices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../useServices */ \"./packages/subscriptions-manager/src/hooks/useServices.ts\");\n/* harmony import */ var _serializeErrors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./serializeErrors */ \"./packages/subscriptions-manager/src/hooks/useCreatePaymentProfile/serializeErrors.ts\");\n/* harmony import */ var _machines_createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../machines/createPaymentProfile */ \"./packages/subscriptions-manager/src/machines/createPaymentProfile/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_8__ = __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\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\nvar useCreatePaymentProfile = function useCreatePaymentProfile(_ref) {\n  var _paymentProfileConfig;\n\n  var formElementId = _ref.formElementId,\n      _ref$paymentMethodTyp = _ref.paymentMethodType,\n      paymentMethodType = _ref$paymentMethodTyp === void 0 ? 'creditCard' : _ref$paymentMethodTyp,\n      onCreateSuccess = _ref.onCreateSuccess,\n      activePaymentProfileId = _ref.activePaymentProfileId;\n\n  var _useComponentSettings = (0,_useComponentSettings__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      paymentProfileConfig = _useComponentSettings.paymentProfile;\n\n  var paymentsForm = (0,_chargify_payments_sdk__WEBPACK_IMPORTED_MODULE_2__.usePaymentsForm)();\n\n  var _useServices = (0,_useServices__WEBPACK_IMPORTED_MODULE_4__.useServices)(),\n      paymentGatewayService = _useServices.paymentGatewayService,\n      subscriptionsService = _useServices.subscriptionsService;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_8__.PaymentProfilesContext),\n      paymentProfilesService = _useContext.paymentProfilesService;\n\n  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_1__.DataAccessContext),\n      dataAccess = _useContext2.dataAccess;\n\n  var gatewayRequiredFields = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_9__.useSelector)(paymentGatewayService, _machines__WEBPACK_IMPORTED_MODULE_7__.paymentGatewaySelectors.getRequiredFieldsConfig);\n  var requiredFields = (_paymentProfileConfig = paymentProfileConfig.requiredFields) !== null && _paymentProfileConfig !== void 0 ? _paymentProfileConfig : gatewayRequiredFields[paymentMethodType];\n\n  var _useMachine = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useMachine)(_machines__WEBPACK_IMPORTED_MODULE_7__.createPaymentProfile, {\n    context: {\n      requiredFields: requiredFields,\n      validationSchema: (0,_machines_createPaymentProfile__WEBPACK_IMPORTED_MODULE_6__.serializeValidationSchema)(requiredFields)\n    },\n    actions: {\n      onCreateProfileSuccess: function onCreateProfileSuccess(_ref2) {\n        var paymentProfiles = _ref2.paymentProfiles,\n            createdProfile = _ref2.createdProfile;\n        onCreateSuccess();\n        paymentProfilesService.send({\n          type: 'ADD_PAYMENT_PROFILE',\n          paymentProfileId: createdProfile.id,\n          paymentProfile: createdProfile\n        });\n\n        if (paymentProfiles.idsForReplacement.includes(activePaymentProfileId)) {\n          paymentProfilesService.send({\n            type: 'CHANGE_PAYMENT_PROFILE',\n            paymentProfileId: createdProfile.id\n          });\n        }\n      },\n      onReplacePaymentProfilesSuccess: function onReplacePaymentProfilesSuccess(ctx, event) {\n        event.data.subscriptions.success.forEach(function (subscription) {\n          subscriptionsService.send({\n            type: 'UPDATE_SUBSCRIPTION',\n            subscriptionId: subscription.id,\n            catalogId: subscription.product.productFamilyId,\n            billing: _objectSpread({\n              paymentProfileConnected: true\n            }, ctx.createdProfile)\n          });\n        });\n      }\n    },\n    services: {\n      validatePaymentMethod: function validatePaymentMethod(ctx) {\n        return new Promise(function (resolve, reject) {\n          var billingAddress = ctx.billingAddress,\n              paymentMethod = ctx.paymentMethod,\n              validationSchema = ctx.validationSchema;\n\n          try {\n            validationSchema.validateSync({\n              billingAddress: billingAddress.values,\n              paymentMethod: paymentMethod.values\n            }, {\n              abortEarly: false\n            });\n            resolve({});\n          } catch (error) {\n            var errors = (0,_serializeErrors__WEBPACK_IMPORTED_MODULE_5__.serializeErrors)(error);\n            reject({\n              errors: errors\n            });\n          }\n        });\n      },\n      tokenizePaymentMethod: function tokenizePaymentMethod() {\n        return new Promise(function (resolve, reject) {\n          paymentsForm.token(document.getElementById(formElementId), function (token) {\n            return resolve(token);\n          }, function (error) {\n            return reject(error);\n          });\n        });\n      },\n      createPaymentProfile: function createPaymentProfile(ctx) {\n        return dataAccess.createPaymentProfile(ctx.token);\n      },\n      replacePaymentProfiles: function replacePaymentProfiles(ctx) {\n        var paymentProfileId = ctx.createdProfile.id;\n        return dataAccess.replacePaymentProfiles(ctx.paymentProfiles.idsForReplacement, paymentProfileId);\n      }\n    }\n  }),\n      _useMachine2 = _slicedToArray(_useMachine, 3),\n      sendToMachine = _useMachine2[1],\n      service = _useMachine2[2];\n\n  var isProcessing = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_9__.useSelector)(service, _machines__WEBPACK_IMPORTED_MODULE_7__.paymentProfileSelectors.getPaymentProfileProcessing);\n  var isProfileConnectionError = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_9__.useSelector)(service, _machines__WEBPACK_IMPORTED_MODULE_7__.paymentProfileSelectors.getProfileConnectionError);\n  return {\n    isProcessing: isProcessing,\n    isProfileConnectionError: isProfileConnectionError,\n    savePaymentMethod: function savePaymentMethod() {\n      return sendToMachine({\n        type: 'SAVE_PAYMENT_METHOD'\n      });\n    },\n    service: service\n  };\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useCreatePaymentProfile/useCreatePaymentProfile.ts?");
 /***/ }),
@@ -8970,7 +9443,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 */   \"useSubscriptionStatus\": () => (/* binding */ useSubscriptionStatus)\n/* harmony export */ });\nvar STATUS_TAG = {\n  active: null,\n  cancellation_scheduled: {\n    label: 'Cancelation Scheduled',\n    color: 'primary'\n  },\n  canceled: {\n    label: 'Canceled',\n    color: 'danger'\n  },\n  expired: {\n    label: 'Expired',\n    color: 'gray'\n  },\n  on_hold: {\n    label: 'On Hold',\n    color: 'primary'\n  },\n  past_due: {\n    label: 'Past Due',\n    color: 'danger'\n  },\n  trial: {\n    label: 'Trial',\n    color: 'primary'\n  },\n  trial_expired: {\n    label: 'Trial Ended',\n    color: 'gray'\n  },\n  unpaid: {\n    label: 'Unpaid',\n    color: 'danger'\n  },\n  paused: {\n    label: 'Paused',\n    color: 'primary'\n  }\n};\nvar useSubscriptionStatus = function useSubscriptionStatus(status) {\n  return STATUS_TAG[status];\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useSubscriptionStatus.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"useSubscriptionStatus\": () => (/* binding */ useSubscriptionStatus)\n/* harmony export */ });\nvar STATUS_TAG = {\n  active: null,\n  cancellation_scheduled: {\n    label: 'Cancelation Scheduled',\n    color: 'primary'\n  },\n  canceled: {\n    label: 'Canceled',\n    color: 'danger'\n  },\n  expired: {\n    label: 'Expired',\n    color: 'gray'\n  },\n  on_hold: {\n    label: 'On Hold',\n    color: 'primary'\n  },\n  past_due: {\n    label: 'Past Due',\n    color: 'danger'\n  },\n  trial: {\n    label: 'Trial',\n    color: 'primary'\n  },\n  trial_expired: {\n    label: 'Trial Ended',\n    color: 'gray'\n  },\n  unpaid: {\n    label: 'Unpaid',\n    color: 'danger'\n  },\n  paused: {\n    label: 'Paused',\n    color: 'primary'\n  },\n  plan_change_scheduled: {\n    label: 'Plan Change Scheduled',\n    color: 'primary'\n  }\n};\nvar useSubscriptionStatus = function useSubscriptionStatus(status) {\n  return STATUS_TAG[status];\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useSubscriptionStatus.ts?");
 /***/ }),
@@ -9128,6 +9601,39 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
+/***/ "./packages/subscriptions-manager/src/machines/changePlan/changePlan.ts":
+/*!******************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/machines/changePlan/changePlan.ts ***!
+  \******************************************************************************/
+/***/ ((__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?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/machines/changePlan/index.ts":
+/*!*************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/machines/changePlan/index.ts ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"changePlan\": () => (/* reexport safe */ _changePlan__WEBPACK_IMPORTED_MODULE_0__.changePlan),\n/* harmony export */   \"changePlanSelectors\": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_1__.changePlanSelectors)\n/* harmony export */ });\n/* harmony import */ var _changePlan__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./changePlan */ \"./packages/subscriptions-manager/src/machines/changePlan/changePlan.ts\");\n/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./selectors */ \"./packages/subscriptions-manager/src/machines/changePlan/selectors.ts\");\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/changePlan/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/machines/changePlan/selectors.ts":
+/*!*****************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/machines/changePlan/selectors.ts ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"changePlanSelectors\": () => (/* binding */ changePlanSelectors)\n/* harmony export */ });\n/* unused harmony exports getChangePlanStatus, getProducts, getSelectedPlan, getChangePlanPreview */\nvar getChangePlanStatus = function getChangePlanStatus(machineState) {\n  return {\n    configurePlanStep: machineState.matches('configurePlanStep'),\n    configurePlanStepLoading: machineState.matches('configurePlanStep.getProducts'),\n    previewPlanStep: machineState.matches('previewProductMigrationStep'),\n    previewPlanLoading: machineState.matches('configurePlanStep.getPreviewProductMigration'),\n    updatePlanLoading: machineState.matches('previewProductMigrationStep.confirmProductMigration'),\n    updateSuccess: machineState.matches('previewProductMigrationStep.success'),\n    isError: machineState.matches('configurePlanStep.error') || machineState.matches('previewProductMigrationStep.error')\n  };\n};\nvar getProducts = function getProducts(machineState) {\n  return machineState.context.products;\n};\nvar getSelectedPlan = function getSelectedPlan(machineState) {\n  return machineState.context.selectedPlan;\n};\nvar getChangePlanPreview = function getChangePlanPreview(machineState) {\n  return machineState.context.changePlanPreview;\n};\nvar changePlanSelectors = {\n  getChangePlanPreview: getChangePlanPreview,\n  getProducts: getProducts,\n  getSelectedPlan: getSelectedPlan,\n  getChangePlanStatus: getChangePlanStatus\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/changePlan/selectors.ts?");
+/***/ }),
 /***/ "./packages/subscriptions-manager/src/machines/component/component.ts":
 /*!****************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/machines/component/component.ts ***!
@@ -9245,7 +9751,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 */   \"resetFieldError\": () => (/* binding */ resetFieldError)\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/index.js\");\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\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\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n\n\nvar resetFieldError = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)({\n  billingAddress: function billingAddress(context, event) {\n    var form = event.form,\n        field = event.field;\n\n    if (form === 'billingAddress') {\n      var _context$billingAddre = context.billingAddress.errors,\n          _error = _context$billingAddre[field],\n          restErrors = _objectWithoutProperties(_context$billingAddre, [field].map(_toPropertyKey));\n\n      return _objectSpread(_objectSpread({}, context.billingAddress), {}, {\n        errors: restErrors\n      });\n    }\n\n    return context.billingAddress;\n  },\n  paymentMethod: function paymentMethod(context, event) {\n    var form = event.form,\n        field = event.field;\n\n    if (form === 'paymentMethod') {\n      var _context$paymentMetho = context.paymentMethod.errors,\n          _error = _context$paymentMetho[field],\n          restErrors = _objectWithoutProperties(_context$paymentMetho, [field].map(_toPropertyKey));\n\n      return _objectSpread(_objectSpread({}, context.paymentMethod), {}, {\n        errors: restErrors\n      });\n    }\n\n    return context.paymentMethod;\n  }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/createPaymentProfile/actions.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"assignCreatedProfile\": () => (/* binding */ assignCreatedProfile),\n/* harmony export */   \"resetFieldError\": () => (/* binding */ resetFieldError),\n/* harmony export */   \"serializePaymentProfilesSubscriptions\": () => (/* binding */ serializePaymentProfilesSubscriptions),\n/* harmony export */   \"setPaymentProfileIdForReplacement\": () => (/* binding */ setPaymentProfileIdForReplacement)\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/index.js\");\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\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\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\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\n\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n\n\nvar resetFieldError = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)({\n  billingAddress: function billingAddress(context, event) {\n    var form = event.form,\n        field = event.field;\n\n    if (form === 'billingAddress') {\n      var _context$billingAddre = context.billingAddress.errors,\n          _error = _context$billingAddre[field],\n          restErrors = _objectWithoutProperties(_context$billingAddre, [field].map(_toPropertyKey));\n\n      return _objectSpread(_objectSpread({}, context.billingAddress), {}, {\n        errors: restErrors\n      });\n    }\n\n    return context.billingAddress;\n  },\n  paymentMethod: function paymentMethod(context, event) {\n    var form = event.form,\n        field = event.field;\n\n    if (form === 'paymentMethod') {\n      var _context$paymentMetho = context.paymentMethod.errors,\n          _error = _context$paymentMetho[field],\n          restErrors = _objectWithoutProperties(_context$paymentMetho, [field].map(_toPropertyKey));\n\n      return _objectSpread(_objectSpread({}, context.paymentMethod), {}, {\n        errors: restErrors\n      });\n    }\n\n    return context.paymentMethod;\n  }\n});\nvar setPaymentProfileIdForReplacement = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)({\n  paymentProfiles: function paymentProfiles(ctx, event) {\n    var _ctx$paymentProfiles$;\n\n    var paymentProfileId = event.paymentProfileId;\n\n    if ((_ctx$paymentProfiles$ = ctx.paymentProfiles.idsForReplacement) !== null && _ctx$paymentProfiles$ !== void 0 && _ctx$paymentProfiles$.includes(paymentProfileId)) {\n      return _objectSpread(_objectSpread({}, ctx.paymentProfiles), {}, {\n        idsForReplacement: ctx.paymentProfiles.idsForReplacement.filter(function (id) {\n          return id !== paymentProfileId;\n        })\n      });\n    }\n\n    return _objectSpread(_objectSpread({}, ctx.paymentProfiles), {}, {\n      idsForReplacement: [].concat(_toConsumableArray(ctx.paymentProfiles.idsForReplacement), [paymentProfileId])\n    });\n  }\n});\nvar assignCreatedProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)({\n  createdProfile: function createdProfile(ctx, event) {\n    return event.data;\n  }\n});\nvar serializePaymentProfilesSubscriptions = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)(function (ctx, event) {\n  return _objectSpread(_objectSpread({}, ctx), {}, {\n    paymentProfiles: {\n      idsForReplacement: event.data.subscriptions.failed.map(function (i) {\n        return i.id;\n      }),\n      subscriptions: {\n        failed: event.data.subscriptions.failed,\n        success: event.data.subscriptions.success\n      }\n    }\n  });\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/createPaymentProfile/actions.ts?");
 /***/ }),
@@ -9256,7 +9762,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 */   \"createPaymentProfile\": () => (/* binding */ createPaymentProfile)\n/* harmony export */ });\n/* unused harmony export initialContext */\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/Machine.js\");\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\n/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ \"./packages/subscriptions-manager/src/machines/createPaymentProfile/actions.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\nvar initialContext = {\n  token: null,\n  tokenizationError: null,\n  requiredFields: null,\n  validationSchema: null,\n  createdProfile: null,\n  paymentMethod: {\n    errors: {},\n    values: {\n      firstName: '',\n      lastName: ''\n    }\n  },\n  billingAddress: {\n    errors: {},\n    values: {\n      address: '',\n      address2: '',\n      city: '',\n      state: '',\n      country: '',\n      zip: ''\n    }\n  }\n};\nvar createPaymentProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_1__.createMachine)({\n  context: initialContext,\n  initial: 'idle',\n  predictableActionArguments: true,\n  on: {\n    UPDATE_FIELD: {\n      actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (ctx, event) {\n        return _defineProperty({}, event.form, _objectSpread(_objectSpread({}, ctx[event.form]), {}, {\n          values: _objectSpread(_objectSpread({}, ctx[event.form].values), {}, _defineProperty({}, event.field, event.value))\n        }));\n      })]\n    },\n    RESET_FIELD_ERROR: {\n      actions: ['resetFieldError']\n    },\n    SET_FIELD_ERROR: {\n      actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (ctx, event) {\n        var error = event.error,\n            field = event.field,\n            form = event.form;\n        return _defineProperty({}, form, _objectSpread(_objectSpread({}, ctx[form]), {}, {\n          errors: _objectSpread(_objectSpread({}, ctx[form].errors), {}, _defineProperty({}, field, error))\n        }));\n      })]\n    }\n  },\n  states: {\n    idle: {\n      on: {\n        SAVE_PAYMENT_METHOD: {\n          target: 'validatePaymentMethod'\n        }\n      }\n    },\n    validatePaymentMethod: {\n      entry: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (ctx) {\n        return {\n          tokenizationError: null,\n          billingAddress: _objectSpread(_objectSpread({}, ctx.billingAddress), {}, {\n            errors: {}\n          })\n        };\n      })],\n      invoke: {\n        id: 'validatePaymentMethod',\n        src: 'validatePaymentMethod',\n        onDone: {\n          target: 'tokenizePaymentMethod'\n        },\n        onError: {\n          target: 'validationError',\n          actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (ctx, event) {\n            return {\n              billingAddress: _objectSpread(_objectSpread({}, ctx.billingAddress), {}, {\n                errors: event.data.errors.billingAddress\n              }),\n              paymentMethod: _objectSpread(_objectSpread({}, ctx.paymentMethod), {}, {\n                errors: event.data.errors.paymentMethod\n              })\n            };\n          })]\n        }\n      }\n    },\n    tokenizePaymentMethod: {\n      invoke: {\n        id: 'tokenizePaymentMethod',\n        src: 'tokenizePaymentMethod',\n        onDone: {\n          target: 'createPaymentProfile',\n          actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (_ctx, event) {\n            return {\n              token: event.data\n            };\n          })]\n        },\n        onError: {\n          target: 'tokenizationError',\n          actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (_ctx, event) {\n            return {\n              tokenizationError: event.data\n            };\n          })]\n        }\n      }\n    },\n    createPaymentProfile: {\n      invoke: {\n        id: 'createProfile',\n        src: 'createPaymentProfile',\n        onDone: {\n          target: 'connectProfileWithSubscription',\n          actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (_ctx, event) {\n            return {\n              createdProfile: event.data\n            };\n          })]\n        },\n        onError: {\n          target: 'createProfileError'\n        }\n      }\n    },\n    connectProfileWithSubscription: {\n      invoke: {\n        id: 'connectProfileWithSubscription',\n        src: 'connectProfileWithSubscription',\n        onDone: {\n          target: 'success',\n          actions: 'onCreateProfileSuccess'\n        },\n        onError: {\n          target: 'connectProfileError'\n        }\n      }\n    },\n    validationError: {\n      on: {\n        SAVE_PAYMENT_METHOD: {\n          target: 'validatePaymentMethod'\n        }\n      }\n    },\n    connectProfileError: {},\n    createProfileError: {\n      on: {\n        SAVE_PAYMENT_METHOD: {\n          target: 'validatePaymentMethod'\n        }\n      }\n    },\n    tokenizationError: {\n      on: {\n        SAVE_PAYMENT_METHOD: {\n          target: 'validatePaymentMethod'\n        }\n      }\n    },\n    success: {\n      type: 'final'\n    }\n  }\n}, {\n  actions: {\n    resetFieldError: _actions__WEBPACK_IMPORTED_MODULE_0__.resetFieldError\n  }\n});\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/createPaymentProfile/createPaymentProfile.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createPaymentProfile\": () => (/* binding */ createPaymentProfile)\n/* harmony export */ });\n/* unused harmony export initialContext */\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/Machine.js\");\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\n/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ \"./packages/subscriptions-manager/src/machines/createPaymentProfile/actions.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\nvar initialContext = {\n  token: null,\n  tokenizationError: null,\n  requiredFields: null,\n  validationSchema: null,\n  createdProfile: null,\n  paymentMethod: {\n    errors: {},\n    values: {\n      firstName: '',\n      lastName: ''\n    }\n  },\n  billingAddress: {\n    errors: {},\n    values: {\n      address: '',\n      address2: '',\n      city: '',\n      state: '',\n      country: '',\n      zip: ''\n    }\n  },\n  paymentProfiles: {\n    idsForReplacement: [],\n    subscriptions: {\n      failed: null,\n      success: null\n    }\n  }\n};\nvar createPaymentProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_1__.createMachine)({\n  context: initialContext,\n  initial: 'idle',\n  predictableActionArguments: true,\n  on: {\n    UPDATE_FIELD: {\n      actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (ctx, event) {\n        return _defineProperty({}, event.form, _objectSpread(_objectSpread({}, ctx[event.form]), {}, {\n          values: _objectSpread(_objectSpread({}, ctx[event.form].values), {}, _defineProperty({}, event.field, event.value))\n        }));\n      })]\n    },\n    RESET_FIELD_ERROR: {\n      actions: ['resetFieldError']\n    },\n    SET_FIELD_ERROR: {\n      actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (ctx, event) {\n        var error = event.error,\n            field = event.field,\n            form = event.form;\n        return _defineProperty({}, form, _objectSpread(_objectSpread({}, ctx[form]), {}, {\n          errors: _objectSpread(_objectSpread({}, ctx[form].errors), {}, _defineProperty({}, field, error))\n        }));\n      })]\n    }\n  },\n  states: {\n    idle: {\n      on: {\n        SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT: {\n          actions: 'setPaymentProfileIdForReplacement'\n        },\n        SAVE_PAYMENT_METHOD: {\n          target: 'validatePaymentMethod'\n        }\n      }\n    },\n    validatePaymentMethod: {\n      entry: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (ctx) {\n        return {\n          tokenizationError: null,\n          billingAddress: _objectSpread(_objectSpread({}, ctx.billingAddress), {}, {\n            errors: {}\n          })\n        };\n      })],\n      invoke: {\n        id: 'validatePaymentMethod',\n        src: 'validatePaymentMethod',\n        onDone: {\n          target: 'tokenizePaymentMethod'\n        },\n        onError: {\n          target: 'validationError',\n          actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (ctx, event) {\n            return {\n              billingAddress: _objectSpread(_objectSpread({}, ctx.billingAddress), {}, {\n                errors: event.data.errors.billingAddress\n              }),\n              paymentMethod: _objectSpread(_objectSpread({}, ctx.paymentMethod), {}, {\n                errors: event.data.errors.paymentMethod\n              })\n            };\n          })]\n        }\n      }\n    },\n    tokenizePaymentMethod: {\n      invoke: {\n        id: 'tokenizePaymentMethod',\n        src: 'tokenizePaymentMethod',\n        onDone: {\n          target: 'createPaymentProfile',\n          actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (_ctx, event) {\n            return {\n              token: event.data\n            };\n          })]\n        },\n        onError: {\n          target: 'tokenizationError',\n          actions: [(0,xstate__WEBPACK_IMPORTED_MODULE_2__.assign)(function (_ctx, event) {\n            return {\n              tokenizationError: event.data\n            };\n          })]\n        }\n      }\n    },\n    createPaymentProfile: {\n      invoke: {\n        id: 'createProfile',\n        src: 'createPaymentProfile',\n        onDone: [{\n          cond: 'hasPaymentProfilesIdsForReplacement',\n          target: 'replacePaymentProfiles',\n          actions: 'assignCreatedProfile'\n        }, {\n          target: 'success',\n          actions: ['assignCreatedProfile', 'onCreateProfileSuccess']\n        }],\n        onError: {\n          target: 'createProfileError'\n        }\n      }\n    },\n    replacePaymentProfiles: {\n      invoke: {\n        id: 'replacePaymentProfiles',\n        src: 'replacePaymentProfiles',\n        onDone: {\n          target: 'success',\n          actions: ['onReplacePaymentProfilesSuccess', 'onCreateProfileSuccess']\n        },\n        onError: {\n          target: 'replacePaymentProfilesError',\n          actions: 'serializePaymentProfilesSubscriptions'\n        }\n      }\n    },\n    validationError: {\n      on: {\n        SAVE_PAYMENT_METHOD: {\n          target: 'validatePaymentMethod'\n        }\n      }\n    },\n    replacePaymentProfilesError: {\n      on: {\n        RETRY_REPLACE_PAYMENT_PROFILES: {\n          target: 'replacePaymentProfiles'\n        }\n      }\n    },\n    createProfileError: {\n      on: {\n        SAVE_PAYMENT_METHOD: {\n          target: 'validatePaymentMethod'\n        }\n      }\n    },\n    tokenizationError: {\n      on: {\n        SAVE_PAYMENT_METHOD: {\n          target: 'validatePaymentMethod'\n        }\n      }\n    },\n    success: {\n      type: 'final'\n    }\n  }\n}, {\n  actions: {\n    serializePaymentProfilesSubscriptions: _actions__WEBPACK_IMPORTED_MODULE_0__.serializePaymentProfilesSubscriptions,\n    setPaymentProfileIdForReplacement: _actions__WEBPACK_IMPORTED_MODULE_0__.setPaymentProfileIdForReplacement,\n    resetFieldError: _actions__WEBPACK_IMPORTED_MODULE_0__.resetFieldError,\n    assignCreatedProfile: _actions__WEBPACK_IMPORTED_MODULE_0__.assignCreatedProfile\n  },\n  guards: {\n    hasPaymentProfilesIdsForReplacement: function hasPaymentProfilesIdsForReplacement(ctx) {\n      return ctx.paymentProfiles.idsForReplacement.length > 0;\n    }\n  }\n});\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/createPaymentProfile/createPaymentProfile.ts?");
 /***/ }),
@@ -9278,7 +9784,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
-eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"paymentProfileSelectors\": () => (/* binding */ paymentProfileSelectors)\n/* harmony export */ });\n/* unused harmony exports getPaymentProfile, getPaymentProfileProcessing, getProfileConnectionError, getRequiredFields, getPaymentProfileErrors */\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\nvar getPaymentProfile = function getPaymentProfile(machineState) {\n  var _machineState$context = machineState.context,\n      paymentMethod = _machineState$context.paymentMethod,\n      billingAddress = _machineState$context.billingAddress,\n      validationSchema = _machineState$context.validationSchema,\n      tokenizationError = _machineState$context.tokenizationError;\n  return {\n    paymentMethod: _objectSpread(_objectSpread({}, paymentMethod), {}, {\n      hostedFieldsErrors: (tokenizationError === null || tokenizationError === void 0 ? void 0 : tokenizationError.invalidFields) || []\n    }),\n    billingAddress: billingAddress,\n    validationSchema: validationSchema\n  };\n};\nvar getPaymentProfileProcessing = function getPaymentProfileProcessing(machineState) {\n  return ['validatePaymentMethod', 'tokenizePaymentMethod', 'createPaymentProfile', 'connectProfileWithSubscription'].some(function (state) {\n    return machineState.matches(state);\n  });\n};\nvar getProfileConnectionError = function getProfileConnectionError(machineState) {\n  return machineState.matches('connectProfileError');\n};\nvar getRequiredFields = function getRequiredFields(machineState) {\n  return machineState.context.requiredFields;\n};\nvar getPaymentProfileErrors = function getPaymentProfileErrors(machineState) {\n  return {\n    tokenization: machineState.context.tokenizationError\n  };\n};\nvar paymentProfileSelectors = {\n  getProfileConnectionError: getProfileConnectionError,\n  getRequiredFields: getRequiredFields,\n  getPaymentProfileErrors: getPaymentProfileErrors,\n  getPaymentProfileProcessing: getPaymentProfileProcessing,\n  getPaymentProfile: getPaymentProfile\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/createPaymentProfile/selectors.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"paymentProfileSelectors\": () => (/* binding */ paymentProfileSelectors)\n/* harmony export */ });\n/* unused harmony exports getPaymentProfile, getPaymentProfileProcessing, getProfileConnectionError, getRequiredFields, getPaymentProfileErrors, getPaymentProfilesReplacementError, getPaymentProfilesIdsForReplacement, getPaymentProfilesSubscriptions, getPaymentProfilesReplacementProcessing */\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\nvar getPaymentProfile = function getPaymentProfile(machineState) {\n  var _machineState$context = machineState.context,\n      paymentMethod = _machineState$context.paymentMethod,\n      billingAddress = _machineState$context.billingAddress,\n      validationSchema = _machineState$context.validationSchema,\n      tokenizationError = _machineState$context.tokenizationError;\n  return {\n    paymentMethod: _objectSpread(_objectSpread({}, paymentMethod), {}, {\n      hostedFieldsErrors: (tokenizationError === null || tokenizationError === void 0 ? void 0 : tokenizationError.invalidFields) || []\n    }),\n    billingAddress: billingAddress,\n    validationSchema: validationSchema\n  };\n};\nvar getPaymentProfileProcessing = function getPaymentProfileProcessing(machineState) {\n  return ['validatePaymentMethod', 'tokenizePaymentMethod', 'createPaymentProfile', 'connectProfileWithSubscription', 'replacePaymentProfiles'].some(function (state) {\n    return machineState.matches(state);\n  });\n};\nvar getProfileConnectionError = function getProfileConnectionError(machineState) {\n  return machineState.matches('connectProfileError');\n};\nvar getRequiredFields = function getRequiredFields(machineState) {\n  return machineState.context.requiredFields;\n};\nvar getPaymentProfileErrors = function getPaymentProfileErrors(machineState) {\n  return {\n    tokenization: machineState.context.tokenizationError\n  };\n};\nvar getPaymentProfilesReplacementError = function getPaymentProfilesReplacementError(machineState) {\n  return machineState.matches('replacePaymentProfilesError');\n};\nvar getPaymentProfilesIdsForReplacement = function getPaymentProfilesIdsForReplacement(machineState) {\n  return machineState.context.paymentProfiles.idsForReplacement;\n};\nvar getPaymentProfilesSubscriptions = function getPaymentProfilesSubscriptions(machineState) {\n  return machineState.context.paymentProfiles.subscriptions;\n};\nvar getPaymentProfilesReplacementProcessing = function getPaymentProfilesReplacementProcessing(machineState) {\n  return machineState.matches('replacePaymentProfiles');\n};\nvar paymentProfileSelectors = {\n  getProfileConnectionError: getProfileConnectionError,\n  getRequiredFields: getRequiredFields,\n  getPaymentProfileErrors: getPaymentProfileErrors,\n  getPaymentProfileProcessing: getPaymentProfileProcessing,\n  getPaymentProfile: getPaymentProfile,\n  getPaymentProfilesIdsForReplacement: getPaymentProfilesIdsForReplacement,\n  getPaymentProfilesSubscriptions: getPaymentProfilesSubscriptions,\n  getPaymentProfilesReplacementError: getPaymentProfilesReplacementError,\n  getPaymentProfilesReplacementProcessing: getPaymentProfilesReplacementProcessing\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/createPaymentProfile/selectors.ts?");
 /***/ }),
@@ -9355,7 +9861,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 */   \"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\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 */ });\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?");
 /***/ }),
@@ -9377,7 +9883,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  },\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};\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            return {\n              createPaymentProfile: {\n                catalogId: catalogId,\n                subscriptionId: subscriptionId,\n                paymentMethod: paymentMethod\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      }\n    },\n    createPaymentProfile: {},\n    previewPaymentProfile: {},\n    changePaymentProfile: {},\n    deletePaymentProfile: {},\n    reactivateSubscription: {},\n    paymentProfile: {},\n    addonsConfiguration: {},\n    pauseSubscription: {},\n    resumeSubscription: {},\n    cancelSubscription: {},\n    undoCancelation: {}\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};\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?");
 /***/ }),
@@ -9388,7 +9894,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 */\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 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};\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 */\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?");
 /***/ }),
@@ -9465,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 */   \"addPaymentProfile\": () => (/* binding */ addPaymentProfile),\n/* harmony export */   \"deletePaymentProfile\": () => (/* binding */ deletePaymentProfile),\n/* harmony export */   \"setActivePaymentProfile\": () => (/* binding */ setActivePaymentProfile)\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/index.js\");\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\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\n\nvar setActivePaymentProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)(function (context, event) {\n  return {\n    paymentProfiles: context.paymentProfiles.map(function (profile) {\n      if (profile.status === \"active\") {\n        return _objectSpread(_objectSpread({}, profile), {}, {\n          status: \"normal\"\n        });\n      }\n\n      if (profile.id === event.paymentProfileId) {\n        return _objectSpread(_objectSpread({}, profile), {}, {\n          status: \"active\"\n        });\n      }\n\n      return profile;\n    })\n  };\n});\nvar addPaymentProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)(function (context, event) {\n  return {\n    paymentProfiles: [].concat(_toConsumableArray(context.paymentProfiles), [event.paymentProfile])\n  };\n});\nvar deletePaymentProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)(function (context, event) {\n  return {\n    paymentProfiles: context.paymentProfiles.filter(function (profile) {\n      return profile.id !== event.paymentProfileId;\n    })\n  };\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/paymentProfiles/actions.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"addPaymentProfile\": () => (/* binding */ addPaymentProfile),\n/* harmony export */   \"deletePaymentProfile\": () => (/* binding */ deletePaymentProfile),\n/* harmony export */   \"setActivePaymentProfile\": () => (/* binding */ setActivePaymentProfile)\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/index.js\");\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\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\n\nvar setActivePaymentProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)(function (context, event) {\n  return {\n    paymentProfiles: context.paymentProfiles.map(function (profile) {\n      if (profile.status === \"active\") {\n        return _objectSpread(_objectSpread({}, profile), {}, {\n          status: \"normal\"\n        });\n      }\n\n      if (profile.id === event.paymentProfileId) {\n        return _objectSpread(_objectSpread({}, profile), {}, {\n          status: \"active\"\n        });\n      }\n\n      return profile;\n    })\n  };\n});\nvar addPaymentProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)(function (context, event) {\n  return {\n    paymentProfiles: [].concat(_toConsumableArray(context.paymentProfiles), [_objectSpread(_objectSpread({}, event.paymentProfile), {}, {\n      status: \"normal\"\n    })])\n  };\n});\nvar deletePaymentProfile = (0,xstate__WEBPACK_IMPORTED_MODULE_0__.assign)(function (context, event) {\n  return {\n    paymentProfiles: context.paymentProfiles.filter(function (profile) {\n      return profile.id !== event.paymentProfileId;\n    })\n  };\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/paymentProfiles/actions.ts?");
 /***/ }),
@@ -9487,7 +9993,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 */   \"paymentProfiles\": () => (/* binding */ paymentProfiles)\n/* harmony export */ });\n/* unused harmony export initialContext */\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/Machine.js\");\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\n/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ \"./packages/subscriptions-manager/src/machines/paymentProfiles/actions.ts\");\n/* harmony import */ var _serializers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./serializers */ \"./packages/subscriptions-manager/src/machines/paymentProfiles/serializers.ts\");\n\n\n\nvar initialContext = {\n  vaultCurrencies: null,\n  subscriptionCurrency: null,\n  error: null,\n  subscriptionPaymentProfileId: null,\n  paymentProfiles: []\n};\nvar paymentProfiles = (0,xstate__WEBPACK_IMPORTED_MODULE_2__.createMachine)({\n  predictableActionArguments: true,\n  context: initialContext,\n  initial: 'idle',\n  states: {\n    idle: {\n      on: {\n        INITIALIZE: {\n          target: 'fetchingProfiles'\n        }\n      }\n    },\n    fetchingProfiles: {\n      invoke: {\n        id: 'paymentProfilesFetch',\n        src: 'getPaymentProfiles',\n        onDone: {\n          target: 'ready',\n          actions: (0,xstate__WEBPACK_IMPORTED_MODULE_3__.assign)(function (ctx, event) {\n            return {\n              paymentProfiles: (0,_serializers__WEBPACK_IMPORTED_MODULE_1__.serializePaymentProfiles)(event.data.items, ctx.vaultCurrencies, ctx.subscriptionCurrency, ctx.subscriptionPaymentProfileId)\n            };\n          })\n        },\n        onError: {\n          target: 'error'\n        }\n      }\n    },\n    error: {\n      on: {\n        RETRY_FETCH: 'fetchingProfiles'\n      }\n    },\n    ready: {\n      on: {\n        DELETE_PAYMENT_PROFILE: {\n          actions: 'deletePaymentProfile'\n        },\n        ADD_PAYMENT_PROFILE: {\n          actions: ['addPaymentProfile', 'setActivePaymentProfile']\n        },\n        CHANGE_PAYMENT_PROFILE: {\n          actions: 'setActivePaymentProfile'\n        }\n      }\n    }\n  }\n}, {\n  actions: {\n    deletePaymentProfile: _actions__WEBPACK_IMPORTED_MODULE_0__.deletePaymentProfile,\n    setActivePaymentProfile: _actions__WEBPACK_IMPORTED_MODULE_0__.setActivePaymentProfile,\n    addPaymentProfile: _actions__WEBPACK_IMPORTED_MODULE_0__.addPaymentProfile\n  }\n});\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/paymentProfiles/paymentProfiles.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"paymentProfiles\": () => (/* binding */ paymentProfiles)\n/* harmony export */ });\n/* unused harmony export initialContext */\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/Machine.js\");\n/* harmony import */ var xstate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! xstate */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/es/index.js\");\n/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ \"./packages/subscriptions-manager/src/machines/paymentProfiles/actions.ts\");\n/* harmony import */ var _serializers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./serializers */ \"./packages/subscriptions-manager/src/machines/paymentProfiles/serializers.ts\");\n\n\n\nvar initialContext = {\n  vaultCurrencies: null,\n  subscriptionCurrency: null,\n  error: null,\n  subscriptionPaymentProfileId: null,\n  paymentProfiles: []\n};\nvar paymentProfiles = (0,xstate__WEBPACK_IMPORTED_MODULE_2__.createMachine)({\n  predictableActionArguments: true,\n  context: initialContext,\n  initial: 'idle',\n  states: {\n    idle: {\n      on: {\n        INITIALIZE: {\n          target: 'fetchingProfiles'\n        }\n      }\n    },\n    fetchingProfiles: {\n      invoke: {\n        id: 'paymentProfilesFetch',\n        src: 'getPaymentProfiles',\n        onDone: {\n          target: 'ready',\n          actions: (0,xstate__WEBPACK_IMPORTED_MODULE_3__.assign)(function (ctx, event) {\n            return {\n              paymentProfiles: (0,_serializers__WEBPACK_IMPORTED_MODULE_1__.serializePaymentProfiles)(event.data.items, ctx.vaultCurrencies, ctx.subscriptionCurrency, ctx.subscriptionPaymentProfileId)\n            };\n          })\n        },\n        onError: {\n          target: 'error'\n        }\n      }\n    },\n    error: {\n      on: {\n        RETRY_FETCH: 'fetchingProfiles'\n      }\n    },\n    ready: {\n      on: {\n        DELETE_PAYMENT_PROFILE: {\n          actions: 'deletePaymentProfile'\n        },\n        ADD_PAYMENT_PROFILE: {\n          actions: 'addPaymentProfile'\n        },\n        CHANGE_PAYMENT_PROFILE: {\n          actions: 'setActivePaymentProfile'\n        }\n      }\n    }\n  }\n}, {\n  actions: {\n    deletePaymentProfile: _actions__WEBPACK_IMPORTED_MODULE_0__.deletePaymentProfile,\n    setActivePaymentProfile: _actions__WEBPACK_IMPORTED_MODULE_0__.setActivePaymentProfile,\n    addPaymentProfile: _actions__WEBPACK_IMPORTED_MODULE_0__.addPaymentProfile\n  }\n});\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/machines/paymentProfiles/paymentProfiles.ts?");
 /***/ }),
@@ -9986,6 +10492,72 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ }),
+/***/ "./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/ChangeSubscriptionPlan.tsx":
+/*!*****************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/ChangeSubscriptionPlan.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 _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 _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__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/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 _machines__WEBPACK_IMPORTED_MODULE_4__ = __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\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar ChangeSubscriptionPlan = function ChangeSubscriptionPlan() {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      closeDisable = _useState2[0],\n      setCloseDisable = _useState2[1];\n\n  var _useServices = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.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_4__.modalsSelectors.getChangeSubscriptionPlan),\n      isOpen = _useSelector.isOpen,\n      meta = _useSelector.meta;\n\n  var closeHandler = function closeHandler(successUpdate) {\n    if (!closeDisable || successUpdate) 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: function onClose() {\n      return closeHandler();\n    },\n    variant: modalVariant,\n    width: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Content, _objectSpread(_objectSpread({}, meta), {}, {\n    displayMode: modalVariant,\n    onProcessingUpdate: function onProcessingUpdate(isProcessing) {\n      return setCloseDisable(isProcessing);\n    },\n    onClose: closeHandler\n  })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChangeSubscriptionPlan);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/ChangeSubscriptionPlan.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/Content.tsx":
+/*!*********************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/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 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?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.tsx":
+/*!***********************************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.tsx ***!
+  \***********************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ErrorAlert\": () => (/* binding */ ErrorAlert)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n\n\n\nvar ErrorAlert = function ErrorAlert() {\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n    color: 'danger',\n    title: t('plan_change.unexpected_error_title')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n    variant: \"body2\",\n    color: \"danger.dark\"\n  }, t('plan_change.unexpected_error_description')));\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/components/ErrorAlert.tsx?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/Content/index.ts":
+/*!******************************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/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/ChangeSubscriptionPlan/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/ChangeSubscriptionPlan/components/Content/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/index.ts":
+/*!**********************************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/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/ChangeSubscriptionPlan/components/Content/index.ts\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/components/index.ts?");
+/***/ }),
+/***/ "./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/index.ts":
+/*!***********************************************************************************!*\
+  !*** ./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/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 _ChangeSubscriptionPlan__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ChangeSubscriptionPlan */ \"./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/ChangeSubscriptionPlan.tsx\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_ChangeSubscriptionPlan__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/ChangeSubscriptionPlan/index.ts?");
+/***/ }),
 /***/ "./packages/subscriptions-manager/src/modals/ComponentsAllocation/ComponentsAllocation.tsx":
 /*!*************************************************************************************************!*\
   !*** ./packages/subscriptions-manager/src/modals/ComponentsAllocation/ComponentsAllocation.tsx ***!
@@ -10059,7 +10631,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_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_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 _containers_CreatePaymentProfileContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../containers/CreatePaymentProfileContainer */ \"./packages/subscriptions-manager/src/containers/CreatePaymentProfileContainer/index.ts\");\n/* harmony import */ var _containers_CreatePaymentProfileErrorContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../containers/CreatePaymentProfileErrorContainer */ \"./packages/subscriptions-manager/src/containers/CreatePaymentProfileErrorContainer/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/modals/CreatePaymentProfile/components/Content/constants.ts\");\n\n\n\n\n\n\n\n\n\nvar Content = function Content(_ref) {\n  var onClose = _ref.onClose,\n      onProcessingUpdate = _ref.onProcessingUpdate,\n      paymentMethod = _ref.paymentMethod,\n      subscriptionId = _ref.subscriptionId,\n      displayMode = _ref.displayMode,\n      catalogId = _ref.catalogId;\n  var toastService = (0,_chargify_toasts__WEBPACK_IMPORTED_MODULE_1__.useToastMessages)();\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_7__.useTranslation)(['subscriptions-manager', 'payment-profile']),\n      t = _useTranslation.t;\n\n  var onCreateProfileSuccess = function onCreateProfileSuccess() {\n    onClose(true);\n    toastService.show({\n      level: 'success',\n      message: t('success_payment_method_save', {\n        ns: 'payment-profile'\n      })\n    });\n  };\n\n  var _useCreatePaymentProf = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useCreatePaymentProfile)({\n    catalogId: catalogId,\n    subscriptionId: subscriptionId,\n    formElementId: _constants__WEBPACK_IMPORTED_MODULE_6__.FORM_ELEMENT_ID,\n    paymentMethodType: paymentMethod,\n    onCreateSuccess: onCreateProfileSuccess\n  }),\n      isProcessing = _useCreatePaymentProf.isProcessing,\n      isProfileConnectionError = _useCreatePaymentProf.isProfileConnectionError,\n      savePaymentMethod = _useCreatePaymentProf.savePaymentMethod,\n      service = _useCreatePaymentProf.service;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    onProcessingUpdate(isProcessing);\n  }, [isProcessing]);\n  var paymentMethodsTranslations = {\n    creditCard: t('payment_profile.card'),\n    bankAccount: t('payment_profile.bank_account')\n  };\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('payment_profile.new_payment_method', {\n      paymentMethod: paymentMethodsTranslations[paymentMethod]\n    })\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card.Body, null, !isProfileConnectionError && /*#__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_2__.Box, {\n    paddingBottom: 8\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Alert, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Alert.TextMessage, null, t('payment_profile.default_active_payment_method', {\n    paymentMethod: paymentMethodsTranslations[paymentMethod]\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_CreatePaymentProfileContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    formElementId: _constants__WEBPACK_IMPORTED_MODULE_6__.FORM_ELEMENT_ID,\n    paymentMethodType: paymentMethod,\n    paymentProfileRef: service\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_CreatePaymentProfileErrorContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    paymentProfileRef: service\n  })), /*#__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  }, /*#__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  }), !isProfileConnectionError && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n    label: t('payment_profile.save_payment_method', {\n      ns: 'subscriptions-manager'\n    }),\n    disabled: isProcessing,\n    isLoading: isProcessing,\n    loadingText: t('processing', {\n      ns: 'common'\n    }),\n    onClick: function onClick() {\n      return savePaymentMethod();\n    }\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/CreatePaymentProfile/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 _xstate_react__WEBPACK_IMPORTED_MODULE_10__ = __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_9__ = __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_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 _containers_CreatePaymentProfileContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../containers/CreatePaymentProfileContainer */ \"./packages/subscriptions-manager/src/containers/CreatePaymentProfileContainer/index.ts\");\n/* harmony import */ var _containers_CreatePaymentProfileErrorContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../containers/CreatePaymentProfileErrorContainer */ \"./packages/subscriptions-manager/src/containers/CreatePaymentProfileErrorContainer/index.ts\");\n/* harmony import */ var _containers_ReplacePaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../containers/ReplacePaymentProfilesContainer */ \"./packages/subscriptions-manager/src/containers/ReplacePaymentProfilesContainer/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/modals/CreatePaymentProfile/components/Content/constants.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\nvar Content = function Content(_ref) {\n  var activePaymentProfileId = _ref.activePaymentProfileId,\n      onClose = _ref.onClose,\n      onProcessingUpdate = _ref.onProcessingUpdate,\n      paymentMethod = _ref.paymentMethod,\n      subscriptionId = _ref.subscriptionId,\n      displayMode = _ref.displayMode,\n      catalogId = _ref.catalogId;\n  var toastService = (0,_chargify_toasts__WEBPACK_IMPORTED_MODULE_1__.useToastMessages)();\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_9__.useTranslation)(['subscriptions-manager', 'payment-profile']),\n      t = _useTranslation.t;\n\n  var onCreateProfileSuccess = function onCreateProfileSuccess() {\n    onClose(true);\n    toastService.show({\n      level: 'success',\n      message: t('success_payment_method_save', {\n        ns: 'payment-profile'\n      })\n    });\n  };\n\n  var _useCreatePaymentProf = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useCreatePaymentProfile)({\n    activePaymentProfileId: activePaymentProfileId,\n    catalogId: catalogId,\n    subscriptionId: subscriptionId,\n    formElementId: _constants__WEBPACK_IMPORTED_MODULE_8__.FORM_ELEMENT_ID,\n    paymentMethodType: paymentMethod,\n    onCreateSuccess: onCreateProfileSuccess\n  }),\n      isProcessing = _useCreatePaymentProf.isProcessing,\n      isProfileConnectionError = _useCreatePaymentProf.isProfileConnectionError,\n      savePaymentMethod = _useCreatePaymentProf.savePaymentMethod,\n      service = _useCreatePaymentProf.service;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    onProcessingUpdate(isProcessing);\n  }, [isProcessing]);\n  var paymentMethodsTranslations = {\n    creditCard: t('payment_profile.card'),\n    bankAccount: t('payment_profile.bank_account')\n  };\n  var isPaymentProfilesReplacementError = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(service, _machines__WEBPACK_IMPORTED_MODULE_7__.paymentProfileSelectors.getPaymentProfilesReplacementError);\n  var isError = isProfileConnectionError || isPaymentProfilesReplacementError;\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('payment_profile.new_payment_method_title', {\n      paymentMethod: paymentMethodsTranslations[paymentMethod]\n    })\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Card.Body, null, !isProfileConnectionError && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !isPaymentProfilesReplacementError ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_CreatePaymentProfileContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    formElementId: _constants__WEBPACK_IMPORTED_MODULE_8__.FORM_ELEMENT_ID,\n    paymentMethodType: paymentMethod,\n    paymentProfileRef: service\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Box, {\n    paddingTop: 6,\n    paddingBottom: 5\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Alert, {\n    color: 'success'\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Alert.TextMessage, {\n    fontWeight: 600\n  }, t('payment_profile.data_is_stored_safely'))))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_ReplacePaymentProfilesContainer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    paymentProfileRef: service\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_CreatePaymentProfileErrorContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    paymentProfileRef: service\n  })), /*#__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  }, /*#__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  }), !isError && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.Button, {\n    label: t('payment_profile.save_payment_method', {\n      ns: 'subscriptions-manager',\n      paymentMethod: paymentMethodsTranslations[paymentMethod]\n    }),\n    disabled: isProcessing,\n    isLoading: isProcessing,\n    loadingText: t('processing', {\n      ns: 'common'\n    }),\n    onClick: function onClick() {\n      return savePaymentMethod();\n    }\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/modals/CreatePaymentProfile/components/Content/Content.tsx?");
 /***/ }),
@@ -10510,7 +11082,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 */   \"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\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 */   \"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?");
 /***/ }),
@@ -10576,7 +11148,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 */   \"serializeSubscription\": () => (/* binding */ serializeSubscription)\n/* harmony export */ });\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/models/subscription/constants.ts\");\nvar _excluded = [\"state\"];\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\nvar setStatus = function setStatus(state, scheduledCancellationAt) {\n  var status = _constants__WEBPACK_IMPORTED_MODULE_0__.SUBSCRIPTION_STATES[state] || 'active';\n  if (status === 'active' && scheduledCancellationAt) return 'cancellation_scheduled';\n  return status;\n};\n\nvar serializeSubscription = function serializeSubscription(subscription) {\n  var state = subscription.state,\n      model = _objectWithoutProperties(subscription, _excluded);\n\n  return _objectSpread(_objectSpread({}, model), {}, {\n    status: setStatus(state, model.scheduledCancellationAt)\n  });\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/models/subscription/serialize.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"serializeSubscription\": () => (/* binding */ serializeSubscription)\n/* harmony export */ });\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/models/subscription/constants.ts\");\nvar _excluded = [\"state\"];\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\nvar setStatus = function setStatus(state, scheduledCancellationAt, nextProductId) {\n  var status = _constants__WEBPACK_IMPORTED_MODULE_0__.SUBSCRIPTION_STATES[state] || 'active';\n  if (status === 'active' && scheduledCancellationAt) return 'cancellation_scheduled';\n  if (['active', 'trial'].includes(status) && nextProductId) return 'plan_change_scheduled';\n  return status;\n};\n\nvar serializeSubscription = function serializeSubscription(subscription) {\n  var state = subscription.state,\n      model = _objectWithoutProperties(subscription, _excluded);\n\n  return _objectSpread(_objectSpread({}, model), {}, {\n    status: setStatus(state, model.scheduledCancellationAt, model.nextProductId)\n  });\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/models/subscription/serialize.ts?");
 /***/ }),
@@ -10587,7 +11159,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  balanceInCents: 0,\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  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?");
 /***/ }),
@@ -10620,7 +11192,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_router_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/.pnpm/react-router@6.3.0_react@18.2.0/node_modules/react-router/index.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.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/useActor.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_9__ = __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_toasts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/toasts */ \"./packages/toasts/src/index.ts\");\n/* harmony import */ var _chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/device-provider */ \"./packages/device-provider/src/index.ts\");\n/* harmony import */ var _components_CustomFieldsForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/CustomFieldsForm */ \"./packages/subscriptions-manager/src/components/CustomFieldsForm/index.ts\");\n/* harmony import */ var _machines_customFields_selectors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../machines/customFields/selectors */ \"./packages/subscriptions-manager/src/machines/customFields/selectors.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_7__ = __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\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar CustomFields = function CustomFields() {\n  var navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useNavigate)();\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_9__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_7__.GlobalStateContext),\n      subscriptionsService = _useContext.subscriptionsService;\n\n  var _useParams = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useParams)(),\n      subscriptionId = _useParams.subscriptionId,\n      catalogId = _useParams.catalogId;\n\n  var toastsService = (0,_chargify_toasts__WEBPACK_IMPORTED_MODULE_2__.useToastMessages)();\n\n  var _useDeviceInfo = (0,_chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__.useDeviceInfo)(),\n      device = _useDeviceInfo.device;\n\n  var isOnMobileDevice = ['tablet', 'mobile'].includes(device);\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(subscriptionsService, (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(_machines__WEBPACK_IMPORTED_MODULE_6__.subscriptionsSelectors.getSubscriptionById(Number(catalogId), Number(subscriptionId)), [])),\n      customFieldsRef = _useSelector.customFieldsRef,\n      subscription = _useSelector.subscription;\n\n  var name = subscription.product.name;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      editedFields = _useState2[0],\n      setEditedFields = _useState2[1];\n\n  var _useActor = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useActor)(customFieldsRef),\n      _useActor2 = _slicedToArray(_useActor, 2),\n      _ = _useActor2[0],\n      sendToMachine = _useActor2[1];\n\n  var _useSelector2 = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(customFieldsRef, _machines_customFields_selectors__WEBPACK_IMPORTED_MODULE_5__.customFieldsSelectors.getSubscriptionCustomFieldsState),\n      isReady = _useSelector2.isReady,\n      isSaving = _useSelector2.isSaving,\n      isSaveError = _useSelector2.isSaveError;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (isReady) {\n      toastsService.show({\n        level: 'success',\n        message: t('changes_saved', {\n          ns: 'common'\n        })\n      });\n      navigate('/');\n    }\n  }, [isReady]);\n  var customFields = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(customFieldsRef, _machines_customFields_selectors__WEBPACK_IMPORTED_MODULE_5__.customFieldsSelectors.getSubscriptionCustomFields);\n\n  var onFieldValueChange = function onFieldValueChange(id, value) {\n    var fields = _toConsumableArray(editedFields);\n\n    var index = fields.findIndex(function (field) {\n      return field.id === id;\n    });\n    fields[index] = _objectSpread(_objectSpread({}, fields[index]), {}, {\n      value: value\n    });\n    setEditedFields(fields);\n  };\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    setEditedFields(customFields);\n  }, [customFields]);\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__.PageHeader, {\n    title: name,\n    size: isOnMobileDevice ? 'small' : 'medium'\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: \"h3\"\n  }, t('custom_fields.additional_settings', {\n    ns: 'subscriptions-manager'\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Body, null, editedFields && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_CustomFieldsForm__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    customFields: editedFields,\n    onChange: onFieldValueChange,\n    isError: isSaveError\n  })), /*#__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(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button.Group, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('custom_fields.update_additional_settings'),\n    color: 'primary',\n    onClick: function onClick() {\n      sendToMachine({\n        type: 'SAVE',\n        payload: editedFields.map(function (_ref) {\n          var id = _ref.id,\n              value = _ref.value;\n          return {\n            id: id,\n            value: value\n          };\n        })\n      });\n    },\n    isLoading: isSaving\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('cancel', {\n      ns: 'common'\n    }),\n    color: 'secondary',\n    onClick: function onClick() {\n      return navigate('/');\n    }\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomFields);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/pages/CustomFields/CustomFields.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_router_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/.pnpm/react-router@6.3.0_react@18.2.0/node_modules/react-router/index.js\");\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.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/useActor.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_9__ = __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_toasts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/toasts */ \"./packages/toasts/src/index.ts\");\n/* harmony import */ var _chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/device-provider */ \"./packages/device-provider/src/index.ts\");\n/* harmony import */ var _components_CustomFieldsForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/CustomFieldsForm */ \"./packages/subscriptions-manager/src/components/CustomFieldsForm/index.ts\");\n/* harmony import */ var _machines_customFields_selectors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../machines/customFields/selectors */ \"./packages/subscriptions-manager/src/machines/customFields/selectors.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_7__ = __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\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar CustomFields = function CustomFields() {\n  var navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useNavigate)();\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_9__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_7__.GlobalStateContext),\n      subscriptionsService = _useContext.subscriptionsService;\n\n  var _useParams = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useParams)(),\n      subscriptionId = _useParams.subscriptionId,\n      catalogId = _useParams.catalogId;\n\n  var toastsService = (0,_chargify_toasts__WEBPACK_IMPORTED_MODULE_2__.useToastMessages)();\n\n  var _useDeviceInfo = (0,_chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__.useDeviceInfo)(),\n      device = _useDeviceInfo.device;\n\n  var isOnMobileDevice = ['tablet', 'mobile'].includes(device);\n  var portalContainer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(subscriptionsService, (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(_machines__WEBPACK_IMPORTED_MODULE_6__.subscriptionsSelectors.getSubscriptionById(Number(catalogId), Number(subscriptionId)), [])),\n      customFieldsRef = _useSelector.customFieldsRef,\n      subscription = _useSelector.subscription;\n\n  var name = subscription.product.name;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      editedFields = _useState2[0],\n      setEditedFields = _useState2[1];\n\n  var _useActor = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useActor)(customFieldsRef),\n      _useActor2 = _slicedToArray(_useActor, 2),\n      _ = _useActor2[0],\n      sendToMachine = _useActor2[1];\n\n  var _useSelector2 = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(customFieldsRef, _machines_customFields_selectors__WEBPACK_IMPORTED_MODULE_5__.customFieldsSelectors.getSubscriptionCustomFieldsState),\n      isReady = _useSelector2.isReady,\n      isSaving = _useSelector2.isSaving,\n      isSaveError = _useSelector2.isSaveError;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (isReady) {\n      toastsService.show({\n        level: 'success',\n        message: t('changes_saved', {\n          ns: 'common'\n        })\n      });\n      navigate('/');\n    }\n  }, [isReady]);\n  var customFields = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(customFieldsRef, _machines_customFields_selectors__WEBPACK_IMPORTED_MODULE_5__.customFieldsSelectors.getSubscriptionCustomFields);\n\n  var onFieldValueChange = function onFieldValueChange(id, value) {\n    var fields = _toConsumableArray(editedFields);\n\n    var index = fields.findIndex(function (field) {\n      return field.id === id;\n    });\n    fields[index] = _objectSpread(_objectSpread({}, fields[index]), {}, {\n      value: value\n    });\n    setEditedFields(fields);\n  };\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    setEditedFields(customFields);\n  }, [customFields]);\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__.PageHeader, {\n    title: name,\n    size: isOnMobileDevice ? 'small' : 'medium'\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n    variant: \"h3\"\n  }, t('custom_fields.additional_settings', {\n    ns: 'subscriptions-manager'\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Card.Body, null, editedFields && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_CustomFieldsForm__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    portalContainer: portalContainer,\n    customFields: editedFields,\n    onChange: onFieldValueChange,\n    isError: isSaveError\n  })), /*#__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(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button.Group, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('custom_fields.update_additional_settings'),\n    color: 'primary',\n    onClick: function onClick() {\n      sendToMachine({\n        type: 'SAVE',\n        payload: editedFields.map(function (_ref) {\n          var id = _ref.id,\n              value = _ref.value;\n          return {\n            id: id,\n            value: value\n          };\n        })\n      });\n    },\n    isLoading: isSaving\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Button, {\n    label: t('cancel', {\n      ns: 'common'\n    }),\n    color: 'secondary',\n    onClick: function onClick() {\n      return navigate('/');\n    }\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    ref: portalContainer,\n    style: {\n      position: 'absolute',\n      top: 0,\n      left: 0\n    }\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomFields);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/pages/CustomFields/CustomFields.tsx?");
 /***/ }),
@@ -10785,7 +11357,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 */   \"defaultSettings\": () => (/* binding */ defaultSettings)\n/* harmony export */ });\nvar defaultSettings = {\n  componentsAllocation: {\n    allocationFlow: 'modal',\n    customerSelfService: true\n  },\n  subscription: {\n    details: 'page',\n    churnReasonCodes: true,\n    scopes: ['subscription:pause', 'subscription:resume', 'subscription:cancel-immediate', 'subscription:cancel-delayed', 'subscription:cancel-scheduled']\n  },\n  paymentProfile: {\n    visible: true,\n    editAllowed: true,\n    editFlow: 'modal',\n    requiredFields: [],\n    addressFields: ['address', 'address2', 'city', 'state', 'zip', 'country']\n  }\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/settings.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"defaultSettings\": () => (/* binding */ defaultSettings)\n/* harmony export */ });\nvar defaultSettings = {\n  componentsAllocation: {\n    allocationFlow: 'modal',\n    customerSelfService: true\n  },\n  subscription: {\n    details: 'page',\n    churnReasonCodes: true,\n    scopes: ['subscription:pause', 'subscription:resume', 'subscription:cancel-immediate', 'subscription:cancel-delayed', 'subscription:cancel-scheduled', 'subscription:plan-change']\n  },\n  paymentProfile: {\n    visible: true,\n    editAllowed: true,\n    editFlow: 'modal',\n    requiredFields: [],\n    addressFields: ['address', 'address2', 'city', 'state', 'zip', 'country']\n  }\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/settings.ts?");
 /***/ }),
@@ -10829,7 +11401,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 */   \"sortSubscriptions\": () => (/* binding */ sortSubscriptions)\n/* harmony export */ });\nvar subscriptionStatusPriority = {\n  active: 3,\n  on_hold: 2,\n  canceled: 1,\n  trial: 0,\n  expired: 0,\n  cancellation_scheduled: 0,\n  past_due: 0,\n  paused: 0,\n  unpaid: 0,\n  trial_expired: 0\n};\n\nvar sortByStatus = function sortByStatus(a, b) {\n  if (subscriptionStatusPriority[a] === subscriptionStatusPriority[b]) {\n    return 0;\n  }\n\n  return subscriptionStatusPriority[a] < subscriptionStatusPriority[b] ? 1 : -1;\n};\n\nvar sortByDate = function sortByDate(a, b) {\n  if (a === null) return 1;\n  if (b === null) return -1;\n  return new Date(a).getTime() - new Date(b).getTime();\n};\n\nvar sortAlphabetically = function sortAlphabetically(a, b) {\n  return a.localeCompare(b);\n};\n\nvar sortSubscriptions = function sortSubscriptions(subA, subB) {\n  var sortByStatusValue = sortByStatus(subA.status, subB.status);\n\n  if (sortByStatusValue) {\n    return sortByStatusValue;\n  }\n\n  if (subA.currentPeriodEndsAt || subB.currentPeriodEndsAt) {\n    return sortByDate(subA.currentPeriodEndsAt, subB.currentPeriodEndsAt);\n  }\n\n  return sortAlphabetically(subA.product.name, subB.product.name);\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/utils/sortSubscriptions.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"sortSubscriptions\": () => (/* binding */ sortSubscriptions)\n/* harmony export */ });\nvar subscriptionStatusPriority = {\n  active: 3,\n  plan_change_scheduled: 3,\n  on_hold: 2,\n  canceled: 1,\n  trial: 0,\n  expired: 0,\n  cancellation_scheduled: 0,\n  past_due: 0,\n  paused: 0,\n  unpaid: 0,\n  trial_expired: 0\n};\n\nvar sortByStatus = function sortByStatus(a, b) {\n  if (subscriptionStatusPriority[a] === subscriptionStatusPriority[b]) {\n    return 0;\n  }\n\n  return subscriptionStatusPriority[a] < subscriptionStatusPriority[b] ? 1 : -1;\n};\n\nvar sortByDate = function sortByDate(a, b) {\n  if (a === null) return 1;\n  if (b === null) return -1;\n  return new Date(a).getTime() - new Date(b).getTime();\n};\n\nvar sortAlphabetically = function sortAlphabetically(a, b) {\n  return a.localeCompare(b);\n};\n\nvar sortSubscriptions = function sortSubscriptions(subA, subB) {\n  var sortByStatusValue = sortByStatus(subA.status, subB.status);\n\n  if (sortByStatusValue) {\n    return sortByStatusValue;\n  }\n\n  if (subA.currentPeriodEndsAt || subB.currentPeriodEndsAt) {\n    return sortByDate(subA.currentPeriodEndsAt, subB.currentPeriodEndsAt);\n  }\n\n  return sortAlphabetically(subA.product.name, subB.product.name);\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/utils/sortSubscriptions.ts?");
 /***/ }),
@@ -13511,7 +14083,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 */   \"alignItems\": () => (/* binding */ alignItems),\n/* harmony export */   \"border\": () => (/* reexport safe */ _styled_system_border__WEBPACK_IMPORTED_MODULE_6__.border),\n/* harmony export */   \"borderColor\": () => (/* binding */ borderColor),\n/* harmony export */   \"borderRadius\": () => (/* binding */ borderRadius),\n/* harmony export */   \"color\": () => (/* reexport safe */ _styled_system_color__WEBPACK_IMPORTED_MODULE_2__.color),\n/* harmony export */   \"display\": () => (/* binding */ display),\n/* harmony export */   \"flex\": () => (/* binding */ flex),\n/* harmony export */   \"flexDirection\": () => (/* binding */ flexDirection),\n/* harmony export */   \"flexbox\": () => (/* reexport safe */ _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__.flexbox),\n/* harmony export */   \"fontFamily\": () => (/* binding */ fontFamily),\n/* harmony export */   \"fontStyle\": () => (/* binding */ fontStyle),\n/* harmony export */   \"fontWeight\": () => (/* binding */ fontWeight),\n/* harmony export */   \"grid\": () => (/* reexport safe */ _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__.grid),\n/* harmony export */   \"gridColumnGap\": () => (/* binding */ gridColumnGap),\n/* harmony export */   \"gridGap\": () => (/* binding */ gridGap),\n/* harmony export */   \"gridRowGap\": () => (/* binding */ gridRowGap),\n/* harmony export */   \"gridTemplateColumns\": () => (/* binding */ gridTemplateColumns),\n/* harmony export */   \"justifyContent\": () => (/* binding */ justifyContent),\n/* harmony export */   \"layout\": () => (/* reexport safe */ _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__.layout),\n/* harmony export */   \"lineHeight\": () => (/* binding */ lineHeight),\n/* harmony export */   \"margin\": () => (/* reexport safe */ _styled_system_space__WEBPACK_IMPORTED_MODULE_9__.margin),\n/* harmony export */   \"padding\": () => (/* reexport safe */ _styled_system_space__WEBPACK_IMPORTED_MODULE_9__.padding),\n/* harmony export */   \"style\": () => (/* binding */ style),\n/* harmony export */   \"system\": () => (/* reexport safe */ _styled_system_core__WEBPACK_IMPORTED_MODULE_0__.system),\n/* harmony export */   \"textAlign\": () => (/* binding */ textAlign),\n/* harmony export */   \"variant\": () => (/* reexport safe */ _styled_system_variant__WEBPACK_IMPORTED_MODULE_11__.variant),\n/* harmony export */   \"width\": () => (/* binding */ width)\n/* harmony export */ });\n/* unused harmony exports height, minWidth, minHeight, maxWidth, maxHeight, size, verticalAlign, overflow, overflowX, overflowY, opacity, fontSize, letterSpacing, alignContent, justifyItems, flexWrap, flexGrow, flexShrink, flexBasis, justifySelf, alignSelf, order, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateRows, gridTemplateAreas, gridArea, borderWidth, borderStyle, borderTop, borderRight, borderBottom, borderLeft, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat, zIndex, top, right, bottom, left */\n/* harmony import */ var _styled_system_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @styled-system/core */ \"./node_modules/.pnpm/@styled-system+core@5.1.2/node_modules/@styled-system/core/dist/index.esm.js\");\n/* harmony import */ var _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @styled-system/layout */ \"./node_modules/.pnpm/@styled-system+layout@5.1.2/node_modules/@styled-system/layout/dist/index.esm.js\");\n/* harmony import */ var _styled_system_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @styled-system/color */ \"./node_modules/.pnpm/@styled-system+color@5.1.2/node_modules/@styled-system/color/dist/index.esm.js\");\n/* harmony import */ var _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @styled-system/typography */ \"./node_modules/.pnpm/@styled-system+typography@5.1.2/node_modules/@styled-system/typography/dist/index.esm.js\");\n/* harmony import */ var _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @styled-system/flexbox */ \"./node_modules/.pnpm/@styled-system+flexbox@5.1.2/node_modules/@styled-system/flexbox/dist/index.esm.js\");\n/* harmony import */ var _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @styled-system/grid */ \"./node_modules/.pnpm/@styled-system+grid@5.1.2/node_modules/@styled-system/grid/dist/index.esm.js\");\n/* harmony import */ var _styled_system_border__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @styled-system/border */ \"./node_modules/.pnpm/@styled-system+border@5.1.5/node_modules/@styled-system/border/dist/index.esm.js\");\n/* harmony import */ var _styled_system_background__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @styled-system/background */ \"./node_modules/.pnpm/@styled-system+background@5.1.2/node_modules/@styled-system/background/dist/index.esm.js\");\n/* harmony import */ var _styled_system_position__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @styled-system/position */ \"./node_modules/.pnpm/@styled-system+position@5.1.2/node_modules/@styled-system/position/dist/index.esm.js\");\n/* harmony import */ var _styled_system_space__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @styled-system/space */ \"./node_modules/.pnpm/@styled-system+space@5.1.2/node_modules/@styled-system/space/dist/index.esm.js\");\n/* harmony import */ var _styled_system_shadow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @styled-system/shadow */ \"./node_modules/.pnpm/@styled-system+shadow@5.1.2/node_modules/@styled-system/shadow/dist/index.esm.js\");\n/* harmony import */ var _styled_system_variant__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @styled-system/variant */ \"./node_modules/.pnpm/@styled-system+variant@5.1.5/node_modules/@styled-system/variant/dist/index.esm.js\");\n // v4 api shims\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar width = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].width,\n    height = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].height,\n    minWidth = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].minWidth,\n    minHeight = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].minHeight,\n    maxWidth = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].maxWidth,\n    maxHeight = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].maxHeight,\n    size = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].size,\n    verticalAlign = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].verticalAlign,\n    display = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].display,\n    overflow = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].overflow,\n    overflowX = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].overflowX,\n    overflowY = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].overflowY;\nvar opacity = _styled_system_color__WEBPACK_IMPORTED_MODULE_2__[\"default\"].opacity;\nvar fontSize = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].fontSize,\n    fontFamily = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].fontFamily,\n    fontWeight = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].fontWeight,\n    lineHeight = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].lineHeight,\n    textAlign = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].textAlign,\n    fontStyle = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].fontStyle,\n    letterSpacing = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].letterSpacing;\nvar alignItems = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].alignItems,\n    alignContent = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].alignContent,\n    justifyItems = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].justifyItems,\n    justifyContent = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].justifyContent,\n    flexWrap = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexWrap,\n    flexDirection = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexDirection,\n    flex = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flex,\n    flexGrow = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexGrow,\n    flexShrink = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexShrink,\n    flexBasis = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexBasis,\n    justifySelf = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].justifySelf,\n    alignSelf = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].alignSelf,\n    order = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].order;\nvar gridGap = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridGap,\n    gridColumnGap = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridColumnGap,\n    gridRowGap = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridRowGap,\n    gridColumn = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridColumn,\n    gridRow = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridRow,\n    gridAutoFlow = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridAutoFlow,\n    gridAutoColumns = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridAutoColumns,\n    gridAutoRows = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridAutoRows,\n    gridTemplateColumns = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridTemplateColumns,\n    gridTemplateRows = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridTemplateRows,\n    gridTemplateAreas = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridTemplateAreas,\n    gridArea = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridArea;\nvar borderWidth = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderWidth,\n    borderStyle = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderStyle,\n    borderColor = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderColor,\n    borderTop = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderTop,\n    borderRight = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderRight,\n    borderBottom = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderBottom,\n    borderLeft = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderLeft,\n    borderRadius = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderRadius;\nvar backgroundImage = _styled_system_background__WEBPACK_IMPORTED_MODULE_7__[\"default\"].backgroundImage,\n    backgroundSize = _styled_system_background__WEBPACK_IMPORTED_MODULE_7__[\"default\"].backgroundSize,\n    backgroundPosition = _styled_system_background__WEBPACK_IMPORTED_MODULE_7__[\"default\"].backgroundPosition,\n    backgroundRepeat = _styled_system_background__WEBPACK_IMPORTED_MODULE_7__[\"default\"].backgroundRepeat;\nvar zIndex = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].zIndex,\n    top = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].top,\n    right = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].right,\n    bottom = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].bottom,\n    left = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].left;\n\n // v4 style API shim\n\nvar style = function style(_ref) {\n  var prop = _ref.prop,\n      cssProperty = _ref.cssProperty,\n      alias = _ref.alias,\n      key = _ref.key,\n      transformValue = _ref.transformValue,\n      scale = _ref.scale,\n      properties = _ref.properties;\n  var config = {};\n  config[prop] = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.createStyleFunction)({\n    properties: properties,\n    property: cssProperty || prop,\n    scale: key,\n    defaultScale: scale,\n    transform: transformValue\n  });\n  if (alias) config[alias] = config[prop];\n  var parse = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.createParser)(config);\n  return parse;\n};\n\n\n//# sourceURL=webpack://Maxio/./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"alignItems\": () => (/* binding */ alignItems),\n/* harmony export */   \"border\": () => (/* reexport safe */ _styled_system_border__WEBPACK_IMPORTED_MODULE_6__.border),\n/* harmony export */   \"borderColor\": () => (/* binding */ borderColor),\n/* harmony export */   \"borderRadius\": () => (/* binding */ borderRadius),\n/* harmony export */   \"color\": () => (/* reexport safe */ _styled_system_color__WEBPACK_IMPORTED_MODULE_2__.color),\n/* harmony export */   \"display\": () => (/* binding */ display),\n/* harmony export */   \"flex\": () => (/* binding */ flex),\n/* harmony export */   \"flexDirection\": () => (/* binding */ flexDirection),\n/* harmony export */   \"flexbox\": () => (/* reexport safe */ _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__.flexbox),\n/* harmony export */   \"fontFamily\": () => (/* binding */ fontFamily),\n/* harmony export */   \"fontStyle\": () => (/* binding */ fontStyle),\n/* harmony export */   \"fontWeight\": () => (/* binding */ fontWeight),\n/* harmony export */   \"grid\": () => (/* reexport safe */ _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__.grid),\n/* harmony export */   \"gridColumnGap\": () => (/* binding */ gridColumnGap),\n/* harmony export */   \"gridGap\": () => (/* binding */ gridGap),\n/* harmony export */   \"gridRowGap\": () => (/* binding */ gridRowGap),\n/* harmony export */   \"gridTemplateColumns\": () => (/* binding */ gridTemplateColumns),\n/* harmony export */   \"justifyContent\": () => (/* binding */ justifyContent),\n/* harmony export */   \"layout\": () => (/* reexport safe */ _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__.layout),\n/* harmony export */   \"lineHeight\": () => (/* binding */ lineHeight),\n/* harmony export */   \"margin\": () => (/* reexport safe */ _styled_system_space__WEBPACK_IMPORTED_MODULE_9__.margin),\n/* harmony export */   \"padding\": () => (/* reexport safe */ _styled_system_space__WEBPACK_IMPORTED_MODULE_9__.padding),\n/* harmony export */   \"space\": () => (/* reexport safe */ _styled_system_space__WEBPACK_IMPORTED_MODULE_9__.space),\n/* harmony export */   \"style\": () => (/* binding */ style),\n/* harmony export */   \"system\": () => (/* reexport safe */ _styled_system_core__WEBPACK_IMPORTED_MODULE_0__.system),\n/* harmony export */   \"textAlign\": () => (/* binding */ textAlign),\n/* harmony export */   \"variant\": () => (/* reexport safe */ _styled_system_variant__WEBPACK_IMPORTED_MODULE_11__.variant),\n/* harmony export */   \"width\": () => (/* binding */ width)\n/* harmony export */ });\n/* unused harmony exports height, minWidth, minHeight, maxWidth, maxHeight, size, verticalAlign, overflow, overflowX, overflowY, opacity, fontSize, letterSpacing, alignContent, justifyItems, flexWrap, flexGrow, flexShrink, flexBasis, justifySelf, alignSelf, order, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateRows, gridTemplateAreas, gridArea, borderWidth, borderStyle, borderTop, borderRight, borderBottom, borderLeft, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat, zIndex, top, right, bottom, left */\n/* harmony import */ var _styled_system_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @styled-system/core */ \"./node_modules/.pnpm/@styled-system+core@5.1.2/node_modules/@styled-system/core/dist/index.esm.js\");\n/* harmony import */ var _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @styled-system/layout */ \"./node_modules/.pnpm/@styled-system+layout@5.1.2/node_modules/@styled-system/layout/dist/index.esm.js\");\n/* harmony import */ var _styled_system_color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @styled-system/color */ \"./node_modules/.pnpm/@styled-system+color@5.1.2/node_modules/@styled-system/color/dist/index.esm.js\");\n/* harmony import */ var _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @styled-system/typography */ \"./node_modules/.pnpm/@styled-system+typography@5.1.2/node_modules/@styled-system/typography/dist/index.esm.js\");\n/* harmony import */ var _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @styled-system/flexbox */ \"./node_modules/.pnpm/@styled-system+flexbox@5.1.2/node_modules/@styled-system/flexbox/dist/index.esm.js\");\n/* harmony import */ var _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @styled-system/grid */ \"./node_modules/.pnpm/@styled-system+grid@5.1.2/node_modules/@styled-system/grid/dist/index.esm.js\");\n/* harmony import */ var _styled_system_border__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @styled-system/border */ \"./node_modules/.pnpm/@styled-system+border@5.1.5/node_modules/@styled-system/border/dist/index.esm.js\");\n/* harmony import */ var _styled_system_background__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @styled-system/background */ \"./node_modules/.pnpm/@styled-system+background@5.1.2/node_modules/@styled-system/background/dist/index.esm.js\");\n/* harmony import */ var _styled_system_position__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @styled-system/position */ \"./node_modules/.pnpm/@styled-system+position@5.1.2/node_modules/@styled-system/position/dist/index.esm.js\");\n/* harmony import */ var _styled_system_space__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @styled-system/space */ \"./node_modules/.pnpm/@styled-system+space@5.1.2/node_modules/@styled-system/space/dist/index.esm.js\");\n/* harmony import */ var _styled_system_shadow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @styled-system/shadow */ \"./node_modules/.pnpm/@styled-system+shadow@5.1.2/node_modules/@styled-system/shadow/dist/index.esm.js\");\n/* harmony import */ var _styled_system_variant__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @styled-system/variant */ \"./node_modules/.pnpm/@styled-system+variant@5.1.5/node_modules/@styled-system/variant/dist/index.esm.js\");\n // v4 api shims\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar width = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].width,\n    height = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].height,\n    minWidth = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].minWidth,\n    minHeight = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].minHeight,\n    maxWidth = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].maxWidth,\n    maxHeight = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].maxHeight,\n    size = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].size,\n    verticalAlign = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].verticalAlign,\n    display = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].display,\n    overflow = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].overflow,\n    overflowX = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].overflowX,\n    overflowY = _styled_system_layout__WEBPACK_IMPORTED_MODULE_1__[\"default\"].overflowY;\nvar opacity = _styled_system_color__WEBPACK_IMPORTED_MODULE_2__[\"default\"].opacity;\nvar fontSize = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].fontSize,\n    fontFamily = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].fontFamily,\n    fontWeight = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].fontWeight,\n    lineHeight = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].lineHeight,\n    textAlign = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].textAlign,\n    fontStyle = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].fontStyle,\n    letterSpacing = _styled_system_typography__WEBPACK_IMPORTED_MODULE_3__[\"default\"].letterSpacing;\nvar alignItems = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].alignItems,\n    alignContent = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].alignContent,\n    justifyItems = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].justifyItems,\n    justifyContent = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].justifyContent,\n    flexWrap = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexWrap,\n    flexDirection = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexDirection,\n    flex = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flex,\n    flexGrow = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexGrow,\n    flexShrink = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexShrink,\n    flexBasis = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].flexBasis,\n    justifySelf = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].justifySelf,\n    alignSelf = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].alignSelf,\n    order = _styled_system_flexbox__WEBPACK_IMPORTED_MODULE_4__[\"default\"].order;\nvar gridGap = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridGap,\n    gridColumnGap = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridColumnGap,\n    gridRowGap = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridRowGap,\n    gridColumn = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridColumn,\n    gridRow = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridRow,\n    gridAutoFlow = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridAutoFlow,\n    gridAutoColumns = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridAutoColumns,\n    gridAutoRows = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridAutoRows,\n    gridTemplateColumns = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridTemplateColumns,\n    gridTemplateRows = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridTemplateRows,\n    gridTemplateAreas = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridTemplateAreas,\n    gridArea = _styled_system_grid__WEBPACK_IMPORTED_MODULE_5__[\"default\"].gridArea;\nvar borderWidth = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderWidth,\n    borderStyle = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderStyle,\n    borderColor = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderColor,\n    borderTop = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderTop,\n    borderRight = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderRight,\n    borderBottom = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderBottom,\n    borderLeft = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderLeft,\n    borderRadius = _styled_system_border__WEBPACK_IMPORTED_MODULE_6__[\"default\"].borderRadius;\nvar backgroundImage = _styled_system_background__WEBPACK_IMPORTED_MODULE_7__[\"default\"].backgroundImage,\n    backgroundSize = _styled_system_background__WEBPACK_IMPORTED_MODULE_7__[\"default\"].backgroundSize,\n    backgroundPosition = _styled_system_background__WEBPACK_IMPORTED_MODULE_7__[\"default\"].backgroundPosition,\n    backgroundRepeat = _styled_system_background__WEBPACK_IMPORTED_MODULE_7__[\"default\"].backgroundRepeat;\nvar zIndex = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].zIndex,\n    top = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].top,\n    right = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].right,\n    bottom = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].bottom,\n    left = _styled_system_position__WEBPACK_IMPORTED_MODULE_8__[\"default\"].left;\n\n // v4 style API shim\n\nvar style = function style(_ref) {\n  var prop = _ref.prop,\n      cssProperty = _ref.cssProperty,\n      alias = _ref.alias,\n      key = _ref.key,\n      transformValue = _ref.transformValue,\n      scale = _ref.scale,\n      properties = _ref.properties;\n  var config = {};\n  config[prop] = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.createStyleFunction)({\n    properties: properties,\n    property: cssProperty || prop,\n    scale: key,\n    defaultScale: scale,\n    transform: transformValue\n  });\n  if (alias) config[alias] = config[prop];\n  var parse = (0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.createParser)(config);\n  return parse;\n};\n\n\n//# sourceURL=webpack://Maxio/./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js?");
 /***/ }),