@lanaco/lnc-react-ui 4.0.169 → 4.0.171

package/dist/SimpleProductsSection.js

@@ -1,12 +1,12 @@
-import { jsx as r, Fragment as U, jsxs as F } from "react/jsx-runtime";
-import { memo as T, forwardRef as v, useMemo as B } from "react";
-import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as L } from "./consts-BuFChS64.js";
-import { u as j } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as z } from "./index-y6sKgrZC.js";
-import { T as E } from "./index-DK8dqEUQ.js";
-import { S as _ } from "./suspense-product-card-simple-ziy0XcLp.js";
-const A = I.div`
+import { jsxs as m, jsx as t, Fragment as _ } from "react/jsx-runtime";
+import { Suspense as I, memo as W, forwardRef as j, useMemo as z } from "react";
+import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as k } from "./consts-BuFChS64.js";
+import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
+import { S as R } from "./index-XYs5Cuh5.js";
+import { T as q } from "./index-DK8dqEUQ.js";
+import { S as A, a as f, b as D, c as i } from "./style-CXMUA6cI.js";
+const G = C.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -17,7 +17,7 @@ const A = I.div`
     margin: auto;
   }
 
-  @media (max-width: ${L + "px"}) {
+  @media (max-width: ${k + "px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -36,29 +36,132 @@ const A = I.div`
 
     }
   }
-`, g = T(z), $ = v((f, S) => {
+`, O = C(A)`
+  @media (max-width: ${k + "px"}) {
+    & .skeleton__cards {
+      & > div {
+        width: 100%;
+        height: 100%;
+
+        &:nth-of-type(even) {
+          display: none;
+        }
+      }
+    }
+  }
+`, P = ({ keyPrefix: r }) => /* @__PURE__ */ m(O, { children: [
+  /* @__PURE__ */ m(f, { className: "skeleton__cards", children: [
+    /* @__PURE__ */ t(
+      D,
+      {
+        width: "100%",
+        height: "11.125rem"
+      },
+      `${r}-1`
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-2`
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-3`
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-4`
+    )
+  ] }),
+  /* @__PURE__ */ m(f, { className: "skeleton__cards", children: [
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-5`
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-6`
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-7`
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-8`
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-9`
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        height: "11.125rem",
+        width: "11.125rem"
+      },
+      `${r}-10`
+    )
+  ] })
+] }), V = ({
+  keyPrefix: r,
+  isLoading: o = !1,
+  fallbackComponent: s = /* @__PURE__ */ t(_, {}),
+  children: l
+}) => /* @__PURE__ */ t(I, { fallbackComponent: s, children: o === !0 ? /* @__PURE__ */ t(P, { keyPrefix: r }) : l }), N = W(R), x = j((r, o) => {
   const {
-    title: b,
-    subtitle: h,
-    description: w,
-    buttonText: y,
-    buttonLink: P,
-    items: i,
-    onButtonAction: k = () => {
+    title: s,
+    subtitle: l,
+    description: v,
+    buttonText: M,
+    buttonLink: U,
+    items: a,
+    onButtonAction: F = () => {
     },
-    onSelectCard: u = () => {
+    onSelectCard: c = () => {
     },
-    isLoading: C = !1,
-    limit: t = 6,
-    getImage: m = () => {
+    isLoading: T = !1,
+    limit: u = 6,
+    getImage: h = () => {
     },
-    negotiableText: l,
-    freeText: s,
-    componentName: d
-  } = f, n = j(), M = B(() => {
-    var c, p;
-    return /* @__PURE__ */ r(U, { children: n === !0 ? (c = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : c.map((e, a) => /* @__PURE__ */ r(
-      g,
+    negotiableText: p,
+    freeText: g,
+    componentName: S
+  } = r, w = E(), L = z(() => {
+    var b, $;
+    return /* @__PURE__ */ t(_, { children: w === !0 ? (b = a == null ? void 0 : a.slice(0, 4)) == null ? void 0 : b.map((e, d) => /* @__PURE__ */ t(
+      N,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -67,19 +170,19 @@ const A = I.div`
         currency: e == null ? void 0 : e.currency,
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectCard: (N, o) => u({
+        onSelectCard: (B, n) => c({
           uuid: e == null ? void 0 : e.uuid,
           nameSlug: e == null ? void 0 : e.nameSlug,
-          cardRef: o
+          cardRef: n
         }),
-        image: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: l,
-        freeText: s,
-        metadata: { name: d, accessor: e == null ? void 0 : e.accessor }
+        image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: p,
+        freeText: g,
+        metadata: { name: S, accessor: e == null ? void 0 : e.accessor }
       },
-      a
-    )) : (p = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : p.map((e, a) => /* @__PURE__ */ r(
-      g,
+      d
+    )) : ($ = a == null ? void 0 : a.slice(0, 9)) == null ? void 0 : $.map((e, d) => /* @__PURE__ */ t(
+      N,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -88,43 +191,42 @@ const A = I.div`
         currency: e == null ? void 0 : e.currency,
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectCard: (N, o) => u({
+        onSelectCard: (B, n) => c({
           uuid: e == null ? void 0 : e.uuid,
           nameSlug: e == null ? void 0 : e.nameSlug,
-          cardRef: o
+          cardRef: n
         }),
-        image: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: l,
-        freeText: s,
-        metadata: { name: d, accessor: e == null ? void 0 : e.accessor }
+        image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: p,
+        freeText: g,
+        metadata: { name: S, accessor: e == null ? void 0 : e.accessor }
       },
-      a
+      d
     )) });
-  }, [i, n, t]);
-  return /* @__PURE__ */ F(A, { ref: S, limit: t, children: [
-    /* @__PURE__ */ r(
-      E,
-      {
-        subtitle: h,
-        title: b,
-        description: w,
-        buttonText: y,
-        buttonLink: P,
-        onButtonAction: k,
-        className: "text-block-v1"
-      }
-    ),
-    /* @__PURE__ */ r(
-      _,
-      {
-        isLoading: C,
-        limit: t,
-        keyPrefix: "explore-landing",
-        children: M
-      }
-    )
-  ] });
+  }, [a, w, u]);
+  return /* @__PURE__ */ t(
+    V,
+    {
+      isLoading: T,
+      keyPrefix: "simple-products-skeleton",
+      children: /* @__PURE__ */ m(G, { ref: o, limit: u, children: [
+        /* @__PURE__ */ t(
+          q,
+          {
+            subtitle: l,
+            title: s,
+            description: v,
+            buttonText: M,
+            buttonLink: U,
+            onButtonAction: F,
+            className: "text-block-v1"
+          }
+        ),
+        L
+      ] })
+    }
+  );
 });
 export {
-  $ as default
+  x as default
 };

package/dist/Spinner.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import { P as i } from "./index-CblbdqjE.js";
 import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { k as p } from "./emotion-react.browser.esm-DUVZ5oEL.js";
-import { c as g, b as n } from "./utils-BdsZgOUE.js";
+import { c as g, b as n } from "./utils-DHfRApMf.js";
 import { u as h } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const u = {
   small: "0.6rem",

package/dist/StatsSection.js

@@ -3,7 +3,7 @@ import { forwardRef as s } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as l } from "./consts-BuFChS64.js";
-import { p as m } from "./utils-BdsZgOUE.js";
+import { o as m } from "./utils-DHfRApMf.js";
 const g = c.div`
   display: flex;
   justify-content: center;
@@ -137,18 +137,18 @@ const h = c.div`
       }
     }
   }
-`, p = s(({ title: i, description: r, items: e = [] }, n) => /* @__PURE__ */ a(h, { ref: n, children: [
+`, _ = s(({ title: i, description: r, items: e = [] }, n) => /* @__PURE__ */ a(h, { ref: n, children: [
   /* @__PURE__ */ a("div", { className: "section__heading", children: [
     i && /* @__PURE__ */ t("div", { className: "section__title", children: i }),
     r && /* @__PURE__ */ t("div", { className: "section__description", children: r })
   ] }),
   /* @__PURE__ */ t(d, { items: e })
 ] }));
-p.propTypes = {
+_.propTypes = {
   title: o.string,
   description: o.string,
   items: o.array
 };
 export {
-  p as default
+  _ as default
 };

package/dist/Surface.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as r } from "./index-CblbdqjE.js";
-import { j as u, a as f } from "./utils-BdsZgOUE.js";
+import { j as u, a as f } from "./utils-DHfRApMf.js";
 import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const g = x.div`
   padding: ${(e) => e.padding};

package/dist/SwipeableDrawer.js

@@ -2,7 +2,7 @@ import { jsx as g, Fragment as V } from "react/jsx-runtime";
 import { forwardRef as q, useRef as A, useState as B, useImperativeHandle as G, useEffect as J } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as w, c as K } from "./utils-BdsZgOUE.js";
+import { b as w, c as K } from "./utils-DHfRApMf.js";
 import { u as Q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const R = (e, o, r, u, s) => {
   if (e === "right" || e === "left" || o && r) return "height: 100%;";

package/dist/TabItem.js

@@ -2,7 +2,7 @@ import { jsx as j } from "react/jsx-runtime";
 import { forwardRef as D, useState as H } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { h as A, c as F, b as i, a as o } from "./utils-BdsZgOUE.js";
+import { h as A, c as F, b as i, a as o } from "./utils-DHfRApMf.js";
 import { u as K } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as h } from "./useUpdateEffect-CuYWz7EA.js";
 const S = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625rem", V = I.div`

package/dist/Table.js

@@ -2,7 +2,7 @@ import { jsx as b, jsxs as fe, Fragment as P } from "react/jsx-runtime";
 import { useLayoutEffect as Kr, useEffect as $e, useState as Pt, useMemo as Xr, createElement as k, isValidElement as qr, forwardRef as Jr, useImperativeHandle as Zr } from "react";
 import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as o } from "./index-CblbdqjE.js";
-import { A as Nt, B as Qr, b as A, c as De, C as Bt, u as en, D as K, r as j, i as $ } from "./utils-BdsZgOUE.js";
+import { A as Nt, B as Qr, b as A, c as De, C as Bt, u as en, D as K, r as j, i as $ } from "./utils-DHfRApMf.js";
 import { c as G, g as ke } from "./_commonjsHelpers-BkfeUUK-.js";
 import { u as U } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { i as tn } from "./index-6RFrSPs_.js";

package/dist/TableView.js

@@ -4,7 +4,7 @@ import { P as e } from "./index-CblbdqjE.js";
 import { s as re } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import ae from "./ActionsToolbar.js";
 import ie from "./Pagination.js";
-import { r as g, i as w } from "./utils-BdsZgOUE.js";
+import { r as g, i as w } from "./utils-DHfRApMf.js";
 import se from "./Table.js";
 const me = re.div`
   & .table-view-pagination-lnc {

package/dist/TextAreaInput.js

@@ -4,7 +4,7 @@ import * as y from "react";
 import W, { forwardRef as Y, useState as F, useEffect as E, useCallback as q } from "react";
 import { d as D } from "./index-Dt62UGku.js";
 import { s as X } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as Z, d as J, b as x, a as K, e as Q, h as ee } from "./utils-BdsZgOUE.js";
+import { c as Z, d as J, b as x, a as K, e as Q, h as ee } from "./utils-DHfRApMf.js";
 import { _ as te, u as re } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { _ as ne } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
 import { i as ae } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";

package/dist/TextInput.js

@@ -3,7 +3,7 @@ import { P as t } from "./index-CblbdqjE.js";
 import { forwardRef as D, useRef as E, useState as V, useEffect as q, useCallback as A } from "react";
 import { d as G } from "./index-Dt62UGku.js";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as s, b as a, a as H, e as J, h as T, c as K } from "./utils-BdsZgOUE.js";
+import { d as s, b as a, a as H, e as J, h as T, c as K } from "./utils-DHfRApMf.js";
 import { u as L } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const M = m.div`
   display: flex;

package/dist/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as b, jsxs as u } from "react/jsx-runtime";
 import { createContext as g, useContext as f, useState as h, useEffect as x } from "react";
-import { m as $, d, b as a, n as s } from "./utils-BdsZgOUE.js";
+import { m as $, d, b as a, n as s } from "./utils-DHfRApMf.js";
 import { P as i } from "./index-CblbdqjE.js";
 import { $ as y } from "./styled-components.browser.esm-D-n22PJk.js";
 import { b as T } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/TimeInput.js

@@ -3,7 +3,7 @@ import { forwardRef as O, useState as k, useEffect as v, useCallback as T } from
 import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as a } from "./index-CblbdqjE.js";
 import { d as S } from "./index-Dt62UGku.js";
-import { c as w, b as r, a as R, h as j, e as F, d as N } from "./utils-BdsZgOUE.js";
+import { c as w, b as r, a as R, h as j, e as F, d as N } from "./utils-DHfRApMf.js";
 import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const U = ({ theme: e, size: n }) => {
   var d = N(e, n);

package/dist/Toggle.js

@@ -2,7 +2,7 @@ import { jsxs as P, jsx as m } from "react/jsx-runtime";
 import { useState as S } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { e as j, b as i, c as f } from "./utils-BdsZgOUE.js";
+import { e as j, b as i, c as f } from "./utils-DHfRApMf.js";
 import { u as B } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const o = {
   containerWidth: {

package/dist/TreeMenuSeparator.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { P as r } from "./index-CblbdqjE.js";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as i } from "./utils-BdsZgOUE.js";
+import { b as i } from "./utils-DHfRApMf.js";
 import { forwardRef as n } from "react";
 import { u as c } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const f = l.div`

package/dist/UploadedFile.js

@@ -4,7 +4,7 @@ import { P as i } from "./index-CblbdqjE.js";
 import { s as t } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import y from "./Icon.js";
 import O from "./ProgressBar.js";
-import { b as S, c as C } from "./utils-BdsZgOUE.js";
+import { b as S, c as C } from "./utils-DHfRApMf.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const z = {
   small: "1.5rem",

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),n=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),S=require("./suspense-product-card-detailed-IR4sh-l4.cjs"),D=_.styled.div`
+"use strict";const o=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-DFyV_EK2.cjs"),F=_.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit||5},  minmax(0, 1fr))`};
@@ -71,4 +71,4 @@
     display: flex;
     flex-direction: column;
   }
-`,w=n.memo(S.DetailedProductCard),F=n.forwardRef((a,P)=>{const{items:r,limit:i=5,limitMobile:l=4,onSelectCard:u=()=>{},title:N="Urgent sale",showLessText:j="Show less",showMoreText:q="Show more",isLoading:L=!1,getImage:g=()=>{},negotiableText:p,freeText:b,onBookmark:f=()=>{},bookmarkComponent:k,componentName:h,sponsoredText:y}=a,d=$.useDetectMobile(),[s,M]=n.useState(!1),U=n.useMemo(()=>{var t;return o.jsx(o.Fragment,{children:d===!0?(t=r==null?void 0:r.slice(0,s===!0?r==null?void 0:r.length:l))==null?void 0:t.map((e,m)=>o.jsx(w,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:y},m)):r==null?void 0:r.slice(0,i).map((e,m)=>o.jsx(w,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,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,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:y,sellerName:e==null?void 0:e.sellerName},m))})},[r,d,i,l,s]);return o.jsxs(D,{ref:P,limit:i,children:[o.jsxs("div",{className:"urgent-tag",children:[o.jsx("i",{className:"mng mng-lnc-bolt-filled"}),o.jsx("span",{children:N})]}),o.jsx(S.SuspenseDetailedProductCard,{isLoading:L,limit:i,keyPrefix:"explore-landing",children:U}),d===!0&&l<(r==null?void 0:r.length)&&o.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),M(!s)},children:s===!0?j:q})]})});module.exports=F;
+`,S=s.memo(N.DetailedProductCard),I=s.forwardRef((a,P)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:u=()=>{},title:j="Urgent sale",showLessText:q="Show less",showMoreText:L="Show more",isLoading:g=!1,getImage:p=()=>{},negotiableText:b,freeText:k,onBookmark:f=()=>{},bookmarkComponent:h,componentName:y,sponsoredText:w}=a,d=$.useDetectMobile(),[i,M]=s.useState(!1),U=s.useMemo(()=>{var t;return o.jsx(o.Fragment,{children:d===!0?(t=r==null?void 0:r.slice(0,i===!0?r==null?void 0:r.length:l))==null?void 0:t.map((e,m)=>o.jsx(S,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:b,freeText:k,onBookmark:f,bookmarkComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:w},m)):r==null?void 0:r.slice(0,n).map((e,m)=>o.jsx(S,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,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,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:b,freeText:k,onBookmark:f,bookmarkComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:w,sellerName:e==null?void 0:e.sellerName},m))})},[r,d,n,l,i]);return o.jsx(N.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"urgent-sale-products-skeleton",children:o.jsxs(F,{ref:P,limit:n,children:[o.jsxs("div",{className:"urgent-tag",children:[o.jsx("i",{className:"mng mng-lnc-bolt-filled"}),o.jsx("span",{children:j})]})," ",U," ",d===!0&&l<(r==null?void 0:r.length)&&!g&&o.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),M(!i)},children:i===!0?q:L})]})})});module.exports=I;