@maxio-com/self-service 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8310,7 +8310,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
8310
8310
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8311
8311
 
8312
8312
  "use strict";
8313
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/index.ts\");\n\n\n\n\nvar renderDetails = function renderDetails(_ref) {\n var subscriptionStatus = _ref.subscriptionStatus,\n nextBillingAmount = _ref.nextBillingAmount,\n nextBillingDate = _ref.nextBillingDate,\n basePlanPrice = _ref.basePlanPrice,\n cancellationDate = _ref.cancellationDate,\n expirationDate = _ref.expirationDate,\n autoResumeDate = _ref.autoResumeDate,\n trialExpirationDate = _ref.trialExpirationDate,\n priceAfterTrial = _ref.priceAfterTrial,\n trialPrice = _ref.trialPrice,\n currentBalance = _ref.currentBalance,\n nextBillingAttempt = _ref.nextBillingAttempt,\n scheduledCancellationDate = _ref.scheduledCancellationDate;\n\n switch (subscriptionStatus) {\n case 'active':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Active, {\n basePlanPrice: basePlanPrice,\n nextBillingAmount: nextBillingAmount,\n nextBillingDate: nextBillingDate\n });\n\n case 'past_due':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.PastDue, {\n basePlanPrice: basePlanPrice,\n currentBalance: currentBalance,\n nextBillingAttempt: nextBillingAttempt\n });\n\n case 'expired':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Expired, {\n expirationDate: expirationDate,\n basePlanPrice: basePlanPrice\n });\n\n case 'canceled':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Canceled, {\n basePrice: basePlanPrice,\n cancellationDate: cancellationDate\n });\n\n case 'trial':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Trial, {\n trialExpirationDate: trialExpirationDate,\n nextBillingDate: nextBillingDate,\n priceAfterTrial: priceAfterTrial,\n trialPrice: trialPrice\n });\n\n case 'trial_expired':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.TrialExpired, {\n trialExpirationDate: trialExpirationDate\n });\n\n case 'cancellation_scheduled':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.CancellationScheduled, {\n scheduledCancellationDate: scheduledCancellationDate,\n basePlanPrice: basePlanPrice,\n nextBillingAmount: nextBillingAmount,\n nextBillingDate: nextBillingDate\n });\n\n case 'on_hold':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.OnHold, {\n basePlanPrice: basePlanPrice,\n autoResumeDate: autoResumeDate\n });\n\n case 'unpaid':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Unpaid, {\n basePlanPrice: basePlanPrice,\n currentBalance: currentBalance\n });\n\n default:\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, null, \"Status not recognized: \", subscriptionStatus);\n }\n};\n\nvar SubscriptionDetails = function SubscriptionDetails(_ref2) {\n var subscriptionStatus = _ref2.subscriptionStatus,\n nextBillingAmount = _ref2.nextBillingAmount,\n nextBillingDate = _ref2.nextBillingDate,\n basePlanPrice = _ref2.basePlanPrice,\n cancellationDate = _ref2.cancellationDate,\n expirationDate = _ref2.expirationDate,\n trialExpirationDate = _ref2.trialExpirationDate,\n priceAfterTrial = _ref2.priceAfterTrial,\n trialPrice = _ref2.trialPrice,\n currentBalance = _ref2.currentBalance,\n nextBillingAttempt = _ref2.nextBillingAttempt,\n autoResumeDate = _ref2.autoResumeDate,\n scheduledCancellationDate = _ref2.scheduledCancellationDate;\n return renderDetails({\n scheduledCancellationDate: scheduledCancellationDate,\n subscriptionStatus: subscriptionStatus,\n nextBillingAmount: nextBillingAmount,\n nextBillingDate: nextBillingDate,\n basePlanPrice: basePlanPrice,\n cancellationDate: cancellationDate,\n expirationDate: expirationDate,\n autoResumeDate: autoResumeDate,\n trialExpirationDate: trialExpirationDate,\n priceAfterTrial: priceAfterTrial,\n trialPrice: trialPrice,\n currentBalance: currentBalance,\n nextBillingAttempt: nextBillingAttempt\n });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscriptionDetails);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/SubscriptionDetails.tsx?");
8313
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/index.ts\");\n\n\n\n\nvar renderDetails = function renderDetails(_ref) {\n var subscriptionStatus = _ref.subscriptionStatus,\n nextBillingAmount = _ref.nextBillingAmount,\n nextBillingDate = _ref.nextBillingDate,\n basePlanPrice = _ref.basePlanPrice,\n cancellationDate = _ref.cancellationDate,\n expirationDate = _ref.expirationDate,\n autoResumeDate = _ref.autoResumeDate,\n trialExpirationDate = _ref.trialExpirationDate,\n priceAfterTrial = _ref.priceAfterTrial,\n trialPrice = _ref.trialPrice,\n currentBalance = _ref.currentBalance,\n nextBillingAttempt = _ref.nextBillingAttempt,\n scheduledCancellationDate = _ref.scheduledCancellationDate;\n\n switch (subscriptionStatus) {\n case 'active':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Active, {\n basePlanPrice: basePlanPrice,\n nextBillingAmount: nextBillingAmount,\n nextBillingDate: nextBillingDate\n });\n\n case 'past_due':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.PastDue, {\n basePlanPrice: basePlanPrice,\n currentBalance: currentBalance,\n nextBillingAttempt: nextBillingAttempt\n });\n\n case 'expired':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Expired, {\n expirationDate: expirationDate,\n basePlanPrice: basePlanPrice\n });\n\n case 'canceled':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Canceled, {\n basePrice: basePlanPrice,\n cancellationDate: cancellationDate\n });\n\n case 'trial':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Trial, {\n trialExpirationDate: trialExpirationDate,\n nextBillingDate: nextBillingDate,\n priceAfterTrial: priceAfterTrial,\n trialPrice: trialPrice\n });\n\n case 'trial_expired':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.TrialExpired, {\n trialExpirationDate: trialExpirationDate\n });\n\n case 'cancellation_scheduled':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.CancellationScheduled, {\n scheduledCancellationDate: scheduledCancellationDate,\n basePlanPrice: basePlanPrice,\n nextBillingAmount: nextBillingAmount,\n nextBillingDate: nextBillingDate\n });\n\n case 'on_hold':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.OnHold, {\n basePlanPrice: basePlanPrice,\n autoResumeDate: autoResumeDate\n });\n\n case 'unpaid':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.Unpaid, {\n basePlanPrice: basePlanPrice,\n currentBalance: currentBalance\n });\n\n case 'plan_change_scheduled':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__.PlanChangeScheduled, {\n basePlanPrice: basePlanPrice,\n nextBillingAmount: nextBillingAmount,\n nextBillingDate: nextBillingDate\n });\n\n default:\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, null, \"Status not recognized: \", subscriptionStatus);\n }\n};\n\nvar SubscriptionDetails = function SubscriptionDetails(_ref2) {\n var subscriptionStatus = _ref2.subscriptionStatus,\n nextBillingAmount = _ref2.nextBillingAmount,\n nextBillingDate = _ref2.nextBillingDate,\n basePlanPrice = _ref2.basePlanPrice,\n cancellationDate = _ref2.cancellationDate,\n expirationDate = _ref2.expirationDate,\n trialExpirationDate = _ref2.trialExpirationDate,\n priceAfterTrial = _ref2.priceAfterTrial,\n trialPrice = _ref2.trialPrice,\n currentBalance = _ref2.currentBalance,\n nextBillingAttempt = _ref2.nextBillingAttempt,\n autoResumeDate = _ref2.autoResumeDate,\n scheduledCancellationDate = _ref2.scheduledCancellationDate;\n return renderDetails({\n scheduledCancellationDate: scheduledCancellationDate,\n subscriptionStatus: subscriptionStatus,\n nextBillingAmount: nextBillingAmount,\n nextBillingDate: nextBillingDate,\n basePlanPrice: basePlanPrice,\n cancellationDate: cancellationDate,\n expirationDate: expirationDate,\n autoResumeDate: autoResumeDate,\n trialExpirationDate: trialExpirationDate,\n priceAfterTrial: priceAfterTrial,\n trialPrice: trialPrice,\n currentBalance: currentBalance,\n nextBillingAttempt: nextBillingAttempt\n });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SubscriptionDetails);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/SubscriptionDetails.tsx?");
8314
8314
 
