@maxio-com/self-service 1.7.4 → 1.8.0

package/dist/maxio-components.umd.js

@@ -1127,7 +1127,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_5__ = __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 _contexts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./contexts */ \"./packages/billing-history/src/contexts/index.ts\");\n/* harmony import */ var _providers_GlobalStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./providers/GlobalStateProvider */ \"./packages/billing-history/src/providers/GlobalStateProvider.tsx\");\n/* harmony import */ var _containers_BillingHistoryContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./containers/BillingHistoryContainer */ \"./packages/billing-history/src/containers/BillingHistoryContainer/index.ts\");\n/* harmony import */ var _pages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pages */ \"./packages/billing-history/src/pages/index.ts\");\n\n\n\n\n\n\n\nvar App = function App(_ref) {\n  var visibleColumns = _ref.visibleColumns,\n      itemsPerPage = _ref.itemsPerPage,\n      paginationVariant = _ref.paginationVariant,\n      enableFiltering = _ref.enableFiltering;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_1__.ConfigContext.Provider, {\n    value: {\n      visibleColumns: visibleColumns,\n      itemsPerPage: itemsPerPage,\n      paginationVariant: paginationVariant,\n      enableFiltering: enableFiltering\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_providers_GlobalStateProvider__WEBPACK_IMPORTED_MODULE_2__.GlobalStateProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.MemoryRouter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Routes, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Route, {\n    path: \"/\",\n    element: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_BillingHistoryContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Route, {\n    path: \"invoices/:invoiceId\",\n    element: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_pages__WEBPACK_IMPORTED_MODULE_4__.InvoiceDetails, null)\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App);\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/App.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_5__ = __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 _contexts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./contexts */ \"./packages/billing-history/src/contexts/index.ts\");\n/* harmony import */ var _providers_GlobalStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./providers/GlobalStateProvider */ \"./packages/billing-history/src/providers/GlobalStateProvider.tsx\");\n/* harmony import */ var _containers_BillingHistoryContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./containers/BillingHistoryContainer */ \"./packages/billing-history/src/containers/BillingHistoryContainer/index.ts\");\n/* harmony import */ var _pages__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pages */ \"./packages/billing-history/src/pages/index.ts\");\n\n\n\n\n\n\n\nvar App = function App(_ref) {\n  var billingHistory = _ref.billingHistory;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_1__.ConfigContext.Provider, {\n    value: {\n      billingHistory: billingHistory\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_providers_GlobalStateProvider__WEBPACK_IMPORTED_MODULE_2__.GlobalStateProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.MemoryRouter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Routes, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Route, {\n    path: \"/\",\n    element: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_BillingHistoryContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_5__.Route, {\n    path: \"invoices/:invoiceId\",\n    element: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_pages__WEBPACK_IMPORTED_MODULE_4__.InvoiceDetails, null)\n  })))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App);\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/App.tsx?");
 
 /***/ }),
 
@@ -1380,7 +1380,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_11__ = __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 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 react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ \"./node_modules/.pnpm/react-table@7.8.0_react@18.2.0/node_modules/react-table/index.js\");\n/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! file-saver */ \"./node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_2__);\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 _chargify_data_access__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @chargify/data-access */ \"./packages/data-access/src/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components */ \"./packages/billing-history/src/components/InvoicesTable/components/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts */ \"./packages/billing-history/src/contexts/index.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./packages/billing-history/src/components/InvoicesTable/utils.ts\");\n/* harmony import */ var _containers_FiltersContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../containers/FiltersContainer */ \"./packages/billing-history/src/containers/FiltersContainer/index.ts\");\n/* harmony import */ var _components_NoInvoicesMsg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/NoInvoicesMsg */ \"./packages/billing-history/src/components/InvoicesTable/components/NoInvoicesMsg.tsx\");\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 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\n\n\n\nvar InvoicesTable = function InvoicesTable(_ref) {\n  var invoices = _ref.invoices,\n      onSortChange = _ref.onSortChange,\n      sortMode = _ref.sortMode,\n      onPageChange = _ref.onPageChange,\n      page = _ref.page,\n      onLoadMore = _ref.onLoadMore,\n      totalPages = _ref.totalPages,\n      totalInvoices = _ref.totalInvoices,\n      _ref$paginationVarian = _ref.paginationVariant,\n      paginationVariant = _ref$paginationVarian === void 0 ? 'simple' : _ref$paginationVarian,\n      itemsPerPage = _ref.itemsPerPage,\n      onItemsPerPageChange = _ref.onItemsPerPageChange,\n      isLoading = _ref.isLoading,\n      isFiltering = _ref.isFiltering;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_6__.ConfigContext),\n      visibleColumns = _useContext.visibleColumns,\n      enableFiltering = _useContext.enableFiltering;\n\n  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_4__.DataAccessContext),\n      dataAccess = _useContext2.dataAccess;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      saveInvoiceLoading = _useState2[0],\n      setSaveInvoiceLoading = _useState2[1];\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_10__.useTranslation)('billing-history'),\n      t = _useTranslation.t;\n\n  var navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_11__.useNavigate)();\n\n  var renderFooter = function renderFooter() {\n    switch (paginationVariant) {\n      case 'simple':\n        if (invoices.length === totalInvoices) return null;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Footer, {\n          justifyContent: 'center',\n          paddingY: 4\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Button, {\n          label: t('show_older_invoices'),\n          color: 'secondary',\n          onClick: onLoadMore\n        }));\n\n      case 'pages':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_5__.PagesPagination, {\n          totalPages: totalPages,\n          totalInvoices: totalInvoices,\n          page: page,\n          onPageChange: onPageChange,\n          onItemsPerPageChange: onItemsPerPageChange,\n          itemsPerPage: itemsPerPage\n        });\n    }\n  };\n\n  var getHeaderProps = function getHeaderProps(column) {\n    return {\n      onClick: function onClick() {\n        onSortChange(column.id);\n      },\n      sortMode: sortMode.sortBy === column.id ? sortMode.sortDirection : null,\n      align: column.align,\n      minWidth: 160\n    };\n  };\n\n  var columns = react__WEBPACK_IMPORTED_MODULE_0___default().useMemo(function () {\n    return [{\n      Header: function Header(_ref2) {\n        var column = _ref2.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('invoice'));\n      },\n      id: 'invoiceNumber',\n      accessor: 'number',\n      Cell: function Cell(_ref3) {\n        var cell = _ref3.cell,\n            row = _ref3.row;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align,\n          gridGap: 2,\n          minWidth: 160\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_5__.IconWIthTooltip, {\n          consolidationLevel: row.original.consolidationLevel\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Anchor, {\n          label: cell.value\n        }));\n      }\n    }, {\n      Header: function Header(_ref4) {\n        var column = _ref4.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('issue_date'));\n      },\n      Cell: function Cell(_ref5) {\n        var cell = _ref5.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, cell.value);\n      },\n      accessor: 'issueDate'\n    }, {\n      Header: function Header(_ref6) {\n        var column = _ref6.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('status'));\n      },\n      Cell: function Cell(_ref7) {\n        var cell = _ref7.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_5__.Status, {\n          status: cell.value\n        }));\n      },\n      align: 'center',\n      accessor: 'status'\n    }, {\n      Header: function Header(_ref8) {\n        var column = _ref8.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('total_amount'));\n      },\n      accessor: 'totalAmount',\n      Cell: function Cell(_ref9) {\n        var cell = _ref9.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, cell.value);\n      },\n      align: 'right'\n    }, {\n      Header: function Header(_ref10) {\n        var column = _ref10.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('amount_due'));\n      },\n      Cell: function Cell(_ref11) {\n        var cell = _ref11.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, cell.value);\n      },\n      accessor: 'amountDue',\n      align: 'right'\n    }, {\n      Header: function Header(_ref12) {\n        var column = _ref12.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread(_objectSpread({}, getHeaderProps(column)), {}, {\n          paddingY: 5,\n          disableSort: true,\n          \"data-testid\": 'table-filter'\n        }), enableFiltering && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_FiltersContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null));\n      },\n      Cell: function Cell(_ref13) {\n        var cell = _ref13.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Button, {\n          label: 'PDF',\n          iconLeft: 'arrowDown',\n          size: 'small',\n          isLoading: saveInvoiceLoading === cell.value,\n          onClick: function onClick(e) {\n            e.stopPropagation();\n            setSaveInvoiceLoading(cell.value);\n            dataAccess.getInvoicePDF(cell.value).then(function (blob) {\n              var fileURL = URL.createObjectURL(new Blob([blob], {\n                type: 'application/pdf'\n              }));\n              (0,file_saver__WEBPACK_IMPORTED_MODULE_2__.saveAs)(fileURL, cell.value);\n            }).finally(function () {\n              return setSaveInvoiceLoading(null);\n            });\n          }\n        }));\n      },\n      accessor: 'id',\n      align: 'right'\n    }];\n  }, [sortMode, saveInvoiceLoading]);\n\n  var _useTable = (0,react_table__WEBPACK_IMPORTED_MODULE_1__.useTable)({\n    data: invoices,\n    columns: columns,\n    initialState: {\n      hiddenColumns: _toConsumableArray((0,_utils__WEBPACK_IMPORTED_MODULE_7__.getHiddenColumns)(visibleColumns))\n    }\n  }),\n      headerGroups = _useTable.headerGroups,\n      rows = _useTable.rows,\n      prepareRow = _useTable.prepareRow;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table, {\n    renderFooter: renderFooter\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Head, {\n    variant: 'primary'\n  }, headerGroups.map(function (headerGroup, i) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Row, {\n      disableBorder: true,\n      variant: 'head',\n      key: headerGroup.id + i\n    }, headerGroup.headers.map(function (column) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.CellContainer, {\n        as: 'th',\n        key: column.id\n      }, column.render('Header'));\n    }));\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Body, null, !isLoading && rows.map(function (row) {\n    prepareRow(row);\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Row, {\n      key: row.original.number,\n      onClick: function onClick() {\n        return navigate(\"invoices/\".concat(row.original.id));\n      }\n    }, row.cells.map(function (cell, index) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.CellContainer, {\n        key: cell.value + index\n      }, cell.render('Cell'));\n    }));\n  }), isLoading && Array.from(Array(itemsPerPage).keys()).map(function (k) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Row, {\n      key: k\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_5__.SkeletonWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.SkeletonLoader, {\n      height: 28\n    })));\n  }), isFiltering && !isLoading && !invoices.length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_NoInvoicesMsg__WEBPACK_IMPORTED_MODULE_9__.NoInvoicesMsg, {\n    message: t('no_invoice_matching_filters')\n  })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InvoicesTable);\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/components/InvoicesTable/InvoicesTable.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_11__ = __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 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 react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ \"./node_modules/.pnpm/react-table@7.8.0_react@18.2.0/node_modules/react-table/index.js\");\n/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! file-saver */ \"./node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_2__);\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 _chargify_data_access__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @chargify/data-access */ \"./packages/data-access/src/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components */ \"./packages/billing-history/src/components/InvoicesTable/components/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts */ \"./packages/billing-history/src/contexts/index.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./packages/billing-history/src/components/InvoicesTable/utils.ts\");\n/* harmony import */ var _containers_FiltersContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../containers/FiltersContainer */ \"./packages/billing-history/src/containers/FiltersContainer/index.ts\");\n/* harmony import */ var _components_NoInvoicesMsg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/NoInvoicesMsg */ \"./packages/billing-history/src/components/InvoicesTable/components/NoInvoicesMsg.tsx\");\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 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\n\n\n\nvar InvoicesTable = function InvoicesTable(_ref) {\n  var invoices = _ref.invoices,\n      onSortChange = _ref.onSortChange,\n      sortMode = _ref.sortMode,\n      onPageChange = _ref.onPageChange,\n      page = _ref.page,\n      onLoadMore = _ref.onLoadMore,\n      totalPages = _ref.totalPages,\n      totalInvoices = _ref.totalInvoices,\n      _ref$paginationVarian = _ref.paginationVariant,\n      paginationVariant = _ref$paginationVarian === void 0 ? 'simple' : _ref$paginationVarian,\n      itemsPerPage = _ref.itemsPerPage,\n      onItemsPerPageChange = _ref.onItemsPerPageChange,\n      isLoading = _ref.isLoading,\n      isFiltering = _ref.isFiltering;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_6__.ConfigContext),\n      billingHistory = _useContext.billingHistory;\n\n  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_4__.DataAccessContext),\n      dataAccess = _useContext2.dataAccess;\n\n  var visibleColumns = billingHistory.visibleColumns,\n      enableFiltering = billingHistory.enableFiltering;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      saveInvoiceLoading = _useState2[0],\n      setSaveInvoiceLoading = _useState2[1];\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_10__.useTranslation)('billing-history'),\n      t = _useTranslation.t;\n\n  var navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_11__.useNavigate)();\n\n  var renderFooter = function renderFooter() {\n    switch (paginationVariant) {\n      case 'simple':\n        if (invoices.length === totalInvoices) return null;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Footer, {\n          justifyContent: 'center',\n          paddingY: 4\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Button, {\n          label: t('show_older_invoices'),\n          color: 'secondary',\n          onClick: onLoadMore\n        }));\n\n      case 'pages':\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_5__.PagesPagination, {\n          totalPages: totalPages,\n          totalInvoices: totalInvoices,\n          page: page,\n          onPageChange: onPageChange,\n          onItemsPerPageChange: onItemsPerPageChange,\n          itemsPerPage: itemsPerPage\n        });\n    }\n  };\n\n  var getHeaderProps = function getHeaderProps(column) {\n    return {\n      onClick: function onClick() {\n        onSortChange(column.id);\n      },\n      sortMode: sortMode.sortBy === column.id ? sortMode.sortDirection : null,\n      align: column.align,\n      minWidth: 160\n    };\n  };\n\n  var columns = react__WEBPACK_IMPORTED_MODULE_0___default().useMemo(function () {\n    return [{\n      Header: function Header(_ref2) {\n        var column = _ref2.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('invoice'));\n      },\n      id: 'invoiceNumber',\n      accessor: 'number',\n      Cell: function Cell(_ref3) {\n        var cell = _ref3.cell,\n            row = _ref3.row;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align,\n          gridGap: 2,\n          minWidth: 160\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_5__.IconWIthTooltip, {\n          consolidationLevel: row.original.consolidationLevel\n        }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Anchor, {\n          label: cell.value\n        }));\n      }\n    }, {\n      Header: function Header(_ref4) {\n        var column = _ref4.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('issue_date'));\n      },\n      Cell: function Cell(_ref5) {\n        var cell = _ref5.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, cell.value);\n      },\n      accessor: 'issueDate'\n    }, {\n      Header: function Header(_ref6) {\n        var column = _ref6.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('status'));\n      },\n      Cell: function Cell(_ref7) {\n        var cell = _ref7.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_5__.Status, {\n          status: cell.value\n        }));\n      },\n      align: 'center',\n      accessor: 'status'\n    }, {\n      Header: function Header(_ref8) {\n        var column = _ref8.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('total_amount'));\n      },\n      accessor: 'totalAmount',\n      Cell: function Cell(_ref9) {\n        var cell = _ref9.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, cell.value);\n      },\n      align: 'right'\n    }, {\n      Header: function Header(_ref10) {\n        var column = _ref10.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread({}, getHeaderProps(column)), t('amount_due'));\n      },\n      Cell: function Cell(_ref11) {\n        var cell = _ref11.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, cell.value);\n      },\n      accessor: 'amountDue',\n      align: 'right'\n    }, {\n      Header: function Header(_ref12) {\n        var column = _ref12.column;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Header, _objectSpread(_objectSpread({}, getHeaderProps(column)), {}, {\n          paddingY: 5,\n          disableSort: true,\n          \"data-testid\": 'table-filter'\n        }), enableFiltering && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_FiltersContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null));\n      },\n      Cell: function Cell(_ref13) {\n        var cell = _ref13.cell;\n        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Cell, {\n          align: cell.column.align\n        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Button, {\n          label: 'PDF',\n          iconLeft: 'arrowDown',\n          size: 'small',\n          isLoading: saveInvoiceLoading === cell.value,\n          onClick: function onClick(e) {\n            e.stopPropagation();\n            setSaveInvoiceLoading(cell.value);\n            dataAccess.getInvoicePDF(cell.value).then(function (blob) {\n              var fileURL = URL.createObjectURL(new Blob([blob], {\n                type: 'application/pdf'\n              }));\n              (0,file_saver__WEBPACK_IMPORTED_MODULE_2__.saveAs)(fileURL, cell.value);\n            }).finally(function () {\n              return setSaveInvoiceLoading(null);\n            });\n          }\n        }));\n      },\n      accessor: 'id',\n      align: 'right'\n    }];\n  }, [sortMode, saveInvoiceLoading]);\n\n  var _useTable = (0,react_table__WEBPACK_IMPORTED_MODULE_1__.useTable)({\n    data: invoices,\n    columns: columns,\n    initialState: {\n      hiddenColumns: _toConsumableArray((0,_utils__WEBPACK_IMPORTED_MODULE_7__.getHiddenColumns)(visibleColumns))\n    }\n  }),\n      headerGroups = _useTable.headerGroups,\n      rows = _useTable.rows,\n      prepareRow = _useTable.prepareRow;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table, {\n    renderFooter: renderFooter\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Head, {\n    variant: 'primary'\n  }, headerGroups.map(function (headerGroup, i) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Row, {\n      disableBorder: true,\n      variant: 'head',\n      key: headerGroup.id + i\n    }, headerGroup.headers.map(function (column) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.CellContainer, {\n        as: 'th',\n        key: column.id\n      }, column.render('Header'));\n    }));\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Body, null, !isLoading && rows.map(function (row) {\n    prepareRow(row);\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Row, {\n      key: row.original.number,\n      onClick: function onClick() {\n        return navigate(\"invoices/\".concat(row.original.id));\n      }\n    }, row.cells.map(function (cell, index) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.CellContainer, {\n        key: cell.value + index\n      }, cell.render('Cell'));\n    }));\n  }), isLoading && Array.from(Array(itemsPerPage).keys()).map(function (k) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.Table.Row, {\n      key: k\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_5__.SkeletonWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_3__.SkeletonLoader, {\n      height: 28\n    })));\n  }), isFiltering && !isLoading && !invoices.length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_NoInvoicesMsg__WEBPACK_IMPORTED_MODULE_9__.NoInvoicesMsg, {\n    message: t('no_invoice_matching_filters')\n  })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InvoicesTable);\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/components/InvoicesTable/InvoicesTable.tsx?");
 
 /***/ }),
 
