@maxio-com/self-service 1.4.0 → 1.4.2
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.
- package/README.md +34 -0
- package/dist/maxio-components.cjs.js +1 -1
- package/dist/maxio-components.esm.js +1 -1
- package/dist/maxio-components.umd.js +4 -4
- package/package.json +3 -3
- package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.d.ts +2 -1
- package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.d.ts +1 -2
|
@@ -3591,7 +3591,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
3591
3591
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3592
3592
|
|
|
3593
3593
|
"use strict";
|
|
3594
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Container\": () => (/* binding */ Container),\n/* harmony export */ \"
|
|
3594
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Container\": () => (/* binding */ Container),\n/* harmony export */ \"IconWrapper\": () => (/* binding */ IconWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ \"./node_modules/.pnpm/styled-components@5.3.5_7i5myeigehqah43i5u7wbekgba/node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var styled_system__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-system */ \"./node_modules/.pnpm/styled-system@5.1.5/node_modules/styled-system/dist/index.esm.js\");\n/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../theme */ \"./packages/custom-ui-components/src/theme/index.ts\");\n/* harmony import */ var _atoms_Box__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../atoms/Box */ \"./packages/custom-ui-components/src/components/atoms/Box/index.ts\");\n\n\n\n\nvar Container = styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"].div.withConfig({\n displayName: \"Alertstyles__Container\",\n componentId: \"maxio-components__sc-gxtxj5-0\"\n})([\"&&&{box-sizing:border-box;\", \";\", \";\", \";}\"], function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Alert', 'size'));\n}, function (props) {\n return (0,styled_system__WEBPACK_IMPORTED_MODULE_0__.variant)(_theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentVariant(props, 'Alert', 'color'));\n}, (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(function (props) {\n return _theme__WEBPACK_IMPORTED_MODULE_1__.ThemeUtilities.getComponentCSSOverrides(props, 'Alert');\n}));\nvar IconWrapper = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_atoms_Box__WEBPACK_IMPORTED_MODULE_2__[\"default\"]).withConfig({\n displayName: \"Alertstyles__IconWrapper\",\n componentId: \"maxio-components__sc-gxtxj5-1\"\n})([\"&&&{position:relative;bottom:-\", \"px;}\"], function (props) {\n return props.theme.space[1];\n});\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts?");
|
|
3595
3595
|
|
|
3596
3596
|
/***/ }),
|
|
3597
3597
|
|
|
@@ -3602,7 +3602,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
3602
3602
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
3603
3603
|
|
|
3604
3604
|
"use strict";
|
|
3605
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _atoms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _Alert_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Alert.styles */ \"./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts\");\n\n\n\n\n\n\nvar Alert = function Alert(_ref) {\n var title = _ref.title,\n _ref$color = _ref.color,\n color = _ref$color === void 0 ? 'primary' : _ref$color,\n _ref$size = _ref.size,\n size = _ref$size === void 0 ? 'regular' : _ref$size,\n buttonLabel = _ref.buttonLabel,\n icon = _ref.icon,\n onClick = _ref.onClick,\n children = _ref.children;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_3__.Container, {\n size: size,\n color: color,\n role: \"alert\"\n }, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n marginBottom: 2\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
3605
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chargify_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/icons */ \"./packages/icons/src/index.ts\");\n/* harmony import */ var _atoms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../atoms */ \"./packages/custom-ui-components/src/components/atoms/index.ts\");\n/* harmony import */ var _Alert_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Alert.styles */ \"./packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ \"./packages/custom-ui-components/src/components/molecules/Alert/components/index.ts\");\n\n\n\n\n\n\nvar Alert = function Alert(_ref) {\n var title = _ref.title,\n _ref$color = _ref.color,\n color = _ref$color === void 0 ? 'primary' : _ref$color,\n _ref$size = _ref.size,\n size = _ref$size === void 0 ? 'regular' : _ref$size,\n buttonLabel = _ref.buttonLabel,\n icon = _ref.icon,\n onClick = _ref.onClick,\n children = _ref.children,\n _ref$whiteSpace = _ref.whiteSpace,\n whiteSpace = _ref$whiteSpace === void 0 ? 'pre-line' : _ref$whiteSpace;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_3__.Container, {\n size: size,\n color: color,\n role: \"alert\"\n }, title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n marginBottom: 2\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.BodyText, {\n variant: \"body2\",\n color: \"inherit\",\n fontWeight: 600,\n whiteSpace: whiteSpace\n }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Alert_styles__WEBPACK_IMPORTED_MODULE_3__.IconWrapper, {\n marginRight: 2,\n display: 'inline'\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_icons__WEBPACK_IMPORTED_MODULE_1__.Icon, {\n type: icon,\n fill: \"currentColor\",\n size: 16\n })), title)), children, buttonLabel && onClick && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Box, {\n marginTop: 4\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_atoms__WEBPACK_IMPORTED_MODULE_2__.Button, {\n label: buttonLabel,\n onClick: onClick,\n color: \"secondary\"\n })));\n};\n\nAlert.TextMessage = _components__WEBPACK_IMPORTED_MODULE_4__.TextMessage;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Alert);\n\n//# sourceURL=webpack://Maxio/./packages/custom-ui-components/src/components/molecules/Alert/Alert.tsx?");
|
|
3606
3606
|
|
|
3607
3607
|
/***/ }),
|
|
3608
3608
|
|
|
@@ -7144,7 +7144,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
7144
7144
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
7145
7145
|
|
|
7146
7146
|
"use strict";
|
|
7147
|
-
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_8__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _chargify_address__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/address */ \"./packages/address/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 _CreditCard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../CreditCard */ \"./packages/payments-sdk/src/forms/CreditCard/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ \"./packages/payments-sdk/src/hooks/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components */ \"./packages/payments-sdk/src/components/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./packages/payments-sdk/src/forms/PaymentProfile/constants.ts\");\n\n\n\n\n\n\n\n\n\n\nvar PaymentProfile = function PaymentProfile(_ref) {\n var _ref$paymentMethodTyp = _ref.paymentMethodType,\n paymentMethodType = _ref$paymentMethodTyp === void 0 ? 'creditCard' : _ref$paymentMethodTyp,\n _ref$requiredFields = _ref.requiredFields,\n requiredFields = _ref$requiredFields === void 0 ? [] : _ref$requiredFields,\n _ref$useThreeDSecure = _ref.useThreeDSecure,\n useThreeDSecure = _ref$useThreeDSecure === void 0 ? false : _ref$useThreeDSecure,\n _ref$formElementId = _ref.formElementId,\n formElementId = _ref$formElementId === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_7__.FORM_ELEMENT_ID : _ref$formElementId,\n onUpdateField = _ref.onUpdateField,\n _onValidateField = _ref.onValidateField,\n billingAddress = _ref.billingAddress,\n paymentMethod = _ref.paymentMethod,\n config = _ref.config;\n\n var _useDeviceInfo = (0,_chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__.useDeviceInfo)(),\n device = _useDeviceInfo.device;\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_8__.useTranslation)(['payment-profile']),\n t = _useTranslation.t;\n\n var _usePaymentProfileTra = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.usePaymentProfileTranslations)(),\n creditCardTranslations = _usePaymentProfileTra.creditCardTranslations;\n\n var _billingAddress$value = billingAddress.values,\n address = _billingAddress$value.address,\n address2 = _billingAddress$value.address2,\n city = _billingAddress$value.city,\n state = _billingAddress$value.state,\n country = _billingAddress$value.country,\n zip = _billingAddress$value.zip;\n var hostedFieldsErrors = paymentMethod.hostedFieldsErrors;\n var isOnMobileDevice = ['tablet', 'mobile'].includes(device);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n id: formElementId\n }, paymentMethodType === 'creditCard' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, {\n rowGap: ['5', '5', '0']\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [24, 7]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n variant: \"h4\"\n }, t('credit_card_details_header', {\n ns: 'payment-profile'\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [24, 17]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_CreditCard__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n config: config,\n translations: creditCardTranslations,\n isOnMobileDevice: isOnMobileDevice,\n values: paymentMethod.values,\n errors: paymentMethod.errors,\n hostedFieldsErrors: hostedFieldsErrors,\n creditCardSize: device === 'mobile' ? 'small' : 'regular',\n requiredFields: requiredFields,\n useThreeDSecure: useThreeDSecure,\n onValidateField: function onValidateField(fieldName, value) {\n return _onValidateField(fieldName, 'paymentMethod', value);\n },\n onChange: function onChange(fieldName, value) {\n return onUpdateField(fieldName, 'paymentMethod', value);\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n marginTop: 7\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, {\n rowGap: ['5', '5', '0']\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [24, 7]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n variant: \"h4\"\n }, t('billing_address_header', {\n ns: 'payment-profile'\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [24, 17]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_address__WEBPACK_IMPORTED_MODULE_2__.Address, {\n requiredFields: requiredFields,\n values: billingAddress.values,\n errors: billingAddress.errors,\n format: _constants__WEBPACK_IMPORTED_MODULE_7__.US_FORMAT_ADDRESS_FORM.includes(country) ? 'us' : 'international',\n onValidateField: function onValidateField(fieldName, value) {\n return _onValidateField(fieldName, 'billingAddress', value);\n },\n onChange: function onChange(fieldName, value) {\n return onUpdateField(fieldName, 'billingAddress', value);\n }\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"address\",\n value: address\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"address2\",\n value: address2\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"city\",\n value: city\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"state\",\n value: state\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"country\",\n value: country\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"zip\",\n value: zip\n }));\n};\n\nPaymentProfile.LoadingSkeleton = _components__WEBPACK_IMPORTED_MODULE_6__.PaymentProfileSkeleton;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaymentProfile);\n\n//# sourceURL=webpack://Maxio/./packages/payments-sdk/src/forms/PaymentProfile/PaymentProfile.tsx?");
|
|
7147
|
+
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_8__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n/* harmony import */ var _chargify_address__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @chargify/address */ \"./packages/address/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 _CreditCard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../CreditCard */ \"./packages/payments-sdk/src/forms/CreditCard/index.ts\");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ \"./packages/payments-sdk/src/hooks/index.ts\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components */ \"./packages/payments-sdk/src/components/index.ts\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ \"./packages/payments-sdk/src/forms/PaymentProfile/constants.ts\");\n\n\n\n\n\n\n\n\n\n\nvar PaymentProfile = function PaymentProfile(_ref) {\n var _ref$paymentMethodTyp = _ref.paymentMethodType,\n paymentMethodType = _ref$paymentMethodTyp === void 0 ? 'creditCard' : _ref$paymentMethodTyp,\n _ref$requiredFields = _ref.requiredFields,\n requiredFields = _ref$requiredFields === void 0 ? [] : _ref$requiredFields,\n _ref$useThreeDSecure = _ref.useThreeDSecure,\n useThreeDSecure = _ref$useThreeDSecure === void 0 ? false : _ref$useThreeDSecure,\n _ref$formElementId = _ref.formElementId,\n formElementId = _ref$formElementId === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_7__.FORM_ELEMENT_ID : _ref$formElementId,\n onUpdateField = _ref.onUpdateField,\n _onValidateField = _ref.onValidateField,\n billingAddress = _ref.billingAddress,\n paymentMethod = _ref.paymentMethod,\n config = _ref.config;\n\n var _useDeviceInfo = (0,_chargify_device_provider__WEBPACK_IMPORTED_MODULE_3__.useDeviceInfo)(),\n device = _useDeviceInfo.device;\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_8__.useTranslation)(['payment-profile']),\n t = _useTranslation.t;\n\n var _usePaymentProfileTra = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.usePaymentProfileTranslations)(),\n creditCardTranslations = _usePaymentProfileTra.creditCardTranslations;\n\n var _billingAddress$value = billingAddress.values,\n address = _billingAddress$value.address,\n address2 = _billingAddress$value.address2,\n city = _billingAddress$value.city,\n state = _billingAddress$value.state,\n country = _billingAddress$value.country,\n zip = _billingAddress$value.zip;\n var hostedFieldsErrors = paymentMethod.hostedFieldsErrors;\n var isOnMobileDevice = ['tablet', 'mobile'].includes(device);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n id: formElementId\n }, hostedFieldsErrors.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n marginBottom: 8\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n color: 'danger',\n title: t('failed_saving_payment_method')\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: 'body2',\n color: 'danger.dark'\n }, t('did_you_fill_all_fields')))) : null, paymentMethodType === 'creditCard' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, {\n rowGap: ['5', '5', '0']\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [24, 7]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n variant: \"h4\"\n }, t('credit_card_details_header', {\n ns: 'payment-profile'\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [24, 17]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_CreditCard__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n config: config,\n translations: creditCardTranslations,\n isOnMobileDevice: isOnMobileDevice,\n values: paymentMethod.values,\n errors: paymentMethod.errors,\n hostedFieldsErrors: hostedFieldsErrors,\n creditCardSize: device === 'mobile' ? 'small' : 'regular',\n requiredFields: requiredFields,\n useThreeDSecure: useThreeDSecure,\n onValidateField: function onValidateField(fieldName, value) {\n return _onValidateField(fieldName, 'paymentMethod', value);\n },\n onChange: function onChange(fieldName, value) {\n return onUpdateField(fieldName, 'paymentMethod', value);\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Box, {\n marginTop: 7\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Row, {\n rowGap: ['5', '5', '0']\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [24, 7]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Heading, {\n variant: \"h4\"\n }, t('billing_address_header', {\n ns: 'payment-profile'\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Column, {\n span: [24, 17]\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_address__WEBPACK_IMPORTED_MODULE_2__.Address, {\n requiredFields: requiredFields,\n values: billingAddress.values,\n errors: billingAddress.errors,\n format: _constants__WEBPACK_IMPORTED_MODULE_7__.US_FORMAT_ADDRESS_FORM.includes(country) ? 'us' : 'international',\n onValidateField: function onValidateField(fieldName, value) {\n return _onValidateField(fieldName, 'billingAddress', value);\n },\n onChange: function onChange(fieldName, value) {\n return onUpdateField(fieldName, 'billingAddress', value);\n }\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"address\",\n value: address\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"address2\",\n value: address2\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"city\",\n value: city\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"state\",\n value: state\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"country\",\n value: country\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"input\", {\n type: \"hidden\",\n \"data-chargify\": \"zip\",\n value: zip\n }));\n};\n\nPaymentProfile.LoadingSkeleton = _components__WEBPACK_IMPORTED_MODULE_6__.PaymentProfileSkeleton;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaymentProfile);\n\n//# sourceURL=webpack://Maxio/./packages/payments-sdk/src/forms/PaymentProfile/PaymentProfile.tsx?");
|
|
7148
7148
|
|
|
7149
7149
|
/***/ }),
|
|
7150
7150
|
|
|
@@ -8002,7 +8002,7 @@ eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harm
|
|
|
8002
8002
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8003
8003
|
|
|
8004
8004
|
"use strict";
|
|
8005
|
-
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PlanChangeAlerts\": () => (/* binding */ PlanChangeAlerts)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\n\n\n\nvar PlanChangeAlerts = function PlanChangeAlerts(_ref) {\n var basePlanPrice = _ref.basePlanPrice,\n productChangeStrategy = _ref.productChangeStrategy,\n nextBillingDate = _ref.nextBillingDate,\n totalCharge = _ref.totalCharge;\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n switch (productChangeStrategy) {\n case 'prorated':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, {\n
|
|
8005
|
+
eval("/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"PlanChangeAlerts\": () => (/* binding */ PlanChangeAlerts)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/.pnpm/react@18.2.0/node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-i18next */ \"./node_modules/.pnpm/react-i18next@11.18.6_4sidbwfhen5r7txudrvpua6nty/node_modules/react-i18next/dist/es/useTranslation.js\");\n/* harmony import */ var _chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @chargify/custom-ui-components */ \"./packages/custom-ui-components/src/index.ts\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\nvar PlanChangeAlerts = function PlanChangeAlerts(_ref) {\n var basePlanPrice = _ref.basePlanPrice,\n productChangeStrategy = _ref.productChangeStrategy,\n nextBillingDate = _ref.nextBillingDate,\n totalCharge = _ref.totalCharge;\n\n var _useTranslation = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__.useTranslation)(['subscriptions-manager']),\n t = _useTranslation.t;\n\n var commonAlertProps = {\n color: 'success',\n icon: 'receipt'\n };\n\n switch (productChangeStrategy) {\n case 'prorated':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n title: t('plan_change.prorated_title', {\n totalCharge: totalCharge\n })\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: 'body2',\n color: 'success.main'\n }, t('plan_change.prorated_description')));\n\n case 'non-prorated':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n title: t('plan_change.instant_title', {\n date: nextBillingDate,\n basePlanPrice: basePlanPrice\n })\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: 'body2',\n color: 'success.main'\n }, t('plan_change.instant_description')));\n\n case 'delayed':\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.Alert, _objectSpread(_objectSpread({}, commonAlertProps), {}, {\n title: t('plan_change.delayed_title', {\n date: nextBillingDate,\n basePlanPrice: basePlanPrice\n })\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chargify_custom_ui_components__WEBPACK_IMPORTED_MODULE_1__.BodyText, {\n variant: 'body2',\n color: 'success.main'\n }, t('plan_change.delayed_description')));\n }\n};\n\n//# sourceURL=webpack://Maxio/./packages/subscriptions-manager/src/components/PlanChangeAlerts/PlanChangeAlerts.tsx?");
|
|
8006
8006
|
|
|
8007
8007
|
/***/ }),
|
|
8008
8008
|
|
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.4.
|
|
8
|
+
"version": "1.4.2",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"test": "jest",
|
|
11
11
|
"test:coverage": "jest --coverage",
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
"prettier": "prettier --write '{sdk,packages,e2e}/**/*.{js,ts,tsx,json}'",
|
|
15
15
|
"commit": "npx git-cz",
|
|
16
16
|
"clean": "npx rimraf dist",
|
|
17
|
-
"serve:e2e-assets": "npx serve e2e_pages/ -l 7001 --cors",
|
|
17
|
+
"serve:e2e-assets": "npx serve e2e_pages/ -l 7001 --cors -L",
|
|
18
18
|
"copy:e2e-assets": "node e2e/prepareAssets.js",
|
|
19
|
-
"clean:e2e-assets": "npx rimraf e2e_pages/locales e2e_pages/*.js",
|
|
19
|
+
"clean:e2e-assets": "npx rimraf e2e_pages/locales e2e_pages/*.{js,html}",
|
|
20
20
|
"upload:e2e-results": "node e2e/uploadExecutionResults.js",
|
|
21
21
|
"build": "pnpm run clean && pnpm run build:browser && pnpm run build:modules",
|
|
22
22
|
"build:modules": "npx rollup --configPlugin @rollup/plugin-typescript --config rollup.config.ts",
|
|
@@ -9,9 +9,10 @@ export interface AlertProps {
|
|
|
9
9
|
onClick?: () => void;
|
|
10
10
|
buttonLabel?: string;
|
|
11
11
|
icon?: IconType;
|
|
12
|
+
whiteSpace?: 'pre-line' | 'normal';
|
|
12
13
|
}
|
|
13
14
|
declare const Alert: {
|
|
14
|
-
({ title, color, size, buttonLabel, icon, onClick, children, }: AlertProps): JSX.Element;
|
|
15
|
+
({ title, color, size, buttonLabel, icon, onClick, children, whiteSpace, }: AlertProps): JSX.Element;
|
|
15
16
|
TextMessage: ({ children, ...rest }: {
|
|
16
17
|
children: React.ReactNode;
|
|
17
18
|
} & import("../../atoms/BodyText/BodyText").BodyTextProps) => JSX.Element;
|
package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { GridProps } from 'styled-system';
|
|
2
1
|
import { Color, Size } from './types';
|
|
3
2
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {
|
|
4
3
|
color: Color;
|
|
5
4
|
size: Size;
|
|
6
5
|
}, never>;
|
|
7
|
-
export declare const
|
|
6
|
+
export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, import("styled-system").MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
|