@plurix/ecom-components 1.14.3-com2034.0 → 1.15.0-loyalty.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 (100) hide show
  1. package/dist/assets/svgs/CheckMarkBoxIcon.d.ts +1 -0
  2. package/dist/assets/svgs/CheckMarkBoxIcon.js +30 -0
  3. package/dist/assets/svgs/CheckMarkIcon.d.ts +1 -0
  4. package/dist/assets/svgs/CheckMarkIcon.js +23 -0
  5. package/dist/assets/svgs/CouponIcon.d.ts +1 -4
  6. package/dist/assets/svgs/CouponIcon.js +50 -14
  7. package/dist/assets/svgs/ErrorIcon.d.ts +1 -5
  8. package/dist/assets/svgs/ErrorIcon.js +26 -14
  9. package/dist/assets/svgs/ErrorIconV2.d.ts +1 -0
  10. package/dist/assets/svgs/ErrorIconV2.js +33 -0
  11. package/dist/assets/svgs/SuccessIconV2.d.ts +1 -0
  12. package/dist/assets/svgs/SuccessIconV2.js +30 -0
  13. package/dist/assets/svgs/WarningIconV2.d.ts +1 -0
  14. package/dist/assets/svgs/WarningIconV2.js +40 -0
  15. package/dist/hooks/useVerticalShelfCarouselProps.d.ts +4 -0
  16. package/dist/hooks/useVerticalShelfCarouselProps.js +14 -0
  17. package/dist/hooks/useWindowDimensions.d.ts +5 -0
  18. package/dist/hooks/useWindowDimensions.js +38 -0
  19. package/dist/main.d.ts +1 -0
  20. package/dist/main.js +19 -17
  21. package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.d.ts +14 -0
  22. package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.js +69 -0
  23. package/dist/packages/ChangeOrderModal/ChangeOrderModal.d.ts +3 -3
  24. package/dist/packages/ChangeOrderModal/ChangeOrderModal.js +73 -71
  25. package/dist/packages/ChangeOrderModal/components/ModalFooter.d.ts +1 -4
  26. package/dist/packages/ChangeOrderModal/components/ModalFooter.js +1 -3
  27. package/dist/packages/ChangeOrderModal/components/SimilarProductList.d.ts +3 -2
  28. package/dist/packages/ChangeOrderModal/components/SimilarProducts.d.ts +5 -4
  29. package/dist/packages/ChangeOrderModal/components/SimilarProducts.js +21 -21
  30. package/dist/packages/ChangeOrderModal/mocks.d.ts +0 -1
  31. package/dist/packages/ChangeOrderModal/mocks.js +0 -1
  32. package/dist/packages/Coupons/Coupons.d.ts +3 -17
  33. package/dist/packages/Coupons/Coupons.js +76 -114
  34. package/dist/packages/Coupons/api/addCoupon.d.ts +1 -1
  35. package/dist/packages/Coupons/api/addCoupon.js +7 -7
  36. package/dist/packages/Coupons/api/getCoupons.d.ts +1 -1
  37. package/dist/packages/Coupons/api/getCoupons.js +4 -4
  38. package/dist/packages/Coupons/api/removeCoupon.d.ts +1 -1
  39. package/dist/packages/Coupons/api/removeCoupon.js +6 -6
  40. package/dist/packages/Coupons/components/Alert.d.ts +4 -2
  41. package/dist/packages/Coupons/components/Alert.js +10 -10
  42. package/dist/packages/Coupons/components/CouponCard.d.ts +5 -22
  43. package/dist/packages/Coupons/components/CouponCard.js +79 -133
  44. package/dist/packages/Coupons/components/NoCoupons.js +7 -7
  45. package/dist/packages/Coupons/hooks/useCoupons.d.ts +34 -0
  46. package/dist/packages/Coupons/hooks/useCoupons.js +109 -0
  47. package/dist/packages/Coupons/types/CouponType.d.ts +1 -1
  48. package/dist/packages/VouchersRedeemed/VouchersRedeemed.d.ts +24 -0
  49. package/dist/packages/VouchersRedeemed/VouchersRedeemed.js +145 -0
  50. package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.d.ts +1 -0
  51. package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.js +20 -0
  52. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.d.ts +12 -0
  53. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.js +27 -0
  54. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.d.ts +1 -0
  55. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.js +4 -0
  56. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.d.ts +17 -0
  57. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.js +37 -0
  58. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.d.ts +1 -0
  59. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.js +4 -0
  60. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.d.ts +15 -0
  61. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.js +49 -0
  62. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.d.ts +1 -0
  63. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.js +4 -0
  64. package/dist/packages/VouchersRedeemed/data/validVouchers.d.ts +1 -0
  65. package/dist/packages/VouchersRedeemed/data/validVouchers.js +20 -0
  66. package/dist/packages/VouchersRedeemed/utils/getCouponPrice.d.ts +1 -0
  67. package/dist/packages/VouchersRedeemed/utils/getCouponPrice.js +8 -0
  68. package/dist/styles/adaptive-carousel.global.css +1 -0
  69. package/dist/styles/change-order-modal.global.css +1 -1
  70. package/dist/styles/coupons.global.css +1 -1
  71. package/dist/styles/vouchers-redeemed.global.css +1 -0
  72. package/dist/utils/carousel/carouselProps.d.ts +33 -0
  73. package/dist/utils/carousel/carouselProps.js +59 -0
  74. package/dist/utils/scroll/isScrollToEnd.d.ts +1 -0
  75. package/dist/utils/scroll/isScrollToEnd.js +4 -0
  76. package/dist/utils/setBoldTextParts.d.ts +1 -0
  77. package/dist/utils/setBoldTextParts.js +7 -0
  78. package/package.json +69 -69
  79. package/dist/packages/Coupons/components/Breadcrumb.d.ts +0 -6
  80. package/dist/packages/Coupons/components/Breadcrumb.js +0 -33
  81. package/dist/packages/Coupons/components/Modal.d.ts +0 -8
  82. package/dist/packages/Coupons/components/Modal.js +0 -62
  83. package/dist/packages/Coupons/components/ModalFooter.d.ts +0 -9
  84. package/dist/packages/Coupons/components/ModalFooter.js +0 -25
  85. package/dist/packages/Coupons/components/ModalHeader.d.ts +0 -6
  86. package/dist/packages/Coupons/components/ModalHeader.js +0 -25
  87. package/dist/packages/Coupons/types/Views.d.ts +0 -1
  88. package/dist/packages/Coupons/types/Views.js +0 -1
  89. package/dist/packages/Coupons/views/CouponsView.d.ts +0 -15
  90. package/dist/packages/Coupons/views/CouponsView.js +0 -131
  91. package/dist/packages/Coupons/views/EmptyCartView.d.ts +0 -6
  92. package/dist/packages/Coupons/views/EmptyCartView.js +0 -36
  93. package/dist/packages/Coupons/views/LoadingView.d.ts +0 -7
  94. package/dist/packages/Coupons/views/LoadingView.js +0 -39
  95. package/dist/packages/Coupons/views/OverwriteView.d.ts +0 -14
  96. package/dist/packages/Coupons/views/OverwriteView.js +0 -58
  97. package/dist/packages/Coupons/views/RulesView.d.ts +0 -13
  98. package/dist/packages/Coupons/views/RulesView.js +0 -49
  99. package/dist/packages/Coupons/views/index.d.ts +0 -5
  100. package/dist/packages/Coupons/views/index.js +0 -12