@@ -1479,7 +1479,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 */   \"getHiddenColumns\": () => (/* binding */ getHiddenColumns)\n/* harmony export */ });\n/* harmony import */ var camelcase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! camelcase */ \"./node_modules/.pnpm/camelcase@6.3.0/node_modules/camelcase/index.js\");\n/* harmony import */ var camelcase__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(camelcase__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../settings */ \"./packages/billing-history/src/settings.ts\");\n\n\nvar getHiddenColumns = function getHiddenColumns(visibleColumns) {\n  if (visibleColumns.length === 0) {\n    return _settings__WEBPACK_IMPORTED_MODULE_1__.defaultSettings.visibleColumns.filter(function (c) {\n      return c !== 'invoice_number';\n    }).map(function (c) {\n      return camelcase__WEBPACK_IMPORTED_MODULE_0___default()(c);\n    });\n  }\n\n  return _settings__WEBPACK_IMPORTED_MODULE_1__.defaultSettings.visibleColumns.filter(function (x) {\n    return !visibleColumns.includes(x);\n  }).map(function (c) {\n    return camelcase__WEBPACK_IMPORTED_MODULE_0___default()(c);\n  });\n};\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/components/InvoicesTable/utils.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getHiddenColumns\": () => (/* binding */ getHiddenColumns)\n/* harmony export */ });\n/* harmony import */ var camelcase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! camelcase */ \"./node_modules/.pnpm/camelcase@6.3.0/node_modules/camelcase/index.js\");\n/* harmony import */ var camelcase__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(camelcase__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../settings */ \"./packages/billing-history/src/settings.ts\");\n\n\nvar getHiddenColumns = function getHiddenColumns(visibleColumns) {\n  if (visibleColumns.length === 0) {\n    return _settings__WEBPACK_IMPORTED_MODULE_1__.defaultSettings.billingHistory.visibleColumns.filter(function (c) {\n      return c !== 'invoice_number';\n    }).map(function (c) {\n      return camelcase__WEBPACK_IMPORTED_MODULE_0___default()(c);\n    });\n  }\n\n  return _settings__WEBPACK_IMPORTED_MODULE_1__.defaultSettings.billingHistory.visibleColumns.filter(function (x) {\n    return !visibleColumns.includes(x);\n  }).map(function (c) {\n    return camelcase__WEBPACK_IMPORTED_MODULE_0___default()(c);\n  });\n};\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/components/InvoicesTable/utils.ts?");
 
 /***/ }),
 
@@ -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.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?");
+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      billingHistory = _useContext.billingHistory;\n\n  var itemsPerPage = billingHistory.itemsPerPage,\n      paginationVariant = billingHistory.paginationVariant;\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?");
 
 /***/ }),
 
@@ -1864,7 +1864,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 */   \"GlobalStateProvider\": () => (/* binding */ GlobalStateProvider)\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/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 _chargify_formatters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/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 _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../machines/billingHistoryData */ \"./packages/billing-history/src/machines/billingHistoryData/index.ts\");\n/* harmony import */ var _machines_billingFilters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../machines/billingFilters */ \"./packages/billing-history/src/machines/billingFilters/index.ts\");\n/* harmony import */ var _machines_filtersOptions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../machines/filtersOptions */ \"./packages/billing-history/src/machines/filtersOptions/index.ts\");\n/* harmony import */ var _utils_getDatesFilters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/getDatesFilters */ \"./packages/billing-history/src/utils/getDatesFilters.ts\");\nvar _excluded = [\"sortBy\"],\n    _excluded2 = [\"date\"];\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 _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 GlobalStateProvider = function GlobalStateProvider(_ref) {\n  var children = _ref.children;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_1__.DataAccessContext),\n      dataAccess = _useContext.dataAccess;\n\n  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_3__.ConfigContext),\n      itemsPerPage = _useContext2.itemsPerPage;\n\n  var billingHistoryDataService = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useInterpret)(_machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_4__.billingHistoryData, {\n    context: _objectSpread(_objectSpread({}, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_4__.initialBillingHistoryContext), {}, {\n      pagination: _objectSpread(_objectSpread({}, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_4__.initialBillingHistoryContext.pagination), {}, {\n        itemsPerPage: itemsPerPage\n      })\n    }),\n    services: {\n      getInvoices: function getInvoices(ctx) {\n        var _ctx$sorting = ctx.sorting,\n            sortBy = _ctx$sorting.sortBy,\n            sortSettings = _objectWithoutProperties(_ctx$sorting, _excluded);\n\n        return dataAccess.getInvoices(_objectSpread(_objectSpread({\n          sortBy: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_2__.camelToUnderscore)(sortBy)\n        }, ctx.filters), sortSettings));\n      }\n    }\n  });\n  var billingFiltersService = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useInterpret)(_machines_billingFilters__WEBPACK_IMPORTED_MODULE_5__.billingFilters, {\n    actions: {\n      applyFilters: function applyFilters(ctx) {\n        var _ctx$activeFilters = ctx.activeFilters,\n            date = _ctx$activeFilters.date,\n            filters = _objectWithoutProperties(_ctx$activeFilters, _excluded2);\n\n        var datesFilters = (0,_utils_getDatesFilters__WEBPACK_IMPORTED_MODULE_7__.getDatesFilter)(date);\n        billingHistoryDataService.send({\n          type: 'CHANGE_FILTERS',\n          filters: _objectSpread(_objectSpread({}, filters), datesFilters)\n        });\n      },\n      clearFilters: function clearFilters() {\n        billingHistoryDataService.send({\n          type: 'CLEAR_FILTERS'\n        });\n      }\n    }\n  });\n  var filtersOptionsService = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useInterpret)(_machines_filtersOptions__WEBPACK_IMPORTED_MODULE_6__.filtersOptions, {\n    services: {\n      getFiltersOptions: function getFiltersOptions() {\n        return dataAccess.getInvoiceFilters();\n      }\n    }\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_3__.GlobalStateContext.Provider, {\n    value: {\n      billingHistoryDataService: billingHistoryDataService,\n      billingFiltersService: billingFiltersService,\n      filtersOptionsService: filtersOptionsService\n    }\n  }, children);\n};\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/providers/GlobalStateProvider.tsx?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"GlobalStateProvider\": () => (/* binding */ GlobalStateProvider)\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/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 _chargify_formatters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/formatters */ \"./packages/formatters/src/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 _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../machines/billingHistoryData */ \"./packages/billing-history/src/machines/billingHistoryData/index.ts\");\n/* harmony import */ var _machines_billingFilters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../machines/billingFilters */ \"./packages/billing-history/src/machines/billingFilters/index.ts\");\n/* harmony import */ var _machines_filtersOptions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../machines/filtersOptions */ \"./packages/billing-history/src/machines/filtersOptions/index.ts\");\n/* harmony import */ var _utils_getDatesFilters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/getDatesFilters */ \"./packages/billing-history/src/utils/getDatesFilters.ts\");\nvar _excluded = [\"sortBy\"],\n    _excluded2 = [\"date\"];\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 _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 GlobalStateProvider = function GlobalStateProvider(_ref) {\n  var children = _ref.children;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_1__.DataAccessContext),\n      dataAccess = _useContext.dataAccess;\n\n  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_3__.ConfigContext),\n      billingHistory = _useContext2.billingHistory;\n\n  var itemsPerPage = billingHistory.itemsPerPage;\n  var billingHistoryDataService = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useInterpret)(_machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_4__.billingHistoryData, {\n    context: _objectSpread(_objectSpread({}, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_4__.initialBillingHistoryContext), {}, {\n      pagination: _objectSpread(_objectSpread({}, _machines_billingHistoryData__WEBPACK_IMPORTED_MODULE_4__.initialBillingHistoryContext.pagination), {}, {\n        itemsPerPage: itemsPerPage\n      })\n    }),\n    services: {\n      getInvoices: function getInvoices(ctx) {\n        var _ctx$sorting = ctx.sorting,\n            sortBy = _ctx$sorting.sortBy,\n            sortSettings = _objectWithoutProperties(_ctx$sorting, _excluded);\n\n        return dataAccess.getInvoices(_objectSpread(_objectSpread({\n          sortBy: (0,_chargify_formatters__WEBPACK_IMPORTED_MODULE_2__.camelToUnderscore)(sortBy)\n        }, ctx.filters), sortSettings));\n      }\n    }\n  });\n  var billingFiltersService = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useInterpret)(_machines_billingFilters__WEBPACK_IMPORTED_MODULE_5__.billingFilters, {\n    actions: {\n      applyFilters: function applyFilters(ctx) {\n        var _ctx$activeFilters = ctx.activeFilters,\n            date = _ctx$activeFilters.date,\n            filters = _objectWithoutProperties(_ctx$activeFilters, _excluded2);\n\n        var datesFilters = (0,_utils_getDatesFilters__WEBPACK_IMPORTED_MODULE_7__.getDatesFilter)(date);\n        billingHistoryDataService.send({\n          type: 'CHANGE_FILTERS',\n          filters: _objectSpread(_objectSpread({}, filters), datesFilters)\n        });\n      },\n      clearFilters: function clearFilters() {\n        billingHistoryDataService.send({\n          type: 'CLEAR_FILTERS'\n        });\n      }\n    }\n  });\n  var filtersOptionsService = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_8__.useInterpret)(_machines_filtersOptions__WEBPACK_IMPORTED_MODULE_6__.filtersOptions, {\n    services: {\n      getFiltersOptions: function getFiltersOptions() {\n        return dataAccess.getInvoiceFilters();\n      }\n    }\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_3__.GlobalStateContext.Provider, {\n    value: {\n      billingHistoryDataService: billingHistoryDataService,\n      billingFiltersService: billingFiltersService,\n      filtersOptionsService: filtersOptionsService\n    }\n  }, children);\n};\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/providers/GlobalStateProvider.tsx?");
 
 /***/ }),
 
