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

package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.d.ts

@@ -1,17 +0,0 @@
-
-export interface ImageProps {
-    src: string;
-    alt: string;
-}
-interface VoucherCardProps {
-    title: string;
-    text: string;
-    informationText: string;
-    image: ImageProps;
-    buttonText: string;
-    couponId: string;
-    onClick?: (couponId: string) => void;
-    statusButton?: 'clicked' | 'default';
-}
-export declare const VoucherRedeemedCard: ({ title, text, informationText, image, buttonText, couponId, onClick, statusButton }: VoucherCardProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.js

@@ -1,37 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-/* empty css                                  */import { useState as p } from "react";
-const C = ({
-  title: o,
-  text: t,
-  informationText: i,
-  image: d,
-  buttonText: h,
-  couponId: n,
-  onClick: r,
-  statusButton: a = "default"
-}) => {
-  const [s, l] = p(!1), v = async () => {
-    s || (l(!0), await (r == null ? void 0 : r(n)), l(!1));
-  };
-  return /* @__PURE__ */ c("div", { className: "points-redeemed-voucherCard", children: [
-    /* @__PURE__ */ c("div", { className: "voucherCard-top", children: [
-      /* @__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 }) }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ e("h2", { className: "voucherCard-top-title", children: o }),
-        /* @__PURE__ */ e("p", { className: "voucherCard-top-description", children: t })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "voucherCard-top-infoRedeemed", children: /* @__PURE__ */ e("p", { children: i }) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "voucherCard-bottom", children: /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: a === "default" ? () => v() : void 0,
-        className: s ? "loading" : a,
-        children: h
-      }
-    ) })
-  ] });
-};
-export {
-  C as VoucherRedeemedCard
-};

package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.d.ts

@@ -1 +0,0 @@
-export { VoucherRedeemedCard } from './VoucherRedeemedCard';

package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.js

@@ -1,4 +0,0 @@
-import { VoucherRedeemedCard as d } from "./VoucherRedeemedCard.js";
-export {
-  d as VoucherRedeemedCard
-};

package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.d.ts

@@ -1,15 +0,0 @@
-interface VouchersRedeemedSkeletonProps {
-    sizeCard: {
-        mobile: {
-            width: number;
-            height: number;
-        };
-        desktop: {
-            width: number;
-            height: number;
-        };
-    };
-    availableAreaSizeToCarouselByItem?: number;
-}
-export declare const VouchersRedeemedSkeleton: ({ sizeCard, availableAreaSizeToCarouselByItem }: VouchersRedeemedSkeletonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.js

@@ -1,49 +0,0 @@
-import { jsxs as b, jsx as h } from "react/jsx-runtime";
-import v from "../../../../hooks/useWindowDimensions.js";
-import { Skeleton as m } from "../../../Skeleton/index.js";
-const r = ({
-  sizeCard: o,
-  availableAreaSizeToCarouselByItem: c
-}) => {
-  var g, l, p;
-  const { width: t } = v(), n = t && t < 768;
-  return /* @__PURE__ */ b("div", { id: "vouchersRedeemed", className: "club-card-vouchersRedeemed isLoading", children: [
-    /* @__PURE__ */ h(
-      m,
-      {
-        width: "100%",
-        height: 32,
-        backgroundColor: "var(--color-grayScale-faded)"
-      }
-    ),
-    /* @__PURE__ */ h(
-      m,
-      {
-        width: "100%",
-        height: 26,
-        backgroundColor: "var(--color-grayScale-faded)"
-      }
-    ),
-    /* @__PURE__ */ h("div", { className: "adaptiveCarousel-container", children: (p = Array.from({
-      length: c != null ? c : Math.floor(
-        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)
-      )
-    })) == null ? void 0 : p.map((R, w) => {
-      var f, k, d, u;
-      return /* @__PURE__ */ h(
-        m,
-        {
-          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,
-          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,
-          backgroundColor: "var(--color-grayScale-faded)",
-          borderRadius: 8,
-          margin: 0
-        },
-        w
-      );
-    }) })
-  ] });
-};
-export {
-  r as VouchersRedeemedSkeleton
-};

package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.d.ts

@@ -1 +0,0 @@
-export { VouchersRedeemedSkeleton } from './VouchersRedeemedSkeleton';

package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.js

@@ -1,4 +0,0 @@
-import { VouchersRedeemedSkeleton as r } from "./VouchersRedeemedSkeleton.js";
-export {
-  r as VouchersRedeemedSkeleton
-};

package/dist/packages/VouchersRedeemed/data/validVouchers.d.ts

@@ -1 +0,0 @@
-export declare const VALID_VOUCHERS: string[];

package/dist/packages/VouchersRedeemed/data/validVouchers.js

