@weareconceptstudio/account 2.1.4 → 2.1.6

package/dist/modules/guest/GuestAddressForm/style.js

@@ -0,0 +1,100 @@
+import styled from 'styled-components';
+const GuestAddressFormStyle = styled.div `
+	--account_titleMBot: var(--sp6x);
+	--account_antFormItemWidth: 50%;
+	--account_antFormItemMTop: var(--sp4x);
+	--account_formItemDistance: var(--sp5x);
+	--account_checkoutMTop: var(--sp16x);
+
+	&.checkout-mt {
+		margin-top: var(--account_checkoutMTop);
+	}
+
+	.title {
+		margin-bottom: var(--account_titleMBot);
+	}
+
+	.form-wrapper {
+		display: flex;
+		flex-wrap: wrap;
+		row-gap: var(--account_antFormItemMTop);
+		margin-left: calc(-1 * calc(var(--account_formItemDistance) / 2));
+		margin-right: calc(-1 * calc(var(--account_formItemDistance) / 2));
+
+		.form-item {
+			width: var(--account_antFormItemWidth);
+			padding: 0 calc(var(--account_formItemDistance) / 2);
+
+			&:last-child {
+				--account_antFormItemWidth: 100%;
+			}
+		}
+
+		.empty-form-item {
+			width: var(--account_antFormItemWidth);
+			padding: 0 calc(var(--account_formItemDistance) / 2);
+		}
+	}
+
+	.billing-address-section {
+		margin-top: var(--account_checkoutMTop);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+		--account_titleMBot: var(--sp4x);
+		--account_antFormItemWidth: 50%;
+		--account_antFormItemMTop: var(--sp4x);
+		--account_formItemDistance: var(--sp4x);
+		--account_checkoutMTop: var(--sp11x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+		--account_titleMBot: var(--sp4x);
+		--account_antFormItemWidth: 50%;
+		--account_antFormItemMTop: var(--sp3x);
+		--account_formItemDistance: var(--sp3x);
+		--account_checkoutMTop: var(--sp8x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+		--account_titleMBot: var(--sp3x);
+		--account_antFormItemWidth: 50%;
+		--account_antFormItemMTop: var(--sp3x);
+		--account_formItemDistance: var(--sp3x);
+		--account_checkoutMTop: var(--sp8x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+		--account_titleMBot: var(--sp3x);
+		--account_antFormItemWidth: 50%;
+		--account_antFormItemMTop: var(--sp2-5x);
+		--account_formItemDistance: var(--sp3x);
+		--account_checkoutMTop: var(--sp8x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+		--account_titleMBot: var(--sp3x);
+		--account_antFormItemWidth: 50%;
+		--account_antFormItemMTop: var(--sp2-5x);
+		--account_formItemDistance: var(--sp3x);
+		--account_checkoutMTop: var(--sp8x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+		--account_titleMBot: var(--sp3x);
+		--account_antFormItemWidth: 50%;
+		--account_antFormItemMTop: var(--sp2-5x);
+		--account_formItemDistance: var(--sp2x);
+		--account_checkoutMTop: var(--sp8x);
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+		--account_titleMBot: var(--sp3x);
+		--account_antFormItemWidth: 100%;
+		--account_antFormItemMTop: var(--sp2x);
+		--account_formItemDistance: 0;
+		--account_checkoutMTop: var(--sp10x);
+	}
+`;
+export default GuestAddressFormStyle;
+//# sourceMappingURL=style.js.map

package/dist/modules/guest/GuestAddressForm/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAyCF,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;sCAQjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;sCAQd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;sCAQf,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;CAOvD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/modules/guest/GuestContactInformation/index.d.ts

@@ -0,0 +1,4 @@
+export default GuestContactInformation;
+declare function GuestContactInformation(): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/guest/GuestContactInformation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/index.js"],"names":[],"mappings":";AASA,8DA4EC;kBArFqD,OAAO"}

package/dist/modules/guest/GuestContactInformation/index.js