@@ -1875,7 +1875,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  enableFiltering: true,\n  paginationVariant: 'simple',\n  itemsPerPage: 12,\n  visibleColumns: ['invoice_number', 'issue_date', 'total_amount', 'amount_due', 'status']\n};\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/settings.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"defaultSettings\": () => (/* binding */ defaultSettings)\n/* harmony export */ });\nvar defaultSettings = {\n  billingHistory: {\n    enableFiltering: true,\n    paginationVariant: 'simple',\n    itemsPerPage: 12,\n    visibleColumns: ['invoice_number', 'issue_date', 'total_amount', 'amount_due', 'status']\n  }\n};\n\n//# sourceURL=webpack://Maxio/./packages/billing-history/src/settings.ts?");
 
 /***/ }),
 
@@ -2909,7 +2909,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_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/index.js\");\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\nvar Portal = function Portal(_ref) {\n  var children = _ref.children;\n  var el = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      setMounted = _useState2[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    el.current = document.createElement('div');\n    el.current.setAttribute('data-testid', 'dynamic-portal');\n    el.current.style.position = 'absolute';\n    el.current.style.top = 0;\n    el.current.style.left = 0;\n    document.body.appendChild(el.current);\n    setMounted(true);\n    return function () {\n      document.body.removeChild(el.current);\n    };\n  }, []);\n  return el.current ? /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(children, el.current) : null;\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Portal);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Portal/Portal.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_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/index.js\");\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\nvar Portal = function Portal(_ref) {\n  var children = _ref.children;\n  var el = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      setMounted = _useState2[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    el.current = document.createElement('div');\n    el.current.setAttribute('data-testid', 'dynamic-portal');\n    el.current.style.position = 'absolute';\n    el.current.style.top = 0;\n    el.current.style.left = 0;\n    document.body.appendChild(el.current);\n    setMounted(true);\n    return function () {\n      el.current.remove();\n    };\n  }, []);\n  return el.current ? /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(children, el.current) : null;\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Portal);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/atoms/Portal/Portal.tsx?");
 
 /***/ }),
 
@@ -5824,7 +5824,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 _contexts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./contexts */ \"./packages/customer-details/src/contexts/index.ts\");\n/* harmony import */ var _providers_GlobalStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./providers/GlobalStateProvider */ \"./packages/customer-details/src/providers/GlobalStateProvider.tsx\");\n/* harmony import */ var _containers_CustomerDetailsContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./containers/CustomerDetailsContainer */ \"./packages/customer-details/src/containers/CustomerDetailsContainer/index.ts\");\n\n\n\n\n\nvar App = function App(_ref) {\n  var customerDataVisibleFields = _ref.customerDataVisibleFields;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_1__.ConfigContext.Provider, {\n    value: {\n      customerDataVisibleFields: customerDataVisibleFields\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_providers_GlobalStateProvider__WEBPACK_IMPORTED_MODULE_2__.GlobalStateProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_CustomerDetailsContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App);\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/App.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 _contexts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./contexts */ \"./packages/customer-details/src/contexts/index.ts\");\n/* harmony import */ var _providers_GlobalStateProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./providers/GlobalStateProvider */ \"./packages/customer-details/src/providers/GlobalStateProvider.tsx\");\n/* harmony import */ var _containers_CustomerDetailsContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./containers/CustomerDetailsContainer */ \"./packages/customer-details/src/containers/CustomerDetailsContainer/index.ts\");\n\n\n\n\n\nvar App = function App(_ref) {\n  var customerProfile = _ref.customerProfile;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_1__.ConfigContext.Provider, {\n    value: {\n      customerProfile: customerProfile\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_providers_GlobalStateProvider__WEBPACK_IMPORTED_MODULE_2__.GlobalStateProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_containers_CustomerDetailsContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (App);\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/App.tsx?");
 
 /***/ }),
 
@@ -5846,7 +5846,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_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 _contexts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../contexts */ \"./packages/customer-details/src/contexts/index.ts\");\n/* harmony import */ var _DetailsRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../DetailsRow */ \"./packages/customer-details/src/components/DetailsRow/index.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ \"./packages/customer-details/src/components/ContactDetails/utils.ts\");\n\n\n\n\n\n\n\nvar ContactDetails = function ContactDetails(_ref) {\n  var contactDetails = _ref.contactDetails,\n      onEdit = _ref.onEdit;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)(['customer-details']),\n      t = _useTranslation.t;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_2__.ConfigContext),\n      customerDataVisibleFields = _useContext.customerDataVisibleFields;\n\n  var _useMemo = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getVisibleContactDetailsFields)(contactDetails, customerDataVisibleFields);\n  }, [contactDetails, customerDataVisibleFields]),\n      firstName = _useMemo.firstName,\n      lastName = _useMemo.lastName,\n      email = _useMemo.email,\n      phoneNumber = _useMemo.phoneNumber,\n      ccEmails = _useMemo.ccEmails,\n      organization = _useMemo.organization,\n      vatNumber = _useMemo.vatNumber;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, 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(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.organization_name'),\n    value: organization\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFullNameLabel)(t, firstName, lastName),\n    value: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFullName)(firstName, lastName)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.phone'),\n    value: phoneNumber\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.email'),\n    value: email\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.emails_cc'),\n    value: ccEmails === null || ccEmails === void 0 ? void 0 : ccEmails.join(', '),\n    hint: t('contact_details.email_hint')\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.vat_number'),\n    value: vatNumber\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__.Button, {\n    onClick: onEdit,\n    color: 'secondary',\n    iconLeft: \"edit\",\n    label: t('contact_details.edit_contact_details')\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContactDetails);\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/components/ContactDetails/ContactDetails.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_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 _contexts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../contexts */ \"./packages/customer-details/src/contexts/index.ts\");\n/* harmony import */ var _DetailsRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../DetailsRow */ \"./packages/customer-details/src/components/DetailsRow/index.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ \"./packages/customer-details/src/components/ContactDetails/utils.ts\");\n\n\n\n\n\n\n\nvar ContactDetails = function ContactDetails(_ref) {\n  var contactDetails = _ref.contactDetails,\n      onEdit = _ref.onEdit;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)(['customer-details']),\n      t = _useTranslation.t;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_2__.ConfigContext),\n      customerProfile = _useContext.customerProfile;\n\n  var customerDataVisibleFields = customerProfile.customerDataVisibleFields;\n\n  var _useMemo = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getVisibleContactDetailsFields)(contactDetails, customerDataVisibleFields);\n  }, [contactDetails, customerDataVisibleFields]),\n      firstName = _useMemo.firstName,\n      lastName = _useMemo.lastName,\n      email = _useMemo.email,\n      phoneNumber = _useMemo.phoneNumber,\n      ccEmails = _useMemo.ccEmails,\n      organization = _useMemo.organization,\n      vatNumber = _useMemo.vatNumber;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, 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(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.organization_name'),\n    value: organization\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFullNameLabel)(t, firstName, lastName),\n    value: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFullName)(firstName, lastName)\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.phone'),\n    value: phoneNumber\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.email'),\n    value: email\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.emails_cc'),\n    value: ccEmails === null || ccEmails === void 0 ? void 0 : ccEmails.join(', '),\n    hint: t('contact_details.email_hint')\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    label: t('contact_details.vat_number'),\n    value: vatNumber\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__.Button, {\n    onClick: onEdit,\n    color: 'secondary',\n    iconLeft: \"edit\",\n    label: t('contact_details.edit_contact_details')\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContactDetails);\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/components/ContactDetails/ContactDetails.tsx?");
 
 /***/ }),
 
@@ -6033,7 +6033,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_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 _chargify_address__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/address */ \"./packages/address/src/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../contexts */ \"./packages/customer-details/src/contexts/index.ts\");\n/* harmony import */ var _DetailsRow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../DetailsRow */ \"./packages/customer-details/src/components/DetailsRow/index.ts\");\n\n\n\n\n\n\n\nvar ShippingAddress = function ShippingAddress(_ref) {\n  var shippingAddress = _ref.shippingAddress,\n      onEdit = _ref.onEdit;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)(['customer-details']),\n      t = _useTranslation.t;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_3__.ConfigContext),\n      customerDataVisibleFields = _useContext.customerDataVisibleFields;\n\n  var _useFormatAddress = (0,_chargify_address__WEBPACK_IMPORTED_MODULE_2__.useFormatAddress)(shippingAddress),\n      address = _useFormatAddress.address,\n      address2 = _useFormatAddress.address2,\n      city = _useFormatAddress.city,\n      state = _useFormatAddress.state,\n      zip = _useFormatAddress.zip,\n      country = _useFormatAddress.country;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, null, (customerDataVisibleFields.includes('address') || customerDataVisibleFields.includes('address2')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    label: t('shipping_address.street_name_and_number'),\n    value: address + ' ' + address2\n  }), customerDataVisibleFields.includes('city') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    label: t('shipping_address.town'),\n    value: city\n  }), (customerDataVisibleFields.includes('state') || customerDataVisibleFields.includes('zip')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    label: t('shipping_address.state_and_zip_code'),\n    value: state + ' ' + zip\n  }), customerDataVisibleFields.includes('country') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    label: t('shipping_address.country'),\n    value: country\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__.Button, {\n    onClick: onEdit,\n    color: 'secondary',\n    iconLeft: \"edit\",\n    label: t('shipping_address.edit_shipping_address')\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShippingAddress);\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/components/ShippingAddress/ShippingAddress.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_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 _chargify_address__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/address */ \"./packages/address/src/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../contexts */ \"./packages/customer-details/src/contexts/index.ts\");\n/* harmony import */ var _DetailsRow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../DetailsRow */ \"./packages/customer-details/src/components/DetailsRow/index.ts\");\n\n\n\n\n\n\n\nvar ShippingAddress = function ShippingAddress(_ref) {\n  var shippingAddress = _ref.shippingAddress,\n      onEdit = _ref.onEdit;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_5__.useTranslation)(['customer-details']),\n      t = _useTranslation.t;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_3__.ConfigContext),\n      customerProfile = _useContext.customerProfile;\n\n  var customerDataVisibleFields = customerProfile.customerDataVisibleFields;\n\n  var _useFormatAddress = (0,_chargify_address__WEBPACK_IMPORTED_MODULE_2__.useFormatAddress)(shippingAddress),\n      address = _useFormatAddress.address,\n      address2 = _useFormatAddress.address2,\n      city = _useFormatAddress.city,\n      state = _useFormatAddress.state,\n      zip = _useFormatAddress.zip,\n      country = _useFormatAddress.country;\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, null, (customerDataVisibleFields.includes('address') || customerDataVisibleFields.includes('address2')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    label: t('shipping_address.street_name_and_number'),\n    value: address + ' ' + address2\n  }), customerDataVisibleFields.includes('city') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    label: t('shipping_address.town'),\n    value: city\n  }), (customerDataVisibleFields.includes('state') || customerDataVisibleFields.includes('zip')) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    label: t('shipping_address.state_and_zip_code'),\n    value: state + ' ' + zip\n  }), customerDataVisibleFields.includes('country') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailsRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    label: t('shipping_address.country'),\n    value: country\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__.Button, {\n    onClick: onEdit,\n    color: 'secondary',\n    iconLeft: \"edit\",\n    label: t('shipping_address.edit_shipping_address')\n  }))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShippingAddress);\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/components/ShippingAddress/ShippingAddress.tsx?");
 
 /***/ }),
 
