@lanaco/lnc-react-ui 4.0.194 → 4.0.196

package/dist/CheckBoxInput.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as i, Fragment as B } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as k, c as L, b as t, a as N, e as x } from "./utils-Dc5zIpaz.js";
+import { d as k, c as L, b as t, a as N, e as x } from "./utils-DtEfC-TX.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const W = (e) => e == "left" ? "row-reverse" : "row", n = (e, h) => `calc(${e.components.Checkbox.default.enabled.sizes[h]} / 2)`, F = j.label`
   -webkit-user-select: none;

package/dist/Chip.js

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
 import { forwardRef as j } from "react";
 import { P as a } from "./index-CblbdqjE.js";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-Dc5zIpaz.js";
+import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-DtEfC-TX.js";
 import W from "./Avatar.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const h = (e) => {

package/dist/ColorInput.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as p } from "react/jsx-runtime";
 import { forwardRef as q, useState as S, useCallback as G } from "react";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as J, d as r, b as d, a as V, e as v, f as M, h as Q } from "./utils-Dc5zIpaz.js";
+import { c as J, d as r, b as d, a as V, e as v, f as M, h as Q } from "./utils-DtEfC-TX.js";
 import { d as X } from "./index-Dt62UGku.js";
 import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as Z } from "./useUpdateEffect-CuYWz7EA.js";

package/dist/ConfirmationForm.js

@@ -3,7 +3,7 @@ import { forwardRef as S, cloneElement as E } from "react";
 import { P as r } from "./index-CblbdqjE.js";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import m from "./Icon.js";
-import { b as d } from "./utils-Dc5zIpaz.js";
+import { b as d } from "./utils-DtEfC-TX.js";
 import M from "./Modal.js";
 import { u as V } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const q = f.div`

package/dist/CustomLoanMapSection.js

@@ -2,7 +2,7 @@ import { jsxs as q, jsx as t } from "react/jsx-runtime";
 import { forwardRef as z } from "react";
 import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as G } from "./consts-BuFChS64.js";
-import { L as J } from "./index-8quQ_PZS.js";
+import { L as J } from "./index-bihqNqQk.js";
 import K from "./LoanCalculatorSection.js";
 const N = D.div`
   display: flex;

package/dist/{CustomStyles-6WboE3g5.js → CustomStyles-DtWxboEM.js}

@@ -7,7 +7,7 @@ import { _ as Zt } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
 import { r as Pt } from "./index-B1vKwsDE.js";
 import { a as Ht } from "./floating-ui.dom-B931An3C.js";
 import { i as Ve } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
-import { b as Z, a as ue, g as Nt, d as te, m as Mt } from "./utils-Dc5zIpaz.js";
+import { b as Z, a as ue, g as Nt, d as te, n as Mt } from "./utils-DtEfC-TX.js";
 function We(n, e) {
   var i = Object.keys(n);
   if (Object.getOwnPropertySymbols) {

package/dist/DateInput.js

@@ -4,7 +4,7 @@ import m, { createElement as $a, Component as Ba, createRef as ja, forwardRef as
 import { P as J } from "./index-CblbdqjE.js";
 import Qa from "./Icon.js";
 import { s as Ka } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as hr, b as $ } from "./utils-Dc5zIpaz.js";
+import { c as hr, b as $ } from "./utils-DtEfC-TX.js";
 import { c as le } from "./index-fN7hCOo3.js";
 import { c as wt, a as Va, d as R, e as L, g as Y, _, f as I } from "./defineProperty-DF3p0mVo.js";
 import { a as x } from "./setPrototypeOf-CttqfWo1.js";

package/dist/DecimalInput.js

@@ -3,7 +3,7 @@ import { P as v } from "./index-CblbdqjE.js";
 import k, { forwardRef as oe, useState as ne, useCallback as se } from "react";
 import { d as fe } from "./index-Dt62UGku.js";
 import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as B, b as w, a as le, e as ue, h as W, c as ce } from "./utils-Dc5zIpaz.js";
+import { d as B, b as w, a as le, e as ue, h as W, c as ce } from "./utils-DtEfC-TX.js";
 import { u as pe } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 function A() {
 }

package/dist/DecimalInputV2.js

@@ -2,7 +2,7 @@ import { jsxs as Y, jsx as N } from "react/jsx-runtime";
 import { P as l } from "./index-CblbdqjE.js";
 import { forwardRef as Z, useState as P, useRef as _, useEffect as v } from "react";
 import { s as O } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as f, b as c, a as R, e as A, h as W, c as ee } from "./utils-Dc5zIpaz.js";