8315
8315
  /***/ }),
8316
8316
 
@@ -8398,7 +8398,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
8398
8398
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8399
8399
 
8400
8400
  "use strict";
8401
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _DetailRow_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DetailRow.styles */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/DetailRow.styles.ts\");\n\n\n\n\nvar DetailRow = function DetailRow(_ref) {\n var label = _ref.label,\n value = _ref.value;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n marginBottom: 3\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [12, 8]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n \"data-testid\": \"detail-label\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: \"body2\",\n color: label.color || 'gray.dark',\n fontWeight: 2\n }, label.value))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [12, 8]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow_styles__WEBPACK_IMPORTED_MODULE_2__.TextAlign, {\n \"data-testid\": \"detail-value\",\n textAlign: ['right', 'left']\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: \"body2\",\n color: value.color || 'gray.dark',\n fontWeight: value.fontWeight\n }, value.value)))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DetailRow);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/DetailRow.tsx?");
8401
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _DetailRow_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DetailRow.styles */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/DetailRow.styles.ts\");\n\n\n\n\nvar DetailRow = function DetailRow(_ref) {\n var label = _ref.label,\n value = _ref.value;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n marginBottom: 3\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [12, 8]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n \"data-testid\": \"detail-label\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: \"body2\",\n color: label.color || 'gray.dark',\n fontWeight: 2\n }, label.value))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [12, 8]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow_styles__WEBPACK_IMPORTED_MODULE_2__.TextAlign, {\n \"data-testid\": \"detail-value\",\n textAlign: ['right', 'left']\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: \"body2\",\n color: value.color || 'gray.dark',\n fontWeight: value.fontWeight\n }, value.value, ' ', value.subValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n as: 'span',\n color: value.subValue.color || 'gray.dark',\n fontWeight: value.subValue.fontWeight,\n variant: 'body2'\n }, value.subValue.value))))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DetailRow);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/DetailRow.tsx?");
8402
8402
 
