@lanaco/lnc-react-ui 4.0.74 → 4.0.76

package/dist/SalesCampaignsSection.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as p, Fragment as G } from "react/jsx-runtime";
+import { jsx as t, jsxs as u, Fragment as G } from "react/jsx-runtime";
 import { createElement as ae, useState as P, useEffect as j, forwardRef as V, useRef as Q, useImperativeHandle as ne, Suspense as se, memo as le, useMemo as ce } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { a as z, l as X, m as ee } from "./utils-DCs-SbIv.js";
@@ -11,7 +11,7 @@ import { u as M } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as re } from "./useDetectMobile-BC6EGaBc.js";
 import fe from "./FlexBox.js";
 import { I as Y } from "./index-Dhf4jQmS.js";
-import U from "./IconButton.js";
+import L from "./IconButton.js";
 const me = f.div`
   cursor: pointer;
   display: flex;
@@ -238,31 +238,31 @@ const me = f.div`
     uuid: o,
     hasPermission: l = !0,
     isUser: a,
-    image: u,
+    image: w,
     name: n,
-    notifications: c = 0,
-    color: w = "primary",
+    notifications: d = 0,
+    color: m = "primary",
     size: b = "large",
-    style: D,
+    style: $,
     disabled: s,
-    onSelect: d = () => {
+    onSelect: c = () => {
     },
     isActive: v,
     className: x,
     // new
-    themeData: m
+    themeData: p
   } = e, C = {
     theme: M(),
-    color: w,
+    color: m,
     size: b,
-    style: D,
+    style: $,
     disabled: s
   };
   return /* @__PURE__ */ ae(
     be,
     {
-      onClick: (r) => {
-        r.stopPropagation(), l === !0 && (d == null || d());
+      onClick: (S) => {
+        S.stopPropagation(), l === !0 && (c == null || c());
       },
       ...C,
       key: n,
@@ -280,11 +280,11 @@ const me = f.div`
         opacity: 0
       },
       isActive: v,
-      themeColor: (m == null ? void 0 : m.code) || "transparent"
+      themeColor: (p == null ? void 0 : p.code) || "transparent"
     },
-    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: u }),
+    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: w }),
     /* @__PURE__ */ t("div", { className: "name", children: n }),
-    c > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(he, { className: "badge", color: "danger", size: "small", children: c > 99 ? "99+" : c }) })
+    d > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(he, { className: "badge", color: "danger", size: "small", children: d > 99 ? "99+" : d }) })
   );
 };
 te.propTypes = {
@@ -317,24 +317,24 @@ const J = (e, o) => {
   const o = M(), {
     uuid: l,
     shopUuid: a,
-    title: u = "",
+    title: w = "",
     description: n,
-    badges: c,
-    coverPhoto: w,
+    badges: d,
+    coverPhoto: m,
     onSelect: b,
-    status: D,
+    status: $,
     startDate: s,
-    endDate: d,
+    endDate: c,
     salesPackages: v,
     shopName: x,
-    shopImage: m,
+    shopImage: p,
     onSelectCard: g = () => {
     },
     onSelectShop: C = () => {
     },
-    campaignSingleText: r,
-    salesCampaignTypes: $ = [],
-    startsInPrefixTextPlural: S,
+    campaignSingleText: S,
+    salesCampaignTypes: r = [],
+    startsInPrefixTextPlural: D,
     startsinSuffixTextPlural: B,
     startsInPrefixTextSingular: N,
     startsinSuffixTextSingular: R,
@@ -342,33 +342,33 @@ const J = (e, o) => {
     ...W
   } = e, h = s ? new Date(s) <= /* @__PURE__ */ new Date() : !1;
   J(
-    d ? new Date(d) : null,
+    c ? new Date(c) : null,
     s ? new Date(s) : null
   );
   const y = J(
     s ? new Date(s) : null,
     /* @__PURE__ */ new Date()
   );
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ u(
     me,
     {
       theme: o,
       onClick: g,
       ...W,
       children: [
-        /* @__PURE__ */ p(pe, { theme: o, onClick: () => b == null ? void 0 : b(), children: [
-          /* @__PURE__ */ t("img", { src: w }),
+        /* @__PURE__ */ u(pe, { theme: o, onClick: () => b == null ? void 0 : b(), children: [
+          /* @__PURE__ */ t("img", { src: m }),
           /* @__PURE__ */ t(xe, { children: v == null ? void 0 : v.map((I, A) => {
-            var E, L;
+            var E, U;
             return /* @__PURE__ */ t(
               ye,
               {
-                color: (E = $ == null ? void 0 : $.find((_) => _.value === I)) == null ? void 0 : E.color,
+                color: (E = r == null ? void 0 : r.find((_) => _.value === I)) == null ? void 0 : E.color,
                 theme: o,
                 children: /* @__PURE__ */ t(
                   ge,
                   {
-                    icon: (L = $ == null ? void 0 : $.find((_) => _.value === I)) == null ? void 0 : L.icon
+                    icon: (U = r == null ? void 0 : r.find((_) => _.value === I)) == null ? void 0 : U.icon
                   }
                 )
               },
@@ -376,12 +376,12 @@ const J = (e, o) => {
             );
           }) })
         ] }),
-        /* @__PURE__ */ p(ue, { theme: o, children: [
-          /* @__PURE__ */ p("div", { className: "text-block-wrapper", children: [
-            /* @__PURE__ */ p("div", { className: "title-block-wrapper", children: [
-              /* @__PURE__ */ t("div", { className: "campaign-title", children: r }),
-              /* @__PURE__ */ t("div", { className: "campaign-title-text", children: u }),
-              /* @__PURE__ */ t("div", { className: "timestamp-text", children: h ? "" : y === 1 ? `${N} ${y} ${R}` : `${S} ${y} ${B}` })
+        /* @__PURE__ */ u(ue, { theme: o, children: [
+          /* @__PURE__ */ u("div", { className: "text-block-wrapper", children: [
+            /* @__PURE__ */ u("div", { className: "title-block-wrapper", children: [
+              /* @__PURE__ */ t("div", { className: "campaign-title", children: S }),
+              /* @__PURE__ */ t("div", { className: "campaign-title-text", children: w }),
+              /* @__PURE__ */ t("div", { className: "timestamp-text", children: h ? "" : y === 1 ? `${N} ${y} ${R}` : `${D} ${y} ${B}` })
             ] }),
             /* @__PURE__ */ t("div", { children: n })
           ] }),
@@ -399,8 +399,8 @@ const J = (e, o) => {
                 /* @__PURE__ */ t(
                   "img",
                   {
-                    src: m,
-                    className: `${m ? "" : "no-image"}`
+                    src: p,
+                    className: `${p ? "" : "no-image"}`
                   }
                 )
               ),
@@ -559,34 +559,34 @@ const $e = f.div`
   const [l, a] = P({
     trigger: null,
     direction: null
-  }), u = (n) => n.touches || n.originalEvent.touches;
+  }), w = (n) => n.touches || n.originalEvent.touches;
   return j(() => {
     const n = typeof e == "string" || e instanceof String ? document.getElementById(e) : e.current;
-    let c = null, w = null;
+    let d = null, m = null;
     if (n) {
       const b = (s) => {
-        const d = u(s)[0];
-        c = d.clientX, w = d.clientY;
-      }, D = (s) => {
-        if (!c || !w)
+        const c = w(s)[0];
+        d = c.clientX, m = c.clientY;
+      }, $ = (s) => {
+        if (!d || !m)
           return;
-        const d = s.touches[0].clientX, v = s.touches[0].clientY, x = c - d, m = w - v;
-        Math.abs(x) > Math.abs(m) ? x > 0 ? a((g) => ({
+        const c = s.touches[0].clientX, v = s.touches[0].clientY, x = d - c, p = m - v;
+        Math.abs(x) > Math.abs(p) ? x > 0 ? a((g) => ({
           trigger: !g.trigger,
           direction: F.LEFT
         })) : a((g) => ({
           trigger: !g.trigger,
           direction: F.RIGHT
-        })) : m > 0 ? a((g) => ({
+        })) : p > 0 ? a((g) => ({
           trigger: !g.trigger,
           direction: F.UP
         })) : a((g) => ({
           trigger: !g.trigger,
           direction: F.DOWN
-        })), c = null, w = null;
+        })), d = null, m = null;
       };
-      return n.addEventListener("touchstart", b), n.addEventListener("touchmove", D), () => {
-        n.removeEventListener("touchstart", b), n.addEventListener("touchmove", D);
+      return n.addEventListener("touchstart", b), n.addEventListener("touchmove", $), () => {
+        n.removeEventListener("touchstart", b), n.addEventListener("touchmove", $);
       };
     }
   }, []), l;
@@ -601,22 +601,22 @@ const $e = f.div`
     columnGap: o = "2rem",
     rowGap: l = "1.25rem",
     scrollBySize: a = 300,
-    wrapForMobile: u = !1,
+    wrapForMobile: w = !1,
     wrap: n = !1,
-    children: c,
-    methodsRef: w,
+    children: d,
+    methodsRef: m,
     arrowsVisibleOnHover: b = !0,
-    rightAlignArrows: D = !1,
+    rightAlignArrows: $ = !1,
     padding: s = "0",
-    showTimesBtn: d,
+    showTimesBtn: c,
     noArrows: v,
     onShowEnd: x,
-    arrowsZIndex: m,
+    arrowsZIndex: p,
     ...g
   }, C) => {
-    const r = re(), $ = M(), [S, B] = P(!1), [N, R] = P(!1), [H, W] = P(!0), h = Q(), y = Ce(h);
+    const S = re(), r = M(), [D, B] = P(!1), [N, R] = P(!1), [H, W] = P(!0), h = Q(), y = Ce(h);
     j(() => {
-      (y == null ? void 0 : y.direction) === F.RIGHT && N !== !0 ? A() : (y == null ? void 0 : y.direction) === F.LEFT && S !== !0 && I();
+      (y == null ? void 0 : y.direction) === F.RIGHT && N !== !0 ? A() : (y == null ? void 0 : y.direction) === F.LEFT && D !== !0 && I();
     }, [y]);
     const I = () => {
       var k;
@@ -624,13 +624,13 @@ const $e = f.div`
     }, A = () => {
       var k;
       (k = h.current) == null || k.scrollBy(-a, 0);
-    }, [E, L] = P(!1);
+    }, [E, U] = P(!1);
     j(() => {
       var k, Z;
-      L(
+      U(
         ((k = h == null ? void 0 : h.current) == null ? void 0 : k.scrollWidth) > ((Z = h == null ? void 0 : h.current) == null ? void 0 : Z.clientWidth)
       );
-    }, [c]), ne(w, () => ({
+    }, [d]), ne(m, () => ({
       scrollToEnd() {
         _();
       },
@@ -644,12 +644,12 @@ const $e = f.div`
     const _ = () => {
       h.current.scrollLeft = h.current.scrollWidth;
     };
-    return /* @__PURE__ */ p($e, { arrowsZIndex: m, children: [
-      /* @__PURE__ */ p(De, { children: [
+    return /* @__PURE__ */ u($e, { arrowsZIndex: p, children: [
+      /* @__PURE__ */ u(De, { children: [
         /* @__PURE__ */ t("div", { children: e }),
-        /* @__PURE__ */ p("div", { className: "btns-group", children: [
+        /* @__PURE__ */ u("div", { className: "btns-group", children: [
           /* @__PURE__ */ t(
-            U,
+            L,
             {
               borderRadius: "curved",
               btnType: "tinted",
@@ -661,13 +661,13 @@ const $e = f.div`
             }
           ),
           /* @__PURE__ */ t(
-            U,
+            L,
             {
               borderRadius: "curved",
               btnType: "tinted",
               className: "scroll-arrow-right",
               color: "neutral",
-              disabled: S,
+              disabled: D,
               icon: "angle-right",
               onClick: I
             }
@@ -675,7 +675,7 @@ const $e = f.div`
         ] })
       ] }),
       /* @__PURE__ */ t(
-        U,
+        L,
         {
           borderRadius: "curved",
           btnType: "tinted",
@@ -687,13 +687,13 @@ const $e = f.div`
         }
       ),
       /* @__PURE__ */ t(
-        U,
+        L,
         {
           borderRadius: "curved",
           btnType: "tinted",
           className: "hover-right-arrow scroll-arrow-right",
           color: "neutral",
-          disabled: S,
+          disabled: D,
           icon: "angle-right",
           onClick: I
         }
@@ -706,18 +706,18 @@ const $e = f.div`
           hasOverflow: E,
           noArrows: v,
           padding: s,
-          rightAlignArrows: D,
-          showTimesBtn: d,
-          theme: $,
+          rightAlignArrows: $,
+          showTimesBtn: c,
+          theme: r,
           ...g,
-          children: /* @__PURE__ */ p(
+          children: /* @__PURE__ */ u(
             fe,
             {
               ref: h,
               className: "scrollable-container",
               columnGap: o,
               rowGap: l,
-              wrap: n || u && r ? "Wrap" : "NoWrap",
+              wrap: n || w && S ? "Wrap" : "NoWrap",
               children: [
                 /* @__PURE__ */ t(
                   Y,
@@ -731,16 +731,16 @@ const $e = f.div`
                     }
                   }
                 ),