+import { d as f, b as c, a as R, e as A, h as W, c as ee } from "./utils-DtEfC-TX.js";
 import { u as te } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const ne = O.div`
   display: flex;

package/dist/DetailedProductsInfinitiveSection.cjs

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

package/dist/DetailedProductsInfinitiveSection.js

@@ -1,15 +1,15 @@
-import { jsxs as s, jsx as o, Fragment as q } from "react/jsx-runtime";
-import { Suspense as Q, memo as G, forwardRef as W, useMemo as X } from "react";
-import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as Z } from "./consts-BuFChS64.js";
-import H from "./IconButton.js";
-import J from "./Button.js";
-import { k as l } from "./utils-Dc5zIpaz.js";
-import { u as Y } from "./useDetectMobile-Bkvj0VMa.js";
-import { D as x, S as ee } from "./index-DqBXIFsQ.js";
-import { S as oe } from "./index-BGiZlEQt.js";
-import { a as te, b as m } from "./style-CXMUA6cI.js";
-const ie = f.div`
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { memo as j, forwardRef as K, useMemo as q } from "react";
+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 { 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";
+import { S as x } from "./index-4wvppFLx.js";
+const ee = Q.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -43,7 +43,7 @@ const ie = f.div`
 
   & .section__items {
     display: grid;
-    grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
+    grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
     gap: 2rem;
   }
 
@@ -67,7 +67,7 @@ const ie = f.div`
     white-space: nowrap;
   }
 
-  @media (max-width: ${Z + "px"}) {
+  @media (max-width: ${G + "px"}) {
     gap: 1.25rem;
 
     & .section__items {
@@ -90,67 +90,37 @@ const ie = f.div`
       }
     }
   }
-`, ne = f(te)``, re = ({ keyPrefix: t }) => /* @__PURE__ */ s(ne, { children: [
-  /* @__PURE__ */ o(
-    m,
-    {
-      width: "5rem",
-      borderRadius: "0.75rem"
-    },
-    `${t}-1`
-  ),
-  /* @__PURE__ */ o(
-    m,
-    {
-      width: "5rem",
-      borderRadius: "0.75rem"
-    },
-    `${t}-2`
-  ),
-  /* @__PURE__ */ o(
-    m,
-    {
-      width: "5rem",
-      borderRadius: "0.75rem"
-    },
-    `${t}-3`
-  )
-] }), ae = ({
-  keyPrefix: t,
-  isLoading: c = !1,
-  fallbackComponent: i = /* @__PURE__ */ o(q, {}),
-  children: n
-}) => /* @__PURE__ */ o(Q, { fallbackComponent: i, children: c === !0 ? /* @__PURE__ */ o(re, { keyPrefix: t }) : n }), le = G(x), _e = W((t, c) => {
+`, oe = j(J), ge = K((n, p) => {
   const {
-    title: i,
-    icon: n,
-    items: r,
-    limit: b = 4,
-    isLoading: d = !1,
-    onSelectCard: h = () => {
+    title: l,
+    icon: c,
+    items: t,
+    limit: g = 4,
+    isLoading: r = !1,
+    onSelectCard: f = () => {
     },
-    onLoadMore: w = () => {
+    onLoadMore: b = () => {
     },
-    onButtonAction: S = () => {
+    onButtonAction: h = () => {
     },
     getImage: _ = () => {
     },
-    viewAllbuttonLink: u,
-    viewAllButonText: p = "View all",
-    negotiableText: k,
-    freeText: v,
+    viewAllbuttonLink: m,
+    viewAllButonText: d = "View all",
+    negotiableText: S,
+    freeText: w,
     loadMoreButtonIcon: y = "angle-down",
-    sponsoredText: C,
-    onBookmark: N = () => {
+    sponsoredText: k,
+    onBookmark: v = () => {
     },
-    actionComponent: L,
-    componentName: B,
+    actionComponent: C,
+    componentName: N,
     hasNextPage: P = !1,
-    LinkComponent: O,
-    urgentText: M,
-    options: R = [],
-    isLoadingOptions: T = !1,
-    selectedOption: $,
+    LinkComponent: L,
+    urgentText: B,
+    options: O = [],
+    isLoadingOptions: M = !1,
+    selectedOption: T,
     onSelectOption: I = () => {
     },
     onRemoveOption: A = () => {
@@ -160,10 +130,10 @@ const ie = f.div`
     onSelectAllOptions: E = () => {
     },
     optionLabel: F = "label",
-    optionValue: U = "value",
-    optionCode: V = "code"
-  } = t, g = Y(), j = X(() => r == null ? void 0 : r.map((e, a) => /* @__PURE__ */ o(
-    le,
+    optionValue: R = "value",
+    optionCode: U = "code"
+  } = n, u = H(), V = q(() => t == null ? void 0 : t.map((e, i) => /* @__PURE__ */ o(
+    oe,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -174,13 +144,13 @@ const ie = f.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (se, K) => h({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: K }),
+      onSelectCard: (te, $) => f({ 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,
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
-      negotiableText: k,
-      freeText: v,
+      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,
@@ -188,58 +158,59 @@ const ie = f.div`
       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: L,
+      sponsoredText: k,
+      onBookmark: v,
+      actionComponent: C,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: B },
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: N },
       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: O,
+      LinkComponent: L,
       activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
-      urgentText: M
+      urgentText: B,
+      hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
     },
-    a
-  )), [r]);
-  return /* @__PURE__ */ s(ie, { ref: c, limit: b, children: [
+    i
+  )), [t]);
+  return /* @__PURE__ */ s(ee, { ref: p, limit: g, children: [
     /* @__PURE__ */ s("div", { className: "section__heading", children: [
-      l(i) && /* @__PURE__ */ s("div", { className: "section__title", children: [
-        l(n) && /* @__PURE__ */ o("i", { className: n }),
+      a(l) && /* @__PURE__ */ s("div", { className: "section__title", children: [
+        a(c) && /* @__PURE__ */ o("i", { className: c }),
         " ",
-        i
+        l
       ] }),
-      g && l(u) && l(p) && !d && /* @__PURE__ */ o(
-        J,
+      u && a(m) && a(d) && !r && /* @__PURE__ */ o(
+        Z,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var a;
-            (a = e == null ? void 0 : e.target) == null || a.blur(), S(u);
+            var i;
+            (i = e == null ? void 0 : e.target) == null || i.blur(), h(m);
           },
           borderRadius: "curved",
           className: "section__view-all",
-          children: p
+          children: d
         }
       )
     ] }),
-    /* @__PURE__ */ o(ae, { isLoading: T, children: /* @__PURE__ */ o(
-      oe,
+    /* @__PURE__ */ o(x, { isLoading: M, children: /* @__PURE__ */ o(
+      Y,
       {
-        items: R,
-        selectedIds: $,
+        items: O,
+        selectedIds: T,
         onRemove: A,
         onSelect: I,
         allButton: D,
         onSelectAll: E,
         labelKey: F,
-        valueKey: U,
-        codeKey: V,
+        valueKey: R,
+        codeKey: U,
         noMargin: !0,
         productsToolbarName: z,
         noGradient: !0,
@@ -247,26 +218,26 @@ const ie = f.div`
       }
     ) }),
     /* @__PURE__ */ o(
-      ee,
+      W,
       {
-        isLoading: d,
+        isLoading: r,
         keyPrefix: "detailed-product-card-skeleton",
-        children: /* @__PURE__ */ o("div", { className: "section__items", children: j })
+        children: /* @__PURE__ */ o("div", { className: "section__items", children: V })
       }
     ),
-    !g && !d && P && /* @__PURE__ */ o(
-      H,
+    !u && !r && P && /* @__PURE__ */ o(
+      X,
       {
         icon: y,
         borderRadius: "curved",
         btnType: "basic",
         color: "neutral",
         className: "section__show-more",
-        onClick: w
+        onClick: b
       }
     )
   ] });
 });
 export {
-  _e as default
+  ge as default
 };

package/dist/DetailedProductsSection.cjs

@@ -1,13 +1,22 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),F=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),R=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),I=require("./useDetectMobile-zkbzoOGV.cjs"),Q=require("./style-CkcozOY6.cjs"),w=require("./index-Lmz3An4A.cjs"),_=require("./index-CSNxZFTX.cjs"),$=F.styled.div`
+"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`
   display: grid;