8403
8403
  /***/ }),
8404
8404
 
@@ -8501,6 +8501,28 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
8501
8501
 
8502
8502
  /***/ }),
8503
8503
 
8504
+ /***/ "./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/PlanChangeScheduled.tsx":
8505
+ /*!**********************************************************************************************************************************!*\
8506
+ !*** ./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/PlanChangeScheduled.tsx ***!
8507
+ \**********************************************************************************************************************************/
8508
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8509
+
8510
+ "use strict";
8511
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _DetailRow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../DetailRow */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/index.ts\");\n\n\n\n\n\nvar PlanChangeScheduled = function PlanChangeScheduled(_ref) {\n var basePlanPrice = _ref.basePlanPrice,\n nextBillingAmount = _ref.nextBillingAmount,\n nextBillingDate = _ref.nextBillingDate;\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n marginTop: 5\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow__WEBPACK_IMPORTED_MODULE_2__.DetailRow, {\n label: {\n value: t('subscription_details.base_plan_price', {\n ns: 'subscriptions-manager'\n })\n },\n value: {\n value: basePlanPrice,\n color: 'success.main',\n fontWeight: 3,\n subValue: {\n color: 'black.dark',\n value: t('subscription_details.scheduled_plan_change', {\n date: nextBillingDate\n })\n }\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow__WEBPACK_IMPORTED_MODULE_2__.DetailRow, {\n label: {\n value: t('subscription_details.next_billing_amount', {\n ns: 'subscriptions-manager'\n })\n },\n value: {\n value: nextBillingAmount,\n color: 'success.main',\n fontWeight: 3\n }\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_DetailRow__WEBPACK_IMPORTED_MODULE_2__.DetailRow, {\n label: {\n value: t('subscription_details.next_billing_date', {\n ns: 'subscriptions-manager'\n })\n },\n value: {\n value: nextBillingDate,\n color: 'black.main',\n fontWeight: 0\n }\n }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlanChangeScheduled);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/PlanChangeScheduled.tsx?");
8512
+
8513
+ /***/ }),
8514
+
8515
+ /***/ "./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/index.ts":
8516
+ /*!*******************************************************************************************************************!*\
8517
+ !*** ./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/index.ts ***!
8518
+ \*******************************************************************************************************************/
8519
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8520
+
8521
+ "use strict";
8522
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PlanChangeScheduled\": () => (/* reexport safe */ _PlanChangeScheduled__WEBPACK_IMPORTED_MODULE_0__[\"default\"])\n/* harmony export */ });\n/* harmony import */ var _PlanChangeScheduled__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PlanChangeScheduled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/PlanChangeScheduled.tsx\");\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/index.ts?");
8523
+
8524
+ /***/ }),
8525
+
8504
8526
  /***/ "./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Trial/Trial.tsx":
