@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.
Files changed (96) hide show
  1. package/dist/AccountProvider.d.ts +4 -1
  2. package/dist/AccountProvider.js +9 -7
  3. package/dist/components/EmptyOrders/index.js +5 -4
  4. package/dist/components/OrderedItems/index.d.ts +1 -1
  5. package/dist/components/OrderedItems/index.js +4 -37
  6. package/dist/components/TotalCheckout/index.js +13 -18
  7. package/dist/components/TotalCheckout/style.js +0 -7
  8. package/dist/components/cart/EmptyCart/index.js +3 -3
  9. package/dist/components/cart/EmptyCart/style.js +1 -1
  10. package/dist/components/cart/Items/Simple/Item/index.js +12 -20
  11. package/dist/components/cart/Items/Simple/ItemMobile/index.js +13 -36
  12. package/dist/components/cart/Items/Simple/index.js +10 -9
  13. package/dist/components/cart/Items/Simple/style.js +14 -7
  14. package/dist/components/index.d.ts +0 -6
  15. package/dist/components/index.js +0 -6
  16. package/dist/components/ui/AccountButton/index.js +5 -2
  17. package/dist/components/ui/AccountButton/style.js +3 -1
  18. package/dist/index.d.ts +1 -0
  19. package/dist/index.js +1 -0
  20. package/dist/modules/address/AddressForm/index.js +44 -0
  21. package/dist/{components → modules/address}/AddressItem/index.d.ts +2 -4
  22. package/dist/{components → modules/address}/AddressItem/index.js +11 -11
  23. package/dist/modules/address/AddressProvider.d.ts +7 -0
  24. package/dist/modules/address/AddressProvider.js +57 -0
  25. package/dist/{components → modules/address}/AddressWrap/index.d.ts +3 -2
  26. package/dist/{components → modules/address}/AddressWrap/index.js +7 -7
  27. package/dist/modules/address/AddressesTemplate/index.d.ts +3 -0
  28. package/dist/modules/address/AddressesTemplate/index.js +11 -0
  29. package/dist/modules/address/SelectAddress/index.d.ts +6 -0
  30. package/dist/modules/address/SelectAddress/index.js +22 -0
  31. package/dist/modules/address/SelectAddress/style.d.ts +2 -0
  32. package/dist/modules/address/SelectAddress/style.js +68 -0
  33. package/dist/modules/address/SelectShippingBilling/index.d.ts +3 -0
  34. package/dist/modules/address/SelectShippingBilling/index.js +29 -0
  35. package/dist/modules/address/SelectShippingBillingPopup/index.d.ts +3 -0
  36. package/dist/modules/address/SelectShippingBillingPopup/index.js +25 -0
  37. package/dist/{components/SelectShippingBilling → modules/address/SelectShippingBillingPopup}/style.js +0 -43
  38. package/dist/modules/address/ShippingBillingForm/index.js +15 -0
  39. package/dist/modules/address/index.d.ts +9 -0
  40. package/dist/modules/address/index.js +9 -0
  41. package/dist/modules/index.d.ts +1 -0
  42. package/dist/modules/index.js +1 -0
  43. package/dist/templates/AccountSettingsTemplate/AccountInfo/index.js +1 -1
  44. package/dist/templates/AccountTemplate/index.js +1 -1
  45. package/dist/templates/AccountTemplate/style.js +0 -6
  46. package/dist/templates/CartTemplate/index.d.ts +1 -2
  47. package/dist/templates/CartTemplate/index.js +11 -8
  48. package/dist/templates/CheckoutTemplate/StepReview/index.d.ts +5 -0
  49. package/dist/templates/CheckoutTemplate/StepReview/index.js +16 -0
  50. package/dist/templates/CheckoutTemplate/StepShipping/index.d.ts +5 -0
  51. package/dist/templates/CheckoutTemplate/StepShipping/index.js +9 -0
  52. package/dist/templates/CheckoutTemplate/index.d.ts +2 -1
  53. package/dist/templates/CheckoutTemplate/index.js +29 -149
  54. package/dist/templates/CheckoutTemplate/style.js +9 -9
  55. package/dist/templates/OrderIndividualTemplate/index.js +1 -1
  56. package/dist/templates/index.d.ts +0 -1
  57. package/dist/templates/index.js +0 -1
  58. package/dist/translations/en.d.ts +72 -133
  59. package/dist/translations/en.js +84 -133
  60. package/dist/translations/hy.d.ts +74 -64
  61. package/dist/translations/hy.js +177 -155
  62. package/dist/translations/index.d.ts +218 -289
  63. package/dist/translations/ru.d.ts +72 -92
  64. package/dist/translations/ru.js +177 -185
  65. package/dist/utils/_functions.d.ts +0 -3
  66. package/dist/utils/_functions.js +0 -10
  67. package/package.json +1 -1
  68. package/dist/components/AddressForm/index.js +0 -99
  69. package/dist/components/FavoriteButton/index.d.ts +0 -3
  70. package/dist/components/FavoriteButton/index.js +0 -42
  71. package/dist/components/OrderedItems/ReviewPopup/index.d.ts +0 -0
  72. package/dist/components/OrderedItems/ReviewPopup/index.js +0 -202
  73. package/dist/components/OrderedItems/ReviewPopup/style.d.ts +0 -2
  74. package/dist/components/OrderedItems/ReviewPopup/style.js +0 -329
  75. package/dist/components/SelectShippingBilling/index.d.ts +0 -3
  76. package/dist/components/SelectShippingBilling/index.js +0 -31
  77. package/dist/components/ShippingBillingForm/index.js +0 -96
  78. package/dist/templates/AddressesTemplate/index.d.ts +0 -6
  79. package/dist/templates/AddressesTemplate/index.js +0 -9
  80. /package/dist/{components → modules/address}/AddressForm/index.d.ts +0 -0
  81. /package/dist/{components → modules/address}/AddressForm/style.d.ts +0 -0
  82. /package/dist/{components → modules/address}/AddressForm/style.js +0 -0
  83. /package/dist/{components → modules/address}/AddressItem/style.d.ts +0 -0
  84. /package/dist/{components → modules/address}/AddressItem/style.js +0 -0
  85. /package/dist/{templates → modules/address}/AddressesTemplate/style.d.ts +0 -0
  86. /package/dist/{templates → modules/address}/AddressesTemplate/style.js +0 -0
  87. /package/dist/{components → modules/address}/EmptyAddress/index.d.ts +0 -0
  88. /package/dist/{components → modules/address}/EmptyAddress/index.js +0 -0
  89. /package/dist/{components/SelectShippingBilling → modules/address/SelectShippingBillingPopup}/style.d.ts +0 -0
  90. /package/dist/{components → modules/address}/ShippingBillingForm/index.d.ts +0 -0
  91. /package/dist/{components → modules/address}/ShippingBillingForm/style.d.ts +0 -0
  92. /package/dist/{components → modules/address}/ShippingBillingForm/style.js +0 -0
  93. /package/dist/{components → modules/address}/ShippingBillingInfo/index.d.ts +0 -0
  94. /package/dist/{components → modules/address}/ShippingBillingInfo/index.js +0 -0
  95. /package/dist/{components → modules/address}/ShippingBillingInfo/style.d.ts +0 -0
  96. /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, shoppingUrl, subtotal, total, actions, btnDisabled, checkoutUrl = '/checkout/' }) => {
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', favorites: [], className: `cart-st-wrap`, additionalParameters: {
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
- }, actions: actions }),
21
- shoppingUrl ? (React.createElement(AccountButton, { btnType: `purple-text`, text: `continueShopping`, className: `continue-shop-text`, url: shoppingUrl })) : null)) : (!loading && (React.createElement(EmptyCart, { data: items, shoppingUrl: shoppingUrl })))),
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,5 @@
1
+ export default StepReview;
2
+ declare function StepReview({ items }: {
3
+ items: any;
4
+ }): React.JSX.Element;
5
+ import React from 'react';
@@ -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,5 @@
1
+ export default StepShipping;
2
+ declare function StepShipping({ firstStepFormRef }: {
3
+ firstStepFormRef: any;
4
+ }): React.JSX.Element;
5
+ import React from 'react';
@@ -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, useEffect, useMemo, useRef, useState } from 'react';
2
- import { Container, useUi, Page } from '@weareconceptstudio/core';
3
- //* Style
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
- //* Components
6
- import { AddressForm, AddressItem, CustomCheckbox, SelectShippingBilling, Sequence, ShippingBillingForm, TotalCheckout } from '../../components';
7
- //TODO: router.push, createAddress, shipping_addresses, billing_addresses, globalData, user, items, total, subtotal, shippingCost, currency, getCart , checkout
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: !(shipping_addresses.length > 0 && billing_addresses.length > 0),
128
- isReview: true,
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, user && user.verified && (React.createElement(CheckoutTemplateStyle, null,
132
- React.createElement(TotalCheckout, { total: total, products: items, subtotal: subtotal, currency: currency, shippingCost: shippingCost, isShipping: checkStep.isShipping, buttonProps: {
133
- url: false,
134
- type: checkStep.isShipping ? 'submit' : 'button',
135
- text: checkStep.isShipping ? 'proceedToCheckout' : 'proceedToPayment',
136
- handleClick: checkStep.isShipping ? handleCheckoutFirstStep : handleCheckoutSecondStep,
137
- } },
138
- React.createElement(Sequence, { step: checkStep.isShipping ? 'shipping' : 'review' }),
139
- checkStep.isShipping ? (React.createElement("div", { className: `billing-shipping-form-wrap` },
140
- shipping_addresses.length > 0 ? (React.createElement("div", { className: `shipping-address-wrapper` },
141
- React.createElement(AddressItem, { title: 'shippingAddress', checkout_review: false, select_address: false, type: 'shipping', data: getDefaultShippingAddress, onClick: handleShippingChangePopup }))) : (React.createElement(ShippingBillingForm, { type: `shipping`, title: `shippingAddress`, className: `shipping-wrapper`, countryId: countryShippingId, regionId: regionShippingId,
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 '../../components/ShippingBillingInfo';
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';
@@ -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
- accountInformation: string;
52
- edit: string;
39
+ firstName: string;
53
40
  first_name: string;
41
+ firstNamePlaceholder: string;
54
42
  last_name: string;
55
- phone_: string;
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
- phonePlaceholder: string;
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
- backToList: string;
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
- review: string;
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
- addToCart: string;
169
- addedToCart: string;
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;