npm - @lanaco/lnc-react-ui - Versions diffs - 4.0.196 → 4.0.198 - Mend

@lanaco/lnc-react-ui 4.0.196 → 4.0.198

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 (7) hide show

package/dist/ContactSection.cjs +10 -4
package/dist/ContactSection.js +1143 -1154
package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
package/dist/DetailedProductsInfinitiveSection.js +50 -50
package/dist/DetailedProductsSection.cjs +3 -3
package/dist/DetailedProductsSection.js +61 -61
package/package.json +1 -1

package/dist/DetailedProductsInfinitiveSection.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),n=require("./utils-RnrgDDZP.cjs"),X=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./index-CS4w87SW.cjs"),Z=require("./index-CSNxZFTX.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=V.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),s=require("./utils-RnrgDDZP.cjs"),X=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-CS4w87SW.cjs"),Z=require("./index-CSNxZFTX.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=V.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -32,7 +32,7 @@
   & .section__items {
     display: grid;
-    grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
+    grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
     gap: 2rem;
   }
@@ -79,4 +79,4 @@
       }
     }
   }
-`,W=a.memo(p.DetailedProductCard),Y=a.forwardRef((s,g)=>{const{title:l,icon:c,items:o,limit:f=4,isLoading:r=!1,onSelectCard:b=()=>{},onLoadMore:h=()=>{},onButtonAction:_=()=>{},getImage:y=()=>{},viewAllbuttonLink:d,viewAllButonText:u="View all",negotiableText:S,freeText:w,loadMoreButtonIcon:v="angle-down",sponsoredText:k,onBookmark:C=()=>{},actionComponent:N,componentName:j,hasNextPage:q=!1,LinkComponent:P,urgentText:L,options:B=[],isLoadingOptions:O=!1,selectedOption:D,onSelectOption:M=()=>{},onRemoveOption:E=()=>{},allOptionsEnabled:I=!1,allOptionsLabel:T="All",onSelectAllOptions:R=()=>{},optionLabel:A="label",optionValue:z="value",optionCode:F="code"}=s,m=X.useDetectMobile(),$=a.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(W,{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:(x,U)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:U}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:y(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:S,freeText:w,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:k,onBookmark:C,actionComponent:N,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants,LinkComponent:P,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:L,hasFreeShipping:e==null?void 0:e.hasFreeShipping},i)),[o]);return t.jsxs(J,{ref:g,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[n.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[n.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),m&&n.isDefinedNotEmptyString(d)&&n.isDefinedNotEmptyString(u)&&!r&&t.jsx(G,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),_(d)},borderRadius:"curved",className:"section__view-all",children:u})]}),t.jsx(H.SuspenseSelectBar,{isLoading:O,children:t.jsx(Z.SelectBar,{items:B,selectedIds:D,onRemove:E,onSelect:M,allButton:I,onSelectAll:R,labelKey:A,valueKey:z,codeKey:F,noMargin:!0,productsToolbarName:T,noGradient:!0,className:"section__options"})}),t.jsx(p.SuspenseDetailedProductCard,{isLoading:r,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:$})}),!m&&!r&&q&&t.jsx(Q,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=Y;
+`,W=l.memo(g.DetailedProductCard),Y=l.forwardRef((r,f)=>{const{title:c,icon:d,items:i,limit:b=4,isLoading:a=!1,onSelectCard:h=()=>{},onLoadMore:_=()=>{},onButtonAction:y=()=>{},getImage:S=()=>{},viewAllbuttonLink:u,viewAllButonText:m="View all",negotiableText:w,freeText:v,loadMoreButtonIcon:k="angle-down",sponsoredText:C,onBookmark:N=()=>{},actionComponent:j,componentName:q,hasNextPage:P=!1,LinkComponent:L,urgentText:B,options:o=[],isLoadingOptions:O=!1,selectedOption:D,onSelectOption:M=()=>{},onRemoveOption:E=()=>{},allOptionsEnabled:I=!1,allOptionsLabel:T="All",onSelectAllOptions:R=()=>{},optionLabel:A="label",optionValue:z="value",optionCode:F="code"}=r,p=X.useDetectMobile(),$=l.useMemo(()=>i==null?void 0:i.map((e,n)=>t.jsx(W,{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:(x,U)=>h({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:U}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:S(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:w,freeText:v,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,actionComponent:j,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:q},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants,LinkComponent:L,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:B,hasFreeShipping:e==null?void 0:e.hasFreeShipping},n)),[i]);return t.jsxs(J,{ref:f,limit:b,children:[t.jsxs("div",{className:"section__heading",children:[s.isDefinedNotEmptyString(c)&&t.jsxs("div",{className:"section__title",children:[s.isDefinedNotEmptyString(d)&&t.jsx("i",{className:d})," ",c]}),p&&s.isDefinedNotEmptyString(u)&&s.isDefinedNotEmptyString(m)&&!a&&t.jsx(G,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),y(u)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(H.SuspenseSelectBar,{isLoading:O,children:o&&(o==null?void 0:o.length)>0&&t.jsx(Z.SelectBar,{items:o,selectedIds:D,onRemove:E,onSelect:M,allButton:I,onSelectAll:R,labelKey:A,valueKey:z,codeKey:F,noMargin:!0,productsToolbarName:T,noGradient:!0,className:"section__options"})}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:a,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:$})}),!p&&!a&&P&&t.jsx(Q,{icon:k,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:_})]})});module.exports=Y;

package/dist/DetailedProductsInfinitiveSection.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { s as Q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as G } from "./consts-BuFChS64.js";
 import X from "./IconButton.js";
 import Z from "./Button.js";
-import { k as a } from "./utils-DtEfC-TX.js";
+import { k as n } from "./utils-DtEfC-TX.js";
 import { u as H } from "./useDetectMobile-Bkvj0VMa.js";
 import { D as J, S as W } from "./index-BASX-BjS.js";
 import { S as Y } from "./index-CWALXP1T.js";
@@ -43,7 +43,7 @@ const ee = Q.div`
   & .section__items {
     display: grid;
-    grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
+    grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
     gap: 2rem;
   }
@@ -90,35 +90,35 @@ const ee = Q.div`
       }
     }
   }