@@ -6275,7 +6275,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  customerDataVisibleFields: ['address', 'address2', 'city', 'state', 'zip', 'firstName', 'lastName', 'email', 'ccEmails', 'organization', 'vatNumber', 'phoneNumber', 'country', 'state']\n};\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/settings.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"defaultSettings\": () => (/* binding */ defaultSettings)\n/* harmony export */ });\nvar defaultSettings = {\n  customerProfile: {\n    customerDataVisibleFields: ['address', 'address2', 'city', 'state', 'zip', 'firstName', 'lastName', 'email', 'ccEmails', 'organization', 'vatNumber', 'phoneNumber', 'country', 'state']\n  }\n};\n\n//# sourceURL=webpack://Maxio/./packages/customer-details/src/settings.ts?");
 
 /***/ }),
 
@@ -6286,7 +6286,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./packages/data-access/src/utils/index.ts\");\n/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ \"./packages/data-access/src/types/index.ts\");\n/* harmony import */ var snakecase_keys__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! snakecase-keys */ \"./node_modules/.pnpm/snakecase-keys@5.4.4/node_modules/snakecase-keys/index.js\");\n/* harmony import */ var snakecase_keys__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(snakecase_keys__WEBPACK_IMPORTED_MODULE_2__);\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar _excluded = [\"address2\"],\n    _excluded2 = [\"subscriptionId\"];\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = \"function\" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || \"@@iterator\", asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\", toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, \"\"); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = \"suspendedStart\"; return function (method, arg) { if (\"executing\" === state) throw new Error(\"Generator is already running\"); if (\"completed\" === state) { if (\"throw\" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if (\"next\" === context.method) context.sent = context._sent = context.arg;else if (\"throw\" === context.method) { if (\"suspendedStart\" === state) throw state = \"completed\", context.arg; context.dispatchException(context.arg); } else \"return\" === context.method && context.abrupt(\"return\", context.arg); state = \"executing\"; var record = tryCatch(innerFn, self, context); if (\"normal\" === record.type) { if (state = context.done ? \"completed\" : \"suspendedYield\", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } \"throw\" === record.type && (state = \"completed\", context.method = \"throw\", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: \"normal\", arg: fn.call(obj, arg) }; } catch (err) { return { type: \"throw\", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { [\"next\", \"throw\", \"return\"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if (\"throw\" !== record.type) { var result = record.arg, value = result.value; return value && \"object\" == _typeof(value) && hasOwn.call(value, \"__await\") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke(\"next\", value, resolve, reject); }, function (err) { invoke(\"throw\", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke(\"throw\", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, \"throw\" === context.method) { if (delegate.iterator.return && (context.method = \"return\", context.arg = undefined, maybeInvokeDelegate(delegate, context), \"throw\" === context.method)) return ContinueSentinel; context.method = \"throw\", context.arg = new TypeError(\"The iterator does not provide a 'throw' method\"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if (\"throw\" === record.type) return context.method = \"throw\", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, \"return\" !== context.method && (context.method = \"next\", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = \"throw\", context.arg = new TypeError(\"iterator result is not an object\"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = \"normal\", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: \"root\" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if (\"function\" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, \"constructor\", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, \"constructor\", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, \"GeneratorFunction\"), exports.isGeneratorFunction = function (genFun) { var ctor = \"function\" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || \"GeneratorFunction\" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, \"GeneratorFunction\")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, \"Generator\"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, \"toString\", function () { return \"[object Generator]\"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { \"t\" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if (\"throw\" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = \"throw\", record.arg = exception, context.next = loc, caught && (context.method = \"next\", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if (\"root\" === entry.tryLoc) return handle(\"end\"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, \"catchLoc\"), hasFinally = hasOwn.call(entry, \"finallyLoc\"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error(\"try statement without catch or finally\"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, \"finallyLoc\") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && (\"break\" === type || \"continue\" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = \"next\", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if (\"throw\" === record.type) throw record.arg; return \"break\" === record.type || \"continue\" === record.type ? this.next = record.arg : \"return\" === record.type ? (this.rval = this.arg = record.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if (\"throw\" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, \"next\" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }\n\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\n\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err); } _next(undefined); }); }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\nvar DataAccess = /*#__PURE__*/function () {\n  function DataAccess(_ref) {\n    var baseUrl = _ref.baseUrl,\n        sessionManager = _ref.sessionManager;\n\n    _classCallCheck(this, DataAccess);\n\n    _defineProperty(this, \"baseUrl\", null);\n\n    _defineProperty(this, \"sessionManager\", null);\n\n    this.sessionManager = sessionManager;\n    this.baseUrl = baseUrl;\n  }\n\n  _createClass(DataAccess, [{\n    key: \"performRequest\",\n    value: function performRequest(url) {\n      var body = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n      var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.GET;\n      return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestHandler)(url, body, method, {\n        Authorization: \"Bearer \".concat(this.sessionManager.accessToken)\n      });\n    }\n  }, {\n    key: \"getProductsCatalog\",\n    value: function () {\n      var _getProductsCatalog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                return _context.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/product_families\")));\n\n              case 1:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee, this);\n      }));\n\n      function getProductsCatalog() {\n        return _getProductsCatalog.apply(this, arguments);\n      }\n\n      return getProductsCatalog;\n    }()\n  }, {\n    key: \"getProducts\",\n    value: function () {\n      var _getProducts = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(productFamilyId) {\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                return _context2.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/product_families/\").concat(productFamilyId, \"/products\")));\n\n              case 1:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2, this);\n      }));\n\n      function getProducts(_x) {\n        return _getProducts.apply(this, arguments);\n      }\n\n      return getProducts;\n    }()\n  }, {\n    key: \"previewProductMigration\",\n    value: function () {\n      var _previewProductMigration = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(subscriptionId, productId) {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) {\n            switch (_context3.prev = _context3.next) {\n              case 0:\n                return _context3.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/preview_product_migration\"), {\n                  product_id: productId\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context3.stop();\n            }\n          }\n        }, _callee3, this);\n      }));\n\n      function previewProductMigration(_x2, _x3) {\n        return _previewProductMigration.apply(this, arguments);\n      }\n\n      return previewProductMigration;\n    }()\n  }, {\n    key: \"migrateProduct\",\n    value: function () {\n      var _migrateProduct = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(subscriptionId, productId) {\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) {\n            switch (_context4.prev = _context4.next) {\n              case 0:\n                return _context4.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/products/\").concat(productId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context4.stop();\n            }\n          }\n        }, _callee4, this);\n      }));\n\n      function migrateProduct(_x4, _x5) {\n        return _migrateProduct.apply(this, arguments);\n      }\n\n      return migrateProduct;\n    }()\n  }, {\n    key: \"getComponents\",\n    value: function () {\n      var _getComponents = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) {\n            switch (_context5.prev = _context5.next) {\n              case 0:\n                return _context5.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/components\")));\n\n              case 1:\n              case \"end\":\n                return _context5.stop();\n            }\n          }\n        }, _callee5, this);\n      }));\n\n      function getComponents(_x6) {\n        return _getComponents.apply(this, arguments);\n      }\n\n      return getComponents;\n    }()\n  }, {\n    key: \"getGatewayConfig\",\n    value: function () {\n      var _getGatewayConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {\n        return _regeneratorRuntime().wrap(function _callee6$(_context6) {\n          while (1) {\n            switch (_context6.prev = _context6.next) {\n              case 0:\n                return _context6.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/gateway_config\")).then(function (response) {\n                  return _objectSpread(_objectSpread({}, response), {}, {\n                    vaultCurrencies: snakecase_keys__WEBPACK_IMPORTED_MODULE_2___default()(response.vaultCurrencies)\n                  });\n                }));\n\n              case 1:\n              case \"end\":\n                return _context6.stop();\n            }\n          }\n        }, _callee6, this);\n      }));\n\n      function getGatewayConfig() {\n        return _getGatewayConfig.apply(this, arguments);\n      }\n\n      return getGatewayConfig;\n    }()\n  }, {\n    key: \"createPaymentProfile\",\n    value: function () {\n      var _createPaymentProfile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(token) {\n        return _regeneratorRuntime().wrap(function _callee7$(_context7) {\n          while (1) {\n            switch (_context7.prev = _context7.next) {\n              case 0:\n                return _context7.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles\"), {\n                  token: token\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context7.stop();\n            }\n          }\n        }, _callee7, this);\n      }));\n\n      function createPaymentProfile(_x7) {\n        return _createPaymentProfile.apply(this, arguments);\n      }\n\n      return createPaymentProfile;\n    }()\n  }, {\n    key: \"updateSubscriptionPaymentProfile\",\n    value: function () {\n      var _updateSubscriptionPaymentProfile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(paymentProfileId, subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) {\n            switch (_context8.prev = _context8.next) {\n              case 0:\n                return _context8.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context8.stop();\n            }\n          }\n        }, _callee8, this);\n      }));\n\n      function updateSubscriptionPaymentProfile(_x8, _x9) {\n        return _updateSubscriptionPaymentProfile.apply(this, arguments);\n      }\n\n      return updateSubscriptionPaymentProfile;\n    }()\n  }, {\n    key: \"replacePaymentProfiles\",\n    value: function () {\n      var _replacePaymentProfiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(paymentProfileIdsForReplacement, newPaymentProfileId) {\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) {\n            switch (_context9.prev = _context9.next) {\n              case 0:\n                return _context9.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/payment_profiles\"), {\n                  billing: {\n                    payment_profile_id: newPaymentProfileId\n                  },\n                  paymentProfiles: paymentProfileIdsForReplacement.map(function (id) {\n                    return {\n                      id: id\n                    };\n                  })\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context9.stop();\n            }\n          }\n        }, _callee9, this);\n      }));\n\n      function replacePaymentProfiles(_x10, _x11) {\n        return _replacePaymentProfiles.apply(this, arguments);\n      }\n\n      return replacePaymentProfiles;\n    }()\n  }, {\n    key: \"resumeSubscription\",\n    value: function () {\n      var _resumeSubscription = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee10$(_context10) {\n          while (1) {\n            switch (_context10.prev = _context10.next) {\n              case 0:\n                return _context10.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/resume\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context10.stop();\n            }\n          }\n        }, _callee10, this);\n      }));\n\n      function resumeSubscription(_x12) {\n        return _resumeSubscription.apply(this, arguments);\n      }\n\n      return resumeSubscription;\n    }()\n  }, {\n    key: \"getSubscriptionResumptionConfig\",\n    value: function () {\n      var _getSubscriptionResumptionConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {\n        return _regeneratorRuntime().wrap(function _callee11$(_context11) {\n          while (1) {\n            switch (_context11.prev = _context11.next) {\n              case 0:\n                return _context11.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/resumption_config\")));\n\n              case 1:\n              case \"end\":\n                return _context11.stop();\n            }\n          }\n        }, _callee11, this);\n      }));\n\n      function getSubscriptionResumptionConfig() {\n        return _getSubscriptionResumptionConfig.apply(this, arguments);\n      }\n\n      return getSubscriptionResumptionConfig;\n    }()\n  }, {\n    key: \"updateSubscriptionResumptionDate\",\n    value: function () {\n      var _updateSubscriptionResumptionDate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(subscriptionId, autoResumeDate) {\n        return _regeneratorRuntime().wrap(function _callee12$(_context12) {\n          while (1) {\n            switch (_context12.prev = _context12.next) {\n              case 0:\n                return _context12.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/hold\"), {\n                  automatically_resume_at: autoResumeDate\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context12.stop();\n            }\n          }\n        }, _callee12, this);\n      }));\n\n      function updateSubscriptionResumptionDate(_x13, _x14) {\n        return _updateSubscriptionResumptionDate.apply(this, arguments);\n      }\n\n      return updateSubscriptionResumptionDate;\n    }()\n  }, {\n    key: \"getSubscriptions\",\n    value: function () {\n      var _getSubscriptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {\n        return _regeneratorRuntime().wrap(function _callee13$(_context13) {\n          while (1) {\n            switch (_context13.prev = _context13.next) {\n              case 0:\n                return _context13.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions\")));\n\n              case 1:\n              case \"end\":\n                return _context13.stop();\n            }\n          }\n        }, _callee13, this);\n      }));\n\n      function getSubscriptions() {\n        return _getSubscriptions.apply(this, arguments);\n      }\n\n      return getSubscriptions;\n    }()\n  }, {\n    key: \"getSubscriptionDetails\",\n    value: function () {\n      var _getSubscriptionDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee14$(_context14) {\n          while (1) {\n            switch (_context14.prev = _context14.next) {\n              case 0:\n                return _context14.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/details\")));\n\n              case 1:\n              case \"end\":\n                return _context14.stop();\n            }\n          }\n        }, _callee14, this);\n      }));\n\n      function getSubscriptionDetails(_x15) {\n        return _getSubscriptionDetails.apply(this, arguments);\n      }\n\n      return getSubscriptionDetails;\n    }()\n  }, {\n    key: \"addCoupon\",\n    value: function () {\n      var _addCoupon = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(subscriptionId, couponCode) {\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, \"/subscriptions/\").concat(subscriptionId, \"/coupons\"), {\n                  coupon_code: couponCode\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context15.stop();\n            }\n          }\n        }, _callee15, this);\n      }));\n\n      function addCoupon(_x16, _x17) {\n        return _addCoupon.apply(this, arguments);\n      }\n\n      return addCoupon;\n    }()\n  }, {\n    key: \"getCustomerDetails\",\n    value: function () {\n      var _getCustomerDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {\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, \"/customer\")));\n\n              case 1:\n              case \"end\":\n                return _context16.stop();\n            }\n          }\n        }, _callee16, 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 _callee17(customerDetails) {\n        var address2, rest, data;\n        return _regeneratorRuntime().wrap(function _callee17$(_context17) {\n          while (1) {\n            switch (_context17.prev = _context17.next) {\n              case 0:\n                address2 = customerDetails.address2, rest = _objectWithoutProperties(customerDetails, _excluded);\n                data = _objectSpread({\n                  address_2: address2\n                }, rest);\n                return _context17.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 _context17.stop();\n            }\n          }\n        }, _callee17, this);\n      }));\n\n      function updateCustomerDetails(_x18) {\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 _callee18(countryCode) {\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, \"/subdivisions?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)({\n                  countryCode: countryCode\n                }))));\n\n              case 1:\n              case \"end\":\n                return _context18.stop();\n            }\n          }\n        }, _callee18, this);\n      }));\n\n      function getCountrySubdivisions(_x19) {\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 _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, \"/countries\")));\n\n              case 1:\n              case \"end\":\n                return _context19.stop();\n            }\n          }\n        }, _callee19, 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 _callee20(requestParams) {\n        return _regeneratorRuntime().wrap(function _callee20$(_context20) {\n          while (1) {\n            switch (_context20.prev = _context20.next) {\n              case 0:\n                return _context20.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/invoices?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)(requestParams))));\n\n              case 1:\n              case \"end\":\n                return _context20.stop();\n            }\n          }\n        }, _callee20, this);\n      }));\n\n      function getInvoices(_x20) {\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 _callee21() {\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, \"/invoices/filters\")));\n\n              case 1:\n              case \"end\":\n                return _context21.stop();\n            }\n          }\n        }, _callee21, 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 _callee22(subscriptionId, body) {\n        return _regeneratorRuntime().wrap(function _callee22$(_context22) {\n          while (1) {\n            switch (_context22.prev = _context22.next) {\n              case 0:\n                return _context22.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/preview_allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context22.stop();\n            }\n          }\n        }, _callee22, this);\n      }));\n\n      function previewComponentAllocations(_x21, _x22) {\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 _callee23(subscriptionId, body) {\n        return _regeneratorRuntime().wrap(function _callee23$(_context23) {\n          while (1) {\n            switch (_context23.prev = _context23.next) {\n              case 0:\n                return _context23.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context23.stop();\n            }\n          }\n        }, _callee23, this);\n      }));\n\n      function updateComponentAllocations(_x23, _x24) {\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 _callee24(subscriptionId) {\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, \"/subscriptions/\").concat(subscriptionId, \"/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context24.stop();\n            }\n          }\n        }, _callee24, this);\n      }));\n\n      function getSubscriptionCustomFields(_x25) {\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 _callee25() {\n        return _regeneratorRuntime().wrap(function _callee25$(_context25) {\n          while (1) {\n            switch (_context25.prev = _context25.next) {\n              case 0:\n                return _context25.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context25.stop();\n            }\n          }\n        }, _callee25, 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 _callee26(customFields) {\n        return _regeneratorRuntime().wrap(function _callee26$(_context26) {\n          while (1) {\n            switch (_context26.prev = _context26.next) {\n              case 0:\n                return _context26.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/customer/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context26.stop();\n            }\n          }\n        }, _callee26, this);\n      }));\n\n      function updateCustomerCustomFields(_x26) {\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 _callee27(subscriptionId, customFields) {\n        return _regeneratorRuntime().wrap(function _callee27$(_context27) {\n          while (1) {\n            switch (_context27.prev = _context27.next) {\n              case 0:\n                return _context27.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context27.stop();\n            }\n          }\n        }, _callee27, this);\n      }));\n\n      function updateSubscriptionCustomFields(_x27, _x28) {\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 _callee28(subscriptionId, automaticallyResumeAt) {\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, \"/subscriptions/\").concat(subscriptionId, \"/hold\"), {\n                  automaticallyResumeAt: automaticallyResumeAt\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context28.stop();\n            }\n          }\n        }, _callee28, this);\n      }));\n\n      function pauseSubscription(_x29, _x30) {\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 _callee29(_ref2) {\n        var subscriptionId, rest;\n        return _regeneratorRuntime().wrap(function _callee29$(_context29) {\n          while (1) {\n            switch (_context29.prev = _context29.next) {\n              case 0:\n                subscriptionId = _ref2.subscriptionId, rest = _objectWithoutProperties(_ref2, _excluded2);\n                return _context29.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 _context29.stop();\n            }\n          }\n        }, _callee29, this);\n      }));\n\n      function cancelSubscription(_x31) {\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 _callee30() {\n        return _regeneratorRuntime().wrap(function _callee30$(_context30) {\n          while (1) {\n            switch (_context30.prev = _context30.next) {\n              case 0:\n                return _context30.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles\")));\n\n              case 1:\n              case \"end\":\n                return _context30.stop();\n            }\n          }\n        }, _callee30, 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 _callee31(paymentProfileId) {\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, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context31.stop();\n            }\n          }\n        }, _callee31, this);\n      }));\n\n      function deletePaymentProfile(_x32) {\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 _callee32(subscriptionId) {\n        return _regeneratorRuntime().wrap(function _callee32$(_context32) {\n          while (1) {\n            switch (_context32.prev = _context32.next) {\n              case 0:\n                return _context32.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/cancel\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context32.stop();\n            }\n          }\n        }, _callee32, this);\n      }));\n\n      function undoCancelation(_x33) {\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 _callee33() {\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, \"/churn_reason_codes\")));\n\n              case 1:\n              case \"end\":\n                return _context33.stop();\n            }\n          }\n        }, _callee33, 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 _callee34(invoiceId) {\n        return _regeneratorRuntime().wrap(function _callee34$(_context34) {\n          while (1) {\n            switch (_context34.prev = _context34.next) {\n              case 0:\n                _context34.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 _context34.abrupt(\"return\", _context34.sent);\n\n              case 3:\n              case \"end\":\n                return _context34.stop();\n            }\n          }\n        }, _callee34, this);\n      }));\n\n      function getInvoicePDF(_x34) {\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 _callee35(subscriptionId, couponCode) {\n        return _regeneratorRuntime().wrap(function _callee35$(_context35) {\n          while (1) {\n            switch (_context35.prev = _context35.next) {\n              case 0:\n                return _context35.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 _context35.stop();\n            }\n          }\n        }, _callee35, this);\n      }));\n\n      function reactivateSubscription(_x35, _x36) {\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: \"getBillingPortalSettings\",\n    value: function () {\n      var _getBillingPortalSettings = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\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, \"/settings\")));\n\n              case 1:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2, this);\n      }));\n\n      function getBillingPortalSettings() {\n        return _getBillingPortalSettings.apply(this, arguments);\n      }\n\n      return getBillingPortalSettings;\n    }()\n  }, {\n    key: \"getProducts\",\n    value: function () {\n      var _getProducts = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(productFamilyId) {\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, \"/product_families/\").concat(productFamilyId, \"/products\")));\n\n              case 1:\n              case \"end\":\n                return _context3.stop();\n            }\n          }\n        }, _callee3, 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 _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, \"/preview_product_migration\"), {\n                  product_id: productId\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 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 _callee5(subscriptionId, productId) {\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, \"/products/\").concat(productId), {}, _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 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 _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, \"/components\")));\n\n              case 1:\n              case \"end\":\n                return _context6.stop();\n            }\n          }\n        }, _callee6, 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 _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, \"/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 _context7.stop();\n            }\n          }\n        }, _callee7, 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 _callee8(token) {\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, \"/payment_profiles\"), {\n                  token: token\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context8.stop();\n            }\n          }\n        }, _callee8, 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 _callee9(paymentProfileId, subscriptionId) {\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/\").concat(subscriptionId, \"/payment_profiles/\").concat(paymentProfileId), {}, _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 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 _callee10(paymentProfileIdsForReplacement, newPaymentProfileId) {\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/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 _context10.stop();\n            }\n          }\n        }, _callee10, 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 _callee11(subscriptionId) {\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/\").concat(subscriptionId, \"/resume\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context11.stop();\n            }\n          }\n        }, _callee11, 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 _callee12() {\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/resumption_config\")));\n\n              case 1:\n              case \"end\":\n                return _context12.stop();\n            }\n          }\n        }, _callee12, 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 _callee13(subscriptionId, autoResumeDate) {\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/\").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 _context13.stop();\n            }\n          }\n        }, _callee13, 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 _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, \"/subscriptions\")));\n\n              case 1:\n              case \"end\":\n                return _context14.stop();\n            }\n          }\n        }, _callee14, this);\n      }));\n\n      function getSubscriptions() {\n        return _getSubscriptions.apply(this, arguments);\n      }\n\n      return getSubscriptions;\n    }()\n  }, {\n    key: \"getSubscriptionDetails\",\n    value: function () {\n      var _getSubscriptionDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(subscriptionId) {\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, \"/subscriptions/\").concat(subscriptionId, \"/details\")));\n\n              case 1:\n              case \"end\":\n                return _context15.stop();\n            }\n          }\n        }, _callee15, this);\n      }));\n\n      function getSubscriptionDetails(_x15) {\n        return _getSubscriptionDetails.apply(this, arguments);\n      }\n\n      return getSubscriptionDetails;\n    }()\n  }, {\n    key: \"addCoupon\",\n    value: function () {\n      var _addCoupon = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(subscriptionId, couponCode) {\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, \"/coupons\"), {\n                  coupon_code: couponCode\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context16.stop();\n            }\n          }\n        }, _callee16, this);\n      }));\n\n      function addCoupon(_x16, _x17) {\n        return _addCoupon.apply(this, arguments);\n      }\n\n      return addCoupon;\n    }()\n  }, {\n    key: \"getCustomerDetails\",\n    value: function () {\n      var _getCustomerDetails = _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, \"/customer\")));\n\n              case 1:\n              case \"end\":\n                return _context17.stop();\n            }\n          }\n        }, _callee17, 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 _callee18(customerDetails) {\n        var address2, rest, data;\n        return _regeneratorRuntime().wrap(function _callee18$(_context18) {\n          while (1) {\n            switch (_context18.prev = _context18.next) {\n              case 0:\n                address2 = customerDetails.address2, rest = _objectWithoutProperties(customerDetails, _excluded);\n                data = _objectSpread({\n                  address_2: address2\n                }, rest);\n                return _context18.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 _context18.stop();\n            }\n          }\n        }, _callee18, this);\n      }));\n\n      function updateCustomerDetails(_x18) {\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 _callee19(countryCode) {\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, \"/subdivisions?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)({\n                  countryCode: countryCode\n                }))));\n\n              case 1:\n              case \"end\":\n                return _context19.stop();\n            }\n          }\n        }, _callee19, this);\n      }));\n\n      function getCountrySubdivisions(_x19) {\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 _callee20() {\n        return _regeneratorRuntime().wrap(function _callee20$(_context20) {\n          while (1) {\n            switch (_context20.prev = _context20.next) {\n              case 0:\n                return _context20.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/countries\")));\n\n              case 1:\n              case \"end\":\n                return _context20.stop();\n            }\n          }\n        }, _callee20, 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 _callee21(requestParams) {\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, \"/invoices?\").concat((0,_utils__WEBPACK_IMPORTED_MODULE_0__.prepareQueryParams)(requestParams))));\n\n              case 1:\n              case \"end\":\n                return _context21.stop();\n            }\n          }\n        }, _callee21, this);\n      }));\n\n      function getInvoices(_x20) {\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 _callee22() {\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, \"/invoices/filters\")));\n\n              case 1:\n              case \"end\":\n                return _context22.stop();\n            }\n          }\n        }, _callee22, 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 _callee23(subscriptionId, body) {\n        return _regeneratorRuntime().wrap(function _callee23$(_context23) {\n          while (1) {\n            switch (_context23.prev = _context23.next) {\n              case 0:\n                return _context23.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/subscriptions/\").concat(subscriptionId, \"/preview_allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context23.stop();\n            }\n          }\n        }, _callee23, this);\n      }));\n\n      function previewComponentAllocations(_x21, _x22) {\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 _callee24(subscriptionId, body) {\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, \"/subscriptions/\").concat(subscriptionId, \"/allocations\"), body, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context24.stop();\n            }\n          }\n        }, _callee24, this);\n      }));\n\n      function updateComponentAllocations(_x23, _x24) {\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 _callee25(subscriptionId) {\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\n              case 1:\n              case \"end\":\n                return _context25.stop();\n            }\n          }\n        }, _callee25, this);\n      }));\n\n      function getSubscriptionCustomFields(_x25) {\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 _callee26() {\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, \"/customer/custom_fields\")));\n\n              case 1:\n              case \"end\":\n                return _context26.stop();\n            }\n          }\n        }, _callee26, 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 _callee27(customFields) {\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, \"/customer/custom_fields\"), {\n                  fields: customFields\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.PUT));\n\n              case 1:\n              case \"end\":\n                return _context27.stop();\n            }\n          }\n        }, _callee27, this);\n      }));\n\n      function updateCustomerCustomFields(_x26) {\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 _callee28(subscriptionId, customFields) {\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, \"/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 _context28.stop();\n            }\n          }\n        }, _callee28, this);\n      }));\n\n      function updateSubscriptionCustomFields(_x27, _x28) {\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 _callee29(subscriptionId, automaticallyResumeAt) {\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, \"/hold\"), {\n                  automaticallyResumeAt: automaticallyResumeAt\n                }, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.POST));\n\n              case 1:\n              case \"end\":\n                return _context29.stop();\n            }\n          }\n        }, _callee29, this);\n      }));\n\n      function pauseSubscription(_x29, _x30) {\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 _callee30(_ref2) {\n        var subscriptionId, rest;\n        return _regeneratorRuntime().wrap(function _callee30$(_context30) {\n          while (1) {\n            switch (_context30.prev = _context30.next) {\n              case 0:\n                subscriptionId = _ref2.subscriptionId, rest = _objectWithoutProperties(_ref2, _excluded2);\n                return _context30.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 _context30.stop();\n            }\n          }\n        }, _callee30, this);\n      }));\n\n      function cancelSubscription(_x31) {\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 _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, \"/payment_profiles\")));\n\n              case 1:\n              case \"end\":\n                return _context31.stop();\n            }\n          }\n        }, _callee31, 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 _callee32(paymentProfileId) {\n        return _regeneratorRuntime().wrap(function _callee32$(_context32) {\n          while (1) {\n            switch (_context32.prev = _context32.next) {\n              case 0:\n                return _context32.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/payment_profiles/\").concat(paymentProfileId), {}, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context32.stop();\n            }\n          }\n        }, _callee32, this);\n      }));\n\n      function deletePaymentProfile(_x32) {\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 _callee33(subscriptionId) {\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, \"/cancel\"), null, _types__WEBPACK_IMPORTED_MODULE_1__.HttpMethod.DELETE));\n\n              case 1:\n              case \"end\":\n                return _context33.stop();\n            }\n          }\n        }, _callee33, this);\n      }));\n\n      function undoCancelation(_x33) {\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 _callee34() {\n        return _regeneratorRuntime().wrap(function _callee34$(_context34) {\n          while (1) {\n            switch (_context34.prev = _context34.next) {\n              case 0:\n                return _context34.abrupt(\"return\", this.performRequest(\"\".concat(this.baseUrl, \"/churn_reason_codes\")));\n\n              case 1:\n              case \"end\":\n                return _context34.stop();\n            }\n          }\n        }, _callee34, 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 _callee35(invoiceId) {\n        return _regeneratorRuntime().wrap(function _callee35$(_context35) {\n          while (1) {\n            switch (_context35.prev = _context35.next) {\n              case 0:\n                _context35.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 _context35.abrupt(\"return\", _context35.sent);\n\n              case 3:\n              case \"end\":\n                return _context35.stop();\n            }\n          }\n        }, _callee35, this);\n      }));\n\n      function getInvoicePDF(_x34) {\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 _callee36(subscriptionId, couponCode) {\n        return _regeneratorRuntime().wrap(function _callee36$(_context36) {\n          while (1) {\n            switch (_context36.prev = _context36.next) {\n              case 0:\n                return _context36.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 _context36.stop();\n            }\n          }\n        }, _callee36, this);\n      }));\n\n      function reactivateSubscription(_x35, _x36) {\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?");
 
 /***/ }),
 
