@plurix/ecom-components 1.16.2-commerce → 1.16.4-commerce
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/ClubBadge.d.ts +3 -1
- package/dist/assets/svgs/ClubBadge.js +84 -81
- package/dist/packages/ProductCard/ProducCardUnavailable/index.d.ts +1 -1
- package/dist/packages/ProductCard/ProducCardUnavailable/index.js +12 -10
- package/dist/packages/ProductCard/ProductCardHorizontal/index.d.ts +1 -1
- package/dist/packages/ProductCard/ProductCardHorizontal/index.js +53 -48
- package/dist/packages/ProductCard/ProductCardImage/index.d.ts +2 -1
- package/dist/packages/ProductCard/ProductCardImage/index.js +13 -12
- package/dist/packages/ProductCard/ProductCardVertical/index.d.ts +1 -1
- package/dist/packages/ProductCard/ProductCardVertical/index.js +60 -55
- package/dist/packages/ProductCard/index.d.ts +1 -1
- package/dist/packages/ProductCard/index.js +43 -40
- package/dist/packages/ProductCardSeeMore/ProductCardSeeMore.d.ts +1 -1
- package/dist/packages/ProductCardSeeMore/ProductCardSeeMore.js +11 -5
- package/dist/packages/ProductCardSeeMore/ProductCardSeeMoreHorizontal.js +11 -5
- package/dist/types/ProductCard.d.ts +2 -0
- package/package.json +69 -69
|
@@ -1,83 +1,86 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
const
|
|
3
|
-
"
|
|
4
|
-
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
1
|
+
import { jsxs as o, jsx as C } from "react/jsx-runtime";
|
|
2
|
+
const V = ({ account: i }) => {
|
|
3
|
+
const t = i !== "domolivio" ? "#F4AF25" : "#181247", l = i !== "domolivio" ? "#2C3490" : "#EBE0CF";
|
|
4
|
+
return /* @__PURE__ */ o(
|
|
5
|
+
"svg",
|
|
6
|
+
{
|
|
7
|
+
"aria-label": "+amigo",
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
width: "100%",
|
|
10
|
+
height: "100%",
|
|
11
|
+
viewBox: "0 0 51 18",
|
|
12
|
+
fill: "none",
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ C("rect", { width: "50.4", height: "18", rx: "4", fill: t }),
|
|
15
|
+
/* @__PURE__ */ C(
|
|
16
|
+
"path",
|
|
17
|
+
{
|
|
18
|
+
d: "M17.4189 12.4075C17.1126 12.57 16.785 12.6242 16.5421 12.6242C15.9821 12.6242 15.5595 12.3425 15.3696 11.8225C14.947 12.2992 14.3658 12.6242 13.6156 12.6242C12.0838 12.6242 10.9746 11.3784 10.9746 9.77518C10.9746 8.17196 12.0733 6.92621 13.6156 6.92621C14.2917 6.92621 14.8729 7.18619 15.3273 7.587V7.43534C15.3273 7.14286 15.4963 6.96954 15.7922 6.96954H16.2674C16.5633 6.96954 16.7323 7.14286 16.7323 7.43534V10.9451C16.7323 11.0643 16.7427 11.1509 16.8486 11.1509C16.9331 11.1509 17.007 11.1076 17.1126 11.0968C17.2712 11.0751 17.3662 11.1726 17.4296 11.3892L17.5879 11.9092C17.6831 12.2233 17.5879 12.3208 17.4189 12.4075ZM15.1053 9.77518C15.1053 8.94107 14.5666 8.43194 13.8905 8.43194C13.1507 8.43194 12.6543 9.0169 12.6543 9.77518C12.6543 10.5335 13.1507 11.1184 13.8905 11.1184C14.556 11.1184 15.1053 10.5985 15.1053 9.77518Z",
|
|
19
|
+
fill: l
|
|
20
|
+
}
|
|
21
|
+
),
|
|
22
|
+
/* @__PURE__ */ C(
|
|
23
|
+
"path",
|
|
24
|
+
{
|
|
25
|
+
d: "M27.7229 12.3967C27.406 12.5808 27.0997 12.6242 26.8248 12.6242C25.8212 12.6242 25.293 12.0825 25.293 11.0101V9.40687C25.293 8.80025 24.9761 8.42111 24.4267 8.42111C23.888 8.42111 23.5181 8.80025 23.5181 9.40687V12.0067C23.5181 12.31 23.3491 12.4833 23.0637 12.4833H22.2608C21.965 12.4833 21.8066 12.31 21.8066 12.0067V9.40687C21.8066 8.80025 21.4792 8.42111 20.9299 8.42111C20.3909 8.42111 20.021 8.80025 20.021 9.40687V12.0067C20.021 12.31 19.8627 12.4833 19.5669 12.4833H18.764C18.4788 12.4833 18.3098 12.31 18.3098 12.0067V8.62693C18.3098 8.5186 18.2675 8.46444 18.1935 8.46444C18.0878 8.46444 17.961 8.5511 17.8554 8.56193C17.7604 8.58359 17.6336 8.52943 17.57 8.26945L17.4328 7.63033C17.3694 7.35951 17.4117 7.22952 17.6336 7.11036C17.8554 6.98037 18.1723 6.92621 18.4152 6.92621C18.9859 6.92621 19.5139 7.17536 19.6937 7.82531C20.0424 7.30535 20.6022 6.92621 21.384 6.92621C22.1024 6.92621 22.6729 7.20786 23.0428 7.69532C23.4547 7.24035 24.0463 6.92621 24.807 6.92621C26.117 6.92621 27.0045 7.85781 27.0045 9.27688V10.8801C27.0045 10.9993 27.0256 11.0859 27.142 11.0859C27.1842 11.0859 27.2792 11.0643 27.3532 11.0426C27.5327 10.9884 27.6384 11.0643 27.7229 11.3242L27.8919 11.9092C27.9871 12.2017 27.9026 12.2992 27.7229 12.3967Z",
|
|
26
|
+
fill: l
|
|
27
|
+
}
|
|
28
|
+
),
|
|
29
|
+
/* @__PURE__ */ C(
|
|
30
|
+
"path",
|
|
31
|
+
{
|
|
32
|
+
d: "M28.3499 5.13883C28.3499 4.54304 28.8147 4.06641 29.3852 4.06641C29.9661 4.06641 30.431 4.54304 30.431 5.13883C30.431 5.73463 29.9661 6.21126 29.3852 6.21126C28.8147 6.21126 28.3499 5.73463 28.3499 5.13883ZM28.5293 11.0101V7.48951C28.5293 7.18619 28.6984 7.01287 28.9837 7.01287H29.7867C30.0825 7.01287 30.2411 7.18619 30.2411 7.48951V10.8801C30.2411 10.9993 30.262 11.0859 30.3783 11.0859C30.4206 11.0859 30.5155 11.0643 30.5896 11.0426C30.7586 10.9884 30.875 11.0643 30.9595 11.3242L31.1285 11.9092C31.213 12.2017 31.139 12.2992 30.9595 12.3967C30.6318 12.5808 30.336 12.6242 30.0613 12.6242C29.0578 12.6242 28.5293 12.0825 28.5293 11.0101Z",
|
|
33
|
+
fill: l
|
|
34
|
+
}
|
|
35
|
+
),
|
|
36
|
+
/* @__PURE__ */ C(
|
|
37
|
+
"path",
|
|
38
|
+
{
|
|
39
|
+
d: "M37.7172 7.63033L37.58 8.26945C37.5164 8.52943 37.4003 8.58359 37.2946 8.56193C37.189 8.5511 37.0622 8.46444 36.967 8.46444C36.8931 8.46444 36.8509 8.5186 36.8509 8.62693V11.855C36.8509 13.6966 35.5515 14.574 33.9139 14.574C32.8047 14.574 32.0018 14.1515 31.4733 13.6207C31.2938 13.4583 31.2411 13.2308 31.4628 12.9925L31.7691 12.6025C31.9277 12.4292 32.1285 12.375 32.3714 12.5917C32.6988 12.9058 33.2377 13.2308 33.9243 13.2308C34.6323 13.2308 35.2766 12.8841 35.2766 12.1042V11.5626C34.8754 11.855 34.3787 12.0284 33.8189 12.0284C32.3925 12.0284 31.3149 10.9451 31.3149 9.4827C31.3149 8.00947 32.3925 6.92621 33.8189 6.92621C34.5055 6.92621 35.0971 7.18619 35.5302 7.59783C35.7628 7.1212 36.2486 6.92621 36.7452 6.92621C36.9884 6.92621 37.3051 6.98037 37.527 7.11036C37.7383 7.22952 37.7913 7.35951 37.7172 7.63033ZM35.3929 9.4827C35.3929 8.74608 34.8963 8.22612 34.1992 8.22612C33.4913 8.22612 33.0053 8.74608 33.0053 9.4827C33.0053 10.2085 33.4913 10.7284 34.1992 10.7284C34.907 10.7284 35.3929 10.2085 35.3929 9.4827Z",
|
|
40
|
+
fill: l
|
|
41
|
+
}
|
|
42
|
+
),
|
|
43
|
+
/* @__PURE__ */ C(
|
|
44
|
+
"path",
|
|
45
|
+
{
|
|
46
|
+
d: "M37.9355 9.77518C37.9355 8.13946 39.1715 6.92621 40.8723 6.92621C42.5734 6.92621 43.7989 8.13946 43.7989 9.77518C43.7989 11.4109 42.5734 12.6242 40.8723 12.6242C39.1715 12.6242 37.9355 11.4109 37.9355 9.77518ZM42.1085 9.77518C42.1085 8.99523 41.5907 8.43194 40.8723 8.43194C40.1539 8.43194 39.6259 8.99523 39.6259 9.77518C39.6259 10.5551 40.1435 11.1184 40.8723 11.1184C41.5907 11.1184 42.1085 10.5551 42.1085 9.77518Z",
|
|
47
|
+
fill: l
|
|
48
|
+
}
|
|
49
|
+
),
|
|
50
|
+
/* @__PURE__ */ C(
|
|
51
|
+
"path",
|
|
52
|
+
{
|
|
53
|
+
opacity: "0.7",
|
|
54
|
+
d: "M4.40088 9.90883V9.54406C4.40088 9.22369 4.57331 9.05804 4.87512 9.05804H7.89254V11.9861C7.89254 12.2955 7.72012 12.4723 7.41829 12.4723H6.91213C6.61031 12.4723 6.43787 12.3064 6.43787 11.9861V10.3948H4.87512C4.57331 10.3948 4.40088 10.2292 4.40088 9.90883Z",
|
|
55
|
+
fill: l
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ C(
|
|
59
|
+
"path",
|
|
60
|
+
{
|
|
61
|
+
d: "M9.92965 9.5441V9.90886C9.92965 10.2292 9.75723 10.3949 9.45541 10.3949H6.43799V7.46686C6.43799 7.15739 6.61042 6.98059 6.91224 6.98059H7.4184C7.72022 6.98059 7.89266 7.14648 7.89266 7.46686V9.05807H9.45541C9.75723 9.05807 9.92965 9.22372 9.92965 9.5441Z",
|
|
62
|
+
fill: l
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
/* @__PURE__ */ C(
|
|
66
|
+
"path",
|
|
67
|
+
{
|
|
68
|
+
d: "M45.9811 4.56789C45.9811 5.8293 45 6.85186 43.7898 6.85186C42.5795 6.85186 41.5984 5.8293 41.5984 4.56789C41.5984 3.93719 42.0889 3.4259 42.6941 3.4259C43.2992 3.4259 43.7898 3.93719 43.7898 4.56789C43.7898 5.19857 44.2803 5.70988 44.8855 5.70988C45.4906 5.70988 45.9811 5.19857 45.9811 4.56789Z",
|
|
69
|
+
fill: l
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
/* @__PURE__ */ C(
|
|
73
|
+
"path",
|
|
74
|
+
{
|
|
75
|
+
d: "M45.9993 4.56786C45.9993 5.19845 45.5006 5.70976 44.8856 5.70976C44.2704 5.70976 43.7717 5.19845 43.7717 4.56786C43.7717 3.93728 44.2704 3.42596 44.8856 3.42596C45.5006 3.42596 45.9993 3.93728 45.9993 4.56786Z",
|
|
76
|
+
fill: "white",
|
|
77
|
+
fillOpacity: "0.7"
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
};
|
|
81
84
|
export {
|
|
82
|
-
|
|
85
|
+
V as ClubBadge
|
|
83
86
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ProductCardUnavailableProps } from '../../../types/ProductCard';
|
|
2
2
|
|
|
3
|
-
export declare const ProductCardUnavailable: ({ image, name, variant }: ProductCardUnavailableProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const ProductCardUnavailable: ({ account, image, name, variant }: ProductCardUnavailableProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsxs as r, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { ProductCardImage as
|
|
3
|
-
import { ProductCardName as
|
|
4
|
-
const
|
|
2
|
+
import { ProductCardImage as l } from "../ProductCardImage/index.js";
|
|
3
|
+
import { ProductCardName as e } from "../ProductCardName/index.js";
|
|
4
|
+
const u = ({
|
|
5
|
+
account: c,
|
|
5
6
|
image: o,
|
|
6
|
-
name:
|
|
7
|
+
name: d,
|
|
7
8
|
variant: t
|
|
8
9
|
}) => t === "horizontal" ? /* @__PURE__ */ r(
|
|
9
10
|
"div",
|
|
@@ -19,7 +20,7 @@ const s = ({
|
|
|
19
20
|
backgroundColor: "var(--color-grayScale-faded)"
|
|
20
21
|
},
|
|
21
22
|
children: /* @__PURE__ */ r("div", { className: "product-card-section-product-horizontal out-of-stock", children: [
|
|
22
|
-
/* @__PURE__ */ a(
|
|
23
|
+
/* @__PURE__ */ a(l, { image: o, account: c }),
|
|
23
24
|
/* @__PURE__ */ a(
|
|
24
25
|
"div",
|
|
25
26
|
{
|
|
@@ -27,7 +28,7 @@ const s = ({
|
|
|
27
28
|
style: {
|
|
28
29
|
backgroundColor: "var(--color-grayScale-lightest)"
|
|
29
30
|
},
|
|
30
|
-
children: /* @__PURE__ */ a(
|
|
31
|
+
children: /* @__PURE__ */ a(e, { name: d })
|
|
31
32
|
}
|
|
32
33
|
)
|
|
33
34
|
] })
|
|
@@ -39,13 +40,14 @@ const s = ({
|
|
|
39
40
|
) : /* @__PURE__ */ r("div", { id: "product-card-unavailable", className: "out-of-stock", children: [
|
|
40
41
|
/* @__PURE__ */ r("div", { className: "product-card out-of-stock", children: [
|
|
41
42
|
/* @__PURE__ */ a(
|
|
42
|
-
|
|
43
|
+
l,
|
|
43
44
|
{
|
|
44
45
|
image: {
|
|
45
46
|
url: o.url,
|
|
46
47
|
alternateName: o.alternateName
|
|
47
48
|
},
|
|
48
|
-
variant: "vertical"
|
|
49
|
+
variant: "vertical",
|
|
50
|
+
account: c
|
|
49
51
|
}
|
|
50
52
|
),
|
|
51
53
|
/* @__PURE__ */ a("div", { className: "out-of-stock-description-content", children: /* @__PURE__ */ a(
|
|
@@ -56,12 +58,12 @@ const s = ({
|
|
|
56
58
|
backgroundColor: "var(--color-grayScale-faded)",
|
|
57
59
|
height: "160px"
|
|
58
60
|
},
|
|
59
|
-
children: /* @__PURE__ */ a(
|
|
61
|
+
children: /* @__PURE__ */ a(e, { name: d })
|
|
60
62
|
}
|
|
61
63
|
) })
|
|
62
64
|
] }),
|
|
63
65
|
/* @__PURE__ */ a("div", { className: "product-card-unavailable-text", children: /* @__PURE__ */ a("p", { children: "Indisponível" }) })
|
|
64
66
|
] });
|
|
65
67
|
export {
|
|
66
|
-
|
|
68
|
+
u as ProductCardUnavailable
|
|
67
69
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ProductCardProps } from '../../../types/ProductCard';
|
|
2
2
|
|
|
3
|
-
export declare const ProductCardHorizontal: ({ hasPlusFriendBadge, promotion, product, hasPromotionalPrice, clubPrice, outOfStock, variant, defaultScListPrice, isClubClient, addToCartAction, quantitySelectorAction, productInCart, openModal }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const ProductCardHorizontal: ({ account, hasPlusFriendBadge, promotion, product, hasPromotionalPrice, clubPrice, outOfStock, variant, defaultScListPrice, isClubClient, addToCartAction, quantitySelectorAction, productInCart, openModal }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,40 +1,42 @@
|
|
|
1
1
|
import { jsx as s, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { ProductCardUnavailable as
|
|
4
|
-
import { ProductCardBadgeKg as
|
|
5
|
-
import { ProductCardDiscountBadge as
|
|
6
|
-
import { ProductCardButton as
|
|
7
|
-
import { ProductCardImage as
|
|
8
|
-
import { ProductCardName as
|
|
9
|
-
import { ProductCardPrice as
|
|
10
|
-
import { ProductCardPromotionFlag as
|
|
11
|
-
const
|
|
12
|
-
|
|
2
|
+
import { useState as C } from "react";
|
|
3
|
+
import { ProductCardUnavailable as z } from "../ProducCardUnavailable/index.js";
|
|
4
|
+
import { ProductCardBadgeKg as B } from "../ProductCardBadge/ProductCardBadgeKg.js";
|
|
5
|
+
import { ProductCardDiscountBadge as M } from "../ProductCardBadge/ProductCardDiscountBadge.js";
|
|
6
|
+
import { ProductCardButton as N } from "../ProductCardButton/index.js";
|
|
7
|
+
import { ProductCardImage as O } from "../ProductCardImage/index.js";
|
|
8
|
+
import { ProductCardName as p } from "../ProductCardName/index.js";
|
|
9
|
+
import { ProductCardPrice as U } from "../ProductCardPrice/index.js";
|
|
10
|
+
import { ProductCardPromotionFlag as E } from "../ProductCardPromotionFlag/index.js";
|
|
11
|
+
const T = ({
|
|
12
|
+
account: a,
|
|
13
|
+
hasPlusFriendBadge: c,
|
|
13
14
|
promotion: i,
|
|
14
15
|
product: e,
|
|
15
|
-
hasPromotionalPrice:
|
|
16
|
-
clubPrice:
|
|
16
|
+
hasPromotionalPrice: o,
|
|
17
|
+
clubPrice: g,
|
|
17
18
|
outOfStock: l,
|
|
18
19
|
variant: r,
|
|
19
|
-
defaultScListPrice:
|
|
20
|
-
isClubClient:
|
|
21
|
-
addToCartAction:
|
|
22
|
-
quantitySelectorAction:
|
|
23
|
-
productInCart:
|
|
20
|
+
defaultScListPrice: n,
|
|
21
|
+
isClubClient: u,
|
|
22
|
+
addToCartAction: P,
|
|
23
|
+
quantitySelectorAction: h,
|
|
24
|
+
productInCart: v,
|
|
24
25
|
openModal: S
|
|
25
26
|
}) => {
|
|
26
|
-
var
|
|
27
|
-
const [b,
|
|
27
|
+
var f, d;
|
|
28
|
+
const [b, k] = C(!1), [D, x] = C(!1), y = a !== "domolivio" ? "#FDF3DE" : "#EBE0CF";
|
|
28
29
|
if (l)
|
|
29
30
|
return /* @__PURE__ */ s(
|
|
30
|
-
|
|
31
|
+
z,
|
|
31
32
|
{
|
|
32
|
-
image: (
|
|
33
|
+
image: (f = e.image) == null ? void 0 : f[0],
|
|
33
34
|
name: e.name,
|
|
34
|
-
variant: "horizontal"
|
|
35
|
+
variant: "horizontal",
|
|
36
|
+
account: a
|
|
35
37
|
}
|
|
36
38
|
);
|
|
37
|
-
const
|
|
39
|
+
const m = u && e.hasClubPrice;
|
|
38
40
|
return /* @__PURE__ */ t(
|
|
39
41
|
"div",
|
|
40
42
|
{
|
|
@@ -50,13 +52,14 @@ const G = ({
|
|
|
50
52
|
className: "product-card-section-product-horizontal",
|
|
51
53
|
children: [
|
|
52
54
|
/* @__PURE__ */ s(
|
|
53
|
-
|
|
55
|
+
O,
|
|
54
56
|
{
|
|
55
|
-
isProductClubAndClient:
|
|
57
|
+
isProductClubAndClient: m,
|
|
56
58
|
variant: r,
|
|
57
|
-
hasPlusFriendBadge:
|
|
59
|
+
hasPlusFriendBadge: c,
|
|
58
60
|
promotion: i,
|
|
59
|
-
image: (
|
|
61
|
+
image: (d = e.image) == null ? void 0 : d[0],
|
|
62
|
+
account: a
|
|
60
63
|
}
|
|
61
64
|
),
|
|
62
65
|
/* @__PURE__ */ t(
|
|
@@ -64,19 +67,21 @@ const G = ({
|
|
|
64
67
|
{
|
|
65
68
|
className: "product-card-horizontal-description",
|
|
66
69
|
style: {
|
|
67
|
-
backgroundColor:
|
|
70
|
+
backgroundColor: m ? y : "var(--color-grayScale-faded)"
|
|
68
71
|
},
|
|
69
72
|
children: [
|
|
70
73
|
/* @__PURE__ */ t("div", { className: "product-card-section-name", children: [
|
|
71
|
-
/* @__PURE__ */ s(
|
|
74
|
+
/* @__PURE__ */ s(p, { name: e.name }),
|
|
72
75
|
/* @__PURE__ */ t(
|
|
73
76
|
"div",
|
|
74
77
|
{
|
|
75
78
|
className: "product-card-section-badge-horizontal",
|
|
76
|
-
style: {
|
|
79
|
+
style: {
|
|
80
|
+
display: !D && !b ? "none" : ""
|
|
81
|
+
},
|
|
77
82
|
children: [
|
|
78
83
|
/* @__PURE__ */ s(
|
|
79
|
-
|
|
84
|
+
B,
|
|
80
85
|
{
|
|
81
86
|
unitMultiplier: e.unitMultiplier,
|
|
82
87
|
skuSpecifications: e.skuSpecifications,
|
|
@@ -85,16 +90,16 @@ const G = ({
|
|
|
85
90
|
}
|
|
86
91
|
),
|
|
87
92
|
/* @__PURE__ */ s(
|
|
88
|
-
|
|
93
|
+
M,
|
|
89
94
|
{
|
|
90
95
|
offers: e.offers,
|
|
91
|
-
defaultScListPrice:
|
|
96
|
+
defaultScListPrice: n,
|
|
92
97
|
nativeListPrice: e.customOffers.listPriceCustom,
|
|
93
98
|
nativeSpotPrice: e.customOffers.spotPriceCustom,
|
|
94
99
|
skuSpecifications: e.skuSpecifications,
|
|
95
100
|
unitMultiplier: e.unitMultiplier,
|
|
96
|
-
hasPromotionalPrice:
|
|
97
|
-
setIsShowProductBadge:
|
|
101
|
+
hasPromotionalPrice: o,
|
|
102
|
+
setIsShowProductBadge: k
|
|
98
103
|
}
|
|
99
104
|
)
|
|
100
105
|
]
|
|
@@ -102,7 +107,7 @@ const G = ({
|
|
|
102
107
|
)
|
|
103
108
|
] }),
|
|
104
109
|
r === "horizontal" && /* @__PURE__ */ s(
|
|
105
|
-
|
|
110
|
+
E,
|
|
106
111
|
{
|
|
107
112
|
variant: r,
|
|
108
113
|
productSectionBadge: {
|
|
@@ -115,11 +120,11 @@ const G = ({
|
|
|
115
120
|
}
|
|
116
121
|
),
|
|
117
122
|
/* @__PURE__ */ s(
|
|
118
|
-
|
|
123
|
+
U,
|
|
119
124
|
{
|
|
120
|
-
isClubClient:
|
|
125
|
+
isClubClient: u,
|
|
121
126
|
unitMultiplier: e.unitMultiplier,
|
|
122
|
-
hasPromotionalPrice:
|
|
127
|
+
hasPromotionalPrice: o,
|
|
123
128
|
measurementUnit: e.measurementUnit,
|
|
124
129
|
skuSpecifications: e.skuSpecifications,
|
|
125
130
|
customOffers: {
|
|
@@ -128,9 +133,9 @@ const G = ({
|
|
|
128
133
|
spotPriceCustom: e.customOffers.spotPriceCustom,
|
|
129
134
|
spotPriceKg: e.customOffers.spotPriceKg
|
|
130
135
|
},
|
|
131
|
-
defaultScListPrice:
|
|
132
|
-
clubPrice:
|
|
133
|
-
hasPlusFriendBadge:
|
|
136
|
+
defaultScListPrice: n,
|
|
137
|
+
clubPrice: g,
|
|
138
|
+
hasPlusFriendBadge: c
|
|
134
139
|
}
|
|
135
140
|
)
|
|
136
141
|
]
|
|
@@ -140,11 +145,11 @@ const G = ({
|
|
|
140
145
|
}
|
|
141
146
|
),
|
|
142
147
|
/* @__PURE__ */ s(
|
|
143
|
-
|
|
148
|
+
N,
|
|
144
149
|
{
|
|
145
|
-
addToCartAction:
|
|
146
|
-
quantitySelectorAction:
|
|
147
|
-
productInCart:
|
|
150
|
+
addToCartAction: P,
|
|
151
|
+
quantitySelectorAction: h,
|
|
152
|
+
productInCart: v,
|
|
148
153
|
layout: r
|
|
149
154
|
}
|
|
150
155
|
)
|
|
@@ -153,5 +158,5 @@ const G = ({
|
|
|
153
158
|
);
|
|
154
159
|
};
|
|
155
160
|
export {
|
|
156
|
-
|
|
161
|
+
T as ProductCardHorizontal
|
|
157
162
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PromotionProps } from '../../../types/ProductCard';
|
|
2
2
|
|
|
3
3
|
interface ProductCardImageProps {
|
|
4
|
+
account: string;
|
|
4
5
|
hasPlusFriendBadge?: boolean;
|
|
5
6
|
isProductClubAndClient?: boolean;
|
|
6
7
|
promotion?: PromotionProps;
|
|
@@ -10,5 +11,5 @@ interface ProductCardImageProps {
|
|
|
10
11
|
alternateName: string;
|
|
11
12
|
};
|
|
12
13
|
}
|
|
13
|
-
export declare const ProductCardImage: ({ isProductClubAndClient, variant, hasPlusFriendBadge, image, promotion }: ProductCardImageProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const ProductCardImage: ({ account, isProductClubAndClient, variant, hasPlusFriendBadge, image, promotion, }: ProductCardImageProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { ClubBadge as
|
|
3
|
-
import { ProductCardPromotionFlag as
|
|
4
|
-
import { ProductCardBadgeClub as
|
|
5
|
-
const
|
|
6
|
-
|
|
1
|
+
import { jsxs as d, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { ClubBadge as m } from "../../../assets/svgs/ClubBadge.js";
|
|
3
|
+
import { ProductCardPromotionFlag as u } from "../ProductCardPromotionFlag/index.js";
|
|
4
|
+
import { ProductCardBadgeClub as i } from "../ProductCardBadge/ProductCardBadgeClube.js";
|
|
5
|
+
const n = ({
|
|
6
|
+
account: a,
|
|
7
|
+
isProductClubAndClient: l,
|
|
7
8
|
variant: e,
|
|
8
|
-
hasPlusFriendBadge:
|
|
9
|
+
hasPlusFriendBadge: c,
|
|
9
10
|
image: t,
|
|
10
11
|
promotion: o
|
|
11
|
-
}) => /* @__PURE__ */
|
|
12
|
-
|
|
12
|
+
}) => /* @__PURE__ */ d("div", { className: "product-card-image-container", children: [
|
|
13
|
+
l && /* @__PURE__ */ r(
|
|
13
14
|
"div",
|
|
14
15
|
{
|
|
15
16
|
className: `product-club-badge ${e === "horizontal" && "horizontal"}`,
|
|
16
|
-
children:
|
|
17
|
+
children: c ? /* @__PURE__ */ r(m, { account: a }) : /* @__PURE__ */ r(i, { text: "Clube" })
|
|
17
18
|
}
|
|
18
19
|
),
|
|
19
20
|
/* @__PURE__ */ r("img", { className: "image", src: t.url, alt: t.alternateName }),
|
|
20
21
|
o && e === "vertical" && /* @__PURE__ */ r(
|
|
21
|
-
|
|
22
|
+
u,
|
|
22
23
|
{
|
|
23
24
|
variant: e,
|
|
24
25
|
productSectionBadge: {
|
|
@@ -32,5 +33,5 @@ const x = ({
|
|
|
32
33
|
)
|
|
33
34
|
] });
|
|
34
35
|
export {
|
|
35
|
-
|
|
36
|
+
n as ProductCardImage
|
|
36
37
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ProductCardProps } from '../../../types/ProductCard';
|
|
2
2
|
|
|
3
|
-
export declare const ProductCardVertical: ({ hasPlusFriendBadge, promotion, product, hasPromotionalPrice, clubPrice, outOfStock, variant, defaultScListPrice, isClubClient, hasClub, openModal, addToCartAction, quantitySelectorAction, productInCart }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const ProductCardVertical: ({ account, hasPlusFriendBadge, promotion, product, hasPromotionalPrice, clubPrice, outOfStock, variant, defaultScListPrice, isClubClient, hasClub, openModal, addToCartAction, quantitySelectorAction, productInCart }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,50 +1,53 @@
|
|
|
1
1
|
import { jsx as e, jsxs as s } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { ProductCardUnavailable as
|
|
4
|
-
import { ProductCardBadgeKg as
|
|
5
|
-
import { ProductCardDiscountBadge as
|
|
6
|
-
import { ProductCardButton as
|
|
7
|
-
import { ProductCardImage as
|
|
8
|
-
import { ProductCardName as
|
|
9
|
-
import { ProductCardPrice as
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
import { useState as f } from "react";
|
|
3
|
+
import { ProductCardUnavailable as M } from "../ProducCardUnavailable/index.js";
|
|
4
|
+
import { ProductCardBadgeKg as N } from "../ProductCardBadge/ProductCardBadgeKg.js";
|
|
5
|
+
import { ProductCardDiscountBadge as y } from "../ProductCardBadge/ProductCardDiscountBadge.js";
|
|
6
|
+
import { ProductCardButton as U } from "../ProductCardButton/index.js";
|
|
7
|
+
import { ProductCardImage as B } from "../ProductCardImage/index.js";
|
|
8
|
+
import { ProductCardName as x } from "../ProductCardName/index.js";
|
|
9
|
+
import { ProductCardPrice as I } from "../ProductCardPrice/index.js";
|
|
10
|
+
const z = ({
|
|
11
|
+
account: r,
|
|
12
|
+
hasPlusFriendBadge: o,
|
|
13
|
+
promotion: d,
|
|
13
14
|
product: i,
|
|
14
|
-
hasPromotionalPrice:
|
|
15
|
-
clubPrice:
|
|
16
|
-
outOfStock:
|
|
15
|
+
hasPromotionalPrice: a,
|
|
16
|
+
clubPrice: P,
|
|
17
|
+
outOfStock: p,
|
|
17
18
|
variant: t,
|
|
18
|
-
defaultScListPrice:
|
|
19
|
-
isClubClient:
|
|
20
|
-
hasClub:
|
|
21
|
-
openModal:
|
|
22
|
-
addToCartAction:
|
|
23
|
-
quantitySelectorAction:
|
|
24
|
-
productInCart:
|
|
19
|
+
defaultScListPrice: c,
|
|
20
|
+
isClubClient: m,
|
|
21
|
+
hasClub: C,
|
|
22
|
+
openModal: g,
|
|
23
|
+
addToCartAction: h,
|
|
24
|
+
quantitySelectorAction: v,
|
|
25
|
+
productInCart: S
|
|
25
26
|
}) => {
|
|
26
|
-
var
|
|
27
|
-
const [
|
|
28
|
-
if (
|
|
27
|
+
var u, l;
|
|
28
|
+
const [b, k] = f(!1), [D, O] = f(!1);
|
|
29
|
+
if (p)
|
|
29
30
|
return /* @__PURE__ */ e(
|
|
30
|
-
|
|
31
|
+
M,
|
|
31
32
|
{
|
|
32
|
-
image: (
|
|
33
|
+
image: (u = i.image) == null ? void 0 : u[0],
|
|
33
34
|
name: i.name,
|
|
34
|
-
variant: t
|
|
35
|
+
variant: t,
|
|
36
|
+
account: r
|
|
35
37
|
}
|
|
36
38
|
);
|
|
37
|
-
const
|
|
39
|
+
const n = m && i.hasClubPrice;
|
|
38
40
|
return /* @__PURE__ */ s("div", { id: "product-card", children: [
|
|
39
|
-
/* @__PURE__ */ e("div", { className: "product-card", children: /* @__PURE__ */ s("div", { className: "product-card-container", onClick:
|
|
41
|
+
/* @__PURE__ */ e("div", { className: "product-card", children: /* @__PURE__ */ s("div", { className: "product-card-container", onClick: g, children: [
|
|
40
42
|
/* @__PURE__ */ e(
|
|
41
|
-
|
|
43
|
+
B,
|
|
42
44
|
{
|
|
43
|
-
isProductClubAndClient:
|
|
45
|
+
isProductClubAndClient: n,
|
|
44
46
|
variant: t,
|
|
45
|
-
hasPlusFriendBadge:
|
|
46
|
-
promotion:
|
|
47
|
-
image: (
|
|
47
|
+
hasPlusFriendBadge: o,
|
|
48
|
+
promotion: d,
|
|
49
|
+
image: (l = i.image) == null ? void 0 : l[0],
|
|
50
|
+
account: r
|
|
48
51
|
}
|
|
49
52
|
),
|
|
50
53
|
/* @__PURE__ */ s(
|
|
@@ -52,37 +55,39 @@ const q = ({
|
|
|
52
55
|
{
|
|
53
56
|
className: "product-card-description",
|
|
54
57
|
style: {
|
|
55
|
-
backgroundColor:
|
|
58
|
+
backgroundColor: n ? "#FDF3DE" : "var(--color-grayScale-faded)"
|
|
56
59
|
},
|
|
57
60
|
children: [
|
|
58
61
|
/* @__PURE__ */ s("div", { className: "product-card-section-name", children: [
|
|
59
|
-
/* @__PURE__ */ e(
|
|
62
|
+
/* @__PURE__ */ e(x, { name: i.name }),
|
|
60
63
|
/* @__PURE__ */ s(
|
|
61
64
|
"div",
|
|
62
65
|
{
|
|
63
66
|
className: "product-card-section-badge",
|
|
64
|
-
style: {
|
|
67
|
+
style: {
|
|
68
|
+
display: !D && !b ? "none" : ""
|
|
69
|
+
},
|
|
65
70
|
children: [
|
|
66
71
|
/* @__PURE__ */ e(
|
|
67
|
-
|
|
72
|
+
N,
|
|
68
73
|
{
|
|
69
74
|
unitMultiplier: i.unitMultiplier,
|
|
70
75
|
skuSpecifications: i.skuSpecifications,
|
|
71
76
|
measurementUnit: i.measurementUnit,
|
|
72
|
-
setIsShowProductBadge:
|
|
77
|
+
setIsShowProductBadge: O
|
|
73
78
|
}
|
|
74
79
|
),
|
|
75
80
|
/* @__PURE__ */ e(
|
|
76
|
-
|
|
81
|
+
y,
|
|
77
82
|
{
|
|
78
83
|
offers: i.offers,
|
|
79
|
-
defaultScListPrice:
|
|
84
|
+
defaultScListPrice: c,
|
|
80
85
|
nativeListPrice: i.customOffers.listPriceCustom,
|
|
81
86
|
nativeSpotPrice: i.customOffers.spotPriceCustom,
|
|
82
87
|
skuSpecifications: i.skuSpecifications,
|
|
83
88
|
unitMultiplier: i.unitMultiplier,
|
|
84
|
-
hasPromotionalPrice:
|
|
85
|
-
setIsShowProductBadge:
|
|
89
|
+
hasPromotionalPrice: a,
|
|
90
|
+
setIsShowProductBadge: k
|
|
86
91
|
}
|
|
87
92
|
)
|
|
88
93
|
]
|
|
@@ -90,12 +95,12 @@ const q = ({
|
|
|
90
95
|
)
|
|
91
96
|
] }),
|
|
92
97
|
/* @__PURE__ */ e(
|
|
93
|
-
|
|
98
|
+
I,
|
|
94
99
|
{
|
|
95
|
-
hasClub:
|
|
96
|
-
isClubClient:
|
|
100
|
+
hasClub: C,
|
|
101
|
+
isClubClient: m,
|
|
97
102
|
unitMultiplier: i.unitMultiplier,
|
|
98
|
-
hasPromotionalPrice:
|
|
103
|
+
hasPromotionalPrice: a,
|
|
99
104
|
measurementUnit: i.measurementUnit,
|
|
100
105
|
skuSpecifications: i.skuSpecifications,
|
|
101
106
|
customOffers: {
|
|
@@ -104,9 +109,9 @@ const q = ({
|
|
|
104
109
|
spotPriceCustom: i.customOffers.spotPriceCustom,
|
|
105
110
|
spotPriceKg: i.customOffers.spotPriceKg
|
|
106
111
|
},
|
|
107
|
-
defaultScListPrice:
|
|
108
|
-
clubPrice:
|
|
109
|
-
hasPlusFriendBadge:
|
|
112
|
+
defaultScListPrice: c,
|
|
113
|
+
clubPrice: P,
|
|
114
|
+
hasPlusFriendBadge: o
|
|
110
115
|
}
|
|
111
116
|
)
|
|
112
117
|
]
|
|
@@ -114,16 +119,16 @@ const q = ({
|
|
|
114
119
|
)
|
|
115
120
|
] }) }),
|
|
116
121
|
/* @__PURE__ */ e(
|
|
117
|
-
|
|
122
|
+
U,
|
|
118
123
|
{
|
|
119
|
-
addToCartAction:
|
|
120
|
-
quantitySelectorAction:
|
|
121
|
-
productInCart:
|
|
124
|
+
addToCartAction: h,
|
|
125
|
+
quantitySelectorAction: v,
|
|
126
|
+
productInCart: S,
|
|
122
127
|
layout: t
|
|
123
128
|
}
|
|
124
129
|
)
|
|
125
130
|
] });
|
|
126
131
|
};
|
|
127
132
|
export {
|
|
128
|
-
|
|
133
|
+
z as ProductCardVertical
|
|
129
134
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ProductCardProps } from '../../types/ProductCard';
|
|
2
2
|
|
|
3
|
-
export declare const ProductCard: ({ product, variant, hasPlusFriendBadge, hasPromotionalPrice, clubPrice, defaultScListPrice, hasClub, isClubClient, openModal, promotion, outOfStock, addToCartAction, quantitySelectorAction, productInCart }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const ProductCard: ({ product, variant, account, hasPlusFriendBadge, hasPromotionalPrice, clubPrice, defaultScListPrice, hasClub, isClubClient, openModal, promotion, outOfStock, addToCartAction, quantitySelectorAction, productInCart }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,61 +1,64 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { ProductCardHorizontal as
|
|
3
|
-
import { ProductCardVertical as
|
|
4
|
-
/* empty css */const
|
|
2
|
+
import { ProductCardHorizontal as t } from "./ProductCardHorizontal/index.js";
|
|
3
|
+
import { ProductCardVertical as v } from "./ProductCardVertical/index.js";
|
|
4
|
+
/* empty css */const G = ({
|
|
5
5
|
product: l,
|
|
6
6
|
variant: r,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
account: C,
|
|
8
|
+
hasPlusFriendBadge: f = !1,
|
|
9
|
+
hasPromotionalPrice: s,
|
|
10
|
+
clubPrice: x,
|
|
11
|
+
defaultScListPrice: V,
|
|
11
12
|
hasClub: m,
|
|
12
|
-
isClubClient:
|
|
13
|
-
openModal:
|
|
14
|
-
promotion:
|
|
15
|
-
outOfStock:
|
|
16
|
-
addToCartAction:
|
|
17
|
-
quantitySelectorAction:
|
|
18
|
-
productInCart:
|
|
13
|
+
isClubClient: g,
|
|
14
|
+
openModal: d,
|
|
15
|
+
promotion: e,
|
|
16
|
+
outOfStock: j,
|
|
17
|
+
addToCartAction: p,
|
|
18
|
+
quantitySelectorAction: z,
|
|
19
|
+
productInCart: H
|
|
19
20
|
}) => {
|
|
20
|
-
const
|
|
21
|
+
const b = !!(m && g);
|
|
21
22
|
return /* @__PURE__ */ i("div", { style: { height: "100%" }, children: r === "vertical" ? /* @__PURE__ */ i(
|
|
22
|
-
|
|
23
|
+
v,
|
|
23
24
|
{
|
|
24
|
-
isClubClient:
|
|
25
|
+
isClubClient: b,
|
|
25
26
|
hasClub: m,
|
|
26
|
-
defaultScListPrice:
|
|
27
|
-
hasPromotionalPrice:
|
|
27
|
+
defaultScListPrice: V,
|
|
28
|
+
hasPromotionalPrice: s,
|
|
28
29
|
product: l,
|
|
29
30
|
variant: r,
|
|
30
|
-
outOfStock:
|
|
31
|
-
promotion:
|
|
32
|
-
clubPrice:
|
|
33
|
-
openModal:
|
|
34
|
-
hasPlusFriendBadge:
|
|
35
|
-
addToCartAction:
|
|
36
|
-
quantitySelectorAction:
|
|
37
|
-
productInCart:
|
|
31
|
+
outOfStock: j,
|
|
32
|
+
promotion: e,
|
|
33
|
+
clubPrice: x,
|
|
34
|
+
openModal: d,
|
|
35
|
+
hasPlusFriendBadge: f,
|
|
36
|
+
addToCartAction: p,
|
|
37
|
+
quantitySelectorAction: z,
|
|
38
|
+
productInCart: H,
|
|
39
|
+
account: C
|
|
38
40
|
}
|
|
39
41
|
) : /* @__PURE__ */ i(
|
|
40
|
-
|
|
42
|
+
t,
|
|
41
43
|
{
|
|
42
|
-
openModal:
|
|
43
|
-
isClubClient:
|
|
44
|
+
openModal: d,
|
|
45
|
+
isClubClient: b,
|
|
44
46
|
hasClub: m,
|
|
45
|
-
defaultScListPrice:
|
|
46
|
-
hasPromotionalPrice:
|
|
47
|
+
defaultScListPrice: V,
|
|
48
|
+
hasPromotionalPrice: s,
|
|
47
49
|
product: l,
|
|
48
50
|
variant: r,
|
|
49
|
-
hasPlusFriendBadge:
|
|
50
|
-
outOfStock:
|
|
51
|
-
promotion:
|
|
52
|
-
clubPrice:
|
|
53
|
-
addToCartAction:
|
|
54
|
-
quantitySelectorAction:
|
|
55
|
-
productInCart:
|
|
51
|
+
hasPlusFriendBadge: f,
|
|
52
|
+
outOfStock: j,
|
|
53
|
+
promotion: e,
|
|
54
|
+
clubPrice: x,
|
|
55
|
+
addToCartAction: p,
|
|
56
|
+
quantitySelectorAction: z,
|
|
57
|
+
productInCart: H,
|
|
58
|
+
account: C
|
|
56
59
|
}
|
|
57
60
|
) });
|
|
58
61
|
};
|
|
59
62
|
export {
|
|
60
|
-
|
|
63
|
+
G as ProductCard
|
|
61
64
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ProductCardSeeMoreProps } from '../../types/ProductCardSeeMore';
|
|
2
2
|
|
|
3
|
-
export declare const ProductCardSeeMore: ({ text, link, taggingEvent, variant, isWhiteBorder
|
|
3
|
+
export declare const ProductCardSeeMore: ({ text, link, taggingEvent, variant, isWhiteBorder }: ProductCardSeeMoreProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,11 +15,17 @@ import { ProductCardSeeMoreHorizontal as t } from "./ProductCardSeeMoreHorizonta
|
|
|
15
15
|
isWhiteBorder: a
|
|
16
16
|
}
|
|
17
17
|
) : /* @__PURE__ */ d("div", { className: "product-card-see-more", children: [
|
|
18
|
-
/* @__PURE__ */ r(
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
/* @__PURE__ */ r(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
className: `product-card-see-more-text-container ${a ? "border-color-white" : ""}`,
|
|
22
|
+
children: /* @__PURE__ */ d("p", { className: "product-card-see-more-text", children: [
|
|
23
|
+
"Veja mais ",
|
|
24
|
+
/* @__PURE__ */ r("br", {}),
|
|
25
|
+
/* @__PURE__ */ r("span", { children: e })
|
|
26
|
+
] })
|
|
27
|
+
}
|
|
28
|
+
),
|
|
23
29
|
/* @__PURE__ */ r(
|
|
24
30
|
"a",
|
|
25
31
|
{
|
|
@@ -5,11 +5,17 @@ const d = ({
|
|
|
5
5
|
taggingEvent: c,
|
|
6
6
|
isWhiteBorder: i
|
|
7
7
|
}) => /* @__PURE__ */ e("div", { className: "product-card-see-more-horizontal", children: [
|
|
8
|
-
/* @__PURE__ */ r(
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
/* @__PURE__ */ r(
|
|
9
|
+
"div",
|
|
10
|
+
{
|
|
11
|
+
className: `product-card-see-more-horizontal-container ${i ? "border-color-white" : ""}`,
|
|
12
|
+
children: /* @__PURE__ */ e("p", { className: "product-card-see-more-text-horizontal", children: [
|
|
13
|
+
"Veja mais ",
|
|
14
|
+
/* @__PURE__ */ r("br", {}),
|
|
15
|
+
/* @__PURE__ */ r("span", { children: a })
|
|
16
|
+
] })
|
|
17
|
+
}
|
|
18
|
+
),
|
|
13
19
|
/* @__PURE__ */ r(
|
|
14
20
|
"a",
|
|
15
21
|
{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export interface ProductCardProps {
|
|
2
|
+
account: string;
|
|
2
3
|
product: ProductsQueryResponse['node'];
|
|
3
4
|
variant: 'horizontal' | 'vertical';
|
|
4
5
|
hasPromotionalPrice?: {
|
|
@@ -116,6 +117,7 @@ export interface ClusterHighlights {
|
|
|
116
117
|
name: string;
|
|
117
118
|
}
|
|
118
119
|
export interface ProductCardUnavailableProps {
|
|
120
|
+
account: string;
|
|
119
121
|
image: {
|
|
120
122
|
url: string;
|
|
121
123
|
alternateName: string;
|
package/package.json
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@plurix/ecom-components",
|
|
3
|
-
"author": "Plurix",
|
|
4
|
-
"private": false,
|
|
5
|
-
"version": "1.16.
|
|
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.16.4-commerce",
|
|
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
|
+
}
|