@weareconceptstudio/account 2.1.11 → 2.1.12
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/components/CartPageDetector.d.ts.map +1 -1
- package/dist/components/CartPageDetector.js +28 -16
- package/dist/components/CartPageDetector.js.map +1 -1
- package/dist/components/TotalCheckout/index.js +1 -1
- package/dist/components/TotalCheckout/index.js.map +1 -1
- package/dist/modules/account/AccountSettingsTemplate/Subscription/index.d.ts +5 -1
- package/dist/modules/account/AccountSettingsTemplate/Subscription/index.d.ts.map +1 -1
- package/dist/modules/account/AccountSettingsTemplate/Subscription/index.js +31 -14
- package/dist/modules/account/AccountSettingsTemplate/Subscription/index.js.map +1 -1
- package/dist/modules/account/AccountSettingsTemplate/index.d.ts +9 -1
- package/dist/modules/account/AccountSettingsTemplate/index.d.ts.map +1 -1
- package/dist/modules/account/AccountSettingsTemplate/index.js +5 -2
- package/dist/modules/account/AccountSettingsTemplate/index.js.map +1 -1
- package/dist/modules/address/ShippingBillingForm/index.d.ts.map +1 -1
- package/dist/modules/address/ShippingBillingForm/index.js +5 -1
- package/dist/modules/address/ShippingBillingForm/index.js.map +1 -1
- package/dist/modules/checkout/CheckoutTemplate/StepShipping/index.d.ts +9 -0
- package/dist/modules/checkout/CheckoutTemplate/StepShipping/index.d.ts.map +1 -1
- package/dist/modules/checkout/CheckoutTemplate/StepShipping/index.js +12 -11
- package/dist/modules/checkout/CheckoutTemplate/StepShipping/index.js.map +1 -1
- package/dist/modules/guest/GuestAddressForm/index.d.ts.map +1 -1
- package/dist/modules/guest/GuestAddressForm/index.js +56 -27
- package/dist/modules/guest/GuestAddressForm/index.js.map +1 -1
- package/dist/modules/index.d.ts +1 -0
- package/dist/modules/index.js +1 -0
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/payment/CardForm/index.d.ts.map +1 -1
- package/dist/modules/payment/CardForm/index.js +4 -0
- package/dist/modules/payment/CardForm/index.js.map +1 -1
- package/dist/modules/unsubscribe/UnsubscribeMessage.d.ts +8 -0
- package/dist/modules/unsubscribe/UnsubscribeMessage.d.ts.map +1 -0
- package/dist/modules/unsubscribe/UnsubscribeMessage.js +16 -0
- package/dist/modules/unsubscribe/UnsubscribeMessage.js.map +1 -0
- package/dist/modules/unsubscribe/UnsubscribeMessageStyle.d.ts +3 -0
- package/dist/modules/unsubscribe/UnsubscribeMessageStyle.d.ts.map +1 -0
- package/dist/modules/unsubscribe/UnsubscribeMessageStyle.js +40 -0
- package/dist/modules/unsubscribe/UnsubscribeMessageStyle.js.map +1 -0
- package/dist/modules/unsubscribe/UnsubscribeTemplate.d.ts +14 -0
- package/dist/modules/unsubscribe/UnsubscribeTemplate.d.ts.map +1 -0
- package/dist/modules/unsubscribe/UnsubscribeTemplate.js +86 -0
- package/dist/modules/unsubscribe/UnsubscribeTemplate.js.map +1 -0
- package/dist/modules/unsubscribe/UnsubscribeTemplateStyle.d.ts +3 -0
- package/dist/modules/unsubscribe/UnsubscribeTemplateStyle.d.ts.map +1 -0
- package/dist/modules/unsubscribe/UnsubscribeTemplateStyle.js +86 -0
- package/dist/modules/unsubscribe/UnsubscribeTemplateStyle.js.map +1 -0
- package/dist/modules/unsubscribe/icons.d.ts +9 -0
- package/dist/modules/unsubscribe/icons.d.ts.map +1 -0
- package/dist/modules/unsubscribe/icons.js +34 -0
- package/dist/modules/unsubscribe/icons.js.map +1 -0
- package/dist/modules/unsubscribe/illustrationTheme.d.ts +2 -0
- package/dist/modules/unsubscribe/illustrationTheme.d.ts.map +1 -0
- package/dist/modules/unsubscribe/illustrationTheme.js +8 -0
- package/dist/modules/unsubscribe/illustrationTheme.js.map +1 -0
- package/dist/modules/unsubscribe/index.d.ts +3 -0
- package/dist/modules/unsubscribe/index.d.ts.map +1 -0
- package/dist/modules/unsubscribe/index.js +3 -0
- package/dist/modules/unsubscribe/index.js.map +1 -0
- package/dist/translations/en.d.ts +8 -0
- package/dist/translations/en.d.ts.map +1 -1
- package/dist/translations/en.js +8 -0
- package/dist/translations/en.js.map +1 -1
- package/dist/translations/hy.d.ts +8 -0
- package/dist/translations/hy.d.ts.map +1 -1
- package/dist/translations/hy.js +8 -0
- package/dist/translations/hy.js.map +1 -1
- package/dist/translations/index.d.ts +32 -0
- package/dist/translations/index.d.ts.map +1 -1
- package/dist/translations/it.d.ts +8 -0
- package/dist/translations/it.d.ts.map +1 -1
- package/dist/translations/it.js +8 -0
- package/dist/translations/it.js.map +1 -1
- package/dist/translations/ru.d.ts +8 -0
- package/dist/translations/ru.d.ts.map +1 -1
- package/dist/translations/ru.js +8 -0
- package/dist/translations/ru.js.map +1 -1
- package/dist/utils/config.d.ts +2 -0
- package/dist/utils/config.d.ts.map +1 -1
- package/dist/utils/config.js +4 -0
- package/dist/utils/config.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartPageDetector.d.ts","sourceRoot":"","sources":["../../src/components/CartPageDetector.js"],"names":[],"mappings":"AAQO,
|
|
1
|
+
{"version":3,"file":"CartPageDetector.d.ts","sourceRoot":"","sources":["../../src/components/CartPageDetector.js"],"names":[],"mappings":"AAQO,wCA4CN"}
|
|
@@ -1,21 +1,33 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { useEffect,
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
3
|
/**
|
|
4
|
-
* Internal component that detects cart/checkout pages and updates the cart store
|
|
5
|
-
*
|
|
4
|
+
* Internal component that detects cart/checkout pages and updates the cart store.
|
|
5
|
+
* Hooks into history APIs so SPA navigations (e.g. Next.js App Router) still run updatePageType.
|
|
6
6
|
*/
|
|
7
7
|
export const CartPageDetector = () => {
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
8
|
+
const [pathname, setPathname] = useState(() => (typeof window !== 'undefined' ? window.location.pathname : ''));
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
const syncPathnameFromWindow = () => {
|
|
11
|
+
setPathname(typeof window !== 'undefined' ? window.location.pathname : '');
|
|
12
|
+
};
|
|
13
|
+
syncPathnameFromWindow();
|
|
14
|
+
window.addEventListener('popstate', syncPathnameFromWindow);
|
|
15
|
+
const origPush = history.pushState.bind(history);
|
|
16
|
+
const origReplace = history.replaceState.bind(history);
|
|
17
|
+
history.pushState = (...args) => {
|
|
18
|
+
origPush(...args);
|
|
19
|
+
queueMicrotask(syncPathnameFromWindow);
|
|
20
|
+
};
|
|
21
|
+
history.replaceState = (...args) => {
|
|
22
|
+
origReplace(...args);
|
|
23
|
+
queueMicrotask(syncPathnameFromWindow);
|
|
24
|
+
};
|
|
25
|
+
return () => {
|
|
26
|
+
window.removeEventListener('popstate', syncPathnameFromWindow);
|
|
27
|
+
history.pushState = origPush;
|
|
28
|
+
history.replaceState = origReplace;
|
|
29
|
+
};
|
|
30
|
+
}, []);
|
|
19
31
|
useEffect(() => {
|
|
20
32
|
import('@weareconceptstudio/cart').then(({ useCartStore }) => {
|
|
21
33
|
const store = useCartStore.getState();
|
|
@@ -23,7 +35,7 @@ export const CartPageDetector = () => {
|
|
|
23
35
|
store.updatePageType();
|
|
24
36
|
}
|
|
25
37
|
});
|
|
26
|
-
}, [
|
|
27
|
-
return null;
|
|
38
|
+
}, [pathname]);
|
|
39
|
+
return null;
|
|
28
40
|
};
|
|
29
41
|
//# sourceMappingURL=CartPageDetector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartPageDetector.js","sourceRoot":"","sources":["../../src/components/CartPageDetector.js"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"CartPageDetector.js","sourceRoot":"","sources":["../../src/components/CartPageDetector.js"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACvC,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CACrE,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,sBAAsB,GAAG,GAAG,EAAE;YACnC,WAAW,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC;QAEF,sBAAsB,EAAE,CAAC;QAEzB,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,sBAAsB,CAAC,CAAC;QAE5D,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEvD,OAAO,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE;YAC/B,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;YAClB,cAAc,CAAC,sBAAsB,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,OAAO,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE;YAClC,WAAW,CAAC,GAAG,IAAI,CAAC,CAAC;YACrB,cAAc,CAAC,sBAAsB,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,sBAAsB,CAAC,CAAC;YAC/D,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;YAC7B,OAAO,CAAC,YAAY,GAAG,WAAW,CAAC;QACpC,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;YAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;YACtC,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YACxB,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,IAAI,CAAC;AACb,CAAC,CAAC"}
|
|
@@ -58,7 +58,7 @@ const TotalCheckout = memo(({ isShipping, children, confirmation, buttonProps, b
|
|
|
58
58
|
globalSettings.hasBalanceSystem ? React.createElement(BalanceComp, null) : null,
|
|
59
59
|
globalSettings.hasCommentSystem ? (React.createElement(CommentComp, { isShipping: isShipping })) : null)) : null)),
|
|
60
60
|
beforeCheckoutButton ? (React.createElement("div", { className: 'btn-wrap' }, beforeCheckoutButton)) : null,
|
|
61
|
-
checkoutData?.checkout_error ? (React.createElement("div", { className: 'checkout-error-message' }, checkoutData.checkout_error)) : null,
|
|
61
|
+
isCheckoutPage && checkoutData?.checkout_error ? (React.createElement("div", { className: 'checkout-error-message' }, checkoutData.checkout_error)) : null,
|
|
62
62
|
React.createElement(AccountButton, { url: buttonProps.url, btnType: `full-width`, text: buttonProps.text, type: buttonProps.type, disabled: checkoutBtnDisabled, loading: buttonProps.loadingButton, className: `sticky-wrap-btn align-center`, onClick: () => buttonProps.handleClick && buttonProps.handleClick() })))) : (React.createElement(SkeletonTotalCheckout, null))),
|
|
63
63
|
React.createElement("div", { className: 'items-third-panel-wrap' }, moreMenuPlacement === 'right' && itemsCount ? moreMenu : null))));
|
|
64
64
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TotalCheckout/index.js"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TotalCheckout/index.js"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
export default Subscription;
|
|
2
|
-
declare function Subscription({ user, toggleSubscribe }: {
|
|
2
|
+
declare function Subscription({ user, toggleSubscribe, channels }: {
|
|
3
3
|
user: any;
|
|
4
4
|
toggleSubscribe: any;
|
|
5
|
+
channels?: {
|
|
6
|
+
email: boolean;
|
|
7
|
+
sms: boolean;
|
|
8
|
+
};
|
|
5
9
|
}): React.JSX.Element;
|
|
6
10
|
import React from 'react';
|
|
7
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/account/AccountSettingsTemplate/Subscription/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/account/AccountSettingsTemplate/Subscription/index.js"],"names":[],"mappings":";AAOA;;;;;;;sBA+HC;kBAtIuD,OAAO"}
|
|
@@ -1,44 +1,61 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useState, useEffect, useCallback } from 'react';
|
|
2
2
|
import SubscriptionStyle from './style';
|
|
3
|
-
import { Text, useTranslation } from '@weareconceptstudio/core';
|
|
4
|
-
import { AccountButton, CustomCheckbox } from '../../../../components';
|
|
5
|
-
const
|
|
3
|
+
import { Text, useTranslation, useUi } from '@weareconceptstudio/core';
|
|
4
|
+
import { AccountButton, CustomCheckbox, WarningMessageForPopup } from '../../../../components';
|
|
5
|
+
const defaultChannels = { email: true, sms: true };
|
|
6
|
+
const Subscription = ({ user, toggleSubscribe, channels = defaultChannels }) => {
|
|
6
7
|
const { translate } = useTranslation();
|
|
8
|
+
const { openPopup } = useUi();
|
|
9
|
+
const showEmail = channels.email !== false;
|
|
10
|
+
const showSms = channels.sms !== false;
|
|
7
11
|
//! States
|
|
8
12
|
const [edit, setEdit] = useState(false);
|
|
9
13
|
const [isEmailChecked, setIsEmailChecked] = useState(user.receive_email);
|
|
10
14
|
const [isSMSChecked, setIsSMSChecked] = useState(user.receive_phone_sms);
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (!user || edit)
|
|
17
|
+
return;
|
|
18
|
+
setIsEmailChecked(!!user.receive_email);
|
|
19
|
+
setIsSMSChecked(!!user.receive_phone_sms);
|
|
20
|
+
}, [user, edit]);
|
|
21
|
+
//! Handle Popup
|
|
22
|
+
const handleSuccessPopup = useCallback(() => {
|
|
23
|
+
openPopup(React.createElement(WarningMessageForPopup, { title: 'account.account_info.yourSettingsHaveBeenSavedTitle', description: 'account.account_info.yourSettingsHaveBeenSavedDescription' }), {
|
|
24
|
+
className: 'messagePopup',
|
|
25
|
+
});
|
|
26
|
+
}, [openPopup]);
|
|
27
|
+
const handleToggle = async () => {
|
|
28
|
+
return await toggleSubscribe({
|
|
29
|
+
receive_email: showEmail ? isEmailChecked : user.receive_email,
|
|
30
|
+
receive_phone_sms: showSms ? isSMSChecked : user.receive_phone_sms,
|
|
15
31
|
}).then(() => {
|
|
16
32
|
setEdit(false);
|
|
33
|
+
handleSuccessPopup();
|
|
17
34
|
});
|
|
18
35
|
};
|
|
19
36
|
return user ? (React.createElement(SubscriptionStyle, { className: 'account-subscription' },
|
|
20
37
|
React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: `account.subscription.subscription` }),
|
|
21
38
|
!edit ? (React.createElement(React.Fragment, null,
|
|
22
|
-
React.createElement("div", { className: `info-item-wrap` },
|
|
39
|
+
showEmail ? (React.createElement("div", { className: `info-item-wrap` },
|
|
23
40
|
React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
|
|
24
41
|
`${translate('account.subscription.email')}`,
|
|
25
42
|
":"),
|
|
26
43
|
"\u00A0",
|
|
27
44
|
React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1`, text: user.receive_email
|
|
28
45
|
? 'account.subscription.subscribed'
|
|
29
|
-
: 'account.subscription.unsubscribed' })),
|
|
30
|
-
React.createElement("div", { className: `info-item-wrap` },
|
|
46
|
+
: 'account.subscription.unsubscribed' }))) : null,
|
|
47
|
+
showSms ? (React.createElement("div", { className: `info-item-wrap` },
|
|
31
48
|
React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1` },
|
|
32
49
|
`${translate('account.subscription.phone')}`,
|
|
33
50
|
":"),
|
|
34
51
|
"\u00A0",
|
|
35
52
|
React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1`, text: user.receive_phone_sms
|
|
36
53
|
? 'account.subscription.subscribed'
|
|
37
|
-
: 'account.subscription.unsubscribed' })),
|
|
54
|
+
: 'account.subscription.unsubscribed' }))) : null,
|
|
38
55
|
React.createElement(AccountButton, { text: `account.general_actions.edit`, btnType: `green-large-text`, onClick: () => setEdit(true) }))) : (React.createElement("div", { className: 'subscription-checkbox-wrapper' },
|
|
39
56
|
React.createElement("div", { className: 'subscription-checkbox-inner-wrapper' },
|
|
40
|
-
React.createElement(CustomCheckbox, { isText: 'account.subscription.email', hide: isEmailChecked, setHide: setIsEmailChecked }),
|
|
41
|
-
React.createElement(CustomCheckbox, { isText: 'account.subscription.sms', hide: isSMSChecked, setHide: setIsSMSChecked })),
|
|
57
|
+
showEmail ? (React.createElement(CustomCheckbox, { isText: 'account.subscription.email', hide: isEmailChecked, setHide: setIsEmailChecked })) : null,
|
|
58
|
+
showSms ? (React.createElement(CustomCheckbox, { isText: 'account.subscription.sms', hide: isSMSChecked, setHide: setIsSMSChecked })) : null),
|
|
42
59
|
React.createElement("div", { className: `cancel-and-save-and-apply-wrap` },
|
|
43
60
|
React.createElement(AccountButton, { btnType: `green-large-text`, onClick: () => setEdit(false), text: `account.general_actions.cancel` }),
|
|
44
61
|
React.createElement(AccountButton, { btnType: `full-width`, text: `account.general_actions.saveChanges`, onClick: handleToggle })))))) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/account/AccountSettingsTemplate/Subscription/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/account/AccountSettingsTemplate/Subscription/index.js"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,15 @@ interface AccountSettingsProps {
|
|
|
6
6
|
passwordFormFields?: [];
|
|
7
7
|
onAccountUpdate: () => Promise<any>;
|
|
8
8
|
onPasswordUpdate: () => Promise<any>;
|
|
9
|
+
/**
|
|
10
|
+
* Optional override for subscription channel UI (defaults from AccountProvider globalSettings:
|
|
11
|
+
* hasSubscriptionEmail, hasSubscriptionSms).
|
|
12
|
+
*/
|
|
13
|
+
subscriptionPreferences?: {
|
|
14
|
+
email?: boolean;
|
|
15
|
+
sms?: boolean;
|
|
16
|
+
};
|
|
9
17
|
}
|
|
10
|
-
declare const AccountSettingsTemplate: ({ displayFields, accountFormFields, passwordFormFields }: AccountSettingsProps) => React.JSX.Element;
|
|
18
|
+
declare const AccountSettingsTemplate: ({ displayFields, accountFormFields, passwordFormFields, subscriptionPreferences, }: AccountSettingsProps) => React.JSX.Element;
|
|
11
19
|
export default AccountSettingsTemplate;
|
|
12
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/account/AccountSettingsTemplate/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,oBAAoB;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,EAAE,CAAC;IACxB,eAAe,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACpC,gBAAgB,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/account/AccountSettingsTemplate/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,oBAAoB;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,EAAE,CAAC;IACxB,eAAe,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACpC,gBAAgB,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACrC;;;OAGG;IACH,uBAAuB,CAAC,EAAE;QACzB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,GAAG,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;CACF;AAED,QAAA,MAAM,uBAAuB,uFAK1B,oBAAoB,sBAkCtB,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -5,14 +5,17 @@ import AccountPassword from './AccountPassword';
|
|
|
5
5
|
import AccountSettingsTemplateStyle from './style';
|
|
6
6
|
import { useAccountContext } from '../../../AccountProvider';
|
|
7
7
|
import Subscription from './Subscription';
|
|
8
|
-
const AccountSettingsTemplate = ({ displayFields, accountFormFields, passwordFormFields }) => {
|
|
8
|
+
const AccountSettingsTemplate = ({ displayFields, accountFormFields, passwordFormFields, subscriptionPreferences, }) => {
|
|
9
9
|
const { useUser, globalSettings } = useAccountContext();
|
|
10
10
|
const { user, updateAccount, updatePassword, toggleSubscribe } = useUser();
|
|
11
|
+
const showSubscriptionEmail = subscriptionPreferences?.email ?? globalSettings.hasSubscriptionEmail !== false;
|
|
12
|
+
const showSubscriptionSms = subscriptionPreferences?.sms ?? globalSettings.hasSubscriptionSms !== false;
|
|
13
|
+
const hasAnySubscriptionChannel = showSubscriptionEmail || showSubscriptionSms;
|
|
11
14
|
return (React.createElement(AccountPageWrapper, { title: 'account.sidebar.accountSettings' },
|
|
12
15
|
React.createElement(AccountSettingsTemplateStyle, null,
|
|
13
16
|
React.createElement(AccountInfo, { user: user, onAccountUpdate: updateAccount, displayFields: displayFields, formFields: accountFormFields }),
|
|
14
17
|
React.createElement(AccountPassword, { onPasswordUpdate: updatePassword, formFields: passwordFormFields }),
|
|
15
|
-
globalSettings.hasSubscriptionSystem && (React.createElement(Subscription, { user: user, toggleSubscribe: toggleSubscribe })))));
|
|
18
|
+
globalSettings.hasSubscriptionSystem && hasAnySubscriptionChannel && (React.createElement(Subscription, { user: user, toggleSubscribe: toggleSubscribe, channels: { email: showSubscriptionEmail, sms: showSubscriptionSms } })))));
|
|
16
19
|
};
|
|
17
20
|
export default AccountSettingsTemplate;
|
|
18
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/account/AccountSettingsTemplate/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AACxE,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,4BAA4B,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,YAAY,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/account/AccountSettingsTemplate/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AACxE,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,4BAA4B,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAmB1C,MAAM,uBAAuB,GAAG,CAAC,EAChC,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACD,EAAE,EAAE;IAC1B,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACxD,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IAE3E,MAAM,qBAAqB,GAC1B,uBAAuB,EAAE,KAAK,IAAI,cAAc,CAAC,oBAAoB,KAAK,KAAK,CAAC;IACjF,MAAM,mBAAmB,GAAG,uBAAuB,EAAE,GAAG,IAAI,cAAc,CAAC,kBAAkB,KAAK,KAAK,CAAC;IACxG,MAAM,yBAAyB,GAAG,qBAAqB,IAAI,mBAAmB,CAAC;IAE/E,OAAO,CACN,oBAAC,kBAAkB,IAAC,KAAK,EAAE,iCAAiC;QAC3D,oBAAC,4BAA4B;YAC5B,oBAAC,WAAW,IACX,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,aAAa,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,iBAAiB,GAC5B;YAEF,oBAAC,eAAe,IACf,gBAAgB,EAAE,cAAc,EAChC,UAAU,EAAE,kBAAkB,GAC7B;YAED,cAAc,CAAC,qBAAqB,IAAI,yBAAyB,IAAI,CACrE,oBAAC,YAAY,IACZ,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,EAAE,mBAAmB,EAAE,GACnE,CACF,CAC6B,CACX,CACrB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/address/ShippingBillingForm/index.js"],"names":[],"mappings":";AAQA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/address/ShippingBillingForm/index.js"],"names":[],"mappings":";AAQA,sEA8CG;kBAtD8C,OAAO"}
|
|
@@ -13,7 +13,11 @@ const ShippingBillingForm = Memo(({ firstStepFormRef, title, className, type, du
|
|
|
13
13
|
const setFields = useCallback((fields) => {
|
|
14
14
|
const form = firstStepFormRef?.current;
|
|
15
15
|
if (form?.setValue) {
|
|
16
|
-
fields.forEach(({ name, value }) => form.setValue(name, value
|
|
16
|
+
fields.forEach(({ name, value }) => form.setValue(name, value, {
|
|
17
|
+
shouldValidate: false,
|
|
18
|
+
shouldDirty: true,
|
|
19
|
+
shouldTouch: true,
|
|
20
|
+
}));
|
|
17
21
|
}
|
|
18
22
|
}, []);
|
|
19
23
|
return (React.createElement(ShippingBillingFormStyle, { className: className || '' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/address/ShippingBillingForm/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,IAAI,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,SAAS;AACT,OAAO,wBAAwB,MAAM,SAAS,CAAC;AAE/C,MAAM,mBAAmB,GAAG,IAAI,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE;IACnG,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE/E,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;QAC/B,OAAO,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,mBAAmB,IAAI,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAEpF,MAAM,SAAS,GAAG,WAAW,CAC5B,CAAC,MAAM,EAAE,EAAE;QACV,MAAM,IAAI,GAAG,gBAAgB,EAAE,OAAO,CAAC;QACvC,IAAI,IAAI,EAAE,QAAQ,EAAE,CAAC;YACpB,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/address/ShippingBillingForm/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,IAAI,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,SAAS;AACT,OAAO,wBAAwB,MAAM,SAAS,CAAC;AAE/C,MAAM,mBAAmB,GAAG,IAAI,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE;IACnG,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE/E,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;QAC/B,OAAO,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,mBAAmB,IAAI,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAEpF,MAAM,SAAS,GAAG,WAAW,CAC5B,CAAC,MAAM,EAAE,EAAE;QACV,MAAM,IAAI,GAAG,gBAAgB,EAAE,OAAO,CAAC;QACvC,IAAI,IAAI,EAAE,QAAQ,EAAE,CAAC;YACpB,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;gBAC1B,cAAc,EAAE,KAAK;gBACrB,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,IAAI;aACjB,CAAC,CACF,CAAC;QACH,CAAC;IACF,CAAC,EACD,EAAE,CACF,CAAC;IAEF,OAAO,CACN,oBAAC,wBAAwB,IAAC,SAAS,EAAE,SAAS,IAAI,EAAE;QACnD,oBAAC,IAAI,IACJ,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,qEAAqE,GAC/E;QACF,oBAAC,WAAW,IACX,WAAW,EAAE;gBACZ,GAAG,EAAE,gBAAgB;gBACrB,IAAI,EAAE,UAAU;aAChB,EACD,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,sBAAsB,EAAE;gBACvB,OAAO,EAAE,gBAAgB;gBACzB,SAAS;aACT,EACD,SAAS,EAAC,cAAc,GACvB,CACwB,CAC3B,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
export default StepShipping;
|
|
2
|
+
/**
|
|
3
|
+
* useSameAddress (CheckoutTemplate state): when true, the billing block is hidden and only the
|
|
4
|
+
* shipping form submits; ShippingBillingForm gets duplicateTo={['billing']} so createAddress also
|
|
5
|
+
* creates a billing address with the same payload. CheckoutTemplate.handleCheckoutFirstStep only
|
|
6
|
+
* calls shippingFormRef.submit() in that case.
|
|
7
|
+
*
|
|
8
|
+
* CustomCheckbox: hide={true} renders the checked icon (see CustomCheckbox); clicking calls
|
|
9
|
+
* setHide(!hide) — the next boolean is forwarded to setUseSameAddress.
|
|
10
|
+
*/
|
|
2
11
|
declare function StepShipping({ firstStepFormRef, shippingFormRef, billingFormRef, useSameAddress, setUseSameAddress, }: {
|
|
3
12
|
firstStepFormRef: any;
|
|
4
13
|
shippingFormRef: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/checkout/CheckoutTemplate/StepShipping/index.js"],"names":[],"mappings":";AAIA;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/checkout/CheckoutTemplate/StepShipping/index.js"],"names":[],"mappings":";AAIA;;;;;;;;GAQG;AACH;;;;;;sBAwEC;kBArFiB,OAAO"}
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { AddressItem, ShippingBillingForm, useAddressContext } from '../../../address';
|
|
3
3
|
import { CustomCheckbox } from '../../../../components';
|
|
4
|
+
/**
|
|
5
|
+
* useSameAddress (CheckoutTemplate state): when true, the billing block is hidden and only the
|
|
6
|
+
* shipping form submits; ShippingBillingForm gets duplicateTo={['billing']} so createAddress also
|
|
7
|
+
* creates a billing address with the same payload. CheckoutTemplate.handleCheckoutFirstStep only
|
|
8
|
+
* calls shippingFormRef.submit() in that case.
|
|
9
|
+
*
|
|
10
|
+
* CustomCheckbox: hide={true} renders the checked icon (see CustomCheckbox); clicking calls
|
|
11
|
+
* setHide(!hide) — the next boolean is forwarded to setUseSameAddress.
|
|
12
|
+
*/
|
|
4
13
|
const StepShipping = ({ firstStepFormRef, shippingFormRef, billingFormRef, useSameAddress = false, setUseSameAddress, }) => {
|
|
5
|
-
const [hide, setHide] = useState(useSameAddress);
|
|
6
14
|
const { hasAddressType, addresses, selectedAddresses } = useAddressContext();
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
setHide(useSameAddress);
|
|
9
|
-
}, [useSameAddress]);
|
|
10
|
-
const handleToggleUseSameAddress = (value) => {
|
|
11
|
-
setHide(value);
|
|
12
|
-
setUseSameAddress?.(value);
|
|
13
|
-
};
|
|
14
15
|
return (React.createElement("div", { className: `billing-shipping-form-wrap` }, hasAddressType ? (React.createElement(React.Fragment, null,
|
|
15
16
|
addresses.shipping.length > 0 && selectedAddresses.shipping ? (React.createElement("div", { className: `shipping-address-wrapper` },
|
|
16
17
|
React.createElement(AddressItem, { title: 'account.address_management.shippingAddress', checkout_review: false, select_address: false, type: 'shipping', data: selectedAddresses.shipping }))) : (React.createElement(ShippingBillingForm, { type: 'shipping', title: 'account.address_management.shippingAddress', className: 'shipping-wrapper', firstStepFormRef: shippingFormRef, duplicateTo: useSameAddress ? ['billing'] : [] })),
|
|
17
|
-
!(addresses.billing.length > 0 || addresses.shipping.length > 0) && (React.createElement(CustomCheckbox, { hide:
|
|
18
|
-
!
|
|
18
|
+
!(addresses.billing.length > 0 || addresses.shipping.length > 0) && (React.createElement(CustomCheckbox, { hide: useSameAddress, setHide: (next) => setUseSameAddress?.(next), isText: 'account.order_balance.useAlsoBillingAddress' })),
|
|
19
|
+
!useSameAddress &&
|
|
19
20
|
(addresses.billing.length > 0 && selectedAddresses.billing ? (React.createElement("div", { className: `billing-address-wrapper` },
|
|
20
21
|
React.createElement(AddressItem, { type: 'billing', select_address: false, checkout_review: false, title: 'account.address_management.billingAddress', data: selectedAddresses.billing }))) : (React.createElement(ShippingBillingForm, { type: 'billing', title: 'account.address_management.billingAddress', className: 'billing-wrapper', firstStepFormRef: billingFormRef }))))) : (React.createElement(ShippingBillingForm, { firstStepFormRef: firstStepFormRef, title: 'account.address_management.address' }))));
|
|
21
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/checkout/CheckoutTemplate/StepShipping/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/checkout/CheckoutTemplate/StepShipping/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,CAAC,EACrB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,GAAG,KAAK,EACtB,iBAAiB,GACjB,EAAE,EAAE;IACJ,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE7E,OAAO,CACN,6BAAK,SAAS,EAAE,4BAA4B,IAC1C,cAAc,CAAC,CAAC,CAAC,CACjB;QAEE,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC9D,6BAAK,SAAS,EAAE,0BAA0B;YACzC,oBAAC,WAAW,IACX,KAAK,EAAE,4CAA4C,EACnD,eAAe,EAAE,KAAK,EACtB,cAAc,EAAE,KAAK,EACrB,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,iBAAiB,CAAC,QAAQ,GAC/B,CACG,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,mBAAmB,IACnB,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,4CAA4C,EACnD,SAAS,EAAE,kBAAkB,EAC7B,gBAAgB,EAAE,eAAe,EACjC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,GAC7C,CACF;QAGA,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CACpE,oBAAC,cAAc,IACd,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAC5C,MAAM,EAAE,6CAA6C,GACpD,CACF;QAGA,CAAC,cAAc;YACf,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAC5D,6BAAK,SAAS,EAAE,yBAAyB;gBACxC,oBAAC,WAAW,IACX,IAAI,EAAE,SAAS,EACf,cAAc,EAAE,KAAK,EACrB,eAAe,EAAE,KAAK,EACtB,KAAK,EAAE,2CAA2C,EAClD,IAAI,EAAE,iBAAiB,CAAC,OAAO,GAC9B,CACG,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,mBAAmB,IACnB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,2CAA2C,EAClD,SAAS,EAAE,iBAAiB,EAC5B,gBAAgB,EAAE,cAAc,GAC/B,CACF,CAAC,CACD,CACH,CAAC,CAAC,CAAC,CACH,oBAAC,mBAAmB,IACnB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAC,oCAAoC,GACzC,CACF,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/index.js"],"names":[],"mappings":";AAsBA,uDAoMC;kBA1N+D,OAAO"}
|
|
@@ -1,16 +1,32 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useRef } from 'react';
|
|
1
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import { Text } from '@weareconceptstudio/core';
|
|
3
3
|
import { FormBuilder } from '@weareconceptstudio/form';
|
|
4
|
+
import { CustomCheckbox } from '../../../components';
|
|
4
5
|
import { useAddressContext } from '../../address';
|
|
5
6
|
import { useCart } from '@weareconceptstudio/cart';
|
|
6
7
|
import { checkoutFormsRegistry } from '../../checkout/formsRegistry';
|
|
7
8
|
import GuestAddressFormStyle from './style';
|
|
9
|
+
/** Same as ShippingBillingForm: lets custom address fields call setValue on the guest form ref. */
|
|
10
|
+
const applyGuestFormFields = (formRef, fields) => {
|
|
11
|
+
const form = formRef?.current;
|
|
12
|
+
if (!form?.setValue || !fields)
|
|
13
|
+
return;
|
|
14
|
+
fields.forEach(({ name, value }) => form.setValue(name, value, {
|
|
15
|
+
shouldValidate: false,
|
|
16
|
+
shouldDirty: true,
|
|
17
|
+
shouldTouch: true,
|
|
18
|
+
}));
|
|
19
|
+
};
|
|
8
20
|
const GuestAddressForm = () => {
|
|
9
|
-
const { formFields, hasAddresses, hasAddressType, getFormFieldsByType, shippingFormFields, billingFormFields, } = useAddressContext();
|
|
21
|
+
const { formFields, hasAddresses, hasAddressType, getFormFieldsByType, shippingFormFields, billingFormFields, addresses, } = useAddressContext();
|
|
10
22
|
const { updateCheckoutData } = useCart();
|
|
11
23
|
const formRef = useRef(null);
|
|
12
24
|
const shippingFormRef = useRef(null);
|
|
13
25
|
const billingFormRef = useRef(null);
|
|
26
|
+
const [useSameAddress, setUseSameAddress] = useState(false);
|
|
27
|
+
const setGuestAddressFields = useCallback((fields) => applyGuestFormFields(formRef, fields), []);
|
|
28
|
+
const setGuestShippingFields = useCallback((fields) => applyGuestFormFields(shippingFormRef, fields), []);
|
|
29
|
+
const setGuestBillingFields = useCallback((fields) => applyGuestFormFields(billingFormRef, fields), []);
|
|
14
30
|
useEffect(() => {
|
|
15
31
|
if (!hasAddresses) {
|
|
16
32
|
return undefined;
|
|
@@ -41,7 +57,7 @@ const GuestAddressForm = () => {
|
|
|
41
57
|
if (shippingForm) {
|
|
42
58
|
validators.push(submitAndCheck(shippingForm, 'guest_shipping_address_invalid'));
|
|
43
59
|
}
|
|
44
|
-
if (billingForm) {
|
|
60
|
+
if (!useSameAddress && billingForm) {
|
|
45
61
|
validators.push(submitAndCheck(billingForm, 'guest_billing_address_invalid'));
|
|
46
62
|
}
|
|
47
63
|
if (!validators.length)
|
|
@@ -49,17 +65,25 @@ const GuestAddressForm = () => {
|
|
|
49
65
|
return Promise.all(validators);
|
|
50
66
|
});
|
|
51
67
|
return unregister;
|
|
52
|
-
}, [hasAddressType, hasAddresses]);
|
|
68
|
+
}, [hasAddressType, hasAddresses, useSameAddress]);
|
|
53
69
|
const handleSubmit = useCallback((values) => {
|
|
54
70
|
updateCheckoutData({
|
|
55
71
|
address: values,
|
|
56
72
|
});
|
|
57
73
|
}, [updateCheckoutData]);
|
|
58
74
|
const handleShippingSubmit = useCallback((values) => {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
75
|
+
if (useSameAddress) {
|
|
76
|
+
updateCheckoutData({
|
|
77
|
+
shipping_address: values,
|
|
78
|
+
billing_address: values,
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
updateCheckoutData({
|
|
83
|
+
shipping_address: values,
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
}, [updateCheckoutData, useSameAddress]);
|
|
63
87
|
const handleBillingSubmit = useCallback((values) => {
|
|
64
88
|
updateCheckoutData({
|
|
65
89
|
billing_address: values,
|
|
@@ -67,31 +91,36 @@ const GuestAddressForm = () => {
|
|
|
67
91
|
}, [updateCheckoutData]);
|
|
68
92
|
if (!hasAddresses || !formFields || formFields.length === 0)
|
|
69
93
|
return null;
|
|
94
|
+
const shippingFields = (getFormFieldsByType && getFormFieldsByType('shipping')) || shippingFormFields || formFields;
|
|
95
|
+
const billingFields = (getFormFieldsByType && getFormFieldsByType('billing')) || billingFormFields || formFields;
|
|
96
|
+
const showSameAddressCheckbox = hasAddressType && !(addresses?.billing?.length > 0 || addresses?.shipping?.length > 0);
|
|
70
97
|
return (React.createElement(GuestAddressFormStyle, { className: 'guest-address-form checkout-mt' }, !hasAddressType ? (React.createElement(React.Fragment, null,
|
|
71
98
|
React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 title`, text: 'account.guest_checkout.address' }),
|
|
72
99
|
React.createElement(FormBuilder, { className: 'form-wrapper', fields: formFields, onSubmit: handleSubmit, formOptions: {
|
|
73
100
|
ref: formRef,
|
|
74
101
|
mode: 'onSubmit',
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
102
|
+
}, customFieldInjectProps: {
|
|
103
|
+
formRef,
|
|
104
|
+
setFields: setGuestAddressFields,
|
|
105
|
+
} }))) : (React.createElement(React.Fragment, null,
|
|
106
|
+
React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 title`, text: 'account.address_management.shippingAddress' }),
|
|
107
|
+
React.createElement(FormBuilder, { className: 'form-wrapper shipping-address-form', fields: shippingFields, onSubmit: handleShippingSubmit, formOptions: {
|
|
108
|
+
ref: shippingFormRef,
|
|
109
|
+
mode: 'onSubmit',
|
|
110
|
+
}, customFieldInjectProps: {
|
|
111
|
+
formRef: shippingFormRef,
|
|
112
|
+
setFields: setGuestShippingFields,
|
|
113
|
+
} }),
|
|
114
|
+
showSameAddressCheckbox ? (React.createElement(CustomCheckbox, { hide: useSameAddress, setHide: (next) => setUseSameAddress(next), isText: 'account.order_balance.useAlsoBillingAddress' })) : null,
|
|
115
|
+
!useSameAddress ? (React.createElement("div", { className: 'billing-address-section' },
|
|
116
|
+
React.createElement(Text, { className: `account-p account-p2 account-font-bold account-primary-color1 title`, text: 'account.address_management.billingAddress' }),
|
|
117
|
+
React.createElement(FormBuilder, { className: 'form-wrapper billing-address-form', fields: billingFields, onSubmit: handleBillingSubmit, formOptions: {
|
|
118
|
+
ref: billingFormRef,
|
|
86
119
|
mode: 'onSubmit',
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
ref: billingFormRef,
|
|
92
|
-
mode: 'onSubmit',
|
|
93
|
-
} }))));
|
|
94
|
-
})()))));
|
|
120
|
+
}, customFieldInjectProps: {
|
|
121
|
+
formRef: billingFormRef,
|
|
122
|
+
setFields: setGuestBillingFields,
|
|
123
|
+
} }))) : null))));
|
|
95
124
|
};
|
|
96
125
|
export default GuestAddressForm;
|
|
97
126
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/guest/GuestAddressForm/index.js"],"names":[],"mappings":"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"}
|
package/dist/modules/index.d.ts
CHANGED
package/dist/modules/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modules/index.js"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,iEAAiE;AACjE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5D,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modules/index.js"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,iEAAiE;AACjE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5D,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/index.js"],"names":[],"mappings":";AAOA,+
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/payment/CardForm/index.js"],"names":[],"mappings":";AAOA,+CA8HC;kBArIqD,OAAO"}
|
|
@@ -39,6 +39,7 @@ const CardForm = () => {
|
|
|
39
39
|
},
|
|
40
40
|
fieldProps: {
|
|
41
41
|
placeholder: 'account.payment_management.cardNamePlaceholder',
|
|
42
|
+
autoComplete: 'cc-name',
|
|
42
43
|
},
|
|
43
44
|
},
|
|
44
45
|
{
|
|
@@ -53,6 +54,7 @@ const CardForm = () => {
|
|
|
53
54
|
},
|
|
54
55
|
fieldProps: {
|
|
55
56
|
placeholder: 'account.payment_management.cardNumberPlaceholder',
|
|
57
|
+
autoComplete: 'cc-number',
|
|
56
58
|
maxLength: 19,
|
|
57
59
|
onChange: (e, form) => {
|
|
58
60
|
const value = formatCreditCardNumber(e.target.value);
|
|
@@ -76,6 +78,7 @@ const CardForm = () => {
|
|
|
76
78
|
},
|
|
77
79
|
fieldProps: {
|
|
78
80
|
placeholder: 'account.payment_management.cardExpiryPlaceholder',
|
|
81
|
+
autoComplete: 'cc-exp',
|
|
79
82
|
onChange: (e, form) => {
|
|
80
83
|
const value = formatExpirationDate(e.target.value);
|
|
81
84
|
form.setValue('expiry', value);
|
|
@@ -96,6 +99,7 @@ const CardForm = () => {
|
|
|
96
99
|
fieldProps: {
|
|
97
100
|
type: 'password',
|
|
98
101
|
placeholder: 'account.payment_management.cardCVCPlaceholder',
|
|
102
|
+
autoComplete: 'cc-csc',
|
|
99
103
|
onChange: (e, form) => {
|
|
100
104
|
const value = formatCVC(e.target.value);
|
|
101
105
|
form.setValue('security_code', value);
|