@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.
- package/dist/assets/svgs/CheckMarkBoxIcon.d.ts +1 -0
- package/dist/assets/svgs/CheckMarkBoxIcon.js +30 -0
- package/dist/assets/svgs/CheckMarkIcon.d.ts +1 -0
- package/dist/assets/svgs/CheckMarkIcon.js +23 -0
- package/dist/assets/svgs/CouponIcon.d.ts +1 -4
- package/dist/assets/svgs/CouponIcon.js +50 -14
- package/dist/assets/svgs/ErrorIcon.d.ts +1 -5
- package/dist/assets/svgs/ErrorIcon.js +26 -14
- package/dist/assets/svgs/ErrorIconV2.d.ts +1 -0
- package/dist/assets/svgs/ErrorIconV2.js +33 -0
- package/dist/assets/svgs/SuccessIconV2.d.ts +1 -0
- package/dist/assets/svgs/SuccessIconV2.js +30 -0
- package/dist/assets/svgs/WarningIconV2.d.ts +1 -0
- package/dist/assets/svgs/WarningIconV2.js +40 -0
- package/dist/hooks/useVerticalShelfCarouselProps.d.ts +4 -0
- package/dist/hooks/useVerticalShelfCarouselProps.js +14 -0
- package/dist/hooks/useWindowDimensions.d.ts +5 -0
- package/dist/hooks/useWindowDimensions.js +38 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +19 -17
- package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.d.ts +14 -0
- package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.js +69 -0
- package/dist/packages/ChangeOrderModal/ChangeOrderModal.d.ts +3 -3
- package/dist/packages/ChangeOrderModal/ChangeOrderModal.js +73 -71
- package/dist/packages/ChangeOrderModal/components/ModalFooter.d.ts +1 -4
- package/dist/packages/ChangeOrderModal/components/ModalFooter.js +1 -3
- package/dist/packages/ChangeOrderModal/components/SimilarProductList.d.ts +3 -2
- package/dist/packages/ChangeOrderModal/components/SimilarProducts.d.ts +5 -4
- package/dist/packages/ChangeOrderModal/components/SimilarProducts.js +21 -21
- package/dist/packages/ChangeOrderModal/mocks.d.ts +0 -1
- package/dist/packages/ChangeOrderModal/mocks.js +0 -1
- package/dist/packages/Coupons/Coupons.d.ts +3 -17
- package/dist/packages/Coupons/Coupons.js +76 -114
- package/dist/packages/Coupons/api/addCoupon.d.ts +1 -1
- package/dist/packages/Coupons/api/addCoupon.js +7 -7
- package/dist/packages/Coupons/api/getCoupons.d.ts +1 -1
- package/dist/packages/Coupons/api/getCoupons.js +4 -4
- package/dist/packages/Coupons/api/removeCoupon.d.ts +1 -1
- package/dist/packages/Coupons/api/removeCoupon.js +6 -6
- package/dist/packages/Coupons/components/Alert.d.ts +4 -2
- package/dist/packages/Coupons/components/Alert.js +10 -10
- package/dist/packages/Coupons/components/CouponCard.d.ts +5 -22
- package/dist/packages/Coupons/components/CouponCard.js +79 -133
- package/dist/packages/Coupons/components/NoCoupons.js +7 -7
- package/dist/packages/Coupons/hooks/useCoupons.d.ts +34 -0
- package/dist/packages/Coupons/hooks/useCoupons.js +109 -0
- package/dist/packages/Coupons/types/CouponType.d.ts +1 -1
- package/dist/packages/VouchersRedeemed/VouchersRedeemed.d.ts +24 -0
- package/dist/packages/VouchersRedeemed/VouchersRedeemed.js +145 -0
- package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.js +20 -0
- package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.d.ts +12 -0
- package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.js +27 -0
- package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.js +4 -0
- package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.d.ts +17 -0
- package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.js +37 -0
- package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.js +4 -0
- package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.d.ts +15 -0
- package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.js +49 -0
- package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.js +4 -0
- package/dist/packages/VouchersRedeemed/data/validVouchers.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/data/validVouchers.js +20 -0
- package/dist/packages/VouchersRedeemed/utils/getCouponPrice.d.ts +1 -0
- package/dist/packages/VouchersRedeemed/utils/getCouponPrice.js +8 -0
- package/dist/styles/adaptive-carousel.global.css +1 -0
- package/dist/styles/change-order-modal.global.css +1 -1
- package/dist/styles/coupons.global.css +1 -1
- package/dist/styles/vouchers-redeemed.global.css +1 -0
- package/dist/utils/carousel/carouselProps.d.ts +33 -0
- package/dist/utils/carousel/carouselProps.js +59 -0
- package/dist/utils/scroll/isScrollToEnd.d.ts +1 -0
- package/dist/utils/scroll/isScrollToEnd.js +4 -0
- package/dist/utils/setBoldTextParts.d.ts +1 -0
- package/dist/utils/setBoldTextParts.js +7 -0
- package/package.json +69 -69
- package/dist/packages/Coupons/components/Breadcrumb.d.ts +0 -6
- package/dist/packages/Coupons/components/Breadcrumb.js +0 -33
- package/dist/packages/Coupons/components/Modal.d.ts +0 -8
- package/dist/packages/Coupons/components/Modal.js +0 -62
- package/dist/packages/Coupons/components/ModalFooter.d.ts +0 -9
- package/dist/packages/Coupons/components/ModalFooter.js +0 -25
- package/dist/packages/Coupons/components/ModalHeader.d.ts +0 -6
- package/dist/packages/Coupons/components/ModalHeader.js +0 -25
- package/dist/packages/Coupons/types/Views.d.ts +0 -1
- package/dist/packages/Coupons/types/Views.js +0 -1
- package/dist/packages/Coupons/views/CouponsView.d.ts +0 -15
- package/dist/packages/Coupons/views/CouponsView.js +0 -131
- package/dist/packages/Coupons/views/EmptyCartView.d.ts +0 -6
- package/dist/packages/Coupons/views/EmptyCartView.js +0 -36
- package/dist/packages/Coupons/views/LoadingView.d.ts +0 -7
- package/dist/packages/Coupons/views/LoadingView.js +0 -39
- package/dist/packages/Coupons/views/OverwriteView.d.ts +0 -14
- package/dist/packages/Coupons/views/OverwriteView.js +0 -58
- package/dist/packages/Coupons/views/RulesView.d.ts +0 -13
- package/dist/packages/Coupons/views/RulesView.js +0 -49
- package/dist/packages/Coupons/views/index.d.ts +0 -5
- package/dist/packages/Coupons/views/index.js +0 -12
package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.d.ts
ADDED
|
@@ -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 {};
|
package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.js
ADDED
|
@@ -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';
|
package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.d.ts
ADDED
|
@@ -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,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 @@
|
|
|
1
|
+
export declare const VALID_VOUCHERS: string[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getCouponPrice: (coupon: string) => string | null;
|
|
@@ -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
|
|
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 .
|
|
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 @@
|
|
|
1
|
+
export declare const setBoldTextParts: (text: string, highlightChar?: string) => string;
|
package/package.json
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@plurix/ecom-components",
|
|
3
|
-
"author": "Plurix",
|
|
4
|
-
"private": false,
|
|
5
|
-
"version": "1.
|
|
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
|
+
}
|