8505
8527
  /*!******************************************************************************************************!*\
8506
8528
  !*** ./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Trial/Trial.tsx ***!
@@ -8574,7 +8596,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
8574
8596
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8575
8597
 
8576
8598
  "use strict";
8577
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Active\": () => (/* reexport safe */ _Active__WEBPACK_IMPORTED_MODULE_0__.Active),\n/* harmony export */ \"Canceled\": () => (/* reexport safe */ _Canceled__WEBPACK_IMPORTED_MODULE_2__.Canceled),\n/* harmony export */ \"CancellationScheduled\": () => (/* reexport safe */ _CancellationScheduled__WEBPACK_IMPORTED_MODULE_1__.CancellationScheduled),\n/* harmony export */ \"Expired\": () => (/* reexport safe */ _Expired__WEBPACK_IMPORTED_MODULE_4__.Expired),\n/* harmony export */ \"OnHold\": () => (/* reexport safe */ _OnHold__WEBPACK_IMPORTED_MODULE_6__.OnHold),\n/* harmony export */ \"PastDue\": () => (/* reexport safe */ _PastDue__WEBPACK_IMPORTED_MODULE_5__.PastDue),\n/* harmony export */ \"Trial\": () => (/* reexport safe */ _Trial__WEBPACK_IMPORTED_MODULE_7__.Trial),\n/* harmony export */ \"TrialExpired\": () => (/* reexport safe */ _TrialExpired__WEBPACK_IMPORTED_MODULE_8__.TrialExpired),\n/* harmony export */ \"Unpaid\": () => (/* reexport safe */ _Unpaid__WEBPACK_IMPORTED_MODULE_9__.Unpaid)\n/* harmony export */ });\n/* harmony import */ var _Active__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Active */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Active/index.ts\");\n/* harmony import */ var _CancellationScheduled__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CancellationScheduled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/CancellationScheduled/index.ts\");\n/* harmony import */ var _Canceled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Canceled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Canceled/index.ts\");\n/* harmony import */ var _DetailRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DetailRow */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/index.ts\");\n/* harmony import */ var _Expired__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Expired */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Expired/index.ts\");\n/* harmony import */ var _PastDue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PastDue */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PastDue/index.ts\");\n/* harmony import */ var _OnHold__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OnHold */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/OnHold/index.ts\");\n/* harmony import */ var _Trial__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Trial */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Trial/index.ts\");\n/* harmony import */ var _TrialExpired__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TrialExpired */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/TrialExpired/index.ts\");\n/* harmony import */ var _Unpaid__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Unpaid */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Unpaid/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/index.ts?");
8599
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Active\": () => (/* reexport safe */ _Active__WEBPACK_IMPORTED_MODULE_0__.Active),\n/* harmony export */ \"Canceled\": () => (/* reexport safe */ _Canceled__WEBPACK_IMPORTED_MODULE_2__.Canceled),\n/* harmony export */ \"CancellationScheduled\": () => (/* reexport safe */ _CancellationScheduled__WEBPACK_IMPORTED_MODULE_1__.CancellationScheduled),\n/* harmony export */ \"Expired\": () => (/* reexport safe */ _Expired__WEBPACK_IMPORTED_MODULE_4__.Expired),\n/* harmony export */ \"OnHold\": () => (/* reexport safe */ _OnHold__WEBPACK_IMPORTED_MODULE_6__.OnHold),\n/* harmony export */ \"PastDue\": () => (/* reexport safe */ _PastDue__WEBPACK_IMPORTED_MODULE_5__.PastDue),\n/* harmony export */ \"PlanChangeScheduled\": () => (/* reexport safe */ _PlanChangeScheduled__WEBPACK_IMPORTED_MODULE_10__.PlanChangeScheduled),\n/* harmony export */ \"Trial\": () => (/* reexport safe */ _Trial__WEBPACK_IMPORTED_MODULE_7__.Trial),\n/* harmony export */ \"TrialExpired\": () => (/* reexport safe */ _TrialExpired__WEBPACK_IMPORTED_MODULE_8__.TrialExpired),\n/* harmony export */ \"Unpaid\": () => (/* reexport safe */ _Unpaid__WEBPACK_IMPORTED_MODULE_9__.Unpaid)\n/* harmony export */ });\n/* harmony import */ var _Active__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Active */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Active/index.ts\");\n/* harmony import */ var _CancellationScheduled__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CancellationScheduled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/CancellationScheduled/index.ts\");\n/* harmony import */ var _Canceled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Canceled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Canceled/index.ts\");\n/* harmony import */ var _DetailRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DetailRow */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/DetailRow/index.ts\");\n/* harmony import */ var _Expired__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Expired */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Expired/index.ts\");\n/* harmony import */ var _PastDue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PastDue */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PastDue/index.ts\");\n/* harmony import */ var _OnHold__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OnHold */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/OnHold/index.ts\");\n/* harmony import */ var _Trial__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Trial */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Trial/index.ts\");\n/* harmony import */ var _TrialExpired__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./TrialExpired */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/TrialExpired/index.ts\");\n/* harmony import */ var _Unpaid__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Unpaid */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/Unpaid/index.ts\");\n/* harmony import */ var _PlanChangeScheduled__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./PlanChangeScheduled */ \"./packages/subscriptions-manager/src/components/SubscriptionDetails/components/PlanChangeScheduled/index.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/SubscriptionDetails/components/index.ts?");
8578
8600
 
8579
8601
  /***/ }),
8580
8602
 
@@ -9047,7 +9069,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
9047
9069
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9048
9070
 
9049
9071
  "use strict";
