@lanaco/lnc-react-ui 4.0.157 → 4.0.160

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.
Files changed (63) hide show
  1. package/dist/BlogCardsSponsoredSection.cjs +8 -8
  2. package/dist/BlogCardsSponsoredSection.js +105 -89
  3. package/dist/BlogExploreSection.cjs +5 -5
  4. package/dist/BlogExploreSection.js +88 -84
  5. package/dist/BlogListSection.cjs +5 -5
  6. package/dist/BlogListSection.js +139 -126
  7. package/dist/BlogProductCardsSection.cjs +1 -1
  8. package/dist/BlogProductCardsSection.js +37 -35
  9. package/dist/BlogShopCardsSection.cjs +1 -1
  10. package/dist/BlogShopCardsSection.js +43 -41
  11. package/dist/BlogSingleSection.cjs +1 -1
  12. package/dist/BlogSingleSection.js +9 -4
  13. package/dist/BlogsSectionDetailed.cjs +11 -11
  14. package/dist/BlogsSectionDetailed.js +122 -108
  15. package/dist/BlogsSectionLarge.cjs +4 -4
  16. package/dist/BlogsSectionLarge.js +43 -40
  17. package/dist/BlogsSectionSimple.cjs +8 -8
  18. package/dist/BlogsSectionSimple.js +100 -86
  19. package/dist/BlogsSectionSimpleCentered.cjs +9 -9
  20. package/dist/BlogsSectionSimpleCentered.js +81 -66
  21. package/dist/BlogsSectionWithFilters.cjs +11 -11
  22. package/dist/BlogsSectionWithFilters.js +108 -93
  23. package/dist/{CustomStyles-Ajyqx0cb.cjs → CustomStyles-BwHfr4iM.cjs} +1 -1
  24. package/dist/{CustomStyles-DVcu00ul.js → CustomStyles-iconSXFL.js} +0 -1
  25. package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
  26. package/dist/DetailedProductsInfinitiveSection.js +29 -27
  27. package/dist/DetailedProductsSection.cjs +3 -3
  28. package/dist/DetailedProductsSection.js +76 -65
  29. package/dist/Dropdown.cjs +1 -1
  30. package/dist/Dropdown.js +2 -2
  31. package/dist/DropdownLookup.cjs +1 -1
  32. package/dist/DropdownLookup.js +1 -1
  33. package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +1 -1
  34. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +1 -1
  35. package/dist/MultiSelectDropdown.cjs +1 -1
  36. package/dist/MultiSelectDropdown.js +1 -1
  37. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  38. package/dist/MultiSelectDropdownLookup.js +1 -1
  39. package/dist/ProductsWithBannerSection.cjs +10 -10
  40. package/dist/ProductsWithBannerSection.js +81 -59
  41. package/dist/SalesCampaignsSection.cjs +27 -27
  42. package/dist/SalesCampaignsSection.js +245 -239
  43. package/dist/ShopCardsSection.cjs +3 -3
  44. package/dist/ShopCardsSection.js +27 -25
  45. package/dist/SimpleProductsSection.cjs +3 -3
  46. package/dist/SimpleProductsSection.js +62 -51
  47. package/dist/UrgentSaleProductsSection.cjs +6 -6
  48. package/dist/UrgentSaleProductsSection.js +67 -56
  49. package/dist/index-1Dm1i6WK.js +52 -0
  50. package/dist/index-BGTtoLxz.cjs +1 -0
  51. package/dist/{index-CLoINIGC.cjs → index-DicTpiG0.cjs} +5 -5
  52. package/dist/{index-BGY3PSA-.js → index-y6sKgrZC.js} +45 -34
  53. package/dist/index.cjs +1 -1
  54. package/dist/index.js +1 -1
  55. package/dist/{skeleton-BWFqIToC.js → skeleton-5mO22c5S.js} +94 -84
  56. package/dist/{skeleton-CanJ6Gr6.cjs → skeleton-Ccd6EDeB.cjs} +8 -8
  57. package/dist/{suspense-product-card-detailed-BWoxabjZ.js → suspense-product-card-detailed-BZtObEfA.js} +126 -123
  58. package/dist/{suspense-product-card-detailed-DYyH_jf5.cjs → suspense-product-card-detailed-D-pjVe22.cjs} +7 -7
  59. package/dist/{suspense-product-card-simple-CrqjSxHI.cjs → suspense-product-card-simple-DJ8UYolb.cjs} +1 -1
  60. package/dist/{suspense-product-card-simple-CLJjab5B.js → suspense-product-card-simple-ziy0XcLp.js} +1 -1
  61. package/package.json +1 -1
  62. package/dist/index-Cm0f72Po.cjs +0 -1
  63. package/dist/index-DGp7FHms.js +0 -42
