@weareconceptstudio/account 0.7.9 → 0.8.1
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 +11 -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/components/AccountPageWrapper/index.d.ts +7 -0
- package/dist/components/AccountPageWrapper/index.d.ts.map +1 -0
- package/dist/components/AccountPageWrapper/index.js +11 -0
- package/dist/components/AccountPageWrapper/index.js.map +1 -0
- package/dist/modules/account/AccountBalanceTemplate/index.d.ts.map +1 -1
- package/dist/modules/account/AccountBalanceTemplate/index.js +8 -6
- package/dist/modules/account/AccountBalanceTemplate/index.js.map +1 -1
- package/dist/modules/account/AccountSettingsTemplate/index.d.ts.map +1 -1
- package/dist/modules/account/AccountSettingsTemplate/index.js +5 -3
- package/dist/modules/account/AccountSettingsTemplate/index.js.map +1 -1
- package/dist/modules/address/AddressesTemplate/index.d.ts.map +1 -1
- package/dist/modules/address/AddressesTemplate/index.js +5 -3
- package/dist/modules/address/AddressesTemplate/index.js.map +1 -1
- package/dist/modules/auth/SignInTemplate/index.d.ts.map +1 -1
- package/dist/modules/auth/SignInTemplate/index.js +1 -3
- package/dist/modules/auth/SignInTemplate/index.js.map +1 -1
- package/dist/modules/cart/CartTemplate/index.d.ts.map +1 -1
- package/dist/modules/cart/CartTemplate/index.js +25 -23
- package/dist/modules/cart/CartTemplate/index.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/OrderHistoryTemplate/index.d.ts.map +1 -1
- package/dist/modules/order/OrderHistoryTemplate/index.js +4 -2
- package/dist/modules/order/OrderHistoryTemplate/index.js.map +1 -1
- package/dist/modules/order/OrderIndividualTemplate/index.d.ts.map +1 -1
- package/dist/modules/order/OrderIndividualTemplate/index.js +15 -14
- package/dist/modules/order/OrderIndividualTemplate/index.js.map +1 -1
- package/dist/modules/order/OrderRatePopup/index.d.ts +9 -0
- package/dist/modules/order/OrderRatePopup/index.d.ts.map +1 -0
- package/dist/modules/order/OrderRatePopup/index.js +37 -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 +7 -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 +40 -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 +175 -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 +115 -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 +276 -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/OrderReviewTemplate/index.d.ts +7 -0
- package/dist/modules/order/OrderReviewTemplate/index.d.ts.map +1 -0
- package/dist/modules/order/OrderReviewTemplate/index.js +54 -0
- package/dist/modules/order/OrderReviewTemplate/index.js.map +1 -0
- package/dist/modules/order/OrderReviewTemplate/style.d.ts +3 -0
- package/dist/modules/order/OrderReviewTemplate/style.d.ts.map +1 -0
- package/dist/modules/order/OrderReviewTemplate/style.js +99 -0
- package/dist/modules/order/OrderReviewTemplate/style.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 +7 -18
- 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 +6 -1
- package/dist/modules/order/index.d.ts.map +1 -1
- package/dist/modules/order/index.js +6 -1
- package/dist/modules/order/index.js.map +1 -1
- package/dist/modules/payment/PaymentMethodsTemplate/index.d.ts.map +1 -1
- package/dist/modules/payment/PaymentMethodsTemplate/index.js +6 -4
- package/dist/modules/payment/PaymentMethodsTemplate/index.js.map +1 -1
- package/dist/stores/orderStore.d.ts +22 -0
- package/dist/stores/orderStore.d.ts.map +1 -0
- package/dist/stores/orderStore.js +60 -0
- package/dist/stores/orderStore.js.map +1 -0
- 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 +19 -0
- package/dist/translations/en.d.ts.map +1 -1
- package/dist/translations/en.js +22 -3
- package/dist/translations/en.js.map +1 -1
- package/dist/translations/hy.d.ts +19 -0
- package/dist/translations/hy.d.ts.map +1 -1
- package/dist/translations/hy.js +22 -3
- package/dist/translations/hy.js.map +1 -1
- package/dist/translations/index.d.ts +57 -0
- package/dist/translations/index.d.ts.map +1 -1
- package/dist/translations/ru.d.ts +19 -0
- package/dist/translations/ru.d.ts.map +1 -1
- package/dist/translations/ru.js +21 -2
- package/dist/translations/ru.js.map +1 -1
- package/package.json +6 -5
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import AccountPageWrapper from '../../../components/AccountPageWrapper';
|
|
2
3
|
import OrdersList from '../OrdersList';
|
|
3
4
|
import OrderHistoryTemplateStyle from './style';
|
|
4
5
|
const OrderHistoryTemplate = () => {
|
|
5
|
-
return (React.createElement(
|
|
6
|
-
React.createElement(
|
|
6
|
+
return (React.createElement(AccountPageWrapper, { title: 'account.account_info.orderHistory' },
|
|
7
|
+
React.createElement(OrderHistoryTemplateStyle, null,
|
|
8
|
+
React.createElement(OrdersList, null))));
|
|
7
9
|
};
|
|
8
10
|
export default OrderHistoryTemplate;
|
|
9
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderHistoryTemplate/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,yBAAyB,MAAM,SAAS,CAAC;AAEhD,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,OAAO,CACN,oBAAC,yBAAyB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderHistoryTemplate/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AACxE,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,yBAAyB,MAAM,SAAS,CAAC;AAEhD,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,OAAO,CACN,oBAAC,kBAAkB,IAAC,KAAK,EAAE,mCAAmC;QAC7D,oBAAC,yBAAyB;YACzB,oBAAC,UAAU,OAAG,CACa,CACR,CACrB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,oBAAoB,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;;sBAiDC;kBA/DgC,OAAO"}
|
|
@@ -1,28 +1,29 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
import { api } from '@weareconceptstudio/core';
|
|
1
|
+
import React, { useEffect } from 'react';
|
|
3
2
|
//* Components
|
|
4
|
-
import
|
|
3
|
+
import OrderReview from '../OrderReview';
|
|
5
4
|
import OrderDetails from '../OrderDetails';
|
|
6
5
|
import OrderedItems from '../OrderedItems';
|
|
6
|
+
import OrderRateReview from '../OrderRateReview';
|
|
7
7
|
import { ShippingBillingInfo } from '../../address';
|
|
8
|
-
|
|
8
|
+
import { AccountButton } from '../../../components';
|
|
9
|
+
//* Styles
|
|
9
10
|
import OrderIndividualTemplateStyle from './style';
|
|
11
|
+
import { useOrderStore } from '../../../stores/orderStore';
|
|
10
12
|
const OrderIndividualTemplate = ({ uniqueKey }) => {
|
|
11
|
-
const
|
|
12
|
-
const [loading, setLoading] = useState(true);
|
|
13
|
+
const { order, orderLoading, getOrder } = useOrderStore();
|
|
13
14
|
useEffect(() => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
});
|
|
15
|
+
if (uniqueKey) {
|
|
16
|
+
getOrder(uniqueKey);
|
|
17
|
+
}
|
|
18
18
|
}, [uniqueKey]);
|
|
19
|
-
return !
|
|
19
|
+
return !orderLoading ? (React.createElement(OrderIndividualTemplateStyle, null,
|
|
20
20
|
React.createElement("div", { className: `order-info-wrap` },
|
|
21
21
|
React.createElement(AccountButton, { btnType: `green-large-text`, url: '/account/order-history/', className: `back-to-list-btn-block`, text: `account.general_actions.backToList` }),
|
|
22
22
|
React.createElement("div", { className: `details-shipping-billing-wrap` },
|
|
23
|
-
React.createElement(OrderDetails, { className: `col-50`, ...
|
|
24
|
-
React.createElement(ShippingBillingInfo, { className: `col-50`, billing_address:
|
|
25
|
-
React.createElement(
|
|
23
|
+
React.createElement(OrderDetails, { className: `col-50`, ...order }),
|
|
24
|
+
React.createElement(ShippingBillingInfo, { className: `col-50`, billing_address: order?.billingAddress, shipping_address: order?.shippingAddress })),
|
|
25
|
+
order.review ? (React.createElement(OrderReview, { review: order.review })) : order.canReview ? (React.createElement(OrderRateReview, { orderId: order.id, orderNumber: order.orderNumber })) : null,
|
|
26
|
+
React.createElement(OrderedItems, { dataId: order.id, data: order.items, status: order.status })))) : null;
|
|
26
27
|
};
|
|
27
28
|
export default OrderIndividualTemplate;
|
|
28
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderIndividualTemplate/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderIndividualTemplate/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,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;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,uBAAuB,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,SAAS,EAAE,CAAC;YACf,QAAQ,CAAC,SAAS,CAAC,CAAC;QACrB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACtB,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,KAAK,GACR;gBAEF,oBAAC,mBAAmB,IACnB,SAAS,EAAE,QAAQ,EACnB,eAAe,EAAE,KAAK,EAAE,cAAc,EACtC,gBAAgB,EAAE,KAAK,EAAE,eAAe,GACvC,CACG;YAEL,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,oBAAC,WAAW,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACrC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,eAAe,IACf,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,WAAW,EAAE,KAAK,CAAC,WAAW,GAC7B,CACF,CAAC,CAAC,CAAC,IAAI;YAER,oBAAC,YAAY,IACZ,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,CACG,CACwB,CAC/B,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export default OrderRatePopup;
|
|
2
|
+
declare function OrderRatePopup({ orderId, orderNumber, isTemplate, setStep }: {
|
|
3
|
+
orderId: any;
|
|
4
|
+
orderNumber: any;
|
|
5
|
+
isTemplate?: boolean;
|
|
6
|
+
setStep: any;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
import React from 'react';
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderRatePopup/index.js"],"names":[],"mappings":";AASA;;;;;sBA2CC;kBApDiB,OAAO"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Rate, Text, useTranslation, useUi } from '@weareconceptstudio/core';
|
|
3
|
+
//* Components
|
|
4
|
+
import OrderReviewPopup from '../OrderReviewPopup';
|
|
5
|
+
//* Styles
|
|
6
|
+
import OrderRatePopupStyle from './style';
|
|
7
|
+
const OrderRatePopup = ({ orderId, orderNumber, isTemplate = false, setStep }) => {
|
|
8
|
+
const { translate } = useTranslation();
|
|
9
|
+
const { openPopup } = useUi();
|
|
10
|
+
const handleRate = (e) => {
|
|
11
|
+
if (isTemplate) {
|
|
12
|
+
setStep({
|
|
13
|
+
isReview: true,
|
|
14
|
+
rate: e,
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
openPopup(OrderReviewPopup, {
|
|
19
|
+
className: 'order-review-popup',
|
|
20
|
+
orderId: orderId,
|
|
21
|
+
orderNumber: orderNumber,
|
|
22
|
+
rate: e,
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
return (React.createElement(OrderRatePopupStyle, null,
|
|
27
|
+
React.createElement("div", { className: 'order-rate-inner-popup' },
|
|
28
|
+
React.createElement(Text, { className: 'account-h5 account-font-medium account-primary-color1 align-center order-popup-rate-title', text: 'account.review.rateYourOrder' }),
|
|
29
|
+
React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color2 align-center order-popup-rate-order-number` },
|
|
30
|
+
translate('account.order_management.orderNumber'),
|
|
31
|
+
" ",
|
|
32
|
+
orderNumber),
|
|
33
|
+
React.createElement("div", { className: 'order-popup-rate-wrapper' },
|
|
34
|
+
React.createElement(Rate, { defaultColor: '#CDD0D3', selectedColor: '#F20094', onChange: handleRate })))));
|
|
35
|
+
};
|
|
36
|
+
export default OrderRatePopup;
|
|
37
|
+
//# 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,cAAc;AACd,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAEnD,UAAU;AACV,OAAO,mBAAmB,MAAM,SAAS,CAAC;AAE1C,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,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,IAAI,UAAU,EAAE,CAAC;YAChB,OAAO,CAAC;gBACP,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,CAAC;aACP,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,gBAAgB,EAAE;gBAC3B,SAAS,EAAE,oBAAoB;gBAC/B,OAAO,EAAE,OAAO;gBAChB,WAAW,EAAE,WAAW;gBACxB,IAAI,EAAE,CAAC;aACP,CAAC,CAAC;QACJ,CAAC;IACF,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;;;sBAuCC;kBArDiB,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 = ({ orderId, orderNumber }) => {
|
|
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, { orderId: orderId, orderNumber: orderNumber }), {
|
|
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,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;IACpD,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,CACR,oBAAC,cAAc,IACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,GACvB,EACF;wBACC,SAAS,EAAE,kBAAkB;qBAC7B,CACD,GAED,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"}
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
const OrderRateReviewStyle = styled.section `
|
|
3
|
+
--account_orderRateReviewSectionMarTop: var(--sp15x);
|
|
4
|
+
--account_orderRateReviewSectionMarBottom: var(--sp16x);
|
|
5
|
+
--account_orderRateReviewSectionPadTB: var(--sp5x);
|
|
6
|
+
--account_orderRateReviewSectionPadLR: var(--sp5x);
|
|
7
|
+
--account_orderRateReviewSectionBorderRadius: var(--sp2x);
|
|
8
|
+
--account_reviewSVGSize: var(--sp5x);
|
|
9
|
+
--account_topWrapperItemGap: var(--sp2x);
|
|
10
|
+
--account_bottomWrapperTop: var(--sp2x);
|
|
11
|
+
--account_orderRateBtnPadTB: var(--sp2x);
|
|
12
|
+
--account_orderRateBtnPadLR: var(--sp3x);
|
|
13
|
+
--account_orderReviewDescWidth: 65%;
|
|
14
|
+
|
|
15
|
+
padding: var(--account_orderRateReviewSectionPadTB) var(--account_orderRateReviewSectionPadLR);
|
|
16
|
+
border-radius: var(--account_orderRateReviewSectionBorderRadius);
|
|
17
|
+
margin-top: var(--account_orderRateReviewSectionMarTop);
|
|
18
|
+
margin-bottom: var(--account_orderRateReviewSectionMarBottom);
|
|
19
|
+
background-color: var(--account_primaryColor14);
|
|
20
|
+
|
|
21
|
+
svg {
|
|
22
|
+
width: var(--account_reviewSVGSize);
|
|
23
|
+
height: var(--account_reviewSVGSize);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.order-rate-review-top-wrapper {
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
gap: var(--account_topWrapperItemGap);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.order-rate-review-bottom-wrapper {
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: flex-end;
|
|
35
|
+
justify-content: space-between;
|
|
36
|
+
gap: var(--sp2x);
|
|
37
|
+
margin-top: var(--account_bottomWrapperTop);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.order-review-desc {
|
|
41
|
+
width: var(--account_orderReviewDescWidth);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.order-rate-btn {
|
|
45
|
+
a,
|
|
46
|
+
button {
|
|
47
|
+
font-size: var(--account_p3);
|
|
48
|
+
font-weight: 500;
|
|
49
|
+
background-color: var(--account_secondaryColor9);
|
|
50
|
+
border: 2px solid var(--account_secondaryColor9);
|
|
51
|
+
padding: var(--account_orderRateBtnPadTB) var(--account_orderRateBtnPadLR);
|
|
52
|
+
|
|
53
|
+
@media (pointer: fine) {
|
|
54
|
+
@media (hover: hover) {
|
|
55
|
+
&:hover {
|
|
56
|
+
background-color: var(--account_primaryColor14);
|
|
57
|
+
border: 2px solid var(--account_backgroundColor);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* //! 2559 - 1920 */
|
|
65
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
|
|
66
|
+
--account_orderRateReviewSectionMarTop: var(--sp10x);
|
|
67
|
+
--account_orderRateReviewSectionMarBottom: var(--sp13x);
|
|
68
|
+
--account_orderRateReviewSectionPadTB: var(--sp4x);
|
|
69
|
+
--account_orderRateReviewSectionPadLR: var(--sp4x);
|
|
70
|
+
--account_orderRateReviewSectionBorderRadius: var(--sp2x);
|
|
71
|
+
--account_reviewSVGSize: var(--sp4x);
|
|
72
|
+
--account_topWrapperItemGap: var(--sp2x);
|
|
73
|
+
--account_bottomWrapperTop: var(--sp2x);
|
|
74
|
+
--account_orderRateBtnPadTB: var(--sp2x);
|
|
75
|
+
--account_orderRateBtnPadLR: var(--sp3x);
|
|
76
|
+
--account_orderReviewDescWidth: 63%;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
/* //! 1919 - 1510 */
|
|
80
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
|
|
81
|
+
--account_orderRateReviewSectionMarTop: var(--sp8x);
|
|
82
|
+
--account_orderRateReviewSectionMarBottom: var(--sp12x);
|
|
83
|
+
--account_orderRateReviewSectionPadTB: var(--sp4x);
|
|
84
|
+
--account_orderRateReviewSectionPadLR: var(--sp4x);
|
|
85
|
+
--account_orderRateReviewSectionBorderRadius: var(--sp2x);
|
|
86
|
+
--account_reviewSVGSize: var(--sp4x);
|
|
87
|
+
--account_topWrapperItemGap: var(--sp2x);
|
|
88
|
+
--account_bottomWrapperTop: var(--sp2x);
|
|
89
|
+
--account_orderRateBtnPadTB: var(--sp2x);
|
|
90
|
+
--account_orderRateBtnPadLR: var(--sp3x);
|
|
91
|
+
--account_orderReviewDescWidth: 58%;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/* //! 1509 - 1440 */
|
|
95
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
|
|
96
|
+
--account_orderRateReviewSectionMarTop: var(--sp7x);
|
|
97
|
+
--account_orderRateReviewSectionMarBottom: var(--sp8x);
|
|
98
|
+
--account_orderRateReviewSectionPadTB: var(--sp3x);
|
|
99
|
+
--account_orderRateReviewSectionPadLR: var(--sp3x);
|
|
100
|
+
--account_orderRateReviewSectionBorderRadius: var(--sp2x);
|
|
101
|
+
--account_reviewSVGSize: var(--sp3x);
|
|
102
|
+
--account_topWrapperItemGap: var(--sp1x);
|
|
103
|
+
--account_bottomWrapperTop: var(--sp2x);
|
|
104
|
+
--account_orderRateBtnPadTB: var(--sp2x);
|
|
105
|
+
--account_orderRateBtnPadLR: var(--sp3x);
|
|
106
|
+
--account_orderReviewDescWidth: 59%;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/* //! 1439 - 1280 */
|
|
110
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
|
|
111
|
+
--account_orderRateReviewSectionMarTop: var(--sp7x);
|
|
112
|
+
--account_orderRateReviewSectionMarBottom: var(--sp8x);
|
|
113
|
+
--account_orderRateReviewSectionPadTB: var(--sp3x);
|
|
114
|
+
--account_orderRateReviewSectionPadLR: var(--sp3x);
|
|
115
|
+
--account_orderRateReviewSectionBorderRadius: var(--sp2x);
|
|
116
|
+
--account_reviewSVGSize: var(--sp3x);
|
|
117
|
+
--account_topWrapperItemGap: var(--sp1x);
|
|
118
|
+
--account_bottomWrapperTop: var(--sp2x);
|
|
119
|
+
--account_orderRateBtnPadTB: var(--sp2x);
|
|
120
|
+
--account_orderRateBtnPadLR: var(--sp3x);
|
|
121
|
+
--account_orderReviewDescWidth: 59%;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
/* //! 1279 - 1024 */
|
|
125
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
|
|
126
|
+
--account_orderRateReviewSectionMarTop: var(--sp5x);
|
|
127
|
+
--account_orderRateReviewSectionMarBottom: var(--sp5x);
|
|
128
|
+
--account_orderRateReviewSectionPadTB: var(--sp2-5x);
|
|
129
|
+
--account_orderRateReviewSectionPadLR: var(--sp2-5x);
|
|
130
|
+
--account_orderRateReviewSectionBorderRadius: var(--sp1-5x);
|
|
131
|
+
--account_reviewSVGSize: var(--sp3x);
|
|
132
|
+
--account_topWrapperItemGap: var(--sp1x);
|
|
133
|
+
--account_bottomWrapperTop: var(--sp2x);
|
|
134
|
+
--account_orderRateBtnPadTB: var(--sp2x);
|
|
135
|
+
--account_orderRateBtnPadLR: var(--sp3x);
|
|
136
|
+
--account_orderReviewDescWidth: 65%;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/* //! 1023 - 768 */
|
|
140
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
|
|
141
|
+
--account_orderRateReviewSectionMarTop: var(--sp5x);
|
|
142
|
+
--account_orderRateReviewSectionMarBottom: var(--sp5x);
|
|
143
|
+
--account_orderRateReviewSectionPadTB: var(--sp2-5x);
|
|
144
|
+
--account_orderRateReviewSectionPadLR: var(--sp2-5x);
|
|
145
|
+
--account_orderRateReviewSectionBorderRadius: var(--sp1-5x);
|
|
146
|
+
--account_reviewSVGSize: var(--sp3x);
|
|
147
|
+
--account_topWrapperItemGap: var(--sp1x);
|
|
148
|
+
--account_bottomWrapperTop: var(--sp2x);
|
|
149
|
+
--account_orderRateBtnPadTB: var(--sp2x);
|
|
150
|
+
--account_orderRateBtnPadLR: var(--sp3x);
|
|
151
|
+
--account_orderReviewDescWidth: 66%;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* //! Mobile */
|
|
155
|
+
@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
|
|
156
|
+
--account_orderRateReviewSectionMarTop: var(--sp4x);
|
|
157
|
+
--account_orderRateReviewSectionMarBottom: var(--sp4x);
|
|
158
|
+
--account_orderRateReviewSectionPadTB: var(--sp2x);
|
|
159
|
+
--account_orderRateReviewSectionPadLR: var(--sp1-5x);
|
|
160
|
+
--account_orderRateReviewSectionBorderRadius: var(--sp1-5x);
|
|
161
|
+
--account_reviewSVGSize: var(--sp3x);
|
|
162
|
+
--account_topWrapperItemGap: var(--sp1x);
|
|
163
|
+
--account_bottomWrapperTop: var(--sp1-5x);
|
|
164
|
+
--account_orderRateBtnPadTB: var(--sp2x);
|
|
165
|
+
--account_orderRateBtnPadLR: var(--sp3x);
|
|
166
|
+
--account_orderReviewDescWidth: 100%;
|
|
167
|
+
|
|
168
|
+
.order-rate-review-top-wrapper {
|
|
169
|
+
flex-direction: column;
|
|
170
|
+
align-items: unset;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.order-rate-review-bottom-wrapper {
|
|
174
|
+
flex-direction: column;
|
|
175
|
+
align-items: unset;
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
`;
|
|
179
|
+
export default OrderRateReviewStyle;
|
|
180
|
+
//# sourceMappingURL=style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderRateReview/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,oBAAoB,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+DL,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;;;;;;;;;;;;;;;sCAehB,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;;;;;;;;;;;;;;;sCAehB,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;;;;;;;;;;;;;;;sCAehB,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;;;;;;;;;;;;;;;sCAejB,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;;;;;;;;;;;;;;;sCAed,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;;;;;;;;;;;;;;;sCAef,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;CAuBrG,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderRateReview/utils.js"],"names":[],"mappings":"AAEA,0CAUE;kBAZgB,OAAO"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
const reviewSVG = (React.createElement("svg", { fill: 'none', viewBox: '0 0 40 39', xmlns: 'http://www.w3.org/2000/svg' },
|
|
3
|
+
React.createElement("path", { d: 'M18.3203 11.6485C17.5457 12.3652 17.121 12.7615 16.7139 13.2452C16.2334 13.8219 15.8153 14.4512 15.4648 15.1153C15.1652 15.6805 14.9608 16.2283 14.582 17.2247L12.7051 22.1788C12.2134 23.4781 12.4678 24.9287 13.3779 25.9659C14.1243 26.8167 15.2328 27.2651 16.3467 27.1543C16.5502 27.1369 16.7594 27.0964 16.9629 27.0381L21.9551 25.6104C22.9445 25.3249 23.4878 25.1676 24.0645 24.9229C24.7429 24.6316 25.3929 24.2642 25.9922 23.8272C26.5067 23.4601 26.9314 23.0643 27.7002 22.3477L31.9521 18.3907V29.0547L28.4131 32.7022H5.76172L0 38.25V12.5108L3.54004 8.87407H21.2998L18.3203 11.6485ZM29.1523 4.71391C29.5934 5.98423 30.3455 7.49938 31.6289 8.96196C32.9124 10.4245 34.2978 11.3451 35.4795 11.9278L26.167 20.5987C25.4434 21.2745 25.0756 21.6188 24.6855 21.9043C24.2162 22.2423 23.7124 22.5277 23.1865 22.7549C22.7399 22.9414 22.2703 23.0816 21.3262 23.3497L16.3506 24.7774C15.887 24.9113 15.3896 24.7597 15.0674 24.3926C14.7395 24.0197 14.6491 23.4955 14.8242 23.0352L16.7012 18.0762C17.0574 17.138 17.233 16.6656 17.4648 16.2286C17.7362 15.71 18.0643 15.2202 18.4375 14.7774C18.7541 14.3987 19.1156 14.0605 19.8447 13.3848L29.1523 4.71391ZM32.1162 2.00395C34.05 0.203594 37.0352 0.360732 38.7822 2.35356C40.5294 4.34651 40.3761 7.42303 38.4424 9.22368C38.4352 9.2304 37.3318 10.2589 37.3232 10.2559C37.2837 10.2384 37.2386 10.2206 37.1934 10.2032C36.0908 9.74283 34.6545 8.90965 33.3428 7.41216C32.031 5.91453 31.3697 4.35783 31.0361 3.18071C31.0192 3.1342 31.0074 3.08758 30.9961 3.04106L32.1162 2.00395Z', fill: '#EF1794' })));
|
|
4
|
+
export { reviewSVG };
|
|
5
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderRateReview/utils.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,SAAS,GAAG,CACjB,6BACC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;IAClC,8BACC,CAAC,EAAC,k+CAAk+C,EACp+C,IAAI,EAAC,SAAS,GACb,CACG,CACN,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/order/OrderReview/index.js"],"names":[],"mappings":";AAMA;;sBAyFC;kBA/FiB,OAAO"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Rate, Text, useTranslation } from '@weareconceptstudio/core';
|
|
3
|
+
//* Styles
|
|
4
|
+
import OrderReviewStyle from './style';
|
|
5
|
+
const OrderReview = ({ review }) => {
|
|
6
|
+
const { translate } = useTranslation();
|
|
7
|
+
return (React.createElement(OrderReviewStyle, null,
|
|
8
|
+
React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: 'account.review.order_review' }),
|
|
9
|
+
React.createElement("div", { className: `info-space-line` }),
|
|
10
|
+
React.createElement("div", { className: 'order-grid-block' },
|
|
11
|
+
React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 order-review-option-title` },
|
|
12
|
+
translate('account.review.rating'),
|
|
13
|
+
":"),
|
|
14
|
+
React.createElement(Rate, { disabled: true, defaultValue: review.rating, defaultColor: '#CDD0D3', selectedColor: '#F20094' }),
|
|
15
|
+
review.restaurant?.length ? (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 order-review-option-title` },
|
|
17
|
+
translate('account.review.restaurant'),
|
|
18
|
+
":"),
|
|
19
|
+
React.createElement("div", { className: 'options-block' }, review.restaurant.map((i, k) => {
|
|
20
|
+
return (React.createElement("div", { key: k, className: `option-block` },
|
|
21
|
+
React.createElement("div", { className: `option-inner-block` },
|
|
22
|
+
React.createElement(Text, { className: 'account-p account-p4 account-font-medium account-primary-color1 order-rating-option-item' }, i.text))));
|
|
23
|
+
})))) : null,
|
|
24
|
+
review.delivery?.length ? (React.createElement(React.Fragment, null,
|
|
25
|
+
React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 order-review-option-title` },
|
|
26
|
+
translate('account.review.delivery'),
|
|
27
|
+
":"),
|
|
28
|
+
React.createElement("div", { className: 'options-block' }, review.delivery.map((i, k) => {
|
|
29
|
+
return (React.createElement("div", { key: k, className: `option-block` },
|
|
30
|
+
React.createElement("div", { className: `option-inner-block` },
|
|
31
|
+
React.createElement(Text, { className: 'account-p account-p4 account-font-medium account-primary-color1 order-rating-option-item' }, i.text))));
|
|
32
|
+
})))) : null,
|
|
33
|
+
review.comment ? (React.createElement(React.Fragment, null,
|
|
34
|
+
React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 order-review-option-title` },
|
|
35
|
+
translate('account.review.message'),
|
|
36
|
+
":"),
|
|
37
|
+
React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1` }, review.comment))) : null)));
|
|
38
|
+
};
|
|
39
|
+
export default OrderReview;
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/order/OrderReview/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEtE,UAAU;AACV,OAAO,gBAAgB,MAAM,SAAS,CAAC;AAEvC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAClC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,OAAO,CACN,oBAAC,gBAAgB;QAChB,oBAAC,IAAI,IACJ,SAAS,EAAE,+DAA+D,EAC1E,IAAI,EAAE,6BAA6B,GAClC;QAEF,6BAAK,SAAS,EAAE,iBAAiB,GAAI;QAErC,6BAAK,SAAS,EAAC,kBAAkB;YAChC,oBAAC,IAAI,IACJ,SAAS,EAAE,yFAAyF;gBACnG,SAAS,CAAC,uBAAuB,CAAC;oBAC7B;YAEP,oBAAC,IAAI,IACJ,QAAQ,QACR,YAAY,EAAE,MAAM,CAAC,MAAM,EAC3B,YAAY,EAAC,SAAS,EACtB,aAAa,EAAC,SAAS,GACtB;YAED,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CAC5B;gBACC,oBAAC,IAAI,IACJ,SAAS,EAAE,yFAAyF;oBACnG,SAAS,CAAC,2BAA2B,CAAC;wBACjC;gBAEP,6BAAK,SAAS,EAAC,eAAe,IAC5B,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAC/B,OAAO,CACN,6BACC,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,cAAc;wBACzB,6BAAK,SAAS,EAAE,oBAAoB;4BACnC,oBAAC,IAAI,IAAC,SAAS,EAAC,0FAA0F,IACxG,CAAC,CAAC,IAAI,CACD,CACF,CACD,CACN,CAAC;gBACH,CAAC,CAAC,CACG,CACJ,CACH,CAAC,CAAC,CAAC,IAAI;YAEP,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAC1B;gBACC,oBAAC,IAAI,IACJ,SAAS,EAAE,yFAAyF;oBACnG,SAAS,CAAC,yBAAyB,CAAC;wBAC/B;gBAEP,6BAAK,SAAS,EAAC,eAAe,IAC5B,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAC7B,OAAO,CACN,6BACC,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,cAAc;wBACzB,6BAAK,SAAS,EAAE,oBAAoB;4BACnC,oBAAC,IAAI,IAAC,SAAS,EAAC,0FAA0F,IACxG,CAAC,CAAC,IAAI,CACD,CACF,CACD,CACN,CAAC;gBACH,CAAC,CAAC,CACG,CACJ,CACH,CAAC,CAAC,CAAC,IAAI;YAEP,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB;gBACC,oBAAC,IAAI,IACJ,SAAS,EAAE,yFAAyF;oBACnG,SAAS,CAAC,wBAAwB,CAAC;wBAC9B;gBACP,oBAAC,IAAI,IAAC,SAAS,EAAE,kEAAkE,IACjF,MAAM,CAAC,OAAO,CACT,CACL,CACH,CAAC,CAAC,CAAC,IAAI,CACH,CACY,CACnB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export default OrderReviewStyle;
|
|
2
|
+
declare const OrderReviewStyle: 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/OrderReview/style.js"],"names":[],"mappings":";AAEA,sPAuLE"}
|