@lanaco/lnc-react-ui 4.0.74 → 4.0.75

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-BXPz9bck.cjs"),v=require("./Icon.cjs"),y=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),b=require("./consts-CtNoHdBj.cjs"),j=d.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-BXPz9bck.cjs"),y=require("./Icon.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=require("./consts-CtNoHdBj.cjs"),k=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -58,12 +58,12 @@
       }
     }
   }
-`,k=d.styled.div`
+`,$=m.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${l.linearGradientAnimation("-90deg")};
-`,$=d.styled.div`
+`,N=m.styled.div`
   display: flex;
   padding: 0 0.5rem 0 0;
   align-items: center;
@@ -107,12 +107,12 @@
       color: var(--white, #fff);
     }
   }
-`,N=d.styled.div`
+`,I=m.styled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${l.linearGradientAnimation("-90deg")};
-`,I=p.forwardRef(({},t)=>r.jsx(N,{})),C=p.forwardRef(({text:t,isActive:n,icon:i,onSelectCard:o=()=>{}},c)=>r.jsxs($,{className:n?"active":"",onClick:o,children:[r.jsx(v,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),W=p.forwardRef(({image:t,imageComponent:n,title:i,description:o,onSelectCard:c=()=>{}},x)=>{const{theme:m}=y.useTheme();return r.jsxs(j,{theme:m,onClick:c,children:[l.isDefined(n)?n:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),o&&r.jsx("div",{className:"wrapper__description",children:o})]})]})}),F=p.forwardRef(({},t)=>r.jsx(k,{})),R=d.styled.div`
+`,C=p.forwardRef(({},t)=>r.jsx(I,{})),W=p.forwardRef(({name:t,isActive:n,icon:i,onSelectCard:o=()=>{}},d)=>r.jsxs(N,{className:n?"active":"",onClick:o,children:[r.jsx(y,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),F=p.forwardRef(({image:t,imageComponent:n,name:i,description:o,onSelectCard:d=()=>{}},x)=>{const{theme:c}=b.useTheme();return r.jsxs(k,{theme:c,onClick:d,children:[l.isDefined(n)?n:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),o&&r.jsx("div",{className:"wrapper__description",children:o})]})]})}),R=p.forwardRef(({},t)=>r.jsx($,{})),q=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -160,7 +160,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -186,4 +186,4 @@
       gap: 1rem;
     }
   }
-`,q=p.forwardRef(({title:t,subtitle:n,tags:i=[],limitTags:o=7,limitTagsForMobile:c=7,limit:x=3,limitForMobile:m=2,items:s=[],onSelectTag:f=()=>{},onSelectCard:_=()=>{}},T)=>{var g,u;const h=e=>{f==null||f(e==null?void 0:e.uuid)},w=e=>{_==null||_(e==null?void 0:e.uuid)};return r.jsxs(R,{limitTags:o,limitTagsForMobile:c,limitCards:x,limitCardsForMobile:m,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(C,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.text,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card-tag__${a+1}`)):(g=Array.from("123"))==null?void 0:g.map((e,a)=>r.jsx(I,{},`field-of-interests-with-tags-card-tag-skeleton__${a+1}`))}),r.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,a)=>r.jsx(W,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>w==null?void 0:w(e==null?void 0:e.uuid)},`field-of-interests-with-tags-card__${a+1}`)):(u=Array.from("123"))==null?void 0:u.map((e,a)=>r.jsx(F,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=q;
+`,T=p.forwardRef(({title:t,subtitle:n,tags:i=[],limitTags:o=7,limitTagsForMobile:d=7,limit:x=3,limitForMobile:c=2,items:s=[],onSelectTag:f=()=>{},onSelectCard:_=()=>{},getImage:v=()=>{}},z)=>{var g,u;const h=e=>{f==null||f(e)},w=e=>{_==null||_(e)};return r.jsxs(q,{limitTags:o,limitTagsForMobile:d,limitCards:x,limitCardsForMobile:c,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(W,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card-tag__${a+1}`)):(g=Array.from("123"))==null?void 0:g.map((e,a)=>r.jsx(C,{},`field-of-interests-with-tags-card-tag-skeleton__${a+1}`))}),r.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,a)=>r.jsx(F,{image:()=>v(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.shortDescription)||(e==null?void 0:e.description),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card__${a+1}`)):(u=Array.from("123"))==null?void 0:u.map((e,a)=>r.jsx(R,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=T;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { t as v, m as y, l as b } from "./utils-DCs-SbIv.js";
-import k from "./Icon.js";
-import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { M as N } from "./consts-C1uHV4xc.js";
-const C = m.div`
+import { t as v, m as y, l as k } from "./utils-DCs-SbIv.js";
+import $ from "./Icon.js";
+import { u as N } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { M as C } from "./consts-C1uHV4xc.js";
+const I = m.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -65,12 +65,12 @@ const C = m.div`
       }
     }
   }
-`, I = m.div`
+`, W = m.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${y("-90deg")};
-`, W = m.div`
+`, F = m.div`
   display: flex;
   padding: 0 0.5rem 0 0;
   align-items: center;
@@ -114,30 +114,30 @@ const C = m.div`
       color: var(--white, #fff);
     }
   }
-`, F = m.div`
+`, j = m.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${y("-90deg")};
-`, j = p(({}, r) => /* @__PURE__ */ i(F, {})), z = p(
-  ({ text: r, isActive: a, icon: t, onSelectCard: s = () => {
-  } }, d) => /* @__PURE__ */ l(W, { className: a ? "active" : "", onClick: s, children: [
-    /* @__PURE__ */ i(k, { icon: t, className: "wrapper__icon" }),
+`, z = p(({}, r) => /* @__PURE__ */ i(j, {})), O = p(
+  ({ name: r, isActive: n, icon: t, onSelectCard: s = () => {
+  } }, f) => /* @__PURE__ */ l(F, { className: n ? "active" : "", onClick: s, children: [
+    /* @__PURE__ */ i($, { icon: t, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
-), O = p(
-  ({ image: r, imageComponent: a, title: t, description: s, onSelectCard: d = () => {
+), T = p(
+  ({ image: r, imageComponent: n, name: t, description: s, onSelectCard: f = () => {
   } }, g) => {
-    const { theme: f } = $();
-    return /* @__PURE__ */ l(C, { theme: f, onClick: d, children: [
-      b(a) ? a : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+    const { theme: d } = N();
+    return /* @__PURE__ */ l(I, { theme: d, onClick: f, children: [
+      k(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
         t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
         s && /* @__PURE__ */ i("div", { className: "wrapper__description", children: s })
       ] })
     ] });
   }
-), T = p(({}, r) => /* @__PURE__ */ i(I, {})), M = m.div`
+), M = p(({}, r) => /* @__PURE__ */ i(W, {})), A = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -185,7 +185,7 @@ const C = m.div`
     width: 100%;
   }
 
-  @media (max-width: ${N + "px"}) {
+  @media (max-width: ${C + "px"}) {
     & .wrapper__tags {
       overflow-x: scroll;
       justify-content: flex-start;
@@ -214,61 +214,63 @@ const C = m.div`
 `, X = p(
   ({
     title: r,
-    subtitle: a,
+    subtitle: n,
     tags: t = [],
     limitTags: s = 7,
-    limitTagsForMobile: d = 7,
+    limitTagsForMobile: f = 7,
     limit: g = 3,
-    limitForMobile: f = 2,
-    items: n = [],
+    limitForMobile: d = 2,
+    items: a = [],
     onSelectTag: c = () => {
     },
     onSelectCard: h = () => {
+    },
+    getImage: b = () => {
     }
-  }, A) => {
-    var u, x;
+  }, E) => {
+    var x, u;
     const _ = (e) => {
-      c == null || c(e == null ? void 0 : e.uuid);
+      c == null || c(e);
     }, w = (e) => {
-      h == null || h(e == null ? void 0 : e.uuid);
+      h == null || h(e);
     };
     return /* @__PURE__ */ l(
-      M,
+      A,
       {
         limitTags: s,
-        limitTagsForMobile: d,
+        limitTagsForMobile: f,
         limitCards: g,
-        limitCardsForMobile: f,
+        limitCardsForMobile: d,
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
             r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
-            a && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: a })
+            n && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: n })
           ] }),
           /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ i(
-            z,
+            O,
             {
               icon: e == null ? void 0 : e.icon,
-              text: e == null ? void 0 : e.text,
+              name: e == null ? void 0 : e.name,
               onSelectCard: () => _ == null ? void 0 : _(e)
             },
             `field-of-interests-with-tags-card-tag__${o + 1}`
-          )) : (u = Array.from("123")) == null ? void 0 : u.map((e, o) => /* @__PURE__ */ i(
-            j,
+          )) : (x = Array.from("123")) == null ? void 0 : x.map((e, o) => /* @__PURE__ */ i(
+            z,
             {},
             `field-of-interests-with-tags-card-tag-skeleton__${o + 1}`
           )) }),
-          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, o) => /* @__PURE__ */ i(
-            O,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, o) => /* @__PURE__ */ i(
+            T,
             {
-              image: e == null ? void 0 : e.image,
+              image: () => b(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
               imageComponent: e == null ? void 0 : e.imageComponent,
-              title: e == null ? void 0 : e.title,
-              description: e == null ? void 0 : e.description,
-              onSelectCard: () => w == null ? void 0 : w(e == null ? void 0 : e.uuid)
+              name: e == null ? void 0 : e.name,
+              description: (e == null ? void 0 : e.shortDescription) || (e == null ? void 0 : e.description),
+              onSelectCard: () => w == null ? void 0 : w(e)
             },
             `field-of-interests-with-tags-card__${o + 1}`
-          )) : (x = Array.from("123")) == null ? void 0 : x.map((e, o) => /* @__PURE__ */ i(
-            T,
+          )) : (u = Array.from("123")) == null ? void 0 : u.map((e, o) => /* @__PURE__ */ i(
+            M,
             {},
             `field-of-interests-with-tags-card-skeleton__${o + 1}`
           )) })

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-CtNoHdBj.cjs"),m=require("./utils-BXPz9bck.cjs"),j=require("./Icon.cjs"),k=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),$=o.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-CtNoHdBj.cjs"),c=require("./utils-BXPz9bck.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -37,7 +37,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${m.truncateTextInRows(2)}
+      ${c.truncateTextInRows(2)}
       transition: var(--transition, all 0.2s ease);
     }
   }
@@ -52,7 +52,7 @@
     }
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
     background: transparent;
     border: none;
     box-shadow: none;
@@ -74,18 +74,18 @@
       }
     }
   }
-`,I=o.styled.div`
+`,k=o.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${m.linearGradientAnimation("-90deg")};
+  background: ${c.linearGradientAnimation("-90deg")};
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
     width: 5rem;
     height: 5rem;
     border-radius: 999px;
   }
-`,N=o.styled.div`
+`,$=o.styled.div`
   display: flex;
   padding: 0 0.5rem 0 0;
   align-items: center;
@@ -120,7 +120,7 @@
     letter-spacing: -0.09px;
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__text {
       white-space: nowrap;
     }
@@ -129,8 +129,8 @@
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
-  background: ${m.linearGradientAnimation("-90deg")};
-`,E=l.forwardRef(({},t)=>r.jsx(C,{})),W=l.forwardRef(({title:t,icon:i,onSelectCard:a=()=>{}},p)=>r.jsxs(N,{onClick:a,children:[r.jsx(j,{icon:` ${i}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),G=l.forwardRef(({imageUrl:t,imageComponent:i,title:a,onSelectCard:p=()=>{}},c)=>{const{theme:h}=k.useTheme();return r.jsxs($,{ref:c,theme:h,onClick:p,children:[m.isDefined(i)?i:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:a})})]})}),R=l.forwardRef(({},t)=>r.jsx(I,{})),q=o.styled.div`
+  background: ${c.linearGradientAnimation("-90deg")};
+`,I=l.forwardRef(({},a)=>r.jsx(C,{})),N=l.forwardRef(({title:a,icon:i,onSelectCard:t=()=>{}},d)=>r.jsxs($,{onClick:t,children:[r.jsx(y,{icon:` ${i}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:a})]})),E=l.forwardRef(({imageUrl:a,imageComponent:i,title:t,onSelectCard:d=()=>{}},m)=>{const{theme:h}=v.useTheme();return r.jsxs(j,{ref:m,theme:h,onClick:d,children:[c.isDefined(i)?i:r.jsx("img",{src:a,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:t})})]})}),W=l.forwardRef(({},a)=>r.jsx(k,{})),G=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -172,14 +172,14 @@
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCards}, minmax(0, 1fr))`};
+    grid-template-columns: ${a=>`repeat(${a==null?void 0:a.limitCards}, minmax(0, 1fr))`};
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
     width: 100%;
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${p.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
       display: flex;
       flex-wrap: nowrap;
@@ -203,8 +203,8 @@
     }
 
     & .wrapper__cards {
-      grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
+      grid-template-columns: ${a=>`repeat(${a==null?void 0:a.limitCardsForMobile}, minmax(0, 1fr))`};
       gap: 1rem;
     }
   }
-`,z=l.forwardRef(({title:t,subtitle:i,options:a=[],limitTags:p=7,limitTagsForMobile:c=2,limit:h=3,limitForMobile:b=3,items:n=[],onSelectTag:_=()=>{},onSelectCard:g=()=>{},isLoading:y},v)=>{var f,u;const w=e=>{_==null||_(e==null?void 0:e.uuid)},x=e=>{g==null||g(e==null?void 0:e.uuid)};return r.jsxs(q,{ref:v,limitTags:p,limitTagsForMobile:c,limitCards:h,limitCardsForMobile:b,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>r.jsx(G,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>x==null?void 0:x(e==null?void 0:e.uuid)},`general-with-tags-card__${s+1}`)):(f=Array.from("123"))==null?void 0:f.map((e,s)=>r.jsx(R,{},`general-with-tags-card-skeleton__${s+1}`))}),(a==null?void 0:a.length)>0&&r.jsx("div",{className:"wrapper__tags",children:a==null?void 0:a.map((e,s)=>r.jsx(W,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>w==null?void 0:w(e)},`general-with-tags-card-tag__${s+1}`))}),y===!0&&!((a==null?void 0:a.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(u=Array.from("123"))==null?void 0:u.map((e,s)=>r.jsx(E,{},`general-with-tags-card-tag-skeleton__${s+1}`))})]})});module.exports=z;
+`,R=l.forwardRef(({title:a,subtitle:i,options:t=[],limitTags:d=7,limitTagsForMobile:m=2,limit:h=3,limitForMobile:f=3,items:n=[],onSelectTag:g=()=>{},onSelectCard:_=()=>{},isLoading:u},b)=>{var w,x;return r.jsxs(G,{ref:b,limitTags:d,limitTagsForMobile:m,limitCards:h,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[a&&r.jsx("div",{className:"wrapper__title",children:a}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>r.jsx(E,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>{_==null||_(e)}},`general-with-tags-card__${s+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,s)=>r.jsx(W,{},`general-with-tags-card-skeleton__${s+1}`))}),(t==null?void 0:t.length)>0&&r.jsx("div",{className:"wrapper__tags",children:t==null?void 0:t.map((e,s)=>r.jsx(N,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>g==null?void 0:g(e)},`general-with-tags-card-tag__${s+1}`))}),u===!0&&!((t==null?void 0:t.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(x=Array.from("123"))==null?void 0:x.map((e,s)=>r.jsx(I,{},`general-with-tags-card-tag-skeleton__${s+1}`))})]})});module.exports=R;

package/dist/GeneralWithTagsCardsSection.js

@@ -2,10 +2,10 @@ import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as d } from "./consts-C1uHV4xc.js";
-import { t as $, m as b, l as N } from "./utils-DCs-SbIv.js";
-import C from "./Icon.js";
-import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const j = s.div`
+import { t as y, m as x, l as k } from "./utils-DCs-SbIv.js";
+import $ from "./Icon.js";
+import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const N = s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -44,7 +44,7 @@ const j = s.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${$(2)}
+      ${y(2)}
       transition: var(--transition, all 0.2s ease);
     }
   }
@@ -81,18 +81,18 @@ const j = s.div`
       }
     }
   }
-`, G = s.div`
+`, W = s.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${b("-90deg")};
+  background: ${x("-90deg")};
 
   @media (max-width: ${d + "px"}) {
     width: 5rem;
     height: 5rem;
     border-radius: 999px;
   }
-`, z = s.div`
+`, j = s.div`
   display: flex;
   padding: 0 0.5rem 0 0;
   align-items: center;
@@ -132,28 +132,28 @@ const j = s.div`
       white-space: nowrap;
     }
   }
-`, T = s.div`
+`, G = s.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
-  background: ${b("-90deg")};
-`, I = o(({}, r) => /* @__PURE__ */ a(T, {})), M = o(
+  background: ${x("-90deg")};
+`, T = o(({}, r) => /* @__PURE__ */ a(G, {})), z = o(
   ({ title: r, icon: i, onSelectCard: t = () => {
-  } }, p) => /* @__PURE__ */ m(z, { onClick: t, children: [
-    /* @__PURE__ */ a(C, { icon: ` ${i}`, className: "wrapper__icon" }),
+  } }, p) => /* @__PURE__ */ m(j, { onClick: t, children: [
+    /* @__PURE__ */ a($, { icon: ` ${i}`, className: "wrapper__icon" }),
     /* @__PURE__ */ a("div", { className: "wrapper__text", children: r })
   ] })
-), A = o(
+), I = o(
   // eslint-disable-next-line react/prop-types
   ({ imageUrl: r, imageComponent: i, title: t, onSelectCard: p = () => {
   } }, c) => {
-    const { theme: h } = W();
-    return /* @__PURE__ */ m(j, { ref: c, theme: h, onClick: p, children: [
-      N(i) ? i : /* @__PURE__ */ a("img", { src: r, className: "wrapper__image" }),
+    const { theme: h } = C();
+    return /* @__PURE__ */ m(N, { ref: c, theme: h, onClick: p, children: [
+      k(i) ? i : /* @__PURE__ */ a("img", { src: r, className: "wrapper__image" }),
       /* @__PURE__ */ a("div", { className: "wrapper__content", children: /* @__PURE__ */ a("div", { className: "wrapper__title", children: t }) })
     ] });
   }
-), E = o(({}, r) => /* @__PURE__ */ a(G, {})), F = s.div`
+), M = o(({}, r) => /* @__PURE__ */ a(W, {})), A = s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -230,7 +230,7 @@ const j = s.div`
       gap: 1rem;
     }
   }
-`, X = o(
+`, O = o(
   ({
     title: r,
     subtitle: i,
@@ -238,58 +238,55 @@ const j = s.div`
     limitTags: p = 7,
     limitTagsForMobile: c = 2,
     limit: h = 3,
-    limitForMobile: v = 3,
+    limitForMobile: u = 3,
     items: n = [],
     onSelectTag: g = () => {
     },
     onSelectCard: w = () => {
     },
-    isLoading: y
-  }, k) => {
-    var x, u;
-    const _ = (e) => {
-      g == null || g(e == null ? void 0 : e.uuid);
-    }, f = (e) => {
-      w == null || w(e == null ? void 0 : e.uuid);
-    };
+    isLoading: b
+  }, v) => {
+    var _, f;
     return /* @__PURE__ */ m(
-      F,
+      A,
       {
-        ref: k,
+        ref: v,
         limitTags: p,
         limitTagsForMobile: c,
         limitCards: h,
-        limitCardsForMobile: v,
+        limitCardsForMobile: u,
         children: [
           /* @__PURE__ */ m("div", { className: "wrapper__heading", children: [
             r && /* @__PURE__ */ a("div", { className: "wrapper__title", children: r }),
             i && /* @__PURE__ */ a("div", { className: "wrapper__subtitle", children: i })
           ] }),
           /* @__PURE__ */ a("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, l) => /* @__PURE__ */ a(
-            A,
+            I,
             {
               imageUrl: e == null ? void 0 : e.imageUrl,
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
-              onSelectCard: () => f == null ? void 0 : f(e == null ? void 0 : e.uuid)
+              onSelectCard: () => {
+                w == null || w(e);
+              }
             },
             `general-with-tags-card__${l + 1}`
-          )) : (x = Array.from("123")) == null ? void 0 : x.map((e, l) => /* @__PURE__ */ a(
-            E,
+          )) : (_ = Array.from("123")) == null ? void 0 : _.map((e, l) => /* @__PURE__ */ a(
+            M,
             {},
             `general-with-tags-card-skeleton__${l + 1}`
           )) }),
           (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ a("div", { className: "wrapper__tags", children: t == null ? void 0 : t.map((e, l) => /* @__PURE__ */ a(
-            M,
+            z,
             {
               icon: e == null ? void 0 : e.icon,
               title: e == null ? void 0 : e.title,
-              onSelectCard: () => _ == null ? void 0 : _(e)
+              onSelectCard: () => g == null ? void 0 : g(e)
             },
             `general-with-tags-card-tag__${l + 1}`
           )) }),
-          y === !0 && !((t == null ? void 0 : t.length) > 0) && /* @__PURE__ */ a("div", { className: "wrapper__tags", children: (u = Array.from("123")) == null ? void 0 : u.map((e, l) => /* @__PURE__ */ a(
-            I,
+          b === !0 && !((t == null ? void 0 : t.length) > 0) && /* @__PURE__ */ a("div", { className: "wrapper__tags", children: (f = Array.from("123")) == null ? void 0 : f.map((e, l) => /* @__PURE__ */ a(
+            T,
             {},
             `general-with-tags-card-tag-skeleton__${l + 1}`
           )) })
@@ -299,5 +296,5 @@ const j = s.div`
   }
 );
 export {
-  X as default
+  O as default
 };

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./utils-BXPz9bck.cjs"),I=require("./consts-CtNoHdBj.cjs"),K=require("./motion-B_VPZaJq.cjs"),i=require("./index-BPVoEhTF.cjs"),Q=require("./Icon.cjs"),ee=require("./Badge.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=require("./useDetectMobile-D6d5LpdL.cjs"),re=require("./FlexBox.cjs"),q=require("./index-CHDRU86t.cjs"),z=require("./IconButton.cjs"),te=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),n=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./utils-BXPz9bck.cjs"),I=require("./consts-CtNoHdBj.cjs"),K=require("./motion-B_VPZaJq.cjs"),i=require("./index-BPVoEhTF.cjs"),Q=require("./Icon.cjs"),ee=require("./Badge.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=require("./useDetectMobile-D6d5LpdL.cjs"),re=require("./FlexBox.cjs"),q=require("./index-CHDRU86t.cjs"),z=require("./IconButton.cjs"),te=u.styled.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -207,7 +207,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,X=e=>{const{uuid:o,hasPermission:c=!0,isUser:s,image:m,name:a,notifications:d=0,color:x="primary",size:w="large",style:j,disabled:l,onSelect:g=()=>{},isActive:y,className:b,themeData:f}=e,P={theme:M.useTheme(),color:x,size:w,style:j,disabled:l};return n.createElement(ne,{onClick:t=>{t.stopPropagation(),c===!0&&(g==null||g())},...P,key:a,animate:{y:0,opacity:1},className:`profile-item ${b}`,exit:{opacity:0},hasPermission:c,initial:{y:-10,opacity:0},isActive:y,themeColor:(f==null?void 0:f.code)||"transparent"},r.jsx("div",{className:"logo-wrapper",children:m}),r.jsx("div",{className:"name",children:a}),d>0&&r.jsx("div",{className:"notifications-number",children:r.jsx(ee,{className:"badge",color:"danger",size:"small",children:d>99?"99+":d})}))};X.propTypes={id:i.PropTypes.any,isUserProfile:i.PropTypes.bool,themeColor:i.PropTypes.string,image:i.PropTypes.any,name:i.PropTypes.string,notifications:i.PropTypes.number,style:i.PropTypes.object,className:i.PropTypes.string,color:i.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:i.PropTypes.oneOf(["large"]),onSelect:i.PropTypes.func,hasPermission:i.PropTypes.bool};const H=(e,o)=>{if(!e||!o)return null;let c=Math.floor((e==null?void 0:e.getTime())-(o==null?void 0:o.getTime())),s=1e3*60*60*24;return Math.ceil(c/s)},Y=e=>{const o=M.useTheme(),{uuid:c,shopUuid:s,title:m="",description:a,badges:d,coverPhoto:x,onSelect:w,status:j,startDate:l,endDate:g,salesPackages:y,shopName:b,shopImage:f,onSelectCard:h=()=>{},onSelectShop:P=()=>{},campaignSingleText:t,salesCampaignTypes:$=[],startsInPrefixTextPlural:S,startsinSuffixTextPlural:F,startsInPrefixTextSingular:k,startsinSuffixTextSingular:A,themeData:O,...R}=e,p=l?new Date(l)<=new Date:!1;H(g?new Date(g):null,l?new Date(l):null);const v=H(l?new Date(l):null,new Date);return r.jsxs(te,{theme:o,onClick:h,...R,children:[r.jsxs(oe,{theme:o,onClick:()=>w==null?void 0:w(),children:[r.jsx("img",{src:x}),r.jsx(ae,{children:y==null?void 0:y.map((C,E)=>{var N,W;return r.jsx(ce,{color:(N=$==null?void 0:$.find(B=>B.value===C))==null?void 0:N.color,theme:o,children:r.jsx(Q,{icon:(W=$==null?void 0:$.find(B=>B.value===C))==null?void 0:W.icon})},`package__${E}`)})})]}),r.jsxs(ie,{theme:o,children:[r.jsxs("div",{className:"text-block-wrapper",children:[r.jsxs("div",{className:"title-block-wrapper",children:[r.jsx("div",{className:"campaign-title",children:t}),r.jsx("div",{className:"campaign-title-text",children:m}),r.jsx("div",{className:"timestamp-text",children:p?"":v===1?`${k} ${v} ${A}`:`${S} ${v} ${F}`})]}),r.jsx("div",{children:a})]}),r.jsx(X,{hasPermission:!0,image:r.jsx("img",{src:f,className:`${f?"":"no-image"}`}),themeData:O,isActive:!0,isUser:!1,name:b,onClick:()=>P(s)})]})]})};Y.propTypes={title:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.element]),numberOfListings:i.PropTypes.number,dropdown:i.PropTypes.any,color:i.PropTypes.string};const de=u.styled.div`
+`,X=e=>{const{uuid:o,hasPermission:c=!0,isUser:s,image:x,name:a,notifications:g=0,color:f="primary",size:w="large",style:$,disabled:l,onSelect:d=()=>{},isActive:y,className:b,themeData:m}=e,P={theme:M.useTheme(),color:f,size:w,style:$,disabled:l};return n.createElement(ne,{onClick:S=>{S.stopPropagation(),c===!0&&(d==null||d())},...P,key:a,animate:{y:0,opacity:1},className:`profile-item ${b}`,exit:{opacity:0},hasPermission:c,initial:{y:-10,opacity:0},isActive:y,themeColor:(m==null?void 0:m.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:x}),t.jsx("div",{className:"name",children:a}),g>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(ee,{className:"badge",color:"danger",size:"small",children:g>99?"99+":g})}))};X.propTypes={id:i.PropTypes.any,isUserProfile:i.PropTypes.bool,themeColor:i.PropTypes.string,image:i.PropTypes.any,name:i.PropTypes.string,notifications:i.PropTypes.number,style:i.PropTypes.object,className:i.PropTypes.string,color:i.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:i.PropTypes.oneOf(["large"]),onSelect:i.PropTypes.func,hasPermission:i.PropTypes.bool};const H=(e,o)=>{if(!e||!o)return null;let c=Math.floor((e==null?void 0:e.getTime())-(o==null?void 0:o.getTime())),s=1e3*60*60*24;return Math.ceil(c/s)},Y=e=>{const o=M.useTheme(),{uuid:c,shopUuid:s,title:x="",description:a,badges:g,coverPhoto:f,onSelect:w,status:$,startDate:l,endDate:d,salesPackages:y,shopName:b,shopImage:m,onSelectCard:h=()=>{},onSelectShop:P=()=>{},campaignSingleText:S,salesCampaignTypes:r=[],startsInPrefixTextPlural:j,startsinSuffixTextPlural:F,startsInPrefixTextSingular:k,startsinSuffixTextSingular:A,themeData:O,...R}=e,p=l?new Date(l)<=new Date:!1;H(d?new Date(d):null,l?new Date(l):null);const v=H(l?new Date(l):null,new Date);return t.jsxs(te,{theme:o,onClick:h,...R,children:[t.jsxs(oe,{theme:o,onClick:()=>w==null?void 0:w(),children:[t.jsx("img",{src:f}),t.jsx(ae,{children:y==null?void 0:y.map((C,E)=>{var N,W;return t.jsx(ce,{color:(N=r==null?void 0:r.find(B=>B.value===C))==null?void 0:N.color,theme:o,children:t.jsx(Q,{icon:(W=r==null?void 0:r.find(B=>B.value===C))==null?void 0:W.icon})},`package__${E}`)})})]}),t.jsxs(ie,{theme:o,children:[t.jsxs("div",{className:"text-block-wrapper",children:[t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:S}),t.jsx("div",{className:"campaign-title-text",children:x}),t.jsx("div",{className:"timestamp-text",children:p?"":v===1?`${k} ${v} ${A}`:`${j} ${v} ${F}`})]}),t.jsx("div",{children:a})]}),t.jsx(X,{hasPermission:!0,image:t.jsx("img",{src:m,className:`${m?"":"no-image"}`}),themeData:O,isActive:!0,isUser:!1,name:b,onClick:()=>P(s)})]})]})};Y.propTypes={title:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.element]),numberOfListings:i.PropTypes.number,dropdown:i.PropTypes.any,color:i.PropTypes.string};const de=u.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -340,7 +340,7 @@
       right: 0;
     }
   }