-                c,
+                d,
                 /* @__PURE__ */ t(
                   Y,
                   {
                     isHorizontal: !0,
                     onIsNotVisible: () => {
-                      S === !0 && B(!1), W(!0);
+                      D === !0 && B(!1), W(!0);
                     },
                     onIsVisible: () => {
-                      S === !1 && B(!0), W(!1), x == null || x();
+                      D === !1 && B(!0), W(!1), x == null || x();
                     }
                   }
                 ),
@@ -847,7 +847,7 @@ const Se = f.div`
   }
 `, Te = V(({}, e) => {
   const o = M();
-  return /* @__PURE__ */ p(Ie, { ref: e, theme: o, children: [
+  return /* @__PURE__ */ u(Ie, { ref: e, theme: o, children: [
     /* @__PURE__ */ t("div", { className: "campaign__left-section", children: /* @__PURE__ */ t(
       K,
       {
@@ -857,13 +857,13 @@ const Se = f.div`
         borderRadius: "edged"
       }
     ) }),
-    /* @__PURE__ */ p("div", { className: "campaign__right-section", children: [
-      /* @__PURE__ */ p(Ne, { theme: o, children: [
+    /* @__PURE__ */ u("div", { className: "campaign__right-section", children: [
+      /* @__PURE__ */ u(Ne, { theme: o, children: [
         /* @__PURE__ */ t(O, { heightCoeff: 0.75, theme: o, width: "35%" }),
         /* @__PURE__ */ t(O, { heightCoeff: 1.25, theme: o }),
         /* @__PURE__ */ t(O, { heightCoeff: 3, theme: o })
       ] }),
-      /* @__PURE__ */ p("div", { className: "campaign__user", children: [
+      /* @__PURE__ */ u("div", { className: "campaign__user", children: [
         /* @__PURE__ */ t(
           K,
           {
@@ -886,31 +886,36 @@ const Se = f.div`
   fallbackComponent: o = /* @__PURE__ */ t(G, {}),
   isLoading: l = !1,
   itemsCount: a = 5,
-  keyPrefix: u
-}) => /* @__PURE__ */ t(se, { fallback: o, children: l === !0 ? /* @__PURE__ */ t(Ae, { itemsCount: a, keyPrefix: u }) : e }), Ee = le(oe), Ze = V(
+  keyPrefix: w
+}) => /* @__PURE__ */ t(se, { fallback: o, children: l === !0 ? /* @__PURE__ */ t(Ae, { itemsCount: a, keyPrefix: w }) : e }), Ee = le(oe), Ze = V(
   ({
     sellerType: e = "Shop",
     items: o = [],
     title: l,
     isLoading: a,
-    onSelectCard: u = () => {
+    onSelectCard: w = () => {
     },
     onSelectShop: n = () => {
     },
+    getImage: d = () => {
+    },
     // new
-    customScrollSize: c,
-    campaignSingleText: w,
-    salesCampaignTypes: b = [],
-    startsInPrefixTextPlural: D,
-    startsinSuffixTextPlural: s,
-    startsInPrefixTextSingular: d,
-    startsinSuffixTextSingular: v
-  }, x) => {
-    const m = Q(), g = re(), C = ce(() => o == null ? void 0 : o.map((r, $) => /* @__PURE__ */ t(
+    customScrollSize: m,
+    campaignSingleText: b,
+    salesCampaignTypes: $ = [],
+    startsInPrefixTextPlural: s,
+    startsinSuffixTextPlural: c,
+    startsInPrefixTextSingular: v,
+    startsinSuffixTextSingular: x
+  }, p) => {
+    const g = Q(), C = re(), S = ce(() => o == null ? void 0 : o.map((r, D) => /* @__PURE__ */ t(
       Ee,
       {
         className: "campaign-item",
-        coverPhoto: r == null ? void 0 : r.coverPhoto,
+        coverPhoto: d(
+          r == null ? void 0 : r.coverPhoto,
+          (r == null ? void 0 : r.uuid) || (r == null ? void 0 : r.campaignUuid)
+        ),
         description: r == null ? void 0 : r.description,
         endDate: r == null ? void 0 : r.endDate,
         salesPackages: r == null ? void 0 : r.salesPackages,
@@ -921,29 +926,29 @@ const Se = f.div`
         startDate: r == null ? void 0 : r.startDate,
         title: r == null ? void 0 : r.name,
         uuid: r == null ? void 0 : r.campaignUuid,
-        onSelectCard: () => u(r == null ? void 0 : r.campaignUuid, r == null ? void 0 : r.shopUuid),
+        onSelectCard: () => w(r == null ? void 0 : r.campaignUuid, r == null ? void 0 : r.shopUuid),
         onSelectShop: () => n(r == null ? void 0 : r.shopUuid),
-        campaignSingleText: w,
-        salesCampaignTypes: b,
-        startsInPrefixTextPlural: D,
-        startsinSuffixTextPlural: s,
-        startsInPrefixTextSingular: d,
-        startsinSuffixTextSingular: v,
+        campaignSingleText: b,
+        salesCampaignTypes: $,
+        startsInPrefixTextPlural: s,
+        startsinSuffixTextPlural: c,
+        startsInPrefixTextSingular: v,
+        startsinSuffixTextSingular: x,
         themeData: r == null ? void 0 : r.themeData
       },
-      `campaign__item__${$}__${r == null ? void 0 : r.startDate}___${r == null ? void 0 : r.endDate}`
+      `campaign__item__${D}__${r == null ? void 0 : r.startDate}___${r == null ? void 0 : r.endDate}`
     )), [o]);
-    return /* @__PURE__ */ t(G, { children: (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t(Se, { ref: x, className: "row-section-scroll", children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(G, { children: (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t(Se, { ref: p, className: "row-section-scroll", children: /* @__PURE__ */ t(
       ie,
       {
         arrowsVisibleOnHover: !1,
         columnGap: "0",
-        methodsRef: m,
+        methodsRef: g,
         mobileHoverScrollButtons: !0,
         noArrows: !0,
         padding: "0.25rem 0",
         rightAlignArrows: !0,
-        scrollBySize: g ? window.innerWidth : c > 0 ? c : window.innerWidth,
+        scrollBySize: C ? window.innerWidth : m > 0 ? m : window.innerWidth,
         showTimesBtn: !1,
         title: l,
         onShowEnd: () => {
@@ -955,7 +960,7 @@ const Se = f.div`
             isLoading: a,
             itemsCount: 2,
             keyPrefix: "sales-camp",
-            children: C
+            children: S
           }
         )
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.74",
+  "version": "4.0.76",
   "description": "React component library",
   "type": "module",
   "keywords": [