@lanaco/lnc-react-ui 4.0.226 → 4.0.227

package/dist/SimpleProductsSection.js

@@ -1,12 +1,12 @@
-import { jsxs as l, jsx as t, Fragment as v } from "react/jsx-runtime";
-import { Suspense as y, memo as L, forwardRef as W, useMemo as j } from "react";
-import { s as N } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { jsx as t, jsxs as k, Fragment as y } from "react/jsx-runtime";
+import { Suspense as $, memo as z, forwardRef as F, useMemo as _ } from "react";
+import { s as v } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as a } from "./breakpoints-BubDitvo.js";
-import { u as q } from "./useDetectMobile-B0Jog4jQ.js";
-import { S as z } from "./index-jGcy-5M_.js";
-import { T as B } from "./index-DdfMcHz0.js";
-import { b as R, S as $, a as A, c as i } from "./style-DvkivBNg.js";
-const D = N.div`
+import { u as L } from "./useDetectMobile-B0Jog4jQ.js";
+import { S as j } from "./index-jGcy-5M_.js";
+import { T as q } from "./index-DdfMcHz0.js";
+import { b as A, c as B, a as R, d as m } from "./style-BFPpppS9.js";
+const D = v.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -69,7 +69,7 @@ const D = N.div`
     grid-template-columns: 1fr;
     gap: 0.75rem;
   }
