@plurix/ecom-components 1.15.0-loyalty.1 → 1.16.0-commerce.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 (11) hide show
  1. package/dist/packages/ChangeOrderModal/ChangeOrderModal.d.ts +3 -3
  2. package/dist/packages/ChangeOrderModal/ChangeOrderModal.js +71 -73
  3. package/dist/packages/ChangeOrderModal/components/ModalFooter.d.ts +4 -1
  4. package/dist/packages/ChangeOrderModal/components/ModalFooter.js +3 -1
  5. package/dist/packages/ChangeOrderModal/components/SimilarProductList.d.ts +2 -3
  6. package/dist/packages/ChangeOrderModal/components/SimilarProducts.d.ts +4 -5
  7. package/dist/packages/ChangeOrderModal/components/SimilarProducts.js +21 -21
  8. package/dist/packages/ChangeOrderModal/mocks.d.ts +1 -0
  9. package/dist/packages/ChangeOrderModal/mocks.js +1 -0
  10. package/dist/styles/change-order-modal.global.css +1 -1
  11. package/package.json +1 -1
package/dist/packages/ChangeOrderModal/ChangeOrderModal.d.ts CHANGED
@@ -13,9 +13,9 @@ export interface ChangeOrderModalProps {
13
13
  isClubClient?: boolean;
14
14
  orderFormId: string;
15
15
  saveSelectedSimilarProduct?: (similarProduct: SimilarProductsProps | undefined) => void;
16
- getOrderFormMutation?: (variables: {}) => Promise<CustomDataMutationResponse>;
17
- getProductsSimilarsMutation?: (variables: {}) => Promise<GetProductsSimilarsResponse>;
18
- postChangeOrderMutation?: (variables: {}) => Promise<PostChangeOrderMutationResponse>;
16
+ getOrderFormMutation?: (variables: object) => Promise<CustomDataMutationResponse>;
17
+ getProductsSimilarsMutation?: (variables: object) => Promise<GetProductsSimilarsResponse>;
18
+ postChangeOrderMutation?: (variables: object) => Promise<PostChangeOrderMutationResponse>;
19
19
  }
