@weareconceptstudio/account 0.7.9 → 0.8.0
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/AccountCounter/index.d.ts.map +1 -1
- package/dist/components/AccountCounter/index.js +12 -6
- package/dist/components/AccountCounter/index.js.map +1 -1
- package/dist/components/AccountCounter/style.d.ts.map +1 -1
- package/dist/components/AccountCounter/style.js +39 -0
- package/dist/components/AccountCounter/style.js.map +1 -1
- package/dist/modules/cart/components/CartItems/style.d.ts.map +1 -1
- package/dist/modules/cart/components/CartItems/style.js +37 -73
- package/dist/modules/cart/components/CartItems/style.js.map +1 -1
- package/dist/modules/order/OrderIndividualTemplate/index.d.ts.map +1 -1
- package/dist/modules/order/OrderIndividualTemplate/index.js +5 -2
- package/dist/modules/order/OrderIndividualTemplate/index.js.map +1 -1
- package/dist/modules/order/OrderRatePopup/index.d.ts +7 -0
- package/dist/modules/order/OrderRatePopup/index.d.ts.map +1 -0
- package/dist/modules/order/OrderRatePopup/index.js +26 -0
- package/dist/modules/order/OrderRatePopup/index.js.map +1 -0
- package/dist/modules/order/OrderRatePopup/style.d.ts +3 -0
- package/dist/modules/order/OrderRatePopup/style.d.ts.map +1 -0
- package/dist/modules/order/OrderRatePopup/style.js +89 -0
- package/dist/modules/order/OrderRatePopup/style.js.map +1 -0
- package/dist/modules/order/OrderRateReview/index.d.ts +4 -0
- package/dist/modules/order/OrderRateReview/index.d.ts.map +1 -0
- package/dist/modules/order/OrderRateReview/index.js +25 -0
- package/dist/modules/order/OrderRateReview/index.js.map +1 -0
- package/dist/modules/order/OrderRateReview/style.d.ts +3 -0
- package/dist/modules/order/OrderRateReview/style.d.ts.map +1 -0
- package/dist/modules/order/OrderRateReview/style.js +180 -0
- package/dist/modules/order/OrderRateReview/style.js.map +1 -0
- package/dist/modules/order/OrderRateReview/utils.d.ts +3 -0
- package/dist/modules/order/OrderRateReview/utils.d.ts.map +1 -0
- package/dist/modules/order/OrderRateReview/utils.js +5 -0
- package/dist/modules/order/OrderRateReview/utils.js.map +1 -0
- package/dist/modules/order/OrderReview/index.d.ts +6 -0
- package/dist/modules/order/OrderReview/index.d.ts.map +1 -0
- package/dist/modules/order/OrderReview/index.js +50 -0
- package/dist/modules/order/OrderReview/index.js.map +1 -0
- package/dist/modules/order/OrderReview/style.d.ts +3 -0
- package/dist/modules/order/OrderReview/style.d.ts.map +1 -0
- package/dist/modules/order/OrderReview/style.js +174 -0
- package/dist/modules/order/OrderReview/style.js.map +1 -0
- package/dist/modules/order/OrderReviewPopup/index.d.ts +4 -0
- package/dist/modules/order/OrderReviewPopup/index.d.ts.map +1 -0
- package/dist/modules/order/OrderReviewPopup/index.js +101 -0
- package/dist/modules/order/OrderReviewPopup/index.js.map +1 -0
- package/dist/modules/order/OrderReviewPopup/style.d.ts +3 -0
- package/dist/modules/order/OrderReviewPopup/style.d.ts.map +1 -0
- package/dist/modules/order/OrderReviewPopup/style.js +259 -0
- package/dist/modules/order/OrderReviewPopup/style.js.map +1 -0
- package/dist/modules/order/OrderReviewPopup/utils.d.ts +3 -0
- package/dist/modules/order/OrderReviewPopup/utils.d.ts.map +1 -0
- package/dist/modules/order/OrderReviewPopup/utils.js +7 -0
- package/dist/modules/order/OrderReviewPopup/utils.js.map +1 -0
- package/dist/modules/order/OrdersList/Item/index.d.ts.map +1 -1
- package/dist/modules/order/OrdersList/Item/index.js +9 -3
- package/dist/modules/order/OrdersList/Item/index.js.map +1 -1
- package/dist/modules/order/OrdersList/ItemMobile/index.d.ts.map +1 -1
- package/dist/modules/order/OrdersList/ItemMobile/index.js +16 -8
- package/dist/modules/order/OrdersList/ItemMobile/index.js.map +1 -1
- package/dist/modules/order/OrdersList/index.d.ts.map +1 -1
- package/dist/modules/order/OrdersList/index.js +3 -1
- package/dist/modules/order/OrdersList/index.js.map +1 -1
- package/dist/modules/order/OrdersList/style.d.ts.map +1 -1
- package/dist/modules/order/OrdersList/style.js +163 -96
- package/dist/modules/order/OrdersList/style.js.map +1 -1
- package/dist/modules/order/index.d.ts +1 -0
- package/dist/modules/order/index.d.ts.map +1 -1
- package/dist/modules/order/index.js +1 -0
- package/dist/modules/order/index.js.map +1 -1
- package/dist/styles/helperClass.d.ts.map +1 -1
- package/dist/styles/helperClass.js +23 -0
- package/dist/styles/helperClass.js.map +1 -1
- package/dist/styles/variables.d.ts.map +1 -1
- package/dist/styles/variables.js +105 -0
- package/dist/styles/variables.js.map +1 -1
- package/dist/translations/en.d.ts +17 -0
- package/dist/translations/en.d.ts.map +1 -1
- package/dist/translations/en.js +19 -2
- package/dist/translations/en.js.map +1 -1
- package/dist/translations/hy.d.ts +17 -0
- package/dist/translations/hy.d.ts.map +1 -1
- package/dist/translations/hy.js +20 -3
- package/dist/translations/hy.js.map +1 -1
- package/dist/translations/index.d.ts +51 -0
- package/dist/translations/index.d.ts.map +1 -1
- package/dist/translations/ru.d.ts +17 -0
- package/dist/translations/ru.d.ts.map +1 -1
- package/dist/translations/ru.js +19 -2
- package/dist/translations/ru.js.map +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AccountCounter/index.js"],"names":[],"mappings":";AAOA;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AccountCounter/index.js"],"names":[],"mappings":";AAOA;;;;;;sBAkGC;kBAzGuD,OAAO"}
|
|
@@ -27,23 +27,29 @@ const AccountCounter = ({ productId, qty = 1, isGift, maxQty, promotionId }) =>
|
|
|
27
27
|
setLoading(false);
|
|
28
28
|
}
|
|
29
29
|
}, [productId]);
|
|
30
|
-
const debouncedUpdateCartServer = useCallback(
|
|
30
|
+
// const debouncedUpdateCartServer = useCallback(
|
|
31
|
+
// debounce((quantity) => updateCartServer(quantity), 300),
|
|
32
|
+
// [updateCartServer]
|
|
33
|
+
// );
|
|
31
34
|
const handleAddToCart = (e, type = 'inc') => {
|
|
32
35
|
e.stopPropagation();
|
|
33
36
|
const newCount = type == 'inc' ? count + 1 : count - 1;
|
|
34
|
-
|
|
35
|
-
|
|
37
|
+
isGift ? setGifts({ promotionId, qty: newCount, productId }) : updateCartServer(newCount);
|
|
38
|
+
// setCount(newCount);
|
|
39
|
+
// isGift ? setGifts({ promotionId, qty: newCount, productId }) : debouncedUpdateCartServer(newCount);
|
|
36
40
|
};
|
|
37
41
|
return (React.createElement(AccountCounterStyle, { onClick: (e) => e.stopPropagation(), className: `counter-block ${count == 0 ? 'opacity-zero pointer-none' : ''}` },
|
|
38
|
-
React.createElement("div", { className:
|
|
42
|
+
React.createElement("div", { className: `counter ${loading ? 'loading' : ''}` },
|
|
39
43
|
React.createElement("div", { onClick: (e) => handleAddToCart(e, 'dec'), className: `c-icon-block ${count == 0 || loading ? 'disable' : ''}` },
|
|
40
44
|
React.createElement("svg", { fill: 'none', viewBox: '0 0 13 3', className: `minus`, xmlns: 'http://www.w3.org/2000/svg' },
|
|
41
45
|
React.createElement("path", { d: 'M0 1.5H12', strokeWidth: '2' }))),
|
|
42
|
-
|
|
46
|
+
React.createElement(Text, { className: `account-p account-p4 font-montserrat-arm-medium count ${loading ? 'active' : ''}` }, `${count}`),
|
|
43
47
|
React.createElement("div", { onClick: (e) => handleAddToCart(e, 'inc'), className: `c-icon-block ${count >= maxQty || count == 99 || loading ? 'disable' : ''}` },
|
|
44
48
|
React.createElement("svg", { fill: 'none', className: `plus`, viewBox: '0 0 12 12', xmlns: 'http://www.w3.org/2000/svg' },
|
|
45
49
|
React.createElement("path", { d: 'M0 6H12', strokeWidth: '2' }),
|
|
46
|
-
React.createElement("path", { d: 'M6 12L6 0', strokeWidth: '2' })))
|
|
50
|
+
React.createElement("path", { d: 'M6 12L6 0', strokeWidth: '2' }))),
|
|
51
|
+
React.createElement("div", { className: 'absolute-block' },
|
|
52
|
+
React.createElement(SpinLoader, null)))));
|
|
47
53
|
};
|
|
48
54
|
export default AccountCounter;
|
|
49
55
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccountCounter/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,SAAS;AACT,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAE1C,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAEtD,UAAU;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CACP,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;YACrG,EAAE,GAAG,IAAI,GAAG,CACb,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAElB,MAAM,gBAAgB,GAAG,WAAW,CACnC,KAAK,EAAE,QAAQ,EAAE,EAAE;QAClB,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAI,CAAC;YACJ,MAAM,cAAc,CAAC;gBACpB,SAAS;gBACT,GAAG,EAAE,QAAQ;aACb,CAAC,CAAC;QACJ,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EACD,CAAC,SAAS,CAAC,CACX,CAAC;IAEF,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccountCounter/index.js"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/AccountCounter/style.js"],"names":[],"mappings":";AAEA,+
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/AccountCounter/style.js"],"names":[],"mappings":";AAEA,+PAwJE"}
|
|
@@ -60,6 +60,45 @@ const AccountCounterStyle = styled.div `
|
|
|
60
60
|
--spinLoaderBackground: var(--catalog_pink1000);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
+
/* //! For Load Anim */
|
|
64
|
+
.counter {
|
|
65
|
+
position: relative;
|
|
66
|
+
|
|
67
|
+
.absolute-block {
|
|
68
|
+
position: absolute;
|
|
69
|
+
top: 50%;
|
|
70
|
+
left: 50%;
|
|
71
|
+
transform: translate(-50%, -50%);
|
|
72
|
+
opacity: 0;
|
|
73
|
+
transition: opacity 0.15s linear;
|
|
74
|
+
will-change: opacity;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.count {
|
|
78
|
+
transition: opacity 0.15s linear;
|
|
79
|
+
will-change: opacity;
|
|
80
|
+
|
|
81
|
+
&.active {
|
|
82
|
+
opacity: 0;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.c-icon-block {
|
|
87
|
+
transition: opacity 0.15s linear;
|
|
88
|
+
will-change: opacity;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&.loading {
|
|
92
|
+
.count {
|
|
93
|
+
opacity: 0;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.absolute-block {
|
|
97
|
+
opacity: 1;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
63
102
|
/* //! 1920 */
|
|
64
103
|
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
|
|
65
104
|
--account_counterButtonSize: var(--sp3x);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/AccountCounter/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/AccountCounter/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAqGA,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;sCAMhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;sCAMjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;sCAKd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;sCAMf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;CAIrG,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/style.js"],"names":[],"mappings":";AAEA,
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/style.js"],"names":[],"mappings":";AAEA,oPA4wBE"}
|
|
@@ -5,17 +5,12 @@ const CartItemsStyle = styled.section `
|
|
|
5
5
|
|
|
6
6
|
//! Col's width
|
|
7
7
|
--account_col1Width: 50%;
|
|
8
|
-
|
|
9
|
-
--
|
|
10
|
-
|
|
11
|
-
--account_col3Width: 19.5%;
|
|
12
|
-
--account_col4Width: calc(100% - var(--account_col1Width) - var(--account_col2Width) - var(--account_col3Width));
|
|
8
|
+
--account_col3Width: 20%;
|
|
9
|
+
--account_col4Width: 20%;
|
|
10
|
+
--account_col2Width: calc(100% - var(--account_col1Width) - var(--account_col3Width) - var(--account_col4Width));
|
|
13
11
|
|
|
14
12
|
//! Col's distance
|
|
15
|
-
--
|
|
16
|
-
--account_col2Distance: var(--sp5x);
|
|
17
|
-
--account_col3Distance: var(--sp10x);
|
|
18
|
-
--account_col4Distance: var(--sp5x);
|
|
13
|
+
--account_colDistance: var(--sp7x);
|
|
19
14
|
|
|
20
15
|
--account_cartItemsMarTop: var(--sp16x);
|
|
21
16
|
--account_cartItemsTitleWrapPB: var(--sp3x);
|
|
@@ -70,7 +65,7 @@ const CartItemsStyle = styled.section `
|
|
|
70
65
|
}
|
|
71
66
|
|
|
72
67
|
.line {
|
|
73
|
-
width: calc(100% - var(--
|
|
68
|
+
width: calc(100% - var(--account_colDistance));
|
|
74
69
|
height: 2px;
|
|
75
70
|
background-color: var(--account_primaryColor5);
|
|
76
71
|
margin: 0 auto;
|
|
@@ -88,8 +83,8 @@ const CartItemsStyle = styled.section `
|
|
|
88
83
|
|
|
89
84
|
.titles-wrap,
|
|
90
85
|
.items-wrap {
|
|
91
|
-
margin-left: calc(-1 * calc(var(--
|
|
92
|
-
margin-right: calc(-1 * calc(var(--
|
|
86
|
+
margin-left: calc(-1 * calc(var(--account_colDistance) / 2));
|
|
87
|
+
margin-right: calc(-1 * calc(var(--account_colDistance) / 2));
|
|
93
88
|
}
|
|
94
89
|
|
|
95
90
|
.titles-wrap {
|
|
@@ -127,26 +122,26 @@ const CartItemsStyle = styled.section `
|
|
|
127
122
|
|
|
128
123
|
.tl-col-1 {
|
|
129
124
|
width: var(--account_col1Width);
|
|
130
|
-
padding-left: calc(var(--
|
|
131
|
-
padding-right: calc(var(--
|
|
125
|
+
padding-left: calc(var(--account_colDistance) / 2);
|
|
126
|
+
padding-right: calc(var(--account_colDistance) / 2);
|
|
132
127
|
}
|
|
133
128
|
|
|
134
129
|
.tl-col-2 {
|
|
135
130
|
width: var(--account_col2Width);
|
|
136
|
-
/* padding-left: calc(var(--
|
|
137
|
-
/* padding-right: calc(var(--
|
|
131
|
+
/* padding-left: calc(var(--account_colDistance) / 2); */
|
|
132
|
+
/* padding-right: calc(var(--account_colDistance) / 2); */
|
|
138
133
|
}
|
|
139
134
|
|
|
140
135
|
.tl-col-3 {
|
|
141
136
|
width: var(--account_col3Width);
|
|
142
|
-
padding-left: calc(var(--
|
|
143
|
-
padding-right: calc(var(--
|
|
137
|
+
padding-left: calc(var(--account_colDistance) / 2);
|
|
138
|
+
padding-right: calc(var(--account_colDistance) / 2);
|
|
144
139
|
}
|
|
145
140
|
|
|
146
141
|
.tl-col-4 {
|
|
147
142
|
width: var(--account_col4Width);
|
|
148
|
-
padding-left: calc(var(--
|
|
149
|
-
padding-right: calc(var(--
|
|
143
|
+
padding-left: calc(var(--account_colDistance) / 2);
|
|
144
|
+
padding-right: calc(var(--account_colDistance) / 2);
|
|
150
145
|
}
|
|
151
146
|
|
|
152
147
|
.col-item-1 {
|
|
@@ -338,7 +333,7 @@ const CartItemsStyle = styled.section `
|
|
|
338
333
|
flex-wrap: wrap;
|
|
339
334
|
justify-content: space-between;
|
|
340
335
|
align-items: center;
|
|
341
|
-
gap: var(--
|
|
336
|
+
gap: var(--sp2x);
|
|
342
337
|
}
|
|
343
338
|
|
|
344
339
|
.in-block {
|
|
@@ -373,16 +368,11 @@ const CartItemsStyle = styled.section `
|
|
|
373
368
|
|
|
374
369
|
//! Col's width
|
|
375
370
|
--account_col1Width: 50%;
|
|
376
|
-
/* --account_col2Width: 8%; */
|
|
377
|
-
--account_col2Width: 12.2%;
|
|
378
|
-
/* --account_col3Width: 21%; */
|
|
379
371
|
--account_col3Width: 19%;
|
|
372
|
+
--account_col4Width: 19%;
|
|
380
373
|
|
|
381
374
|
//! Col's distance
|
|
382
|
-
--
|
|
383
|
-
--account_col2Distance: var(--sp4x);
|
|
384
|
-
--account_col3Distance: var(--sp11x);
|
|
385
|
-
--account_col4Distance: var(--sp4x);
|
|
375
|
+
--account_colDistance: var(--sp6x);
|
|
386
376
|
|
|
387
377
|
--account_cartItemsMarTop: var(--sp11x);
|
|
388
378
|
--account_cartItemsTitleWrapPB: var(--sp3x);
|
|
@@ -421,16 +411,11 @@ const CartItemsStyle = styled.section `
|
|
|
421
411
|
|
|
422
412
|
//! Col's width
|
|
423
413
|
--account_col1Width: 44%;
|
|
424
|
-
|
|
425
|
-
--
|
|
426
|
-
/* --account_col3Width: 22%; */
|
|
427
|
-
--account_col3Width: 19.9%;
|
|
414
|
+
--account_col3Width: 21%;
|
|
415
|
+
--account_col4Width: 21%;
|
|
428
416
|
|
|
429
417
|
//! Col's distance
|
|
430
|
-
--
|
|
431
|
-
--account_col2Distance: var(--sp6x);
|
|
432
|
-
--account_col3Distance: var(--sp8x);
|
|
433
|
-
--account_col4Distance: var(--sp8x);
|
|
418
|
+
--account_colDistance: var(--sp5x);
|
|
434
419
|
|
|
435
420
|
--account_cartItemsMarTop: var(--sp8x);
|
|
436
421
|
--account_cartItemsTitleWrapPB: var(--sp2x);
|
|
@@ -469,16 +454,11 @@ const CartItemsStyle = styled.section `
|
|
|
469
454
|
|
|
470
455
|
//! Col's width
|
|
471
456
|
--account_col1Width: 45%;
|
|
472
|
-
|
|
473
|
-
--
|
|
474
|
-
/* --account_col3Width: 21%; */
|
|
475
|
-
--account_col3Width: 19%;
|
|
457
|
+
--account_col3Width: 21%;
|
|
458
|
+
--account_col4Width: 21%;
|
|
476
459
|
|
|
477
460
|
//! Col's distance
|
|
478
|
-
--
|
|
479
|
-
--account_col2Distance: var(--sp6x);
|
|
480
|
-
--account_col3Distance: var(--sp8x);
|
|
481
|
-
--account_col4Distance: var(--sp8x);
|
|
461
|
+
--account_colDistance: var(--sp5x);
|
|
482
462
|
|
|
483
463
|
--account_cartItemsMarTop: var(--sp8x);
|
|
484
464
|
--account_cartItemsTitleWrapPB: var(--sp2x);
|
|
@@ -516,17 +496,12 @@ const CartItemsStyle = styled.section `
|
|
|
516
496
|
--account_spaceLineMBot: var(--sp3x);
|
|
517
497
|
|
|
518
498
|
//! Col's width
|
|
519
|
-
--account_col1Width:
|
|
520
|
-
|
|
521
|
-
--
|
|
522
|
-
/* --account_col3Width: 21%; */
|
|
523
|
-
--account_col3Width: 18.5%;
|
|
499
|
+
--account_col1Width: 45%;
|
|
500
|
+
--account_col3Width: 20%;
|
|
501
|
+
--account_col4Width: 20%;
|
|
524
502
|
|
|
525
503
|
//! Col's distance
|
|
526
|
-
--
|
|
527
|
-
--account_col2Distance: var(--sp7x);
|
|
528
|
-
--account_col3Distance: var(--sp7x);
|
|
529
|
-
--account_col4Distance: var(--sp7x);
|
|
504
|
+
--account_colDistance: var(--sp5x);
|
|
530
505
|
|
|
531
506
|
--account_cartItemsMarTop: var(--sp8x);
|
|
532
507
|
--account_cartItemsTitleWrapPB: var(--sp2x);
|
|
@@ -568,18 +543,12 @@ const CartItemsStyle = styled.section `
|
|
|
568
543
|
--account_spaceLineMBot: var(--sp3x);
|
|
569
544
|
|
|
570
545
|
//! Col's width
|
|
571
|
-
|
|
572
|
-
--
|
|
573
|
-
|
|
574
|
-
--account_col2Width: 18.3%;
|
|
575
|
-
/* --account_col3Width: 20%; */
|
|
576
|
-
--account_col3Width: 17%;
|
|
546
|
+
--account_col1Width: 45%;
|
|
547
|
+
--account_col3Width: 21%;
|
|
548
|
+
--account_col4Width: 21%;
|
|
577
549
|
|
|
578
550
|
//! Col's distance
|
|
579
|
-
--
|
|
580
|
-
--account_col2Distance: var(--sp3x);
|
|
581
|
-
--account_col3Distance: var(--sp3x);
|
|
582
|
-
--account_col4Distance: var(--sp3x);
|
|
551
|
+
--account_colDistance: var(--sp3x);
|
|
583
552
|
|
|
584
553
|
--account_cartItemsMarTop: var(--sp8x);
|
|
585
554
|
--account_cartItemsTitleWrapPB: var(--sp2x);
|
|
@@ -621,17 +590,12 @@ const CartItemsStyle = styled.section `
|
|
|
621
590
|
--account_spaceLineMBot: var(--sp2x);
|
|
622
591
|
|
|
623
592
|
//! Col's width
|
|
624
|
-
|
|
625
|
-
--
|
|
626
|
-
|
|
627
|
-
--account_col2Width: 19.5%;
|
|
628
|
-
--account_col3Width: 20%;
|
|
593
|
+
--account_col1Width: 45%;
|
|
594
|
+
--account_col3Width: 21%;
|
|
595
|
+
--account_col4Width: 21%;
|
|
629
596
|
|
|
630
597
|
//! Col's distance
|
|
631
|
-
--
|
|
632
|
-
--account_col2Distance: var(--sp5x);
|
|
633
|
-
--account_col3Distance: var(--sp9x);
|
|
634
|
-
--account_col4Distance: var(--sp9x);
|
|
598
|
+
--account_colDistance: var(--sp3x);
|
|
635
599
|
|
|
636
600
|
--account_cartItemsMarTop: var(--sp8x);
|
|
637
601
|
--account_cartItemsTitleWrapPB: var(--sp2x);
|
|
@@ -680,7 +644,7 @@ const CartItemsStyle = styled.section `
|
|
|
680
644
|
--account_checkoutMTop: var(--sp10x);
|
|
681
645
|
--account_titleEditWrapperMBot: var(--sp2x);
|
|
682
646
|
|
|
683
|
-
--
|
|
647
|
+
--account_colDistance: 0;
|
|
684
648
|
|
|
685
649
|
--account_giftSizeIcon: calc(var(--sp2x) - var(--sp0-5x) / 2);
|
|
686
650
|
--account_giftIconDistanceIconPTB: calc(var(--sp0-5x) / 2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAA
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/modules/cart/components/CartItems/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2WC,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA2ChB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+CjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+Cd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAmDf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIrG,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderIndividualTemplate/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderIndividualTemplate/index.js"],"names":[],"mappings":";AAcA;;sBA4CC;kBA1D0C,OAAO"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { api } from '@weareconceptstudio/core';
|
|
3
3
|
//* Components
|
|
4
|
-
import
|
|
4
|
+
import OrderReview from '../OrderReview';
|
|
5
5
|
import OrderDetails from '../OrderDetails';
|
|
6
6
|
import OrderedItems from '../OrderedItems';
|
|
7
|
+
import OrderRateReview from '../OrderRateReview';
|
|
7
8
|
import { ShippingBillingInfo } from '../../address';
|
|
8
|
-
|
|
9
|
+
import { AccountButton } from '../../../components';
|
|
10
|
+
//* Styles
|
|
9
11
|
import OrderIndividualTemplateStyle from './style';
|
|
10
12
|
const OrderIndividualTemplate = ({ uniqueKey }) => {
|
|
11
13
|
const [data, setData] = useState();
|
|
@@ -22,6 +24,7 @@ const OrderIndividualTemplate = ({ uniqueKey }) => {
|
|
|
22
24
|
React.createElement("div", { className: `details-shipping-billing-wrap` },
|
|
23
25
|
React.createElement(OrderDetails, { className: `col-50`, ...data }),
|
|
24
26
|
React.createElement(ShippingBillingInfo, { className: `col-50`, billing_address: data?.billingAddress, shipping_address: data?.shippingAddress })),
|
|
27
|
+
data.review ? React.createElement(OrderReview, { review: data.review }) : React.createElement(OrderRateReview, null),
|
|
25
28
|
React.createElement(OrderedItems, { dataId: data.id, data: data.items, status: data.status })))) : null;
|
|
26
29
|
};
|
|
27
30
|
export default OrderIndividualTemplate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderIndividualTemplate/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,cAAc;AACd,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderIndividualTemplate/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,cAAc;AACd,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,UAAU;AACV,OAAO,4BAA4B,MAAM,SAAS,CAAC;AAEnD,MAAM,uBAAuB,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAE,CAAC;IACnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACd,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,SAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACpD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,oBAAC,4BAA4B;QAC5B,6BAAK,SAAS,EAAE,iBAAiB;YAChC,oBAAC,aAAa,IACb,OAAO,EAAE,kBAAkB,EAC3B,GAAG,EAAE,yBAAyB,EAC9B,SAAS,EAAE,wBAAwB,EACnC,IAAI,EAAE,oCAAoC,GACzC;YAEF,6BAAK,SAAS,EAAE,+BAA+B;gBAC9C,oBAAC,YAAY,IACZ,SAAS,EAAE,QAAQ,KACf,IAAI,GACP;gBAEF,oBAAC,mBAAmB,IACnB,SAAS,EAAE,QAAQ,EACnB,eAAe,EAAE,IAAI,EAAE,cAAc,EACrC,gBAAgB,EAAE,IAAI,EAAE,eAAe,GACtC,CACG;YAEL,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG;YAEzE,oBAAC,YAAY,IACZ,MAAM,EAAE,IAAI,CAAC,EAAE,EACf,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,GAClB,CACG,CACwB,CAC/B,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderRatePopup/index.js"],"names":[],"mappings":";AAOA;;;sBAyCC;kBAhDiB,OAAO"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Rate, Text, useTranslation, useUi } from '@weareconceptstudio/core';
|
|
3
|
+
//* Styles
|
|
4
|
+
import OrderRatePopupStyle from './style';
|
|
5
|
+
import OrderReviewPopup from '../OrderReviewPopup';
|
|
6
|
+
const OrderRatePopup = ({ orderId, orderNumber }) => {
|
|
7
|
+
const { translate } = useTranslation();
|
|
8
|
+
const { openPopup } = useUi();
|
|
9
|
+
const handleRate = (e) => {
|
|
10
|
+
openPopup(React.createElement(OrderReviewPopup, { orderId: orderId, orderNumber: orderNumber, rate: e }), {
|
|
11
|
+
className: 'order-review-popup',
|
|
12
|
+
requiresReady: true,
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
return (React.createElement(OrderRatePopupStyle, null,
|
|
16
|
+
React.createElement("div", { className: 'order-rate-inner-popup' },
|
|
17
|
+
React.createElement(Text, { className: 'account-h5 account-font-medium account-primary-color1 align-center order-popup-rate-title', text: 'account.review.rateYourOrder' }),
|
|
18
|
+
React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color2 align-center order-popup-rate-order-number` },
|
|
19
|
+
translate('account.order_management.orderNumber'),
|
|
20
|
+
" ",
|
|
21
|
+
orderNumber),
|
|
22
|
+
React.createElement("div", { className: 'order-popup-rate-wrapper' },
|
|
23
|
+
React.createElement(Rate, { defaultColor: '#CDD0D3', selectedColor: '#F20094', onChange: handleRate })))));
|
|
24
|
+
};
|
|
25
|
+
export default OrderRatePopup;
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderRatePopup/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE7E,UAAU;AACV,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAC1C,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAEnD,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAE9B,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,EAAE;QACxB,SAAS,CACR,oBAAC,gBAAgB,IAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,GACN,EACF;YACC,SAAS,EAAE,oBAAoB;YAC/B,aAAa,EAAE,IAAI;SACnB,CACD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,mBAAmB;QACnB,6BAAK,SAAS,EAAC,wBAAwB;YACtC,oBAAC,IAAI,IACJ,SAAS,EAAC,2FAA2F,EACrG,IAAI,EAAE,8BAA8B,GACnC;YAEF,oBAAC,IAAI,IACJ,SAAS,EAAE,6GAA6G;gBACvH,SAAS,CAAC,sCAAsC,CAAC;;gBAAG,WAAW,CAC1D;YAEP,6BAAK,SAAS,EAAC,0BAA0B;gBACxC,oBAAC,IAAI,IACJ,YAAY,EAAC,SAAS,EACtB,aAAa,EAAC,SAAS,EACvB,QAAQ,EAAE,UAAU,GACnB,CACG,CACD,CACe,CACtB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export default OrderRatePopupStyle;
|
|
2
|
+
declare const OrderRatePopupStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
3
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderRatePopup/style.js"],"names":[],"mappings":";AAEA,yPAiGE"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
const OrderRatePopupStyle = styled.section `
|
|
3
|
+
--account_orderNumberMTop: var(--sp2x);
|
|
4
|
+
--account_orderRateMTop: var(--sp5x);
|
|
5
|
+
--account_orderRateSize: var(--sp10x);
|
|
6
|
+
--account_orderRateGap: var(--sp1-5x);
|
|
7
|
+
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
|
|
12
|
+
.order-popup-rate-order-number {
|
|
13
|
+
margin-top: var(--account_orderNumberMTop);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.order-popup-rate-wrapper {
|
|
17
|
+
display: flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
justify-content: center;
|
|
20
|
+
margin-top: var(--account_orderRateMTop);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.custom-rate-wrapper {
|
|
24
|
+
gap: var(--account_orderRateGap);
|
|
25
|
+
|
|
26
|
+
svg {
|
|
27
|
+
width: var(--account_orderRateSize);
|
|
28
|
+
height: var(--account_orderRateSize);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/* //! 2559 - 1920 */
|
|
33
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
|
|
34
|
+
--account_orderNumberMTop: var(--sp2x);
|
|
35
|
+
--account_orderRateMTop: var(--sp4x);
|
|
36
|
+
--account_orderRateSize: var(--sp9x);
|
|
37
|
+
--account_orderRateGap: var(--sp1-5x);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/* //! 1919 - 1510 */
|
|
41
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
|
|
42
|
+
--account_orderNumberMTop: var(--sp2x);
|
|
43
|
+
--account_orderRateMTop: var(--sp3x);
|
|
44
|
+
--account_orderRateSize: var(--sp8x);
|
|
45
|
+
--account_orderRateGap: var(--sp1-5x);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* //! 1509 - 1440 */
|
|
49
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
|
|
50
|
+
--account_orderNumberMTop: var(--sp2x);
|
|
51
|
+
--account_orderRateMTop: var(--sp3x);
|
|
52
|
+
--account_orderRateSize: var(--sp8x);
|
|
53
|
+
--account_orderRateGap: var(--sp1-5x);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* //! 1439 - 1280 */
|
|
57
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
|
|
58
|
+
--account_orderNumberMTop: var(--sp2x);
|
|
59
|
+
--account_orderRateMTop: var(--sp3x);
|
|
60
|
+
--account_orderRateSize: var(--sp7x);
|
|
61
|
+
--account_orderRateGap: var(--sp1-5x);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* //! 1279 - 1024 */
|
|
65
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
|
|
66
|
+
--account_orderNumberMTop: var(--sp2x);
|
|
67
|
+
--account_orderRateMTop: var(--sp3x);
|
|
68
|
+
--account_orderRateSize: var(--sp7x);
|
|
69
|
+
--account_orderRateGap: var(--sp1-5x);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* //! 1023 - 768 */
|
|
73
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
|
|
74
|
+
--account_orderNumberMTop: var(--sp1x);
|
|
75
|
+
--account_orderRateMTop: var(--sp3x);
|
|
76
|
+
--account_orderRateSize: var(--sp6x);
|
|
77
|
+
--account_orderRateGap: var(--sp1-5x);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/* //! Mobile */
|
|
81
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
|
|
82
|
+
--account_orderNumberMTop: var(--sp1x);
|
|
83
|
+
--account_orderRateMTop: var(--sp2-5x);
|
|
84
|
+
--account_orderRateSize: var(--sp6x);
|
|
85
|
+
--account_orderRateGap: var(--sp1x);
|
|
86
|
+
}
|
|
87
|
+
`;
|
|
88
|
+
export default OrderRatePopupStyle;
|
|
89
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderRatePopup/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+BJ,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQhB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACrF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;sCAQjB,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACtF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;sCAQd,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CACnF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;sCAQf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;CAMrG,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderRateReview/index.js"],"names":[],"mappings":";AAcA,sDAsCC;kBApDiB,OAAO"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text, useUi } from '@weareconceptstudio/core';
|
|
3
|
+
//* Components
|
|
4
|
+
import { AccountButton } from '../../../components';
|
|
5
|
+
import OrderRatePopup from '../OrderRatePopup';
|
|
6
|
+
import OrderReviewPopup from '../OrderReviewPopup';
|
|
7
|
+
//* Styles
|
|
8
|
+
import OrderRateReviewStyle from './style';
|
|
9
|
+
//* Utils
|
|
10
|
+
import { reviewSVG } from './utils';
|
|
11
|
+
const OrderRateReview = () => {
|
|
12
|
+
const { openPopup } = useUi();
|
|
13
|
+
return (React.createElement(OrderRateReviewStyle, { className: 'order-rate-review-wrapper' },
|
|
14
|
+
React.createElement("div", { className: 'order-rate-review-inner-wrapper' },
|
|
15
|
+
React.createElement("div", { className: 'order-rate-review-top-wrapper' },
|
|
16
|
+
reviewSVG,
|
|
17
|
+
React.createElement(Text, { className: 'account-p account-p1 account-font-medium account-background-color order-review-title', text: 'account.review.reviewYourOrderWithSymbol' })),
|
|
18
|
+
React.createElement("div", { className: 'order-rate-review-bottom-wrapper' },
|
|
19
|
+
React.createElement(Text, { className: 'account-p account-p4 account-font-regular account-background-color order-review-desc', text: 'account.review.reviewYourOrderDesc' }),
|
|
20
|
+
React.createElement(AccountButton, { className: 'order-rate-btn', text: 'account.review.rateYourOrder', onClick: () => openPopup(React.createElement(OrderRatePopup, null), {
|
|
21
|
+
className: 'order-rate-popup',
|
|
22
|
+
}) })))));
|
|
23
|
+
};
|
|
24
|
+
export default OrderRateReview;
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderRateReview/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEvD,cAAc;AACd,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAEnD,UAAU;AACV,OAAO,oBAAoB,MAAM,SAAS,CAAC;AAE3C,SAAS;AACT,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAE9B,OAAO,CACN,oBAAC,oBAAoB,IAAC,SAAS,EAAC,2BAA2B;QAC1D,6BAAK,SAAS,EAAC,iCAAiC;YAC/C,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,SAAS;gBACV,oBAAC,IAAI,IACJ,SAAS,EAAC,sFAAsF,EAChG,IAAI,EAAE,0CAA0C,GAC/C,CACG;YAEN,6BAAK,SAAS,EAAC,kCAAkC;gBAChD,oBAAC,IAAI,IACJ,SAAS,EAAC,sFAAsF,EAChG,IAAI,EAAE,oCAAoC,GACzC;gBAEF,oBAAC,aAAa,IACb,SAAS,EAAE,gBAAgB,EAC3B,IAAI,EAAE,8BAA8B,EACpC,OAAO,EAAE,GAAG,EAAE,CACb,SAAS,CAAC,oBAAC,cAAc,OAAG,EAAE;wBAC7B,SAAS,EAAE,kBAAkB;qBAC7B,CAAC,GAOF,CACG,CACD,CACgB,CACvB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export default OrderRateReviewStyle;
|
|
2
|
+
declare const OrderRateReviewStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
3
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderRateReview/style.js"],"names":[],"mappings":";AAEA,0PA4LE"}
|