9050
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SubscriptionActions\": () => (/* binding */ SubscriptionActions),\n/* harmony export */ \"useSubscriptionAvailableActions\": () => (/* binding */ useSubscriptionAvailableActions)\n/* harmony export */ });\nvar SubscriptionActions;\n\n(function (SubscriptionActions) {\n SubscriptionActions[\"PAUSE\"] = \"PAUSE\";\n SubscriptionActions[\"RESUME\"] = \"RESUME\";\n SubscriptionActions[\"CANCEL\"] = \"CANCEL\";\n SubscriptionActions[\"UNDO_CANCELATION\"] = \"UNDO_CANCELATION\";\n SubscriptionActions[\"REACTIVATE\"] = \"REACTIVATE\";\n SubscriptionActions[\"CHANGE_PLAN\"] = \"CHANGE_PLAN\";\n})(SubscriptionActions || (SubscriptionActions = {}));\n\nvar useSubscriptionAvailableActions = function useSubscriptionAvailableActions(subscription, subscriptionScopes) {\n var availableActions = [];\n\n if (['active', 'past_due'].includes(subscription.status) && subscriptionScopes.includes('subscription:pause')) {\n availableActions.push(SubscriptionActions.PAUSE);\n }\n\n if ('on_hold' === subscription.status && subscriptionScopes.includes('subscription:resume')) {\n availableActions.push(SubscriptionActions.RESUME);\n }\n\n if (!['canceled', 'past_due', 'cancellation_scheduled'].includes(subscription.status) && hasCancelDelayedOrImmediateAction(subscriptionScopes)) {\n availableActions.push(SubscriptionActions.CANCEL);\n }\n\n if (subscription.status === 'cancellation_scheduled' && subscriptionScopes.includes('subscription:cancel-scheduled')) {\n availableActions.push(SubscriptionActions.UNDO_CANCELATION);\n }\n\n if (['trial_expired', 'canceled'].includes(subscription.status) && subscriptionScopes.includes('subscription:reactivate')) {\n availableActions.push(SubscriptionActions.REACTIVATE);\n }\n\n if (['active', 'trial'].includes(subscription.status) && subscriptionScopes.includes('subscription:plan-change')) {\n availableActions.push(SubscriptionActions.CHANGE_PLAN);\n }\n\n return availableActions;\n};\n\nvar hasCancelDelayedOrImmediateAction = function hasCancelDelayedOrImmediateAction(scopes) {\n return scopes.includes('subscription:cancel-delayed') || scopes.includes('subscription:cancel-immediate');\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions.ts?");
9072
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SubscriptionActions\": () => (/* binding */ SubscriptionActions),\n/* harmony export */ \"useSubscriptionAvailableActions\": () => (/* binding */ useSubscriptionAvailableActions)\n/* harmony export */ });\nvar SubscriptionActions;\n\n(function (SubscriptionActions) {\n SubscriptionActions[\"PAUSE\"] = \"PAUSE\";\n SubscriptionActions[\"RESUME\"] = \"RESUME\";\n SubscriptionActions[\"CANCEL\"] = \"CANCEL\";\n SubscriptionActions[\"UNDO_CANCELATION\"] = \"UNDO_CANCELATION\";\n SubscriptionActions[\"REACTIVATE\"] = \"REACTIVATE\";\n SubscriptionActions[\"CHANGE_PLAN\"] = \"CHANGE_PLAN\";\n})(SubscriptionActions || (SubscriptionActions = {}));\n\nvar useSubscriptionAvailableActions = function useSubscriptionAvailableActions(subscription, subscriptionScopes) {\n var availableActions = [];\n\n if (['active', 'plan_change_scheduled', 'past_due'].includes(subscription.status) && subscriptionScopes.includes('subscription:pause')) {\n availableActions.push(SubscriptionActions.PAUSE);\n }\n\n if ('on_hold' === subscription.status && subscriptionScopes.includes('subscription:resume')) {\n availableActions.push(SubscriptionActions.RESUME);\n }\n\n if (!['canceled', 'past_due', 'cancellation_scheduled'].includes(subscription.status) && hasCancelDelayedOrImmediateAction(subscriptionScopes)) {\n availableActions.push(SubscriptionActions.CANCEL);\n }\n\n if (subscription.status === 'cancellation_scheduled' && subscriptionScopes.includes('subscription:cancel-scheduled')) {\n availableActions.push(SubscriptionActions.UNDO_CANCELATION);\n }\n\n if (['trial_expired', 'canceled'].includes(subscription.status) && subscriptionScopes.includes('subscription:reactivate')) {\n availableActions.push(SubscriptionActions.REACTIVATE);\n }\n\n if (['active', 'plan_change_scheduled', 'trial'].includes(subscription.status) && subscriptionScopes.includes('subscription:plan-change')) {\n availableActions.push(SubscriptionActions.CHANGE_PLAN);\n }\n\n return availableActions;\n};\n\nvar hasCancelDelayedOrImmediateAction = function hasCancelDelayedOrImmediateAction(scopes) {\n return scopes.includes('subscription:cancel-delayed') || scopes.includes('subscription:cancel-immediate');\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/containers/SubscriptionContainer/hooks/useSubscriptionAvailableActions.ts?");
9051
9073
 
9052
9074
  /***/ }),
9053
9075
 
@@ -9421,7 +9443,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
9421
9443
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9422
9444
 
9423
9445
  "use strict";