20
20
  interface CustomDataMutationResponse {
21
21
  getOrderForm: {
package/dist/packages/ChangeOrderModal/ChangeOrderModal.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsx as a, jsxs as E, Fragment as J } from "react/jsx-runtime";
2
- import { useState as f, useEffect as M } from "react";
3
- import { Modal as _ } from "../Modal/Modal.js";
4
- import { ProductSelected as v } from "./components/ProductSelected.js";
5
- import { SimilarProducts as L } from "./components/SimilarProducts.js";
1
+ import { jsx as i, jsxs as _, Fragment as q } from "react/jsx-runtime";
2
+ import { useState as g, useEffect as v } from "react";
3
+ import { Modal as D } from "../Modal/Modal.js";
4
+ import { ProductSelected as L } from "./components/ProductSelected.js";
5
+ import { SimilarProducts as R } from "./components/SimilarProducts.js";
6
6
  import { ModalFooter as T } from "./components/ModalFooter.js";
7
7
  /* empty css */import { getProductsSimilars as $ } from "./api/getProductsSimilars.js";
8
8
  import z from "../../hooks/useAnalitcsEvents.js";
@@ -10,84 +10,82 @@ import { NoSimilarProduct as B } from "./components/NoSimilarProduct.js";
10
10
  import { getOrderForm as G } from "./api/getOrderForm.js";
11
11
  import { postChangeOrder as H } from "./api/postChangeOrder.js";
12
12
  import { Skeleton as K } from "../Skeleton/index.js";
13
- const ao = ({
14
- selectedItem: o,
15
- postalCode: S,
16
- orderFormId: d,
17
- isClubClient: O,
18
- isOpen: y,
19
- environment: b,
20
- setIsOpen: p,
21
- saveSelectedSimilarProduct: c,
13
+ const no = ({
14
+ selectedItem: t,
15
+ postalCode: C,
16
+ orderFormId: s,
17
+ isClubClient: w,
18
+ isOpen: x,
19
+ environment: N,
20
+ setIsOpen: e,
21
+ saveSelectedSimilarProduct: m,
22
22
  getOrderFormMutation: l,
23
- getProductsSimilarsMutation: C,
24
- postChangeOrderMutation: F
23
+ getProductsSimilarsMutation: P,
24
+ postChangeOrderMutation: j
25
25
  }) => {
26
- const [s, P] = f(), [x, m] = f(!1), r = b === "io", { genericTaggingEvent: N } = z(), [t, g] = f({ itemId: "" });
27
- M(() => {
26
+ const [a, k] = g(), [A, h] = g(!1), r = N === "io", { genericTaggingEvent: E } = z(), [o, O] = g();
27
+ v(() => {
28
28
  (async () => {
29
- m(!0);
29
+ var S, b;
30
+ h(!0);
30
31
  try {
31
- const i = await $({
32
- postalCode: S,
33
- selectedItem: o,
34
- isIO: r,
35
- getProductsSimilarsMutation: C
36
- }), u = (i == null ? void 0 : i.products) || [];
37
- P(u);
38
- } finally {
39
- m(!1);
40
- }
41
- })(), (async () => {
42
- var i, u;
43
- m(!0);
44
- try {
45
- const q = r && G(d, r), w = l && await l({
46
- input: {
47
- orderFormId: d
48
- }
49
- }) || { getOrderForm: { data: "" } }, e = r ? q : JSON.parse(w.getOrderForm.data), n = ((u = (i = e == null ? void 0 : e.customData) == null ? void 0 : i.customApps) == null ? void 0 : u.find(
50
- (A) => A.id === "janis"
32
+ const [p, c] = await Promise.all([
33
+ $({
34
+ postalCode: C,
35
+ selectedItem: t,
36
+ isIO: r,
37
+ getProductsSimilarsMutation: P
38
+ }),
39
+ (async () => {
40
+ const d = r && await G(s, r), M = l && await l({
41
+ input: { orderFormId: s }
42
+ }) || { getOrderForm: { data: "" } };
43
+ return r ? d : JSON.parse(M.getOrderForm.data);
44
+ })()
45
+ ]), J = (p == null ? void 0 : p.products) || [];
46
+ k(J);
47
+ const n = ((b = (S = c == null ? void 0 : c.customData) == null ? void 0 : S.customApps) == null ? void 0 : b.find(
48
+ (d) => d.id === "janis"
51
49
  )) || null;
52
- let h = {};
53
- n != null && n.fields.idSubstitutionCriterias && (h = JSON.parse(
54
- n == null ? void 0 : n.fields.idSubstitutionCriterias
55
- ));
56
- const k = o == null ? void 0 : o.productOriginId;
57
- g({
58
- itemId: `${h[k]}`
50
+ let f = {};
51
+ n != null && n.fields.idSubstitutionCriterias && (f = JSON.parse(n.fields.idSubstitutionCriterias));
52
+ const y = t == null ? void 0 : t.productOriginId;
53
+ f[y] && O({
54
+ itemId: `${f[y]}`
59
55
  });
60
56
  } finally {
61
- m(!1);
57
+ h(!1);
62
58
  }
63
59
  })();
64
60
  }, []);
65
- const j = () => {
61
+ const F = () => {
62
+ var u;
66
63
  H(
67
- d,
64
+ s,
68
65
  r,
69
- o.productOriginId,
70
- t.itemId,
71
- F
72
- ), t && (c == null || c(t), N("salvar_substituto", {
73
- name: o.name,
74
- replacement_item: t == null ? void 0 : t.name
75
- })), p(!1);
66
+ t.productOriginId,
67
+ (u = o == null ? void 0 : o.itemId) != null ? u : "",
68
+ j
69
+ ), o && (m == null || m(o), E("salvar_substituto", {
70
+ name: t.name,
71
+ replacement_item: o == null ? void 0 : o.name
72
+ })), e(!1);
76
73
  };
77
- return /* @__PURE__ */ a(
78
- _,
74
+ return /* @__PURE__ */ i(
75
+ D,
79
76
  {
80
- isOpen: y,
81
- setIsOpen: p,
77
+ isOpen: x,
78
+ setIsOpen: e,
82
79
  className: "change-order-modal",
83
80
  title: "Produto com estoque baixo",
84
- Footer: s && s.length > 0 && /* @__PURE__ */ a(
81
+ Footer: a && a.length > 0 && /* @__PURE__ */ i(
85
82
  T,
86
83
  {
87
- saveSelectedSimilarProduct: j
84
+ saveSelectedSimilarProduct: F,
85
+ similarProductSelect: o
88
86
  }
89
87
  ),
90
- children: x ? /* @__PURE__ */ a(
88
+ children: A ? /* @__PURE__ */ i(
91
89
  K,
92
90
  {
93
91
  width: r ? "100%" : "90%",
@@ -96,21 +94,21 @@ const ao = ({
96
94
  margin: "auto",
97
95
  animation: !0
98
96
  }
99
- ) : /* @__PURE__ */ E(J, { children: [
100
- o && /* @__PURE__ */ a(v, { selectedItem: o }),
101
- s && s.length > 0 ? /* @__PURE__ */ a(
102
- L,
97
+ ) : /* @__PURE__ */ _(q, { children: [
98
+ t && /* @__PURE__ */ i(L, { selectedItem: t }),
99
+ a && a.length > 0 ? /* @__PURE__ */ i(
100
+ R,
103
101
  {
104
- isClubClient: O,
105
- similarProductSelect: t,
106
- setSimilarProductSelect: g,
107
- products: s
102
+ isClubClient: w,
103
+ similarProductSelect: o,
104
+ setSimilarProductSelect: O,
105
+ products: a
108
106
  }
109
- ) : /* @__PURE__ */ a(B, {})
107
+ ) : /* @__PURE__ */ i(B, {})
110
108
  ] })
111
109
  }
112
110
  );
113
111
  };
114
112
  export {
115
- ao as ChangeOrderModal
113
+ no as ChangeOrderModal
116
114
  };
package/dist/packages/ChangeOrderModal/components/ModalFooter.d.ts CHANGED
@@ -1,3 +1,6 @@
1
- export declare const ModalFooter: ({ saveSelectedSimilarProduct }: {
1
+ import { SimilarProducts } from '../../../main';
2
+
3
+ export declare const ModalFooter: ({ saveSelectedSimilarProduct, similarProductSelect }: {
2
4
  saveSelectedSimilarProduct?: () => void;
5
+ similarProductSelect: SimilarProducts | undefined;
3
6
  }) => import("react/jsx-runtime").JSX.Element;
package/dist/packages/ChangeOrderModal/components/ModalFooter.js CHANGED
@@ -1,11 +1,13 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
2
  const t = ({
3
- saveSelectedSimilarProduct: o
3
+ saveSelectedSimilarProduct: o,
4
+ similarProductSelect: r
4
5
  }) => /* @__PURE__ */ n("div", { className: "change-order-moda-footer", children: /* @__PURE__ */ n(
5
6
  "button",
6
7
  {
7
8
  onClick: () => o == null ? void 0 : o(),
8
9
  className: "change-order-save-buttom",
10
+ disabled: !r,
9
11
  children: "Salvar Substituto"
10
12
  }
11
13
  ) });
package/dist/packages/ChangeOrderModal/components/SimilarProductList.d.ts CHANGED
@@ -1,9 +1,8 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
1
  import { SimilarProducts } from '../../../types/ChangeOrderModal';
3
2
 
4
3
  export declare const SimilarProductItem: ({ similarProduct, similarProductSelect, setSimilarProductSelect, isClubClient }: {
5
- similarProductSelect: SimilarProducts;
6
- setSimilarProductSelect: Dispatch<SetStateAction<SimilarProducts>>;
4
+ similarProductSelect: SimilarProducts | undefined;
5
+ setSimilarProductSelect: (similarProductSelect: SimilarProducts) => void;
7
6
  similarProduct: SimilarProducts;
8
7
  isClubClient?: boolean;
9
8
  }) => import("react/jsx-runtime").JSX.Element;
package/dist/packages/ChangeOrderModal/components/SimilarProducts.d.ts CHANGED
@@ -1,11 +1,10 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
1
  import { SimilarProducts as SimilarProductProps } from '../../../types/ChangeOrderModal';
3
2
 
4
3
  interface Props {
5
- products?: SimilarProductProps[];
6
- similarProductSelect: SimilarProductProps;
7
- setSimilarProductSelect: Dispatch<SetStateAction<SimilarProductProps>>;
4
+ products: SimilarProductProps[];
5
+ similarProductSelect: SimilarProductProps | undefined;
6
+ setSimilarProductSelect: (similiarProductSelect: SimilarProductProps | undefined) => void;
8
7
  isClubClient?: boolean;
9
8
  }
10
- export declare const SimilarProducts: ({ products, isClubClient, similarProductSelect, setSimilarProductSelect }: Props) => import("react/jsx-runtime").JSX.Element | null;
9
+ export declare const SimilarProducts: ({ products, isClubClient, similarProductSelect, setSimilarProductSelect }: Props) => import("react/jsx-runtime").JSX.Element;
11
10
  export {};
package/dist/packages/ChangeOrderModal/components/SimilarProducts.js CHANGED
@@ -1,35 +1,35 @@
1
- import { jsxs as r, jsx as i } from "react/jsx-runtime";
2
- import { Icons as h } from "../assets/icons.js";
3
- import { SimilarProductItem as t } from "./SimilarProductList.js";
4
- const I = ({
1
+ import { jsxs as i, jsx as r } from "react/jsx-runtime";
2
+ import { Icons as c } from "../assets/icons.js";
3
+ import { SimilarProductItem as e } from "./SimilarProductList.js";
4
+ const u = ({
5
5
  products: m,
6
- isClubClient: s,
7
- similarProductSelect: a,
8
- setSimilarProductSelect: n
9
- }) => m != null && m.length ? /* @__PURE__ */ r("section", { className: "change-order-similar-products", children: [
10
- /* @__PURE__ */ i("h3", { className: "title", children: "Na falta substitua por:" }),
11
- /* @__PURE__ */ i("div", { className: "similar-product-list", children: m.map((o) => /* @__PURE__ */ i(
12
- t,
6
+ isClubClient: a,
7
+ similarProductSelect: o,
8
+ setSimilarProductSelect: s
9
+ }) => /* @__PURE__ */ i("section", { className: "change-order-similar-products", children: [
10
+ /* @__PURE__ */ r("h3", { className: "title", children: "Na falta substitua por:" }),
11
+ /* @__PURE__ */ r("div", { className: "similar-product-list", children: m.map((t) => /* @__PURE__ */ r(
12
+ e,
13
13
  {
14
- isClubClient: s,
15
- similarProductSelect: a,
16
- setSimilarProductSelect: n,
17
- similarProduct: o
14
+ isClubClient: a,
15
+ similarProductSelect: o,
16
+ setSimilarProductSelect: s,
17
+ similarProduct: t
18
18
  },
19
- o.itemId
19
+ t.itemId
20
20
  )) }),
21
- a && /* @__PURE__ */ r(
21
+ o && /* @__PURE__ */ i(
22
22
  "button",
23
23
  {
24
- onClick: () => n == null ? void 0 : n({ itemId: "" }),
24
+ onClick: () => s(void 0),
25
25
  className: "remove-buttom",
26
26
  children: [
27
- /* @__PURE__ */ i(h, { iconId: "Trash" }),
27
+ /* @__PURE__ */ r(c, { iconId: "Trash" }),
28
28
  " Remover substituto"
29
29
  ]
30
30
  }
31
31
  )
32
- ] }) : null;
32
+ ] });
33
33
  export {
34
- I as SimilarProducts
34
+ u as SimilarProducts
35
35
  };
package/dist/packages/ChangeOrderModal/mocks.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export declare const productSelectedMock: {
2
+ id: string;
2
3
  imageUrl: string;
3
4
  name: string;
4
5
  quantity: number;
package/dist/packages/ChangeOrderModal/mocks.js CHANGED
@@ -1,4 +1,5 @@
1
1
  const e = {
2
+ id: "product-001",
2
3
  imageUrl: "https://smrholding.vteximg.com.br/arquivos/ids/157320-55-55/7891150061040_01.jpg?v=637994761386800000",
3
4
  name: "Sorvete Ovomaltine Kibon 800mL",
4
5
  quantity: 1,
package/dist/styles/change-order-modal.global.css CHANGED
@@ -1 +1 @@
1
- .change-order-modal p{margin:0;padding:0}.change-order-modal #modal-content-container{width:100%}.change-order-modal #modal-content-container #modal-content{display:flex;flex-direction:column;background-color:var(--color-grayScale-white);border-radius:16px 16px 0 0}.change-order-modal #modal-content-container #modal-content #modal-scroll{flex:1}.change-order-modal #modal-content-container #modal-pre-content{padding:16px}.change-order-modal #modal-content-container #modal-content header{width:100%;display:flex;justify-content:space-between;padding:24px 16px 16px;align-items:center}.change-order-modal #modal-content-container #modal-content header .modal-title{font-size:24px;font-weight:700;line-height:28px;color:var(--color-grayScale)}.change-order-modal .modal-close{background:none;border:none;cursor:pointer}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content{border-radius:16px}.change-order-modal header .modal-title{font-size:24px;line-height:28px}}.change-order-modal #modal-content-container #modal-content .change-order-pre-content{display:flex;margin:16px}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos{width:100%;margin-left:8px}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details{display:flex;justify-content:space-between;align-items:center}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .quantity{color:var(--color-grayScale);font-size:14px;line-height:18px;font-weight:700}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .sellingPrice-multiply{font-weight:400}.change-order-modal #modal-content-container{max-height:675px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .quantity{font-size:16px;line-height:20px}.change-order-modal #modal-content-container{max-height:716px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products{overflow-y:auto;margin:0 8px;padding:8px;height:80%;&::-webkit-scrollbar{width:4px;background-color:var(--color-main-faded)}&::-webkit-scrollbar-thumb{width:3px;padding-top:16px;background-color:var(--color-main);max-height:34px;border-radius:20px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .remove-buttom{color:var(--color-negativeFeedback);background-color:transparent;border:none;font-weight:700;font-size:14px;line-height:18px;display:flex;align-items:center;justify-content:center;margin:22px 0;column-gap:4px;text-decoration:underline;cursor:pointer}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .title{font-size:14px;line-height:18px;font-weight:700;color:var(--color-grayScale);margin-bottom:16px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .change-order-similar-products .remove-buttom{margin:16px 0}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .title{font-size:20px;line-height:24px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list{display:flex;row-gap:16px;flex-direction:column}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item{display:flex;border-style:solid;border-width:1px;border-radius:8px;padding:8px;width:100%}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item{display:flex;cursor:pointer;background-color:var(--color-grayScale-white)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos{width:100%;margin-left:8px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .description{width:100%;display:flex;justify-content:space-between}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .seal-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .seal{color:var(--color-grayScale-white);font-size:9px;list-style:16px;text-align:center;padding:4px;border-radius:2px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .description .choose-icon{width:16px;height:16px;border-radius:100%;display:flex;align-items:center;justify-content:center}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount .list-price{font-size:12px;line-height:16px;font-weight:400;color:var(--color-grayScale-dark);text-decoration:line-through}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount{display:flex;column-gap:4px;align-items:center}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount .badge{width:46px;height:17px;justify-content:center;display:flex;align-items:center;padding:4px;color:var(--color-main);border-radius:16px;font-size:12px;font-weight:700;background-color:var(--color-secondary)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices{display:flex;flex-direction:column;row-gap:5px}.change-order-no-similar-products{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.no-similar-title{font-size:14px;line-height:18px;font-weight:700;color:var(--color-grayScale);margin-bottom:16px;margin-top:16px}.change-order-modal #modal-content-container .modal-footer{border-radius:0 0 16px 16px;padding:16px}.change-order-modal .change-order-moda-footer .change-order-save-buttom{width:100%;height:34px;background-color:var(--color-main);border-color:transparent;border-radius:2px;color:var(--color-assistant-main);font-size:14px;line-height:18px;font-weight:500;cursor:pointer}.change-order-modal #modal-content-container #modal-content .product-name{font-size:16px;line-height:20px;font-weight:400;color:var(--color-grayScale);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:start}.change-order-modal #modal-content-container #modal-content .badge{padding:1px 4px;color:var(--color-main);border-radius:16px;font-size:12px;font-weight:700;background-color:var(--color-secondary)}.change-order-modal #modal-content-container #modal-content .sellingPrice{color:var(--color-main);font-size:20px;line-height:24px;font-weight:600;display:flex;align-items:center;column-gap:1px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .sellingPrice{font-size:20px;line-height:24px}}@media (max-width: 992px){.change-order-modal .choose-icon{flex:0 0 16px;margin-left:8px}}
1
+ .change-order-modal p{margin:0;padding:0}.change-order-modal #modal-content-container{width:100%}.change-order-modal #modal-content-container #modal-content{display:flex;flex-direction:column;background-color:var(--color-grayScale-white);border-radius:16px 16px 0 0}.change-order-modal #modal-content-container #modal-content #modal-scroll{flex:1}.change-order-modal #modal-content-container #modal-pre-content{padding:16px}.change-order-modal #modal-content-container #modal-content header{width:100%;display:flex;justify-content:space-between;padding:24px 16px 16px;align-items:center}.change-order-modal #modal-content-container #modal-content header .modal-title{font-size:24px;font-weight:700;line-height:28px;color:var(--color-grayScale)}.change-order-modal .modal-close{background:none;border:none;cursor:pointer}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content{border-radius:16px}.change-order-modal header .modal-title{font-size:24px;line-height:28px}}.change-order-modal #modal-content-container #modal-content .change-order-pre-content{display:flex;margin:16px}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos{width:100%;margin-left:8px}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details{display:flex;justify-content:space-between;align-items:center}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .quantity{color:var(--color-grayScale);font-size:14px;line-height:18px;font-weight:700}.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .sellingPrice-multiply{font-weight:400}.change-order-modal #modal-content-container{max-height:675px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .change-order-pre-content .change-order-pre-content-infos .product-details .quantity{font-size:16px;line-height:20px}.change-order-modal #modal-content-container{max-height:716px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products{overflow-y:auto;margin:0 8px;padding:8px;height:80%;&::-webkit-scrollbar{width:4px;background-color:var(--color-main-faded)}&::-webkit-scrollbar-thumb{width:3px;padding-top:16px;background-color:var(--color-main);max-height:34px;border-radius:20px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .remove-buttom{color:var(--color-negativeFeedback);background-color:transparent;border:none;font-weight:700;font-size:14px;line-height:18px;display:flex;align-items:center;justify-content:center;margin:22px 0;column-gap:4px;text-decoration:underline;cursor:pointer}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .title{font-size:14px;line-height:18px;font-weight:700;color:var(--color-grayScale);margin-bottom:16px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .change-order-similar-products .remove-buttom{margin:16px 0}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .title{font-size:20px;line-height:24px}}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list{display:flex;row-gap:16px;flex-direction:column}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item{display:flex;border-style:solid;border-width:1px;border-radius:8px;padding:8px;width:100%}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item{display:flex;cursor:pointer;background-color:var(--color-grayScale-white)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos{width:100%;margin-left:8px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .description{width:100%;display:flex;justify-content:space-between}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .seal-container{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .seal{color:var(--color-grayScale-white);font-size:9px;list-style:16px;text-align:center;padding:4px;border-radius:2px}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .description .choose-icon{width:16px;height:16px;border-radius:100%;display:flex;align-items:center;justify-content:center}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount .list-price{font-size:12px;line-height:16px;font-weight:400;color:var(--color-grayScale-dark);text-decoration:line-through}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount{display:flex;column-gap:4px;align-items:center}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices .discount .badge{width:46px;height:17px;justify-content:center;display:flex;align-items:center;padding:4px;color:var(--color-main);border-radius:16px;font-size:12px;font-weight:700;background-color:var(--color-secondary)}.change-order-modal #modal-content-container #modal-content .change-order-similar-products .similar-product-list .similar-product-list-item .infos .prices{display:flex;flex-direction:column;row-gap:5px}.change-order-no-similar-products{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.no-similar-title{font-size:14px;line-height:18px;font-weight:700;color:var(--color-grayScale);margin-bottom:16px;margin-top:16px}.change-order-modal #modal-content-container .modal-footer{border-radius:0 0 16px 16px;padding:16px}.change-order-modal .change-order-moda-footer .change-order-save-buttom{width:100%;height:34px;background-color:var(--color-main);border-color:transparent;border-radius:2px;color:var(--color-assistant-main);font-size:14px;line-height:18px;font-weight:500;cursor:pointer}.change-order-modal .change-order-moda-footer .change-order-save-buttom:disabled{background-color:var(--color-grayScale-lightest);color:var(--color-grayScale-dark);cursor:not-allowed}.change-order-modal #modal-content-container #modal-content .product-name{font-size:16px;line-height:20px;font-weight:400;color:var(--color-grayScale);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:start}.change-order-modal #modal-content-container #modal-content .badge{padding:1px 4px;color:var(--color-main);border-radius:16px;font-size:12px;font-weight:700;background-color:var(--color-secondary)}.change-order-modal #modal-content-container #modal-content .sellingPrice{color:var(--color-main);font-size:20px;line-height:24px;font-weight:600;display:flex;align-items:center;column-gap:1px}@media (min-width: 768px){.change-order-modal #modal-content-container #modal-content .sellingPrice{font-size:20px;line-height:24px}}@media (max-width: 992px){.change-order-modal .choose-icon{flex:0 0 16px;margin-left:8px}}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@plurix/ecom-components",
3
3
  "author": "Plurix",
4
4
  "private": false,
5
- "version": "1.15.0-loyalty.1",
5
+ "version": "1.16.0-commerce.1",
6
6
  "type": "module",
7
7
  "main": "dist/main.js",
8
8
  "types": "dist/main.d.ts",