@@ -1,13 +1,13 @@
1
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";
2
+ import { memo as B, forwardRef as D, useMemo as I } from "react";
3
+ import { s as L } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { M as T } from "./consts-BuFChS64.js";
5
+ import z from "./IconButton.js";
6
+ import E from "./Button.js";
7
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`
8
+ import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
9
+ import { D as $, S as j } from "./suspense-product-card-detailed-BZtObEfA.js";
10
+ const A = L.div`
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  gap: 1.5rem;
@@ -56,7 +56,7 @@ const $ = D.div`
56
56
  white-space: nowrap;
57
57
  }
58
58
 
59
- @media (max-width: ${I + "px"}) {
59
+ @media (max-width: ${T + "px"}) {
60
60
  & .section__items {
61
61
  display: flex;
62
62
  gap: 1rem;
@@ -77,10 +77,10 @@ const $ = D.div`
77
77
  }
78
78
  }
79
79
  }
80
- `, j = P(E), H = M((r, p) => {
80
+ `, F = B($), Q = D((r, p) => {
81
81
  const {
82
- title: l,
83
- icon: s,
82
+ title: s,
83
+ icon: l,
84
84
  items: i,
85
85
  limit: c = 4,
86
86
  isLoading: m = !1,
@@ -100,9 +100,10 @@ const $ = D.div`
100
100
  sponsoredText: v,
101
101
  onBookmark: C = () => {
102
102
  },
103
- bookmarkComponent: S
104
- } = r, u = z(), N = B(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
105
- j,
103
+ bookmarkComponent: N,
104
+ componentName: S
105
+ } = r, u = U(), P = I(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
106
+ F,
106
107
  {
107
108
  name: e == null ? void 0 : e.name,
108
109
  price: e == null ? void 0 : e.price,
@@ -113,7 +114,7 @@ const $ = D.div`
113
114
  uuid: e == null ? void 0 : e.uuid,
114
115
  sponsored: e == null ? void 0 : e.sponsored,
115
116
  imageComponent: e == null ? void 0 : e.imageComponent,
116
- onSelectCard: () => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
117
+ onSelectCard: (R, M) => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
117
118
  imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
118
119
  isFree: e == null ? void 0 : e.isFree,
119
120
  isNegotiable: e == null ? void 0 : e.isNegotiable,
@@ -126,21 +127,22 @@ const $ = D.div`
126
127
  trade: e == null ? void 0 : e.trade,
127
128
  sponsoredText: v,
128
129
  onBookmark: C,
129
- bookmarkComponent: S,
130
+ bookmarkComponent: N,
130
131
  bookmarked: e == null ? void 0 : e.bookmarked,
131
- bookmarkLists: e == null ? void 0 : e.bookmarkLists
132
+ bookmarkLists: e == null ? void 0 : e.bookmarkLists,
133
+ metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
132
134
  },
133
135
  t
134
136
  )), [i]);
135
- return /* @__PURE__ */ n($, { ref: p, limit: c, children: [
137
+ return /* @__PURE__ */ n(A, { ref: p, limit: c, children: [
136
138
  /* @__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
+ a(s) && /* @__PURE__ */ n("div", { className: "section__title", children: [
140
+ a(l) && /* @__PURE__ */ o("i", { className: l }),
139
141
  " ",
140
- l
142
+ s
141
143
  ] }),
142
144
  u && a(d) && /* @__PURE__ */ o(
143
- T,
145
+ E,
144
146
  {
145
147
  type: "button",
146
148
  btnType: "tinted",
@@ -156,16 +158,16 @@ const $ = D.div`
156
158
  )
157
159
  ] }),
