@weareconceptstudio/account 0.1.5 → 0.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/components/AccountContainer/index.d.ts +3 -0
- package/dist/components/AccountContainer/index.js +19 -0
- package/dist/components/AccountContainer/style.d.ts +2 -0
- package/dist/components/AccountContainer/style.js +21 -0
- package/dist/modules/account/AccountSettingsTemplate/AccountInfo/index.js +4 -1
- package/dist/modules/account/AccountSettingsTemplate/AccountPassword/index.d.ts +3 -0
- package/dist/modules/account/AccountSettingsTemplate/AccountPassword/index.js +4 -1
- package/dist/modules/account/AccountSettingsTemplate/AccountPassword/utils.d.ts +3 -0
- package/dist/modules/account/AccountSettingsTemplate/AccountPassword/utils.js +2 -0
- package/dist/modules/address/AddressItem/index.js +7 -2
- package/dist/modules/address/AddressWrap/index.js +3 -1
- package/dist/modules/address/SelectAddress/index.js +3 -1
- package/dist/modules/address/SelectShippingBilling/index.js +12 -4
- package/dist/modules/auth/ResetPasswordTemplate/utils.d.ts +3 -0
- package/dist/modules/auth/ResetPasswordTemplate/utils.js +1 -0
- package/dist/modules/auth/SignInTemplate/utils.d.ts +2 -12
- package/dist/modules/auth/SignInTemplate/utils.js +1 -0
- package/dist/modules/auth/SignUpTemplate/utils.js +1 -0
- package/dist/modules/auth/VerifyEmailAddressTemplate/index.js +4 -1
- package/dist/modules/cart/CartTemplate/index.js +19 -2
- package/dist/modules/cart/CartTemplate/style.js +32 -0
- package/dist/modules/checkout/CheckoutTemplate/index.js +3 -2
- package/dist/modules/checkout/ThankYouTemplate/icons.js +1 -1
- package/dist/modules/checkout/ThankYouTemplate/index.js +5 -4
- package/dist/modules/checkout/ThankYouTemplate/style.js +1 -0
- package/dist/modules/order/OrdersList/index.js +1 -1
- package/dist/translations/en.d.ts +1 -0
- package/dist/translations/en.js +1 -0
- package/dist/translations/hy.d.ts +1 -0
- package/dist/translations/hy.js +1 -0
- package/dist/translations/index.d.ts +3 -0
- package/dist/translations/ru.d.ts +1 -0
- package/dist/translations/ru.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React, { useRef, useImperativeHandle, forwardRef } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
//* Style
|
|
5
|
+
import AccountContainerStyle from './style';
|
|
6
|
+
const AccountContainer = forwardRef(({ row, isSection, full, className, children }, ref) => {
|
|
7
|
+
//! Ref
|
|
8
|
+
const contRef = useRef();
|
|
9
|
+
//! Imperative Handle
|
|
10
|
+
useImperativeHandle(ref, () => contRef.current, []);
|
|
11
|
+
//! ClassName
|
|
12
|
+
const classString = classNames('container', {
|
|
13
|
+
[className]: className,
|
|
14
|
+
['section']: isSection,
|
|
15
|
+
['full']: full,
|
|
16
|
+
});
|
|
17
|
+
return (React.createElement(AccountContainerStyle, { ref: contRef, className: classString }, row ? React.createElement("div", { className: 'row' }, children) : children));
|
|
18
|
+
});
|
|
19
|
+
export default AccountContainer;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export default AccountContainerStyle;
|
|
2
|
+
declare const AccountContainerStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
const AccountContainerStyle = styled.section `
|
|
3
|
+
width: 100%;
|
|
4
|
+
margin: 0 auto;
|
|
5
|
+
|
|
6
|
+
&:not(.full) {
|
|
7
|
+
width: 100%;
|
|
8
|
+
padding-left: var(--account_contPaddingLR);
|
|
9
|
+
padding-right: var(--account_contPaddingLR);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&.section {
|
|
13
|
+
margin-bottom: var(--account_sectionDistance);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&.full {
|
|
17
|
+
padding-left: 0;
|
|
18
|
+
padding-right: 0;
|
|
19
|
+
}
|
|
20
|
+
`;
|
|
21
|
+
export default AccountContainerStyle;
|
|
@@ -10,7 +10,10 @@ const AccountInfo = ({ user, onAccountUpdate, displayFields = defaultDisplayFiel
|
|
|
10
10
|
const [edit, setEdit] = useState(false);
|
|
11
11
|
//! Handle Popup
|
|
12
12
|
const handleSuccessPopup = useCallback(() => {
|
|
13
|
-
openPopup(React.createElement(WarningMessageForPopup, { title: 'yourSettingsHaveBeenSaved', description: 'yourSettingsHaveBeenSaved' }), {
|
|
13
|
+
openPopup(React.createElement(WarningMessageForPopup, { title: 'yourSettingsHaveBeenSaved', description: 'yourSettingsHaveBeenSaved' }), {
|
|
14
|
+
className: 'messagePopup',
|
|
15
|
+
accountIcon: true,
|
|
16
|
+
});
|
|
14
17
|
}, []);
|
|
15
18
|
//! On Finish
|
|
16
19
|
const onFinish = useCallback((values) => {
|
|
@@ -10,7 +10,10 @@ const AccountPassword = ({ formFields = defaultFormFields, onPasswordUpdate }) =
|
|
|
10
10
|
const [edit, setEdit] = useState(false);
|
|
11
11
|
//! Handle Popup
|
|
12
12
|
const handleSuccessPopup = useCallback(() => {
|
|
13
|
-
openPopup(React.createElement(WarningMessageForPopup, { title: 'yourSettingsHaveBeenSaved', description: 'yourPasswordHaveBeenChanged' }), {
|
|
13
|
+
openPopup(React.createElement(WarningMessageForPopup, { title: 'yourSettingsHaveBeenSaved', description: 'yourPasswordHaveBeenChanged' }), {
|
|
14
|
+
className: 'messagePopup',
|
|
15
|
+
accountIcon: true,
|
|
16
|
+
});
|
|
14
17
|
}, []);
|
|
15
18
|
//! On Finish
|
|
16
19
|
const onFinish = useCallback((values) => {
|
|
@@ -4,6 +4,7 @@ export const defaultFormFields = [
|
|
|
4
4
|
labelProps: {
|
|
5
5
|
label: 'enterCurrentPassword',
|
|
6
6
|
name: 'current_password',
|
|
7
|
+
rules: [{ type: 'password' }],
|
|
7
8
|
},
|
|
8
9
|
fieldProps: {
|
|
9
10
|
placeholder: 'enterCurrentPasswordPlaceholder',
|
|
@@ -14,6 +15,7 @@ export const defaultFormFields = [
|
|
|
14
15
|
labelProps: {
|
|
15
16
|
label: 'enterNewPassword',
|
|
16
17
|
name: 'password',
|
|
18
|
+
rules: [{ type: 'password' }],
|
|
17
19
|
},
|
|
18
20
|
fieldProps: {
|
|
19
21
|
placeholder: 'enterNewPasswordPlaceholder',
|
|
@@ -12,10 +12,15 @@ const AddressItem = ({ type, title, data, checkout_review, select_address, onCli
|
|
|
12
12
|
const { deleteAddress, selectedAddresses, selectAddress } = useAddressContext();
|
|
13
13
|
//! Handle Popups
|
|
14
14
|
const handleDeletePopup = useCallback(() => {
|
|
15
|
-
openPopup(React.createElement(WarningMessageForPopup, { isDelete: true, title: 'deleteAddressMessage', description: 'confirmDeleteAddress', onRemove: () => deleteAddress(data.id, data.type) }), {
|
|
15
|
+
openPopup(React.createElement(WarningMessageForPopup, { isDelete: true, title: 'deleteAddressMessage', description: 'confirmDeleteAddress', onRemove: () => deleteAddress(data.id, data.type) }), {
|
|
16
|
+
className: 'messagePopup',
|
|
17
|
+
accountIcon: true,
|
|
18
|
+
});
|
|
16
19
|
}, [data]);
|
|
17
20
|
const handleEditAddressPopup = useCallback(() => {
|
|
18
|
-
openPopup(React.createElement(AddressForm, { title: type === 'billing' ? `updateYourBillingAddress` : type == 'shipping' ? `updateYourShippingAddress` : 'updateYourAddress', data: data })
|
|
21
|
+
openPopup(React.createElement(AddressForm, { title: type === 'billing' ? `updateYourBillingAddress` : type == 'shipping' ? `updateYourShippingAddress` : 'updateYourAddress', data: data }), {
|
|
22
|
+
accountIcon: true,
|
|
23
|
+
});
|
|
19
24
|
}, [data]);
|
|
20
25
|
return (data && (React.createElement(AddressItemStyle, { className: `item-container` },
|
|
21
26
|
checkout_review && (React.createElement("div", { className: `change-address-wrap` },
|
|
@@ -13,7 +13,9 @@ const AddressWrap = ({ title = 'addresses', addNewText = 'addNewAdd', type, clas
|
|
|
13
13
|
[className]: className,
|
|
14
14
|
});
|
|
15
15
|
const handleAddNewAddressPopup = () => {
|
|
16
|
-
openPopup(React.createElement(AddressForm, { title: 'addNewAddress', type: type })
|
|
16
|
+
openPopup(React.createElement(AddressForm, { title: 'addNewAddress', type: type }), {
|
|
17
|
+
accountIcon: true,
|
|
18
|
+
});
|
|
17
19
|
};
|
|
18
20
|
return (React.createElement("div", { className: classString },
|
|
19
21
|
React.createElement("div", { className: `address-title-container` },
|
|
@@ -9,7 +9,9 @@ const SelectAddress = ({ type, title }) => {
|
|
|
9
9
|
const { openPopup } = useUi();
|
|
10
10
|
const { addresses, hasAddressType } = useAddressContext();
|
|
11
11
|
const handleNewAddressPopup = () => {
|
|
12
|
-
openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } })
|
|
12
|
+
openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } }), {
|
|
13
|
+
accountIcon: true,
|
|
14
|
+
});
|
|
13
15
|
};
|
|
14
16
|
return (React.createElement(SelectAddressStyle, null,
|
|
15
17
|
React.createElement("div", { className: `select-address-wrap` },
|
|
@@ -9,18 +9,26 @@ const SelectShippingBilling = () => {
|
|
|
9
9
|
const { selectedAddresses, setSelectedAddresses, addresses } = addressContext;
|
|
10
10
|
//! Handle Popups
|
|
11
11
|
const handleAddNewShippingAddressPopup = useCallback(() => {
|
|
12
|
-
openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } })
|
|
12
|
+
openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } }), {
|
|
13
|
+
accountIcon: true,
|
|
14
|
+
});
|
|
13
15
|
}, []);
|
|
14
16
|
const handleAddNewBillingAddressPopup = useCallback(() => {
|
|
15
|
-
openPopup(React.createElement(AddressForm, { title: `addNewBillingAddress`, selected: { value: false, type: 'billing' } })
|
|
17
|
+
openPopup(React.createElement(AddressForm, { title: `addNewBillingAddress`, selected: { value: false, type: 'billing' } }), {
|
|
18
|
+
accountIcon: true,
|
|
19
|
+
});
|
|
16
20
|
}, []);
|
|
17
21
|
const handleShippingChangePopup = useCallback(() => {
|
|
18
22
|
openPopup(React.createElement(AddressProvider, { ...addressContext },
|
|
19
|
-
React.createElement(SelectShippingBillingPopup, { type: 'shipping', data: addresses, title: 'selectShippingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewShippingAddressPopup }))
|
|
23
|
+
React.createElement(SelectShippingBillingPopup, { type: 'shipping', data: addresses, title: 'selectShippingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewShippingAddressPopup })), {
|
|
24
|
+
accountIcon: true,
|
|
25
|
+
});
|
|
20
26
|
}, [addresses, selectedAddresses]);
|
|
21
27
|
const handleBillingChangePopup = useCallback(() => {
|
|
22
28
|
openPopup(React.createElement(AddressProvider, { ...addressContext },
|
|
23
|
-
React.createElement(SelectShippingBillingPopup, { type: 'billing', data: addresses, title: 'selectBillingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewBillingAddressPopup }))
|
|
29
|
+
React.createElement(SelectShippingBillingPopup, { type: 'billing', data: addresses, title: 'selectBillingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewBillingAddressPopup })), {
|
|
30
|
+
accountIcon: true,
|
|
31
|
+
});
|
|
24
32
|
}, [addresses, selectedAddresses]);
|
|
25
33
|
return (React.createElement("div", { style: { marginTop: 50 }, className: 'shipping-billing-change-wrapper' },
|
|
26
34
|
React.createElement(AddressItem, { checkout_review: true, type: 'shipping', select_address: false, title: 'shippingAddress', data: selectedAddresses.shipping, onClick: handleShippingChangePopup, setSelectedAddresses: setSelectedAddresses }),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const defaultFormFields:
|
|
1
|
+
export declare const defaultFormFields: {
|
|
2
2
|
fieldType: string;
|
|
3
3
|
labelProps: {
|
|
4
4
|
label: string;
|
|
@@ -10,14 +10,4 @@ export declare const defaultFormFields: ({
|
|
|
10
10
|
fieldProps: {
|
|
11
11
|
placeholder: string;
|
|
12
12
|
};
|
|
13
|
-
}
|
|
14
|
-
fieldType: string;
|
|
15
|
-
labelProps: {
|
|
16
|
-
label: string;
|
|
17
|
-
name: string;
|
|
18
|
-
rules?: undefined;
|
|
19
|
-
};
|
|
20
|
-
fieldProps: {
|
|
21
|
-
placeholder: string;
|
|
22
|
-
};
|
|
23
|
-
})[];
|
|
13
|
+
}[];
|
|
@@ -79,7 +79,10 @@ const VerifyEmailAddressTemplate = ({}) => {
|
|
|
79
79
|
setIsSent(false);
|
|
80
80
|
setError(err?.data?.message);
|
|
81
81
|
});
|
|
82
|
-
} }), {
|
|
82
|
+
} }), {
|
|
83
|
+
className: 'messagePopup',
|
|
84
|
+
accountIcon: true,
|
|
85
|
+
});
|
|
83
86
|
}, [isSent, error]);
|
|
84
87
|
return (React.createElement(Page, { className: 'verify-email-address use-account' },
|
|
85
88
|
React.createElement(VerifyEmailAddressTemplateStyle, null,
|
|
@@ -1,20 +1,37 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Page, useTranslation } from '@weareconceptstudio/core';
|
|
3
3
|
import { SimpleCartItems, EmptyCart } from '..';
|
|
4
4
|
import { TotalCheckout, AccountButton } from '../../../components';
|
|
5
5
|
import { useAccountContext } from '../../../AccountProvider';
|
|
6
|
+
import AccountContainer from '../../../components/AccountContainer';
|
|
7
|
+
//* SVG
|
|
8
|
+
const leftArrow = (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 16 16' },
|
|
9
|
+
React.createElement("rect", { width: '16', height: '16', fill: 'var(--account_primaryColor1)' }),
|
|
10
|
+
React.createElement("g", { id: 'Murakami_shopping cart _11272024_v1' },
|
|
11
|
+
React.createElement("rect", { width: '1920', height: '1663', transform: 'translate(-88 -132)', fill: 'var(--account_backgroundColor)' }),
|
|
12
|
+
React.createElement("g", { id: 'Group 28943' },
|
|
13
|
+
React.createElement("g", { id: 'Group 28946' })),
|
|
14
|
+
React.createElement("g", { id: 'Frame 29201' },
|
|
15
|
+
React.createElement("g", { id: '24x24_Arrow 10' },
|
|
16
|
+
React.createElement("g", { id: 'Group 28934' },
|
|
17
|
+
React.createElement("path", { id: 'Vector', d: 'M5.99192 8.01047L10.376 12.3945L9.38603 13.3845L5.00197 9.00042L5.99192 8.01047Z', fill: 'var(--account_primaryColor1)' }),
|
|
18
|
+
React.createElement("path", { id: 'Vector_2', d: 'M4.99973 7.05105L9.38379 2.66699L10.3737 3.65694L5.98968 8.041L4.99973 7.05105Z', fill: 'var(--account_primaryColor1)' })))))));
|
|
6
19
|
//* Styles
|
|
7
20
|
import CartTemplateStyle from './style';
|
|
8
21
|
const CartTemplate = ({ items, itemsCount, shippingCost, loading, children, subtotal, total, actions, btnDisabled, checkoutUrl = '/checkout/' }) => {
|
|
9
22
|
const { shopUrl } = useAccountContext();
|
|
23
|
+
const { translate } = useTranslation();
|
|
10
24
|
return (React.createElement(Page, { className: 'cart use-account' },
|
|
11
|
-
React.createElement(
|
|
25
|
+
React.createElement(AccountContainer, null,
|
|
12
26
|
React.createElement(CartTemplateStyle, null,
|
|
13
27
|
React.createElement(TotalCheckout, { total: total, subtotal: subtotal, itemsCount: itemsCount, shippingCost: shippingCost, buttonProps: {
|
|
14
28
|
url: checkoutUrl,
|
|
15
29
|
disabled: btnDisabled,
|
|
16
30
|
text: 'proceedToCheckout',
|
|
17
31
|
} }, itemsCount > 0 ? (React.createElement(React.Fragment, null,
|
|
32
|
+
shopUrl ? (React.createElement(AccountButton, { url: shopUrl, btnType: `purple-text`, className: `back-to-shop` },
|
|
33
|
+
leftArrow,
|
|
34
|
+
translate('backToShop'))) : null,
|
|
18
35
|
React.createElement(SimpleCartItems, { data: items, smallFontSize: true, title: 'myCart', actions: actions, className: `cart-st-wrap`, additionalParameters: {
|
|
19
36
|
remove: true,
|
|
20
37
|
select: true,
|
|
@@ -6,6 +6,38 @@ const CartTemplateStyle = styled.section `
|
|
|
6
6
|
margin-top: var(--account_continueShopTextMT);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
.back-to-shop {
|
|
10
|
+
margin-bottom: calc(var(--account_continueShopTextMT) + var(--sp2x));
|
|
11
|
+
|
|
12
|
+
a,
|
|
13
|
+
button {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
gap: var(--sp1x);
|
|
18
|
+
text-decoration: unset !important;
|
|
19
|
+
|
|
20
|
+
@media (hover: hover) {
|
|
21
|
+
&:hover {
|
|
22
|
+
svg {
|
|
23
|
+
path {
|
|
24
|
+
fill: var(--account_secondColor9);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
svg {
|
|
32
|
+
width: var(--sp2x);
|
|
33
|
+
height: var(--sp2x);
|
|
34
|
+
|
|
35
|
+
path {
|
|
36
|
+
transition: path var(--account_trTime);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
9
41
|
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
|
|
10
42
|
--account_continueShopTextMT: var(--sp5x);
|
|
11
43
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React, { useCallback, useRef, useState } from 'react';
|
|
2
|
-
import { api,
|
|
2
|
+
import { api, Page } from '@weareconceptstudio/core';
|
|
3
3
|
import { Sequence, TotalCheckout } from '../../../components';
|
|
4
4
|
import { useAddressContext } from '../../address';
|
|
5
5
|
import StepReview from './StepReview';
|
|
6
6
|
import StepShipping from './StepShipping';
|
|
7
|
+
import AccountContainer from '../../../components/AccountContainer';
|
|
7
8
|
//* Styles
|
|
8
9
|
import CheckoutTemplateStyle from './style';
|
|
9
10
|
const CheckoutTemplate = ({ itemsCount, items, total, subtotal, shippingCost }) => {
|
|
@@ -43,7 +44,7 @@ const CheckoutTemplate = ({ itemsCount, items, total, subtotal, shippingCost })
|
|
|
43
44
|
checkStep.isShipping ? handleCheckoutFirstStep() : handleCheckoutSecondStep();
|
|
44
45
|
}, [checkStep]);
|
|
45
46
|
return (React.createElement(Page, { className: 'checkout use-account' },
|
|
46
|
-
React.createElement(
|
|
47
|
+
React.createElement(AccountContainer, null,
|
|
47
48
|
React.createElement(CheckoutTemplateStyle, null,
|
|
48
49
|
React.createElement(TotalCheckout, { isCheckout: true, total: total, subtotal: subtotal, itemsCount: itemsCount, shippingCost: shippingCost, isShipping: checkStep.isShipping, checkoutData: checkoutData, fillCheckoutData: fillCheckoutData, buttonProps: {
|
|
49
50
|
url: false,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export const confirmImage = (React.createElement("svg", { version: '1.0', xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 302.000000 194.000000', preserveAspectRatio: 'xMidYMid meet' },
|
|
3
|
-
React.createElement("g", { transform: 'translate(0.000000,194.000000) scale(0.100000,-0.100000)',
|
|
3
|
+
React.createElement("g", { transform: 'translate(0.000000,194.000000) scale(0.100000,-0.100000)', stroke: 'none' },
|
|
4
4
|
React.createElement("path", { d: 'M426 1881 c-85 -116 -104 -227 -53 -313 29 -50 101 -104 152 -114 28\n-5 36 -16 89 -121 l57 -115 -33 20 c-80 48 -202 59 -280 24 -48 -21 -98 -73\n-98 -101 0 -27 127 -70 206 -71 48 0 130 28 164 57 24 20 34 23 40 14 9 -15\n42 -162 37 -167 -2 -2 -39 -8 -83 -14 -136 -19 -124 -9 -124 -98 0 -48 6 -95\n17 -125 l17 -48 -62 -124 -62 -125 0 -108 0 -107 -174 3 -173 4 -22 -82 c-13\n-46 -25 -98 -28 -116 l-6 -34 134 -1 c74 0 534 -4 1024 -8 669 -6 962 -5 1180\n5 160 7 290 13 291 13 6 4 376 1322 372 1326 -3 3 -34 14 -70 24 -64 18 -76\n18 -918 -15 -470 -19 -857 -37 -861 -41 -4 -5 -48 -168 -99 -363 -51 -195 -95\n-358 -99 -363 -4 -4 -18 15 -31 43 -23 49 -23 51 -7 104 12 36 17 88 17 166\nl0 113 -47 -7 c-149 -21 -160 -20 -166 5 -4 13 -7 36 -7 50 0 25 3 26 68 31\n74 5 118 24 156 65 28 30 50 110 44 158 -3 29 -4 30 -55 28 -100 -4 -180 -70\n-210 -173 l-16 -55 -23 87 c-13 48 -40 123 -60 167 l-36 79 35 50 c61 89 72\n195 28 280 -31 61 -131 142 -175 142 -8 0 -30 -22 -50 -49z m2304 -1072 c-67\n-299 -123 -551 -125 -559 -4 -13 -106 -15 -852 -12 -466 2 -849 5 -851 7 -2 2\n58 242 134 534 l139 531 35 1 c19 0 395 15 835 32 581 23 801 29 803 21 2 -6\n-52 -256 -118 -555z m210 547 c35 -10 44 -18 42 -33 -1 -10 -83 -300 -181\n-643 l-178 -625 -74 -6 c-41 -3 -162 -9 -271 -13 -226 -9 -202 -20 -213 106\nl-7 78 280 -7 280 -6 9 44 c108 500 250 1119 258 1119 6 0 30 -6 55 -14z\nm-908 -1144 c3 -4 10 -47 15 -96 l9 -89 -1010 8 c-556 4 -1012 8 -1013 9 -2 2\n24 105 42 166 4 13 120 15 977 12 535 -2 976 -7 980 -10z' }))));
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
|
-
import { Page, Text,
|
|
4
|
-
import {
|
|
3
|
+
import { Page, Text, useTranslation } from '@weareconceptstudio/core';
|
|
4
|
+
import { AccountButton, Sequence } from '../../../components';
|
|
5
5
|
import ThankYouMessageStyle from './style';
|
|
6
6
|
import { useAccountContext } from '../../../AccountProvider';
|
|
7
7
|
import { confirmImage } from './icons';
|
|
8
|
+
import AccountContainer from '../../../components/AccountContainer';
|
|
8
9
|
const ThankYouTemplate = ({ orderNumber }) => {
|
|
9
10
|
const { shopUrl, useCart } = useAccountContext();
|
|
10
11
|
const { translate } = useTranslation();
|
|
@@ -14,13 +15,13 @@ const ThankYouTemplate = ({ orderNumber }) => {
|
|
|
14
15
|
}, []);
|
|
15
16
|
return (React.createElement(Page, { className: 'use-account' },
|
|
16
17
|
React.createElement(ThankYouMessageStyle, null,
|
|
17
|
-
React.createElement(
|
|
18
|
+
React.createElement(AccountContainer, null,
|
|
18
19
|
React.createElement(Sequence, { step: 'confirmed' }),
|
|
19
20
|
React.createElement("div", { className: `confirmation-wrapper` },
|
|
20
21
|
React.createElement("div", { className: 'confirmation-image' }, confirmImage),
|
|
21
22
|
React.createElement(Text, { tag: `h6`, className: `account-h6 account-font-bold account-primary-color1 title`, text: `confirmMessageTitle` }),
|
|
22
23
|
React.createElement(Text, { tag: `p`, className: `account-p account-p2 account-font-regular account-primary-color1 description`, text: `confirmMessageDesc` }),
|
|
23
24
|
React.createElement(Text, { tag: `p`, className: `account-p account-p2 account-font-regular account-primary-color1 order-number` }, translate('orderNumber') + ':' + ' ' + orderNumber),
|
|
24
|
-
React.createElement(
|
|
25
|
+
React.createElement(AccountButton, { text: `continueShopping`, btnType: `purple-text`, url: shopUrl }))))));
|
|
25
26
|
};
|
|
26
27
|
export default ThankYouTemplate;
|
|
@@ -65,7 +65,7 @@ const OrdersList = () => {
|
|
|
65
65
|
React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1`, text: `${translate('totalPrice')}:` }),
|
|
66
66
|
React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: handlePriceCheckFunc(item.total, item.currency) }))),
|
|
67
67
|
React.createElement("div", { className: `right-wrap` },
|
|
68
|
-
React.createElement(AccountButton, { text: 'viewOrder', btnType: `green-small-text`, url: `/account/order-history
|
|
68
|
+
React.createElement(AccountButton, { text: 'viewOrder', btnType: `green-small-text`, url: `/account/order-history/${item.id}` })))));
|
|
69
69
|
})));
|
|
70
70
|
}, [winWidth, data]);
|
|
71
71
|
return !loading && data.length > 0 ? (React.createElement(OrdersListStyle, null,
|
package/dist/translations/en.js
CHANGED
package/dist/translations/hy.js
CHANGED
|
@@ -168,6 +168,7 @@ declare const _default: {
|
|
|
168
168
|
confirmMessageDesc: string;
|
|
169
169
|
review: string;
|
|
170
170
|
reorder: string;
|
|
171
|
+
backToShop: string;
|
|
171
172
|
};
|
|
172
173
|
hy: {
|
|
173
174
|
editCart: string;
|
|
@@ -338,6 +339,7 @@ declare const _default: {
|
|
|
338
339
|
confirmMessageDesc: string;
|
|
339
340
|
review: string;
|
|
340
341
|
reorder: string;
|
|
342
|
+
backToShop: string;
|
|
341
343
|
};
|
|
342
344
|
ru: {
|
|
343
345
|
editCart: string;
|
|
@@ -508,6 +510,7 @@ declare const _default: {
|
|
|
508
510
|
confirmMessageDesc: string;
|
|
509
511
|
review: string;
|
|
510
512
|
reorder: string;
|
|
513
|
+
backToShop: string;
|
|
511
514
|
};
|
|
512
515
|
};
|
|
513
516
|
export default _default;
|
package/dist/translations/ru.js
CHANGED