@@ -0,0 +1,60 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import { Text } from '@weareconceptstudio/core';
+import { FormBuilder } from '@weareconceptstudio/form';
+import { useCart } from '@weareconceptstudio/cart';
+import { checkoutFormsRegistry } from '../../checkout/formsRegistry';
+import GuestContactInformationStyle from './style';
+import { AccountButton } from '../../../components';
+import { useAccountContext } from '../../../AccountProvider';
+const GuestContactInformation = () => {
+    const { auth, isDeliveryEnabled, guest } = useAccountContext();
+    const { checkoutData, updateCheckoutData } = useCart();
+    const formRef = useRef(null);
+    useEffect(() => {
+        const unregister = checkoutFormsRegistry.register(async () => {
+            const form = formRef.current;
+            if (!form || !form.submit)
+                return Promise.resolve();
+            const isValid = await form.trigger();
+            if (!isValid) {
+                throw new Error('guest_contact_invalid');
+            }
+            return Promise.resolve(form.submit());
+        });
+        return unregister;
+    }, []);
+    const fields = (guest && guest.contactFormFields) || [
+        {
+            fieldType: 'input',
+            labelProps: {
+                label: 'account.guest_checkout.email',
+                name: 'email',
+            },
+            fieldProps: {
+                placeholder: 'account.guest_checkout.emailPlaceholder',
+            },
+            rules: [
+                { required: true, message: 'account.guest_checkout.emailRequired' },
+            ],
+        },
+    ];
+    const handleSubmit = useCallback((values) => {
+        updateCheckoutData({
+            guest_contact: {
+                ...(checkoutData?.guest_contact || {}),
+                ...values,
+            },
+        });
+    }, [checkoutData?.guest_contact, updateCheckoutData]);
+    return (React.createElement(GuestContactInformationStyle, { className: `guest-contact-information ${isDeliveryEnabled ? 'delivery-enabled' : ''}` },
+        React.createElement("div", { className: 'guest-contact-information-header' },
+            React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1`, text: 'account.guest_checkout.contactInformation' }),
+            React.createElement(AccountButton, { btnType: `green-small-text`, text: 'account.auth_account_management.alreadyHaveAnAccount', url: auth?.signInUrl || null })),
+        React.createElement(FormBuilder, { className: 'guest-contact-information-form', fields: fields, onSubmit: handleSubmit, formOptions: {
+                ref: formRef,
+                mode: 'onSubmit',
+                defaultValues: checkoutData?.guest_contact || {},
+            } })));
+};
+export default GuestContactInformation;
+//# sourceMappingURL=index.js.map

package/dist/modules/guest/GuestContactInformation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/index.js"],"names":[],"mappings":"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"}

package/dist/modules/guest/GuestContactInformation/style.d.ts

@@ -0,0 +1,3 @@
+export default GuestContactInformationStyle;
+declare const GuestContactInformationStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/modules/guest/GuestContactInformation/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/style.js"],"names":[],"mappings":";AAEA,2PAyDE"}

package/dist/modules/guest/GuestContactInformation/style.js

@@ -0,0 +1,48 @@
+import styled from 'styled-components';
+const GuestContactInformationStyle = styled.div `
+    --account_checkoutMTop: var(--sp16x);
+
+    &.delivery-enabled {
+        margin-top: var(--account_checkoutMTop);
+    }
+
+    .guest-contact-information-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    
+    .guest-contact-information-form {
+        margin-top: var(--sp4x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
+        --account_checkoutMTop: var(--sp11x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
+        --account_checkoutMTop: var(--sp8x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
+        --account_checkoutMTop: var(--sp8x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
+        --account_checkoutMTop: var(--sp8x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
+        --account_checkoutMTop: var(--sp8x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
+        --account_checkoutMTop: var(--sp8x);
+    }
+
+    @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+        --account_checkoutMTop: var(--sp10x);
+    }
+`;
+export default GuestContactInformationStyle;
+//# sourceMappingURL=style.js.map

package/dist/modules/guest/GuestContactInformation/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;yCAiBN,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAClF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;yCAItB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACjF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;yCAItB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACjF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;yCAItB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACjF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;yCAIvB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAClF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;yCAIpB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAC/E,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;yCAIrB,CAAC,KAAK,EAAE,EAAE,CAC3C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;CAG5D,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/modules/order/OrderDetails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":";AAMA,+DAiKE;kBAvK0B,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":";AAMA,+DAyJE;kBA/J0B,OAAO"}

package/dist/modules/order/OrderDetails/index.js

@@ -5,7 +5,7 @@ import OrderStatus from '../OrderStatus';
 import OrderDetailsStyle from './style';
 const OrderDetails = memo(({ className, status, date, orderNumber, itemsCount, formatted_subtotal, formatted_total, shippingCost, formatted_shippingCost, usedBalance, formatted_usedBalance, discounts = [], cashback, formatted_cashback, }) => {
     const { translate } = useTranslation();
-    const { order } = useAccountContext();
+    const { order, globalSettings } = useAccountContext();
     return (React.createElement(OrderDetailsStyle, { className: `${className || ''}` },
         React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: 'account.order_management.orderDetails' }),
         React.createElement("div", { className: `info-space-line` }),
@@ -51,21 +51,21 @@ const OrderDetails = memo(({ className, status, date, orderNumber, itemsCount, f
             : null)) : null,
         cashback ? (React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold cashback-color first-letter` },
-                translate('account.balance_promotions.muramoney'),
+                translate('account.balance_promotions.balance'),
                 ":"),
             React.createElement(Text, { className: `account-p account-p3 account-font-regular cashback-color value` }, formatted_cashback))) : null,
-        order?.hasUsedBalance ? (React.createElement(React.Fragment, null, usedBalance ? (React.createElement("div", { className: `order-detail-item-wrap` },
+        globalSettings.hasBalanceSystem && usedBalance ? (React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold balance-color` },
                 translate('account.balance_promotions.usedBalance'),
                 ":"),
             React.createElement(Text, { className: `account-p account-p3 account-font-regular balance-color value` },
                 "-",
-                formatted_usedBalance))) : null)) : null,
-        order?.hasShippingCost ? (React.createElement(React.Fragment, null, shippingCost ? (React.createElement("div", { className: `order-detail-item-wrap` },
+                formatted_usedBalance))) : null,
+        globalSettings.hasShippingCost && shippingCost ? (React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
                 translate('account.order_balance.shippingCost'),
                 ":"),
-            React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value`, text: `${shippingCost == 0 ? 'account.order_balance.free' : formatted_shippingCost}` }))) : null)) : null,
+            React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 value`, text: `${shippingCost == 0 ? 'account.order_balance.free' : formatted_shippingCost}` }))) : null,
         React.createElement("div", { className: `order-detail-item-wrap` },
             React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
                 translate('account.order_management.totalPrice'),

package/dist/modules/order/OrderDetails/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":"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"}

package/dist/modules/order/OrderedItems/style.js

@@ -362,7 +362,7 @@ const OrderedItemsStyle = styled.div `
 		padding: var(--account_giftIconDistanceIconPTB) var(--account_giftIconDistanceIconPLR);
 		margin: var(--account_giftIconDistanceIconMTB) var(--account_giftIconDistanceIconMLR);
 		position: absolute;
-		z-index: 1;
+		z-index: 99;
 		width: fit-content;
 		height: fit-content;
 		display: flex;

package/dist/modules/order/OrderedItems/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+YE,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA4ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA4ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA4ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA6CjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgDd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAoDf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiQrG,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/style.js"],"names":[],"mappings":"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"}

package/dist/modules/payment/CardForm/index.d.ts

@@ -0,0 +1,4 @@
+export default CardForm;
+declare function CardForm(): React.JSX.Element;
+import React from 'react';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/payment/CardForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/index.js"],"names":[],"mappings":";AAOA,+CAwHC;kBA/HqD,OAAO"}

package/dist/modules/payment/CardForm/index.js

@@ -0,0 +1,113 @@
+import React, { useEffect, useRef, useCallback } from 'react';
+import { FormBuilder } from '@weareconceptstudio/form';
+import { checkoutFormsRegistry } from '../../checkout/formsRegistry';
+import CardFormStyle from './style';
+import { formatCreditCardNumber, formatCVC, formatExpirationDate } from './utils';
+import { useCart } from '@weareconceptstudio/cart';
+const CardForm = () => {
+    const formRef = useRef(null);
+    const { updateCheckoutData } = useCart();
+    useEffect(() => {
+        const unregister = checkoutFormsRegistry.register(async () => {
+            const form = formRef.current;
+            if (!form || !form.submit)
+                return Promise.resolve();
+            const isValid = await form.trigger();
+            if (!isValid) {
+                throw new Error('card_form_invalid');
+            }
+            return Promise.resolve(form.submit());
+        });
+        return unregister;
+    }, []);
+    const handleSubmit = useCallback((values) => {
+        updateCheckoutData({
+            card_data: values
+        });
+        return Promise.resolve();
+    }, [updateCheckoutData]);
+    const fields = [
+        {
+            fieldType: 'input',
+            labelProps: {
+                label: 'account.payment_management.cardName',
+                name: 'name',
+                rules: [
+                    { required: true, message: 'account.payment_management.cardNameRequired' },
+                    { pattern: /^[A-Za-z\s]+$/, message: 'account.payment_management.cardNameInvalid' },
+                ],
+            },
+            fieldProps: {
+                placeholder: 'account.payment_management.cardNamePlaceholder',
+            },
+        },
+        {
+            fieldType: 'input',
+            labelProps: {
+                label: 'account.payment_management.cardNumber',
+                name: 'number',
+                rules: [
+                    { required: true, message: 'account.payment_management.cardNumberRequired' },
+                    { pattern: /[\d| ]{16,22}/, message: 'account.payment_management.cardNumberInvalid' },
+                ],
+            },
+            fieldProps: {
+                placeholder: 'account.payment_management.cardNumberPlaceholder',
+                maxLength: 19,
+                onChange: (e, form) => {
+                    const value = formatCreditCardNumber(e.target.value);
+                    form.setValue('number', value);
+                },
+            },
+        },
+        {
+            fieldType: 'input',
+            labelProps: {
+                label: 'account.payment_management.cardExpiry',
+                name: 'expiry',
+                className: 'card-form-half',
+                rules: [
+                    { required: true },
+                    {
+                        pattern: /(0[1-9]|1[0-2])\/?(([0-9]{4})|[0-9]{2}$)/,
+                        message: 'account.payment_management.cardExpiryInvalid',
+                    },
+                ],
+            },
+            fieldProps: {
+                placeholder: 'account.payment_management.cardExpiryPlaceholder',
+                onChange: (e, form) => {
+                    const value = formatExpirationDate(e.target.value);
+                    form.setValue('expiry', value);
+                },
+            },
+        },
+        {
+            fieldType: 'input',
+            labelProps: {
+                label: 'account.payment_management.cardCVC',
+                name: 'security_code',
+                className: 'card-form-half',
+                rules: [
+                    { required: true, message: 'account.payment_management.cardCVCRequired' },
+                    { pattern: /\d{3}/, message: 'account.payment_management.cardCVCInvalid' },
+                ],
+            },
+            fieldProps: {
+                type: 'password',
+                placeholder: 'account.payment_management.cardCVCPlaceholder',
+                onChange: (e, form) => {
+                    const value = formatCVC(e.target.value);
+                    form.setValue('security_code', value);
+                },
+            },
+        },
+    ];
+    return (React.createElement(CardFormStyle, null,
+        React.createElement(FormBuilder, { className: 'card-form-wrapper', fields: fields, onSubmit: handleSubmit, formOptions: {
+                ref: formRef,
+                mode: 'onSubmit',
+            } })));
+};
+export default CardForm;
+//# sourceMappingURL=index.js.map

package/dist/modules/payment/CardForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,aAAa,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,QAAQ,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,EAAE,kBAAkB,EAAE,GAAG,OAAO,EAAE,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,UAAU,GAAG,qBAAqB,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE;YAC5D,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;YAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM;gBAAE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;YAEpD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;YAErC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACd,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;YACtC,CAAC;YAED,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO,UAAU,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,MAAM,EAAE,EAAE;QACV,kBAAkB,CAAC;YAClB,SAAS,EAAE,MAAM;SACjB,CAAC,CAAC;QACH,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE1B,MAAM,MAAM,GAAG;QACd;YACC,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE;gBACX,KAAK,EAAE,qCAAqC;gBAC5C,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE;oBACN,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,6CAA6C,EAAE;oBAC1E,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,4CAA4C,EAAE;iBACnF;aACD;YACD,UAAU,EAAE;gBACX,WAAW,EAAE,gDAAgD;aAC7D;SACD;QACD;YACC,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE;gBACX,KAAK,EAAE,uCAAuC;gBAC9C,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE;oBACN,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,+CAA+C,EAAE;oBAC5E,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,8CAA8C,EAAE;iBACrF;aACD;YACD,UAAU,EAAE;gBACX,WAAW,EAAE,kDAAkD;gBAC/D,SAAS,EAAE,EAAE;gBACb,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;oBACrB,MAAM,KAAK,GAAG,sBAAsB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACrD,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBAChC,CAAC;aACD;SACD;QACD;YACC,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE;gBACX,KAAK,EAAE,uCAAuC;gBAC9C,IAAI,EAAE,QAAQ;gBACd,SAAS,EAAE,gBAAgB;gBAC3B,KAAK,EAAE;oBACN,EAAE,QAAQ,EAAE,IAAI,EAAE;oBAClB;wBACC,OAAO,EAAE,0CAA0C;wBACnD,OAAO,EAAE,8CAA8C;qBACvD;iBACD;aACD;YACD,UAAU,EAAE;gBACX,WAAW,EAAE,kDAAkD;gBAC/D,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;oBACrB,MAAM,KAAK,GAAG,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACnD,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBAChC,CAAC;aACD;SACD;QACD;YACC,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE;gBACX,KAAK,EAAE,oCAAoC;gBAC3C,IAAI,EAAE,eAAe;gBACrB,SAAS,EAAE,gBAAgB;gBAC3B,KAAK,EAAE;oBACN,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,4CAA4C,EAAE;oBACzE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,2CAA2C,EAAE;iBAC1E;aACD;YACD,UAAU,EAAE;gBACX,IAAI,EAAE,UAAU;gBAChB,WAAW,EAAE,+CAA+C;gBAC5D,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;oBACrB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACxC,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;gBACvC,CAAC;aACD;SACD;KACD,CAAC;IAEF,OAAO,CACN,oBAAC,aAAa;QACb,oBAAC,WAAW,IACX,SAAS,EAAC,mBAAmB,EAC7B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE;gBACZ,GAAG,EAAE,OAAO;gBACZ,IAAI,EAAE,UAAU;aAChB,GACA,CACa,CAChB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/modules/payment/CardForm/style.d.ts

@@ -0,0 +1,3 @@
+export default CardFormStyle;
+declare const CardFormStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/modules/payment/CardForm/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/style.js"],"names":[],"mappings":";AAEA,4OA0BE"}

package/dist/modules/payment/CardForm/style.js

@@ -0,0 +1,29 @@
+import styled from 'styled-components';
+const CardFormStyle = styled.div `
+	--account_cardFormFirstMTop: var(--sp4x);
+
+	margin-top: var(--account_cardFormFirstMTop);
+
+	.card-form-row {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--sp3x);
+		margin-top: var(--account_cardFormFirstMTop);
+	}
+
+	.card-form-item {
+		width: 100% !important;
+	}
+
+	.card-form-half {
+		width: 50% !important;
+	}
+
+	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
+		.card-form-half {
+			width: 100% !important;
+		}
+	}
+`;
+export default CardFormStyle;
+//# sourceMappingURL=style.js.map

package/dist/modules/payment/CardForm/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;sCAoBM,CAAC,KAAK,EAAE,EAAE,CAC9C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;CAKtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/modules/payment/CardForm/utils.d.ts

@@ -0,0 +1,4 @@
+export function formatCreditCardNumber(value: any): any;
+export function formatCVC(value: any): string;
+export function formatExpirationDate(value: any): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/modules/payment/CardForm/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/utils.js"],"names":[],"mappings":"AAIO,wDAuBN;AAEM,8CAIN;AAEM,yDAQN"}

package/dist/modules/payment/CardForm/utils.js

@@ -0,0 +1,34 @@
+import Payment from 'payment';
+const clearNumber = (value = '') => value.replace(/\D+/g, '');
+export const formatCreditCardNumber = (value) => {
+    if (!value)
+        return value;
+    const issuer = Payment.fns.cardType(value);
+    const clearValue = clearNumber(value);
+    let nextValue;
+    switch (issuer) {
+        case 'amex':
+            nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(4, 10)} ${clearValue.slice(10, 15)}`;
+            break;
+        case 'dinersclub':
+            nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(4, 10)} ${clearValue.slice(10, 14)}`;
+            break;
+        default:
+            nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(4, 8)} ${clearValue.slice(8, 12)} ${clearValue.slice(12, 19)}`;
+            break;
+    }
+    return nextValue.trim();
+};
+export const formatCVC = (value) => {
+    const clearValue = clearNumber(value);
+    const maxLength = 3;
+    return clearValue.slice(0, maxLength);
+};
+export const formatExpirationDate = (value) => {
+    const clearValue = clearNumber(value);
+    if (clearValue.length >= 3) {
+        return `${clearValue.slice(0, 2)}/${clearValue.slice(2, 4)}`;
+    }
+    return clearValue;
+};
+//# sourceMappingURL=utils.js.map

package/dist/modules/payment/CardForm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/utils.js"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,MAAM,WAAW,GAAG,CAAC,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/C,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IAEzB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,SAAS,CAAC;IAEd,QAAQ,MAAM,EAAE,CAAC;QAChB,KAAK,MAAM;YACV,SAAS,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;YAC/F,MAAM;QACP,KAAK,YAAY;YAChB,SAAS,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;YAC/F,MAAM;QACP;YACC,SAAS,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,UAAU,CAAC,KAAK,CAC7G,EAAE,EACF,EAAE,CACF,EAAE,CAAC;YACJ,MAAM;IACR,CAAC;IAED,OAAO,SAAS,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;IAClC,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,CAAC,CAAC;IACpB,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEtC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAC5B,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC9D,CAAC;IAED,OAAO,UAAU,CAAC;AACnB,CAAC,CAAC"}

package/dist/modules/payment/Payment/index.d.ts

@@ -1,8 +1,21 @@
 export default Payment;
-declare function Payment({ title, onClick, className }: {
+/**
+ * Payment can be used in two modes:
+ * - Uncontrolled (default): reads/writes `checkoutData.paymentType` from cart store.
+ * - Controlled: provide `value` + `onChange` to control selection from outside.
+ *
+ * Optionally provide `renderContent` to fully control the inner UI (e.g. paypal/card tabs + card form).
+ */
+declare function Payment({ title, onClick, className, value, onChange, renderContent, showChangeButton, showTitle, variant, }: {
     title: any;
     onClick: any;
     className: any;
+    value: any;
+    onChange: any;
+    renderContent: any;
+    showChangeButton: any;
+    showTitle?: boolean;
+    variant: any;
 }): React.JSX.Element;
 import React from 'react';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/payment/Payment/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/Payment/index.js"],"names":[],"mappings":";AAaA;;;;sBAmCC;kBAhDiB,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/Payment/index.js"],"names":[],"mappings":";AAeA;;;;;;GAMG;AACH;;;;;;;;;;sBA8FC;kBApHgC,OAAO"}