@lanaco/lnc-react-ui 4.0.156 → 4.0.157
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/BlogCardsSponsoredSection.cjs +1 -1
- package/dist/BlogCardsSponsoredSection.js +1 -1
- package/dist/BlogListSection.cjs +1 -1
- package/dist/BlogListSection.js +1 -1
- package/dist/BlogsSectionDetailed.cjs +1 -1
- package/dist/BlogsSectionDetailed.js +1 -1
- package/dist/BlogsSectionSimple.cjs +1 -1
- package/dist/BlogsSectionSimple.js +1 -1
- package/dist/BlogsSectionWithFilters.cjs +1 -1
- package/dist/BlogsSectionWithFilters.js +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +7 -2
- package/dist/DetailedProductsInfinitiveSection.js +60 -50
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +2 -2
- package/dist/GiftCardsSection.cjs +1 -1
- package/dist/GiftCardsSection.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +1 -1
- package/dist/ProductsWithBannerSection.js +1 -1
- package/dist/SalesCampaignsSection.cjs +1 -1
- package/dist/SalesCampaignsSection.js +63 -60
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +1 -1
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{style-DFPWLJBr.js → style-BLuyU97E.js} +4 -0
- package/dist/{style-CyHewQxg.cjs → style-lSjkOR95.cjs} +6 -2
- package/dist/{suspense-product-card-detailed-YJVsf2-a.js → suspense-product-card-detailed-BWoxabjZ.js} +162 -136
- package/dist/suspense-product-card-detailed-DYyH_jf5.cjs +300 -0
- package/package.json +1 -1
- package/dist/suspense-product-card-detailed-mCJwteOy.cjs +0 -265
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-lSjkOR95.cjs"),N=require("./index-BueKsXT8.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-CFmcSzX-.cjs"),S=require("./Button.cjs"),z=b.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
padding: 1rem;
|
|
4
4
|
align-items: center;
|
|
@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as b, memo as S, useMemo as k } from "react";
|
|
3
3
|
import { p as v, s as $, v as j, w as u, k as I } from "./utils-BdsZgOUE.js";
|
|
4
4
|
import w from "./Icon.js";
|
|
5
|
-
import { B as R } from "./style-
|
|
5
|
+
import { B as R } from "./style-BLuyU97E.js";
|
|
6
6
|
import { P as L } from "./index-CF3HhgvN.js";
|
|
7
7
|
import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
8
8
|
import { M as N } from "./consts-BuFChS64.js";
|
package/dist/BlogListSection.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-lSjkOR95.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CFmcSzX-.cjs"),$=v.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
padding: 1rem;
|
|
4
4
|
align-items: center;
|
package/dist/BlogListSection.js
CHANGED
|
@@ -4,7 +4,7 @@ import y from "./Icon.js";
|
|
|
4
4
|
import v from "./IconButton.js";
|
|
5
5
|
import { p as z, s as L, v as P, w as k, l as T } from "./utils-BdsZgOUE.js";
|
|
6
6
|
import { P as O } from "./index-CF3HhgvN.js";
|
|
7
|
-
import { B as S } from "./style-
|
|
7
|
+
import { B as S } from "./style-BLuyU97E.js";
|
|
8
8
|
import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
9
9
|
import { M as E } from "./consts-BuFChS64.js";
|
|
10
10
|
import { S as M } from "./suspense-large-BMO7JH52.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-Dl9xPH4c.cjs"),v=require("./style-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-Dl9xPH4c.cjs"),v=require("./style-lSjkOR95.cjs"),T=require("./Button.cjs"),O=require("./index-BueKsXT8.cjs"),A=w.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${i=>`repeat(${i.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -4,7 +4,7 @@ import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
|
4
4
|
import { M as T } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import { o as k, p as P, v as z, s as M, w as C, k as w } from "./utils-BdsZgOUE.js";
|
|
7
|
-
import { B as I, R as U } from "./style-
|
|
7
|
+
import { B as I, R as U } from "./style-BLuyU97E.js";
|
|
8
8
|
import W from "./Button.js";
|
|
9
9
|
import { P as j } from "./index-CF3HhgvN.js";
|
|
10
10
|
const E = y.div`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-Dl9xPH4c.cjs"),S=require("./style-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-Dl9xPH4c.cjs"),S=require("./style-lSjkOR95.cjs"),R=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-BueKsXT8.cjs"),T=h.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${t=>`repeat(${t.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -4,7 +4,7 @@ import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
|
4
4
|
import { M as k } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import { o as z, p as I, k as b } from "./utils-BdsZgOUE.js";
|
|
7
|
-
import { B as U, R as W } from "./style-
|
|
7
|
+
import { B as U, R as W } from "./style-BLuyU97E.js";
|
|
8
8
|
import j from "./Button.js";
|
|
9
9
|
import A from "./Link.js";
|
|
10
10
|
import { P as E } from "./index-CF3HhgvN.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-Dl9xPH4c.cjs"),M=require("./style-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-Dl9xPH4c.cjs"),M=require("./style-lSjkOR95.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-BueKsXT8.cjs"),I=require("./index-D0xXo7W6.cjs"),P=p.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${i=>`repeat(${i.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -4,7 +4,7 @@ import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
|
4
4
|
import { M as C } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
6
|
import { o as u, p as j, k as S } from "./utils-BdsZgOUE.js";
|
|
7
|
-
import { T as E } from "./style-
|
|
7
|
+
import { T as E } from "./style-BLuyU97E.js";
|
|
8
8
|
import F from "./Button.js";
|
|
9
9
|
import L from "./Link.js";
|
|
10
10
|
import { P as U } from "./index-CF3HhgvN.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),s=require("react"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=require("./consts-goSZX3xP.cjs"),D=require("./IconButton.cjs"),M=require("./Button.cjs"),r=require("./utils-Dl9xPH4c.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),I=N.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 1.5rem;
|
|
@@ -14,6 +14,11 @@
|
|
|
14
14
|
font-size: 1.5rem;
|
|
15
15
|
line-height: 2rem;
|
|
16
16
|
letter-spacing: -0.0294rem;
|
|
17
|
+
|
|
18
|
+
& i {
|
|
19
|
+
font-size: 1.5rem;
|
|
20
|
+
color: var(--primary-500, #f59e0b);
|
|
21
|
+
}
|
|
17
22
|
}
|
|
18
23
|
|
|
19
24
|
& .section__items {
|
|
@@ -63,4 +68,4 @@
|
|
|
63
68
|
}
|
|
64
69
|
}
|
|
65
70
|
}
|
|
66
|
-
`,
|
|
71
|
+
`,E=s.memo(g.DetailedProductCard),L=s.forwardRef((n,p)=>{const{title:a,icon:l,items:i,limit:c=4,isLoading:d=!1,onSelectCard:f=()=>{},onLoadMore:b=()=>{},onButtonAction:w=()=>{},getImage:_=()=>{},viewAllbuttonLink:m,viewAllButonText:y="View all",negotiableText:h,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:S=()=>{},bookmarkComponent:j}=n,u=B.useDetectMobile(),q=s.useMemo(()=>i==null?void 0:i.map((e,o)=>t.jsx(E,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>f({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:_(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:h,freeText:k,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:S,bookmarkComponent:j,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o)),[i]);return t.jsxs(I,{ref:p,limit:c,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(a)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l})," ",a]}),u&&r.isDefinedNotEmptyString(m)&&t.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),w(m)},borderRadius:"curved",className:"section__view-all",children:y})]}),t.jsx("div",{className:"section__items",children:t.jsx(g.SuspenseDetailedProductCard,{isLoading:d,limit:c,keyPrefix:"explore-landing",children:q})}),!u&&!d&&t.jsx(D,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=L;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import { memo as P, forwardRef as M, useMemo as
|
|
3
|
-
import { s as
|
|
4
|
-
import { M as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { k as
|
|
8
|
-
import { u as
|
|
9
|
-
import { D as
|
|
10
|
-
const
|
|
1
|
+
import { jsx as o, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { memo as P, forwardRef as M, useMemo as B } from "react";
|
|
3
|
+
import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
+
import { M as I } from "./consts-BuFChS64.js";
|
|
5
|
+
import L from "./IconButton.js";
|
|
6
|
+
import T from "./Button.js";
|
|
7
|
+
import { k as a } from "./utils-BdsZgOUE.js";
|
|
8
|
+
import { u as z } from "./useDetectMobile-Bkvj0VMa.js";
|
|
9
|
+
import { D as E, S as U } from "./suspense-product-card-detailed-BWoxabjZ.js";
|
|
10
|
+
const $ = D.div`
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
gap: 1.5rem;
|
|
@@ -23,6 +23,11 @@ const U = B.div`
|
|
|
23
23
|
font-size: 1.5rem;
|
|
24
24
|
line-height: 2rem;
|
|
25
25
|
letter-spacing: -0.0294rem;
|
|
26
|
+
|
|
27
|
+
& i {
|
|
28
|
+
font-size: 1.5rem;
|
|
29
|
+
color: var(--primary-500, #f59e0b);
|
|
30
|
+
}
|
|
26
31
|
}
|
|
27
32
|
|
|
28
33
|
& .section__items {
|
|
@@ -51,7 +56,7 @@ const U = B.div`
|
|
|
51
56
|
white-space: nowrap;
|
|
52
57
|
}
|
|
53
58
|
|
|
54
|
-
@media (max-width: ${
|
|
59
|
+
@media (max-width: ${I + "px"}) {
|
|
55
60
|
& .section__items {
|
|
56
61
|
display: flex;
|
|
57
62
|
gap: 1rem;
|
|
@@ -72,31 +77,32 @@ const U = B.div`
|
|
|
72
77
|
}
|
|
73
78
|
}
|
|
74
79
|
}
|
|
75
|
-
`,
|
|
80
|
+
`, j = P(E), H = M((r, p) => {
|
|
76
81
|
const {
|
|
77
|
-
title:
|
|
82
|
+
title: l,
|
|
83
|
+
icon: s,
|
|
78
84
|
items: i,
|
|
79
|
-
limit:
|
|
80
|
-
isLoading:
|
|
81
|
-
onSelectCard:
|
|
85
|
+
limit: c = 4,
|
|
86
|
+
isLoading: m = !1,
|
|
87
|
+
onSelectCard: g = () => {
|
|
82
88
|
},
|
|
83
|
-
onLoadMore:
|
|
89
|
+
onLoadMore: f = () => {
|
|
84
90
|
},
|
|
85
|
-
onButtonAction:
|
|
91
|
+
onButtonAction: b = () => {
|
|
86
92
|
},
|
|
87
|
-
getImage:
|
|
93
|
+
getImage: w = () => {
|
|
88
94
|
},
|
|
89
|
-
viewAllbuttonLink:
|
|
90
|
-
viewAllButonText:
|
|
91
|
-
negotiableText:
|
|
92
|
-
freeText:
|
|
95
|
+
viewAllbuttonLink: d,
|
|
96
|
+
viewAllButonText: _ = "View all",
|
|
97
|
+
negotiableText: h,
|
|
98
|
+
freeText: y,
|
|
93
99
|
loadMoreButtonIcon: k = "angle-down",
|
|
94
|
-
sponsoredText:
|
|
95
|
-
onBookmark:
|
|
100
|
+
sponsoredText: v,
|
|
101
|
+
onBookmark: C = () => {
|
|
96
102
|
},
|
|
97
|
-
bookmarkComponent:
|
|
98
|
-
} = r,
|
|
99
|
-
|
|
103
|
+
bookmarkComponent: S
|
|
104
|
+
} = r, u = z(), N = B(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
|
|
105
|
+
j,
|
|
100
106
|
{
|
|
101
107
|
name: e == null ? void 0 : e.name,
|
|
102
108
|
price: e == null ? void 0 : e.price,
|
|
@@ -107,66 +113,70 @@ const U = B.div`
|
|
|
107
113
|
uuid: e == null ? void 0 : e.uuid,
|
|
108
114
|
sponsored: e == null ? void 0 : e.sponsored,
|
|
109
115
|
imageComponent: e == null ? void 0 : e.imageComponent,
|
|
110
|
-
onSelectCard: () =>
|
|
111
|
-
imageUrl:
|
|
116
|
+
onSelectCard: () => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
|
|
117
|
+
imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
|
|
112
118
|
isFree: e == null ? void 0 : e.isFree,
|
|
113
119
|
isNegotiable: e == null ? void 0 : e.isNegotiable,
|
|
114
|
-
negotiableText:
|
|
115
|
-
freeText:
|
|
120
|
+
negotiableText: h,
|
|
121
|
+
freeText: y,
|
|
116
122
|
tags: e == null ? void 0 : e.tags,
|
|
117
123
|
categoryCode: e == null ? void 0 : e.categoryCode,
|
|
118
124
|
condition: e == null ? void 0 : e.condition,
|
|
119
125
|
quantity: e == null ? void 0 : e.quantity,
|
|
120
126
|
trade: e == null ? void 0 : e.trade,
|
|
121
|
-
sponsoredText:
|
|
122
|
-
onBookmark:
|
|
123
|
-
bookmarkComponent:
|
|
127
|
+
sponsoredText: v,
|
|
128
|
+
onBookmark: C,
|
|
129
|
+
bookmarkComponent: S,
|
|
124
130
|
bookmarked: e == null ? void 0 : e.bookmarked,
|
|
125
131
|
bookmarkLists: e == null ? void 0 : e.bookmarkLists
|
|
126
132
|
},
|
|
127
133
|
t
|
|
128
134
|
)), [i]);
|
|
129
|
-
return /* @__PURE__ */
|
|
130
|
-
/* @__PURE__ */
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
135
|
+
return /* @__PURE__ */ n($, { ref: p, limit: c, children: [
|
|
136
|
+
/* @__PURE__ */ n("div", { className: "section__heading", children: [
|
|
137
|
+
a(l) && /* @__PURE__ */ n("div", { className: "section__title", children: [
|
|
138
|
+
a(s) && /* @__PURE__ */ o("i", { className: s }),
|
|
139
|
+
" ",
|
|
140
|
+
l
|
|
141
|
+
] }),
|
|
142
|
+
u && a(d) && /* @__PURE__ */ o(
|
|
143
|
+
T,
|
|
134
144
|
{
|
|
135
145
|
type: "button",
|
|
136
146
|
btnType: "tinted",
|
|
137
147
|
color: "neutral",
|
|
138
148
|
onClick: (e) => {
|
|
139
149
|
var t;
|
|
140
|
-
(t = e == null ? void 0 : e.target) == null || t.blur(),
|
|
150
|
+
(t = e == null ? void 0 : e.target) == null || t.blur(), b(d);
|
|
141
151
|
},
|
|
142
152
|
borderRadius: "curved",
|
|
143
153
|
className: "section__view-all",
|
|
144
|
-
children:
|
|
154
|
+
children: _
|
|
145
155
|
}
|
|
146
156
|
)
|
|
147
157
|
] }),
|
|
148
158
|
/* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
|
|
149
|
-
|
|
159
|
+
U,
|
|
150
160
|
{
|
|
151
|
-
isLoading:
|
|
152
|
-
limit:
|
|
161
|
+
isLoading: m,
|
|
162
|
+
limit: c,
|
|
153
163
|
keyPrefix: "explore-landing",
|
|
154
|
-
children:
|
|
164
|
+
children: N
|
|
155
165
|
}
|
|
156
166
|
) }),
|
|
157
|
-
!
|
|
158
|
-
|
|
167
|
+
!u && !m && /* @__PURE__ */ o(
|
|
168
|
+
L,
|
|
159
169
|
{
|
|
160
170
|
icon: k,
|
|
161
171
|
borderRadius: "curved",
|
|
162
172
|
btnType: "basic",
|
|
163
173
|
color: "neutral",
|
|
164
174
|
className: "section__show-more",
|
|
165
|
-
onClick:
|
|
175
|
+
onClick: f
|
|
166
176
|
}
|
|
167
177
|
)
|
|
168
178
|
] });
|
|
169
179
|
});
|
|
170
180
|
export {
|
|
171
|
-
|
|
181
|
+
H as default
|
|
172
182
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-lSjkOR95.cjs"),f=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
|
@@ -5,8 +5,8 @@ import { M as q } from "./consts-BuFChS64.js";
|
|
|
5
5
|
import E from "./Button.js";
|
|
6
6
|
import { k as S } from "./utils-BdsZgOUE.js";
|
|
7
7
|
import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
|
|
8
|
-
import { T as O } from "./style-
|
|
9
|
-
import { D as R, S as W } from "./suspense-product-card-detailed-
|
|
8
|
+
import { T as O } from "./style-BLuyU97E.js";
|
|
9
|
+
import { D as R, S as W } from "./suspense-product-card-detailed-BWoxabjZ.js";
|
|
10
10
|
import { S as $ } from "./index-Dweo-G3H.js";
|
|
11
11
|
const j = B.div`
|
|
12
12
|
display: grid;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-lSjkOR95.cjs"),o=require("./utils-Dl9xPH4c.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
package/dist/GiftCardsSection.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as n, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as h } from "react";
|
|
3
3
|
import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
|
|
4
|
-
import { R as k } from "./style-
|
|
4
|
+
import { R as k } from "./style-BLuyU97E.js";
|
|
5
5
|
import { o as b, q as G, G as S, k as u } from "./utils-BdsZgOUE.js";
|
|
6
6
|
import N from "./Button.js";
|
|
7
7
|
import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),o=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),o=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-lSjkOR95.cjs"),d=require("./utils-Dl9xPH4c.cjs"),y=require("./index-BueKsXT8.cjs"),C=u.styled.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
height: 22.5rem;
|
|
4
4
|
min-height: 22.5rem;
|
|
@@ -3,7 +3,7 @@ import { forwardRef as u, Suspense as P, memo as y, useMemo as N } from "react";
|
|
|
3
3
|
import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as g } from "./consts-BuFChS64.js";
|
|
5
5
|
import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
|
|
6
|
-
import { R as U } from "./style-
|
|
6
|
+
import { R as U } from "./style-BLuyU97E.js";
|
|
7
7
|
import { p as I, o as w, l as M, k as W } from "./utils-BdsZgOUE.js";
|
|
8
8
|
import { P as j } from "./index-CF3HhgvN.js";
|
|
9
9
|
const E = p.div`
|
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
/* Safari and Chrome */
|
|
423
423
|
}
|
|
424
424
|
}
|
|
425
|
-
`,de=d.forwardRef(({icon:e,title:n,numOfSlides:s=2,showNavigation:o=!0,children:l},u)=>{const[i,m]=d.useState(0),[c,y]=d.useState(1),[P,I]=d.useState(null),[_,C]=d.useState(null),w=ie.useDetectMobile(),b=(l==null?void 0:l.length)??1;d.useEffect(()=>{const g=()=>{y(s)};return window.addEventListener("resize",g),g(),()=>window.removeEventListener("resize",g)},[]);const v=w?l:l==null?void 0:l.slice(i,i+c),k=g=>{var h;(h=g==null?void 0:g.target)==null||h.blur(),i+c<b&&m(i+c)},T=g=>{var h;(h=g==null?void 0:g.target)==null||h.blur(),i-c>=0&&m(i-c)};return t.jsxs(ze,{ref:u,children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[x.isDefinedNotEmptyString(e)&&t.jsx(oe,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),x.isDefinedNotEmptyString(n)&&t.
|
|
425
|
+
`,de=d.forwardRef(({icon:e,title:n,numOfSlides:s=2,showNavigation:o=!0,children:l},u)=>{const[i,m]=d.useState(0),[c,y]=d.useState(1),[P,I]=d.useState(null),[_,C]=d.useState(null),w=ie.useDetectMobile(),b=(l==null?void 0:l.length)??1;d.useEffect(()=>{const g=()=>{y(s)};return window.addEventListener("resize",g),g(),()=>window.removeEventListener("resize",g)},[]);const v=w?l:l==null?void 0:l.slice(i,i+c),k=g=>{var h;(h=g==null?void 0:g.target)==null||h.blur(),i+c<b&&m(i+c)},T=g=>{var h;(h=g==null?void 0:g.target)==null||h.blur(),i-c>=0&&m(i-c)};return t.jsxs(ze,{ref:u,children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[x.isDefinedNotEmptyString(e)&&t.jsx(oe,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),x.isDefinedNotEmptyString(n)&&t.jsxs("div",{className:"title__text",children:[" ",n]})]})}),t.jsx(Le,{numOfColumns:s,...!w&&{animate:{x:0,opacity:1},initial:{x:10,opacity:0}},children:v},`scrollable-section__content-${i}`),o&&b>c&&!w&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(ee,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i===0,onClick:T}),t.jsx(ee,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i+c>=b,onClick:k})]})]})});de.propTypes={icon:a.PropTypes.string,title:a.PropTypes.string,numOfSlides:a.PropTypes.number,numOfSlidesForMobile:a.PropTypes.number,showNavigation:a.PropTypes.bool};const Re=p.styled.div`
|
|
426
426
|
display: flex;
|
|
427
427
|
flex: 1;
|
|
428
428
|
width: 100%;
|