@@ -6462,7 +6462,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 _SessionGuard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../SessionGuard */ \"./packages/embeddable-component/src/SessionGuard/index.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\nvar DefaultLoader = function DefaultLoader() {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"Session loading...\");\n};\n\nvar ComponentLoader = function ComponentLoader(_ref) {\n  var component = _ref.component,\n      loader = _ref.loader,\n      settings = _ref.settings;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_SessionGuard__WEBPACK_IMPORTED_MODULE_1__.SessionContext),\n      sessionInitialized = _useContext.sessionInitialized;\n\n  var componentToRender;\n\n  if (sessionInitialized) {\n    componentToRender = component;\n  } else if (loader) {\n    componentToRender = loader;\n  } else {\n    componentToRender = DefaultLoader;\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(componentToRender, _objectSpread({}, settings));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ComponentLoader);\n\n//# sourceURL=webpack://Maxio/./packages/embeddable-component/src/ComponentLoader/ComponentLoader.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 _SessionGuard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../SessionGuard */ \"./packages/embeddable-component/src/SessionGuard/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks */ \"./packages/embeddable-component/src/hooks/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\nvar DefaultLoader = function DefaultLoader() {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"p\", null, \"Session loading...\");\n};\n\nvar ComponentLoader = function ComponentLoader(_ref) {\n  var component = _ref.component,\n      loader = _ref.loader,\n      clientSettings = _ref.clientSettings;\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_SessionGuard__WEBPACK_IMPORTED_MODULE_1__.SessionContext),\n      sessionInitialized = _useContext.sessionInitialized;\n\n  var settings = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useSettings)(clientSettings);\n  var componentToRender;\n\n  if (sessionInitialized && settings) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(component, _objectSpread({}, settings));\n  } else if (loader) {\n    componentToRender = loader;\n  } else {\n    componentToRender = DefaultLoader;\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(componentToRender);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ComponentLoader);\n\n//# sourceURL=webpack://Maxio/./packages/embeddable-component/src/ComponentLoader/ComponentLoader.tsx?");
 
 /***/ }),
 