158
160
  /* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
159
- U,
161
+ j,
160
162
  {
161
163
  isLoading: m,
162
164
  limit: c,
163
165
  keyPrefix: "explore-landing",
164
- children: N
166
+ children: P
165
167
  }
166
168
  ) }),
167
169
  !u && !m && /* @__PURE__ */ o(
168
- L,
170
+ z,
169
171
  {
170
172
  icon: k,
171
173
  borderRadius: "curved",
@@ -178,5 +180,5 @@ const $ = D.div`
178
180
  ] });
179
181
  });
180
182
  export {
181
- H as default
183
+ Q as default
182
184
  };
@@ -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-lSjkOR95.cjs"),f=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
1
+ "use strict";const o=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),f=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-lSjkOR95.cjs"),j=require("./suspense-product-card-detailed-D-pjVe22.cjs"),I=require("./index-D0xXo7W6.cjs"),_=T.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
@@ -7,7 +7,7 @@
7
7
  white-space: nowrap;
8
8
  }
9
9
 
10
- @media (max-width: ${L.MOBILE_SIZE_PX+"px"}) {
10
+ @media (max-width: ${F.MOBILE_SIZE_PX+"px"}) {
11
11
  display: flex;
12
12
  gap: 1rem;
13
13
  overflow-x: auto;
@@ -26,4 +26,4 @@
26
26
  /* Safari and Chrome */
27
27
  }
28
28
  }
29
- `,h=s.memo(f.DetailedProductCard),R=s.forwardRef((a,q)=>{const{icon:l,title:j,buttonLink:d,items:t,buttonText:w,limit:r=4,onSelectCard:c=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:v="All",sponsoredText:b,onBookmark:k=()=>{},bookmarkComponent:y}=a,C=T.useDetectMobile(),D=s.useMemo(()=>i.jsx(i.Fragment,{children:C===!0?t==null?void 0:t.map((e,o)=>i.jsx(h,{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:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(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:m,freeText:g,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:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o)):t==null?void 0:t.slice(0,r).map((e,o)=>i.jsx(h,{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,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(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:m,freeText:g,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:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o))}),[t,C,r]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:q,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[S.isDefinedNotEmptyString(l)&&i.jsx("i",{className:l}),i.jsx("span",{children:j})]}),S.isDefinedNotEmptyString(d)&&i.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),P(d)},borderRadius:"curved",className:"button-link",children:w})]}),(n==null?void 0:n.length)>0&&i.jsx(B.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),i.jsx(E,{limit:r,children:i.jsx(f.SuspenseDetailedProductCard,{isLoading:N,limit:r,keyPrefix:"explore-landing",children:D})})]})});module.exports=R;
29
+ `,q=l.memo(j.DetailedProductCard),O=l.forwardRef((a,w)=>{const{icon:c,title:N,buttonLink:d,items:t,buttonText:P,limit:i=4,onSelectCard:u=()=>{},onButtonAction:v=()=>{},isLoading:D=!1,getImage:m=()=>{},negotiableText:g,freeText:p,options:n,onSelectOption:b=()=>{},productsToolbarName:U="All",sponsoredText:k,onBookmark:y=()=>{},bookmarkComponent:C,componentName:S}=a,h=E.useDetectMobile(),L=l.useMemo(()=>o.jsx(o.Fragment,{children:h===!0?t==null?void 0:t.map((e,r)=>o.jsx(q,{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:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},r)):t==null?void 0:t.slice(0,i).map((e,r)=>o.jsx(q,{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,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(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:g,freeText:p,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:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},r))}),[t,h,i]);return o.jsxs(R.TitleWithOptionsSectionWrapper,{ref:w,children:[o.jsxs("div",{className:"regular-title",children:[o.jsxs("div",{className:"regular-title-text",children:[f.isDefinedNotEmptyString(c)&&o.jsx("i",{className:c}),o.jsx("span",{children:N})]}),f.isDefinedNotEmptyString(d)&&o.jsx(B,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),v(d)},borderRadius:"curved",className:"button-link",children:P})]}),(n==null?void 0:n.length)>0&&o.jsx(I.SelectBar,{items:n,onRemove:e=>{b(e)},onSelect:e=>{b(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),o.jsx(_,{limit:i,children:o.jsx(j.SuspenseDetailedProductCard,{isLoading:D,limit:i,keyPrefix:"explore-landing",children:L})})]})});module.exports=O;
@@ -1,14 +1,14 @@
1
- import { jsx as o, Fragment as L, jsxs as l } from "react/jsx-runtime";
2
- import { memo as M, forwardRef as D, useMemo as F } from "react";
3
- import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { M as q } from "./consts-BuFChS64.js";
5
- import E from "./Button.js";
6
- import { k as S } from "./utils-BdsZgOUE.js";
7
- import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
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
- import { S as $ } from "./index-Dweo-G3H.js";
11
- const j = B.div`
1
+ import { jsx as o, Fragment as F, jsxs as s } from "react/jsx-runtime";
2
+ import { memo as B, forwardRef as q, useMemo as E } from "react";
3
+ import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { M as O } from "./consts-BuFChS64.js";
5
+ import R from "./Button.js";
6
+ import { k as h } from "./utils-BdsZgOUE.js";
7
+ import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
8
+ import { T as $ } from "./style-BLuyU97E.js";
9
+ import { D as j, S as z } from "./suspense-product-card-detailed-BZtObEfA.js";
10
+ import { S as A } from "./index-Dweo-G3H.js";
11
+ const K = I.div`
12
12
  display: grid;
13
13
  grid-template-columns: ${(n) => `repeat(${n.limit}, minmax(0, 1fr))`};
14
14
  gap: 1.25rem;
@@ -17,7 +17,7 @@ const j = B.div`
17
17
  white-space: nowrap;
18
18
  }
19
19
 
