@plurix/ecom-components 1.15.0-loyalty.1 → 1.16.0-commerce.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/assets/svgs/CouponIcon.d.ts +4 -1
  2. package/dist/assets/svgs/CouponIcon.js +14 -50
  3. package/dist/assets/svgs/ErrorIcon.d.ts +5 -1
  4. package/dist/assets/svgs/ErrorIcon.js +14 -26
  5. package/dist/main.d.ts +0 -1
  6. package/dist/main.js +17 -19
  7. package/dist/packages/ChangeOrderModal/ChangeOrderModal.d.ts +3 -3
  8. package/dist/packages/ChangeOrderModal/ChangeOrderModal.js +71 -73
  9. package/dist/packages/ChangeOrderModal/components/ModalFooter.d.ts +4 -1
  10. package/dist/packages/ChangeOrderModal/components/ModalFooter.js +3 -1
  11. package/dist/packages/ChangeOrderModal/components/SimilarProductList.d.ts +2 -3
  12. package/dist/packages/ChangeOrderModal/components/SimilarProducts.d.ts +4 -5
  13. package/dist/packages/ChangeOrderModal/components/SimilarProducts.js +21 -21
  14. package/dist/packages/ChangeOrderModal/mocks.d.ts +1 -0
  15. package/dist/packages/ChangeOrderModal/mocks.js +1 -0
  16. package/dist/packages/Coupons/Coupons.d.ts +17 -3
  17. package/dist/packages/Coupons/Coupons.js +114 -76
  18. package/dist/packages/Coupons/components/Alert.d.ts +2 -4
  19. package/dist/packages/Coupons/components/Alert.js +10 -10
  20. package/dist/packages/Coupons/components/Breadcrumb.d.ts +6 -0
  21. package/dist/packages/Coupons/components/Breadcrumb.js +33 -0
  22. package/dist/packages/Coupons/components/CouponCard.d.ts +22 -5
  23. package/dist/packages/Coupons/components/CouponCard.js +133 -79
  24. package/dist/packages/Coupons/components/Modal.d.ts +8 -0
  25. package/dist/packages/Coupons/components/Modal.js +62 -0
  26. package/dist/packages/Coupons/components/ModalFooter.d.ts +9 -0
  27. package/dist/packages/Coupons/components/ModalFooter.js +25 -0
  28. package/dist/packages/Coupons/components/ModalHeader.d.ts +6 -0
  29. package/dist/packages/Coupons/components/ModalHeader.js +25 -0
  30. package/dist/packages/Coupons/components/NoCoupons.js +7 -7
  31. package/dist/packages/Coupons/types/CouponType.d.ts +1 -1
  32. package/dist/packages/Coupons/types/Views.d.ts +1 -0
  33. package/dist/packages/Coupons/types/Views.js +1 -0
  34. package/dist/packages/Coupons/views/CouponsView.d.ts +15 -0
  35. package/dist/packages/Coupons/views/CouponsView.js +131 -0
  36. package/dist/packages/Coupons/views/EmptyCartView.d.ts +6 -0
  37. package/dist/packages/Coupons/views/EmptyCartView.js +36 -0
  38. package/dist/packages/Coupons/views/LoadingView.d.ts +7 -0
  39. package/dist/packages/Coupons/views/LoadingView.js +39 -0
  40. package/dist/packages/Coupons/views/OverwriteView.d.ts +14 -0
  41. package/dist/packages/Coupons/views/OverwriteView.js +58 -0
  42. package/dist/packages/Coupons/views/RulesView.d.ts +13 -0
  43. package/dist/packages/Coupons/views/RulesView.js +49 -0
  44. package/dist/packages/Coupons/views/index.d.ts +5 -0
  45. package/dist/packages/Coupons/views/index.js +12 -0
  46. package/dist/styles/change-order-modal.global.css +1 -1
  47. package/dist/styles/coupons.global.css +1 -1
  48. package/package.json +1 -1
  49. package/dist/assets/svgs/CheckMarkBoxIcon.d.ts +0 -1
  50. package/dist/assets/svgs/CheckMarkBoxIcon.js +0 -30
  51. package/dist/assets/svgs/CheckMarkIcon.d.ts +0 -1
  52. package/dist/assets/svgs/CheckMarkIcon.js +0 -23
  53. package/dist/assets/svgs/ErrorIconV2.d.ts +0 -1
  54. package/dist/assets/svgs/ErrorIconV2.js +0 -33
  55. package/dist/assets/svgs/SuccessIconV2.d.ts +0 -1
  56. package/dist/assets/svgs/SuccessIconV2.js +0 -30
  57. package/dist/assets/svgs/WarningIconV2.d.ts +0 -1
  58. package/dist/assets/svgs/WarningIconV2.js +0 -40
  59. package/dist/hooks/useVerticalShelfCarouselProps.d.ts +0 -4
  60. package/dist/hooks/useVerticalShelfCarouselProps.js +0 -14
  61. package/dist/hooks/useWindowDimensions.d.ts +0 -5
  62. package/dist/hooks/useWindowDimensions.js +0 -38
  63. package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.d.ts +0 -14
  64. package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.js +0 -69
  65. package/dist/packages/Coupons/hooks/useCoupons.d.ts +0 -33
  66. package/dist/packages/Coupons/hooks/useCoupons.js +0 -108
  67. package/dist/packages/VouchersRedeemed/VouchersRedeemed.d.ts +0 -24
  68. package/dist/packages/VouchersRedeemed/VouchersRedeemed.js +0 -145
  69. package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.d.ts +0 -1
  70. package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.js +0 -20
  71. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.d.ts +0 -12
  72. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.js +0 -27
  73. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.d.ts +0 -1
  74. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.js +0 -4
  75. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.d.ts +0 -17
  76. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.js +0 -37
  77. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.d.ts +0 -1
  78. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.js +0 -4
  79. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.d.ts +0 -15
  80. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.js +0 -49
  81. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.d.ts +0 -1
  82. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.js +0 -4
  83. package/dist/packages/VouchersRedeemed/data/validVouchers.d.ts +0 -1
  84. package/dist/packages/VouchersRedeemed/data/validVouchers.js +0 -20
  85. package/dist/packages/VouchersRedeemed/utils/getCouponPrice.d.ts +0 -1
  86. package/dist/packages/VouchersRedeemed/utils/getCouponPrice.js +0 -8
  87. package/dist/styles/adaptive-carousel.global.css +0 -1
  88. package/dist/styles/vouchers-redeemed.global.css +0 -1
  89. package/dist/utils/carousel/carouselProps.d.ts +0 -33
  90. package/dist/utils/carousel/carouselProps.js +0 -59
  91. package/dist/utils/scroll/isScrollToEnd.d.ts +0 -1
  92. package/dist/utils/scroll/isScrollToEnd.js +0 -4
  93. package/dist/utils/setBoldTextParts.d.ts +0 -1
  94. package/dist/utils/setBoldTextParts.js +0 -7
