@weareconceptstudio/account 0.0.7 → 0.0.9
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 +4 -1
- package/dist/AccountProvider.js +9 -7
- package/dist/components/EmptyOrders/index.js +5 -4
- package/dist/components/OrderedItems/index.d.ts +1 -1
- package/dist/components/OrderedItems/index.js +4 -37
- package/dist/components/TotalCheckout/index.js +13 -18
- package/dist/components/TotalCheckout/style.js +0 -7
- package/dist/components/cart/EmptyCart/index.js +3 -3
- package/dist/components/cart/EmptyCart/style.js +1 -1
- package/dist/components/cart/Items/Simple/Item/index.js +12 -20
- package/dist/components/cart/Items/Simple/ItemMobile/index.js +13 -36
- package/dist/components/cart/Items/Simple/index.js +10 -9
- package/dist/components/cart/Items/Simple/style.js +14 -7
- package/dist/components/index.d.ts +0 -6
- package/dist/components/index.js +0 -6
- package/dist/components/ui/AccountButton/index.js +5 -2
- package/dist/components/ui/AccountButton/style.js +3 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/modules/address/AddressForm/index.js +44 -0
- package/dist/{components → modules/address}/AddressItem/index.d.ts +2 -4
- package/dist/{components → modules/address}/AddressItem/index.js +11 -11
- package/dist/modules/address/AddressProvider.d.ts +7 -0
- package/dist/modules/address/AddressProvider.js +57 -0
- package/dist/{components → modules/address}/AddressWrap/index.d.ts +3 -2
- package/dist/{components → modules/address}/AddressWrap/index.js +7 -7
- package/dist/modules/address/AddressesTemplate/index.d.ts +3 -0
- package/dist/modules/address/AddressesTemplate/index.js +11 -0
- package/dist/modules/address/SelectAddress/index.d.ts +6 -0
- package/dist/modules/address/SelectAddress/index.js +22 -0
- package/dist/modules/address/SelectAddress/style.d.ts +2 -0
- package/dist/modules/address/SelectAddress/style.js +68 -0
- package/dist/modules/address/SelectShippingBilling/index.d.ts +3 -0
- package/dist/modules/address/SelectShippingBilling/index.js +29 -0
- package/dist/modules/address/SelectShippingBillingPopup/index.d.ts +3 -0
- package/dist/modules/address/SelectShippingBillingPopup/index.js +25 -0
- package/dist/{components/SelectShippingBilling → modules/address/SelectShippingBillingPopup}/style.js +0 -43
- package/dist/modules/address/ShippingBillingForm/index.js +15 -0
- package/dist/modules/address/index.d.ts +9 -0
- package/dist/modules/address/index.js +9 -0
- package/dist/modules/index.d.ts +1 -0
- package/dist/modules/index.js +1 -0
- package/dist/templates/AccountSettingsTemplate/AccountInfo/index.js +1 -1
- package/dist/templates/AccountTemplate/index.js +1 -1
- package/dist/templates/AccountTemplate/style.js +0 -6
- package/dist/templates/CartTemplate/index.d.ts +1 -2
- package/dist/templates/CartTemplate/index.js +11 -8
- package/dist/templates/CheckoutTemplate/StepReview/index.d.ts +5 -0
- package/dist/templates/CheckoutTemplate/StepReview/index.js +16 -0
- package/dist/templates/CheckoutTemplate/StepShipping/index.d.ts +5 -0
- package/dist/templates/CheckoutTemplate/StepShipping/index.js +9 -0
- package/dist/templates/CheckoutTemplate/index.d.ts +2 -1
- package/dist/templates/CheckoutTemplate/index.js +29 -149
- package/dist/templates/CheckoutTemplate/style.js +9 -9
- package/dist/templates/OrderIndividualTemplate/index.js +1 -1
- package/dist/templates/index.d.ts +0 -1
- package/dist/templates/index.js +0 -1
- package/dist/translations/en.d.ts +72 -133
- package/dist/translations/en.js +84 -133
- package/dist/translations/hy.d.ts +74 -64
- package/dist/translations/hy.js +177 -155
- package/dist/translations/index.d.ts +218 -289
- package/dist/translations/ru.d.ts +72 -92
- package/dist/translations/ru.js +177 -185
- package/dist/utils/_functions.d.ts +0 -3
- package/dist/utils/_functions.js +0 -10
- package/package.json +1 -1
- package/dist/components/AddressForm/index.js +0 -99
- package/dist/components/FavoriteButton/index.d.ts +0 -3
- package/dist/components/FavoriteButton/index.js +0 -42
- package/dist/components/OrderedItems/ReviewPopup/index.d.ts +0 -0
- package/dist/components/OrderedItems/ReviewPopup/index.js +0 -202
- package/dist/components/OrderedItems/ReviewPopup/style.d.ts +0 -2
- package/dist/components/OrderedItems/ReviewPopup/style.js +0 -329
- package/dist/components/SelectShippingBilling/index.d.ts +0 -3
- package/dist/components/SelectShippingBilling/index.js +0 -31
- package/dist/components/ShippingBillingForm/index.js +0 -96
- package/dist/templates/AddressesTemplate/index.d.ts +0 -6
- package/dist/templates/AddressesTemplate/index.js +0 -9
- /package/dist/{components → modules/address}/AddressForm/index.d.ts +0 -0
- /package/dist/{components → modules/address}/AddressForm/style.d.ts +0 -0
- /package/dist/{components → modules/address}/AddressForm/style.js +0 -0
- /package/dist/{components → modules/address}/AddressItem/style.d.ts +0 -0
- /package/dist/{components → modules/address}/AddressItem/style.js +0 -0
- /package/dist/{templates → modules/address}/AddressesTemplate/style.d.ts +0 -0
- /package/dist/{templates → modules/address}/AddressesTemplate/style.js +0 -0
- /package/dist/{components → modules/address}/EmptyAddress/index.d.ts +0 -0
- /package/dist/{components → modules/address}/EmptyAddress/index.js +0 -0
- /package/dist/{components/SelectShippingBilling → modules/address/SelectShippingBillingPopup}/style.d.ts +0 -0
- /package/dist/{components → modules/address}/ShippingBillingForm/index.d.ts +0 -0
- /package/dist/{components → modules/address}/ShippingBillingForm/style.d.ts +0 -0
- /package/dist/{components → modules/address}/ShippingBillingForm/style.js +0 -0
- /package/dist/{components → modules/address}/ShippingBillingInfo/index.d.ts +0 -0
- /package/dist/{components → modules/address}/ShippingBillingInfo/index.js +0 -0
- /package/dist/{components → modules/address}/ShippingBillingInfo/style.d.ts +0 -0
- /package/dist/{components → modules/address}/ShippingBillingInfo/style.js +0 -0
|
@@ -1,24 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Container, Page } from '@weareconceptstudio/core';
|
|
3
3
|
import { EmptyCart, TotalCheckout, AccountButton, SimpleCartItems } from '../../components';
|
|
4
|
+
import { useAccountContext } from '../../AccountProvider';
|
|
5
|
+
//* Styles
|
|
4
6
|
import CartTemplateStyle from './style';
|
|
5
|
-
const CartTemplate = ({ items, itemsCount, shippingCost, loading, children,
|
|
7
|
+
const CartTemplate = ({ items, itemsCount, shippingCost, loading, children, subtotal, total, actions, btnDisabled, checkoutUrl = '/checkout/' }) => {
|
|
8
|
+
const { shopUrl } = useAccountContext();
|
|
9
|
+
const { maxQty, currency } = useAccountContext();
|
|
6
10
|
return (React.createElement(Page, { className: 'cart use-account' },
|
|
7
11
|
React.createElement(Container, null,
|
|
8
12
|
React.createElement(CartTemplateStyle, null,
|
|
9
13
|
React.createElement(TotalCheckout, { total: total, subtotal: subtotal, itemsCount: itemsCount, shippingCost: shippingCost, buttonProps: {
|
|
10
14
|
url: checkoutUrl,
|
|
11
|
-
text: 'proceedToCheckout',
|
|
12
15
|
disabled: btnDisabled,
|
|
16
|
+
text: 'proceedToCheckout',
|
|
13
17
|
} }, itemsCount > 0 ? (React.createElement(React.Fragment, null,
|
|
14
|
-
React.createElement(SimpleCartItems, { data: items, smallFontSize: true, title: 'myCart',
|
|
15
|
-
edit: { item: true, list: false },
|
|
16
|
-
favorite: true,
|
|
18
|
+
React.createElement(SimpleCartItems, { data: items, smallFontSize: true, maxQty: maxQty, title: 'myCart', actions: actions, currency: currency, className: `cart-st-wrap`, additionalParameters: {
|
|
17
19
|
remove: true,
|
|
18
|
-
horizontalLine: true,
|
|
19
20
|
select: true,
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
horizontalLine: true,
|
|
22
|
+
edit: { list: false },
|
|
23
|
+
} }),
|
|
24
|
+
shopUrl ? (React.createElement(AccountButton, { url: shopUrl, btnType: `purple-text`, text: `continueShopping`, className: `continue-shop-text` })) : null)) : (!loading && (React.createElement(EmptyCart, { data: items, shoppingUrl: shopUrl })))),
|
|
22
25
|
children))));
|
|
23
26
|
};
|
|
24
27
|
export default CartTemplate;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SelectShippingBilling, useAddressContext } from '../../../modules';
|
|
3
|
+
import SelectAddress from '../../../modules/address/SelectAddress';
|
|
4
|
+
import { SimpleCartItems } from '../../../components';
|
|
5
|
+
const StepReview = ({ items }) => {
|
|
6
|
+
const { hasAddressType } = useAddressContext();
|
|
7
|
+
return (React.createElement("div", { className: 'step-review' },
|
|
8
|
+
hasAddressType ? React.createElement(SelectShippingBilling, null) : React.createElement(SelectAddress, { title: 'addresses' }),
|
|
9
|
+
React.createElement(SimpleCartItems, { data: items, smallFontSize: true, title: 'orderItems', className: `checkout-mt`, additionalParameters: {
|
|
10
|
+
remove: false,
|
|
11
|
+
select: false,
|
|
12
|
+
horizontalLine: false,
|
|
13
|
+
edit: { item: false, list: true },
|
|
14
|
+
} })));
|
|
15
|
+
};
|
|
16
|
+
export default StepReview;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { AddressItem, ShippingBillingForm, useAddressContext } from '../../../modules';
|
|
3
|
+
import { CustomCheckbox } from '../../../components';
|
|
4
|
+
const StepShipping = ({ firstStepFormRef }) => {
|
|
5
|
+
const [hide, setHide] = useState();
|
|
6
|
+
const { hasAddressType } = useAddressContext();
|
|
7
|
+
return (React.createElement("div", { className: `billing-shipping-form-wrap` }, hasAddressType ? (React.createElement(React.Fragment, null)) : (React.createElement(ShippingBillingForm, { firstStepFormRef: firstStepFormRef, title: 'address' }))));
|
|
8
|
+
};
|
|
9
|
+
export default StepShipping;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export default CheckoutTemplate;
|
|
2
|
-
declare function CheckoutTemplate({ items, total, subtotal, shippingCost, currency }: {
|
|
2
|
+
declare function CheckoutTemplate({ itemsCount, items, total, subtotal, shippingCost, currency }: {
|
|
3
|
+
itemsCount: any;
|
|
3
4
|
items: any;
|
|
4
5
|
total: any;
|
|
5
6
|
subtotal: any;
|
|
@@ -1,155 +1,35 @@
|
|
|
1
|
-
import React, { useCallback,
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import React, { useCallback, useRef } from 'react';
|
|
2
|
+
import { useAddressContext } from '../../modules';
|
|
3
|
+
import { Container, Page } from '@weareconceptstudio/core';
|
|
4
|
+
import { Sequence, TotalCheckout } from '../../components';
|
|
5
|
+
import StepShipping from './StepShipping';
|
|
6
|
+
import StepReview from './StepReview';
|
|
4
7
|
import CheckoutTemplateStyle from './style';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const createAddress = () => { };
|
|
9
|
-
const shipping_addresses = [
|
|
10
|
-
{
|
|
11
|
-
first_name: 'Karlen',
|
|
12
|
-
last_name: 'Nersisyan',
|
|
13
|
-
address_1: 'Araratyan st.',
|
|
14
|
-
address_2: '58/5',
|
|
15
|
-
region: {
|
|
16
|
-
name: 'Sengavit',
|
|
17
|
-
},
|
|
18
|
-
zip_code: '3027',
|
|
19
|
-
city: {
|
|
20
|
-
name: 'Yerevan',
|
|
21
|
-
},
|
|
22
|
-
country: {
|
|
23
|
-
name: 'Armenia',
|
|
24
|
-
},
|
|
25
|
-
phone_number: '077250899',
|
|
26
|
-
is_default: true,
|
|
27
|
-
},
|
|
28
|
-
];
|
|
29
|
-
const billing_addresses = [
|
|
30
|
-
{
|
|
31
|
-
first_name: 'Karlen',
|
|
32
|
-
last_name: 'Nersisyan',
|
|
33
|
-
address_1: 'Araratyan st.',
|
|
34
|
-
address_2: '58/5',
|
|
35
|
-
region: {
|
|
36
|
-
name: 'Sengavit',
|
|
37
|
-
},
|
|
38
|
-
zip_code: '3027',
|
|
39
|
-
city: {
|
|
40
|
-
name: 'Yerevan',
|
|
41
|
-
},
|
|
42
|
-
country: {
|
|
43
|
-
name: 'Armenia',
|
|
44
|
-
},
|
|
45
|
-
phone_number: '077250899',
|
|
46
|
-
is_default: true,
|
|
47
|
-
},
|
|
48
|
-
];
|
|
49
|
-
const globalData = {
|
|
50
|
-
countries: [],
|
|
51
|
-
};
|
|
52
|
-
const user = {
|
|
53
|
-
verified: true,
|
|
54
|
-
};
|
|
55
|
-
const getCart = () => { };
|
|
56
|
-
const checkout = () => { };
|
|
57
|
-
const CheckoutTemplate = ({ items, total, subtotal, shippingCost, currency }) => {
|
|
58
|
-
const { openPopup } = useUi();
|
|
59
|
-
//! Ref
|
|
60
|
-
const formRef = useRef();
|
|
61
|
-
const getDefaultShippingAddress = useMemo(() => {
|
|
62
|
-
return shipping_addresses.find((item) => item.is_default);
|
|
63
|
-
}, [shipping_addresses]);
|
|
64
|
-
const getDefaultBillingAddress = useMemo(() => {
|
|
65
|
-
return billing_addresses.find((item) => item.is_default);
|
|
66
|
-
}, [billing_addresses]);
|
|
67
|
-
//! States
|
|
68
|
-
const [hide, setHide] = useState(false);
|
|
69
|
-
const [countryShippingId, setShippingCountryId] = useState(globalData.countries.length > 1 ? '' : 1);
|
|
70
|
-
const [countryBillingId, setBillingCountryId] = useState(globalData.countries.length > 1 ? '' : 1);
|
|
71
|
-
const [regionShippingId, setShippingRegionId] = useState();
|
|
72
|
-
const [regionBillingId, setBillingRegionId] = useState();
|
|
73
|
-
const [selectedAddresses, setSelectedAddresses] = useState({ shipping: getDefaultShippingAddress, billing: getDefaultBillingAddress });
|
|
74
|
-
useEffect(() => {
|
|
75
|
-
setSelectedAddresses({ shipping: getDefaultShippingAddress, billing: getDefaultBillingAddress });
|
|
76
|
-
getCart({ addressId: getDefaultShippingAddress?.id });
|
|
77
|
-
}, [getDefaultShippingAddress, getDefaultBillingAddress]);
|
|
78
|
-
const handleCheckoutFirstStep = useCallback(() => {
|
|
79
|
-
return formRef.current.submit();
|
|
80
|
-
}, []);
|
|
81
|
-
const handleCheckoutSecondStep = useCallback((note) => {
|
|
82
|
-
return checkout({ shipping_address_id: selectedAddresses.shipping.id, billing_address_id: selectedAddresses.billing.id, subtotal, total, note });
|
|
83
|
-
}, [total, subtotal, selectedAddresses]);
|
|
84
|
-
const handleFormFinish = useCallback((vals) => {
|
|
85
|
-
if (hide) {
|
|
86
|
-
let shippingAddress = Object.assign({}, vals.shipping);
|
|
87
|
-
let billingAddress = Object.assign({}, vals.shipping);
|
|
88
|
-
billingAddress.type = 'billing';
|
|
89
|
-
return createAddress({ ...shippingAddress }), createAddress({ ...billingAddress });
|
|
90
|
-
}
|
|
91
|
-
else {
|
|
92
|
-
return vals.shipping && createAddress({ ...vals.shipping }), vals.billing && createAddress({ ...vals.billing });
|
|
93
|
-
}
|
|
94
|
-
}, [hide]);
|
|
95
|
-
//! handle form change
|
|
96
|
-
const handleFormChange = useCallback((val) => {
|
|
97
|
-
const name = Object.keys(Object.values(val)[0])[0];
|
|
98
|
-
const value = Object.values(val)[0]?.[`${name}`];
|
|
99
|
-
if (name === 'country_id') {
|
|
100
|
-
setShippingCountryId(value);
|
|
101
|
-
setBillingCountryId(value);
|
|
102
|
-
setShippingRegionId('');
|
|
103
|
-
setBillingRegionId('');
|
|
104
|
-
formRef.current.setFieldsValue({ region_id: '', city_id: '' });
|
|
105
|
-
}
|
|
106
|
-
else if (name === 'region_id') {
|
|
107
|
-
setShippingRegionId(value);
|
|
108
|
-
setBillingRegionId(value);
|
|
109
|
-
formRef.current.setFieldsValue({ city_id: '' });
|
|
110
|
-
}
|
|
111
|
-
}, []);
|
|
112
|
-
//! Handle Popups
|
|
113
|
-
const handleAddNewShippingAddressPopup = useCallback(() => {
|
|
114
|
-
openPopup(React.createElement(AddressForm, { title: `addNewShippingAddress`, selected: { value: false, type: 'shipping' } }));
|
|
115
|
-
}, []);
|
|
116
|
-
const handleAddNewBillingAddressPopup = useCallback(() => {
|
|
117
|
-
openPopup(React.createElement(AddressForm, { title: `addNewBillingAddress`, selected: { value: false, type: 'billing' } }));
|
|
118
|
-
}, []);
|
|
119
|
-
const handleShippingChangePopup = useCallback(() => {
|
|
120
|
-
openPopup(React.createElement(SelectShippingBilling, { type: 'shipping', data: shipping_addresses, title: 'selectShippingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewShippingAddressPopup }));
|
|
121
|
-
}, [shipping_addresses, selectedAddresses]);
|
|
122
|
-
const handleBillingChangePopup = useCallback(() => {
|
|
123
|
-
openPopup(React.createElement(SelectShippingBilling, { type: 'billing', data: billing_addresses, title: 'selectBillingAddress', selectedAddresses: selectedAddresses, setSelectedAddresses: setSelectedAddresses, handleClick: handleAddNewBillingAddressPopup }));
|
|
124
|
-
}, [billing_addresses, selectedAddresses]);
|
|
125
|
-
//! User data
|
|
8
|
+
const CheckoutTemplate = ({ itemsCount, items, total, subtotal, shippingCost, currency }) => {
|
|
9
|
+
const { hasCheckoutAddress } = useAddressContext();
|
|
10
|
+
const firstStepFormRef = useRef();
|
|
126
11
|
const checkStep = {
|
|
127
|
-
isShipping:
|
|
128
|
-
isReview:
|
|
12
|
+
isShipping: hasCheckoutAddress,
|
|
13
|
+
isReview: !hasCheckoutAddress,
|
|
14
|
+
};
|
|
15
|
+
const handleCheckoutFirstStep = () => {
|
|
16
|
+
firstStepFormRef.current.submit();
|
|
129
17
|
};
|
|
18
|
+
const handleCheckoutSecondStep = () => { };
|
|
19
|
+
const handleCheckoutBtn = useCallback(() => {
|
|
20
|
+
checkStep.isShipping ? handleCheckoutFirstStep() : handleCheckoutSecondStep();
|
|
21
|
+
}, [checkStep]);
|
|
130
22
|
return (React.createElement(Page, { className: 'checkout use-account' },
|
|
131
|
-
React.createElement(Container, null,
|
|
132
|
-
React.createElement(
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
// ref={formRef}
|
|
143
|
-
onChange: handleFormChange, onSubmit: handleFormFinish, initialValues: { shipping: { country_id: 1, type: 'shipping', is_default: true }, billing: { country_id: 1, type: 'billing', is_default: true } } })),
|
|
144
|
-
!(billing_addresses?.length > 0 || shipping_addresses?.length > 0) ? (React.createElement(CustomCheckbox, { hide: hide, setHide: setHide })) : null,
|
|
145
|
-
!hide &&
|
|
146
|
-
(billing_addresses?.length > 0 ? (React.createElement("div", { className: `billing-address-wrapper` },
|
|
147
|
-
React.createElement(AddressItem, { type: 'billing', select_address: false, checkout_review: false, title: 'billingAddress', data: getDefaultBillingAddress, onClick: handleBillingChangePopup }))) : (React.createElement(ShippingBillingForm, { type: `billing`, title: `billingAddress`, regionId: regionBillingId, countryId: countryBillingId, className: `billing-wrapper`,
|
|
148
|
-
// ref={formRef}
|
|
149
|
-
onChange: handleFormChange, onSubmit: handleFormFinish, initialValues: { shipping: { country_id: 1, type: 'shipping', is_default: true }, billing: { country_id: 1, type: 'billing', is_default: true } } }))))) : (React.createElement(React.Fragment, null,
|
|
150
|
-
React.createElement("div", { className: `shipping-billing-change-wrapper` },
|
|
151
|
-
React.createElement(AddressItem, { checkout_review: true, type: 'shipping', select_address: false, title: 'shippingAddress', data: selectedAddresses.shipping, onClick: handleShippingChangePopup, setSelectedAddresses: setSelectedAddresses }),
|
|
152
|
-
React.createElement(AddressItem, { checkout_review: true, type: 'billing', select_address: false, title: 'billingAddress', data: selectedAddresses.billing, onClick: handleBillingChangePopup, setSelectedAddresses: setSelectedAddresses })),
|
|
153
|
-
React.createElement("div", null, "Cart Items")))))))));
|
|
23
|
+
React.createElement(Container, null,
|
|
24
|
+
React.createElement(CheckoutTemplateStyle, null,
|
|
25
|
+
React.createElement(TotalCheckout, { total: total, subtotal: subtotal, currency: currency, itemsCount: itemsCount, shippingCost: shippingCost, isShipping: checkStep.isShipping, buttonProps: {
|
|
26
|
+
url: false,
|
|
27
|
+
disabled: false,
|
|
28
|
+
handleClick: handleCheckoutBtn,
|
|
29
|
+
type: checkStep.isShipping ? 'submit' : 'button',
|
|
30
|
+
text: checkStep.isShipping ? 'proceedToCheckout' : 'proceedToPayment',
|
|
31
|
+
} },
|
|
32
|
+
React.createElement(Sequence, { step: checkStep.isShipping ? 'shipping' : 'review' }),
|
|
33
|
+
checkStep.isShipping ? React.createElement(StepShipping, { firstStepFormRef: firstStepFormRef }) : React.createElement(StepReview, { items: items }))))));
|
|
154
34
|
};
|
|
155
35
|
export default CheckoutTemplate;
|
|
@@ -27,6 +27,15 @@ const CheckoutTemplateStyle = styled.section `
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
.billing-address-wrapper {
|
|
31
|
+
margin-left: calc(-1 * calc(var(--account_itemDistance) / 2));
|
|
32
|
+
margin-top: var(--account_itemDistance);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.shipping-address-wrapper {
|
|
36
|
+
margin-left: calc(-1 * calc(var(--account_itemDistance) / 2));
|
|
37
|
+
}
|
|
38
|
+
|
|
30
39
|
.confirmation-wrapper {
|
|
31
40
|
max-width: var(--account_confWrapMaxWidth);
|
|
32
41
|
margin-top: var(--account_confWrapMTop);
|
|
@@ -54,15 +63,6 @@ const CheckoutTemplateStyle = styled.section `
|
|
|
54
63
|
}
|
|
55
64
|
}
|
|
56
65
|
|
|
57
|
-
.billing-address-wrapper {
|
|
58
|
-
margin-left: calc(-1 * calc(var(--account_itemDistance) / 2));
|
|
59
|
-
margin-top: var(--account_itemDistance);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.shipping-address-wrapper {
|
|
63
|
-
margin-left: calc(-1 * calc(var(--account_itemDistance) / 2));
|
|
64
|
-
}
|
|
65
|
-
|
|
66
66
|
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
|
|
67
67
|
--account_billingWrapperMTop: var(--sp11x);
|
|
68
68
|
--account_itemDistance: var(--sp4x);
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { AccountButton } from '../../components';
|
|
4
4
|
import OrderDetails from '../../components/OrderDetails';
|
|
5
5
|
import OrderedItems from '../../components/OrderedItems';
|
|
6
|
-
import ShippingBillingInfo from '../../
|
|
6
|
+
import ShippingBillingInfo from '../../modules/address/ShippingBillingInfo';
|
|
7
7
|
//* Style
|
|
8
8
|
import IndividualTemplateStyle from './style';
|
|
9
9
|
const IndividualTemplate = ({ pageData }) => {
|
|
@@ -7,6 +7,5 @@ export { default as AccountTemplate } from './AccountTemplate';
|
|
|
7
7
|
export { default as AccountSettingsTemplate } from './AccountSettingsTemplate';
|
|
8
8
|
export { default as OrderHistoryTemplate } from './OrderHistoryTemplate';
|
|
9
9
|
export { default as OrderIndividualTemplate } from './OrderIndividualTemplate';
|
|
10
|
-
export { default as AddressesTemplate } from './AddressesTemplate';
|
|
11
10
|
export { default as CartTemplate } from './CartTemplate';
|
|
12
11
|
export { default as CheckoutTemplate } from './CheckoutTemplate';
|
package/dist/templates/index.js
CHANGED
|
@@ -9,7 +9,6 @@ export { default as AccountTemplate } from './AccountTemplate';
|
|
|
9
9
|
export { default as AccountSettingsTemplate } from './AccountSettingsTemplate';
|
|
10
10
|
export { default as OrderHistoryTemplate } from './OrderHistoryTemplate';
|
|
11
11
|
export { default as OrderIndividualTemplate } from './OrderIndividualTemplate';
|
|
12
|
-
export { default as AddressesTemplate } from './AddressesTemplate';
|
|
13
12
|
// ======================== Cart ======================== //
|
|
14
13
|
export { default as CartTemplate } from './CartTemplate';
|
|
15
14
|
// ======================== Cart ======================== //
|
|
@@ -1,31 +1,19 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
-
saveAndApply: string;
|
|
3
|
-
addNewAdd: string;
|
|
4
2
|
editCart: string;
|
|
5
3
|
shopNow: string;
|
|
6
|
-
firstName: string;
|
|
7
|
-
lastName: string;
|
|
8
|
-
email: string;
|
|
9
|
-
phone: string;
|
|
10
|
-
password: string;
|
|
11
4
|
noData: string;
|
|
12
|
-
contactUs: string;
|
|
13
5
|
privacyPolicy: string;
|
|
14
6
|
welcomeBack: string;
|
|
15
7
|
login: string;
|
|
16
|
-
forgotPasswordLink: string;
|
|
17
8
|
accountText: string;
|
|
18
9
|
joinNow: string;
|
|
10
|
+
forgotPasswordLink: string;
|
|
19
11
|
forgotPassword: string;
|
|
20
12
|
forgotPasswordDescription: string;
|
|
21
|
-
submit: string;
|
|
22
13
|
thankYou: string;
|
|
23
14
|
recoveryText: string;
|
|
24
15
|
tryAgainText: string;
|
|
25
16
|
tryAgain: string;
|
|
26
|
-
newPassword: string;
|
|
27
|
-
confirmNewPassword: string;
|
|
28
|
-
resetPassword: string;
|
|
29
17
|
successfullyMessage: string;
|
|
30
18
|
registration: string;
|
|
31
19
|
alreadyHaveAnAccount: string;
|
|
@@ -44,75 +32,115 @@ declare const _default: {
|
|
|
44
32
|
codeResendSuccessTitle: string;
|
|
45
33
|
codeResendSuccessSubtitle: string;
|
|
46
34
|
myAccount: string;
|
|
35
|
+
accountInformation: string;
|
|
47
36
|
accountSettings: string;
|
|
48
37
|
orderHistory: string;
|
|
49
|
-
addresses: string;
|
|
50
38
|
signOut: string;
|
|
51
|
-
|
|
52
|
-
edit: string;
|
|
39
|
+
firstName: string;
|
|
53
40
|
first_name: string;
|
|
41
|
+
firstNamePlaceholder: string;
|
|
54
42
|
last_name: string;
|
|
55
|
-
|
|
43
|
+
lastName: string;
|
|
44
|
+
lastNamePlaceholder: string;
|
|
56
45
|
email_: string;
|
|
46
|
+
emailPlaceholder: string;
|
|
47
|
+
email: string;
|
|
48
|
+
phone: string;
|
|
49
|
+
phone_: string;
|
|
50
|
+
phone_input: string;
|
|
51
|
+
phonePlaceholder: string;
|
|
52
|
+
password: string;
|
|
57
53
|
password_: string;
|
|
58
54
|
password_title: string;
|
|
59
|
-
cancel: string;
|
|
60
|
-
phone_input: string;
|
|
61
|
-
enterCurrentPassword: string;
|
|
62
|
-
enterNewPassword: string;
|
|
63
|
-
firstNamePlaceholder: string;
|
|
64
|
-
lastNamePlaceholder: string;
|
|
65
|
-
emailPlaceholder: string;
|
|
66
55
|
passwordPlaceholder: string;
|
|
67
|
-
|
|
56
|
+
enterCurrentPassword: string;
|
|
68
57
|
enterCurrentPasswordPlaceholder: string;
|
|
58
|
+
enterNewPassword: string;
|
|
69
59
|
enterNewPasswordPlaceholder: string;
|
|
70
60
|
newPasswordPlaceholder: string;
|
|
71
61
|
confirmNewPasswordPlaceholder: string;
|
|
62
|
+
recoverPassword: string;
|
|
63
|
+
recoverPasswordDesc: string;
|
|
64
|
+
newPassword: string;
|
|
65
|
+
confirmNewPassword: string;
|
|
66
|
+
resetPassword: string;
|
|
72
67
|
emptyTitle: string;
|
|
73
68
|
emptyDesc: string;
|
|
69
|
+
cancel: string;
|
|
70
|
+
canceled: string;
|
|
71
|
+
backToList: string;
|
|
72
|
+
saveChanges: string;
|
|
73
|
+
continueToShop: string;
|
|
74
|
+
saveAndApply: string;
|
|
75
|
+
remove: string;
|
|
76
|
+
goHome: string;
|
|
77
|
+
change: string;
|
|
78
|
+
edit: string;
|
|
79
|
+
submit: string;
|
|
80
|
+
orderItems: string;
|
|
74
81
|
orderDate: string;
|
|
75
82
|
totalItems: string;
|
|
76
83
|
orderNumber: string;
|
|
77
84
|
orderStatus: string;
|
|
78
85
|
totalPrice: string;
|
|
79
86
|
viewOrder: string;
|
|
80
|
-
sortBy: string;
|
|
81
|
-
sortByWithSymbol: string;
|
|
82
|
-
delivered: string;
|
|
83
|
-
canceled: string;
|
|
84
87
|
inProgress: string;
|
|
85
88
|
orderDetails: string;
|
|
86
89
|
deliverDate: string;
|
|
90
|
+
sortBy: string;
|
|
91
|
+
sortByWithSymbol: string;
|
|
92
|
+
delivered: string;
|
|
93
|
+
addresses: string;
|
|
94
|
+
address: string;
|
|
87
95
|
shippingAndBillingInfo: string;
|
|
88
96
|
shippedTo: string;
|
|
89
|
-
|
|
90
|
-
item: string;
|
|
91
|
-
quantity: string;
|
|
92
|
-
price: string;
|
|
93
|
-
total: string;
|
|
94
|
-
orderItems: string;
|
|
95
|
-
billedTo: string;
|
|
96
|
-
color: string;
|
|
97
|
-
size: string;
|
|
98
|
-
clearAll: string;
|
|
97
|
+
addNewAdd: string;
|
|
99
98
|
shippingAddress: string;
|
|
100
99
|
billingAddress: string;
|
|
101
100
|
emptyAddress: string;
|
|
102
|
-
default: string;
|
|
103
|
-
remove: string;
|
|
104
101
|
deleteAddressMessage: string;
|
|
105
102
|
confirmDeleteAddress: string;
|
|
103
|
+
addNewAddress: string;
|
|
106
104
|
addNewShippingAddress: string;
|
|
107
105
|
addNewBillingAddress: string;
|
|
106
|
+
updateYourAddress: string;
|
|
108
107
|
updateYourShippingAddress: string;
|
|
109
108
|
updateYourBillingAddress: string;
|
|
109
|
+
thisYourDefaultAddress: string;
|
|
110
110
|
thisYourDefaultShippingAddress: string;
|
|
111
111
|
thisYourDefaultBillingAddress: string;
|
|
112
112
|
makeYourDefaultShippingAddress: string;
|
|
113
113
|
makeYourDefaultBillingAddress: string;
|
|
114
|
+
makeYourDefaultAddress: string;
|
|
115
|
+
defaultAddress: string;
|
|
114
116
|
defaultShippingAddress: string;
|
|
115
117
|
defaultBillingAddress: string;
|
|
118
|
+
addToCart: string;
|
|
119
|
+
addedToCart: string;
|
|
120
|
+
quantityWithSymbol: string;
|
|
121
|
+
free: string;
|
|
122
|
+
shippingCost: string;
|
|
123
|
+
cartEmpty: string;
|
|
124
|
+
cartEmptyDesc: string;
|
|
125
|
+
orderSummary: string;
|
|
126
|
+
subtotal: string;
|
|
127
|
+
shipping: string;
|
|
128
|
+
myCart: string;
|
|
129
|
+
proceedToCheckout: string;
|
|
130
|
+
continueShopping: string;
|
|
131
|
+
proceedToPayment: string;
|
|
132
|
+
checkoutCommentPlaceholder: string;
|
|
133
|
+
item: string;
|
|
134
|
+
quantity: string;
|
|
135
|
+
price: string;
|
|
136
|
+
total: string;
|
|
137
|
+
yourSettingsHaveBeenSaved: string;
|
|
138
|
+
yourPasswordHaveBeenChanged: string;
|
|
139
|
+
removeAccount: string;
|
|
140
|
+
deleteYourAccount: string;
|
|
141
|
+
deleteYourAccountDesc: string;
|
|
142
|
+
billedTo: string;
|
|
143
|
+
default: string;
|
|
116
144
|
country: string;
|
|
117
145
|
countryPlaceholder: string;
|
|
118
146
|
address_1: string;
|
|
@@ -123,107 +151,18 @@ declare const _default: {
|
|
|
123
151
|
zipCodePlaceholder: string;
|
|
124
152
|
city: string;
|
|
125
153
|
cityPlaceholder: string;
|
|
126
|
-
address_1IsRequired: string;
|
|
127
|
-
cityIsRequired: string;
|
|
128
|
-
zip_codeIsRequired: string;
|
|
129
154
|
done: string;
|
|
130
|
-
outOfStock: string;
|
|
131
|
-
cartEmpty: string;
|
|
132
|
-
cartEmptyDesc: string;
|
|
133
|
-
orderSummary: string;
|
|
134
|
-
subtotal: string;
|
|
135
|
-
shipping: string;
|
|
136
|
-
proceedToCheckout: string;
|
|
137
|
-
continueShopping: string;
|
|
138
|
-
myCart: string;
|
|
139
|
-
addToWishlist: string;
|
|
140
|
-
productDetails: string;
|
|
141
|
-
shippingInformation: string;
|
|
142
|
-
productSku: string;
|
|
143
|
-
colorCode: string;
|
|
144
|
-
message404Title: string;
|
|
145
|
-
message404Desc: string;
|
|
146
|
-
goHome: string;
|
|
147
155
|
useAlsoBillingAddress: string;
|
|
148
|
-
|
|
156
|
+
shippingInformation: string;
|
|
149
157
|
payment: string;
|
|
150
158
|
confirmation: string;
|
|
151
|
-
change: string;
|
|
152
159
|
billing: string;
|
|
153
160
|
selectShippingAddress: string;
|
|
154
161
|
selectBillingAddress: string;
|
|
155
|
-
confirmMessageTitle: string;
|
|
156
|
-
confirmMessageDesc: string;
|
|
157
|
-
mostPopular: string;
|
|
158
|
-
trendingProducts: string;
|
|
159
|
-
youMayAlsoLike: string;
|
|
160
|
-
mostWanted: string;
|
|
161
162
|
all: string;
|
|
162
163
|
by: string;
|
|
163
|
-
read: string;
|
|
164
|
-
blogIndSendEmailText: string;
|
|
165
|
-
frequentlyAskedQuestions: string;
|
|
166
|
-
followUsDesc: string;
|
|
167
164
|
view: string;
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
resetAllFilters: string;
|
|
171
|
-
readingMaterial: string;
|
|
172
|
-
subscribeSectionPlaceholder: string;
|
|
173
|
-
subscribeSectionBtnText: string;
|
|
174
|
-
partnership: string;
|
|
175
|
-
quantityWithSymbol: string;
|
|
176
|
-
saveChanges: string;
|
|
177
|
-
yourSettingsHaveBeenSaved: string;
|
|
178
|
-
yourPasswordHaveBeenChanged: string;
|
|
179
|
-
oopsNoResults: string;
|
|
180
|
-
searchEmptyMessage: string;
|
|
181
|
-
removeAccount: string;
|
|
182
|
-
recoverPassword: string;
|
|
183
|
-
recoverPasswordDesc: string;
|
|
184
|
-
deleteYourAccount: string;
|
|
185
|
-
deleteYourAccountDesc: string;
|
|
186
|
-
zeroItems: string;
|
|
187
|
-
zeroItemsDesc: string;
|
|
188
|
-
myWishlist: string;
|
|
189
|
-
removeFromList: string;
|
|
190
|
-
city_idIsRequired: string;
|
|
191
|
-
warningMessageFirstPart: string;
|
|
192
|
-
warningMessageSecondPart: string;
|
|
193
|
-
proceedToPayment: string;
|
|
194
|
-
checkoutCommentPlaceholder: string;
|
|
195
|
-
footerEmailIsRequired: string;
|
|
196
|
-
free: string;
|
|
197
|
-
shippingCost: string;
|
|
198
|
-
addToTheRegistry: string;
|
|
199
|
-
addedToTheRegistry: string;
|
|
200
|
-
recommended: string;
|
|
201
|
-
writeReview: string;
|
|
202
|
-
editReview: string;
|
|
203
|
-
writeReviewDesc: string;
|
|
204
|
-
writeYourReview: string;
|
|
205
|
-
writeYourReviewDesc1: string;
|
|
206
|
-
reviewGuidelinesWithSymbol: string;
|
|
207
|
-
writeYourReviewDesc2: string;
|
|
208
|
-
contactUsWithSymbol: string;
|
|
209
|
-
yourOverallRating: string;
|
|
210
|
-
wouldYouRecommend: string;
|
|
211
|
-
yes: string;
|
|
212
|
-
no: string;
|
|
213
|
-
reviewTitle: string;
|
|
214
|
-
type: string;
|
|
215
|
-
yourReview: string;
|
|
216
|
-
upload: string;
|
|
217
|
-
submitReview: string;
|
|
218
|
-
is_recommendedIsRequired: string;
|
|
219
|
-
productReviewGuidelines: string;
|
|
220
|
-
archiveRegistry: string;
|
|
221
|
-
noteMessage: string;
|
|
222
|
-
iRecommendThisProduct: string;
|
|
223
|
-
removeRegistryPopupTitle: string;
|
|
224
|
-
removeRegistryPopupDesc: string;
|
|
225
|
-
thankYouPopupTitle: string;
|
|
226
|
-
thankYouPopupDesc: string;
|
|
227
|
-
continueToShop: string;
|
|
165
|
+
confirmMessageTitle: string;
|
|
166
|
+
confirmMessageDesc: string;
|
|
228
167
|
};
|
|
229
168
|
export default _default;
|