9424
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"useSubscriptionStatus\": () => (/* binding */ useSubscriptionStatus)\n/* harmony export */ });\nvar STATUS_TAG = {\n active: null,\n cancellation_scheduled: {\n label: 'Cancelation Scheduled',\n color: 'primary'\n },\n canceled: {\n label: 'Canceled',\n color: 'danger'\n },\n expired: {\n label: 'Expired',\n color: 'gray'\n },\n on_hold: {\n label: 'On Hold',\n color: 'primary'\n },\n past_due: {\n label: 'Past Due',\n color: 'danger'\n },\n trial: {\n label: 'Trial',\n color: 'primary'\n },\n trial_expired: {\n label: 'Trial Ended',\n color: 'gray'\n },\n unpaid: {\n label: 'Unpaid',\n color: 'danger'\n },\n paused: {\n label: 'Paused',\n color: 'primary'\n }\n};\nvar useSubscriptionStatus = function useSubscriptionStatus(status) {\n return STATUS_TAG[status];\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useSubscriptionStatus.ts?");
9446
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"useSubscriptionStatus\": () => (/* binding */ useSubscriptionStatus)\n/* harmony export */ });\nvar STATUS_TAG = {\n active: null,\n cancellation_scheduled: {\n label: 'Cancelation Scheduled',\n color: 'primary'\n },\n canceled: {\n label: 'Canceled',\n color: 'danger'\n },\n expired: {\n label: 'Expired',\n color: 'gray'\n },\n on_hold: {\n label: 'On Hold',\n color: 'primary'\n },\n past_due: {\n label: 'Past Due',\n color: 'danger'\n },\n trial: {\n label: 'Trial',\n color: 'primary'\n },\n trial_expired: {\n label: 'Trial Ended',\n color: 'gray'\n },\n unpaid: {\n label: 'Unpaid',\n color: 'danger'\n },\n paused: {\n label: 'Paused',\n color: 'primary'\n },\n plan_change_scheduled: {\n label: 'Plan Change Scheduled',\n color: 'primary'\n }\n};\nvar useSubscriptionStatus = function useSubscriptionStatus(status) {\n return STATUS_TAG[status];\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/hooks/useSubscriptionStatus.ts?");
9425
9447
 
9426
9448
  /***/ }),
9427
9449
 
@@ -11126,7 +11148,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
11126
11148
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11127
11149
 
11128
11150
  "use strict";
11129
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"serializeSubscription\": () => (/* binding */ serializeSubscription)\n/* harmony export */ });\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/models/subscription/constants.ts\");\nvar _excluded = [\"state\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\nvar setStatus = function setStatus(state, scheduledCancellationAt) {\n var status = _constants__WEBPACK_IMPORTED_MODULE_0__.SUBSCRIPTION_STATES[state] || 'active';\n if (status === 'active' && scheduledCancellationAt) return 'cancellation_scheduled';\n return status;\n};\n\nvar serializeSubscription = function serializeSubscription(subscription) {\n var state = subscription.state,\n model = _objectWithoutProperties(subscription, _excluded);\n\n return _objectSpread(_objectSpread({}, model), {}, {\n status: setStatus(state, model.scheduledCancellationAt)\n });\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/models/subscription/serialize.ts?");
11151
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"serializeSubscription\": () => (/* binding */ serializeSubscription)\n/* harmony export */ });\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./packages/subscriptions-manager/src/models/subscription/constants.ts\");\nvar _excluded = [\"state\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\nvar setStatus = function setStatus(state, scheduledCancellationAt, nextProductId) {\n var status = _constants__WEBPACK_IMPORTED_MODULE_0__.SUBSCRIPTION_STATES[state] || 'active';\n if (status === 'active' && scheduledCancellationAt) return 'cancellation_scheduled';\n if (['active', 'trial'].includes(status) && nextProductId) return 'plan_change_scheduled';\n return status;\n};\n\nvar serializeSubscription = function serializeSubscription(subscription) {\n var state = subscription.state,\n model = _objectWithoutProperties(subscription, _excluded);\n\n return _objectSpread(_objectSpread({}, model), {}, {\n status: setStatus(state, model.scheduledCancellationAt, model.nextProductId)\n });\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/models/subscription/serialize.ts?");
11130
11152
 
11131
11153
  /***/ }),
11132
11154
 
@@ -11137,7 +11159,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
11137
11159
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11138
11160
 
11139
11161
  "use strict";
