@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.
Files changed (126) hide show
  1. package/dist/components/AccountCounter/index.d.ts.map +1 -1
  2. package/dist/components/AccountCounter/index.js +11 -6
  3. package/dist/components/AccountCounter/index.js.map +1 -1
  4. package/dist/components/AccountCounter/style.d.ts.map +1 -1
  5. package/dist/components/AccountCounter/style.js +39 -0
  6. package/dist/components/AccountCounter/style.js.map +1 -1
  7. package/dist/components/AccountPageWrapper/index.d.ts +7 -0
  8. package/dist/components/AccountPageWrapper/index.d.ts.map +1 -0
  9. package/dist/components/AccountPageWrapper/index.js +11 -0
  10. package/dist/components/AccountPageWrapper/index.js.map +1 -0
  11. package/dist/modules/account/AccountBalanceTemplate/index.d.ts.map +1 -1
  12. package/dist/modules/account/AccountBalanceTemplate/index.js +8 -6
  13. package/dist/modules/account/AccountBalanceTemplate/index.js.map +1 -1
  14. package/dist/modules/account/AccountSettingsTemplate/index.d.ts.map +1 -1
  15. package/dist/modules/account/AccountSettingsTemplate/index.js +5 -3
  16. package/dist/modules/account/AccountSettingsTemplate/index.js.map +1 -1
  17. package/dist/modules/address/AddressesTemplate/index.d.ts.map +1 -1
  18. package/dist/modules/address/AddressesTemplate/index.js +5 -3
  19. package/dist/modules/address/AddressesTemplate/index.js.map +1 -1
  20. package/dist/modules/auth/SignInTemplate/index.d.ts.map +1 -1
  21. package/dist/modules/auth/SignInTemplate/index.js +1 -3
  22. package/dist/modules/auth/SignInTemplate/index.js.map +1 -1
  23. package/dist/modules/cart/CartTemplate/index.d.ts.map +1 -1
  24. package/dist/modules/cart/CartTemplate/index.js +25 -23
  25. package/dist/modules/cart/CartTemplate/index.js.map +1 -1
  26. package/dist/modules/cart/components/CartItems/style.d.ts.map +1 -1
  27. package/dist/modules/cart/components/CartItems/style.js +37 -73
  28. package/dist/modules/cart/components/CartItems/style.js.map +1 -1
  29. package/dist/modules/order/OrderHistoryTemplate/index.d.ts.map +1 -1
  30. package/dist/modules/order/OrderHistoryTemplate/index.js +4 -2
  31. package/dist/modules/order/OrderHistoryTemplate/index.js.map +1 -1
  32. package/dist/modules/order/OrderIndividualTemplate/index.d.ts.map +1 -1
  33. package/dist/modules/order/OrderIndividualTemplate/index.js +15 -14
  34. package/dist/modules/order/OrderIndividualTemplate/index.js.map +1 -1
  35. package/dist/modules/order/OrderRatePopup/index.d.ts +9 -0
  36. package/dist/modules/order/OrderRatePopup/index.d.ts.map +1 -0
  37. package/dist/modules/order/OrderRatePopup/index.js +37 -0
  38. package/dist/modules/order/OrderRatePopup/index.js.map +1 -0
  39. package/dist/modules/order/OrderRatePopup/style.d.ts +3 -0
  40. package/dist/modules/order/OrderRatePopup/style.d.ts.map +1 -0
  41. package/dist/modules/order/OrderRatePopup/style.js +89 -0
  42. package/dist/modules/order/OrderRatePopup/style.js.map +1 -0
  43. package/dist/modules/order/OrderRateReview/index.d.ts +7 -0
  44. package/dist/modules/order/OrderRateReview/index.d.ts.map +1 -0
  45. package/dist/modules/order/OrderRateReview/index.js +25 -0
  46. package/dist/modules/order/OrderRateReview/index.js.map +1 -0
  47. package/dist/modules/order/OrderRateReview/style.d.ts +3 -0
  48. package/dist/modules/order/OrderRateReview/style.d.ts.map +1 -0
  49. package/dist/modules/order/OrderRateReview/style.js +180 -0
  50. package/dist/modules/order/OrderRateReview/style.js.map +1 -0
  51. package/dist/modules/order/OrderRateReview/utils.d.ts +3 -0
  52. package/dist/modules/order/OrderRateReview/utils.d.ts.map +1 -0
  53. package/dist/modules/order/OrderRateReview/utils.js +5 -0
  54. package/dist/modules/order/OrderRateReview/utils.js.map +1 -0
  55. package/dist/modules/order/OrderReview/index.d.ts +6 -0
  56. package/dist/modules/order/OrderReview/index.d.ts.map +1 -0
  57. package/dist/modules/order/OrderReview/index.js +40 -0
  58. package/dist/modules/order/OrderReview/index.js.map +1 -0
  59. package/dist/modules/order/OrderReview/style.d.ts +3 -0
  60. package/dist/modules/order/OrderReview/style.d.ts.map +1 -0
  61. package/dist/modules/order/OrderReview/style.js +175 -0
  62. package/dist/modules/order/OrderReview/style.js.map +1 -0
  63. package/dist/modules/order/OrderReviewPopup/index.d.ts +4 -0
  64. package/dist/modules/order/OrderReviewPopup/index.d.ts.map +1 -0
  65. package/dist/modules/order/OrderReviewPopup/index.js +115 -0
  66. package/dist/modules/order/OrderReviewPopup/index.js.map +1 -0
  67. package/dist/modules/order/OrderReviewPopup/style.d.ts +3 -0
  68. package/dist/modules/order/OrderReviewPopup/style.d.ts.map +1 -0
  69. package/dist/modules/order/OrderReviewPopup/style.js +276 -0
  70. package/dist/modules/order/OrderReviewPopup/style.js.map +1 -0
  71. package/dist/modules/order/OrderReviewPopup/utils.d.ts +3 -0
  72. package/dist/modules/order/OrderReviewPopup/utils.d.ts.map +1 -0
  73. package/dist/modules/order/OrderReviewPopup/utils.js +7 -0
  74. package/dist/modules/order/OrderReviewPopup/utils.js.map +1 -0
  75. package/dist/modules/order/OrderReviewTemplate/index.d.ts +7 -0
  76. package/dist/modules/order/OrderReviewTemplate/index.d.ts.map +1 -0
  77. package/dist/modules/order/OrderReviewTemplate/index.js +54 -0
  78. package/dist/modules/order/OrderReviewTemplate/index.js.map +1 -0
  79. package/dist/modules/order/OrderReviewTemplate/style.d.ts +3 -0
  80. package/dist/modules/order/OrderReviewTemplate/style.d.ts.map +1 -0
  81. package/dist/modules/order/OrderReviewTemplate/style.js +99 -0
  82. package/dist/modules/order/OrderReviewTemplate/style.js.map +1 -0
  83. package/dist/modules/order/OrdersList/Item/index.d.ts.map +1 -1
  84. package/dist/modules/order/OrdersList/Item/index.js +9 -3
  85. package/dist/modules/order/OrdersList/Item/index.js.map +1 -1
  86. package/dist/modules/order/OrdersList/ItemMobile/index.d.ts.map +1 -1
  87. package/dist/modules/order/OrdersList/ItemMobile/index.js +16 -8
  88. package/dist/modules/order/OrdersList/ItemMobile/index.js.map +1 -1
  89. package/dist/modules/order/OrdersList/index.d.ts.map +1 -1
  90. package/dist/modules/order/OrdersList/index.js +7 -18
  91. package/dist/modules/order/OrdersList/index.js.map +1 -1
  92. package/dist/modules/order/OrdersList/style.d.ts.map +1 -1
  93. package/dist/modules/order/OrdersList/style.js +163 -96
  94. package/dist/modules/order/OrdersList/style.js.map +1 -1
  95. package/dist/modules/order/index.d.ts +6 -1
  96. package/dist/modules/order/index.d.ts.map +1 -1
  97. package/dist/modules/order/index.js +6 -1
  98. package/dist/modules/order/index.js.map +1 -1
  99. package/dist/modules/payment/PaymentMethodsTemplate/index.d.ts.map +1 -1
  100. package/dist/modules/payment/PaymentMethodsTemplate/index.js +6 -4
  101. package/dist/modules/payment/PaymentMethodsTemplate/index.js.map +1 -1
  102. package/dist/stores/orderStore.d.ts +22 -0
  103. package/dist/stores/orderStore.d.ts.map +1 -0
  104. package/dist/stores/orderStore.js +60 -0
  105. package/dist/stores/orderStore.js.map +1 -0
  106. package/dist/styles/helperClass.d.ts.map +1 -1
  107. package/dist/styles/helperClass.js +23 -0
  108. package/dist/styles/helperClass.js.map +1 -1
  109. package/dist/styles/variables.d.ts.map +1 -1
  110. package/dist/styles/variables.js +105 -0
  111. package/dist/styles/variables.js.map +1 -1
  112. package/dist/translations/en.d.ts +19 -0
  113. package/dist/translations/en.d.ts.map +1 -1
  114. package/dist/translations/en.js +22 -3
  115. package/dist/translations/en.js.map +1 -1
  116. package/dist/translations/hy.d.ts +19 -0
  117. package/dist/translations/hy.d.ts.map +1 -1
  118. package/dist/translations/hy.js +22 -3
  119. package/dist/translations/hy.js.map +1 -1
  120. package/dist/translations/index.d.ts +57 -0
  121. package/dist/translations/index.d.ts.map +1 -1
  122. package/dist/translations/ru.d.ts +19 -0
  123. package/dist/translations/ru.d.ts.map +1 -1
  124. package/dist/translations/ru.js +21 -2
  125. package/dist/translations/ru.js.map +1 -1
  126. 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(OrderHistoryTemplateStyle, null,
6
- React.createElement(OrdersList, null)));
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;QACzB,oBAAC,UAAU,OAAG,CACa,CAC5B,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
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":";AAYA;;sBA0CC;kBAtD0C,OAAO"}
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, { useState, useEffect } from 'react';
2
- import { api } from '@weareconceptstudio/core';
1
+ import React, { useEffect } from 'react';
3
2
  //* Components
