@lanaco/lnc-react-ui 4.0.156 → 4.0.157

package/dist/SalesCampaignsSection.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as g, Fragment as ke } from "react/jsx-runtime";
+import { jsx as n, jsxs as g, Fragment as ke } from "react/jsx-runtime";
 import { forwardRef as z, useRef as Ne, useEffect as Z, Fragment as Ie, createElement as De, useState as M, Suspense as Te, memo as Pe, useMemo as ze } from "react";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { a as L, k as Y, l as Me, o as ce } from "./utils-BdsZgOUE.js";
@@ -155,10 +155,10 @@ const Ue = h.div`
       gap: 0.25rem;
     }
   }
-`, oe = (e = !1, n = !1, o = !1) => `
+`, oe = (e = !1, t = !1, o = !1) => `
     display: flex;
-    ${n ? "flex-wrap: wrap;" : ""}
-    ${n ? "" : "flex-wrap: nowrap;"}
+    ${t ? "flex-wrap: wrap;" : ""}
+    ${t ? "" : "flex-wrap: nowrap;"}
     ${e ? "align-items: center;" : ""}
     ${o ? "justify-content: center;" : ""}
   `, je = h(de.div)`
@@ -259,7 +259,7 @@ const Ue = h.div`
   & i {
     font-size: 0.813rem;
   }
-`, Fe = z(({ src: e, ...n }, o) => {
+`, Fe = z(({ src: e, ...t }, o) => {
   const i = Ne();
   return Z(() => {
     var f;
@@ -270,10 +270,10 @@ const Ue = h.div`
       var s;
       (s = i == null ? void 0 : i.current) == null || s.removeEventListener("error", l);
     };
-  }, []), /* @__PURE__ */ t(Ie, { ref: o, children: Y(e) ? /* @__PURE__ */ t("img", { ref: i, src: e, ...n }) : /* @__PURE__ */ t("img", { src: ne, ...n }) });
+  }, []), /* @__PURE__ */ n(Ie, { ref: o, children: Y(e) ? /* @__PURE__ */ n("img", { ref: i, src: e, ...t }) : /* @__PURE__ */ n("img", { src: ne, ...t }) });
 }), he = (e) => {
   const {
-    uuid: n,
+    uuid: t,
     hasPermission: o = !0,
     isUser: i,
     image: l,
@@ -311,11 +311,11 @@ const Ue = h.div`
       isActive: I,
       themeColor: (v == null ? void 0 : v.code) || "transparent"
     },
-    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: Me(f) ? f : l }),
+    /* @__PURE__ */ n("div", { className: "logo-wrapper", children: Me(f) ? f : l }),
     /* @__PURE__ */ g("div", { children: [
-      /* @__PURE__ */ t("div", { className: "name", children: s }),
-      !i && /* @__PURE__ */ t("div", { className: "description", children: b }),
-      m > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(Le, { className: "badge", color: "danger", size: "small", children: m > 99 ? "99+" : m }) })
+      /* @__PURE__ */ n("div", { className: "name", children: s }),
+      !i && /* @__PURE__ */ n("div", { className: "description", children: b }),
+      m > 0 && /* @__PURE__ */ n("div", { className: "notifications-number", children: /* @__PURE__ */ n(Le, { className: "badge", color: "danger", size: "small", children: m > 99 ? "99+" : m }) })
     ] })
   );
 };
@@ -341,16 +341,16 @@ he.propTypes = {
   onSelect: a.func,
   hasPermission: a.bool
 };