@@ -6484,7 +6484,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_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/client.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/I18nextProvider.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_device_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/device-provider */ \"./packages/device-provider/src/index.ts\");\n/* harmony import */ var _chargify_toasts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @chargify/toasts */ \"./packages/toasts/src/index.ts\");\n/* harmony import */ var _chargify_data_access__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @chargify/data-access */ \"./packages/data-access/src/index.ts\");\n/* harmony import */ var _SessionGuard__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../SessionGuard */ \"./packages/embeddable-component/src/SessionGuard/index.ts\");\n/* harmony import */ var _ComponentLoader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ComponentLoader */ \"./packages/embeddable-component/src/ComponentLoader/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\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\n\n\n\n\n\n\nvar EmbeddableComponent = /*#__PURE__*/function () {\n  function EmbeddableComponent(_ref) {\n    var i18n = _ref.i18n,\n        componentsTheme = _ref.componentsTheme,\n        dataAccess = _ref.dataAccess,\n        sessionManager = _ref.sessionManager;\n\n    _classCallCheck(this, EmbeddableComponent);\n\n    _defineProperty(this, \"i18n\", void 0);\n\n    _defineProperty(this, \"componentsTheme\", void 0);\n\n    _defineProperty(this, \"rootNode\", null);\n\n    _defineProperty(this, \"sessionManager\", null);\n\n    _defineProperty(this, \"dataAccess\", null);\n\n    this.componentsTheme = componentsTheme;\n    this.sessionManager = sessionManager;\n    this.dataAccess = dataAccess;\n    this.i18n = i18n;\n  }\n\n  _createClass(EmbeddableComponent, [{\n    key: \"getMountNode\",\n    value: function getMountNode(container) {\n      var node = typeof container === 'string' ? document.querySelector(container) : container;\n      return node;\n    }\n  }, {\n    key: \"destroy\",\n    value: function destroy() {\n      this.rootNode.unmount();\n    }\n  }, {\n    key: \"renderComponent\",\n    value: function renderComponent(container, component, settings, loader) {\n      var mountNode = this.getMountNode(container);\n      this.rootNode = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(mountNode);\n\n      var _this$componentsTheme = _slicedToArray(this.componentsTheme.breakpoints, 2),\n          tabletBreakpoint = _this$componentsTheme[0],\n          desktopBreakpoint = _this$componentsTheme[1];\n\n      this.rootNode.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.ThemeProvider, {\n        theme: this.componentsTheme\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__.DeviceProvider, {\n        tabletMinWidth: tabletBreakpoint,\n        desktopMinWidth: desktopBreakpoint\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_toasts__WEBPACK_IMPORTED_MODULE_4__.ToastsContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_i18next__WEBPACK_IMPORTED_MODULE_8__.I18nextProvider, {\n        i18n: this.i18n\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_data_access__WEBPACK_IMPORTED_MODULE_5__.DataAccessContext.Provider, {\n        value: {\n          dataAccess: this.dataAccess\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SessionGuard__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n        sessionManager: this.sessionManager\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ComponentLoader__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n        component: component,\n        settings: settings,\n        loader: loader\n      }))))))));\n    }\n  }]);\n\n  return EmbeddableComponent;\n}();\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmbeddableComponent);\n\n//# sourceURL=webpack://Maxio/./packages/embeddable-component/src/EmbeddableComponent/EmbeddableComponent.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_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/client.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/I18nextProvider.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_device_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/device-provider */ \"./packages/device-provider/src/index.ts\");\n/* harmony import */ var _chargify_toasts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @chargify/toasts */ \"./packages/toasts/src/index.ts\");\n/* harmony import */ var _chargify_data_access__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @chargify/data-access */ \"./packages/data-access/src/index.ts\");\n/* harmony import */ var _SessionGuard__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../SessionGuard */ \"./packages/embeddable-component/src/SessionGuard/index.ts\");\n/* harmony import */ var _ComponentLoader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ComponentLoader */ \"./packages/embeddable-component/src/ComponentLoader/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\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\n\n\n\n\n\n\nvar EmbeddableComponent = /*#__PURE__*/function () {\n  function EmbeddableComponent(_ref) {\n    var i18n = _ref.i18n,\n        componentsTheme = _ref.componentsTheme,\n        dataAccess = _ref.dataAccess,\n        sessionManager = _ref.sessionManager;\n\n    _classCallCheck(this, EmbeddableComponent);\n\n    _defineProperty(this, \"i18n\", void 0);\n\n    _defineProperty(this, \"componentsTheme\", void 0);\n\n    _defineProperty(this, \"rootNode\", null);\n\n    _defineProperty(this, \"sessionManager\", null);\n\n    _defineProperty(this, \"dataAccess\", null);\n\n    this.componentsTheme = componentsTheme;\n    this.sessionManager = sessionManager;\n    this.dataAccess = dataAccess;\n    this.i18n = i18n;\n  }\n\n  _createClass(EmbeddableComponent, [{\n    key: \"getMountNode\",\n    value: function getMountNode(container) {\n      var node = typeof container === 'string' ? document.querySelector(container) : container;\n      return node;\n    }\n  }, {\n    key: \"destroy\",\n    value: function destroy() {\n      this.rootNode.unmount();\n    }\n  }, {\n    key: \"renderComponent\",\n    value: function renderComponent(container, component, settings, loader) {\n      var mountNode = this.getMountNode(container);\n      this.rootNode = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__.createRoot)(mountNode);\n\n      var _this$componentsTheme = _slicedToArray(this.componentsTheme.breakpoints, 2),\n          tabletBreakpoint = _this$componentsTheme[0],\n          desktopBreakpoint = _this$componentsTheme[1];\n\n      this.rootNode.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.ThemeProvider, {\n        theme: this.componentsTheme\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__.DeviceProvider, {\n        tabletMinWidth: tabletBreakpoint,\n        desktopMinWidth: desktopBreakpoint\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_toasts__WEBPACK_IMPORTED_MODULE_4__.ToastsContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_i18next__WEBPACK_IMPORTED_MODULE_8__.I18nextProvider, {\n        i18n: this.i18n\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_data_access__WEBPACK_IMPORTED_MODULE_5__.DataAccessContext.Provider, {\n        value: {\n          dataAccess: this.dataAccess\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SessionGuard__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n        sessionManager: this.sessionManager\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ComponentLoader__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n        component: component,\n        clientSettings: settings,\n        loader: loader\n      }))))))));\n    }\n  }]);\n\n  return EmbeddableComponent;\n}();\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmbeddableComponent);\n\n//# sourceURL=webpack://Maxio/./packages/embeddable-component/src/EmbeddableComponent/EmbeddableComponent.tsx?");
 
 /***/ }),
 
@@ -6521,6 +6521,28 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 
 /***/ }),
 