4
- import { AccountButton } from '../../../components';
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
- //* Style
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 [data, setData] = useState();
12
- const [loading, setLoading] = useState(true);
13
+ const { order, orderLoading, getOrder } = useOrderStore();
13
14
  useEffect(() => {
14
- api.get({ url: `orders/${uniqueKey}` }).then((res) => {
15
- setData(res.data);
16
- setLoading(false);
17
- });
15
+ if (uniqueKey) {
16
+ getOrder(uniqueKey);
17
+ }
18
18
  }, [uniqueKey]);
19
- return !loading ? (React.createElement(OrderIndividualTemplateStyle, null,
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`, ...data }),
24
- React.createElement(ShippingBillingInfo, { className: `col-50`, billing_address: data?.billingAddress, shipping_address: data?.shippingAddress })),
25
- React.createElement(OrderedItems, { dataId: data.id, data: data.items, status: data.status })))) : null;
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,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,cAAc;AACd,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,SAAS;AACT,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;YAEN,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"}
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,7 @@
1
+ export default OrderRateReview;
2
+ declare function OrderRateReview({ orderId, orderNumber }: {
3
+ orderId: any;
4
+ orderNumber: any;
5
+ }): React.JSX.Element;
6
+ import React from 'react';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export const reviewSVG: React.JSX.Element;
2
+ import React from 'react';
3
+ //# sourceMappingURL=utils.d.ts.map
@@ -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,6 @@
1
+ export default OrderReview;
2
+ declare function OrderReview({ review }: {
3
+ review: any;
4
+ }): React.JSX.Element;
5
+ import React from 'react';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}