20
- @media (max-width: ${q + "px"}) {
20
+ @media (max-width: ${O + "px"}) {
21
21
  display: flex;
22
22
  gap: 1rem;
23
23
  overflow-x: auto;
@@ -36,33 +36,34 @@ const j = B.div`
36
36
  /* Safari and Chrome */
37
37
  }
38
38
  }
39
- `, C = M(R), V = D((n, h) => {
39
+ `, w = B(j), ee = q((n, N) => {
40
40
  const {
41
- icon: s,
42
- title: w,
41
+ icon: m,
42
+ title: P,
43
43
  buttonLink: d,
44
44
  items: r,
45
- buttonText: P,
45
+ buttonText: v,
46
46
  limit: t = 4,
47
- onSelectCard: m = () => {
47
+ onSelectCard: c = () => {
48
48
  },
49
- onButtonAction: N = () => {
49
+ onButtonAction: T = () => {
50
50
  },
51
- isLoading: v = !1,
52
- getImage: c = () => {
51
+ isLoading: U = !1,
52
+ getImage: u = () => {
53
53
  },
54
- negotiableText: u,
55
- freeText: p,
54
+ negotiableText: p,
55
+ freeText: g,
56
56
  options: a,
57
- onSelectOption: g = () => {
57
+ onSelectOption: b = () => {
58
58
  },
59
- productsToolbarName: T = "All",
60
- sponsoredText: b,
61
- onBookmark: k = () => {
59
+ productsToolbarName: L = "All",
60
+ sponsoredText: k,
61
+ onBookmark: f = () => {
62
62
  },
63
- bookmarkComponent: f
64
- } = n, y = I(), U = F(() => /* @__PURE__ */ o(L, { children: y === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
65
- C,
63
+ bookmarkComponent: y,
64
+ componentName: S
65
+ } = n, C = W(), M = E(() => /* @__PURE__ */ o(F, { children: C === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
66
+ w,
66
67
  {
67
68
  name: e == null ? void 0 : e.name,
68
69
  price: e == null ? void 0 : e.price,
@@ -73,26 +74,31 @@ const j = B.div`
73
74
  uuid: e == null ? void 0 : e.uuid,
74
75
  sponsored: e == null ? void 0 : e.sponsored,
75
76
  imageComponent: e == null ? void 0 : e.imageComponent,
76
- onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
77
- imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
77
+ onSelectCard: (D, l) => c({
78
+ uuid: e == null ? void 0 : e.uuid,
79
+ nameSlug: e == null ? void 0 : e.nameSlug,
80
+ cardRef: l
81
+ }),
82
+ imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
78
83
  isFree: e == null ? void 0 : e.isFree,
79
84
  isNegotiable: e == null ? void 0 : e.isNegotiable,
80
- negotiableText: u,
81
- freeText: p,
85
+ negotiableText: p,
86
+ freeText: g,
82
87
  tags: e == null ? void 0 : e.tags,
83
88
  categoryCode: e == null ? void 0 : e.categoryCode,
84
89
  condition: e == null ? void 0 : e.condition,
85
90
  quantity: e == null ? void 0 : e.quantity,
86
91
  trade: e == null ? void 0 : e.trade,
87
- sponsoredText: b,
88
- onBookmark: k,
89
- bookmarkComponent: f,
92
+ sponsoredText: k,
93
+ onBookmark: f,
94
+ bookmarkComponent: y,
90
95
  bookmarked: e == null ? void 0 : e.bookmarked,
91
- bookmarkLists: e == null ? void 0 : e.bookmarkLists
96
+ bookmarkLists: e == null ? void 0 : e.bookmarkLists,
97
+ metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
92
98
  },
93
99
  i
94
100
  )) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
95
- C,
101
+ w,
96
102
  {
97
103
  name: e == null ? void 0 : e.name,
98
104
  price: e == null ? void 0 : e.price,
@@ -104,74 +110,79 @@ const j = B.div`
104
110
  location: e == null ? void 0 : e.location,
105
111
  sponsored: e == null ? void 0 : e.sponsored,
106
112
  imageComponent: e == null ? void 0 : e.imageComponent,
107
- onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
108
- imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
113
+ onSelectCard: (D, l) => c({
114
+ uuid: e == null ? void 0 : e.uuid,
115
+ nameSlug: e == null ? void 0 : e.nameSlug,
116
+ cardRef: l
117
+ }),
118
+ imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
109
119
  isFree: e == null ? void 0 : e.isFree,
110
120
  isNegotiable: e == null ? void 0 : e.isNegotiable,
111
- negotiableText: u,
112
- freeText: p,
121
+ negotiableText: p,
122
+ freeText: g,
113
123
  tags: e == null ? void 0 : e.tags,
114
124
  categoryCode: e == null ? void 0 : e.categoryCode,
115
125
  condition: e == null ? void 0 : e.condition,
116
126
  quantity: e == null ? void 0 : e.quantity,
117
127
  trade: e == null ? void 0 : e.trade,
118
- sponsoredText: b,
119
- onBookmark: k,
120
- bookmarkComponent: f,
128
+ sponsoredText: k,
129
+ onBookmark: f,
130
+ bookmarkComponent: y,
121
131
  bookmarked: e == null ? void 0 : e.bookmarked,
122
- bookmarkLists: e == null ? void 0 : e.bookmarkLists
132
+ bookmarkLists: e == null ? void 0 : e.bookmarkLists,
133
+ metadata: { accessor: e == null ? void 0 : e.accessor, name: S }
123
134
  },
124
135
  i
125
- )) }), [r, y, t]);
126
- return /* @__PURE__ */ l(O, { ref: h, children: [
127
- /* @__PURE__ */ l("div", { className: "regular-title", children: [
128
- /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
129
- S(s) && /* @__PURE__ */ o("i", { className: s }),
130
- /* @__PURE__ */ o("span", { children: w })
136
+ )) }), [r, C, t]);
137
+ return /* @__PURE__ */ s($, { ref: N, children: [
138
+ /* @__PURE__ */ s("div", { className: "regular-title", children: [
139
+ /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
140
+ h(m) && /* @__PURE__ */ o("i", { className: m }),
141
+ /* @__PURE__ */ o("span", { children: P })
131
142
  ] }),
132
- S(d) && /* @__PURE__ */ o(
133
- E,
143
+ h(d) && /* @__PURE__ */ o(
144
+ R,
134
145
  {
135
146
  type: "button",
136
147
  btnType: "tinted",
137
148
  color: "neutral",
138
149
  onClick: (e) => {
139
150
  var i;
140
- (i = e == null ? void 0 : e.target) == null || i.blur(), N(d);
151
+ (i = e == null ? void 0 : e.target) == null || i.blur(), T(d);
141
152
  },
142
153
  borderRadius: "curved",
143
154
  className: "button-link",
144
- children: P
155
+ children: v
145
156
  }
146
157
  )
147
158
  ] }),
148
159
  (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
149
- $,
160
+ A,
150
161
  {
151
162
  items: a,
152
163
  onRemove: (e) => {
153
- g(e);
164
+ b(e);
154
165
  },
155
166
  onSelect: (e) => {
156
- g(e);
167
+ b(e);
157
168
  },
158
169
  labelKey: "name",
159
170
  valueKey: "code",
160
171
  noMargin: !0,
161
- productsToolbarName: T
172
+ productsToolbarName: L
162
173
  }
163
174
  ),
164
- /* @__PURE__ */ o(j, { limit: t, children: /* @__PURE__ */ o(
165
- W,
175
+ /* @__PURE__ */ o(K, { limit: t, children: /* @__PURE__ */ o(
176
+ z,
166
177
  {
167
- isLoading: v,
178
+ isLoading: U,
168
179
  limit: t,
169
180
  keyPrefix: "explore-landing",
170
- children: U
181
+ children: M
171
182
  }
172
183
  ) })
173
184
  ] });
174
185
  });
175
186
  export {
176
- V as default
187
+ ee as default
177
188
  };
package/dist/Dropdown.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-Ajyqx0cb.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const O=require("./index-Cp66dWMi.cjs");function S(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(p,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return p.default=o,Object.freeze(p)}const M=S(s);var h=s.forwardRef(function(o,p){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:p},r))}),j=h;const a=s.forwardRef((o,p)=>{const{styles:r,debounceTime:n=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:y="small",color:i="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return s.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},n)),g.jsx(j,{ref:p,styles:r||t.customStyles,size:y,color:i,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-BwHfr4iM.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const O=require("./index-Cp66dWMi.cjs");function S(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(p,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return p.default=o,Object.freeze(p)}const M=S(s);var h=s.forwardRef(function(o,p){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:p},r))}),j=h;const a=s.forwardRef((o,p)=>{const{styles:r,debounceTime:n=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:y="small",color:i="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return s.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},n)),g.jsx(j,{ref:p,styles:r||t.customStyles,size:y,color:i,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;
package/dist/Dropdown.js CHANGED
@@ -2,8 +2,8 @@ import { jsx as g } from "react/jsx-runtime";
2
2
  import { P as e } from "./index-CblbdqjE.js";
3
3
  import * as O from "react";
4
4
  import { forwardRef as t, useCallback as y } from "react";
5
- import { u as S, S as M, a as h } from "./CustomStyles-DVcu00ul.js";
6
- import { c as H } from "./CustomStyles-DVcu00ul.js";
5
+ import { u as S, S as M, a as h } from "./CustomStyles-iconSXFL.js";
6
+ import { c as H } from "./CustomStyles-iconSXFL.js";
7
7
  import { _ as C, u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
8
  import "./index-B1vKwsDE.js";
9
9
  import { d as I } from "./index-Dt62UGku.js";
@@ -1 +1 @@
1
- "use strict";const le=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),t=require("react"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=require("./CustomStyles-Ajyqx0cb.cjs"),ce=require("./defineProperty-CqVRDJI8.cjs");require("./index-41nUb2kP.cjs");const fe=require("./index-Cp66dWMi.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(p,n,a.get?a:{enumerable:!0,get:()=>o[n]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,n=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=s._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(n)?n:void 0),f=s._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=s._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(n===!0),R=s._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=s._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=s._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=s._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=s._slicedToArray(ee,2),O=k[0],F=k[1],te=t.useState(void 0),z=s._slicedToArray(te,2),oe=z[0],ne=z[1],se=t.useState(void 0),N=s._slicedToArray(se,2),re=N[0],pe=N[1];i!==re&&(F({}),pe(i)),n!==oe&&(x(Array.isArray(n)?n:void 0),ne(n)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){n===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=s.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),F(V?s._objectSpread2(s._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return s._objectSpread2(s._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var n=Pe(o),a=s.useStateManager(n);return ye.createElement(s.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:n,debounceTime:a=0,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:n||s.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=H;
1
+ "use strict";const le=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),t=require("react"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=require("./CustomStyles-BwHfr4iM.cjs"),ce=require("./defineProperty-CqVRDJI8.cjs");require("./index-41nUb2kP.cjs");const fe=require("./index-Cp66dWMi.cjs");function de(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(p,n,a.get?a:{enumerable:!0,get:()=>o[n]})}}return p.default=o,Object.freeze(p)}const ye=de(t);var Te=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"];function Pe(o){var p=o.defaultOptions,n=p===void 0?!1:p,a=o.cacheOptions,i=a===void 0?!1:a,y=o.loadOptions;o.options;var l=o.isLoading,h=l===void 0?!1:l,S=o.onInputChange,m=o.filterOption,C=m===void 0?null:m,g=s._objectWithoutProperties(o,Te),_=g.inputValue,u=t.useRef(void 0),c=t.useRef(!1),T=t.useState(Array.isArray(n)?n:void 0),f=s._slicedToArray(T,2),G=f[0],x=f[1],W=t.useState(typeof _<"u"?_:""),q=s._slicedToArray(W,2),D=q[0],I=q[1],J=t.useState(n===!0),R=s._slicedToArray(J,2),K=R[0],P=R[1],Q=t.useState(void 0),w=s._slicedToArray(Q,2),A=w[0],L=w[1],U=t.useState([]),E=s._slicedToArray(U,2),X=E[0],j=E[1],Y=t.useState(!1),$=s._slicedToArray(Y,2),Z=$[0],v=$[1],ee=t.useState({}),k=s._slicedToArray(ee,2),O=k[0],F=k[1],te=t.useState(void 0),z=s._slicedToArray(te,2),oe=z[0],ne=z[1],se=t.useState(void 0),N=s._slicedToArray(se,2),re=N[0],pe=N[1];i!==re&&(F({}),pe(i)),n!==oe&&(x(Array.isArray(n)?n:void 0),ne(n)),t.useEffect(function(){return c.current=!0,function(){c.current=!1}},[]);var M=t.useCallback(function(b,d){if(!y)return d();var r=y(b,d);r&&typeof r.then=="function"&&r.then(d,function(){return d()})},[y]);t.useEffect(function(){n===!0&&M(D,function(b){c.current&&(x(b||[]),P(!!u.current))})},[]);var ae=t.useCallback(function(b,d){var r=s.handleInputChange(b,d,S);if(!r){u.current=void 0,I(""),L(""),j([]),P(!1),v(!1);return}if(i&&O[r])I(r),L(r),j(O[r]),P(!1),v(!1);else{var ie=u.current={};I(r),P(!0),v(!A),M(r,function(V){c&&ie===u.current&&(u.current=void 0,P(!1),L(r),j(V||[]),v(!1),F(V?s._objectSpread2(s._objectSpread2({},O),{},ce._defineProperty({},r,V)):O))})}},[i,M,A,O,S]),ue=Z?[]:D&&A?X:G||[];return s._objectSpread2(s._objectSpread2({},g),{},{options:ue,isLoading:K||h,onInputChange:ae,filterOption:C})}var Oe=t.forwardRef(function(o,p){var n=Pe(o),a=s.useStateManager(n);return ye.createElement(s.Select,B._extends({ref:p},a))}),be=Oe;const H=t.forwardRef((o,p)=>{const{styles:n,debounceTime:a=0,isSearchable:i=!0,isClearable:y=!0,onInputChange:l,size:h="small",color:S="primary",className:m="",style:C={},...g}=o,_=B.useTheme(),u=t.useCallback(fe.debounce((T,f)=>{l==null||l(T,f)},a)),c=(T,f)=>{u(T,f)};return le.jsx(be,{ref:p,styles:n||s.customStyles,size:h,color:S,theme:_,isSearchable:i,isClearable:y,onInputChange:c,className:m,style:C,...g})});H.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=H;
@@ -3,7 +3,7 @@ import { P as e } from "./index-CblbdqjE.js";
3
3
  import * as Oe from "react";
4
4
  import { useRef as G, useState as a, useEffect as W, useCallback as j, forwardRef as J } from "react";
5
5
  import { _ as me, u as be } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
6
- import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-DVcu00ul.js";
6
+ import { _ as Se, b as s, h as ge, d as C, u as he, S as ve, a as ye } from "./CustomStyles-iconSXFL.js";
7
7
  import { _ as _e } from "./defineProperty-DF3p0mVo.js";
8
8
  import "./index-B1vKwsDE.js";
9
9
  import { d as Ie } from "./index-Dt62UGku.js";
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-Dl9xPH4c.cjs"),$=require("./index-CLoINIGC.cjs"),c=h.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-Dl9xPH4c.cjs"),$=require("./index-DicTpiG0.cjs"),c=h.styled.div`
2
2
  width: 100%;
3
3
  height: 11.625rem;
4
4
  border-radius: 0.75rem;
@@ -3,7 +3,7 @@ import { forwardRef as h } from "react";
3
3
  import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as x } from "./consts-BuFChS64.js";
5
5
  import { o as v, l as C } from "./utils-BdsZgOUE.js";
6
- import { S as F } from "./index-BGY3PSA-.js";
6
+ import { S as F } from "./index-y6sKgrZC.js";
7
7
  const N = _.div`
8
8
  width: 100%;
9
9
  height: 11.625rem;
@@ -1 +1 @@
1
- "use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-Ajyqx0cb.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:a="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M.default,{isMulti:!0,ref:l,styles:p||g.customStyles,size:i,color:a,theme:b,isSearchable:u,isClearable:y,className:c,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
1
+ "use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-BwHfr4iM.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:a="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M.default,{isMulti:!0,ref:l,styles:p||g.customStyles,size:i,color:a,theme:b,isSearchable:u,isClearable:y,className:c,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
@@ -1,7 +1,7 @@
1
1
  import { jsx as g } from "react/jsx-runtime";
2
2
  import { P as e } from "./index-CblbdqjE.js";
3
3
  import { forwardRef as y, useCallback as h } from "react";
4
- import { a as M } from "./CustomStyles-DVcu00ul.js";
4
+ import { a as M } from "./CustomStyles-iconSXFL.js";
5
5
  import { d as S } from "./index-Dt62UGku.js";
6
6
  import C from "./Dropdown.js";
7
7
  import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
@@ -1 +1 @@
1
- "use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-Ajyqx0cb.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:a="small",color:i="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M,{isMulti:!0,ref:l,styles:p||g.customStyles,size:a,color:i,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
1
+ "use strict";const O=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),g=require("./CustomStyles-BwHfr4iM.cjs"),h=require("./index-Cp66dWMi.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),r=s.forwardRef((n,l)=>{const{styles:p,debounceTime:t=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:a="small",color:i="primary",className:c="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},t));return O.jsx(M,{isMulti:!0,ref:l,styles:p||g.customStyles,size:a,color:i,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:c,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
@@ -1,7 +1,7 @@
1
1
  import { jsx as y } from "react/jsx-runtime";
2
2
  import { P as e } from "./index-CblbdqjE.js";
3
3
  import { forwardRef as g, useCallback as h } from "react";
4
- import { a as M } from "./CustomStyles-DVcu00ul.js";
4
+ import { a as M } from "./CustomStyles-iconSXFL.js";
5
5
  import { d as S } from "./index-Dt62UGku.js";
6
6
  import C from "./DropdownLookup.js";
7
7
  import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.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-lSjkOR95.cjs"),d=require("./utils-Dl9xPH4c.cjs"),y=require("./index-BueKsXT8.cjs"),C=u.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),d=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),y=require("./useDetectMobile-zkbzoOGV.cjs"),P=require("./style-lSjkOR95.cjs"),l=require("./utils-Dl9xPH4c.cjs"),N=require("./index-BueKsXT8.cjs"),I=f.styled.div`
2
2
  width: 100%;
3
3
  height: 22.5rem;
4
4
  min-height: 22.5rem;
@@ -16,18 +16,18 @@
16
16
  object-fit: cover;
17
17
  }