-  grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
     white-space: nowrap;
   }
 
-  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
+  & .section__options {
+    & button {
+      &:focus {
+        outline: none;
+        outline-offset: 0;
+      }
+    }
+  }
+
+  @media (max-width: ${K.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -26,4 +35,4 @@
       /* Safari and Chrome */
     }
   }
-`,v=c.memo(w.DetailedProductCard),O=c.forwardRef((o,D)=>{const{icon:u,title:L,buttonLink:d,items:i,buttonText:m,limit:n=4,onSelectCard:g=()=>{},onButtonAction:T=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:r,onSelectOption:S=()=>{},productsToolbarName:U="All",sponsoredText:C,onBookmark:f=()=>{},actionComponent:h,componentName:N,LinkComponent:P,urgentText:q}=o,j=I.useDetectMobile(),M=c.useMemo(()=>t.jsx(t.Fragment,{children:j===!0?i==null?void 0:i.map((e,a)=>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:(E,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),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:k,freeText:y,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:C,onBookmark:f,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:N},LinkComponent:P,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:q},a)):i==null?void 0:i.slice(0,n).map((e,a)=>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:(E,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),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:k,freeText:y,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:C,onBookmark:f,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:N},sellerName:e==null?void 0:e.sellerName,LinkComponent:P,activeSalesPackages:e==null?void 0:e.activeSalesPackages,urgentText:q},a))}),[i,j,n]);return t.jsxs(Q.TitleWithOptionsSectionWrapper,{ref:D,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)&&!p&&t.jsx(R,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),T(d)},borderRadius:"curved",className:"button-link",children:m})]}),(r==null?void 0:r.length)>0&&t.jsx(_.SelectBar,{items:r,onRemove:e=>{S(e)},onSelect:e=>{S(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),t.jsx(w.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx($,{limit:n,children:M})})]})});module.exports=O;
+`,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;