-const ie = (e, n) => {
-  if (!e || !n) return null;
-  const o = e.getTime() - n.getTime(), i = 24 * 60 * 60 * 1e3;
+const ie = (e, t) => {
+  if (!e || !t) return null;
+  const o = e.getTime() - t.getTime(), i = 24 * 60 * 60 * 1e3;
   return o >= 0 ? Math.ceil(o / i) : Math.floor(o / i);
 }, se = (e) => {
   if (e !== void 0) {
-    const n = new Date(e), o = n.getFullYear(), i = n.getMonth() + 1;
-    return `${String(n.getDate()).padStart(2)}. ${i}. ${o}.`;
+    const t = new Date(e), o = t.getFullYear(), i = t.getMonth() + 1;
+    return `${String(t.getDate()).padStart(2)}. ${i}. ${o}.`;
   }
-}, pe = z((e, n) => {
+}, pe = z((e, t) => {
   var te;
   const o = q(), {
     // uuid,
@@ -414,22 +414,22 @@ const ie = (e, n) => {
   return /* @__PURE__ */ g(
     Ue,
     {
-      ref: n,
+      ref: t,
       theme: o,
       className: w,
       onClick: b,
       ...we,
       children: [
         /* @__PURE__ */ g(Oe, { theme: o, onClick: () => s == null ? void 0 : s(), children: [
-          /* @__PURE__ */ t("img", { src: f }),
-          /* @__PURE__ */ t(Re, { children: x == null ? void 0 : x.map(($, R) => {
+          /* @__PURE__ */ n("img", { src: f }),
+          /* @__PURE__ */ n(Re, { children: x == null ? void 0 : x.map(($, R) => {
             var u, P;
-            return /* @__PURE__ */ t(
+            return /* @__PURE__ */ n(
               Be,
               {
                 color: (u = p == null ? void 0 : p.find((C) => C.value === $)) == null ? void 0 : u.color,
                 theme: o,
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ n(
                   ge,
                   {
                     icon: (P = p == null ? void 0 : p.find((C) => C.value === $)) == null ? void 0 : P.icon
@@ -441,9 +441,9 @@ const ie = (e, n) => {
           }) })
         ] }),
         /* @__PURE__ */ g(Ee, { theme: o, children: [
-          /* @__PURE__ */ t("div", { className: "text-block-wrapper", children: /* @__PURE__ */ g("div", { className: "title-block-wrapper", children: [
-            /* @__PURE__ */ t("div", { className: "campaign-title", children: (te = D ? _ : d) == null ? void 0 : te.toUpperCase() }),
-            /* @__PURE__ */ t("div", { className: "campaign-title-text", children: l }),
+          /* @__PURE__ */ n("div", { className: "text-block-wrapper", children: /* @__PURE__ */ g("div", { className: "title-block-wrapper", children: [
+            /* @__PURE__ */ n("div", { className: "campaign-title", children: (te = D ? _ : d) == null ? void 0 : te.toUpperCase() }),
+            /* @__PURE__ */ n("div", { className: "campaign-title-text", children: l }),
             c && m && /* @__PURE__ */ g("div", { className: "campaign-date", children: [
               se(m),
               " - ",
@@ -458,7 +458,7 @@ const ie = (e, n) => {
                 "∙",
                 " "
               ] }),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ n(
                 "span",
                 {
                   className: `duration-text ${ve ? "urgent" : ""} ${Q ? "" : "starts-in"}`,
@@ -487,11 +487,11 @@ const ie = (e, n) => {
               )
             ] })
           ] }) }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ n(
             he,
             {
               hasPermission: !0,
-              image: /* @__PURE__ */ t(Fe, { src: y }),
+              image: /* @__PURE__ */ n(Fe, { src: y }),
               imageComponent: I,
               themeData: U,
               isActive: !0,
@@ -613,48 +613,48 @@ const B = h.div`
   display: flex;
   gap: 1.5rem;
 `, He = z(({}, e) => {
-  const n = q();
-  return /* @__PURE__ */ g(Ae, { ref: e, theme: n, children: [
-    /* @__PURE__ */ t("div", { className: "campaign__left-section", children: /* @__PURE__ */ t(
+  const t = q();
+  return /* @__PURE__ */ g(Ae, { ref: e, theme: t, children: [
+    /* @__PURE__ */ n("div", { className: "campaign__left-section", children: /* @__PURE__ */ n(
       le,
       {
-        theme: n,
+        theme: t,
         width: "15rem",
         height: "15rem",
         borderRadius: "edged"
       }
     ) }),
     /* @__PURE__ */ g("div", { className: "campaign__right-section", children: [
-      /* @__PURE__ */ g(We, { theme: n, children: [
-        /* @__PURE__ */ t(B, { heightCoeff: 0.75, theme: n, width: "35%" }),
-        /* @__PURE__ */ t(B, { heightCoeff: 1.25, theme: n }),
-        /* @__PURE__ */ t(B, { heightCoeff: 3, theme: n })
+      /* @__PURE__ */ g(We, { theme: t, children: [
+        /* @__PURE__ */ n(B, { heightCoeff: 0.75, theme: t, width: "35%" }),
+        /* @__PURE__ */ n(B, { heightCoeff: 1.25, theme: t }),
+        /* @__PURE__ */ n(B, { heightCoeff: 3, theme: t })
       ] }),
       /* @__PURE__ */ g("div", { className: "campaign__user", children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           le,
           {
-            theme: n,
+            theme: t,
             width: "2.5rem",
             height: "2.5rem",
             borderRadius: "curved"
           }
         ),
-        /* @__PURE__ */ t(B, { theme: n, width: "75%" })
+        /* @__PURE__ */ n(B, { theme: t, width: "75%" })
       ] })
     ] })
   ] });
-}), Ge = ({ itemsCount: e = 5, keyPrefix: n }) => /* @__PURE__ */ t(Ve, { children: Array.from({ length: e }, (o, i) => /* @__PURE__ */ t(
+}), Ge = ({ itemsCount: e = 5, keyPrefix: t }) => /* @__PURE__ */ n(Ve, { children: Array.from({ length: e }, (o, i) => /* @__PURE__ */ n(
   He,
   {},
-  `${n}-skeleton-campaign-card-${i}`
+  `${t}-skeleton-campaign-card-${i}`
 )) }), Xe = ({
   children: e,
-  fallbackComponent: n = /* @__PURE__ */ t(ke, {}),
+  fallbackComponent: t = /* @__PURE__ */ n(ke, {}),
   isLoading: o = !1,
   itemsCount: i = 5,
   keyPrefix: l
-}) => /* @__PURE__ */ t(Te, { fallback: n, children: o === !0 ? /* @__PURE__ */ t(Ge, { itemsCount: i, keyPrefix: l }) : e }), Ye = h.div`
+}) => /* @__PURE__ */ n(Te, { fallback: t, children: o === !0 ? /* @__PURE__ */ n(Ge, { itemsCount: i, keyPrefix: l }) : e }), Ye = h.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -732,7 +732,7 @@ const B = h.div`
     }
   }
 `, fe = z(
-  ({ icon: e, title: n, numOfSlides: o = 2, showNavigation: i = !0, children: l }, f) => {
+  ({ icon: e, title: t, numOfSlides: o = 2, showNavigation: i = !0, children: l }, f) => {
     const [s, m] = M(0), [c, x] = M(1), [k, N] = M(null), [y, I] = M(null), w = me(), b = (l == null ? void 0 : l.length) ?? 1;
     Z(() => {
       const d = () => {
@@ -748,8 +748,8 @@ const B = h.div`
       (p = d == null ? void 0 : d.target) == null || p.blur(), s - c >= 0 && m(s - c);
     };
     return /* @__PURE__ */ g(Ye, { ref: f, children: [
-      /* @__PURE__ */ t("div", { className: "scrollable-section__header", children: /* @__PURE__ */ g("div", { className: "scrollable-section__title", children: [
-        Y(e) && /* @__PURE__ */ t(
+      /* @__PURE__ */ n("div", { className: "scrollable-section__header", children: /* @__PURE__ */ g("div", { className: "scrollable-section__title", children: [
+        Y(e) && /* @__PURE__ */ n(
           ge,
           {
             icon: e,
@@ -758,9 +758,12 @@ const B = h.div`
             className: "title__icon"
           }
         ),
-        Y(n) && /* @__PURE__ */ t("div", { className: "title__text", children: n })
+        Y(t) && /* @__PURE__ */ g("div", { className: "title__text", children: [
+          " ",
+          t
+        ] })
       ] }) }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ n(
         Ze,
         {
           numOfColumns: o,
@@ -779,7 +782,7 @@ const B = h.div`
         `scrollable-section__content-${s}`
       ),
       i && b > c && !w && /* @__PURE__ */ g("div", { className: "scrollable-section__navigation", children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           ae,
           {
             icon: "angle-left",
@@ -791,7 +794,7 @@ const B = h.div`
             onClick: _
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           ae,
           {
             icon: "angle-right",
@@ -834,19 +837,19 @@ const qe = h.div`
 `, ue = z(
   ({
     sectionName: e,
-    imageUrl: n,
+    imageUrl: t,
     maxHeight: o = "16.25rem",
     className: i = "",
     handleClick: l = () => {
     }
-  }, f) => /* @__PURE__ */ t(
+  }, f) => /* @__PURE__ */ n(
     qe,
     {
       ref: f,
       maxHeight: o,
       onClick: l,
       className: `itemless-banner ${i}`,
-      children: /* @__PURE__ */ t("img", { src: n, alt: `itemless-banner__${e}` })
+      children: /* @__PURE__ */ n("img", { src: t, alt: `itemless-banner__${e}` })
     }
   )
 );
@@ -860,7 +863,7 @@ ue.propTypes = {
 const Je = Pe(pe), gr = z(
   ({
     sellerType: e = "Shop",
-    items: n = [],
+    items: t = [],
     title: o,
     icon: i,
     isLoading: l,
@@ -891,7 +894,7 @@ const Je = Pe(pe), gr = z(
     }
   }, K) => {
     const T = me(), H = ze(() => {
-      let U = n == null ? void 0 : n.map((r, G) => /* @__PURE__ */ t(
+      let U = t == null ? void 0 : t.map((r, G) => /* @__PURE__ */ n(
         Je,
         {
           className: "campaign-item",
@@ -932,9 +935,9 @@ const Je = Pe(pe), gr = z(
         },
         `campaign__item__${G}__${r == null ? void 0 : r.startDate}___${r == null ? void 0 : r.endDate}`
       ));
-      return (n == null ? void 0 : n.length) < 2 && !T ? [
+      return (t == null ? void 0 : t.length) < 2 && !T ? [
         ...U,
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           ue,
           {
             imageUrl: A,
@@ -943,14 +946,14 @@ const Je = Pe(pe), gr = z(
           }
         )
       ] : U;
-    }, [n]);
-    return /* @__PURE__ */ t(
+    }, [t]);
+    return /* @__PURE__ */ n(
       Xe,
       {
         isLoading: l,
         itemsCount: T ? 1 : 2,
         keyPrefix: "sales-camp",
-        children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ n(
           fe,
           {
             icon: i,

package/dist/SimpleCategoriesSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-Dl9xPH4c.cjs"),k=require("./style-CyHewQxg.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-CjGtzfzp.cjs"),M=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-Dl9xPH4c.cjs"),k=require("./style-lSjkOR95.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-CjGtzfzp.cjs"),M=w.styled.div`
   display: grid;
   grid-template-columns: ${a=>"repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;

package/dist/SimpleCategoriesSection.js

@@ -4,7 +4,7 @@ import { s as M } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as N } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
 import { k as p } from "./utils-BdsZgOUE.js";
-import { R as I } from "./style-DFPWLJBr.js";
+import { R as I } from "./style-BLuyU97E.js";
 import R from "./Button.js";
 import { C as B, S as L } from "./suspense-categories-card-simple-BGj475Ca.js";
 const P = M.div`

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),S=require("./suspense-product-card-detailed-mCJwteOy.cjs"),N=P.styled.div`
+"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),S=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),N=P.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as I, S as T } from "./consts-BuFChS64.js";
 import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
 import B from "./Button.js";
-import { D, S as E } from "./suspense-product-card-detailed-YJVsf2-a.js";
+import { D, S as E } from "./suspense-product-card-detailed-BWoxabjZ.js";
 const j = F.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{style-DFPWLJBr.js → style-BLuyU97E.js}

@@ -65,6 +65,10 @@ const o = a.div`
       }
     }
 
+    & .button-link {
+      white-space: nowrap;
+    }
+
     & i {
       font-size: 1.5rem;
       color: var(--primary-500, #f59e0b);

package/dist/{style-CyHewQxg.cjs → style-lSjkOR95.cjs}

@@ -62,6 +62,10 @@
       }
     }
 
+    & .button-link {
+      white-space: nowrap;
+    }
+
     & i {
       font-size: 1.5rem;
       color: var(--primary-500, #f59e0b);
@@ -73,7 +77,7 @@
       font-size: 1.375rem;
     }
   }
-`,s=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",d=t.styled.div`
+`,s=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",o=t.styled.div`
   font-size: 0.75rem;
   font-weight: 500;
   padding: 0 0.5rem;
@@ -85,4 +89,4 @@
   max-width: 12.5rem;
   ${e=>s(e.color)}
   ${r.truncateText()}
-`;exports.BlogTag=d;exports.RegulatTitleSectionWrapper=i;exports.TitleWithOptionsSectionWrapper=n;
+`;exports.BlogTag=o;exports.RegulatTitleSectionWrapper=i;exports.TitleWithOptionsSectionWrapper=n;