18
18
 
19
- @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
19
+ @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
20
20
  height: 100%;
21
21
  min-height: 100%;
22
22
  max-height: 100%;
23
23
  aspect-ratio: 1 / 1;
24
24
  }
25
- `,P=u.styled.div`
25
+ `,$=f.styled.div`
26
26
  display: grid;
27
27
  grid-template-columns: ${t=>`repeat(${t.limit}, minmax(0, 1fr))`};
28
28
  gap: 1.25rem;
29
29
 
30
- @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
30
+ @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
31
31
  display: flex;
32
32
  gap: 1rem;
33
33
  overflow-x: auto;
@@ -46,7 +46,7 @@
46
46
  /* Safari and Chrome */
47
47
  }
48
48
  }
49
- `,w=u.styled.div`
49
+ `,k=f.styled.div`
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  gap: 0.5rem;
@@ -62,22 +62,22 @@
62
62
  & .card-title {
63
63
  font-size: 0.875rem;
64
64
  font-weight: 600;
65
- ${d.truncateTextInRows(2)}
65
+ ${l.truncateTextInRows(2)}
66
66
  }
67
67
 
68
68
  & .skeleton-img {
69
- background-color: ${d.linearGradientAnimation("-90deg")};
69
+ background-color: ${l.linearGradientAnimation("-90deg")};
70
70
  border-radius: 0.75rem;
71
71
  border: 1px solid white;
72
72
  }
