@weareconceptstudio/account 2.1.5 → 2.1.7
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/dist/AccountProvider.d.ts.map +1 -1
- package/dist/AccountProvider.js +18 -8
- package/dist/AccountProvider.js.map +1 -1
- package/dist/components/Sequence/index.d.ts +2 -1
- package/dist/components/Sequence/index.d.ts.map +1 -1
- package/dist/components/Sequence/index.js +42 -5
- package/dist/components/Sequence/index.js.map +1 -1
- package/dist/components/TotalCheckout/BalanceComp/index.js +1 -1
- package/dist/components/TotalCheckout/BalanceComp/index.js.map +1 -1
- package/dist/components/TotalCheckout/index.d.ts.map +1 -1
- package/dist/components/TotalCheckout/index.js +6 -5
- package/dist/components/TotalCheckout/index.js.map +1 -1
- package/dist/modules/account/AccountBalanceTemplate/HistoryBalance/index.js +1 -1
- package/dist/modules/account/AccountBalanceTemplate/index.d.ts.map +1 -1
- package/dist/modules/account/AccountBalanceTemplate/index.js +3 -3
- package/dist/modules/account/AccountBalanceTemplate/index.js.map +1 -1
- package/dist/modules/address/AddressForm/index.d.ts.map +1 -1
- package/dist/modules/address/AddressForm/index.js +8 -2
- package/dist/modules/address/AddressForm/index.js.map +1 -1
- package/dist/modules/address/AddressProvider.d.ts +4 -1
- package/dist/modules/address/AddressProvider.d.ts.map +1 -1
- package/dist/modules/address/AddressProvider.js +48 -29
- package/dist/modules/address/AddressProvider.js.map +1 -1
- package/dist/modules/address/AddressesTemplate/index.d.ts.map +1 -1
- package/dist/modules/address/AddressesTemplate/index.js +3 -2
- package/dist/modules/address/AddressesTemplate/index.js.map +1 -1
- package/dist/modules/address/SelectAddress/index.d.ts.map +1 -1
- package/dist/modules/address/SelectAddress/index.js +4 -1
- package/dist/modules/address/SelectAddress/index.js.map +1 -1
- package/dist/modules/address/ShippingBillingForm/index.d.ts.map +1 -1
- package/dist/modules/address/ShippingBillingForm/index.js +13 -3
- package/dist/modules/address/ShippingBillingForm/index.js.map +1 -1
- package/dist/modules/auth/SignUpTemplate/index.d.ts +4 -2
- package/dist/modules/auth/SignUpTemplate/index.d.ts.map +1 -1
- package/dist/modules/auth/SignUpTemplate/index.js +2 -3
- package/dist/modules/auth/SignUpTemplate/index.js.map +1 -1
- package/dist/modules/cart/CartTemplate/index.d.ts.map +1 -1
- package/dist/modules/cart/CartTemplate/index.js +5 -2
- package/dist/modules/cart/CartTemplate/index.js.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/EditButton.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/EditButton.js +9 -3
- package/dist/modules/cart/components/CartItems/Item/EditButton.js.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/ItemActions.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/ItemActions.js +6 -1
- package/dist/modules/cart/components/CartItems/Item/ItemActions.js.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/ItemImage.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/ItemImage.js +12 -2
- package/dist/modules/cart/components/CartItems/Item/ItemImage.js.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/QuantitySelector.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/QuantitySelector.js +7 -3
- package/dist/modules/cart/components/CartItems/Item/QuantitySelector.js.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/index.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/Item/index.js +16 -11
- package/dist/modules/cart/components/CartItems/Item/index.js.map +1 -1
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemActions.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemActions.js +10 -3
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemActions.js.map +1 -1
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemImage.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemImage.js +12 -2
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemImage.js.map +1 -1
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemQuantity.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemQuantity.js +7 -4
- package/dist/modules/cart/components/CartItems/ItemMobile/MobileItemQuantity.js.map +1 -1
- package/dist/modules/cart/components/CartItems/ItemMobile/index.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/ItemMobile/index.js +11 -7
- package/dist/modules/cart/components/CartItems/ItemMobile/index.js.map +1 -1
- package/dist/modules/cart/components/CartItems/index.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/index.js +37 -13
- package/dist/modules/cart/components/CartItems/index.js.map +1 -1
- package/dist/modules/cart/components/CartItems/style.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/style.js +23 -1
- package/dist/modules/cart/components/CartItems/style.js.map +1 -1
- package/dist/modules/cart/components/CartItems/util.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/util.js +4 -1
- package/dist/modules/cart/components/CartItems/util.js.map +1 -1
- package/dist/modules/checkout/CheckoutTemplate/StepReview/index.d.ts +4 -1
- package/dist/modules/checkout/CheckoutTemplate/StepReview/index.d.ts.map +1 -1
- package/dist/modules/checkout/CheckoutTemplate/StepReview/index.js +15 -4
- package/dist/modules/checkout/CheckoutTemplate/StepReview/index.js.map +1 -1
- package/dist/modules/checkout/CheckoutTemplate/index.d.ts +2 -2
- package/dist/modules/checkout/CheckoutTemplate/index.d.ts.map +1 -1
- package/dist/modules/checkout/CheckoutTemplate/index.js +34 -14
- package/dist/modules/checkout/CheckoutTemplate/index.js.map +1 -1
- package/dist/modules/checkout/CheckoutTemplate/style.d.ts.map +1 -1
- package/dist/modules/checkout/CheckoutTemplate/style.js +13 -1
- package/dist/modules/checkout/CheckoutTemplate/style.js.map +1 -1
- package/dist/modules/checkout/formsRegistry.d.ts +6 -0
- package/dist/modules/checkout/formsRegistry.d.ts.map +1 -0
- package/dist/modules/checkout/formsRegistry.js +22 -0
- package/dist/modules/checkout/formsRegistry.js.map +1 -0
- package/dist/modules/checkout/index.d.ts +1 -0
- package/dist/modules/checkout/index.d.ts.map +1 -1
- package/dist/modules/checkout/index.js +1 -0
- package/dist/modules/checkout/index.js.map +1 -1
- package/dist/modules/delivery/DeliveryOptionItem/index.d.ts +8 -0
- package/dist/modules/delivery/DeliveryOptionItem/index.d.ts.map +1 -0
- package/dist/modules/delivery/DeliveryOptionItem/index.js +17 -0
- package/dist/modules/delivery/DeliveryOptionItem/index.js.map +1 -0
- package/dist/modules/delivery/DeliveryOptionItem/style.d.ts +3 -0
- package/dist/modules/delivery/DeliveryOptionItem/style.d.ts.map +1 -0
- package/dist/modules/delivery/DeliveryOptionItem/style.js +132 -0
- package/dist/modules/delivery/DeliveryOptionItem/style.js.map +1 -0
- package/dist/modules/delivery/DeliveryOptions/index.d.ts +4 -0
- package/dist/modules/delivery/DeliveryOptions/index.d.ts.map +1 -0
- package/dist/modules/delivery/DeliveryOptions/index.js +54 -0
- package/dist/modules/delivery/DeliveryOptions/index.js.map +1 -0
- package/dist/modules/delivery/DeliveryOptions/style.d.ts +3 -0
- package/dist/modules/delivery/DeliveryOptions/style.d.ts.map +1 -0
- package/dist/modules/delivery/DeliveryOptions/style.js +47 -0
- package/dist/modules/delivery/DeliveryOptions/style.js.map +1 -0
- package/dist/modules/delivery/index.d.ts +6 -0
- package/dist/modules/delivery/index.d.ts.map +1 -0
- package/dist/modules/delivery/index.js +16 -0
- package/dist/modules/delivery/index.js.map +1 -0
- package/dist/modules/delivery/style.d.ts +3 -0
- package/dist/modules/delivery/style.d.ts.map +1 -0
- package/dist/modules/delivery/style.js +13 -0
- package/dist/modules/delivery/style.js.map +1 -0
- package/dist/modules/guest/GuestAddressForm/index.d.ts +4 -0
- package/dist/modules/guest/GuestAddressForm/index.d.ts.map +1 -0
- package/dist/modules/guest/GuestAddressForm/index.js +97 -0
- package/dist/modules/guest/GuestAddressForm/index.js.map +1 -0
- package/dist/modules/guest/GuestAddressForm/style.d.ts +3 -0
- package/dist/modules/guest/GuestAddressForm/style.d.ts.map +1 -0
- package/dist/modules/guest/GuestAddressForm/style.js +100 -0
- package/dist/modules/guest/GuestAddressForm/style.js.map +1 -0
- package/dist/modules/guest/GuestContactInformation/index.d.ts +4 -0
- package/dist/modules/guest/GuestContactInformation/index.d.ts.map +1 -0
- package/dist/modules/guest/GuestContactInformation/index.js +60 -0
- package/dist/modules/guest/GuestContactInformation/index.js.map +1 -0
- package/dist/modules/guest/GuestContactInformation/style.d.ts +3 -0
- package/dist/modules/guest/GuestContactInformation/style.d.ts.map +1 -0
- package/dist/modules/guest/GuestContactInformation/style.js +48 -0
- package/dist/modules/guest/GuestContactInformation/style.js.map +1 -0
- package/dist/modules/order/OrderDetails/index.d.ts.map +1 -1
- package/dist/modules/order/OrderDetails/index.js +6 -6
- package/dist/modules/order/OrderDetails/index.js.map +1 -1
- package/dist/modules/order/OrderedItems/style.js +1 -1
- package/dist/modules/order/OrderedItems/style.js.map +1 -1
- package/dist/modules/payment/CardForm/index.d.ts +4 -0
- package/dist/modules/payment/CardForm/index.d.ts.map +1 -0
- package/dist/modules/payment/CardForm/index.js +113 -0
- package/dist/modules/payment/CardForm/index.js.map +1 -0
- package/dist/modules/payment/CardForm/style.d.ts +3 -0
- package/dist/modules/payment/CardForm/style.d.ts.map +1 -0
- package/dist/modules/payment/CardForm/style.js +29 -0
- package/dist/modules/payment/CardForm/style.js.map +1 -0
- package/dist/modules/payment/CardForm/utils.d.ts +4 -0
- package/dist/modules/payment/CardForm/utils.d.ts.map +1 -0
- package/dist/modules/payment/CardForm/utils.js +34 -0
- package/dist/modules/payment/CardForm/utils.js.map +1 -0
- package/dist/modules/payment/Payment/index.d.ts +14 -1
- package/dist/modules/payment/Payment/index.d.ts.map +1 -1
- package/dist/modules/payment/Payment/index.js +48 -8
- package/dist/modules/payment/Payment/index.js.map +1 -1
- package/dist/modules/payment/Payment/style.js.map +1 -1
- package/dist/modules/payment/PaymentMethodItem/index.d.ts +2 -1
- package/dist/modules/payment/PaymentMethodItem/index.d.ts.map +1 -1
- package/dist/modules/payment/PaymentMethodItem/index.js +9 -4
- package/dist/modules/payment/PaymentMethodItem/index.js.map +1 -1
- package/dist/modules/payment/PaymentMethodItem/style.d.ts.map +1 -1
- package/dist/modules/payment/PaymentMethodItem/style.js +22 -1
- package/dist/modules/payment/PaymentMethodItem/style.js.map +1 -1
- package/dist/modules/payment/PaymentMethods/index.d.ts +2 -1
- package/dist/modules/payment/PaymentMethods/index.d.ts.map +1 -1
- package/dist/modules/payment/PaymentMethods/index.js +7 -4
- package/dist/modules/payment/PaymentMethods/index.js.map +1 -1
- package/dist/modules/payment/PaymentMethods/style.d.ts.map +1 -1
- package/dist/modules/payment/PaymentMethods/style.js +7 -0
- package/dist/modules/payment/PaymentMethods/style.js.map +1 -1
- package/dist/modules/payment/icons.d.ts +1 -0
- package/dist/modules/payment/icons.d.ts.map +1 -1
- package/dist/modules/payment/icons.js +3 -0
- package/dist/modules/payment/icons.js.map +1 -1
- package/dist/modules/payment/index.d.ts +1 -0
- package/dist/modules/payment/index.d.ts.map +1 -1
- package/dist/modules/payment/index.js +1 -0
- package/dist/modules/payment/index.js.map +1 -1
- package/dist/translations/en.d.ts +33 -2
- package/dist/translations/en.d.ts.map +1 -1
- package/dist/translations/en.js +37 -6
- package/dist/translations/en.js.map +1 -1
- package/dist/translations/hy.d.ts +33 -2
- package/dist/translations/hy.d.ts.map +1 -1
- package/dist/translations/hy.js +37 -6
- package/dist/translations/hy.js.map +1 -1
- package/dist/translations/index.d.ts +132 -8
- package/dist/translations/index.d.ts.map +1 -1
- package/dist/translations/it.d.ts +33 -2
- package/dist/translations/it.d.ts.map +1 -1
- package/dist/translations/it.js +37 -6
- package/dist/translations/it.js.map +1 -1
- package/dist/translations/ru.d.ts +33 -2
- package/dist/translations/ru.d.ts.map +1 -1
- package/dist/translations/ru.js +37 -6
- package/dist/translations/ru.js.map +1 -1
- package/dist/utils/config.d.ts +56 -8
- package/dist/utils/config.d.ts.map +1 -1
- package/dist/utils/config.js +63 -0
- package/dist/utils/config.js.map +1 -1
- package/package.json +5 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/index.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export default GuestAddressFormStyle;
|
|
2
|
+
declare const GuestAddressFormStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/style.js"],"names":[],"mappings":";AAEA,oPA6GE"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
const GuestAddressFormStyle = styled.div `
|
|
3
|
+
--account_titleMBot: var(--sp6x);
|
|
4
|
+
--account_antFormItemWidth: 50%;
|
|
5
|
+
--account_antFormItemMTop: var(--sp4x);
|
|
6
|
+
--account_formItemDistance: var(--sp5x);
|
|
7
|
+
--account_checkoutMTop: var(--sp16x);
|
|
8
|
+
|
|
9
|
+
&.checkout-mt {
|
|
10
|
+
margin-top: var(--account_checkoutMTop);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.title {
|
|
14
|
+
margin-bottom: var(--account_titleMBot);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.form-wrapper {
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-wrap: wrap;
|
|
20
|
+
row-gap: var(--account_antFormItemMTop);
|
|
21
|
+
margin-left: calc(-1 * calc(var(--account_formItemDistance) / 2));
|
|
22
|
+
margin-right: calc(-1 * calc(var(--account_formItemDistance) / 2));
|
|
23
|
+
|
|
24
|
+
.form-item {
|
|
25
|
+
width: var(--account_antFormItemWidth);
|
|
26
|
+
padding: 0 calc(var(--account_formItemDistance) / 2);
|
|
27
|
+
|
|
28
|
+
&:last-child {
|
|
29
|
+
--account_antFormItemWidth: 100%;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.empty-form-item {
|
|
34
|
+
width: var(--account_antFormItemWidth);
|
|
35
|
+
padding: 0 calc(var(--account_formItemDistance) / 2);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.billing-address-section {
|
|
40
|
+
margin-top: var(--account_checkoutMTop);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
|
|
44
|
+
--account_titleMBot: var(--sp4x);
|
|
45
|
+
--account_antFormItemWidth: 50%;
|
|
46
|
+
--account_antFormItemMTop: var(--sp4x);
|
|
47
|
+
--account_formItemDistance: var(--sp4x);
|
|
48
|
+
--account_checkoutMTop: var(--sp11x);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
|
|
52
|
+
--account_titleMBot: var(--sp4x);
|
|
53
|
+
--account_antFormItemWidth: 50%;
|
|
54
|
+
--account_antFormItemMTop: var(--sp3x);
|
|
55
|
+
--account_formItemDistance: var(--sp3x);
|
|
56
|
+
--account_checkoutMTop: var(--sp8x);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
|
|
60
|
+
--account_titleMBot: var(--sp3x);
|
|
61
|
+
--account_antFormItemWidth: 50%;
|
|
62
|
+
--account_antFormItemMTop: var(--sp3x);
|
|
63
|
+
--account_formItemDistance: var(--sp3x);
|
|
64
|
+
--account_checkoutMTop: var(--sp8x);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
|
|
68
|
+
--account_titleMBot: var(--sp3x);
|
|
69
|
+
--account_antFormItemWidth: 50%;
|
|
70
|
+
--account_antFormItemMTop: var(--sp2-5x);
|
|
71
|
+
--account_formItemDistance: var(--sp3x);
|
|
72
|
+
--account_checkoutMTop: var(--sp8x);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
|
|
76
|
+
--account_titleMBot: var(--sp3x);
|
|
77
|
+
--account_antFormItemWidth: 50%;
|
|
78
|
+
--account_antFormItemMTop: var(--sp2-5x);
|
|
79
|
+
--account_formItemDistance: var(--sp3x);
|
|
80
|
+
--account_checkoutMTop: var(--sp8x);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
|
|
84
|
+
--account_titleMBot: var(--sp3x);
|
|
85
|
+
--account_antFormItemWidth: 50%;
|
|
86
|
+
--account_antFormItemMTop: var(--sp2-5x);
|
|
87
|
+
--account_formItemDistance: var(--sp2x);
|
|
88
|
+
--account_checkoutMTop: var(--sp8x);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
|
|
92
|
+
--account_titleMBot: var(--sp3x);
|
|
93
|
+
--account_antFormItemWidth: 100%;
|
|
94
|
+
--account_antFormItemMTop: var(--sp2x);
|
|
95
|
+
--account_formItemDistance: 0;
|
|
96
|
+
--account_checkoutMTop: var(--sp10x);
|
|
97
|
+
}
|
|
98
|
+
`;
|
|
99
|
+
export default GuestAddressFormStyle;
|
|
100
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/index.js"],"names":[],"mappings":";AASA,8DA4EC;kBArFqD,OAAO"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useRef } from 'react';
|
|
2
|
+
import { Text } from '@weareconceptstudio/core';
|
|
3
|
+
import { FormBuilder } from '@weareconceptstudio/form';
|
|
4
|
+
import { useCart } from '@weareconceptstudio/cart';
|
|
5
|
+
import { checkoutFormsRegistry } from '../../checkout/formsRegistry';
|
|
6
|
+
import GuestContactInformationStyle from './style';
|
|
7
|
+
import { AccountButton } from '../../../components';
|
|
8
|
+
import { useAccountContext } from '../../../AccountProvider';
|
|
9
|
+
const GuestContactInformation = () => {
|
|
10
|
+
const { auth, isDeliveryEnabled, guest } = useAccountContext();
|
|
11
|
+
const { checkoutData, updateCheckoutData } = useCart();
|
|
12
|
+
const formRef = useRef(null);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
const unregister = checkoutFormsRegistry.register(async () => {
|
|
15
|
+
const form = formRef.current;
|
|
16
|
+
if (!form || !form.submit)
|
|
17
|
+
return Promise.resolve();
|
|
18
|
+
const isValid = await form.trigger();
|
|
19
|
+
if (!isValid) {
|
|
20
|
+
throw new Error('guest_contact_invalid');
|
|
21
|
+
}
|
|
22
|
+
return Promise.resolve(form.submit());
|
|
23
|
+
});
|
|
24
|
+
return unregister;
|
|
25
|
+
}, []);
|
|
26
|
+
const fields = (guest && guest.contactFormFields) || [
|
|
27
|
+
{
|
|
28
|
+
fieldType: 'input',
|
|
29
|
+
labelProps: {
|
|
30
|
+
label: 'account.guest_checkout.email',
|
|
31
|
+
name: 'email',
|
|
32
|
+
},
|
|
33
|
+
fieldProps: {
|
|
34
|
+
placeholder: 'account.guest_checkout.emailPlaceholder',
|
|
35
|
+
},
|
|
36
|
+
rules: [
|
|
37
|
+
{ required: true, message: 'account.guest_checkout.emailRequired' },
|
|
38
|
+
],
|
|
39
|
+
},
|
|
40
|
+
];
|
|
41
|
+
const handleSubmit = useCallback((values) => {
|
|
42
|
+
updateCheckoutData({
|
|
43
|
+
guest_contact: {
|
|
44
|
+
...(checkoutData?.guest_contact || {}),
|
|
45
|
+
...values,
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
}, [checkoutData?.guest_contact, updateCheckoutData]);
|
|
49
|
+
return (React.createElement(GuestContactInformationStyle, { className: `guest-contact-information ${isDeliveryEnabled ? 'delivery-enabled' : ''}` },
|
|
50
|
+
React.createElement("div", { className: 'guest-contact-information-header' },
|
|
51
|
+
React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1`, text: 'account.guest_checkout.contactInformation' }),
|
|
52
|
+
React.createElement(AccountButton, { btnType: `green-small-text`, text: 'account.auth_account_management.alreadyHaveAnAccount', url: auth?.signInUrl || null })),
|
|
53
|
+
React.createElement(FormBuilder, { className: 'guest-contact-information-form', fields: fields, onSubmit: handleSubmit, formOptions: {
|
|
54
|
+
ref: formRef,
|
|
55
|
+
mode: 'onSubmit',
|
|
56
|
+
defaultValues: checkoutData?.guest_contact || {},
|
|
57
|
+
} })));
|
|
58
|
+
};
|
|
59
|
+
export default GuestContactInformation;
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/index.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export default GuestContactInformationStyle;
|
|
2
|
+
declare const GuestContactInformationStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestContactInformation/style.js"],"names":[],"mappings":";AAEA,2PAyDE"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
const GuestContactInformationStyle = styled.div `
|
|
3
|
+
--account_checkoutMTop: var(--sp16x);
|
|
4
|
+
|
|
5
|
+
&.delivery-enabled {
|
|
6
|
+
margin-top: var(--account_checkoutMTop);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.guest-contact-information-header {
|
|
10
|
+
display: flex;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
align-items: center;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.guest-contact-information-form {
|
|
16
|
+
margin-top: var(--sp4x);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
|
|
20
|
+
--account_checkoutMTop: var(--sp11x);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
|
|
24
|
+
--account_checkoutMTop: var(--sp8x);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
|
|
28
|
+
--account_checkoutMTop: var(--sp8x);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
|
|
32
|
+
--account_checkoutMTop: var(--sp8x);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
|
|
36
|
+
--account_checkoutMTop: var(--sp8x);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
|
|
40
|
+
--account_checkoutMTop: var(--sp8x);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
|
|
44
|
+
--account_checkoutMTop: var(--sp10x);
|
|
45
|
+
}
|
|
46
|
+
`;
|
|
47
|
+
export default GuestContactInformationStyle;
|
|
48
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":";AAMA,+
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":";AAMA,+DAyJE;kBA/J0B,OAAO"}
|
|
@@ -5,7 +5,7 @@ import OrderStatus from '../OrderStatus';
|
|
|
5
5
|
import OrderDetailsStyle from './style';
|
|
6
6
|
const OrderDetails = memo(({ className, status, date, orderNumber, itemsCount, formatted_subtotal, formatted_total, shippingCost, formatted_shippingCost, usedBalance, formatted_usedBalance, discounts = [], cashback, formatted_cashback, }) => {
|
|
7
7
|
const { translate } = useTranslation();
|
|
8
|
-
const { order } = useAccountContext();
|
|
8
|
+
const { order, globalSettings } = useAccountContext();
|
|
9
9
|
return (React.createElement(OrderDetailsStyle, { className: `${className || ''}` },
|
|
10
10
|
React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: 'account.order_management.orderDetails' }),
|
|
11
11
|
React.createElement("div", { className: `info-space-line` }),
|
|
@@ -51,21 +51,21 @@ const OrderDetails = memo(({ className, status, date, orderNumber, itemsCount, f
|
|
|
51
51
|
: null)) : null,
|
|
52
52
|
cashback ? (React.createElement("div", { className: `order-detail-item-wrap` },
|
|
53
53
|
React.createElement(Text, { className: `account-p account-p3 account-font-bold cashback-color first-letter` },
|
|
54
|
-
translate('account.balance_promotions.
|
|
54
|
+
translate('account.balance_promotions.balance'),
|
|
55
55
|
":"),
|
|
56
56
|
React.createElement(Text, { className: `account-p account-p3 account-font-regular cashback-color value` }, formatted_cashback))) : null,
|
|
57
|
-
|
|
57
|
+
globalSettings.hasBalanceSystem && usedBalance ? (React.createElement("div", { className: `order-detail-item-wrap` },
|
|
58
58
|
React.createElement(Text, { className: `account-p account-p3 account-font-bold balance-color` },
|
|
59
59
|
translate('account.balance_promotions.usedBalance'),
|
|
60
60
|
":"),
|
|
61
61
|
React.createElement(Text, { className: `account-p account-p3 account-font-regular balance-color value` },
|
|
62
62
|
"-",
|
|
63
|
-
formatted_usedBalance))) : null
|
|
64
|
-
|
|
63
|
+
formatted_usedBalance))) : null,
|
|
64
|
+
globalSettings.hasShippingCost && shippingCost ? (React.createElement("div", { className: `order-detail-item-wrap` },
|
|
65
65
|
React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
|
|
66
66
|
translate('account.order_balance.shippingCost'),
|
|
67
67
|
":"),
|
|
68
|
-
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
|
|
68
|
+
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,
|
|
69
69
|
React.createElement("div", { className: `order-detail-item-wrap` },
|
|
70
70
|
React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
|
|
71
71
|
translate('account.order_management.totalPrice'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,iBAAiB,MAAM,SAAS,CAAC;AAExC,MAAM,YAAY,GAAG,IAAI,CACxB,CAAC,EACA,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,EACX,UAAU,EAEV,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,sBAAsB,EACtB,WAAW,EACX,qBAAqB,EACrB,SAAS,GAAG,EAAE,EAEd,QAAQ,EACR,kBAAkB,GAClB,EAAE,EAAE;IACJ,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderDetails/index.js"],"names":[],"mappings":"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"}
|
|
@@ -362,7 +362,7 @@ const OrderedItemsStyle = styled.div `
|
|
|
362
362
|
padding: var(--account_giftIconDistanceIconPTB) var(--account_giftIconDistanceIconPLR);
|
|
363
363
|
margin: var(--account_giftIconDistanceIconMTB) var(--account_giftIconDistanceIconMLR);
|
|
364
364
|
position: absolute;
|
|
365
|
-
z-index:
|
|
365
|
+
z-index: 99;
|
|
366
366
|
width: fit-content;
|
|
367
367
|
height: fit-content;
|
|
368
368
|
display: flex;
|
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderedItems/style.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/index.js"],"names":[],"mappings":";AAOA,+CAwHC;kBA/HqD,OAAO"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import React, { useEffect, useRef, useCallback } from 'react';
|
|
2
|
+
import { FormBuilder } from '@weareconceptstudio/form';
|
|
3
|
+
import { checkoutFormsRegistry } from '../../checkout/formsRegistry';
|
|
4
|
+
import CardFormStyle from './style';
|
|
5
|
+
import { formatCreditCardNumber, formatCVC, formatExpirationDate } from './utils';
|
|
6
|
+
import { useCart } from '@weareconceptstudio/cart';
|
|
7
|
+
const CardForm = () => {
|
|
8
|
+
const formRef = useRef(null);
|
|
9
|
+
const { updateCheckoutData } = useCart();
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
const unregister = checkoutFormsRegistry.register(async () => {
|
|
12
|
+
const form = formRef.current;
|
|
13
|
+
if (!form || !form.submit)
|
|
14
|
+
return Promise.resolve();
|
|
15
|
+
const isValid = await form.trigger();
|
|
16
|
+
if (!isValid) {
|
|
17
|
+
throw new Error('card_form_invalid');
|
|
18
|
+
}
|
|
19
|
+
return Promise.resolve(form.submit());
|
|
20
|
+
});
|
|
21
|
+
return unregister;
|
|
22
|
+
}, []);
|
|
23
|
+
const handleSubmit = useCallback((values) => {
|
|
24
|
+
updateCheckoutData({
|
|
25
|
+
card_data: values
|
|
26
|
+
});
|
|
27
|
+
return Promise.resolve();
|
|
28
|
+
}, [updateCheckoutData]);
|
|
29
|
+
const fields = [
|
|
30
|
+
{
|
|
31
|
+
fieldType: 'input',
|
|
32
|
+
labelProps: {
|
|
33
|
+
label: 'account.payment_management.cardName',
|
|
34
|
+
name: 'name',
|
|
35
|
+
rules: [
|
|
36
|
+
{ required: true, message: 'account.payment_management.cardNameRequired' },
|
|
37
|
+
{ pattern: /^[A-Za-z\s]+$/, message: 'account.payment_management.cardNameInvalid' },
|
|
38
|
+
],
|
|
39
|
+
},
|
|
40
|
+
fieldProps: {
|
|
41
|
+
placeholder: 'account.payment_management.cardNamePlaceholder',
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
fieldType: 'input',
|
|
46
|
+
labelProps: {
|
|
47
|
+
label: 'account.payment_management.cardNumber',
|
|
48
|
+
name: 'number',
|
|
49
|
+
rules: [
|
|
50
|
+
{ required: true, message: 'account.payment_management.cardNumberRequired' },
|
|
51
|
+
{ pattern: /[\d| ]{16,22}/, message: 'account.payment_management.cardNumberInvalid' },
|
|
52
|
+
],
|
|
53
|
+
},
|
|
54
|
+
fieldProps: {
|
|
55
|
+
placeholder: 'account.payment_management.cardNumberPlaceholder',
|
|
56
|
+
maxLength: 19,
|
|
57
|
+
onChange: (e, form) => {
|
|
58
|
+
const value = formatCreditCardNumber(e.target.value);
|
|
59
|
+
form.setValue('number', value);
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
fieldType: 'input',
|
|
65
|
+
labelProps: {
|
|
66
|
+
label: 'account.payment_management.cardExpiry',
|
|
67
|
+
name: 'expiry',
|
|
68
|
+
className: 'card-form-half',
|
|
69
|
+
rules: [
|
|
70
|
+
{ required: true },
|
|
71
|
+
{
|
|
72
|
+
pattern: /(0[1-9]|1[0-2])\/?(([0-9]{4})|[0-9]{2}$)/,
|
|
73
|
+
message: 'account.payment_management.cardExpiryInvalid',
|
|
74
|
+
},
|
|
75
|
+
],
|
|
76
|
+
},
|
|
77
|
+
fieldProps: {
|
|
78
|
+
placeholder: 'account.payment_management.cardExpiryPlaceholder',
|
|
79
|
+
onChange: (e, form) => {
|
|
80
|
+
const value = formatExpirationDate(e.target.value);
|
|
81
|
+
form.setValue('expiry', value);
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
fieldType: 'input',
|
|
87
|
+
labelProps: {
|
|
88
|
+
label: 'account.payment_management.cardCVC',
|
|
89
|
+
name: 'security_code',
|
|
90
|
+
className: 'card-form-half',
|
|
91
|
+
rules: [
|
|
92
|
+
{ required: true, message: 'account.payment_management.cardCVCRequired' },
|
|
93
|
+
{ pattern: /\d{3}/, message: 'account.payment_management.cardCVCInvalid' },
|
|
94
|
+
],
|
|
95
|
+
},
|
|
96
|
+
fieldProps: {
|
|
97
|
+
type: 'password',
|
|
98
|
+
placeholder: 'account.payment_management.cardCVCPlaceholder',
|
|
99
|
+
onChange: (e, form) => {
|
|
100
|
+
const value = formatCVC(e.target.value);
|
|
101
|
+
form.setValue('security_code', value);
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
},
|
|
105
|
+
];
|
|
106
|
+
return (React.createElement(CardFormStyle, null,
|
|
107
|
+
React.createElement(FormBuilder, { className: 'card-form-wrapper', fields: fields, onSubmit: handleSubmit, formOptions: {
|
|
108
|
+
ref: formRef,
|
|
109
|
+
mode: 'onSubmit',
|
|
110
|
+
} })));
|
|
111
|
+
};
|
|
112
|
+
export default CardForm;
|
|
113
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/index.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export default CardFormStyle;
|
|
2
|
+
declare const CardFormStyle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/style.js"],"names":[],"mappings":";AAEA,4OA0BE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
const CardFormStyle = styled.div `
|
|
3
|
+
--account_cardFormFirstMTop: var(--sp4x);
|
|
4
|
+
|
|
5
|
+
margin-top: var(--account_cardFormFirstMTop);
|
|
6
|
+
|
|
7
|
+
.card-form-row {
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-wrap: wrap;
|
|
10
|
+
gap: var(--sp3x);
|
|
11
|
+
margin-top: var(--account_cardFormFirstMTop);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.card-form-item {
|
|
15
|
+
width: 100% !important;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.card-form-half {
|
|
19
|
+
width: 50% !important;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
|
|
23
|
+
.card-form-half {
|
|
24
|
+
width: 100% !important;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
`;
|
|
28
|
+
export default CardFormStyle;
|
|
29
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/utils.js"],"names":[],"mappings":"AAIO,wDAuBN;AAEM,8CAIN;AAEM,yDAQN"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import Payment from 'payment';
|
|
2
|
+
const clearNumber = (value = '') => value.replace(/\D+/g, '');
|
|
3
|
+
export const formatCreditCardNumber = (value) => {
|
|
4
|
+
if (!value)
|
|
5
|
+
return value;
|
|
6
|
+
const issuer = Payment.fns.cardType(value);
|
|
7
|
+
const clearValue = clearNumber(value);
|
|
8
|
+
let nextValue;
|
|
9
|
+
switch (issuer) {
|
|
10
|
+
case 'amex':
|
|
11
|
+
nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(4, 10)} ${clearValue.slice(10, 15)}`;
|
|
12
|
+
break;
|
|
13
|
+
case 'dinersclub':
|
|
14
|
+
nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(4, 10)} ${clearValue.slice(10, 14)}`;
|
|
15
|
+
break;
|
|
16
|
+
default:
|
|
17
|
+
nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(4, 8)} ${clearValue.slice(8, 12)} ${clearValue.slice(12, 19)}`;
|
|
18
|
+
break;
|
|
19
|
+
}
|
|
20
|
+
return nextValue.trim();
|
|
21
|
+
};
|
|
22
|
+
export const formatCVC = (value) => {
|
|
23
|
+
const clearValue = clearNumber(value);
|
|
24
|
+
const maxLength = 3;
|
|
25
|
+
return clearValue.slice(0, maxLength);
|
|
26
|
+
};
|
|
27
|
+
export const formatExpirationDate = (value) => {
|
|
28
|
+
const clearValue = clearNumber(value);
|
|
29
|
+
if (clearValue.length >= 3) {
|
|
30
|
+
return `${clearValue.slice(0, 2)}/${clearValue.slice(2, 4)}`;
|
|
31
|
+
}
|
|
32
|
+
return clearValue;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1,8 +1,21 @@
|
|
|
1
1
|
export default Payment;
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Payment can be used in two modes:
|
|
4
|
+
* - Uncontrolled (default): reads/writes `checkoutData.paymentType` from cart store.
|
|
5
|
+
* - Controlled: provide `value` + `onChange` to control selection from outside.
|
|
6
|
+
*
|
|
7
|
+
* Optionally provide `renderContent` to fully control the inner UI (e.g. paypal/card tabs + card form).
|
|
8
|
+
*/
|
|
9
|
+
declare function Payment({ title, onClick, className, value, onChange, renderContent, showChangeButton, showTitle, variant, }: {
|
|
3
10
|
title: any;
|
|
4
11
|
onClick: any;
|
|
5
12
|
className: any;
|
|
13
|
+
value: any;
|
|
14
|
+
onChange: any;
|
|
15
|
+
renderContent: any;
|
|
16
|
+
showChangeButton: any;
|
|
17
|
+
showTitle?: boolean;
|
|
18
|
+
variant: any;
|
|
6
19
|
}): React.JSX.Element;
|
|
7
20
|
import React from 'react';
|
|
8
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/Payment/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/Payment/index.js"],"names":[],"mappings":";AAeA;;;;;;GAMG;AACH;;;;;;;;;;sBA8FC;kBApHgC,OAAO"}
|