@lanaco/lnc-react-ui 4.0.206 → 4.0.207

package/dist/DecimalInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const k=require("react/jsx-runtime"),F=require("react"),te=require("./index-Cp66dWMi.cjs"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./utils-RnrgDDZP.cjs"),re=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");function $(){}function ae(){return!0}function T(r){return!!(r||"").match(/\d/)}function W(r){return r==null}function z(r){return r.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function ie(r){switch(r){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;case"thousand":default:return/(\d)(?=(\d{3})+(?!\d))/g}}function oe(r,s,f){var e=ie(f),t=r.search(/[1-9]/);return t=t===-1?r.length:t,r.substring(0,t)+r.substring(t,r.length).replace(e,"$1"+s)}function L(r,s){s===void 0&&(s=!0);var f=r[0]==="-",e=f&&s;r=r.replace("-","");var t=r.split("."),a=t[0],o=t[1]||"";return{beforeDecimal:a,afterDecimal:o,hasNagation:f,addNegation:e}}function ne(r){if(!r)return r;var s=r[0]==="-";s&&(r=r.substring(1,r.length));var f=r.split("."),e=f[0].replace(/^0+/,"")||"0",t=f[1]||"";return(s?"-":"")+e+(t?"."+t:"")}function Z(r,s,f){for(var e="",t=f?"0":"",a=0;a<=s-1;a++)e+=r[a]||t;return e}function q(r,s){return Array(s+1).join(r)}function se(r){r+="";var s=r[0]==="-"?"-":"";s&&(r=r.substring(1));var f=r.split(/[eE]/g),e=f[0],t=f[1];if(t=Number(t),!t)return s+e;e=e.replace(".","");var a=1+t,o=e.length;return a<0?e="0."+q("0",Math.abs(a))+e:a>=o?e=e+q("0",a-o):e=(e.substring(0,a)||"0")+"."+e.substring(a),s+e}function le(r,s,f){if(["","-"].indexOf(r)!==-1)return r;var e=r.indexOf(".")!==-1&&s,t=L(r),a=t.beforeDecimal,o=t.afterDecimal,l=t.hasNagation,i=parseFloat("0."+(o||"0")),n=o.length<=s?"0."+o:i.toFixed(s),u=n.split("."),d=a.split("").reverse().reduce(function(m,v,b){return m.length>b?(Number(m[0])+Number(v)).toString()+m.substring(1,m.length):v+m},u[0]),c=Z(u[1]||"",Math.min(s,o.length),f),p=l?"-":"",h=e?".":"";return""+p+d+h+c}function G(r,s){if(r.value=r.value,r!==null){if(r.createTextRange){var f=r.createTextRange();return f.move("character",s),f.select(),!0}return r.selectionStart||r.selectionStart===0?(r.focus(),r.setSelectionRange(s,s),!0):(r.focus(),!1)}}function ue(r,s){for(var f=0,e=0,t=r.length,a=s.length;r[f]===s[f]&&f<t;)f++;for(;r[t-1-e]===s[a-1-e]&&a-e>f&&t-e>f;)e++;return{start:f,end:t-e}}function U(r,s,f){return Math.min(Math.max(r,s),f)}function _(r){return Math.max(r.selectionStart,r.selectionEnd)}function fe(r){return r||typeof navigator<"u"&&!(navigator.platform&&/iPhone|iPod/.test(navigator.platform))}function ce(r,s){var f={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&s.indexOf(e)===-1&&(f[e]=r[e]);return f}var de={displayType:"input",decimalSeparator:".",thousandsGroupStyle:"thousand",fixedDecimalScale:!1,prefix:"",suffix:"",allowNegative:!0,allowEmptyFormatting:!1,allowLeadingZeros:!1,isNumericString:!1,type:"text",onValueChange:$,onChange:$,onKeyDown:$,onMouseUp:$,onFocus:$,onBlur:$,isAllowed:ae},H=function(r){function s(f){r.call(this,f);var e=f.defaultValue;this.validateProps();var t=this.formatValueProp(e);this.state={value:t,numAsString:this.removeFormatting(t),mounted:!1},this.selectionBeforeInput={selectionStart:0,selectionEnd:0},this.onChange=this.onChange.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}return r&&(s.__proto__=r),s.prototype=Object.create(r&&r.prototype),s.prototype.constructor=s,s.prototype.componentDidMount=function(){this.setState({mounted:!0})},s.prototype.componentDidUpdate=function(e){this.updateValueIfRequired(e)},s.prototype.componentWillUnmount=function(){clearTimeout(this.focusTimeout),clearTimeout(this.caretPositionTimeout)},s.prototype.updateValueIfRequired=function(e){var t=this,a=t.props,o=t.state,l=t.focusedElm,i=o.value,n=o.numAsString;if(n===void 0&&(n=""),e!==a){this.validateProps();var u=this.formatNumString(n),d=W(a.value)?u:this.formatValueProp(),c=this.removeFormatting(d),p=parseFloat(c),h=parseFloat(n);((!isNaN(p)||!isNaN(h))&&p!==h||u!==i||l===null&&d!==i)&&this.updateValue({formattedValue:d,numAsString:c,input:l,source:"prop",event:null})}},s.prototype.getFloatString=function(e){e===void 0&&(e="");var t=this.props,a=t.decimalScale,o=this.getSeparators(),l=o.decimalSeparator,i=this.getNumberRegex(!0),n=e[0]==="-";n&&(e=e.replace("-","")),l&&a===0&&(e=e.split(l)[0]),e=(e.match(i)||[]).join("").replace(l,".");var u=e.indexOf(".");return u!==-1&&(e=e.substring(0,u)+"."+e.substring(u+1,e.length).replace(new RegExp(z(l),"g"),"")),n&&(e="-"+e),e},s.prototype.getNumberRegex=function(e,t){var a=this.props,o=a.format,l=a.decimalScale,i=a.customNumerals,n=this.getSeparators(),u=n.decimalSeparator;return new RegExp("[0-9"+(i?i.join(""):"")+"]"+(u&&l!==0&&!t&&!o?"|"+z(u):""),e?"g":void 0)},s.prototype.getSeparators=function(){var e=this.props,t=e.decimalSeparator,a=this.props,o=a.thousandSeparator,l=a.allowedDecimalSeparators;return o===!0&&(o=","),l||(l=[t,"."]),{decimalSeparator:t,thousandSeparator:o,allowedDecimalSeparators:l}},s.prototype.getMaskAtIndex=function(e){var t=this.props,a=t.mask;return a===void 0&&(a=" "),typeof a=="string"?a:a[e]||" "},s.prototype.getValueObject=function(e,t){var a=parseFloat(t);return{formattedValue:e,value:t,floatValue:isNaN(a)?void 0:a}},s.prototype.validateProps=function(){var e=this.props,t=e.mask,a=this.getSeparators(),o=a.decimalSeparator,l=a.thousandSeparator;if(o===l)throw new Error(`
+"use strict";const k=require("react/jsx-runtime"),F=require("react"),te=require("./index-Cp66dWMi.cjs"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./utils-CITgSxXe.cjs"),re=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");function $(){}function ae(){return!0}function T(r){return!!(r||"").match(/\d/)}function W(r){return r==null}function z(r){return r.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function ie(r){switch(r){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;case"thousand":default:return/(\d)(?=(\d{3})+(?!\d))/g}}function oe(r,s,f){var e=ie(f),t=r.search(/[1-9]/);return t=t===-1?r.length:t,r.substring(0,t)+r.substring(t,r.length).replace(e,"$1"+s)}function L(r,s){s===void 0&&(s=!0);var f=r[0]==="-",e=f&&s;r=r.replace("-","");var t=r.split("."),a=t[0],o=t[1]||"";return{beforeDecimal:a,afterDecimal:o,hasNagation:f,addNegation:e}}function ne(r){if(!r)return r;var s=r[0]==="-";s&&(r=r.substring(1,r.length));var f=r.split("."),e=f[0].replace(/^0+/,"")||"0",t=f[1]||"";return(s?"-":"")+e+(t?"."+t:"")}function Z(r,s,f){for(var e="",t=f?"0":"",a=0;a<=s-1;a++)e+=r[a]||t;return e}function q(r,s){return Array(s+1).join(r)}function se(r){r+="";var s=r[0]==="-"?"-":"";s&&(r=r.substring(1));var f=r.split(/[eE]/g),e=f[0],t=f[1];if(t=Number(t),!t)return s+e;e=e.replace(".","");var a=1+t,o=e.length;return a<0?e="0."+q("0",Math.abs(a))+e:a>=o?e=e+q("0",a-o):e=(e.substring(0,a)||"0")+"."+e.substring(a),s+e}function le(r,s,f){if(["","-"].indexOf(r)!==-1)return r;var e=r.indexOf(".")!==-1&&s,t=L(r),a=t.beforeDecimal,o=t.afterDecimal,l=t.hasNagation,i=parseFloat("0."+(o||"0")),n=o.length<=s?"0."+o:i.toFixed(s),u=n.split("."),d=a.split("").reverse().reduce(function(m,v,b){return m.length>b?(Number(m[0])+Number(v)).toString()+m.substring(1,m.length):v+m},u[0]),c=Z(u[1]||"",Math.min(s,o.length),f),p=l?"-":"",h=e?".":"";return""+p+d+h+c}function G(r,s){if(r.value=r.value,r!==null){if(r.createTextRange){var f=r.createTextRange();return f.move("character",s),f.select(),!0}return r.selectionStart||r.selectionStart===0?(r.focus(),r.setSelectionRange(s,s),!0):(r.focus(),!1)}}function ue(r,s){for(var f=0,e=0,t=r.length,a=s.length;r[f]===s[f]&&f<t;)f++;for(;r[t-1-e]===s[a-1-e]&&a-e>f&&t-e>f;)e++;return{start:f,end:t-e}}function U(r,s,f){return Math.min(Math.max(r,s),f)}function _(r){return Math.max(r.selectionStart,r.selectionEnd)}function fe(r){return r||typeof navigator<"u"&&!(navigator.platform&&/iPhone|iPod/.test(navigator.platform))}function ce(r,s){var f={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&s.indexOf(e)===-1&&(f[e]=r[e]);return f}var de={displayType:"input",decimalSeparator:".",thousandsGroupStyle:"thousand",fixedDecimalScale:!1,prefix:"",suffix:"",allowNegative:!0,allowEmptyFormatting:!1,allowLeadingZeros:!1,isNumericString:!1,type:"text",onValueChange:$,onChange:$,onKeyDown:$,onMouseUp:$,onFocus:$,onBlur:$,isAllowed:ae},H=function(r){function s(f){r.call(this,f);var e=f.defaultValue;this.validateProps();var t=this.formatValueProp(e);this.state={value:t,numAsString:this.removeFormatting(t),mounted:!1},this.selectionBeforeInput={selectionStart:0,selectionEnd:0},this.onChange=this.onChange.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}return r&&(s.__proto__=r),s.prototype=Object.create(r&&r.prototype),s.prototype.constructor=s,s.prototype.componentDidMount=function(){this.setState({mounted:!0})},s.prototype.componentDidUpdate=function(e){this.updateValueIfRequired(e)},s.prototype.componentWillUnmount=function(){clearTimeout(this.focusTimeout),clearTimeout(this.caretPositionTimeout)},s.prototype.updateValueIfRequired=function(e){var t=this,a=t.props,o=t.state,l=t.focusedElm,i=o.value,n=o.numAsString;if(n===void 0&&(n=""),e!==a){this.validateProps();var u=this.formatNumString(n),d=W(a.value)?u:this.formatValueProp(),c=this.removeFormatting(d),p=parseFloat(c),h=parseFloat(n);((!isNaN(p)||!isNaN(h))&&p!==h||u!==i||l===null&&d!==i)&&this.updateValue({formattedValue:d,numAsString:c,input:l,source:"prop",event:null})}},s.prototype.getFloatString=function(e){e===void 0&&(e="");var t=this.props,a=t.decimalScale,o=this.getSeparators(),l=o.decimalSeparator,i=this.getNumberRegex(!0),n=e[0]==="-";n&&(e=e.replace("-","")),l&&a===0&&(e=e.split(l)[0]),e=(e.match(i)||[]).join("").replace(l,".");var u=e.indexOf(".");return u!==-1&&(e=e.substring(0,u)+"."+e.substring(u+1,e.length).replace(new RegExp(z(l),"g"),"")),n&&(e="-"+e),e},s.prototype.getNumberRegex=function(e,t){var a=this.props,o=a.format,l=a.decimalScale,i=a.customNumerals,n=this.getSeparators(),u=n.decimalSeparator;return new RegExp("[0-9"+(i?i.join(""):"")+"]"+(u&&l!==0&&!t&&!o?"|"+z(u):""),e?"g":void 0)},s.prototype.getSeparators=function(){var e=this.props,t=e.decimalSeparator,a=this.props,o=a.thousandSeparator,l=a.allowedDecimalSeparators;return o===!0&&(o=","),l||(l=[t,"."]),{decimalSeparator:t,thousandSeparator:o,allowedDecimalSeparators:l}},s.prototype.getMaskAtIndex=function(e){var t=this.props,a=t.mask;return a===void 0&&(a=" "),typeof a=="string"?a:a[e]||" "},s.prototype.getValueObject=function(e,t){var a=parseFloat(t);return{formattedValue:e,value:t,floatValue:isNaN(a)?void 0:a}},s.prototype.validateProps=function(){var e=this.props,t=e.mask,a=this.getSeparators(),o=a.decimalSeparator,l=a.thousandSeparator;if(o===l)throw new Error(`
           Decimal separator can't be same as thousand separator.
           thousandSeparator: `+l+` (thousandSeparator = {true} is same as thousandSeparator = ",")
           decimalSeparator: `+o+` (default value for decimalSeparator is .)

package/dist/DecimalInput.js

@@ -2,7 +2,7 @@ import { jsxs as ae, jsx as U } from "react/jsx-runtime";
 import O, { forwardRef as ie, useState as oe, useCallback as ne } from "react";
 import { d as se } from "./index-Dt62UGku.js";
 import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as k, b as N, a as fe, e as ue, h as W, c as le } from "./utils-DtEfC-TX.js";
+import { e as k, c as N, b as fe, f as ue, i as W, d as le } from "./utils-B2fsQ6PS.js";
 import { u as ce } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 function R() {
 }

package/dist/DecimalInputV2.cjs

@@ -1,4 +1,4 @@
-"use strict";const m=require("react/jsx-runtime"),b=require("react"),I=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-RnrgDDZP.cjs"),J=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),L=I.styled.div`
+"use strict";const m=require("react/jsx-runtime"),b=require("react"),I=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-CITgSxXe.cjs"),J=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),L=I.styled.div`
   display: flex;
   align-items: center;
 

package/dist/DecimalInputV2.js

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

package/dist/DetailedProductsInfinitiveSection.cjs

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

package/dist/DetailedProductsInfinitiveSection.js

@@ -1,15 +1,15 @@
 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 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-CwMCk9wV.js";
+import { memo as K, forwardRef as q, useMemo as Q } from "react";
+import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as g } from "./breakpoints-ff0SIcV3.js";
+import H from "./IconButton.js";
+import J from "./Button.js";
+import { l as n } from "./utils-B2fsQ6PS.js";
+import { u as W } from "./useDetectMobile-CcVo3PNi.js";
+import { D as X, S as Y } from "./index-rYUwBlpp.js";
+import { S as Z } from "./index-BzSWu-7v.js";
 import { S as x } from "./index-4wvppFLx.js";
-const ee = Q.div`
+const ee = G.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -47,6 +47,12 @@ const ee = Q.div`
     gap: 2rem;
   }
 
+  @media ${g("M")} {
+    & .section__items {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+
   & .section__show-more {
     color: var(--neutral-600, #0f2a46);
     font-size: 0.875rem;
@@ -67,7 +73,7 @@ const ee = Q.div`
     white-space: nowrap;
   }
 
-  @media (max-width: ${G + "px"}) {
+  @media ${g("S")} {
     gap: 1.25rem;
 
     & .section__items {
@@ -90,49 +96,49 @@ const ee = Q.div`
       }
     }
   }
-`, oe = j(J), ge = K((r, g) => {
+`, oe = K(X), ge = q((r, f) => {
   const {
     title: c,
     icon: m,
     items: i,
-    limit: f = 4,
+    limit: b = 4,
     isLoading: l = !1,
     onSelectCard: h = () => {
     },
-    onLoadMore: b = () => {
+    onLoadMore: _ = () => {
     },
-    onButtonAction: _ = () => {
+    onButtonAction: S = () => {
     },
-    getImage: S = () => {
+    getImage: w = () => {
     },
     viewAllbuttonLink: d,
     viewAllButonText: u = "View all",
-    negotiableText: w,
-    freeText: y,
+    negotiableText: y,
+    freeText: v,
     loadMoreButtonIcon: k = "angle-down",
-    sponsoredText: v,
-    onBookmark: C = () => {
+    sponsoredText: C,
+    onBookmark: N = () => {
     },
-    actionComponent: N,
-    componentName: P,
-    hasNextPage: L = !1,
-    LinkComponent: B,
-    urgentText: O,
+    actionComponent: P,
+    componentName: L,
+    hasNextPage: B = !1,
+    LinkComponent: O,
+    urgentText: M,
     options: t = [],
-    isLoadingOptions: M = !1,
-    selectedOption: T,
-    onSelectOption: I = () => {
+    isLoadingOptions: T = !1,
+    selectedOption: A,
+    onSelectOption: D = () => {
     },
-    onRemoveOption: A = () => {
+    onRemoveOption: z = () => {
     },
-    allOptionsEnabled: D = !1,
-    allOptionsLabel: z = "All",
-    onSelectAllOptions: E = () => {
+    allOptionsEnabled: F = !1,
+    allOptionsLabel: I = "All",
+    onSelectAllOptions: R = () => {
     },
-    optionLabel: F = "label",
-    optionValue: R = "value",
-    optionCode: U = "code"
-  } = r, p = H(), V = q(() => i == null ? void 0 : i.map((e, a) => /* @__PURE__ */ o(
+    optionLabel: $ = "label",
+    optionValue: U = "value",
+    optionCode: V = "code"
+  } = r, p = W(), j = Q(() => i == null ? void 0 : i.map((e, a) => /* @__PURE__ */ o(
     oe,
     {
       name: e == null ? void 0 : e.name,
@@ -144,13 +150,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, $) => h({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: $ }),
+      onSelectCard: (te, E) => h({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: E }),
       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,
+      imageUrl: w(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: y,
+      negotiableText: y,
+      freeText: v,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
@@ -158,25 +164,25 @@ 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: v,
-      onBookmark: C,
-      actionComponent: N,
+      sponsoredText: C,
+      onBookmark: N,
+      actionComponent: P,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-      metadata: { accessor: e == null ? void 0 : e.accessor, name: P },
+      metadata: { accessor: e == null ? void 0 : e.accessor, name: L },
       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,
+      LinkComponent: O,
       activeSalesPackages: e == null ? void 0 : e.activeSalesPackages,
-      urgentText: O,
+      urgentText: M,
       hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
     },
     a
   )), [i]);
-  return /* @__PURE__ */ s(ee, { ref: g, limit: f, children: [
+  return /* @__PURE__ */ s(ee, { ref: f, limit: b, children: [
     /* @__PURE__ */ s("div", { className: "section__heading", children: [
       n(c) && /* @__PURE__ */ s("div", { className: "section__title", children: [
         n(m) && /* @__PURE__ */ o("i", { className: m }),
@@ -184,14 +190,14 @@ const ee = Q.div`
         c
       ] }),
       p && n(d) && n(u) && !l && /* @__PURE__ */ o(
-        Z,
+        J,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
             var a;
-            (a = e == null ? void 0 : e.target) == null || a.blur(), _(d);
+            (a = e == null ? void 0 : e.target) == null || a.blur(), S(d);
           },
           borderRadius: "curved",
           className: "section__view-all",
@@ -199,41 +205,41 @@ const ee = Q.div`
         }
       )
     ] }),
-    /* @__PURE__ */ o(x, { isLoading: M, children: t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ o(
-      Y,
+    /* @__PURE__ */ o(x, { isLoading: T, children: t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ o(
+      Z,
       {
         items: t,
-        selectedIds: T,
-        onRemove: A,
-        onSelect: I,
-        allButton: D,
-        onSelectAll: E,
-        labelKey: F,
-        valueKey: R,
-        codeKey: U,
+        selectedIds: A,
+        onRemove: z,
+        onSelect: D,
+        allButton: F,
+        onSelectAll: R,
+        labelKey: $,
+        valueKey: U,
+        codeKey: V,
         noMargin: !0,
-        productsToolbarName: z,
+        productsToolbarName: I,
         noGradient: !0,
         className: "section__options"
       }
     ) }),
     /* @__PURE__ */ o(
-      W,
+      Y,
       {
         isLoading: l,
         keyPrefix: "detailed-product-card-skeleton",
-        children: /* @__PURE__ */ o("div", { className: "section__items", children: V })
+        children: /* @__PURE__ */ o("div", { className: "section__items", children: j })
       }
     ),
-    !p && !l && L && /* @__PURE__ */ o(
-      X,
+    !p && !l && B && /* @__PURE__ */ o(
+      H,
       {
         icon: k,
         borderRadius: "curved",
         btnType: "basic",
         color: "neutral",
         className: "section__show-more",
-        onClick: b
+        onClick: _
       }
     )
   ] });

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"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-B4kAj6YU.cjs"),j=require("./index-CS4w87SW.cjs"),V=require("./index-CRk3vcd4.cjs"),X=require("./index-oYE1Pl7q.cjs"),Z=Q.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),W=require("./Button.cjs"),l=require("./utils-CITgSxXe.cjs"),z=require("./useDetectMobile-DYV6V1yw.cjs"),G=require("./style-DC05rdyx.cjs"),P=require("./index-BEgD9vNo.cjs"),V=require("./index-vQOR22Py.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=K.styled.div`
   display: grid;
   grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -16,7 +16,11 @@
     }
   }
 
-  @media (max-width: ${K.MOBILE_SIZE_PX+"px"}) {
+  @media ${j.down("M")} {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  @media ${j.down("S")} {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -35,4 +39,4 @@
       /* Safari and Chrome */
     }
   }
-`,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;
+`,w=c.memo(P.DetailedProductCard),X=c.forwardRef((n,L)=>{const{icon:u,title:F,buttonLink:d,items:i,buttonText:m,limit:r=4,onSelectCard:p=()=>{},onButtonAction:D=()=>{},isLoading:g=!1,getImage:b=()=>{},negotiableText:S,freeText:k,options:a=[],isLoadingOptions:O=!1,selectedOption:T,onSelectOption:U=()=>{},onRemoveOption:M=()=>{},allOptionsEnabled:B=!1,allOptionsLabel:R="All",onSelectAllOptions:_=()=>{},optionLabel:$="label",optionValue:E="value",optionCode:A="code",sponsoredText:y,onBookmark:h=()=>{},actionComponent:f,componentName:C,LinkComponent:N,urgentText:q}=n,v=z.useDetectMobile(),Q=c.useMemo(()=>t.jsx(t.Fragment,{children:v===!0?i==null?void 0:i.map((e,o)=>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,nameSlug:e==null?void 0:e.nameSlug,onSelectCard:(I,s)=>p({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: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:y,onBookmark:h,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,r).map((e,o)=>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,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(I,s)=>p({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: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:y,onBookmark:h,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,r]);return t.jsxs(G.TitleWithOptionsSectionWrapper,{ref:L,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:F})]}),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(),D(d)},borderRadius:"curved",className:"button-link",children:m})]}),t.jsx(H.SuspenseSelectBar,{isLoading:O,children:a&&(a==null?void 0:a.length)>0&&t.jsx(V.SelectBar,{items:a,selectedIds:T,onRemove:M,onSelect:U,allButton:B,onSelectAll:_,labelKey:$,valueKey:E,codeKey:A,noMargin:!0,productsToolbarName:R,noGradient:!0,className:"section__options"})}),t.jsx(P.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"detailed-products-skeleton",children:t.jsx(J,{limit:r,children:Q})})]})});module.exports=X;

package/dist/DetailedProductsSection.js

@@ -1,15 +1,15 @@
 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 { memo as W, forwardRef as j, useMemo as z } from "react";
+import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as w } from "./breakpoints-ff0SIcV3.js";
 import V from "./Button.js";
-import { k as c } from "./utils-DtEfC-TX.js";
-import { u as X } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as Z } from "./style-neMbLWE6.js";
-import { D as H, S as J } from "./index-BASX-BjS.js";
-import { S as Y } from "./index-CwMCk9wV.js";
+import { l as c } from "./utils-B2fsQ6PS.js";
+import { u as H } from "./useDetectMobile-CcVo3PNi.js";
+import { T as J } from "./style-BUyFad_y.js";
+import { D as X, S as Y } from "./index-rYUwBlpp.js";
+import { S as Z } from "./index-BzSWu-7v.js";
 import { S as x } from "./index-4wvppFLx.js";
-const ee = z.div`
+const ee = G.div`
   display: grid;
   grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -27,7 +27,11 @@ const ee = z.div`
     }
   }
 
-  @media (max-width: ${G + "px"}) {
+  @media ${w("M")} {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  @media ${w("S")} {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -46,11 +50,11 @@ const ee = z.div`
       /* Safari and Chrome */
     }
   }
-`, w = W(H), ue = $((r, L) => {
+`, L = W(X), ue = j((r, F) => {
   const {
-    icon: d,
-    title: F,
-    buttonLink: m,
+    icon: m,
+    title: T,
+    buttonLink: d,
     items: t,
     buttonText: u,
     limit: n = 4,
@@ -61,22 +65,22 @@ const ee = z.div`
     isLoading: g = !1,
     getImage: b = () => {
     },
-    negotiableText: S,
-    freeText: f,
+    negotiableText: f,
+    freeText: S,
     options: i = [],
-    isLoadingOptions: T = !1,
-    selectedOption: U,
-    onSelectOption: B = () => {
+    isLoadingOptions: U = !1,
+    selectedOption: B,
+    onSelectOption: D = () => {
     },
     onRemoveOption: M = () => {
     },
-    allOptionsEnabled: D = !1,
-    allOptionsLabel: _ = "All",
-    onSelectAllOptions: E = () => {
+    allOptionsEnabled: q = !1,
+    allOptionsLabel: A = "All",
+    onSelectAllOptions: Q = () => {
     },
-    optionLabel: I = "label",
-    optionValue: q = "value",
-    optionCode: A = "code",
+    optionLabel: R = "label",
+    optionValue: _ = "value",
+    optionCode: $ = "code",
     sponsoredText: k,
     onBookmark: h = () => {
     },
@@ -84,8 +88,8 @@ const ee = z.div`
     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,
+  } = r, P = H(), E = z(() => /* @__PURE__ */ o(K, { children: P === !0 ? t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ o(
+    L,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -97,7 +101,7 @@ 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, s) => p({
+      onSelectCard: (I, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
         cardRef: s
@@ -106,8 +110,8 @@ const ee = z.div`
       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: f,
+      negotiableText: f,
+      freeText: S,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
@@ -129,7 +133,7 @@ const ee = z.div`
     },
     a
   )) : t == null ? void 0 : t.slice(0, n).map((e, a) => /* @__PURE__ */ o(
-    w,
+    L,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -141,7 +145,7 @@ 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, s) => p({
+      onSelectCard: (I, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
         cardRef: s
@@ -150,8 +154,8 @@ const ee = z.div`
       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: f,
+      negotiableText: f,
+      freeText: S,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
@@ -174,13 +178,13 @@ const ee = z.div`
     },
     a
   )) }), [t, P, n]);
-  return /* @__PURE__ */ l(Z, { ref: L, children: [
+  return /* @__PURE__ */ l(J, { ref: F, 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 })
+        c(m) && /* @__PURE__ */ o("i", { className: m }),
+        /* @__PURE__ */ o("span", { children: T })
       ] }),
-      c(m) && c(u) && !g && /* @__PURE__ */ o(
+      c(d) && c(u) && !g && /* @__PURE__ */ o(
         V,
         {
           type: "button",
@@ -188,7 +192,7 @@ const ee = z.div`
           color: "neutral",
           onClick: (e) => {
             var a;
-            (a = e == null ? void 0 : e.target) == null || a.blur(), O(m);
+            (a = e == null ? void 0 : e.target) == null || a.blur(), O(d);
           },
           borderRadius: "curved",
           className: "button-link",
@@ -196,30 +200,30 @@ const ee = z.div`
         }
       )
     ] }),
-    /* @__PURE__ */ o(x, { isLoading: T, children: i && (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ o(
-      Y,
+    /* @__PURE__ */ o(x, { isLoading: U, children: i && (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ o(
+      Z,
       {
         items: i,
-        selectedIds: U,
+        selectedIds: B,
         onRemove: M,
-        onSelect: B,
-        allButton: D,
-        onSelectAll: E,
-        labelKey: I,
-        valueKey: q,
-        codeKey: A,
+        onSelect: D,
+        allButton: q,
+        onSelectAll: Q,
+        labelKey: R,
+        valueKey: _,
+        codeKey: $,
         noMargin: !0,
-        productsToolbarName: _,
+        productsToolbarName: A,
         noGradient: !0,
         className: "section__options"
       }
     ) }),
     /* @__PURE__ */ o(
-      J,
+      Y,
       {
         isLoading: g,
         keyPrefix: "detailed-products-skeleton",
-        children: /* @__PURE__ */ o(ee, { limit: n, children: Q })
+        children: /* @__PURE__ */ o(ee, { limit: n, children: E })
       }
     )
   ] });

package/dist/DetailsView.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),T=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./FlexGrid.cjs"),L=require("./FlexGridItem.cjs"),i=require("./utils-RnrgDDZP.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=require("./Button.cjs"),d=require("./IconButton.cjs"),A=x.styled.label`
+"use strict";const o=require("react/jsx-runtime"),T=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./FlexGrid.cjs"),L=require("./FlexGridItem.cjs"),i=require("./utils-CITgSxXe.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=require("./Button.cjs"),d=require("./IconButton.cjs"),A=x.styled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>i.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/DetailsView.js

@@ -3,7 +3,7 @@ import { forwardRef as w } from "react";
 import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import j from "./FlexGrid.js";
 import W from "./FlexGridItem.js";
-import { c as A, b as C, g as O, a as U } from "./utils-DtEfC-TX.js";
+import { d as A, c as C, g as O, b as U } from "./utils-B2fsQ6PS.js";
 import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import Y from "./Button.js";
 import d from "./IconButton.js";