@@ -0,0 +1,12 @@
1
+
2
+ export interface StatusMessageTryApplyProps {
3
+ type: keyof typeof messages;
4
+ text: React.ReactNode;
5
+ }
6
+ declare const messages: {
7
+ success: (text: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
8
+ warning: (text: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
9
+ error: (text: React.ReactNode) => import("react/jsx-runtime").JSX.Element;
10
+ };
11
+ export declare const StatusMessageTryApply: ({ type, text }: StatusMessageTryApplyProps) => import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -0,0 +1,27 @@
1
+ import { jsx as n, jsxs as c, Fragment as e } from "react/jsx-runtime";
2
+ import { ErrorIconV2 as t } from "../../../../assets/svgs/ErrorIconV2.js";
3
+ import { SuccessIconV2 as p } from "../../../../assets/svgs/SuccessIconV2.js";
4
+ import { WarningIconV2 as l } from "../../../../assets/svgs/WarningIconV2.js";
5
+ /* empty css */const i = {
6
+ success: (r) => /* @__PURE__ */ c(e, { children: [
7
+ /* @__PURE__ */ n(p, {}),
8
+ /* @__PURE__ */ n("p", { children: r })
9
+ ] }),
10
+ warning: (r) => /* @__PURE__ */ c(e, { children: [
11
+ /* @__PURE__ */ n(l, {}),
12
+ /* @__PURE__ */ n("p", { children: r })
13
+ ] }),
14
+ error: (r) => /* @__PURE__ */ c(e, { children: [
15
+ /* @__PURE__ */ n(t, {}),
16
+ /* @__PURE__ */ n("p", { children: r })
17
+ ] })
18
+ }, f = ({
19
+ type: r,
20
+ text: s
21
+ }) => {
22
+ const o = i == null ? void 0 : i[r];
23
+ return /* @__PURE__ */ n("div", { className: `points-redeemed-statusMessageTryApply ${r}`, children: o == null ? void 0 : o(s) });
24
+ };
25
+ export {
26
+ f as StatusMessageTryApply
27
+ };
@@ -0,0 +1 @@
1
+ export { StatusMessageTryApply } from './StatusMessageTryApply';
@@ -0,0 +1,4 @@
1
+ import { StatusMessageTryApply as r } from "./StatusMessageTryApply.js";
2
+ export {
3
+ r as StatusMessageTryApply
4
+ };
@@ -0,0 +1,17 @@
1
+
2
+ export interface ImageProps {
3
+ src: string;
4
+ alt: string;
5
+ }
6
+ interface VoucherCardProps {
7
+ title: string;
8
+ text: string;
9
+ informationText: string;
10
+ image: ImageProps;
11
+ buttonText: string;
12
+ couponId: string;
13
+ onClick?: (couponId: string) => void;
14
+ statusButton?: 'clicked' | 'default';
15
+ }
16
+ export declare const VoucherRedeemedCard: ({ title, text, informationText, image, buttonText, couponId, onClick, statusButton }: VoucherCardProps) => import("react/jsx-runtime").JSX.Element;
17
+ export {};
@@ -0,0 +1,37 @@
1
+ import { jsxs as c, jsx as e } from "react/jsx-runtime";
2
+ /* empty css */import { useState as p } from "react";
3
+ const C = ({
4
+ title: o,
5
+ text: t,
6
+ informationText: i,
7
+ image: d,
8
+ buttonText: h,
9
+ couponId: n,
10
+ onClick: r,
11
+ statusButton: a = "default"
12
+ }) => {
13
+ const [s, l] = p(!1), v = async () => {
14
+ s || (l(!0), await (r == null ? void 0 : r(n)), l(!1));
15
+ };
16
+ return /* @__PURE__ */ c("div", { className: "points-redeemed-voucherCard", children: [
17
+ /* @__PURE__ */ c("div", { className: "voucherCard-top", children: [
18
+ /* @__PURE__ */ e("div", { className: "voucherCard-top-image", children: /* @__PURE__ */ e("img", { alt: d == null ? void 0 : d.alt, src: d == null ? void 0 : d.src, width: 56, height: 56 }) }),
19
+ /* @__PURE__ */ c("div", { children: [
20
+ /* @__PURE__ */ e("h2", { className: "voucherCard-top-title", children: o }),
21
+ /* @__PURE__ */ e("p", { className: "voucherCard-top-description", children: t })
22
+ ] }),
23
+ /* @__PURE__ */ e("div", { className: "voucherCard-top-infoRedeemed", children: /* @__PURE__ */ e("p", { children: i }) })
24
+ ] }),
25
+ /* @__PURE__ */ e("div", { className: "voucherCard-bottom", children: /* @__PURE__ */ e(
26
+ "button",
27
+ {
28
+ onClick: a === "default" ? () => v() : void 0,
29
+ className: s ? "loading" : a,
30
+ children: h
31
+ }
32
+ ) })
33
+ ] });
34
+ };
35
+ export {
36
+ C as VoucherRedeemedCard
37
+ };
@@ -0,0 +1 @@
1
+ export { VoucherRedeemedCard } from './VoucherRedeemedCard';
@@ -0,0 +1,4 @@
1
+ import { VoucherRedeemedCard as d } from "./VoucherRedeemedCard.js";
2
+ export {
3
+ d as VoucherRedeemedCard
4
+ };
@@ -0,0 +1,15 @@
1
+ interface VouchersRedeemedSkeletonProps {
2
+ sizeCard: {
3
+ mobile: {
4
+ width: number;
5
+ height: number;
6
+ };
7
+ desktop: {
8
+ width: number;
9
+ height: number;
10
+ };
11
+ };
12
+ availableAreaSizeToCarouselByItem?: number;
13
+ }
14
+ export declare const VouchersRedeemedSkeleton: ({ sizeCard, availableAreaSizeToCarouselByItem }: VouchersRedeemedSkeletonProps) => import("react/jsx-runtime").JSX.Element;
15
+ export {};
@@ -0,0 +1,49 @@
1
+ import { jsxs as b, jsx as h } from "react/jsx-runtime";
2
+ import v from "../../../../hooks/useWindowDimensions.js";
3
+ import { Skeleton as m } from "../../../Skeleton/index.js";
4
+ const r = ({
5
+ sizeCard: o,
6
+ availableAreaSizeToCarouselByItem: c
7
+ }) => {
8
+ var g, l, p;
9
+ const { width: t } = v(), n = t && t < 768;
10
+ return /* @__PURE__ */ b("div", { id: "vouchersRedeemed", className: "club-card-vouchersRedeemed isLoading", children: [
11
+ /* @__PURE__ */ h(
12
+ m,
13
+ {
14
+ width: "100%",
15
+ height: 32,
16
+ backgroundColor: "var(--color-grayScale-faded)"
17
+ }
18
+ ),
19
+ /* @__PURE__ */ h(
20
+ m,
21
+ {
22
+ width: "100%",
23
+ height: 26,
24
+ backgroundColor: "var(--color-grayScale-faded)"
25
+ }
26
+ ),
27
+ /* @__PURE__ */ h("div", { className: "adaptiveCarousel-container", children: (p = Array.from({
28
+ length: c != null ? c : Math.floor(
29
+ Math.min(t != null ? t : 1280, 1280) / (n ? (g = o == null ? void 0 : o.mobile) == null ? void 0 : g.width : (l = o == null ? void 0 : o.desktop) == null ? void 0 : l.width)
30
+ )
31
+ })) == null ? void 0 : p.map((R, w) => {
32
+ var f, k, d, u;
33
+ return /* @__PURE__ */ h(
34
+ m,
35
+ {
36
+ width: n ? (f = o == null ? void 0 : o.mobile) == null ? void 0 : f.width : (k = o == null ? void 0 : o.desktop) == null ? void 0 : k.width,
37
+ height: n ? (d = o == null ? void 0 : o.mobile) == null ? void 0 : d.height : (u = o == null ? void 0 : o.desktop) == null ? void 0 : u.height,
38
+ backgroundColor: "var(--color-grayScale-faded)",
39
+ borderRadius: 8,
40
+ margin: 0
41
+ },
42
+ w
43
+ );
44
+ }) })
45
+ ] });
46
+ };
47
+ export {
48
+ r as VouchersRedeemedSkeleton
49
+ };
@@ -0,0 +1 @@
1
+ export { VouchersRedeemedSkeleton } from './VouchersRedeemedSkeleton';
@@ -0,0 +1,4 @@
1
+ import { VouchersRedeemedSkeleton as r } from "./VouchersRedeemedSkeleton.js";
2
+ export {
3
+ r as VouchersRedeemedSkeleton
4
+ };
@@ -0,0 +1 @@
1
+ export declare const VALID_VOUCHERS: string[];
@@ -0,0 +1,20 @@
1
+ const e = [
2
+ "spoe5",
3
+ "spoe10",
4
+ "spoe15",
5
+ "boae5",
6
+ "boae10",
7
+ "boae15",
8
+ "cmae5",
9
+ "cmae10",
10
+ "cmae15",
11
+ "avne5",
12
+ "avne10",
13
+ "avne15",
14
+ "amge5",
15
+ "amge10",
16
+ "amge15"
17
+ ];
18
+ export {
19
+ e as VALID_VOUCHERS
20
+ };
@@ -0,0 +1 @@
1
+ export declare const getCouponPrice: (coupon: string) => string | null;
@@ -0,0 +1,8 @@
1
+ import { formatBrazilianPrice as e } from "../../../utils/changerOrderModal.js";
2
+ const a = (t) => {
3
+ const r = t == null ? void 0 : t.match(/\d+$/);
4
+ return r ? e(parseInt(r == null ? void 0 : r[0], 10)) : null;
5
+ };
6
+ export {
7
+ a as getCouponPrice
8
+ };
@@ -0,0 +1 @@
1
+ .adaptiveCarousel-container{position:relative;display:flex;flex-direction:row;overflow-x:scroll;scroll-behavior:smooth;width:100%;scrollbar-width:none;gap:20px;justify-content:center}.adaptiveCarousel-container .carousel-container{scrollbar-width:none}.adaptiveCarousel-container.isCarousel{display:block}.adaptiveCarousel-container.isCarousel .carousel-arrow-button-prev{margin-right:20px}.adaptiveCarousel-container.isCarousel .carousel-arrow-button-next{margin-left:20px}.adaptiveCarousel-container.isCarousel .carousel-arrow-button-prev button,.adaptiveCarousel-container.isCarousel .carousel-arrow-button-next button{margin:0!important}.adaptiveCarousel-container.isCarousel .bullets-container{margin-top:8px}.adaptiveCarousel-container .background-blur-left,.adaptiveCarousel-container .background-blur-right{position:absolute;width:50px;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-grayScale-white) 100%);right:0;top:0;z-index:1}.adaptiveCarousel-container .background-blur-left{background:linear-gradient(270deg,transparent 0%,var(--color-grayScale-white) 100%);right:auto;left:60px}.adaptiveCarousel-container.isNewDots .bullets-container{gap:8px}.adaptiveCarousel-container.isNewDots .bullets-container button{height:4px!important;border-radius:8px!important;width:56px!important;border:none!important;margin:0!important}.adaptiveCarousel-container.isNewDots .bullets-container button[data-active=false]{width:21px!important;background-color:#c6c6c6!important}@media (min-width: 768px){.adaptiveCarousel-container.isNewDots .bullets-container button[data-active=false]{background-color:#c6c6c6!important}}@media (min-width: 1280px){.adaptiveCarousel-container .background-blur-left,.adaptiveCarousel-container .background-blur-right{right:60px}}
@@ -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 .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
+ .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 +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 .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)}
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}
@@ -0,0 +1 @@
1
+ .club-card-vouchersRedeemed{display:flex;flex-direction:column;gap:16px;width:100%}.club-card-vouchersRedeemed .carousel-arrow-button-prev button,.club-card-vouchersRedeemed .carousel-arrow-button-next button{background-color:var(--loyalty-color-surface-subtlest)!important}.club-card-vouchersRedeemed .bullets-container button{background-color:var(--loyalty-color-surface-strong)!important}.club-card-vouchersRedeemed .carousel-arrow-button-prev button>svg path,.club-card-vouchersRedeemed .carousel-arrow-button-next button>svg path{stroke:var(--loyalty-color-icon-default)}.club-card-vouchersRedeemed .vouchersRedeemed-title{color:var(--loyalty-text-color-default);font-weight:700;font-size:20px;line-height:normal;letter-spacing:0}.club-card-vouchersRedeemed .vouchersRedeemed-subtitle{color:var(--loyalty-text-color-neutral);font-size:20px;line-height:normal;font-weight:400}.club-card-vouchersRedeemed .adaptiveCarousel-container{justify-content:flex-start;gap:8px}.club-card-vouchersRedeemed #carousel .carousel-container{gap:8px}.club-card-vouchersRedeemed #carousel .carousel-container .container-item:last-child{margin-right:8px!important}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .bullets-container{margin-top:16px;height:10px;align-items:center}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .carousel-arrow-button-prev{margin-right:8px}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .carousel-arrow-button-next{margin-left:8px}@media (min-width: 768px){.club-card-vouchersRedeemed{gap:8px}.club-card-vouchersRedeemed .vouchersRedeemed-title{font-size:24px}.club-card-vouchersRedeemed .adaptiveCarousel-container{margin-top:8px;gap:16px}.club-card-vouchersRedeemed #carousel .carousel-container{gap:16px}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .bullets-container{margin-top:24px}}.points-redeemed-voucherCard{width:160px;height:208px;display:flex;flex-direction:column;border-radius:8px 8px 0 0}.points-redeemed-voucherCard .voucherCard-top{width:100%;display:flex;flex-direction:column;gap:8px;padding:8px;height:100%;border:1px solid var(--color-grayScale-lightest);border-radius:8px 8px 0 0;border-bottom:0}.points-redeemed-voucherCard .voucherCard-top-image{width:100%;display:flex;justify-content:center}.points-redeemed-voucherCard .voucherCard-top-title,.points-redeemed-voucherCard .voucherCard-top-description{color:var(--loyalty-text-color-neutral);font-weight:600;font-size:12px;line-height:normal;letter-spacing:0;height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-top-description{font-weight:400;height:16px;-webkit-line-clamp:1;margin-top:4px}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed{display:flex}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed p{font-weight:400;font-size:14px;line-height:normal;color:var(--loyalty-text-color-neutral);letter-spacing:0;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-bottom{display:flex;justify-content:center;align-items:center}.points-redeemed-voucherCard .voucherCard-bottom button{width:100%;height:50px;background-color:var(--loyalty-color-surface-strong);border-radius:0 0 8px 8px;color:var(--loyalty-text-color-on-dark);font-weight:700;font-size:14px;line-height:normal;letter-spacing:0;cursor:pointer;outline:none;border:none;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-bottom button.clicked{background-color:var(--color-positiveFeedback-dark)}.points-redeemed-voucherCard .voucherCard-bottom button.loading{cursor:wait}.vouchersRedeemed-empty{width:100%;justify-content:center;display:flex}.vouchersRedeemed-empty p{max-width:265px;font-size:20px;font-weight:500;font-family:DM Sans,sans-serif;line-height:normal;letter-spacing:0;text-align:center;color:var(--loyalty-text-color-neutral)}@media (min-width: 768px){.points-redeemed-voucherCard{width:193px;height:220px}.points-redeemed-voucherCard .voucherCard-top-title,.points-redeemed-voucherCard .voucherCard-top-description{height:36px;font-size:14px}.points-redeemed-voucherCard .voucherCard-top-description{height:18px}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed p,.points-redeemed-voucherCard .voucherCard-bottom button{font-size:16px}}.points-redeemed-statusMessageTryApply{display:flex;gap:8px;background-color:var(--color-positiveFeedback-faded);border-radius:8px;padding:4px 8px;align-items:center}.points-redeemed-statusMessageTryApply.warning{background-color:var(--color-warning-faded)}.points-redeemed-statusMessageTryApply.error{background-color:var(--color-negativeFeedback-faded)}.points-redeemed-statusMessageTryApply svg{width:24px}.points-redeemed-statusMessageTryApply p{font-family:DM Sans,sans-serif;color:var(--loyalty-text-color-neutral);font-weight:400;font-size:14px;line-height:normal;letter-spacing:0;flex:1}.points-redeemed-statusMessageTryApply p strong{font-weight:600}@media (min-width: 768px){.points-redeemed-statusMessageTryApply{margin-top:12px}.points-redeemed-statusMessageTryApply svg{width:32px}.points-redeemed-statusMessageTryApply p{font-size:20px}}
@@ -0,0 +1,33 @@
1
+ export declare const carouselProps: (width: number, layout?: 'vertical' | 'horizontal', customQtyItems?: number, bulletExtraStyle?: Record<string, unknown>, arrowExtraStyle?: Record<string, unknown>) => {
2
+ qtyItems: number;
3
+ bullet: {
4
+ isVisible: boolean;
5
+ bulletEnableColor: string;
6
+ bulletDisableColor: string;
7
+ style: {
8
+ width: number;
9
+ height: number;
10
+ margin: string;
11
+ borderRadius: string;
12
+ padding: number;
13
+ } | {
14
+ width: number;
15
+ height: number;
16
+ margin: string;
17
+ borderStyle: string;
18
+ borderColor: string;
19
+ borderWidth: number;
20
+ borderRadius: string;
21
+ padding: number;
22
+ cursor: string;
23
+ };
24
+ };
25
+ arrow: {
26
+ isVisible: boolean;
27
+ iconColor: string;
28
+ style: {
29
+ backgroundColor: string;
30
+ cursor: string;
31
+ };
32
+ };
33
+ };
@@ -0,0 +1,59 @@
1
+ var b = Object.defineProperty;
2
+ var a = Object.getOwnPropertySymbols;
3
+ var d = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
4
+ var s = (r, o, e) => o in r ? b(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, l = (r, o) => {
5
+ for (var e in o || (o = {}))
6
+ d.call(o, e) && s(r, e, o[e]);
7
+ if (a)
8
+ for (var e of a(o))
9
+ c.call(o, e) && s(r, e, o[e]);
10
+ return r;
11
+ };
12
+ const p = (r, o, e, n, t) => {
13
+ const u = () => e || (o === "horizontal" ? r <= 374 ? 1.2 : r <= 425 ? 1.4 : r <= 540 ? 1.8 : r <= 900 ? 2.8 : r <= 1100 ? 3.2 : 4 : r <= 374 ? 2.1 : r <= 425 ? 2.5 : r <= 540 ? 3.3 : r <= 900 ? 4.3 : r <= 1100 ? 4.6 : 5.2), i = {
14
+ mobile: {
15
+ disableColor: "var(--color-grayScale-dark)",
16
+ style: {
17
+ width: 8,
18
+ height: 8,
19
+ margin: "0px 2px",
20
+ borderRadius: "50%",
21
+ padding: 0
22
+ }
23
+ },
24
+ desk: {
25
+ disableColor: "transparent",
26
+ style: {
27
+ width: 8,
28
+ height: 8,
29
+ margin: "0px 4px",
30
+ borderStyle: "solid",
31
+ borderColor: "var(--color-main-dark)",
32
+ borderWidth: 0.5,
33
+ borderRadius: "50%",
34
+ padding: 0,
35
+ cursor: "pointer"
36
+ }
37
+ }
38
+ };
39
+ return {
40
+ qtyItems: u(),
41
+ bullet: {
42
+ isVisible: !0,
43
+ bulletEnableColor: "var(--color-main)",
44
+ bulletDisableColor: r < 768 ? i.mobile.disableColor : i.desk.disableColor,
45
+ style: r < 768 ? l(l({}, i.mobile.style), n) : l(l({}, i.desk.style), n)
46
+ },
47
+ arrow: {
48
+ isVisible: !(r < 1280),
49
+ iconColor: "var(--color-main)",
50
+ style: l({
51
+ backgroundColor: "var(--color-main-faded)",
52
+ cursor: "pointer"
53
+ }, t)
54
+ }
55
+ };
56
+ };
57
+ export {
58
+ p as carouselProps
59
+ };
@@ -0,0 +1 @@
1
+ export declare const isScrollToEnd: (element: Element | null) => boolean;
@@ -0,0 +1,4 @@
1
+ const o = (r) => r ? (r == null ? void 0 : r.scrollLeft) + (r == null ? void 0 : r.clientWidth) >= (r == null ? void 0 : r.scrollWidth) : !1;
2
+ export {
3
+ o as isScrollToEnd
4
+ };
@@ -0,0 +1 @@
1
+ export declare const setBoldTextParts: (text: string, highlightChar?: string) => string;
@@ -0,0 +1,7 @@
1
+ const n = (t, e = "*") => {
2
+ const r = new RegExp(`\\${e}(.*?)\\${e}`, "g");
3
+ return t.replace(r, "<strong>$1</strong>");
4
+ };
5
+ export {
6
+ n as setBoldTextParts
7
+ };
package/package.json CHANGED
@@ -1,69 +1,69 @@
1
- {
2
- "name": "@plurix/ecom-components",
3
- "author": "Plurix",
4
- "private": false,
5
- "version": "1.14.3-com2034.0",
6
- "type": "module",
7
- "main": "dist/main.js",
8
- "types": "dist/main.d.ts",
9
- "files": [
10
- "dist"
11
- ],
12
- "repository": {
13
- "type": "git",
14
- "url": "git+https://github.com/plurix-ecommerce/ecom-components.git"
15
- },
16
- "sideEffects": [
17
- "**/*.css"
18
- ],
19
- "scripts": {
20
- "dev": "vite",
21
- "build": "tsc --p ./tsconfig-build.json && vite build",
22
- "format": "prettier --write .",
23
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
24
- "prepare": "husky install",
25
- "preview": "vite preview",
26
- "test": "jest"
27
- },
28
- "peerDependencies": {
29
- "react": "^18.2.0",
30
- "react-dom": "^18.2.0"
31
- },
32
- "devDependencies": {
33
- "@babel/preset-env": "^7.24.5",
34
- "@babel/preset-react": "^7.24.1",
35
- "@commitlint/cli": "^17.4.2",
36
- "@commitlint/config-conventional": "^17.4.2",
37
- "@jest/globals": "^29.7.0",
38
- "@testing-library/jest-dom": "^6.4.5",
39
- "@testing-library/react": "^15.0.7",
40
- "@types/jest": "^29.5.12",
41
- "@types/node": "^20.11.30",
42
- "@types/react": "^18.2.71",
43
- "@types/react-dom": "^18.2.22",
44
- "@typescript-eslint/eslint-plugin": "^6.21.0",
45
- "@typescript-eslint/parser": "^6.21.0",
46
- "@vitejs/plugin-react": "^4.2.1",
47
- "eslint": "^8.57.0",
48
- "eslint-plugin-react-hooks": "^4.6.0",
49
- "eslint-plugin-react-refresh": "^0.4.6",
50
- "glob": "^10.3.10",
51
- "husky": "^9.0.11",
52
- "identity-obj-proxy": "^3.0.0",
53
- "jest": "^29.7.0",
54
- "jest-environment-jsdom": "^29.7.0",
55
- "jest-svg-transformer": "^1.0.0",
56
- "prettier": "^2.2.1",
57
- "react": "^18.2.0",
58
- "react-dom": "^18.2.0",
59
- "rollup-plugin-delete": "^2.0.0",
60
- "ts-jest": "^29.1.2",
61
- "typescript": "^5.4.3",
62
- "vite": "^4.5.3",
63
- "vite-plugin-dts": "^3.7.3",
64
- "vite-plugin-lib-inject-css": "^2.0.1"
65
- },
66
- "dependencies": {
67
- "axios": "^1.7.4"
68
- }
69
- }
1
+ {
2
+ "name": "@plurix/ecom-components",
3
+ "author": "Plurix",
4
+ "private": false,
5
+ "version": "1.15.0-loyalty.0",
6
+ "type": "module",
7
+ "main": "dist/main.js",
8
+ "types": "dist/main.d.ts",
9
+ "files": [
10
+ "dist"
11
+ ],
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "git+https://github.com/plurix-ecommerce/ecom-components.git"
15
+ },
16
+ "sideEffects": [
17
+ "**/*.css"
18
+ ],
19
+ "scripts": {
20
+ "dev": "vite",
21
+ "build": "tsc --p ./tsconfig-build.json && vite build",
22
+ "format": "prettier --write .",
23
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
24
+ "prepare": "husky install",
25
+ "preview": "vite preview",
26
+ "test": "jest"
27
+ },
28
+ "peerDependencies": {
29
+ "react": "^18.2.0",
30
+ "react-dom": "^18.2.0"
31
+ },
32
+ "devDependencies": {
33
+ "@babel/preset-env": "^7.24.5",
34
+ "@babel/preset-react": "^7.24.1",
35
+ "@commitlint/cli": "^17.4.2",
36
+ "@commitlint/config-conventional": "^17.4.2",
37
+ "@jest/globals": "^29.7.0",
38
+ "@testing-library/jest-dom": "^6.4.5",
39
+ "@testing-library/react": "^15.0.7",
40
+ "@types/jest": "^29.5.12",
41
+ "@types/node": "^20.11.30",
42
+ "@types/react": "^18.2.71",
43
+ "@types/react-dom": "^18.2.22",
44
+ "@typescript-eslint/eslint-plugin": "^6.21.0",
45
+ "@typescript-eslint/parser": "^6.21.0",
46
+ "@vitejs/plugin-react": "^4.2.1",
47
+ "eslint": "^8.57.0",
48
+ "eslint-plugin-react-hooks": "^4.6.0",
49
+ "eslint-plugin-react-refresh": "^0.4.6",
50
+ "glob": "^10.3.10",
51
+ "husky": "^9.0.11",
52
+ "identity-obj-proxy": "^3.0.0",
53
+ "jest": "^29.7.0",
54
+ "jest-environment-jsdom": "^29.7.0",
55
+ "jest-svg-transformer": "^1.0.0",
56
+ "prettier": "^2.2.1",
57
+ "react": "^18.2.0",
58
+ "react-dom": "^18.2.0",
59
+ "rollup-plugin-delete": "^2.0.0",
60
+ "ts-jest": "^29.1.2",
61
+ "typescript": "^5.4.3",
62
+ "vite": "^4.5.3",
63
+ "vite-plugin-dts": "^3.7.3",
64
+ "vite-plugin-lib-inject-css": "^2.0.1"
65
+ },
66
+ "dependencies": {
67
+ "axios": "^1.7.4"
68
+ }
69
+ }
@@ -1,6 +0,0 @@
1
- interface BreadcrumbProps {
2
- title: string;
3
- cancelButtonAction: () => void;
4
- }
5
- export declare const Breadcrumb: ({ title, cancelButtonAction }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};