11140
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var xstate_lib_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xstate/lib/model */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/lib/model.js\");\n\nvar subscriptionModel = (0,xstate_lib_model__WEBPACK_IMPORTED_MODULE_0__.createModel)({\n id: null,\n status: 'active',\n currency: 'USD',\n scheduledCancellationAt: null,\n currentBillingAmountInCents: 0,\n productFamilyId: null,\n expiresAt: null,\n automaticallyResumeAt: null,\n trialEndedAt: null,\n canceledAt: null,\n currentPeriodEndsAt: null,\n nextAssessmentAt: null,\n balanceInCents: 0,\n product: {\n id: null,\n name: '',\n description: null,\n priceInCents: 0,\n interval: 0,\n intervalUnit: null,\n trialPriceInCents: 0,\n trialInterval: null,\n trialIntervalUnit: null\n },\n components: {\n updatesAllowed: null,\n usedInBilling: null\n },\n billing: {\n paymentProfileConnected: false,\n paymentProfileId: null,\n address: {\n address: null,\n address2: null,\n city: null,\n state: null,\n zip: null,\n country: null\n },\n creditCard: {\n firstName: null,\n lastName: null,\n cardType: null,\n maskedNumber: null,\n expirationMonth: 0,\n expirationYear: 0\n },\n bankAccount: {\n maskedAccountNumber: null,\n maskedRoutingNumber: null,\n bankName: null,\n firstName: null,\n lastName: null\n }\n }\n}, {\n events: {\n UPDATE_SUBSCRIPTION: function UPDATE_SUBSCRIPTION(event) {\n return event;\n }\n }\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (subscriptionModel);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/models/subscription/subscription.ts?");
11162
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var xstate_lib_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! xstate/lib/model */ \"./node_modules/.pnpm/xstate@4.33.6/node_modules/xstate/lib/model.js\");\n\nvar subscriptionModel = (0,xstate_lib_model__WEBPACK_IMPORTED_MODULE_0__.createModel)({\n id: null,\n status: 'active',\n currency: 'USD',\n scheduledCancellationAt: null,\n currentBillingAmountInCents: 0,\n productFamilyId: null,\n expiresAt: null,\n automaticallyResumeAt: null,\n trialEndedAt: null,\n canceledAt: null,\n currentPeriodEndsAt: null,\n nextAssessmentAt: null,\n nextProductId: null,\n balanceInCents: 0,\n product: {\n id: null,\n name: '',\n description: null,\n priceInCents: 0,\n interval: 0,\n intervalUnit: null,\n trialPriceInCents: 0,\n trialInterval: null,\n trialIntervalUnit: null\n },\n components: {\n updatesAllowed: null,\n usedInBilling: null\n },\n billing: {\n paymentProfileConnected: false,\n paymentProfileId: null,\n address: {\n address: null,\n address2: null,\n city: null,\n state: null,\n zip: null,\n country: null\n },\n creditCard: {\n firstName: null,\n lastName: null,\n cardType: null,\n maskedNumber: null,\n expirationMonth: 0,\n expirationYear: 0\n },\n bankAccount: {\n maskedAccountNumber: null,\n maskedRoutingNumber: null,\n bankName: null,\n firstName: null,\n lastName: null\n }\n }\n}, {\n events: {\n UPDATE_SUBSCRIPTION: function UPDATE_SUBSCRIPTION(event) {\n return event;\n }\n }\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (subscriptionModel);\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/models/subscription/subscription.ts?");
11141
11163
 
11142
11164
  /***/ }),
11143
11165
 
@@ -11379,7 +11401,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
11379
11401
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11380
11402
 
11381
11403
  "use strict";
11382
- eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"sortSubscriptions\": () => (/* binding */ sortSubscriptions)\n/* harmony export */ });\nvar subscriptionStatusPriority = {\n active: 3,\n on_hold: 2,\n canceled: 1,\n trial: 0,\n expired: 0,\n cancellation_scheduled: 0,\n past_due: 0,\n paused: 0,\n unpaid: 0,\n trial_expired: 0\n};\n\nvar sortByStatus = function sortByStatus(a, b) {\n if (subscriptionStatusPriority[a] === subscriptionStatusPriority[b]) {\n return 0;\n }\n\n return subscriptionStatusPriority[a] < subscriptionStatusPriority[b] ? 1 : -1;\n};\n\nvar sortByDate = function sortByDate(a, b) {\n if (a === null) return 1;\n if (b === null) return -1;\n return new Date(a).getTime() - new Date(b).getTime();\n};\n\nvar sortAlphabetically = function sortAlphabetically(a, b) {\n return a.localeCompare(b);\n};\n\nvar sortSubscriptions = function sortSubscriptions(subA, subB) {\n var sortByStatusValue = sortByStatus(subA.status, subB.status);\n\n if (sortByStatusValue) {\n return sortByStatusValue;\n }\n\n if (subA.currentPeriodEndsAt || subB.currentPeriodEndsAt) {\n return sortByDate(subA.currentPeriodEndsAt, subB.currentPeriodEndsAt);\n }\n\n return sortAlphabetically(subA.product.name, subB.product.name);\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/utils/sortSubscriptions.ts?");
11404
+ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"sortSubscriptions\": () => (/* binding */ sortSubscriptions)\n/* harmony export */ });\nvar subscriptionStatusPriority = {\n active: 3,\n plan_change_scheduled: 3,\n on_hold: 2,\n canceled: 1,\n trial: 0,\n expired: 0,\n cancellation_scheduled: 0,\n past_due: 0,\n paused: 0,\n unpaid: 0,\n trial_expired: 0\n};\n\nvar sortByStatus = function sortByStatus(a, b) {\n if (subscriptionStatusPriority[a] === subscriptionStatusPriority[b]) {\n return 0;\n }\n\n return subscriptionStatusPriority[a] < subscriptionStatusPriority[b] ? 1 : -1;\n};\n\nvar sortByDate = function sortByDate(a, b) {\n if (a === null) return 1;\n if (b === null) return -1;\n return new Date(a).getTime() - new Date(b).getTime();\n};\n\nvar sortAlphabetically = function sortAlphabetically(a, b) {\n return a.localeCompare(b);\n};\n\nvar sortSubscriptions = function sortSubscriptions(subA, subB) {\n var sortByStatusValue = sortByStatus(subA.status, subB.status);\n\n if (sortByStatusValue) {\n return sortByStatusValue;\n }\n\n if (subA.currentPeriodEndsAt || subB.currentPeriodEndsAt) {\n return sortByDate(subA.currentPeriodEndsAt, subB.currentPeriodEndsAt);\n }\n\n return sortAlphabetically(subA.product.name, subB.product.name);\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/utils/sortSubscriptions.ts?");
11383
11405
 