-`, oe = j(J), ge = K((n, p) => {
+`, oe = j(J), ge = K((r, g) => {
   const {
-    title: l,
-    icon: c,
-    items: t,
-    limit: g = 4,
-    isLoading: r = !1,
-    onSelectCard: f = () => {
+    title: c,
+    icon: m,
+    items: i,
+    limit: f = 4,
+    isLoading: l = !1,
+    onSelectCard: h = () => {
     },
     onLoadMore: b = () => {
     },
-    onButtonAction: h = () => {
+    onButtonAction: _ = () => {
     },
-    getImage: _ = () => {
+    getImage: S = () => {
     },
-    viewAllbuttonLink: m,
-    viewAllButonText: d = "View all",
-    negotiableText: S,
-    freeText: w,
-    loadMoreButtonIcon: y = "angle-down",
-    sponsoredText: k,
-    onBookmark: v = () => {
+    viewAllbuttonLink: d,
+    viewAllButonText: u = "View all",
+    negotiableText: w,
+    freeText: y,
+    loadMoreButtonIcon: k = "angle-down",
+    sponsoredText: v,
+    onBookmark: C = () => {
     },
-    actionComponent: C,
-    componentName: N,
-    hasNextPage: P = !1,
-    LinkComponent: L,
-    urgentText: B,
-    options: O = [],
+    actionComponent: N,
+    componentName: P,
+    hasNextPage: L = !1,
+    LinkComponent: B,
+    urgentText: O,
+    options: t = [],
     isLoadingOptions: M = !1,
     selectedOption: T,
     onSelectOption: I = () => {
@@ -132,7 +132,7 @@ const ee = Q.div`
     optionLabel: F = "label",
     optionValue: R = "value",
     optionCode: U = "code"
-  } = n, u = H(), V = q(() => t == null ? void 0 : t.map((e, i) => /* @__PURE__ */ o(
+  } = r, p = H(), V = q(() => i == null ? void 0 : i.map((e, a) => /* @__PURE__ */ o(
     oe,
     {
       name: e == null ? void 0 : e.name,
@@ -144,13 +144,13 @@ const ee = Q.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (te, $) => f({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: $ }),
+      onSelectCard: (te, $) => h({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: $ }),
       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,
+      imageUrl: S(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: S,
-      freeText: w,
+      negotiableText: w,
+      freeText: y,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
@@ -158,51 +158,51 @@ const ee = Q.div`
       hasQuantities: e == null ? void 0 : e.hasQuantities,
       status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: k,
-      onBookmark: v,
-      actionComponent: C,
+      sponsoredText: v,
+      onBookmark: C,
+      actionComponent: N,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: N },
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: P },
       sellerName: e == null ? void 0 : e.sellerName,
       forCart: e == null ? void 0 : e.forCart,
       forOrder: e == null ? void 0 : e.forOrder,
       contactSeller: e == null ? void 0 : e.contactSeller,
       hasVariants: e == null ? void 0 : e.hasVariants,
-      LinkComponent: L,
+      LinkComponent: B,
       activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
-      urgentText: B,
+      urgentText: O,
       hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
     },
-    i
-  )), [t]);
-  return /* @__PURE__ */ s(ee, { ref: p, limit: g, children: [
+    a
+  )), [i]);
+  return /* @__PURE__ */ s(ee, { ref: g, limit: f, children: [
     /* @__PURE__ */ s("div", { className: "section__heading", children: [
-      a(l) && /* @__PURE__ */ s("div", { className: "section__title", children: [
-        a(c) && /* @__PURE__ */ o("i", { className: c }),
+      n(c) && /* @__PURE__ */ s("div", { className: "section__title", children: [
+        n(m) && /* @__PURE__ */ o("i", { className: m }),
         " ",
-        l
+        c
       ] }),
-      u && a(m) && a(d) && !r && /* @__PURE__ */ o(
+      p && n(d) && n(u) && !l && /* @__PURE__ */ o(
         Z,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var i;
-            (i = e == null ? void 0 : e.target) == null || i.blur(), h(m);
+            var a;
+            (a = e == null ? void 0 : e.target) == null || a.blur(), _(d);
           },
           borderRadius: "curved",
           className: "section__view-all",
-          children: d
+          children: u
         }
       )
     ] }),
-    /* @__PURE__ */ o(x, { isLoading: M, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ o(x, { isLoading: M, children: t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ o(
       Y,
       {
-        items: O,
+        items: t,
         selectedIds: T,
         onRemove: A,
         onSelect: I,
@@ -220,15 +220,15 @@ const ee = Q.div`
     /* @__PURE__ */ o(
       W,
       {
-        isLoading: r,
+        isLoading: l,
         keyPrefix: "detailed-product-card-skeleton",
         children: /* @__PURE__ */ o("div", { className: "section__items", children: V })
       }
     ),
-    !u && !r && P && /* @__PURE__ */ o(
+    !p && !l && L && /* @__PURE__ */ o(
       X,
       {
-        icon: y,
+        icon: k,
         borderRadius: "curved",
         btnType: "basic",
         color: "neutral",

package/dist/DetailedProductsSection.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),Q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),W=require("./Button.cjs"),r=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),G=require("./style-CkcozOY6.cjs"),P=require("./index-CS4w87SW.cjs"),V=require("./index-CSNxZFTX.cjs"),X=require("./index-oYE1Pl7q.cjs"),Z=Q.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),Q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),K=require("./consts-goSZX3xP.cjs"),W=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),G=require("./style-CkcozOY6.cjs"),j=require("./index-CS4w87SW.cjs"),V=require("./index-CSNxZFTX.cjs"),X=require("./index-oYE1Pl7q.cjs"),Z=Q.styled.div`
   display: grid;
-  grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
   & .button-link {
@@ -35,4 +35,4 @@
       /* Safari and Chrome */
     }
   }
-`,v=l.memo(P.DetailedProductCard),H=l.forwardRef((a,j)=>{const{icon:c,title:w,buttonLink:u,items:i,buttonText:d,limit:n=4,onSelectCard:m=()=>{},onButtonAction:L=()=>{},isLoading:p=!1,getImage:g=()=>{},negotiableText:b,freeText:S,options:F=[],isLoadingOptions:O=!1,selectedOption:D,onSelectOption:T=()=>{},onRemoveOption:U=()=>{},allOptionsEnabled:_=!1,allOptionsLabel:B="All",onSelectAllOptions:E=()=>{},optionLabel:M="label",optionValue:R="value",optionCode:I="code",sponsoredText:k,onBookmark:y=()=>{},actionComponent:h,componentName:f,LinkComponent:C,urgentText:N}=a,q=z.useDetectMobile(),$=l.useMemo(()=>t.jsx(t.Fragment,{children:q===!0?i==null?void 0:i.map((e,o)=>t.jsx(v,{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,nameSlug:e==null?void 0:e.nameSlug,onSelectCard:(A,s)=>m({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:g(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:b,freeText:S,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:k,onBookmark:y,actionComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:f},LinkComponent:C,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:N,hasFreeShipping:e==null?void 0:e.hasFreeShipping},o)):i==null?void 0:i.slice(0,n).map((e,o)=>t.jsx(v,{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:(A,s)=>m({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:g(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:b,freeText:S,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:k,onBookmark:y,actionComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:f},sellerName:e==null?void 0:e.sellerName,LinkComponent:C,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:N,hasFreeShipping:e==null?void 0:e.hasFreeShipping},o))}),[i,q,n]);return t.jsxs(G.TitleWithOptionsSectionWrapper,{ref:j,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[r.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c}),t.jsx("span",{children:w})]}),r.isDefinedNotEmptyString(u)&&r.isDefinedNotEmptyString(d)&&!p&&t.jsx(W,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),L(u)},borderRadius:"curved",className:"button-link",children:d})]}),t.jsx(X.SuspenseSelectBar,{isLoading:O,children:t.jsx(V.SelectBar,{items:F,selectedIds:D,onRemove:U,onSelect:T,allButton:_,onSelectAll:E,labelKey:M,valueKey:R,codeKey:I,noMargin:!0,productsToolbarName:B,noGradient:!0,className:"section__options"})}),t.jsx(P.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx(Z,{limit:n,children:$})})]})});module.exports=H;
+`,P=c.memo(j.DetailedProductCard),H=c.forwardRef((n,w)=>{const{icon:u,title:L,buttonLink:d,items:i,buttonText:m,limit:s=4,onSelectCard:p=()=>{},onButtonAction:F=()=>{},isLoading:g=!1,getImage:b=()=>{},negotiableText:S,freeText:k,options:a=[],isLoadingOptions:O=!1,selectedOption:D,onSelectOption:T=()=>{},onRemoveOption:U=()=>{},allOptionsEnabled:_=!1,allOptionsLabel:B="All",onSelectAllOptions:E=()=>{},optionLabel:M="label",optionValue:R="value",optionCode:I="code",sponsoredText:h,onBookmark:y=()=>{},actionComponent:f,componentName:C,LinkComponent:N,urgentText:q}=n,v=z.useDetectMobile(),$=c.useMemo(()=>t.jsx(t.Fragment,{children:v===!0?i==null?void 0:i.map((e,o)=>t.jsx(P,{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,nameSlug:e==null?void 0:e.nameSlug,onSelectCard:(A,r)=>p({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:r}),sellerName:e==null?void 0:e.sellerName,imageUrl:b(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:S,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:h,onBookmark:y,actionComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:C},LinkComponent:N,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:q,hasFreeShipping:e==null?void 0:e.hasFreeShipping},o)):i==null?void 0:i.slice(0,s).map((e,o)=>t.jsx(P,{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:(A,r)=>p({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:r}),nameSlug:e==null?void 0:e.nameSlug,imageUrl:b(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:S,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,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:h,onBookmark:y,actionComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:C},sellerName:e==null?void 0:e.sellerName,LinkComponent:N,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:q,hasFreeShipping:e==null?void 0:e.hasFreeShipping},o))}),[i,v,s]);return t.jsxs(G.TitleWithOptionsSectionWrapper,{ref:w,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(u)&&t.jsx("i",{className:u}),t.jsx("span",{children:L})]}),l.isDefinedNotEmptyString(d)&&l.isDefinedNotEmptyString(m)&&!g&&t.jsx(W,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),F(d)},borderRadius:"curved",className:"button-link",children:m})]}),t.jsx(X.SuspenseSelectBar,{isLoading:O,children:a&&(a==null?void 0:a.length)>0&&t.jsx(V.SelectBar,{items:a,selectedIds:D,onRemove:U,onSelect:T,allButton:_,onSelectAll:E,labelKey:M,valueKey:R,codeKey:I,noMargin:!0,productsToolbarName:B,noGradient:!0,className:"section__options"})}),t.jsx(j.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"detailed-products-skeleton",children:t.jsx(Z,{limit:s,children:$})})]})});module.exports=H;

package/dist/DetailedProductsSection.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { jsx as o, Fragment as K, jsxs as s } from "react/jsx-runtime";
+import { jsx as o, Fragment as K, jsxs as l } from "react/jsx-runtime";
 import { memo as W, forwardRef as $, useMemo as j } from "react";
 import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as G } from "./consts-BuFChS64.js";
 import V from "./Button.js";
