@maxio-com/self-service 1.7.3 → 1.7.5

package/dist/maxio-components.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maxio-components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/maxio-components.esm.js

@@ -2644,7 +2644,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
   \******************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-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-com/self-service/./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-com/self-service/./packages/custom-ui-components/src/components/atoms/Portal/Portal.tsx?");
 
 /***/ }),
 
@@ -10734,7 +10734,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
   \****************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-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-com/self-service/./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-com/self-service/./packages/toasts/src/containers/ToastsContainer/ToastsContainer.tsx?");
 
 /***/ }),
 

package/dist/maxio-components.umd.js

@@ -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?");
 
 /***/ }),
 
@@ -11808,7 +11808,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?");
 
 /***/ }),
 

package/package.json

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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