11384
11406
  /***/ }),
11385
11407
 
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "module": "dist/maxio-components.esm.js",
6
6
  "browser": "dist/maxio-components.umd.js",
7
7
  "types": "typings/sdk/components-sdk/src/index.d.ts",
8
- "version": "1.1.0",
8
+ "version": "1.2.0",
9
9
  "scripts": {
10
10
  "test": "jest",
11
11
  "test:coverage": "jest --coverage",
@@ -48,6 +48,7 @@ declare class DataAccess {
48
48
  balanceInCents: number;
49
49
  currentPeriodEndsAt: string;
50
50
  nextAssessmentAt: string;
51
+ nextProductId?: number;
51
52
  currentBillingAmountInCents: number;
52
53
  automaticallyResumeAt: string;
53
54
  expiresAt: string;
@@ -189,6 +190,7 @@ declare class DataAccess {
189
190
  balanceInCents: number;
190
191
  currentPeriodEndsAt: string;
191
192
  nextAssessmentAt: string;
193
+ nextProductId?: number;
192
194
  currentBillingAmountInCents: number;
193
195
  automaticallyResumeAt: string;
194
196
  expiresAt: string;
@@ -6,6 +6,7 @@ export declare type Subscription = {
6
6
  balance_in_cents: number;
7
7
  current_period_ends_at: string | null;
8
8
  next_assessment_at: string | null;
9
+ next_product_id?: number | null;
9
10
  current_billing_amount_in_cents: number;
10
11
  automatically_resume_at: string | null;
11
12
  expires_at: string | null;
@@ -9,6 +9,12 @@ export declare type Props = {
9
9
  color?: string;
10
10
  value: string;
11
11
  fontWeight?: FontWeightType;
12
+ subValue?: {
13
+ value: string;
14
+ color?: string;
15
+ fontWeight?: FontWeightType;
16
+ fontSize?: number;
17
+ };
12
18
  };
13
19
  };
14
20
  declare const DetailRow: ({ label, value }: Props) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export declare type Props = {
3
+ basePlanPrice: string;
4
+ nextBillingAmount: string;
5
+ nextBillingDate: string;
6
+ };
7
+ declare const PlanChangeScheduled: ({ basePlanPrice, nextBillingAmount, nextBillingDate, }: Props) => JSX.Element;
8
+ export default PlanChangeScheduled;
@@ -0,0 +1,2 @@
1
+ import PlanChangeScheduled from './PlanChangeScheduled';
2
+ export { PlanChangeScheduled };
@@ -8,4 +8,5 @@ import { OnHold } from './OnHold';
8
8
  import { Trial } from './Trial';
9
9
  import { TrialExpired } from './TrialExpired';
10
10
  import { Unpaid } from './Unpaid';
11
- export { Active, Canceled, CancellationScheduled, DetailRow, Expired, PastDue, OnHold, Trial, TrialExpired, Unpaid, };
11
+ import { PlanChangeScheduled } from './PlanChangeScheduled';
12
+ export { PlanChangeScheduled, Active, Canceled, CancellationScheduled, DetailRow, Expired, PastDue, OnHold, Trial, TrialExpired, Unpaid, };
@@ -33,6 +33,7 @@ export declare const updateSubscription: import("xstate").AssignAction<{
33
33
  snapDay: string;
34
34
  currentPeriodEndsAt: string;
35
35
  nextAssessmentAt: string;
36
+ nextProductId: number;
36
37
  trialEndedAt: string;
37
38
  automaticallyResumeAt: string;
38
39
  balanceInCents: number;
@@ -14,6 +14,7 @@ export interface SubscriptionModel {
14
14
  snapDay: string | null;
15
15
  currentPeriodEndsAt: string | null;
16
16
  nextAssessmentAt: string | null;
17
+ nextProductId: number | null;
17
18
  trialEndedAt: string | null;
18
19
  automaticallyResumeAt: string | null;
19
20
  balanceInCents: number | null;
@@ -62,7 +63,7 @@ export declare type SubscriptionEvents = {
62
63
  export declare type UpdateSubscriptionEvent = {
63
64
  data: PartialDeep<SubscriptionModel>;
64
65
  };
65
- export declare type SubscriptionStatus = 'active' | 'cancellation_scheduled' | 'canceled' | 'expired' | 'on_hold' | 'past_due' | 'trial' | 'trial_expired' | 'unpaid' | 'paused';
66
+ export declare type SubscriptionStatus = 'active' | 'cancellation_scheduled' | 'canceled' | 'expired' | 'on_hold' | 'past_due' | 'trial' | 'trial_expired' | 'unpaid' | 'paused' | 'plan_change_scheduled';
66
67
  export declare type SubscriptionCharge = 'prorated' | 'immediate' | 'delayed';
67
68
  export declare type ChurnReason = {
68
69
  id: number;