+/***/ "./packages/embeddable-component/src/hooks/index.ts":
+/*!**********************************************************!*\
+  !*** ./packages/embeddable-component/src/hooks/index.ts ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"useSettings\": () => (/* reexport safe */ _useSettings__WEBPACK_IMPORTED_MODULE_0__.useSettings)\n/* harmony export */ });\n/* harmony import */ var _useSettings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useSettings */ \"./packages/embeddable-component/src/hooks/useSettings.ts\");\n\n\n//# sourceURL=webpack://Maxio/./packages/embeddable-component/src/hooks/index.ts?");
+
+/***/ }),
+
+/***/ "./packages/embeddable-component/src/hooks/useSettings.ts":
+/*!****************************************************************!*\
+  !*** ./packages/embeddable-component/src/hooks/useSettings.ts ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"useSettings\": () => (/* binding */ useSettings)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_data_access__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/data-access */ \"./packages/data-access/src/index.ts\");\n/* harmony import */ var _SessionGuard_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../SessionGuard/index */ \"./packages/embeddable-component/src/SessionGuard/index.ts\");\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 _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 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 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 _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\nvar useSettings = function useSettings(clientSettings) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      settings = _useState2[0],\n      setSettings = _useState2[1];\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_chargify_data_access__WEBPACK_IMPORTED_MODULE_1__.DataAccessContext),\n      dataAccess = _useContext.dataAccess;\n\n  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_SessionGuard_index__WEBPACK_IMPORTED_MODULE_2__.SessionContext),\n      sessionInitialized = _useContext2.sessionInitialized;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    function getSettings() {\n      return _getSettings.apply(this, arguments);\n    }\n\n    function _getSettings() {\n      _getSettings = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var data, dataWithBillingHistory, mergedSettingsObject;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.next = 2;\n                return dataAccess.getBillingPortalSettings();\n\n              case 2:\n                data = _context.sent;\n                dataWithBillingHistory = _objectSpread(_objectSpread({}, data), {}, {\n                  billingHistory: {}\n                });\n                mergedSettingsObject = Object.keys(dataWithBillingHistory).reduce(function (acc, key) {\n                  return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, _objectSpread(_objectSpread({}, clientSettings[key]), dataWithBillingHistory[key])));\n                }, dataWithBillingHistory);\n                setSettings(mergedSettingsObject);\n\n              case 6:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee);\n      }));\n      return _getSettings.apply(this, arguments);\n    }\n\n    if (sessionInitialized) getSettings();\n  }, [clientSettings, dataAccess, sessionInitialized]);\n  return settings;\n};\n\n//# sourceURL=webpack://Maxio/./packages/embeddable-component/src/hooks/useSettings.ts?");
+
+/***/ }),
+
 /***/ "./packages/embeddable-component/src/index.ts":
 /*!****************************************************!*\
   !*** ./packages/embeddable-component/src/index.ts ***!
@@ -8926,7 +8948,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_9__ = __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_8__ = __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 _machines__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _SubscriptionContainer_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../SubscriptionContainer/hooks */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../contexts */ \"./packages/subscriptions-manager/src/contexts/index.ts\");\n/* harmony import */ var _components_SubscriptionComponents__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/SubscriptionComponents */ \"./packages/subscriptions-manager/src/components/SubscriptionComponents/index.ts\");\n/* harmony import */ var _ComponentsContainer_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ComponentsContainer.styles */ \"./packages/subscriptions-manager/src/containers/ComponentsContainer/ComponentsContainer.styles.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\n\n\nvar ComponentsContainer = function ComponentsContainer(_ref) {\n  var subscriptionId = _ref.subscriptionId,\n      catalogId = _ref.catalogId;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_8__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_9__.useNavigate)();\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_5__.GlobalStateContext),\n      subscriptionsService = _useContext.subscriptionsService,\n      modalsService = _useContext.modalsService;\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(subscriptionsService, (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(_machines__WEBPACK_IMPORTED_MODULE_2__.subscriptionsSelectors.getSubscriptionById(catalogId, subscriptionId), [])),\n      componentsRef = _useSelector.componentsRef,\n      subscription = _useSelector.subscription;\n\n  var subscriptionIsActive = (0,_SubscriptionContainer_hooks__WEBPACK_IMPORTED_MODULE_4__.useSubscriptionIsActive)(subscription.status);\n\n  var _useActor = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useActor)(componentsRef),\n      _useActor2 = _slicedToArray(_useActor, 2),\n      componentsState = _useActor2[0],\n      sendToMachine = _useActor2[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (componentsState.matches('idle')) {\n      sendToMachine({\n        type: 'FETCH_COMPONENTS'\n      });\n    }\n  }, []);\n\n  var _useSelector2 = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(componentsRef, _machines__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getComponentsUsedInBilling),\n      prepaid = _useSelector2.prepaid,\n      metered = _useSelector2.metered,\n      onOff = _useSelector2.on_off,\n      quantity = _useSelector2.quantity;\n\n  var componentUpdatesAllowed = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(componentsRef, _machines__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getComponentsUpdatesAllowed);\n\n  var _useComponentSettings = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      _useComponentSettings2 = _useComponentSettings.componentsAllocation,\n      allocationFlow = _useComponentSettings2.allocationFlow,\n      customerSelfService = _useComponentSettings2.customerSelfService;\n\n  var onEditAddons = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if (allocationFlow === 'page') {\n      navigate(\"/componentsAllocation/\".concat(catalogId, \"/\").concat(subscriptionId));\n    } else {\n      modalsService.send({\n        type: 'SHOW_ADDONS_CONFIGURATION',\n        catalogId: catalogId,\n        subscriptionId: subscriptionId\n      });\n    }\n  }, [allocationFlow]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_5__.ComponentsContext.Provider, {\n    value: {\n      subscriptionIsActive: subscriptionIsActive\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ComponentsContainer_styles__WEBPACK_IMPORTED_MODULE_7__.SubscriptionComponentsWrapper, {\n    marginTop: 3,\n    paddingTop: 5,\n    \"data-testid\": \"subscription-components\"\n  }, componentsState.matches('loading') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_SubscriptionComponents__WEBPACK_IMPORTED_MODULE_6__[\"default\"].LoadingSkeleton, {\n    variant: subscriptionIsActive ? 'primary' : 'secondary'\n  }), componentsState.matches('ready') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_SubscriptionComponents__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    prepaid: prepaid,\n    metered: metered,\n    onOff: onOff,\n    quantity: quantity,\n    onEditAddons: onEditAddons,\n    selfServiceEnabled: customerSelfService && componentUpdatesAllowed\n  }), componentsState.matches('error') && /*#__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('components_allocations.we_were_unable_to_display_your_components')))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ComponentsContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ComponentsContainer/ComponentsContainer.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_9__ = __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_8__ = __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 _machines__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _SubscriptionContainer_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../SubscriptionContainer/hooks */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/index.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../contexts */ \"./packages/subscriptions-manager/src/contexts/index.ts\");\n/* harmony import */ var _components_SubscriptionComponents__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/SubscriptionComponents */ \"./packages/subscriptions-manager/src/components/SubscriptionComponents/index.ts\");\n/* harmony import */ var _ComponentsContainer_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ComponentsContainer.styles */ \"./packages/subscriptions-manager/src/containers/ComponentsContainer/ComponentsContainer.styles.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\n\n\nvar ComponentsContainer = function ComponentsContainer(_ref) {\n  var subscriptionId = _ref.subscriptionId,\n      catalogId = _ref.catalogId;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_8__.useTranslation)(['subscriptions-manager']),\n      t = _useTranslation.t;\n\n  var navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_9__.useNavigate)();\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts__WEBPACK_IMPORTED_MODULE_5__.GlobalStateContext),\n      subscriptionsService = _useContext.subscriptionsService,\n      modalsService = _useContext.modalsService;\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(subscriptionsService, (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(_machines__WEBPACK_IMPORTED_MODULE_2__.subscriptionsSelectors.getSubscriptionById(catalogId, subscriptionId), [])),\n      componentsRef = _useSelector.componentsRef,\n      subscription = _useSelector.subscription;\n\n  var subscriptionIsActive = (0,_SubscriptionContainer_hooks__WEBPACK_IMPORTED_MODULE_4__.useSubscriptionIsActive)(subscription.status);\n\n  var _useActor = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_11__.useActor)(componentsRef),\n      _useActor2 = _slicedToArray(_useActor, 2),\n      componentsState = _useActor2[0],\n      sendToMachine = _useActor2[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (componentsState.matches('idle')) {\n      sendToMachine({\n        type: 'FETCH_COMPONENTS'\n      });\n    }\n  }, []);\n\n  var _useSelector2 = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(componentsRef, _machines__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getComponentsUsedInBilling),\n      prepaid = _useSelector2.prepaid,\n      metered = _useSelector2.metered,\n      onOff = _useSelector2.on_off,\n      quantity = _useSelector2.quantity;\n\n  var componentUpdatesAllowed = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_10__.useSelector)(componentsRef, _machines__WEBPACK_IMPORTED_MODULE_2__.componentsSelectors.getComponentsUpdatesAllowed);\n\n  var _useComponentSettings = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      _useComponentSettings2 = _useComponentSettings.componentsAllocation,\n      allocationFlow = _useComponentSettings2.allocationFlow,\n      customerSelfService = _useComponentSettings2.editAllowed;\n\n  var onEditAddons = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if (allocationFlow === 'page') {\n      navigate(\"/componentsAllocation/\".concat(catalogId, \"/\").concat(subscriptionId));\n    } else {\n      modalsService.send({\n        type: 'SHOW_ADDONS_CONFIGURATION',\n        catalogId: catalogId,\n        subscriptionId: subscriptionId\n      });\n    }\n  }, [allocationFlow]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_5__.ComponentsContext.Provider, {\n    value: {\n      subscriptionIsActive: subscriptionIsActive\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ComponentsContainer_styles__WEBPACK_IMPORTED_MODULE_7__.SubscriptionComponentsWrapper, {\n    marginTop: 3,\n    paddingTop: 5,\n    \"data-testid\": \"subscription-components\"\n  }, componentsState.matches('loading') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_SubscriptionComponents__WEBPACK_IMPORTED_MODULE_6__[\"default\"].LoadingSkeleton, {\n    variant: subscriptionIsActive ? 'primary' : 'secondary'\n  }), componentsState.matches('ready') && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_SubscriptionComponents__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    prepaid: prepaid,\n    metered: metered,\n    onOff: onOff,\n    quantity: quantity,\n    onEditAddons: onEditAddons,\n    selfServiceEnabled: customerSelfService && componentUpdatesAllowed\n  }), componentsState.matches('error') && /*#__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('components_allocations.we_were_unable_to_display_your_components')))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ComponentsContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/ComponentsContainer/ComponentsContainer.tsx?");
 
 /***/ }),
 