73
73
 
74
74
  & .skeleton-title {
75
- background-color: ${d.linearGradientAnimation("-90deg")};
75
+ background-color: ${l.linearGradientAnimation("-90deg")};
76
76
  width: 100%;
77
77
  height: 1.25rem;
78
78
  }
79
79
 
80
- @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
80
+ @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
81
81
  & img {
82
82
  width: 8.875rem;
83
83
  height: 8.875rem;
@@ -88,4 +88,4 @@
88
88
  object-fit: cover;
89
89
  }
90
90
  }
91
- `,I=o.forwardRef((t,a)=>{const{uuid:n,title:i,image:s,sellerUuid:h,onSelectCard:l=()=>{},imageComponent:c}=t;return r.jsxs(w,{ref:a,className:"product-card",onClick:l,children:[d.isDefined(c)?c:r.jsx(y.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),N=o.forwardRef(({},t)=>r.jsxs(w,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),$=({limit:t=4,isLoading:a=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx(N,{isLoading:a},`${n}-skeleton-product-card-${s}`))}),_=({children:t,fallbackComponent:a=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:a,children:n===!0?r.jsx($,{isLoading:n,limit:i,keyPrefix:s}):t}),j=o.memo(I),q=o.forwardRef((t,a)=>{const{icon:n,items:i,limit:s=4,imageUrl:h,onSelectCard:l=()=>{},title:c="Season inspiration",isLoading:b=!1,getImage:p=()=>{}}=t,f=k.useDetectMobile(),S=o.useMemo(()=>r.jsx(r.Fragment,{children:f===!0?i==null?void 0:i.map((e,m)=>r.jsx(j,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>l({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(j,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>l({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,f,s]);return r.jsxs(v.RegulatTitleSectionWrapper,{ref:a,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(C,{className:"products-banner",children:r.jsx("img",{src:h})}),r.jsx(P,{limit:s,children:r.jsx(_,{isLoading:b,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=q;
91
+ `,R=d.forwardRef((t,o)=>{const{uuid:a,title:i,image:s,sellerUuid:w,onSelectCard:c=()=>{},imageComponent:m,metadata:n}=t,u=d.useRef(null);return r.jsxs(k,{ref:u,className:"product-card",name:n==null?void 0:n.name,"data-accessor":n==null?void 0:n.accessor,onClick:g=>c(g,o),children:[l.isDefined(m)?m:r.jsx(N.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),_=d.forwardRef(({},t)=>r.jsxs(k,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:o=!1,keyPrefix:a})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx(_,{isLoading:o},`${a}-skeleton-product-card-${s}`))}),E=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:a=!1,limit:i,keyPrefix:s})=>r.jsx(d.Suspense,{fallbackComponent:o,children:a===!0?r.jsx(q,{isLoading:a,limit:i,keyPrefix:s}):t}),S=d.memo(R),M=d.forwardRef((t,o)=>{const{icon:a,items:i,limit:s=4,imageUrl:w,onSelectCard:c=()=>{},title:m="Season inspiration",isLoading:n=!1,getImage:u=()=>{},componentName:g}=t,b=y.useDetectMobile(),v=d.useMemo(()=>r.jsx(r.Fragment,{children:b===!0?i==null?void 0:i.map((e,h)=>r.jsx(S,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(C,p)=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:p}),image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:g,accessor:e==null?void 0:e.accessor}},h)):i==null?void 0:i.slice(0,s).map((e,h)=>r.jsx(S,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:(C,p)=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:p}),image:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:g,accessor:e==null?void 0:e.accessor}},h))}),[i,b,s]);return r.jsxs(P.RegulatTitleSectionWrapper,{ref:o,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(a)&&r.jsx("i",{className:a}),r.jsx("span",{children:m})]})}),r.jsx(I,{className:"products-banner",children:r.jsx("img",{src:w})}),r.jsx($,{limit:s,children:r.jsx(E,{isLoading:n,limit:s,keyPrefix:"explore-landing",children:v})})]})});module.exports=M;