@@ -0,0 +1,6 @@
1
+ export interface ModalHeaderProps {
2
+ closeModal: () => void;
3
+ title: string;
4
+ genericTaggingEvent?: (name: string, params: object) => void;
5
+ }
6
+ export declare const ModalHeader: ({ closeModal, title, genericTaggingEvent }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,25 @@
1
+ import { jsxs as a, jsx as l } from "react/jsx-runtime";
2
+ import { CloseIcon as t } from "../../../assets/svgs/CloseIcon.js";
3
+ const r = ({
4
+ closeModal: d,
5
+ title: s,
6
+ genericTaggingEvent: o
7
+ }) => /* @__PURE__ */ a("div", { className: "modal-title-container", children: [
8
+ /* @__PURE__ */ l("h1", { className: "modal-title", children: s }),
9
+ /* @__PURE__ */ l(
10
+ "button",
11
+ {
12
+ onClick: () => {
13
+ o == null || o("discount_coupon", {
14
+ name: "Modal fechado no X"
15
+ }), d();
16
+ },
17
+ className: "modal-close-icon",
18
+ "data-testid": "close-button",
19
+ children: /* @__PURE__ */ l(t, {})
20
+ }
21
+ )
22
+ ] });
23
+ export {
24
+ r as ModalHeader
25
+ };
@@ -1,10 +1,10 @@
1
- import { jsxs as s, jsx as o } from "react/jsx-runtime";
2
- import { NoCouponsIcon as n } from "../../../assets/svgs/NoCouponIcon.js";
3
- const a = () => /* @__PURE__ */ s("div", { className: "noCoupons", children: [
4
- /* @__PURE__ */ o("h3", { className: "noCoupons-h3", children: "Não há cupons disponíveis no momento" }),
5
- /* @__PURE__ */ o(n, {}),
6
- /* @__PURE__ */ o("p", { className: "noCoupons-p", children: "Caso você tenha algum código de cupom em mãos, insira o código acima, ou entre no seu carrinho de compras e insira o código no campo ‘Meus Cupons e Vale-compras’." })
1
+ import { jsxs as n, jsx as o } from "react/jsx-runtime";
2
+ import { NoCouponsIcon as s } from "../../../assets/svgs/NoCouponIcon.js";
3
+ const i = () => /* @__PURE__ */ n("div", { className: "noCoupons", children: [
4
+ /* @__PURE__ */ o("h1", { className: "noCoupons-h3", children: "Não há cupons disponíveis no momento" }),
5
+ /* @__PURE__ */ o(s, {}),
6
+ /* @__PURE__ */ o("p", { className: "noCoupons-p", children: "Caso você tenha algum código de cupom em mãos, insira o código acima, ou entre no seu carrinho de compras e insira o código no campo ‘Cupom de Desconto’." })
7
7
  ] });
8
8
  export {
9
- a as NoCoupons
9
+ i as NoCoupons
10
10
  };
@@ -1,6 +1,6 @@
1
1
  export interface CouponType {
2
2
  couponName: string;
3
- couponValue?: string;
3
+ couponValue: string;
4
4
  couponDescription: string;
5
5
  couponRules: Array<string>;
6
6
  couponInitialDate: string;
@@ -0,0 +1 @@
1
+ export type View = 'coupons-view' | 'rules-view' | 'overwrite-view';
@@ -0,0 +1,15 @@
1
+ import { CouponCardProps } from '../components/CouponCard';
2
+ import { CouponType } from '../types/CouponType';
3
+
4
+ type OmittedProps = 'item' | 'setType' | 'setAlert';
5
+ interface CouponsViewProps extends Omit<CouponCardProps, OmittedProps> {
6
+ account: string;
7
+ orderFormId: string;
8
+ hasItemsInCart: boolean;
9
+ closeIOModal?: () => void;
10
+ coupons: CouponType[];
11
+ addCouponMutation?: any;
12
+ removeCouponMutation?: any;
13
+ }
14
+ export declare const CouponsView: ({ addCouponMutation, removeCouponMutation, account, orderFormId, hasItemsInCart, isIO, closeIOModal, coupons, firstCouponName, secondCouponName, replaceCoupon, setView, setActiveRule, setDataItem, setFirstCouponName, setSecondCouponName, setReplaceCoupon, setIsCloseModalEmpty, genericTaggingEvent }: CouponsViewProps) => import("react/jsx-runtime").JSX.Element;
15
+ export {};
@@ -0,0 +1,131 @@
1
+ import { jsxs as c, Fragment as S, jsx as o } from "react/jsx-runtime";
2
+ import { useState as l, useEffect as Q } from "react";
3
+ import { ModalHeader as R } from "../components/ModalHeader.js";
4
+ import { ModalFooter as U } from "../components/ModalFooter.js";
5
+ import { CouponCard as V } from "../components/CouponCard.js";
6
+ import { NoCoupons as W } from "../components/NoCoupons.js";
7
+ import { Alert as X } from "../components/Alert.js";
8
+ import { InfoIcon as Y } from "../../../assets/svgs/InfoIcon.js";
9
+ import { addCoupon as Z } from "../api/addCoupon.js";
10
+ const to = ({
11
+ addCouponMutation: w,
12
+ removeCouponMutation: _,
13
+ account: D,
14
+ orderFormId: d,
15
+ hasItemsInCart: x,
16
+ isIO: p,
17
+ closeIOModal: s,
18
+ coupons: n,
19
+ firstCouponName: i,
20
+ secondCouponName: L,
21
+ replaceCoupon: C,
22
+ setView: A,
23
+ setActiveRule: q,
24
+ setDataItem: H,
25
+ setFirstCouponName: m,
26
+ setSecondCouponName: f,
27
+ setReplaceCoupon: B,
28
+ setIsCloseModalEmpty: J,
29
+ genericTaggingEvent: t
30
+ }) => {
31
+ const [r, P] = l(""), [k, N] = l(!1), [z, u] = l(""), [h, e] = l(!1), [G, y] = l(!1), K = (a) => {
32
+ a.preventDefault(), P(a.target.value);
33
+ }, M = async (a) => {
34
+ a.preventDefault();
35
+ try {
36
+ if (!i || i && C) {
37
+ N(!0);
38
+ const b = p ? await Z(d, r) : await w({
39
+ input: {
40
+ orderFormId: d,
41
+ couponId: r
42
+ }
43
+ }), j = p ? b : JSON.parse(b.addCoupon.data);
44
+ B(!1), f(""), j.error.length <= 0 ? (t == null || t("discount_coupon", {
45
+ name: "Cupom aplicado do input",
46
+ couponName: r
47
+ }), u("success"), y(!0), m(r), p && window.location.reload()) : (t == null || t("discount_coupon", {
48
+ name: "Cupom do input expirado ou invalido",
49
+ couponName: r,
50
+ objectError: j.error
51
+ }), u("error"), y(!1), m("")), e(!0);
52
+ } else
53
+ f(r), A("overwrite-view");
54
+ } catch (b) {
55
+ t == null || t("discount_coupon", {
56
+ name: "Cupom do input - error na api",
57
+ couponName: r
58
+ }), u("error"), y(!1), e(!0);
59
+ } finally {
60
+ N(!1);
61
+ }
62
+ };
63
+ return Q(() => {
64
+ h && setTimeout(() => e(!1), 5e3);
65
+ }, [G, h]), /* @__PURE__ */ c(S, { children: [
66
+ p && s && /* @__PURE__ */ o(
67
+ R,
68
+ {
69
+ closeModal: s,
70
+ title: "Meus Cupons",
71
+ genericTaggingEvent: t
72
+ }
73
+ ),
74
+ x ? /* @__PURE__ */ o("div", { className: "form-coupons", children: /* @__PURE__ */ c("form", { onSubmit: M, children: [
75
+ /* @__PURE__ */ o(
76
+ "input",
77
+ {
78
+ type: "text",
79
+ placeholder: "Insira o cupom",
80
+ value: r,
81
+ onChange: K
82
+ }
83
+ ),
84
+ /* @__PURE__ */ o("button", { type: "submit", name: "adicionar", disabled: k, children: "Adicionar" })
85
+ ] }) }) : /* @__PURE__ */ o("div", { className: "cart-empty-coupons-label", children: /* @__PURE__ */ c("p", { children: [
86
+ /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(Y, {}) }),
87
+ "Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
88
+ ] }) }),
89
+ /* @__PURE__ */ o("div", { className: "container-title-coupons", children: n.length > 0 ? /* @__PURE__ */ c(S, { children: [
90
+ /* @__PURE__ */ o("h2", { children: "Cupons disponíveis" }),
91
+ /* @__PURE__ */ o("div", { className: "container-coupons", children: n.map((a) => /* @__PURE__ */ o(
92
+ V,
93
+ {
94
+ removeCouponMutation: _,
95
+ addCouponMutation: w,
96
+ account: D,
97
+ orderFormId: d,
98
+ hasItemsInCart: x,
99
+ isIO: p,
100
+ item: a,
101
+ firstCouponName: i,
102
+ secondCouponName: L,
103
+ replaceCoupon: C,
104
+ setView: A,
105
+ setFirstCouponName: m,
106
+ setSecondCouponName: f,
107
+ setActiveRule: q,
108
+ setDataItem: H,
109
+ setReplaceCoupon: B,
110
+ setAlert: e,
111
+ setType: u,
112
+ setIsCloseModalEmpty: J,
113
+ genericTaggingEvent: t
114
+ },
115
+ a.couponName
116
+ )) })
117
+ ] }) : /* @__PURE__ */ o(W, {}) }),
118
+ h && /* @__PURE__ */ o(X, { type: z }),
119
+ p && s && /* @__PURE__ */ o(
120
+ U,
121
+ {
122
+ isFloating: n.length > 0,
123
+ cancelButtonAction: s,
124
+ cancelButtonText: "Sair"
125
+ }
126
+ )
127
+ ] });
128
+ };
129
+ export {
130
+ to as CouponsView
131
+ };
@@ -0,0 +1,6 @@
1
+ interface EmptyCartViewProps {
2
+ setIsCloseModalEmpty: (isCloseModalEmpty: boolean) => void;
3
+ genericTaggingEvent?: (name: string, params: object) => void;
4
+ }
5
+ export declare const EmptyCartView: ({ setIsCloseModalEmpty, genericTaggingEvent }: EmptyCartViewProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,36 @@
1
+ import { jsxs as c, jsx as a } from "react/jsx-runtime";
2
+ import { Modal as e } from "../components/Modal.js";
3
+ import { InfoIcon as s } from "../../../assets/svgs/InfoIcon.js";
4
+ const u = ({
5
+ setIsCloseModalEmpty: t,
6
+ genericTaggingEvent: o
7
+ }) => {
8
+ const r = () => {
9
+ t(!1);
10
+ };
11
+ return /* @__PURE__ */ c(
12
+ e,
13
+ {
14
+ closeModal: r,
15
+ title: "Cupons de desconto",
16
+ genericTaggingEvent: o,
17
+ cancelButtonText: "Voltar para Meus Cupons",
18
+ cancelButtonAction: () => {
19
+ o == null || o("discount_coupon", {
20
+ name: "Modal do cart vazio - botão de sair"
21
+ }), r();
22
+ },
23
+ redirectionClubText: "Ver Minhas Ofertas",
24
+ children: [
25
+ /* @__PURE__ */ a("h3", { className: "cartEmptyCoupon-h3", children: "Ops...Parece que seu carrinho está vazio..." }),
26
+ /* @__PURE__ */ c("p", { id: "cartEmptyCoupon-p", children: [
27
+ /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(s, {}) }),
28
+ "Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
29
+ ] })
30
+ ]
31
+ }
32
+ );
33
+ };
34
+ export {
35
+ u as EmptyCartView
36
+ };
@@ -0,0 +1,7 @@
1
+ interface LoadingViewProps {
2
+ isIO?: boolean;
3
+ closeIOModal?: () => void;
4
+ genericTaggingEvent?: (name: string, params: object) => void;
5
+ }
6
+ export declare const LoadingView: ({ isIO, closeIOModal, genericTaggingEvent }: LoadingViewProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,39 @@
1
+ import { jsxs as a, Fragment as n, jsx as r } from "react/jsx-runtime";
2
+ import { ModalHeader as i } from "../components/ModalHeader.js";
3
+ import { ModalFooter as m } from "../components/ModalFooter.js";
4
+ import { Skeleton as u } from "../../Skeleton/index.js";
5
+ const f = ({
6
+ isIO: t = !1,
7
+ closeIOModal: o,
8
+ genericTaggingEvent: e
9
+ }) => /* @__PURE__ */ a(n, { children: [
10
+ t && o && /* @__PURE__ */ r(
11
+ i,
12
+ {
13
+ closeModal: o,
14
+ title: "Meus Cupons",
15
+ genericTaggingEvent: e
16
+ }
17
+ ),
18
+ /* @__PURE__ */ r(
19
+ u,
20
+ {
21
+ width: t ? "100%" : "90%",
22
+ height: t ? 600 : 425,
23
+ backgroundColor: "var(--color-grayScale-faded)",
24
+ margin: "auto",
25
+ animation: !0
26
+ }
27
+ ),
28
+ t && o && /* @__PURE__ */ r(
29
+ m,
30
+ {
31
+ isFloating: !0,
32
+ cancelButtonAction: o,
33
+ cancelButtonText: "Sair"
34
+ }
35
+ )
36
+ ] });
37
+ export {
38
+ f as LoadingView
39
+ };
@@ -0,0 +1,14 @@
1
+ import { View } from '../types/Views';
2
+
3
+ interface OverwriteViewProps {
4
+ firstCouponName: string;
5
+ secondCouponName: string;
6
+ setView: (view: View) => void;
7
+ setReplaceCoupon: (replaceCoupon: boolean) => void;
8
+ setSecondCouponName: (secondCouponName: string) => void;
9
+ isIO?: boolean;
10
+ closeIOModal?: () => void;
11
+ genericTaggingEvent?: (name: string, params: object) => void;
12
+ }
13
+ export declare const OverwriteView: ({ firstCouponName, secondCouponName, setView, setReplaceCoupon, setSecondCouponName, isIO, closeIOModal, genericTaggingEvent }: OverwriteViewProps) => import("react/jsx-runtime").JSX.Element;
14
+ export {};
@@ -0,0 +1,58 @@
1
+ import { jsx as t, jsxs as m } from "react/jsx-runtime";
2
+ import { useState as h, useEffect as n } from "react";
3
+ import { Modal as C } from "../components/Modal.js";
4
+ import { InfoIcon as M } from "../../../assets/svgs/InfoIcon.js";
5
+ const S = ({
6
+ firstCouponName: d,
7
+ secondCouponName: s,
8
+ setView: u,
9
+ setReplaceCoupon: i,
10
+ setSecondCouponName: c,
11
+ isIO: r,
12
+ closeIOModal: l,
13
+ genericTaggingEvent: o
14
+ }) => {
15
+ const [p, a] = h(!0), f = () => {
16
+ a(!1), u("coupons-view");
17
+ }, b = () => {
18
+ o == null || o("discount_coupon", {
19
+ name: "Modal de troca de cupom - botão de substituir cupom",
20
+ cupomName: s
21
+ }), i(!0), u("coupons-view");
22
+ }, e = () => {
23
+ o == null || o("discount_coupon", {
24
+ name: "Modal de troca de cupom - botão de sair"
25
+ }), c(""), u("coupons-view");
26
+ };
27
+ return n(() => {
28
+ p || c("");
29
+ }, [p]), /* @__PURE__ */ t(
30
+ C,
31
+ {
32
+ isIO: r,
33
+ closeModal: r && l ? l : f,
34
+ genericTaggingEvent: o,
35
+ title: "Substituir Cupom",
36
+ confirmButtonAction: b,
37
+ confirmButtonText: "Substituir Cupom",
38
+ cancelButtonAction: e,
39
+ cancelButtonText: "Voltar para Meus Cupons",
40
+ children: /* @__PURE__ */ m("p", { children: [
41
+ /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(M, {}) }),
42
+ /* @__PURE__ */ m("span", { children: [
43
+ /* @__PURE__ */ t("b", { children: "Não é possível adicionar 2 cupons ao mesmo tempo." }),
44
+ /* @__PURE__ */ t("br", {}),
45
+ 'Ao clicar em "Substituir Cupom" você irá substituir o cupom',
46
+ " ",
47
+ /* @__PURE__ */ t("b", { children: d }),
48
+ " pelo cupom ",
49
+ /* @__PURE__ */ t("b", { children: s }),
50
+ "."
51
+ ] })
52
+ ] })
53
+ }
54
+ );
55
+ };
56
+ export {
57
+ S as OverwriteView
58
+ };
@@ -0,0 +1,13 @@
1
+ import { CouponType } from '../types/CouponType';
2
+ import { View } from '../types/Views';
3
+
4
+ interface RulesViewProps {
5
+ dataItem: CouponType | undefined;
6
+ setActiveRule: (activeRule: boolean) => void;
7
+ setView: (view: View) => void;
8
+ isIO?: boolean;
9
+ closeIOModal?: () => void;
10
+ genericTaggingEvent?: (name: string, params: object) => void;
11
+ }
12
+ export declare const RulesView: ({ dataItem, setActiveRule, setView, isIO, closeIOModal, genericTaggingEvent }: RulesViewProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,49 @@
1
+ import { jsx as u, jsxs as n } from "react/jsx-runtime";
2
+ import { Modal as h } from "../components/Modal.js";
3
+ import { InfoIcon as f } from "../../../assets/svgs/InfoIcon.js";
4
+ const m = ({
5
+ dataItem: l,
6
+ setActiveRule: d,
7
+ setView: i,
8
+ isIO: r,
9
+ closeIOModal: s,
10
+ genericTaggingEvent: o
11
+ }) => {
12
+ const c = () => {
13
+ d(!1), i("coupons-view");
14
+ };
15
+ return /* @__PURE__ */ u(
16
+ h,
17
+ {
18
+ isIO: r,
19
+ closeModal: r && s ? s : c,
20
+ genericTaggingEvent: o,
21
+ title: "Regra de Utilização",
22
+ confirmButtonAction: () => {
23
+ o == null || o("discount_coupon", {
24
+ name: "Modal regra de utilização - botão Ok, entendi"
25
+ }), c();
26
+ },
27
+ confirmButtonText: "Ok, Entendi",
28
+ cancelButtonAction: () => {
29
+ o == null || o("discount_coupon", {
30
+ name: "Modal regra de utilização - botão sair"
31
+ }), c();
32
+ },
33
+ cancelButtonText: "Voltar para Meus Cupons",
34
+ children: /* @__PURE__ */ n("p", { children: [
35
+ /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(f, {}) }),
36
+ /* @__PURE__ */ n("ul", { children: [
37
+ l == null ? void 0 : l.couponRules.map((p) => /* @__PURE__ */ u("li", { children: p }, p)),
38
+ /* @__PURE__ */ n("li", { children: [
39
+ "Válido até ",
40
+ l == null ? void 0 : l.couponExpirationDate
41
+ ] })
42
+ ] })
43
+ ] })
44
+ }
45
+ );
46
+ };
47
+ export {
48
+ m as RulesView
49
+ };
@@ -0,0 +1,5 @@
1
+ export { LoadingView } from './LoadingView';
2
+ export { CouponsView } from './CouponsView';
3
+ export { RulesView } from './RulesView';
4
+ export { OverwriteView } from './OverwriteView';
5
+ export { EmptyCartView } from './EmptyCartView';
@@ -0,0 +1,12 @@
1
+ import { LoadingView as r } from "./LoadingView.js";
2
+ import { CouponsView as i } from "./CouponsView.js";
3
+ import { RulesView as m } from "./RulesView.js";
4
+ import { OverwriteView as f } from "./OverwriteView.js";
5
+ import { EmptyCartView as V } from "./EmptyCartView.js";
6
+ export {
7
+ i as CouponsView,
8
+ V as EmptyCartView,
9
+ r as LoadingView,
10
+ f as OverwriteView,
11
+ m as RulesView
12
+ };
@@ -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}}
@@ -1 +1 @@
1
- .coupons-container *{box-sizing:border-box;font-family:DM Sans,sans-serif}.coupons-container h1,.coupons-container h3,.coupons-container h4,.coupons-container p{margin:0}.coupons-container ul{list-style:none;margin:0;padding:0}.coupons-container .form-coupons p{margin-bottom:16px;color:var(--color-grayScale-darkest);font-size:16px;line-height:18px;font-weight:400}.coupons-container .form-coupons form{position:relative;display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:34px}.coupons-container .form-coupons input{flex:1;outline:none;border:1px solid var(--color-grayScale-light);border-radius:2px;height:40px;padding:8px;background-color:var(--color-grayScale-white);color:var(--color-grayScale-darkest)!important;font-family:DM Sans,sans-serif;font-size:14px;line-height:14px;font-weight:400}.coupons-container .form-coupons input::placeholder{color:var(--color-grayScale-dark)}.coupons-container .form-coupons input.error{border-color:var(--color-negativeFeedback-dark)}.coupons-container .form-coupons .error-message{position:absolute;left:0;bottom:-20px;display:flex;align-items:center;margin:0;color:var(--color-negativeFeedback-dark);font-family:DM Sans,sans-serif;font-size:12px;line-height:16px;font-weight:400}.coupons-container .form-coupons .error-message svg{width:12px;height:12px;margin-right:4px}.coupons-container .form-coupons button{cursor:pointer;display:flex;height:40px;padding:8px 16px;justify-content:center;align-items:center;border:1px solid var(--color-main);border-radius:2px;background:var(--color-grayScale-white);color:var(--color-main);font-family:DM Sans,sans-serif;font-size:14px;line-height:18px;font-weight:500;transition:all ease .5s}.coupons-container .form-coupons button:disabled{cursor:wait}@media (min-width: 640px){.coupons-container .form-coupons button{width:206px}}.coupons-container .container-title-coupons .container-main-title{margin-bottom:8px;color:var(--color-main);font-size:16px;line-height:20px;font-weight:700}@media (min-width: 640px){.coupons-container .container-title-coupons .container-main-title{font-size:24px;line-height:28px}}.coupons-container .container-title-coupons .container-main-subtitle{margin-bottom:16px;color:var(--color-grayScale-darkest);font-size:16px;line-height:18px;font-weight:400}@media (min-width: 640px){.coupons-container .container-title-coupons .container-main-subtitle{font-size:20px;line-height:20px}}.coupons-container .container-title-coupons .alert{display:flex;align-items:center;gap:8px;margin-top:16px;padding:4px 8px;color:var(--color-grayScale-darkest);font-size:14px;line-height:18px;font-weight:400}.coupons-container .container-title-coupons .alert.warning{background-color:var(--color-warning-faded)}.coupons-container .container-title-coupons .alert.applied{background-color:var(--color-positiveFeedback-faded)}.coupons-container .container-title-coupons .container-coupons{width:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}@media (min-width: 640px){.coupons-container .container-title-coupons .container-coupons{grid-template-columns:repeat(2,minmax(0,1fr))}}.coupons-container .container-title-coupons .coupon-wrapper{overflow:hidden}.coupons-container .container-card-coupon{width:100%;height:100%;padding:16px 0 8px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--color-grayScale-light);background:var(--color-grayScale-white)}.coupons-container .container-card-coupon.active{background-color:var(--color-main-faded);box-shadow:inset 0 0 0 2px var(--color-main-light)}.coupons-container .container-card-coupon .card-coupon-content{position:relative;border-bottom:2px dashed var(--color-grayScale-light)}.coupons-container .container-card-coupon.active .card-coupon-content{border-bottom-color:var(--color-main-light)}.container-card-coupon .card-coupon-content .ellipse{position:absolute;bottom:-6px;width:11.51px;height:12px;background-color:var(--color-grayScale-white);box-shadow:inset 0 0 0 1px var(--color-grayScale-light);border-radius:50%}.container-card-coupon .card-coupon-content .ellipse.left{left:-5.755px}.container-card-coupon .card-coupon-content .ellipse.right{right:-5.755px}.container-card-coupon .card-coupon-content .ellipse.applied{box-shadow:inset 0 0 0 2px var(--color-main-light)}.coupons-container .container-card-coupon .text-container{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:4px;margin-bottom:30px;padding:0 16px}.coupons-container .container-card-coupon .text-container>div{flex:1;display:flex;flex-direction:column;gap:4px}.coupons-container .container-card-coupon .text-container .select-coupon{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;outline:none;border:2px solid var(--color-grayScale-light);border-radius:50%;padding:0;background-color:var(--color-grayScale-white);cursor:pointer}.coupons-container .container-card-coupon .text-container .select-coupon:disabled{cursor:wait}.coupons-container .container-card-coupon .text-container .select-coupon.applied{border-color:var(--color-main);background:var(--color-main)}.coupons-container .container-card-coupon .text-container .container-title{display:flex;flex-direction:row;align-items:center;gap:4px;margin-bottom:20px}.coupons-container .container-card-coupon .text-container .container-title .title{font-size:16px;line-height:16px;font-weight:700;color:var(--color-grayScale-darkest)}.coupons-container .container-card-coupon .text-container .price-badge{border-radius:24px;padding:3px 9px;background-color:var(--color-badge-main);color:var(--color-badge-secondary);font-size:14px;line-height:18px;font-weight:700}.coupons-container .container-card-coupon .text-container .subtitle{color:var(--color-grayScale-darkest);font-size:14px;line-height:18px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.coupons-container .see-rules{display:flex;align-items:center;justify-content:center;border:none;outline:none;background-color:transparent;padding:12px 16px 0;color:var(--color-main);font-size:12px;line-height:16px;font-weight:500;text-decoration:underline;cursor:pointer}.coupons-container .tooltip-rules{position:absolute;z-index:1;border-radius:8px;padding:16px;background-color:var(--color-infoFeedback-faded)}.coupons-container .tooltip-rules:before{content:"";position:absolute;bottom:100%;left:18px;border-width:8px;border-style:solid;border-color:transparent transparent var(--color-infoFeedback-faded) transparent}.coupons-container .tooltip-rules .tooltip-rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.coupons-container .tooltip-rules .tooltip-rules-header h4{color:var(--color-grayScale-darkest);font-size:16px;line-height:24px;font-weight:700}.coupons-container .tooltip-rules .tooltip-rules-header button{display:flex;align-items:center;justify-content:center;outline:none;border:none;padding:0;background-color:transparent;cursor:pointer}.coupons-container .tooltip-rules p{margin-bottom:8px;color:var(--color-grayScale-darkest);font-size:14px;line-height:14px;font-weight:600}.coupons-container .tooltip-rules ul li{color:var(--color-grayScale-darkest);font-size:14px;line-height:16px;font-weight:400}.coupons-container .tooltip-rules ul li:last-child{font-weight:600}.coupons-container .noCoupons{display:flex;flex-direction:column;align-items:center;max-width:400px;justify-self:center}.coupons-container .noCoupons .noCoupons-h3{margin-bottom:24px;color:var(--color-grayScale-darkest);text-align:center;font-weight:700}.coupons-container .noCoupons .noCoupons-p{margin-top:16px;margin-bottom:24px;color:var(--color-grayScale-darkest);text-align:center}
1
+ .coupons-container *{box-sizing:border-box;font-family:DM Sans,sans-serif}.coupons-container h1,.coupons-container h3,.coupons-container h4,.coupons-container p{margin:0}.coupons-container ul{list-style:none;margin:0;padding:0}.coupons-container .modal-title-container{display:flex;align-items:center;justify-content:space-between}.coupons-container .modal-title{margin:0;color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px}@media (min-width: 640px){.coupons-container .modal-title{font-size:24px;line-height:28px}}.coupons-container .modal-close-icon{display:flex;outline:0;border:0;margin-left:10px;padding:0;background-color:transparent;cursor:pointer}@media (min-width: 640px){.coupons-container .modal-close-icon{margin-left:16px}}.coupons-container .breadcrumb-container{margin-top:16px;margin-bottom:8px}.coupons-container .breadcrumb-container .breadcrumb-content-container{align-items:center;display:flex;margin-bottom:16px;font-size:14px;line-height:18px}.coupons-container .breadcrumb-container .breadcrumb-content-container button{outline:0;border:0;background-color:transparent;color:var(--color-grayScale-darkest);font-size:14px;line-height:18px;cursor:pointer}.coupons-container .breadcrumb-container .breadcrumb-content-container svg{margin:0 10px}.coupons-container .breadcrumb-container .breadcrumb-content-container span{color:var(--color-main);font-weight:700}.coupons-container .breadcrumb-container .breadcrumb-back-button{display:flex;justify-content:center;align-items:center;outline:0;border:0;background-color:transparent;cursor:pointer;color:var(--color-support-links);font-size:14px;line-height:18px;text-decoration:underline}.coupons-container .breadcrumb-container .breadcrumb-back-button svg{margin-right:10px}.coupons-container .modal-footer-container{margin-top:24px;background-color:var(--color-grayScale-white)}.coupons-container .modal-footer-container.floating{box-shadow:0 -4px 4px 0 var(--color-support-shadow);position:absolute;bottom:0;left:0;width:100%;padding:16px}.coupons-container .modal-confirm-button{display:flex;justify-content:center;width:100%;outline:0;border:1px solid var(--color-main);border-radius:2px;margin-bottom:16px;padding:8px 16px;background-color:var(--color-main);cursor:pointer;color:var(--color-assistant-main);font-size:16px;font-weight:500;line-height:20px}.redirection-club-button{margin-top:16px;margin-bottom:0!important}.coupons-container .modal-cancel-button{display:flex;justify-content:center;width:100%;outline:0;border:1px solid var(--color-main);border-radius:2px;padding:8px 16px;background-color:transparent;cursor:pointer;color:var(--color-main);font-size:16px;font-weight:500;line-height:20px}.coupons-container .form-coupons form{display:flex;flex-direction:column;margin:24px 0}.coupons-container .form-coupons input{padding:8px;margin-bottom:8px;border-radius:2px;border:1px solid var(--color-grayScale-light);background:var(--color-grayScale-white);font-size:16px;line-height:20px}.coupons-container .form-coupons button{display:flex;justify-content:center;padding:8px;font-weight:500;line-height:20px;cursor:pointer;color:var(--color-grayScale-dark);border:1px solid var(--color-grayScale-dark);background-color:var(--color-grayScale-white)}.coupons-container .form-coupons button:disabled{cursor:wait;color:var(--color-grayScale-lightest);background-color:var(--color-grayScale-darkest)}.coupons-container .cart-empty-coupons-label{max-width:500px;margin:1rem 0rem}.coupons-container .cart-empty-coupons-label span{margin-right:16px}.coupons-container .cart-empty-coupons-label p{display:flex;flex-direction:row;padding:8px 16px;margin-top:24px;border-radius:4px;line-height:1rem;font-size:16px;color:var(--color-infoFeedback-dark);background-color:var(--color-infoFeedback-faded)}.coupons-container .container-title-coupons h2{margin-bottom:16px;color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px}.coupons-container .container-title-coupons .container-coupons{width:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}.coupons-container .container-card-coupon{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:1rem;gap:8px;border-radius:8px;border:1px solid var(--color-grayScale-faded);background:var(--color-grayScale-white);box-shadow:4px 4px 8px 0 var(--color-support-shadow)}.coupons-container .container-card-coupon.active{border:1.5px solid var(--color-positiveFeedback)}.coupons-container .container-card-coupon .text-container{flex:1;display:flex;flex-direction:column;align-self:center;align-items:flex-start;gap:8px}.coupons-container .container-card-coupon .text-container .container-title{display:flex;flex-direction:row}.coupons-container .container-card-coupon .text-container .container-title .title{margin-left:.5rem;line-height:20px;font-weight:700;color:var(--color-grayScale);font-size:16px}.coupons-container .container-card-coupon .text-container .price-badge{border-radius:2rem;padding:.25rem 1rem;font-weight:700;font-size:20px;color:var(--color-badge-secondary);background-color:var(--color-badge-main)}.coupons-container .container-card-coupon .text-container .subtitle{font-weight:400;line-height:20px;font-size:16px;color:var(--color-grayScale-darkest)}.coupons-container .container-card-coupon .vertical-line{border-right:2px dashed var(--color-grayScale-light)}.coupons-container .container-card-coupon .buttons-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.coupons-container .container-card-coupon .buttons-container .applied-coupon{display:flex;align-items:center;width:110px;height:34px;padding:16px 8px;border:unset;border-radius:2px;line-height:20px;font-weight:500;font-size:16px;color:var(--color-main);background:var(--color-positiveFeedback-faded)}.coupons-container .container-card-coupon .buttons-container .applied-coupon span,.coupons-container .container-card-coupon .buttons-container .success-icon{margin-right:8px}.coupons-container .container-card-coupon .buttons-container .apply-coupon{width:110px;height:34px;padding:8px 16px;border:unset;border-radius:2px;color:var(--color-assistant-main);background:var(--color-main);cursor:pointer}.coupons-container .container-card-coupon .buttons-container .apply-coupon:disabled{cursor:wait;color:var(--color-grayScale-lightest);background-color:var(--color-grayScale-darkest)}.coupons-container .container-card-coupon .buttons-container .remove-coupon{width:110px;height:34px;margin-top:16px;padding:8px 16px;border-radius:2px;font-weight:500;line-height:20px;color:var(--color-main);border:1px solid var(--color-main);background:var(--color-grayScale-white);cursor:pointer}.coupons-container .container-card-coupon .buttons-container a{width:110px;margin-top:16px;text-decoration-line:underline;text-align:center;font-weight:400;line-height:20px;font-size:16px;color:var(--color-support-links);cursor:pointer}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal .cartEmptyCoupon-h3{font-size:16px;font-weight:700;line-height:20px;color:#1c1c1c;margin:1.5rem 0rem}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal #cartEmptyCoupon-p{line-height:1rem}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal .cartEmptyCoupon-svg{display:flex;justify-content:center}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal .modal-rule-coupon-children span{margin-right:16px}.coupons-container .modal-rule-coupon-external .modal-rule-coupon-internal .modal-rule-coupon-children p{display:flex;flex-direction:row;padding:8px 16px;border-radius:4px;line-height:2.5rem;font-size:16px;color:var(--color-infoFeedback-dark);background-color:var(--color-infoFeedback-faded)}.coupons-container .applied-coupon-badge{display:flex;position:fixed;width:fit-content;justify-content:flex-start;align-items:center;padding:1rem;z-index:10;bottom:40px;left:50%;transform:translate(-50%);border-radius:4px;box-shadow:4px 4px 8px var(--color-support-shadow)}.coupons-container .applied-coupon-badge span{margin-right:8px}.coupons-container .error-coupon{background-color:var(--color-negativeFeedback-faded)}.coupons-container .success-coupon{background-color:var(--color-positiveFeedback-faded)}.coupons-container .noCoupons{display:flex;flex-direction:column;align-items:center}.coupons-container .noCoupons .noCoupons-h1{font-weight:700}.coupons-container .noCoupons .noCoupons-p{margin-bottom:24px;color:var(--color-grayScale-darkest)}
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.0",
6
6
  "type": "module",
7
7
  "main": "dist/main.js",
8
8
  "types": "dist/main.d.ts",
@@ -1 +0,0 @@
1
- export declare const CheckMarkBoxIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -1,30 +0,0 @@
1
- import { jsxs as o, jsx as C } from "react/jsx-runtime";
2
- const h = () => /* @__PURE__ */ o(
3
- "svg",
4
- {
5
- width: "24",
6
- height: "24",
7
- viewBox: "0 0 24 24",
8
- fill: "none",
9
- xmlns: "http://www.w3.org/2000/svg",
10
- children: [
11
- /* @__PURE__ */ C(
12
- "path",
13
- {
14
- d: "M21.7059 4.33404C21.3125 3.94065 20.6749 3.94078 20.2819 4.33417L11.2452 13.3724L7.08234 9.20941C6.68895 8.81615 6.05133 8.81602 5.65834 9.20927C5.26495 9.60253 5.26495 10.2401 5.65821 10.6333L10.5332 15.5085C10.7221 15.6974 10.9781 15.8035 11.2453 15.8035C11.5124 15.8035 11.7685 15.6974 11.9574 15.5085L21.7062 5.75804C22.0992 5.36491 22.0992 4.7273 21.7059 4.33404Z",
15
- fill: "#177336"
16
- }
17
- ),
18
- /* @__PURE__ */ C(
19
- "path",
20
- {
21
- d: "M19.5308 10.7863C18.9746 10.7863 18.5238 11.237 18.5238 11.7932V19.2543H4.01395V4.74442H15.5029C16.0591 4.74442 16.5098 4.2937 16.5098 3.73744C16.5098 3.18132 16.0591 2.73047 15.5029 2.73047H3.00697C2.45086 2.73047 2 3.18119 2 3.73744V20.2612C2 20.8175 2.45086 21.2682 3.00697 21.2682H19.5308C20.087 21.2682 20.5377 20.8175 20.5377 20.2612V11.7932C20.5377 11.2371 20.087 10.7863 19.5308 10.7863Z",
22
- fill: "#177336"
23
- }
24
- )
25
- ]
26
- }
27
- );
28
- export {
29
- h as CheckMarkBoxIcon
30
- };
@@ -1 +0,0 @@
1
- export declare const CheckMarkIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -1,23 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- const i = () => /* @__PURE__ */ e(
3
- "svg",
4
- {
5
- width: "16",
6
- height: "12",
7
- viewBox: "0 0 16 12",
8
- fill: "none",
9
- xmlns: "http://www.w3.org/2000/svg",
10
- children: /* @__PURE__ */ e(
11
- "path",
12
- {
13
- fillRule: "evenodd",
14
- clipRule: "evenodd",
15
- d: "M15.574 0.43934C16.142 1.02513 16.142 1.97487 15.574 2.56066L6.8467 11.5607C6.27867 12.1464 5.3577 12.1464 4.78966 11.5607L0.426027 7.06066C-0.142009 6.47487 -0.142009 5.52513 0.426027 4.93934C0.994062 4.35355 1.91503 4.35355 2.48306 4.93934L5.81818 8.37868L13.5169 0.43934C14.085 -0.146447 15.0059 -0.146447 15.574 0.43934Z",
16
- fill: "white"
17
- }
18
- )
19
- }
20
- );
21
- export {
22
- i as CheckMarkIcon
23
- };
@@ -1 +0,0 @@
1
- export declare const ErrorIconV2: () => import("react/jsx-runtime").JSX.Element;