@@ -9190,7 +9212,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _components_Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/Subscription */ \"./packages/subscriptions-manager/src/components/Subscription/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/constants.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/index.ts\");\nvar _excluded = [\"status\", \"product\", \"productFamilyId\", \"billing\", \"components\", \"customFields\", \"referralCode\", \"threeDsActionLink\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\n\n\n\n\n\nvar SubscriptionContainer = function SubscriptionContainer(_ref) {\n  var id = _ref.id,\n      _onShowDetails = _ref.onShowDetails,\n      subscriptionRef = _ref.subscriptionRef,\n      _ref$layout = _ref.layout,\n      layout = _ref$layout === void 0 ? 'expandable-card' : _ref$layout,\n      detailsVisible = _ref.detailsVisible;\n\n  var _useComponentSettings = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      customerSelfService = _useComponentSettings.componentsAllocation.customerSelfService;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_6__.useTranslation)(['common']),\n      t = _useTranslation.t,\n      i18n = _useTranslation.i18n;\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(subscriptionRef, _machines__WEBPACK_IMPORTED_MODULE_2__.subscriptionSelectors.getSubscriptionDetails),\n      status = _useSelector.status,\n      product = _useSelector.product,\n      productFamilyId = _useSelector.productFamilyId,\n      billing = _useSelector.billing,\n      components = _useSelector.components,\n      customFields = _useSelector.customFields,\n      referralCode = _useSelector.referralCode,\n      threeDsActionLink = _useSelector.threeDsActionLink,\n      subscriptionDetails = _objectWithoutProperties(_useSelector, _excluded);\n\n  var subscriptionTag = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useSubscriptionStatus)(status);\n  var getCardColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (state) {\n    return _constants__WEBPACK_IMPORTED_MODULE_4__.INACTIVE_STATE.includes(state) ? 'gray' : 'white';\n  }, []);\n  var formattedSubscriptionDetails = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useFormatSubscriptionDetails)(_objectSpread(_objectSpread({\n    product: product,\n    status: status\n  }, subscriptionDetails), {}, {\n    locale: i18n.language,\n    t: t\n  }));\n  var totalPrice = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    var formattedPrice = formattedSubscriptionDetails.totalPrice;\n\n    if (formattedPrice && !['trial', 'cancelled'].includes(status)) {\n      return {\n        label: formattedPrice,\n        color: _constants__WEBPACK_IMPORTED_MODULE_4__.PAYMENT_ISSUES.includes(status) ? 'danger.dark' : 'success.main'\n      };\n    }\n\n    return null;\n  }, [formattedSubscriptionDetails.totalPrice, status]);\n  var renderComponentsSection = components.updatesAllowed && customerSelfService || components.usedInBilling;\n\n  var _useComponentSettings2 = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      subscription = _useComponentSettings2.subscription;\n\n  var availableActions = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useSubscriptionAvailableActions)({\n    status: status\n  }, subscription.scopes);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Subscription__WEBPACK_IMPORTED_MODULE_1__[\"default\"], _objectSpread({\n    id: id,\n    name: product.name,\n    catalogId: productFamilyId,\n    description: product.description,\n    statusTag: subscriptionTag,\n    status: status,\n    layout: layout,\n    price: totalPrice,\n    detailsVisible: detailsVisible,\n    onShowDetails: function onShowDetails() {\n      return _onShowDetails && _onShowDetails(id);\n    },\n    cardColor: getCardColor(status),\n    billingDetails: billing,\n    renderComponentsSection: renderComponentsSection,\n    renderCustomFieldsSection: customFields === null || customFields === void 0 ? void 0 : customFields.visible,\n    availableActions: availableActions,\n    referralCode: referralCode,\n    threeDsActionLink: threeDsActionLink,\n    currency: subscriptionDetails.currency\n  }, formattedSubscriptionDetails)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscriptionContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/SubscriptionContainer/SubscriptionContainer.tsx?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _xstate_react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @xstate/react */ \"./node_modules/.pnpm/@xstate+react@3.0.1_csov6svwxizbqjpbal6caks7le/node_modules/@xstate/react/es/useSelector.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _components_Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/Subscription */ \"./packages/subscriptions-manager/src/components/Subscription/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../machines */ \"./packages/subscriptions-manager/src/machines/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ \"./packages/subscriptions-manager/src/hooks/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/constants.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks */ \"./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/index.ts\");\nvar _excluded = [\"status\", \"product\", \"productFamilyId\", \"billing\", \"components\", \"customFields\", \"referralCode\", \"threeDsActionLink\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\n\n\n\n\n\nvar SubscriptionContainer = function SubscriptionContainer(_ref) {\n  var id = _ref.id,\n      _onShowDetails = _ref.onShowDetails,\n      subscriptionRef = _ref.subscriptionRef,\n      _ref$layout = _ref.layout,\n      layout = _ref$layout === void 0 ? 'expandable-card' : _ref$layout,\n      detailsVisible = _ref.detailsVisible;\n\n  var _useComponentSettings = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      customerSelfService = _useComponentSettings.componentsAllocation.editAllowed;\n\n  var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_6__.useTranslation)(['common']),\n      t = _useTranslation.t,\n      i18n = _useTranslation.i18n;\n\n  var _useSelector = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_7__.useSelector)(subscriptionRef, _machines__WEBPACK_IMPORTED_MODULE_2__.subscriptionSelectors.getSubscriptionDetails),\n      status = _useSelector.status,\n      product = _useSelector.product,\n      productFamilyId = _useSelector.productFamilyId,\n      billing = _useSelector.billing,\n      components = _useSelector.components,\n      customFields = _useSelector.customFields,\n      referralCode = _useSelector.referralCode,\n      threeDsActionLink = _useSelector.threeDsActionLink,\n      subscriptionDetails = _objectWithoutProperties(_useSelector, _excluded);\n\n  var subscriptionTag = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useSubscriptionStatus)(status);\n  var getCardColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (state) {\n    return _constants__WEBPACK_IMPORTED_MODULE_4__.INACTIVE_STATE.includes(state) ? 'gray' : 'white';\n  }, []);\n  var formattedSubscriptionDetails = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useFormatSubscriptionDetails)(_objectSpread(_objectSpread({\n    product: product,\n    status: status\n  }, subscriptionDetails), {}, {\n    locale: i18n.language,\n    t: t\n  }));\n  var totalPrice = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    var formattedPrice = formattedSubscriptionDetails.totalPrice;\n\n    if (formattedPrice && !['trial', 'cancelled'].includes(status)) {\n      return {\n        label: formattedPrice,\n        color: _constants__WEBPACK_IMPORTED_MODULE_4__.PAYMENT_ISSUES.includes(status) ? 'danger.dark' : 'success.main'\n      };\n    }\n\n    return null;\n  }, [formattedSubscriptionDetails.totalPrice, status]);\n  var renderComponentsSection = components.updatesAllowed && customerSelfService || components.usedInBilling;\n\n  var _useComponentSettings2 = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useComponentSettings)(),\n      subscription = _useComponentSettings2.subscription;\n\n  var availableActions = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useSubscriptionAvailableActions)({\n    status: status\n  }, subscription.scopes);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Subscription__WEBPACK_IMPORTED_MODULE_1__[\"default\"], _objectSpread({\n    id: id,\n    name: product.name,\n    catalogId: productFamilyId,\n    description: product.description,\n    statusTag: subscriptionTag,\n    status: status,\n    layout: layout,\n    price: totalPrice,\n    detailsVisible: detailsVisible,\n    onShowDetails: function onShowDetails() {\n      return _onShowDetails && _onShowDetails(id);\n    },\n    cardColor: getCardColor(status),\n    billingDetails: billing,\n    renderComponentsSection: renderComponentsSection,\n    renderCustomFieldsSection: customFields === null || customFields === void 0 ? void 0 : customFields.visible,\n    availableActions: availableActions,\n    referralCode: referralCode,\n    threeDsActionLink: threeDsActionLink,\n    currency: subscriptionDetails.currency\n  }, formattedSubscriptionDetails)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscriptionContainer);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/SubscriptionContainer/SubscriptionContainer.tsx?");
 
 /***/ }),
 
@@ -9311,7 +9333,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ConfigContext\": () => (/* binding */ ConfigContext)\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\nvar ConfigContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({\n  componentsAllocation: {\n    allocationFlow: 'modal',\n    customerSelfService: true\n  },\n  subscription: {\n    details: 'page',\n    churnReasonCodes: true,\n    scopes: ['subscription:pause', 'subscription:resume']\n  },\n  paymentProfile: {\n    visible: true,\n    editAllowed: true,\n    editFlow: 'modal',\n    requiredFields: null,\n    addressFields: ['address', 'address2', 'city', 'state', 'zip', 'country']\n  }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/contexts/ConfigContext.ts?");
+eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ConfigContext\": () => (/* binding */ ConfigContext)\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\nvar ConfigContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({\n  componentsAllocation: {\n    allocationFlow: 'modal',\n    visible: true,\n    editAllowed: true\n  },\n  subscription: {\n    details: 'page',\n    churnReasonCodes: true,\n    scopes: ['subscription:pause', 'subscription:resume']\n  },\n  paymentProfile: {\n    visible: true,\n    editAllowed: true,\n    editFlow: 'modal',\n    requiredFields: null,\n    addressFields: ['address', 'address2', 'city', 'state', 'zip', 'country']\n  }\n});\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/contexts/ConfigContext.ts?");
 
 /***/ }),
 
@@ -11742,7 +11764,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', '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?");
+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  },\n  subscription: {\n    details: 'page'\n  },\n  paymentProfile: {\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?");
 
 /***/ }),
 
@@ -11808,7 +11830,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_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/index.js\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_10__ = __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_11__ = __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 _xstate_react__WEBPACK_IMPORTED_MODULE_9__ = __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_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_device_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/device-provider */ \"./packages/device-provider/src/index.ts\");\n/* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./motion */ \"./packages/toasts/src/containers/ToastsContainer/motion.ts\");\n/* harmony import */ var _ToastsContainer_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ToastsContainer.styles */ \"./packages/toasts/src/containers/ToastsContainer/ToastsContainer.styles.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts */ \"./packages/toasts/src/contexts/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../machines */ \"./packages/toasts/src/machines/index.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ \"./packages/toasts/src/utils/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 ToastsContainer = function ToastsContainer(_ref) {\n  var children = _ref.children;\n  var el = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      isMounted = _useState2[0],\n      setMounted = _useState2[1];\n\n  var _useMachine = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_9__.useMachine)(_machines__WEBPACK_IMPORTED_MODULE_7__.toasts),\n      _useMachine2 = _slicedToArray(_useMachine, 2),\n      state = _useMachine2[0],\n      send = _useMachine2[1];\n\n  var _useDeviceInfo = (0,_chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__.useDeviceInfo)(),\n      device = _useDeviceInfo.device;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    el.current = document.createElement('div');\n    el.current.setAttribute('data-testid', 'toast-notifications-portal');\n    el.current.style.position = 'fixed';\n    el.current.style.pointerEvents = 'none';\n    el.current.style.zIndex = '2';\n    document.body.appendChild(el.current);\n    setMounted(true);\n    return function () {\n      document.body.removeChild(el.current);\n    };\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (el.current) {\n      (0,_utils__WEBPACK_IMPORTED_MODULE_8__.setNotificationsPosition)(el.current, device);\n    }\n  }, [device]);\n  var toastService = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return {\n      show: function show(_ref2) {\n        var message = _ref2.message,\n            level = _ref2.level,\n            hideAfterTimeMs = _ref2.hideAfterTimeMs;\n        send('SHOW_TOAST', {\n          message: message,\n          level: level,\n          hideAfterTimeMs: hideAfterTimeMs\n        });\n      }\n    };\n  }, []);\n  var toastNotifications = device === 'mobile' ? _toConsumableArray(state.context.items).reverse() : state.context.items;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_6__.ToastMessagesContext.Provider, {\n    value: {\n      service: toastService\n    }\n  }, children, isMounted ? /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ToastsContainer_styles__WEBPACK_IMPORTED_MODULE_5__.Container, {\n    centerNotifications: device === 'mobile'\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_10__.AnimatePresence, null, toastNotifications.map(function (_ref3) {\n    var id = _ref3.id,\n        message = _ref3.message,\n        level = _ref3.level;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_11__.motion.div, _objectSpread(_objectSpread({}, _motion__WEBPACK_IMPORTED_MODULE_4__.toastMessageMotion), {}, {\n      key: id,\n      layout: true\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.ToastMessage, {\n      type: level,\n      message: message\n    }));\n  }))), el.current) : null);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastsContainer);\n\n//# sourceURL=webpack://Maxio/./packages/toasts/src/containers/ToastsContainer/ToastsContainer.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_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/index.js\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_10__ = __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_11__ = __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 _xstate_react__WEBPACK_IMPORTED_MODULE_9__ = __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_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_device_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chargify/device-provider */ \"./packages/device-provider/src/index.ts\");\n/* harmony import */ var _motion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./motion */ \"./packages/toasts/src/containers/ToastsContainer/motion.ts\");\n/* harmony import */ var _ToastsContainer_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ToastsContainer.styles */ \"./packages/toasts/src/containers/ToastsContainer/ToastsContainer.styles.ts\");\n/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts */ \"./packages/toasts/src/contexts/index.ts\");\n/* harmony import */ var _machines__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../machines */ \"./packages/toasts/src/machines/index.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ \"./packages/toasts/src/utils/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 ToastsContainer = function ToastsContainer(_ref) {\n  var children = _ref.children;\n  var el = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      isMounted = _useState2[0],\n      setMounted = _useState2[1];\n\n  var _useMachine = (0,_xstate_react__WEBPACK_IMPORTED_MODULE_9__.useMachine)(_machines__WEBPACK_IMPORTED_MODULE_7__.toasts),\n      _useMachine2 = _slicedToArray(_useMachine, 2),\n      state = _useMachine2[0],\n      send = _useMachine2[1];\n\n  var _useDeviceInfo = (0,_chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__.useDeviceInfo)(),\n      device = _useDeviceInfo.device;\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    el.current = document.createElement('div');\n    el.current.setAttribute('data-testid', 'toast-notifications-portal');\n    el.current.style.position = 'fixed';\n    el.current.style.pointerEvents = 'none';\n    el.current.style.zIndex = '2';\n    document.body.appendChild(el.current);\n    setMounted(true);\n    return function () {\n      el.current.remove();\n    };\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (el.current) {\n      (0,_utils__WEBPACK_IMPORTED_MODULE_8__.setNotificationsPosition)(el.current, device);\n    }\n  }, [device]);\n  var toastService = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return {\n      show: function show(_ref2) {\n        var message = _ref2.message,\n            level = _ref2.level,\n            hideAfterTimeMs = _ref2.hideAfterTimeMs;\n        send('SHOW_TOAST', {\n          message: message,\n          level: level,\n          hideAfterTimeMs: hideAfterTimeMs\n        });\n      }\n    };\n  }, []);\n  var toastNotifications = device === 'mobile' ? _toConsumableArray(state.context.items).reverse() : state.context.items;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contexts__WEBPACK_IMPORTED_MODULE_6__.ToastMessagesContext.Provider, {\n    value: {\n      service: toastService\n    }\n  }, children, isMounted ? /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ToastsContainer_styles__WEBPACK_IMPORTED_MODULE_5__.Container, {\n    centerNotifications: device === 'mobile'\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_10__.AnimatePresence, null, toastNotifications.map(function (_ref3) {\n    var id = _ref3.id,\n        message = _ref3.message,\n        level = _ref3.level;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(framer_motion__WEBPACK_IMPORTED_MODULE_11__.motion.div, _objectSpread(_objectSpread({}, _motion__WEBPACK_IMPORTED_MODULE_4__.toastMessageMotion), {}, {\n      key: id,\n      layout: true\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_2__.ToastMessage, {\n      type: level,\n      message: message\n    }));\n  }))), el.current) : null);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastsContainer);\n\n//# sourceURL=webpack://Maxio/./packages/toasts/src/containers/ToastsContainer/ToastsContainer.tsx?");
 
 /***/ }),