-`,pe=(e,o)=>{const[c,s]=n.useState({trigger:null,direction:null}),m=a=>a.touches||a.originalEvent.touches;return n.useEffect(()=>{const a=typeof e=="string"||e instanceof String?document.getElementById(e):e.current;let d=null,x=null;if(a){const w=l=>{const g=m(l)[0];d=g.clientX,x=g.clientY},j=l=>{if(!d||!x)return;const g=l.touches[0].clientX,y=l.touches[0].clientY,b=d-g,f=x-y;Math.abs(b)>Math.abs(f)?b>0?s(h=>({trigger:!h.trigger,direction:_.LEFT})):s(h=>({trigger:!h.trigger,direction:_.RIGHT})):f>0?s(h=>({trigger:!h.trigger,direction:_.UP})):s(h=>({trigger:!h.trigger,direction:_.DOWN})),d=null,x=null};return a.addEventListener("touchstart",w),a.addEventListener("touchmove",j),()=>{a.removeEventListener("touchstart",w),a.addEventListener("touchmove",j)}}},[]),c},_={UP:"up",DOWN:"down",RIGHT:"right",LEFT:"left"},J=n.forwardRef(({title:e,columnGap:o="2rem",rowGap:c="1.25rem",scrollBySize:s=300,wrapForMobile:m=!1,wrap:a=!1,children:d,methodsRef:x,arrowsVisibleOnHover:w=!0,rightAlignArrows:j=!1,padding:l="0",showTimesBtn:g,noArrows:y,onShowEnd:b,arrowsZIndex:f,...h},P)=>{const t=G.useDetectMobile(),$=M.useTheme(),[S,F]=n.useState(!1),[k,A]=n.useState(!1),[O,R]=n.useState(!0),p=n.useRef(),v=pe(p);n.useEffect(()=>{(v==null?void 0:v.direction)===_.RIGHT&&k!==!0?E():(v==null?void 0:v.direction)===_.LEFT&&S!==!0&&C()},[v]);const C=()=>{var T;(T=p.current)==null||T.scrollBy(s,0)},E=()=>{var T;(T=p.current)==null||T.scrollBy(-s,0)},[N,W]=n.useState(!1);n.useEffect(()=>{var T,U;W(((T=p==null?void 0:p.current)==null?void 0:T.scrollWidth)>((U=p==null?void 0:p.current)==null?void 0:U.clientWidth))},[d]),n.useImperativeHandle(x,()=>({scrollToEnd(){B()},scrollLeft(){E()},scrollRight(){C()}}));const B=()=>{p.current.scrollLeft=p.current.scrollWidth};return r.jsxs(de,{arrowsZIndex:f,children:[r.jsxs(ge,{children:[r.jsx("div",{children:e}),r.jsxs("div",{className:"btns-group",children:[r.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:k,icon:"angle-left",onClick:E}),r.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:S,icon:"angle-right",onClick:C})]})]}),r.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-left-arrow scroll-arrow-left",color:"neutral",disabled:k,icon:"angle-left",onClick:E}),r.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-right-arrow scroll-arrow-right",color:"neutral",disabled:S,icon:"angle-right",onClick:C}),r.jsx(he,{ref:P,arrowsVisibleOnHover:w,hasOverflow:N,noArrows:y,padding:l,rightAlignArrows:j,showTimesBtn:g,theme:$,...h,children:r.jsxs(re,{ref:p,className:"scrollable-container",columnGap:o,rowGap:c,wrap:a||m&&t?"Wrap":"NoWrap",children:[r.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{k===!0&&A(!1)},onIsVisible:()=>{k===!1&&A(!0)}}),d,r.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{S===!0&&F(!1),R(!0)},onIsVisible:()=>{S===!1&&F(!0),R(!1),b==null||b()}}),O&&N&&r.jsx("div",{className:"gradient"})]})})]})});J.propTypes={title:i.PropTypes.string,rowGap:i.PropTypes.string,columnGap:i.PropTypes.string,scrollBySize:i.PropTypes.number,wrapForMobile:i.PropTypes.bool,wrap:i.PropTypes.bool,methodsRef:i.PropTypes.any,arrowsVisibleOnHover:i.PropTypes.bool,rightAlignArrows:i.PropTypes.bool,padding:i.PropTypes.string};const ue=u.styled.div`
+`,pe=(e,o)=>{const[c,s]=n.useState({trigger:null,direction:null}),x=a=>a.touches||a.originalEvent.touches;return n.useEffect(()=>{const a=typeof e=="string"||e instanceof String?document.getElementById(e):e.current;let g=null,f=null;if(a){const w=l=>{const d=x(l)[0];g=d.clientX,f=d.clientY},$=l=>{if(!g||!f)return;const d=l.touches[0].clientX,y=l.touches[0].clientY,b=g-d,m=f-y;Math.abs(b)>Math.abs(m)?b>0?s(h=>({trigger:!h.trigger,direction:_.LEFT})):s(h=>({trigger:!h.trigger,direction:_.RIGHT})):m>0?s(h=>({trigger:!h.trigger,direction:_.UP})):s(h=>({trigger:!h.trigger,direction:_.DOWN})),g=null,f=null};return a.addEventListener("touchstart",w),a.addEventListener("touchmove",$),()=>{a.removeEventListener("touchstart",w),a.addEventListener("touchmove",$)}}},[]),c},_={UP:"up",DOWN:"down",RIGHT:"right",LEFT:"left"},J=n.forwardRef(({title:e,columnGap:o="2rem",rowGap:c="1.25rem",scrollBySize:s=300,wrapForMobile:x=!1,wrap:a=!1,children:g,methodsRef:f,arrowsVisibleOnHover:w=!0,rightAlignArrows:$=!1,padding:l="0",showTimesBtn:d,noArrows:y,onShowEnd:b,arrowsZIndex:m,...h},P)=>{const S=G.useDetectMobile(),r=M.useTheme(),[j,F]=n.useState(!1),[k,A]=n.useState(!1),[O,R]=n.useState(!0),p=n.useRef(),v=pe(p);n.useEffect(()=>{(v==null?void 0:v.direction)===_.RIGHT&&k!==!0?E():(v==null?void 0:v.direction)===_.LEFT&&j!==!0&&C()},[v]);const C=()=>{var T;(T=p.current)==null||T.scrollBy(s,0)},E=()=>{var T;(T=p.current)==null||T.scrollBy(-s,0)},[N,W]=n.useState(!1);n.useEffect(()=>{var T,U;W(((T=p==null?void 0:p.current)==null?void 0:T.scrollWidth)>((U=p==null?void 0:p.current)==null?void 0:U.clientWidth))},[g]),n.useImperativeHandle(f,()=>({scrollToEnd(){B()},scrollLeft(){E()},scrollRight(){C()}}));const B=()=>{p.current.scrollLeft=p.current.scrollWidth};return t.jsxs(de,{arrowsZIndex:m,children:[t.jsxs(ge,{children:[t.jsx("div",{children:e}),t.jsxs("div",{className:"btns-group",children:[t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:k,icon:"angle-left",onClick:E}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:j,icon:"angle-right",onClick:C})]})]}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-left-arrow scroll-arrow-left",color:"neutral",disabled:k,icon:"angle-left",onClick:E}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-right-arrow scroll-arrow-right",color:"neutral",disabled:j,icon:"angle-right",onClick:C}),t.jsx(he,{ref:P,arrowsVisibleOnHover:w,hasOverflow:N,noArrows:y,padding:l,rightAlignArrows:$,showTimesBtn:d,theme:r,...h,children:t.jsxs(re,{ref:p,className:"scrollable-container",columnGap:o,rowGap:c,wrap:a||x&&S?"Wrap":"NoWrap",children:[t.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{k===!0&&A(!1)},onIsVisible:()=>{k===!1&&A(!0)}}),g,t.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{j===!0&&F(!1),R(!0)},onIsVisible:()=>{j===!1&&F(!0),R(!1),b==null||b()}}),O&&N&&t.jsx("div",{className:"gradient"})]})})]})});J.propTypes={title:i.PropTypes.string,rowGap:i.PropTypes.string,columnGap:i.PropTypes.string,scrollBySize:i.PropTypes.number,wrapForMobile:i.PropTypes.bool,wrap:i.PropTypes.bool,methodsRef:i.PropTypes.any,arrowsVisibleOnHover:i.PropTypes.bool,rightAlignArrows:i.PropTypes.bool,padding:i.PropTypes.string};const ue=u.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -420,4 +420,4 @@
     align-items: center;
     gap: 0.5rem;
   }
-`,xe=n.forwardRef(({},e)=>{const o=M.useTheme();return r.jsxs(me,{ref:e,theme:o,children:[r.jsx("div",{className:"campaign__left-section",children:r.jsx(Z,{theme:o,width:"15rem",height:"15rem",borderRadius:"edged"})}),r.jsxs("div",{className:"campaign__right-section",children:[r.jsxs(fe,{theme:o,children:[r.jsx(L,{heightCoeff:.75,theme:o,width:"35%"}),r.jsx(L,{heightCoeff:1.25,theme:o}),r.jsx(L,{heightCoeff:3,theme:o})]}),r.jsxs("div",{className:"campaign__user",children:[r.jsx(Z,{theme:o,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),r.jsx(L,{theme:o,width:"75%"})]})]})]})}),we=({itemsCount:e=5,keyPrefix:o})=>r.jsx(r.Fragment,{children:Array.from({length:e},(c,s)=>r.jsx(xe,{},`${o}-skeleton-campaign-card-${s}`))}),be=({children:e,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:c=!1,itemsCount:s=5,keyPrefix:m})=>r.jsx(n.Suspense,{fallback:o,children:c===!0?r.jsx(we,{itemsCount:s,keyPrefix:m}):e}),ye=n.memo(Y),ve=n.forwardRef(({sellerType:e="Shop",items:o=[],title:c,isLoading:s,onSelectCard:m=()=>{},onSelectShop:a=()=>{},customScrollSize:d,campaignSingleText:x,salesCampaignTypes:w=[],startsInPrefixTextPlural:j,startsinSuffixTextPlural:l,startsInPrefixTextSingular:g,startsinSuffixTextSingular:y},b)=>{const f=n.useRef(),h=G.useDetectMobile(),P=n.useMemo(()=>o==null?void 0:o.map((t,$)=>r.jsx(ye,{className:"campaign-item",coverPhoto:t==null?void 0:t.coverPhoto,description:t==null?void 0:t.description,endDate:t==null?void 0:t.endDate,salesPackages:t==null?void 0:t.salesPackages,sellerType:e,shopImage:t==null?void 0:t.profileImage,shopName:t==null?void 0:t.shopName,shopUuid:t==null?void 0:t.shopUuid,startDate:t==null?void 0:t.startDate,title:t==null?void 0:t.name,uuid:t==null?void 0:t.campaignUuid,onSelectCard:()=>m(t==null?void 0:t.campaignUuid,t==null?void 0:t.shopUuid),onSelectShop:()=>a(t==null?void 0:t.shopUuid),campaignSingleText:x,salesCampaignTypes:w,startsInPrefixTextPlural:j,startsinSuffixTextPlural:l,startsInPrefixTextSingular:g,startsinSuffixTextSingular:y,themeData:t==null?void 0:t.themeData},`campaign__item__${$}__${t==null?void 0:t.startDate}___${t==null?void 0:t.endDate}`)),[o]);return r.jsx(r.Fragment,{children:(o==null?void 0:o.length)>0&&r.jsx(ue,{ref:b,className:"row-section-scroll",children:r.jsx(J,{arrowsVisibleOnHover:!1,columnGap:"0",methodsRef:f,mobileHoverScrollButtons:!0,noArrows:!0,padding:"0.25rem 0",rightAlignArrows:!0,scrollBySize:h?window.innerWidth:d>0?d:window.innerWidth,showTimesBtn:!1,title:c,onShowEnd:()=>{},arrowsZIndex:11,children:r.jsx(be,{isLoading:s,itemsCount:2,keyPrefix:"sales-camp",children:P})})})})});module.exports=ve;
+`,xe=n.forwardRef(({},e)=>{const o=M.useTheme();return t.jsxs(me,{ref:e,theme:o,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(Z,{theme:o,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(fe,{theme:o,children:[t.jsx(L,{heightCoeff:.75,theme:o,width:"35%"}),t.jsx(L,{heightCoeff:1.25,theme:o}),t.jsx(L,{heightCoeff:3,theme:o})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(Z,{theme:o,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(L,{theme:o,width:"75%"})]})]})]})}),we=({itemsCount:e=5,keyPrefix:o})=>t.jsx(t.Fragment,{children:Array.from({length:e},(c,s)=>t.jsx(xe,{},`${o}-skeleton-campaign-card-${s}`))}),be=({children:e,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:c=!1,itemsCount:s=5,keyPrefix:x})=>t.jsx(n.Suspense,{fallback:o,children:c===!0?t.jsx(we,{itemsCount:s,keyPrefix:x}):e}),ye=n.memo(Y),ve=n.forwardRef(({sellerType:e="Shop",items:o=[],title:c,isLoading:s,onSelectCard:x=()=>{},onSelectShop:a=()=>{},getImage:g=()=>{},customScrollSize:f,campaignSingleText:w,salesCampaignTypes:$=[],startsInPrefixTextPlural:l,startsinSuffixTextPlural:d,startsInPrefixTextSingular:y,startsinSuffixTextSingular:b},m)=>{const h=n.useRef(),P=G.useDetectMobile(),S=n.useMemo(()=>o==null?void 0:o.map((r,j)=>t.jsx(ye,{className:"campaign-item",coverPhoto:()=>g(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,sellerType:e,shopImage:r==null?void 0:r.profileImage,shopName:r==null?void 0:r.shopName,shopUuid:r==null?void 0:r.shopUuid,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>x(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>a(r==null?void 0:r.shopUuid),campaignSingleText:w,salesCampaignTypes:$,startsInPrefixTextPlural:l,startsinSuffixTextPlural:d,startsInPrefixTextSingular:y,startsinSuffixTextSingular:b,themeData:r==null?void 0:r.themeData},`campaign__item__${j}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`)),[o]);return t.jsx(t.Fragment,{children:(o==null?void 0:o.length)>0&&t.jsx(ue,{ref:m,className:"row-section-scroll",children:t.jsx(J,{arrowsVisibleOnHover:!1,columnGap:"0",methodsRef:h,mobileHoverScrollButtons:!0,noArrows:!0,padding:"0.25rem 0",rightAlignArrows:!0,scrollBySize:P?window.innerWidth:f>0?f:window.innerWidth,showTimesBtn:!1,title:c,onShowEnd:()=>{},arrowsZIndex:11,children:t.jsx(be,{isLoading:s,itemsCount:2,keyPrefix:"sales-camp",children:S})})})})});module.exports=ve;