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