-import { k as l } from "./utils-DtEfC-TX.js";
+import { k as c } from "./utils-DtEfC-TX.js";
 import { u as X } from "./useDetectMobile-Bkvj0VMa.js";
 import { T as Z } from "./style-Cmlod7oq.js";
 import { D as H, S as J } from "./index-BASX-BjS.js";
@@ -11,7 +11,7 @@ import { S as Y } from "./index-CWALXP1T.js";
 import { S as x } from "./index-4wvppFLx.js";
 const ee = z.div`
   display: grid;
-  grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
   & .button-link {
@@ -46,24 +46,24 @@ const ee = z.div`
       /* Safari and Chrome */
     }
   }
-`, P = W(H), ue = $((i, w) => {
+`, w = W(H), ue = $((r, L) => {
   const {
-    icon: c,
-    title: L,
-    buttonLink: d,
+    icon: d,
+    title: F,
+    buttonLink: m,
     items: t,
-    buttonText: m,
-    limit: r = 4,
-    onSelectCard: u = () => {
+    buttonText: u,
+    limit: n = 4,
+    onSelectCard: p = () => {
     },
-    onButtonAction: F = () => {
+    onButtonAction: O = () => {
     },
-    isLoading: p = !1,
-    getImage: g = () => {
+    isLoading: g = !1,
+    getImage: b = () => {
     },
-    negotiableText: b,
-    freeText: S,
-    options: O = [],
+    negotiableText: S,
+    freeText: f,
+    options: i = [],
     isLoadingOptions: T = !1,
     selectedOption: U,
     onSelectOption: B = () => {
@@ -77,15 +77,15 @@ const ee = z.div`
     optionLabel: I = "label",
     optionValue: q = "value",
     optionCode: A = "code",
-    sponsoredText: f,
-    onBookmark: k = () => {
+    sponsoredText: k,
+    onBookmark: h = () => {
     },
-    actionComponent: h,
-    componentName: y,
-    LinkComponent: C,
-    urgentText: N
-  } = i, v = X(), Q = j(() => /* @__PURE__ */ o(K, { children: v === !0 ? t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ o(
-    P,
+    actionComponent: y,
+    componentName: C,
+    LinkComponent: N,
+    urgentText: v
+  } = r, P = X(), Q = j(() => /* @__PURE__ */ o(K, { children: P === !0 ? t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ o(
+    w,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -97,17 +97,17 @@ const ee = z.div`
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
       nameSlug: e == null ? void 0 : e.nameSlug,
-      onSelectCard: (R, n) => u({
+      onSelectCard: (R, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
-        cardRef: n
+        cardRef: s
       }),
       sellerName: e == null ? void 0 : e.sellerName,
-      imageUrl: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      imageUrl: b(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: b,
-      freeText: S,
+      negotiableText: S,
+      freeText: f,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
@@ -116,20 +116,20 @@ const ee = z.div`
       status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
       forCart: e == null ? void 0 : e.forCart,
-      sponsoredText: f,
-      onBookmark: k,
-      actionComponent: h,
+      sponsoredText: k,
+      onBookmark: h,
+      actionComponent: y,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: y },
-      LinkComponent: C,
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: C },
+      LinkComponent: N,
       activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
-      urgentText: N,
+      urgentText: v,
       hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
     },
     a
-  )) : t == null ? void 0 : t.slice(0, r).map((e, a) => /* @__PURE__ */ o(
-    P,
+  )) : t == null ? void 0 : t.slice(0, n).map((e, a) => /* @__PURE__ */ o(
+    w,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -141,17 +141,17 @@ const ee = z.div`
       location: e == null ? void 0 : e.location,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (R, n) => u({
+      onSelectCard: (R, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
-        cardRef: n
+        cardRef: s
       }),
       nameSlug: e == null ? void 0 : e.nameSlug,
-      imageUrl: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      imageUrl: b(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: b,
-      freeText: S,
+      negotiableText: S,
+      freeText: f,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
@@ -160,27 +160,27 @@ const ee = z.div`
       status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
       forCart: e == null ? void 0 : e.forCart,
-      sponsoredText: f,
-      onBookmark: k,
-      actionComponent: h,
+      sponsoredText: k,
+      onBookmark: h,
+      actionComponent: y,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: y },
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: C },
       sellerName: e == null ? void 0 : e.sellerName,
-      LinkComponent: C,
+      LinkComponent: N,
       activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
-      urgentText: N,
+      urgentText: v,
       hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
     },
     a
-  )) }), [t, v, r]);
-  return /* @__PURE__ */ s(Z, { ref: w, children: [
-    /* @__PURE__ */ s("div", { className: "regular-title", children: [
-      /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
-        l(c) && /* @__PURE__ */ o("i", { className: c }),
-        /* @__PURE__ */ o("span", { children: L })
+  )) }), [t, P, n]);
+  return /* @__PURE__ */ l(Z, { ref: L, children: [
+    /* @__PURE__ */ l("div", { className: "regular-title", children: [
+      /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
+        c(d) && /* @__PURE__ */ o("i", { className: d }),
+        /* @__PURE__ */ o("span", { children: F })
       ] }),
-      l(d) && l(m) && !p && /* @__PURE__ */ o(
+      c(m) && c(u) && !g && /* @__PURE__ */ o(
         V,
         {
           type: "button",
@@ -188,18 +188,18 @@ const ee = z.div`
           color: "neutral",
           onClick: (e) => {
             var a;
-            (a = e == null ? void 0 : e.target) == null || a.blur(), F(d);
+            (a = e == null ? void 0 : e.target) == null || a.blur(), O(m);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: m
+          children: u
         }
       )
     ] }),
-    /* @__PURE__ */ o(x, { isLoading: T, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ o(x, { isLoading: T, children: i && (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ o(
       Y,
       {
-        items: O,
+        items: i,
         selectedIds: U,
         onRemove: M,
         onSelect: B,
@@ -217,9 +217,9 @@ const ee = z.div`
     /* @__PURE__ */ o(
       J,
       {
-        isLoading: p,
+        isLoading: g,
         keyPrefix: "detailed-products-skeleton",
-        children: /* @__PURE__ */ o(ee, { limit: r, children: Q })
+        children: /* @__PURE__ */ o(ee, { limit: n, children: Q })
       }
     )
   ] });

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.196",
+  "version": "4.0.198",
   "description": "React component library",
   "type": "module",
   "keywords": [