-`, G = N(R)`
+`, G = v(A)`
   @media ${a("S")} {
     & .skeleton__cards {
       & > div {
@@ -82,118 +82,45 @@ const D = N.div`
       }
     }
   }
-`, I = ({ keyPrefix: r }) => /* @__PURE__ */ l(G, { children: [
-  /* @__PURE__ */ l($, { className: "skeleton__cards", children: [
-    /* @__PURE__ */ t(
-      A,
-      {
-        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__ */ l($, { 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: m = !1,
-  fallbackComponent: n = /* @__PURE__ */ t(v, {}),
-  children: d
-}) => /* @__PURE__ */ t(y, { fallbackComponent: n, children: m === !0 ? /* @__PURE__ */ t(I, { keyPrefix: r }) : d }), k = L(z), Y = W((r, m) => {
+`, I = ({ keyPrefix: i }) => /* @__PURE__ */ t(G, { children: [1, 2].map((o) => /* @__PURE__ */ k(
+  B,
+  {
+    className: "skeleton__cards",
+    children: [
+      /* @__PURE__ */ t(R, { width: "100%", height: "11.125rem" }),
+      /* @__PURE__ */ t(m, { size: "11.125rem" }),
+      /* @__PURE__ */ t(m, { size: "11.125rem" }),
+      /* @__PURE__ */ t(m, { size: "11.125rem" })
+    ]
+  },
+  `${i}-${o}`
+)) }), V = ({
+  keyPrefix: i,
+  isLoading: o = !1,
+  fallbackComponent: l = /* @__PURE__ */ t(y, {}),
+  children: n
+}) => /* @__PURE__ */ t($, { fallbackComponent: l, children: o === !0 ? /* @__PURE__ */ t(I, { keyPrefix: i }) : n }), w = z(j), Y = F((i, o) => {
   const {
-    title: n,
-    subtitle: d,
-    description: M,
-    buttonText: T,
-    buttonLink: U,
-    items: o,
-    onButtonAction: _ = () => {
+    title: l,
+    subtitle: n,
+    description: C,
+    buttonText: N,
+    buttonLink: P,
+    items: r,
+    onButtonAction: M = () => {
     },
-    isLoading: C = !1,
-    limit: c = 6,
-    getImage: u = () => {
+    isLoading: T = !1,
+    limit: d = 6,
+    getImage: c = () => {
     },
-    negotiableText: p,
-    freeText: h,
+    negotiableText: u,
+    freeText: p,
     componentName: g,
-    LinkComponent: w
-  } = r, S = q(), F = j(() => {
-    var b, f;
-    return /* @__PURE__ */ t(v, { children: S === !0 ? (b = o == null ? void 0 : o.slice(0, 4)) == null ? void 0 : b.map((e, s) => /* @__PURE__ */ t(
-      k,
+    LinkComponent: f
+  } = i, h = L(), U = _(() => {
+    var S, b;
+    return /* @__PURE__ */ t(y, { children: h === !0 ? (S = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : S.map((e, s) => /* @__PURE__ */ t(
+      w,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -203,15 +130,15 @@ const D = N.div`
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
-        image: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: p,
-        freeText: h,
+        image: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: u,
+        freeText: p,
         metadata: { name: g, accessor: e == null ? void 0 : e.accessor },
-        LinkComponent: w
+        LinkComponent: f
       },
       s
-    )) : (f = o == null ? void 0 : o.slice(0, 9)) == null ? void 0 : f.map((e, s) => /* @__PURE__ */ t(
-      k,
+    )) : (b = r == null ? void 0 : r.slice(0, 9)) == null ? void 0 : b.map((e, s) => /* @__PURE__ */ t(
+      w,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -221,34 +148,34 @@ const D = N.div`
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
-        image: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: p,
-        freeText: h,
+        image: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: u,
+        freeText: p,
         metadata: { name: g, accessor: e == null ? void 0 : e.accessor },
-        LinkComponent: w
+        LinkComponent: f
       },
       s
     )) });
-  }, [o, S, c]);
+  }, [r, h, d]);
   return /* @__PURE__ */ t(
     V,
     {
-      isLoading: C,
+      isLoading: T,
       keyPrefix: "simple-products-skeleton",
-      children: /* @__PURE__ */ l(D, { ref: m, limit: c, children: [
+      children: /* @__PURE__ */ k(D, { ref: o, limit: d, children: [
         /* @__PURE__ */ t(
-          B,
+          q,
           {
-            subtitle: d,
-            title: n,
-            description: M,
-            buttonText: T,
-            buttonLink: U,
-            onButtonAction: _,
+            subtitle: n,
+            title: l,
+            description: C,
+            buttonText: N,
+            buttonLink: P,
+            onButtonAction: M,
             className: "text-block-v1"
           }
         ),
-        F
+        U
       ] })
     }
   );

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-BGNavrtB.cjs"),Q=L.styled.div`
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-D3QZziO_.cjs"),Q=L.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ import { s as z } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as c } from "./breakpoints-BubDitvo.js";
 import { u as A } from "./useDetectMobile-B0Jog4jQ.js";
 import B from "./Button.js";
-import { D as G, S as R } from "./index-gFZSZLba.js";
+import { D as G, S as R } from "./index-BXT1eY2D.js";
 const I = z.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/index-B7fBsitY.js

@@ -0,0 +1,45 @@
+import { jsx as e, Fragment as a } from "react/jsx-runtime";
+import { Suspense as o } from "react";
+import { S as m, a as i, e as d } from "./style-BFPpppS9.js";
+import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as c } from "./breakpoints-BubDitvo.js";
+const l = h(m)`
+  &.skeleton__tags {
+    max-width: 50rem;
+  }
+
+  @media ${c("S")} {
+    &.skeleton__tags {
+      overflow-x: hidden;
+    }
+  }
+`, g = ({ keyPrefix: t }) => /* @__PURE__ */ e(l, { className: "skeleton__cards", children: [1, 2, 3].map((s) => /* @__PURE__ */ e(
+  i,
+  {
+    width: "100%",
+    height: "13.75rem"
+  },
+  `${t}-${s}`
+)) }), C = ({
+  keyPrefix: t,
+  isLoading: s = !1,
+  fallbackComponent: n = /* @__PURE__ */ e(a, {}),
+  children: r
+}) => /* @__PURE__ */ e(o, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ e(g, { keyPrefix: t }) : r }), f = ({ keyPrefix: t }) => /* @__PURE__ */ e(l, { className: "skeleton__tags", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ e(
+  d,
+  {
+    alignItems: "center",
+    gap: "0.5rem",
+    children: /* @__PURE__ */ e(i, { height: "1.5rem", width: "8rem" })
+  },
+  `${t}-${s}`
+)) }), T = ({
+  keyPrefix: t,
+  isLoading: s = !1,
+  fallbackComponent: n = /* @__PURE__ */ e(a, {}),
+  children: r
+}) => /* @__PURE__ */ e(o, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ e(f, { keyPrefix: t }) : r });
+export {
+  T as S,
+  C as a
+};

package/dist/index-BMAvJQBG.cjs

@@ -0,0 +1,9 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),n=require("./style-CQdEALKR.cjs"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./breakpoints-CcVm-gVm.cjs"),d=l.styled(n.SkeletonAnimationColumnContainer)`
+  @media ${c.down("S")} {
+    flex-direction: column;
+
+    & > div {
+      flex-direction: column;
+    }
+  }
+`,u=({keyPrefix:t})=>e.jsx(d,{children:[1,2].map(s=>e.jsxs(n.SkeletonContainer,{children:[e.jsx(n.SkeletonRect,{width:"100%",height:"11.25rem"}),e.jsx(n.SkeletonRect,{width:"100%",height:"11.25rem"})]},`${t}-${s}`))}),a=({keyPrefix:t,isLoading:s=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:r})=>e.jsx(i.Suspense,{fallbackComponent:o,children:s===!0?e.jsx(u,{keyPrefix:t}):r});exports.SuspenseBlogCardsSponsored=a;

package/dist/index-BUdvfHpp.cjs

@@ -0,0 +1,5 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("react"),s=require("./style-CQdEALKR.cjs"),c=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),u=c.styled(s.SkeletonAnimationContainer)`
+  @media ${l.down("S")} {
+    flex-direction: column;
+  }
+`,a=({keyPrefix:t})=>e.jsx(u,{children:[1,2,3].map(n=>e.jsx(s.SkeletonRect,{width:"100%",height:"23rem"},`${t}-${n}`))}),d=({keyPrefix:t,isLoading:n=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:i})=>e.jsx(r.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(a,{keyPrefix:t}):i});exports.SuspenseBlogsSectionDetailed=d;