@@ -1,20 +0,0 @@
-const e = [
-  "spoe5",
-  "spoe10",
-  "spoe15",
-  "boae5",
-  "boae10",
-  "boae15",
-  "cmae5",
-  "cmae10",
-  "cmae15",
-  "avne5",
-  "avne10",
-  "avne15",
-  "amge5",
-  "amge10",
-  "amge15"
-];
-export {
-  e as VALID_VOUCHERS
-};

package/dist/packages/VouchersRedeemed/utils/getCouponPrice.d.ts

@@ -1 +0,0 @@
-export declare const getCouponPrice: (coupon: string) => string | null;

package/dist/packages/VouchersRedeemed/utils/getCouponPrice.js

@@ -1,8 +0,0 @@
-import { formatBrazilianPrice as e } from "../../../utils/changerOrderModal.js";
-const a = (t) => {
-  const r = t == null ? void 0 : t.match(/\d+$/);
-  return r ? e(parseInt(r == null ? void 0 : r[0], 10)) : null;
-};
-export {
-  a as getCouponPrice
-};

package/dist/styles/adaptive-carousel.global.css

@@ -1 +0,0 @@
-.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}}

package/dist/styles/vouchers-redeemed.global.css

@@ -1 +0,0 @@
-.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}}

package/dist/utils/carousel/carouselProps.d.ts

@@ -1,33 +0,0 @@
-export declare const carouselProps: (width: number, layout?: 'vertical' | 'horizontal', customQtyItems?: number, bulletExtraStyle?: Record<string, unknown>, arrowExtraStyle?: Record<string, unknown>) => {
-    qtyItems: number;
-    bullet: {
-        isVisible: boolean;
-        bulletEnableColor: string;
-        bulletDisableColor: string;
-        style: {
-            width: number;
-            height: number;
-            margin: string;
-            borderRadius: string;
-            padding: number;
-        } | {
-            width: number;
-            height: number;
-            margin: string;
-            borderStyle: string;
-            borderColor: string;
-            borderWidth: number;
-            borderRadius: string;
-            padding: number;
-            cursor: string;
-        };
-    };
-    arrow: {
-        isVisible: boolean;
-        iconColor: string;
-        style: {
-            backgroundColor: string;
-            cursor: string;
-        };
-    };
-};

package/dist/utils/carousel/carouselProps.js

@@ -1,59 +0,0 @@
-var b = Object.defineProperty;
-var a = Object.getOwnPropertySymbols;
-var d = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-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) => {
-  for (var e in o || (o = {}))
-    d.call(o, e) && s(r, e, o[e]);
-  if (a)
-    for (var e of a(o))
-      c.call(o, e) && s(r, e, o[e]);
-  return r;
-};
-const p = (r, o, e, n, t) => {
-  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 = {
-    mobile: {
-      disableColor: "var(--color-grayScale-dark)",
-      style: {
-        width: 8,
-        height: 8,
-        margin: "0px 2px",
-        borderRadius: "50%",
-        padding: 0
-      }
-    },
-    desk: {
-      disableColor: "transparent",
-      style: {
-        width: 8,
-        height: 8,
-        margin: "0px 4px",
-        borderStyle: "solid",
-        borderColor: "var(--color-main-dark)",
-        borderWidth: 0.5,
-        borderRadius: "50%",
-        padding: 0,
-        cursor: "pointer"
-      }
-    }
-  };
-  return {
-    qtyItems: u(),
-    bullet: {
-      isVisible: !0,
-      bulletEnableColor: "var(--color-main)",
-      bulletDisableColor: r < 768 ? i.mobile.disableColor : i.desk.disableColor,
-      style: r < 768 ? l(l({}, i.mobile.style), n) : l(l({}, i.desk.style), n)
-    },
-    arrow: {
-      isVisible: !(r < 1280),
-      iconColor: "var(--color-main)",
-      style: l({
-        backgroundColor: "var(--color-main-faded)",
-        cursor: "pointer"
-      }, t)
-    }
-  };
-};
-export {
-  p as carouselProps
-};

package/dist/utils/scroll/isScrollToEnd.d.ts

@@ -1 +0,0 @@
-export declare const isScrollToEnd: (element: Element | null) => boolean;

package/dist/utils/scroll/isScrollToEnd.js

@@ -1,4 +0,0 @@
-const o = (r) => r ? (r == null ? void 0 : r.scrollLeft) + (r == null ? void 0 : r.clientWidth) >= (r == null ? void 0 : r.scrollWidth) : !1;
-export {
-  o as isScrollToEnd
-};

package/dist/utils/setBoldTextParts.d.ts

@@ -1 +0,0 @@
-export declare const setBoldTextParts: (text: string, highlightChar?: string) => string;

package/dist/utils/setBoldTextParts.js

@@ -1,7 +0,0 @@
-const n = (t, e = "*") => {
-  const r = new RegExp(`\\${e}(.*?)\\${e}`, "g");
-  return t.replace(r, "<strong>$1</strong>");
-};
-export {
-  n as setBoldTextParts
-};