@lanaco/lnc-react-ui 4.0.122 → 4.0.124

package/dist/OverlayGeneralCardsSection.js

@@ -1,194 +1,208 @@
-import { jsx as r, Fragment as p, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as g, Suspense as m } from "react";
-import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { P as t } from "./index-CblbdqjE.js";
+import _ from "./Button.js";
+import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-BuFChS64.js";
-import { R as v } from "./style-08foMKSd.js";
-import { p as x, o as y, k } from "./utils-BbgAIA9N.js";
-import w from "./Button.js";
-import { useTheme as b } from "./ThemeProvider.js";
-const $ = f.div`
-  display: grid;
-  grid-template-columns: ${(n) => `repeat(${n.limit}, auto)`};
-  gap: 1.25rem;
-  justify-items: center;
-
-  @media (max-width: ${h + "px"}) {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-  }
-`, u = f.div`
-  width: 100%;
-  overflow: hidden;
-  position: relative;
-
-  border-radius: 0.75rem;
-  background: ${(n) => n == null ? void 0 : n.overlay};
+const u = g.div`
+  display: flex;
+  height: 28.75rem;
+  padding: 2.25rem;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
   cursor: pointer;
-
-  & img {
-    transition: var(--transition, all 0.3s ease);
-    overflow: hidden;
-    scale: 1.1;
-    aspect-ratio: 1 / 1;
-    mix-blend-mode: multiply;
-    width: 100%;
-    object-fit: cover;
-  }
+  flex: 1;
+  flex-shrink: 0;
+  background: ${(r) => r == null ? void 0 : r.backgroundColor}, url(${(r) => r == null ? void 0 : r.backgroundImage});
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: 0.75rem;
 
   &:hover {
-    & img {
-      transform: scale(1.1);
-    }
+    flex: 2;
   }
 
-  & .content-wrapper {
-    position: absolute;
-    right: 0;
-    top: 0;
-    padding: 2.25rem;
+  & .section__text {
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
     gap: 1rem;
-    justify-content: space-between;
-    height: 100%;
-    width: 100%;
+    align-self: stretch;
+
+    & .section__title {
+      color: var(--white, #fff);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+
+    & .section__description {
+      color: var(--white, #fff);
+      font-size: 1.375rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 1.75rem;
+    }
   }
 
-  & button {
-    width: fit-content;
-    color: var(--gray-950, #14161a);
+  & .section__action {
     background: var(--white, #fff);
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
 
     &:hover {
       color: var(--gray-700, #4e555f);
-      background: var(--white, #fff);
+    }
+
+    &:focus {
+      outline: none;
     }
   }
 
-  & .content-text {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    color: var(--white, #fff);
-    font-size: 1rem;
-    font-weight: 500;
+  @media (max-width: ${h + "px"}) {
+    padding: 2rem;
+    min-height: 17.5rem;
 
-    & .content-text-title {
-      font-weight: 600;
-      ${x(2)}
+    &:hover {
+      flex: 1;
     }
-  }
 
-  & .img-skeleton {
-    background-color: ${y("-90deg")};
-    min-height: 28.75rem;
-  }
+    & .section__text {
+      gap: 0.5rem;
 
-  @media (max-width: ${h + "px"}) {
-    & img,
-    .img.skeleton {
-      aspect-ratio: unset;
-      min-height: 28.75rem;
-      max-height: 28.75rem;
+      & .section__title {
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+      }
+
+      & .section__description {
+        font-size: 1rem;
+        line-height: 1.5rem;
+      }
     }
   }
-`, C = g(({}, n) => /* @__PURE__ */ r(u, { ref: n, children: /* @__PURE__ */ r("div", { className: "img-skeleton" }) })), N = ({ limit: n = 2, isLoading: o = !1, keyPrefix: t }) => /* @__PURE__ */ r(p, { children: Array.from({ length: n }, (l, a) => /* @__PURE__ */ r(
-  C,
-  {
-    isLoading: o
-  },
-  `${t}-skeleton-product-card-${a}`
-)) }), S = ({
-  children: n,
-  fallbackComponent: o = /* @__PURE__ */ r(p, {}),
-  isLoading: t = !1,
-  limit: l,
-  keyPrefix: a
-}) => /* @__PURE__ */ r(m, { fallbackComponent: o, children: t === !0 ? /* @__PURE__ */ r(
-  N,
-  {
-    isLoading: t,
-    limit: l,
-    keyPrefix: a
-  }
-) : n }), _ = g(
+`, m = f(
   ({
-    title: n,
-    image: o,
-    backgroundColor: t,
-    description: l,
-    buttonText: a,
-    handleClick: c = () => {
+    title: r,
+    description: n,
+    buttonText: i,
+    imageUrl: a,
+    backgroundColor: d,
+    handleSelectCard: e = () => {
     },
-    onButtonAction: d = () => {
+    handleButtonAction: l = () => {
     }
-  }, e) => {
-    const { theme: s } = b();
-    return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ i(
-      u,
-      {
-        ref: e,
-        theme: s,
-        overlay: t,
-        onClick: c,
-        children: [
-          /* @__PURE__ */ r("img", { src: o }),
-          /* @__PURE__ */ i("div", { className: "content-wrapper", children: [
-            /* @__PURE__ */ i("div", { className: "content-text", children: [
-              /* @__PURE__ */ r("div", { children: n }),
-              /* @__PURE__ */ r("div", { className: "content-text-title", children: l })
-            ] }),
-            k(a) && /* @__PURE__ */ r(
-              w,
-              {
-                text: a,
-                onClick: d,
-                className: "text__action",
-                size: "medium",
-                color: "gray"
-              }
-            )
-          ] })
-        ]
-      }
-    ) });
+  }, p) => /* @__PURE__ */ c(
+    u,
+    {
+      backgroundImage: a,
+      backgroundColor: d,
+      onClick: e,
+      children: [
+        /* @__PURE__ */ c("div", { className: "section__text", children: [
+          r && /* @__PURE__ */ o("div", { className: "section__title", children: r }),
+          n && /* @__PURE__ */ o("div", { className: "section__description", children: n })
+        ] }),
+        /* @__PURE__ */ o(
+          _,
+          {
+            text: i,
+            onClick: (s) => {
+              s == null || s.stopPropagation(), l();
+            },
+            borderRadius: "regular",
+            color: "gray",
+            className: "section__action"
+          }
+        )
+      ]
+    }
+  )
+);
+m.propTypes = {
+  title: t.string,
+  description: t.string,
+  buttonText: t.string,
+  imageUrl: t.string,
+  backgroundColor: t.string,
+  handleSelectCard: t.func,
+  handleButtonAction: t.func
+};
+const x = g.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1.5rem;
+
+  & .section__title {
+    color: var(--gray-950, #14161a);
+    font-size: 1.5rem;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 2rem;
+    letter-spacing: -0.0294rem;
   }
-), E = g(
-  ({
-    title: n,
-    items: o,
-    limit: t = 2,
-    onSelectCard: l = () => {
-    },
-    isLoading: a = !1,
-    onButtonAction: c = () => {
+
+  & .section__items {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    width: 100%;
+  }
+
+  & .section__item {
+    background: lightblue;
+    height: 24rem;
+    transition: width 0.5s ease;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    flex: 1;
+
+    &:hover {
+      flex: 2;
+      transition: width 0.5s ease;
     }
-  }, d) => /* @__PURE__ */ i(v, { ref: d, children: [
-    /* @__PURE__ */ r("div", { className: "regular-title center", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: n }) }) }),
-    /* @__PURE__ */ r($, { limit: t, children: /* @__PURE__ */ r(
-      S,
+  }
+
+  @media (max-width: ${h + "px"}) {
+    & .section__title {
+      font-size: 1.375rem;
+      line-height: 1.75rem;
+    }
+
+    & .section__items {
+      flex-direction: column;
+    }
+  }
+`, z = f(
+  ({ title: r, items: n, onSelectCard: i = () => {
+  }, onButtonAction: a = () => {
+  } }, d) => /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ o("div", { className: "section__title", children: r }),
+    /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, l) => /* @__PURE__ */ o(
+      m,
       {
-        isLoading: a,
-        limit: t,
-        keyPrefix: "explore-landing",
-        children: o == null ? void 0 : o.map((e, s) => /* @__PURE__ */ r(
-          _,
-          {
-            title: e == null ? void 0 : e.title,
-            image: e == null ? void 0 : e.imageUrl,
-            description: e == null ? void 0 : e.description,
-            buttonText: e == null ? void 0 : e.buttonText,
-            backgroundColor: e == null ? void 0 : e.backgroundColor,
-            handleClick: () => l(e == null ? void 0 : e.selectAction, e),
-            onButtonAction: () => c(e == null ? void 0 : e.buttonLink, e)
-          },
-          `landing-page-overlay-general-card__${s + 1}`
-        ))
-      }
-    ) })
+        title: e == null ? void 0 : e.title,
+        description: e == null ? void 0 : e.description,
+        imageUrl: e == null ? void 0 : e.imageUrl,
+        buttonText: e == null ? void 0 : e.buttonText,
+        backgroundColor: e == null ? void 0 : e.backgroundColor,
+        handleSelectCard: () => i(e),
+        handleButtonAction: () => a(e)
+      },
+      `overlay-general-card__${l + 1}`
+    )) })
   ] })
 );
 export {
-  E as default
+  z as default
 };

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("react"),c=require("./Button.cjs"),p=require("./skeleton-DdlE-y3C.cjs"),v=require("./utils-CZynEOC_.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),C=j.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),v=require("./Button.cjs"),p=require("./skeleton-BXY2S7mC.cjs"),j=require("./utils-CZynEOC_.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),d=b.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -67,7 +67,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
@@ -88,4 +88,4 @@
       gap: 1rem;
     }
   }
-`,d=y.forwardRef(({title:i,subtitle:s,items:n,limit:m=4,limitForMobile:_=2,buttonText:u="Show More",onSelectCard:g=()=>{},onButtonAction:l=()=>{},icon:o,getImage:x=()=>{},getProductImage:h=()=>{},hideProducts:f=!1},w)=>{var a;return t.jsxs(C,{ref:w,limitCards:m,limitCardsForMobile:_,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[v.isDefinedNotEmptyString(o)&&t.jsx("i",{className:o}),t.jsx("span",{children:i})]}),l&&t.jsx(c,{text:u,color:"neutral",borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:l})]}),s&&t.jsx("div",{className:"wrapper__subtitle",children:s})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,r)=>t.jsx(p.ShopCard,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g(e==null?void 0:e.uuid),image:x(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:h,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:f},`shop-card__${r+1}`)):(a=Array.from("1234"))==null?void 0:a.map((e,r)=>t.jsx(p.ShopCardSkeleton,{},`shop-card-skeleton__${r+1}`))})]})});module.exports=d;
+`,S=c.forwardRef(({title:i,subtitle:s,items:n,limit:m=4,limitForMobile:u=2,buttonText:_="Show More",onSelectCard:g=()=>{},onButtonAction:l=()=>{},icon:o,getImage:x=()=>{},getProductImage:h=()=>{},hideProducts:f=!1,showRating:w=!0},y)=>{var a;return t.jsxs(d,{ref:y,limitCards:m,limitCardsForMobile:u,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[j.isDefinedNotEmptyString(o)&&t.jsx("i",{className:o}),t.jsx("span",{children:i})]}),l&&t.jsx(v,{text:_,color:"neutral",borderRadius:"curved",btnType:"tinted",className:"title__action",onClick:l})]}),s&&t.jsx("div",{className:"wrapper__subtitle",children:s})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,r)=>t.jsx(p.ShopCard,{showRating:w,uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g(e==null?void 0:e.uuid),image:x(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:h,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:f},`shop-card__${r+1}`)):(a=Array.from("1234"))==null?void 0:a.map((e,r)=>t.jsx(p.ShopCardSkeleton,{},`shop-card-skeleton__${r+1}`))})]})});module.exports=S;

package/dist/ShopCardsSection.js

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import v from "./Button.js";
-import { S as C, a as b } from "./skeleton-CkTNgaA3.js";
-import { k as d } from "./utils-BbgAIA9N.js";
-import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as N } from "./consts-BuFChS64.js";
-const c = S.div`
+import { forwardRef as v } from "react";
+import C from "./Button.js";
+import { S as b, a as d } from "./skeleton-C_gJZRTs.js";
+import { k as S } from "./utils-BbgAIA9N.js";
+import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as c } from "./consts-BuFChS64.js";
+const $ = N.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -74,7 +74,7 @@ const c = S.div`
     width: 100%;
   }
 
-  @media (max-width: ${N + "px"}) {
+  @media (max-width: ${c + "px"}) {
     & .wrapper__heading {
       & .wrapper__title {
         & .title__action {
@@ -95,7 +95,7 @@ const c = S.div`
       gap: 1rem;
     }
   }
-`, I = y(
+`, P = v(
   ({
     title: t,
     subtitle: o,
@@ -112,24 +112,25 @@ const c = S.div`
     },
     getProductImage: h = () => {
     },
-    hideProducts: w = !1
-  }, x) => {
+    hideProducts: w = !1,
+    showRating: x = !0
+  }, y) => {
     var s;
     return /* @__PURE__ */ n(
-      c,
+      $,
       {
-        ref: x,
+        ref: y,
         limitCards: m,
         limitCardsForMobile: _,
         children: [
           /* @__PURE__ */ n("div", { className: "wrapper__heading", children: [
             /* @__PURE__ */ n("div", { className: "wrapper__title", children: [
               t && /* @__PURE__ */ n("div", { className: "title__text", children: [
-                d(p) && /* @__PURE__ */ r("i", { className: p }),
+                S(p) && /* @__PURE__ */ r("i", { className: p }),
                 /* @__PURE__ */ r("span", { children: t })
               ] }),
               a && /* @__PURE__ */ r(
-                v,
+                C,
                 {
                   text: g,
                   color: "neutral",
@@ -143,8 +144,9 @@ const c = S.div`
             o && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: o })
           ] }),
           /* @__PURE__ */ r("div", { className: "wrapper__cards", children: i && (i == null ? void 0 : i.length) > 0 ? i == null ? void 0 : i.map((e, l) => /* @__PURE__ */ r(
-            C,
+            b,
             {
+              showRating: x,
               uuid: e == null ? void 0 : e.uuid,
               title: e == null ? void 0 : e.name,
               subtitle: e == null ? void 0 : e.shortDescription,
@@ -159,12 +161,12 @@ const c = S.div`
               hideProducts: w
             },
             `shop-card__${l + 1}`
-          )) : (s = Array.from("1234")) == null ? void 0 : s.map((e, l) => /* @__PURE__ */ r(b, {}, `shop-card-skeleton__${l + 1}`)) })
+          )) : (s = Array.from("1234")) == null ? void 0 : s.map((e, l) => /* @__PURE__ */ r(d, {}, `shop-card-skeleton__${l + 1}`)) })
         ]
       }
     );
   }
 );
 export {
-  I as default
+  P as default
 };

package/dist/index-Bg5OOQN0.cjs

@@ -0,0 +1,5 @@
+"use strict";const a=require("./_commonjsHelpers-DwTZ_eVU.cjs");var i={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(n){(function(){var c={}.hasOwnProperty;function e(){for(var t="",r=0;r<arguments.length;r++){var s=arguments[r];s&&(t=o(t,f(s)))}return t}function f(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return e.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var s in t)c.call(t,s)&&t[s]&&(r=o(r,s));return r}function o(t,r){return r?t?t+" "+r:t+r:t}n.exports?(e.default=e,n.exports=e):window.classNames=e})()})(i);var u=i.exports;const p=a.getDefaultExportFromCjs(u);exports.classNames=p;

package/dist/{index-BXrmgzsU.js → index-fN7hCOo3.js}

@@ -7,15 +7,15 @@ var i = { exports: {} };
 */
 (function(e) {
   (function() {
-    var a = {}.hasOwnProperty;
+    var f = {}.hasOwnProperty;
     function s() {
       for (var t = "", r = 0; r < arguments.length; r++) {
         var n = arguments[r];
-        n && (t = o(t, f(n)));
+        n && (t = o(t, a(n)));
       }
       return t;
     }
-    function f(t) {
+    function a(t) {
       if (typeof t == "string" || typeof t == "number")
         return t;
       if (typeof t != "object")
@@ -26,7 +26,7 @@ var i = { exports: {} };
         return t.toString();
       var r = "";
       for (var n in t)
-        a.call(t, n) && t[n] && (r = o(r, n));
+        f.call(t, n) && t[n] && (r = o(r, n));
       return r;
     }
     function o(t, r) {
@@ -38,6 +38,5 @@ var i = { exports: {} };
 var p = i.exports;
 const l = /* @__PURE__ */ c(p);
 export {
-  p as a,
   l as c
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-CP60mpJO.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),G=require("./Notification.cjs"),v=require("./NotificationContainer.cjs"),L=require("./NotificationMessage.cjs"),x=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),Q=require("./DragAndDropFile.cjs"),U=require("./DragDropFiles.cjs"),z=require("./Dropdown.cjs"),E=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),Ge=require("./SwipeableDrawer.cjs"),ve=require("./TreeMenu.cjs"),Le=require("./MenuItem.cjs"),xe=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./ProductsWithBannerSection.cjs"),We=require("./SimpleProductsSection.cjs"),ke=require("./UrgentSaleProductsSection.cjs"),He=require("./BannerSectionCarousel.cjs"),Re=require("./BannerSectionGrid.cjs"),Oe=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),Ee=require("./BrandHitsSection.cjs"),je=require("./FieldOfInterestsMasonrySection.cjs"),Je=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Xe=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ye=require("./BannerSectionBasic.cjs"),Ze=require("./GeneralWithTagsCardsSection.cjs"),_e=require("./ShopCardsSection.cjs"),$e=require("./QuizSection.cjs"),er=require("./SalesCampaignsSection.cjs"),rr=require("./CalorieCalculatorSection.cjs"),or=require("./BlogCategoryCardsSection.cjs"),tr=require("./BlogProductCardsSection.cjs"),nr=require("./BlogShopCardsSection.cjs"),ir=require("./BlogCardsSponsoredSection.cjs"),cr=require("./BlogListSection.cjs"),ar=require("./AdBannerSection.cjs"),sr=require("./QuattroCardsSection.cjs"),ur=require("./FeedbackSection.cjs"),dr=require("./HelpBannerSection.cjs"),qr=require("./ContactSection.cjs"),lr=require("./FaqSection.cjs"),Sr=require("./SearchSection-BGK1Fxaj.cjs"),pr=require("./StatsSection.cjs"),gr=require("./ToggleSection.cjs"),r=require("./ThemeProvider.cjs"),Cr=require("./CustomStyles-D3JePSNK.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=G;exports.NotificationContainer=v;exports.NotificationMessage=L;exports.ProgressBar=x;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=Q;exports.DragDropFiles=U;exports.Dropdown=z.default;exports.DropdownLookup=E;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=Ge;exports.TreeMenu=ve;exports.MenuItem=Le;exports.NestedMenuItem=xe;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.ProductsWithBannerSection=Ve;exports.SimpleProductsSection=We;exports.UrgentSaleProductsSection=ke;exports.BannerSectionCarousel=He;exports.BannerSectionGrid=Re;exports.BannerSectionSimple=Oe;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=Ee;exports.FieldOfInterestsMasonrySection=je;exports.FieldOfInterestsWithAvatarsCardsSection=Je;exports.FieldOfInterestsWithTagsCardsSection=Xe;exports.BannerSectionBasic=Ye;exports.GeneralWithTagsCardsSection=Ze;exports.ShopCardsSection=_e;exports.QuizSection=$e;exports.SalesCampaignsSection=er;exports.CalorieCalculatorSection=rr;exports.BlogCategoryCardsSection=or;exports.BlogProductCardsSection=tr;exports.BlogShopCardsSection=nr;exports.BlogCardsSponsoredSection=ir;exports.BlogListSection=cr;exports.AdBannerSection=ar;exports.QuattroCardsSection=sr;exports.FeedbackSection=ur;exports.HelpBannerSection=dr;exports.ContactSection=qr;exports.FaqSection=lr;exports.SearchSection=Sr.SearchSection;exports.StatsSection=pr;exports.ToggleSection=gr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Cr.components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),G=require("./Notification.cjs"),v=require("./NotificationContainer.cjs"),L=require("./NotificationMessage.cjs"),x=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),Q=require("./DragAndDropFile.cjs"),U=require("./DragDropFiles.cjs"),z=require("./Dropdown.cjs"),E=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),Ge=require("./SwipeableDrawer.cjs"),ve=require("./TreeMenu.cjs"),Le=require("./MenuItem.cjs"),xe=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./ProductsWithBannerSection.cjs"),We=require("./SimpleProductsSection.cjs"),ke=require("./UrgentSaleProductsSection.cjs"),He=require("./BannerSectionCarousel.cjs"),Re=require("./BannerSectionGrid.cjs"),Oe=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),Ee=require("./BrandHitsSection.cjs"),je=require("./FieldOfInterestsMasonrySection.cjs"),Je=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Xe=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ye=require("./BannerSectionBasic.cjs"),Ze=require("./GeneralWithTagsCardsSection.cjs"),_e=require("./ShopCardsSection.cjs"),$e=require("./QuizSection.cjs"),er=require("./SalesCampaignsSection.cjs"),rr=require("./CalorieCalculatorSection.cjs"),or=require("./BlogCategoryCardsSection.cjs"),tr=require("./BlogProductCardsSection.cjs"),nr=require("./BlogShopCardsSection.cjs"),ir=require("./BlogCardsSponsoredSection.cjs"),cr=require("./BlogListSection.cjs"),ar=require("./AdBannerSection.cjs"),sr=require("./QuattroCardsSection.cjs"),ur=require("./FeedbackSection.cjs"),dr=require("./HelpBannerSection.cjs"),qr=require("./ContactSection.cjs"),lr=require("./FaqSection.cjs"),Sr=require("./SearchSection-BGK1Fxaj.cjs"),pr=require("./StatsSection.cjs"),gr=require("./ToggleSection.cjs"),r=require("./ThemeProvider.cjs"),Cr=require("./CustomStyles-D3JePSNK.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=G;exports.NotificationContainer=v;exports.NotificationMessage=L;exports.ProgressBar=x;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=Q;exports.DragDropFiles=U;exports.Dropdown=z.default;exports.DropdownLookup=E;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=Ge;exports.TreeMenu=ve;exports.MenuItem=Le;exports.NestedMenuItem=xe;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.ProductsWithBannerSection=Ve;exports.SimpleProductsSection=We;exports.UrgentSaleProductsSection=ke;exports.BannerSectionCarousel=He;exports.BannerSectionGrid=Re;exports.BannerSectionSimple=Oe;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=Ee;exports.FieldOfInterestsMasonrySection=je;exports.FieldOfInterestsWithAvatarsCardsSection=Je;exports.FieldOfInterestsWithTagsCardsSection=Xe;exports.BannerSectionBasic=Ye;exports.GeneralWithTagsCardsSection=Ze;exports.ShopCardsSection=_e;exports.QuizSection=$e;exports.SalesCampaignsSection=er;exports.CalorieCalculatorSection=rr;exports.BlogCategoryCardsSection=or;exports.BlogProductCardsSection=tr;exports.BlogShopCardsSection=nr;exports.BlogCardsSponsoredSection=ir;exports.BlogListSection=cr;exports.AdBannerSection=ar;exports.QuattroCardsSection=sr;exports.FeedbackSection=ur;exports.HelpBannerSection=dr;exports.ContactSection=qr;exports.FaqSection=lr;exports.SearchSection=Sr.SearchSection;exports.StatsSection=pr;exports.ToggleSection=gr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Cr.components;

package/dist/index.js

@@ -18,7 +18,7 @@ import { default as V } from "./DetailsView.js";
 import { default as k } from "./EditableTable.js";
 import { default as H } from "./FormView.js";
 import { default as O } from "./Kanban.js";
-import { K as U } from "./KanbanCard-Crf-cTxA.js";
+import { K as U } from "./KanbanCard-68kSAXL6.js";
 import { default as z } from "./KanbanHeader.js";
 import { default as j } from "./KanbanFooter.js";
 import { default as X } from "./KanbanView.js";

package/dist/{skeleton-DdlE-y3C.cjs → skeleton-BXY2S7mC.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),p=require("./Icon.cjs"),n=require("./utils-CZynEOC_.cjs"),N=require("./index-BvSNRLNa.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=_.styled.div`
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),p=require("./Icon.cjs"),n=require("./utils-CZynEOC_.cjs"),u=require("./index-BvSNRLNa.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=_.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -122,7 +122,7 @@
       }
     }
   }
-`,S=_.styled.div`
+`,k=_.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -165,4 +165,4 @@
       width: 100%;
     }
   }
-`,g="data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200C62.0914%200%2080%2017.9086%2080%2040C80%2062.0914%2062.0914%2080%2040%2080C17.9086%2080%200%2062.0914%200%2040C0%2017.9086%2017.9086%200%2040%200ZM29.7148%2020C29.1939%2019.9981%2028.5387%2019.9954%2027.9199%2020.1973C27.3848%2020.3719%2026.8918%2020.6581%2026.4746%2021.0361C25.9923%2021.4732%2025.6689%2022.0429%2025.4121%2022.4961C25.3881%2022.5384%2025.3647%2022.58%2025.3418%2022.6201L18.2637%2035.0078C17.91%2035.6268%2017.9127%2036.3873%2018.2705%2037.0039C18.6284%2037.6204%2019.2871%2038%2020%2038H22V53.2725C22%2054.0504%2022.0003%2054.7505%2022.0479%2055.333C22.0988%2055.9568%2022.214%2056.6198%2022.5449%2057.2695C23.0243%2058.2103%2023.7897%2058.9757%2024.7305%2059.4551C25.3802%2059.786%2026.0432%2059.9012%2026.667%2059.9521C27.2495%2059.9997%2027.9496%2060%2028.7275%2060H39.2725C40.0504%2060%2040.7505%2059.9997%2041.333%2059.9521C41.9568%2059.9012%2042.6198%2059.786%2043.2695%2059.4551C44.2103%2058.9757%2044.9757%2058.2103%2045.4551%2057.2695C45.786%2056.6198%2045.9012%2055.9568%2045.9521%2055.333C45.9997%2054.7505%2046%2054.0504%2046%2053.2725V38H54V58C54%2059.1046%2054.8954%2060%2056%2060C57.1046%2060%2058%2059.1046%2058%2058V38H60C60.7129%2038%2061.3716%2037.6204%2061.7295%2037.0039C62.0873%2036.3873%2062.09%2035.6268%2061.7363%2035.0078L54.6582%2022.6201C54.6353%2022.58%2054.6119%2022.5384%2054.5879%2022.4961C54.3311%2022.0429%2054.0077%2021.4732%2053.5254%2021.0361C53.1082%2020.6581%2052.6152%2020.3719%2052.0801%2020.1973C51.4613%2019.9954%2050.8061%2019.9981%2050.2852%2020H29.7148ZM42%2038V48H26V38H42Z'%20fill='%2387C6FA'/%3e%3c/svg%3e",k=t.forwardRef(({uuid:c,image:m,imageComponent:d,title:x,subtitle:h,badges:w,rating:f,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:C=()=>{},canAcceptPayments:j,hideProducts:b=!1},y)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=g,a.onerror=null};return(s=i==null?void 0:i.current)==null||s.addEventListener("error",e),()=>{var a;(a=i==null?void 0:i.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(u,{ref:y,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(d)?d:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:g}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",j&&r.jsx(p,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),w&&r.jsx("div",{className:"wrapper__badges"}),r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(p,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=f?"gold-star":""}`},`shop-card-rating-star__${s+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),b!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,s)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:n.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(N.ProductImageWrapper,{src:C(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),H=t.forwardRef(({},c)=>r.jsx(S,{children:r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"})]})]})}));exports.ShopCard=k;exports.ShopCardSkeleton=H;
+`,g="data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40%200C62.0914%200%2080%2017.9086%2080%2040C80%2062.0914%2062.0914%2080%2040%2080C17.9086%2080%200%2062.0914%200%2040C0%2017.9086%2017.9086%200%2040%200ZM29.7148%2020C29.1939%2019.9981%2028.5387%2019.9954%2027.9199%2020.1973C27.3848%2020.3719%2026.8918%2020.6581%2026.4746%2021.0361C25.9923%2021.4732%2025.6689%2022.0429%2025.4121%2022.4961C25.3881%2022.5384%2025.3647%2022.58%2025.3418%2022.6201L18.2637%2035.0078C17.91%2035.6268%2017.9127%2036.3873%2018.2705%2037.0039C18.6284%2037.6204%2019.2871%2038%2020%2038H22V53.2725C22%2054.0504%2022.0003%2054.7505%2022.0479%2055.333C22.0988%2055.9568%2022.214%2056.6198%2022.5449%2057.2695C23.0243%2058.2103%2023.7897%2058.9757%2024.7305%2059.4551C25.3802%2059.786%2026.0432%2059.9012%2026.667%2059.9521C27.2495%2059.9997%2027.9496%2060%2028.7275%2060H39.2725C40.0504%2060%2040.7505%2059.9997%2041.333%2059.9521C41.9568%2059.9012%2042.6198%2059.786%2043.2695%2059.4551C44.2103%2058.9757%2044.9757%2058.2103%2045.4551%2057.2695C45.786%2056.6198%2045.9012%2055.9568%2045.9521%2055.333C45.9997%2054.7505%2046%2054.0504%2046%2053.2725V38H54V58C54%2059.1046%2054.8954%2060%2056%2060C57.1046%2060%2058%2059.1046%2058%2058V38H60C60.7129%2038%2061.3716%2037.6204%2061.7295%2037.0039C62.0873%2036.3873%2062.09%2035.6268%2061.7363%2035.0078L54.6582%2022.6201C54.6353%2022.58%2054.6119%2022.5384%2054.5879%2022.4961C54.3311%2022.0429%2054.0077%2021.4732%2053.5254%2021.0361C53.1082%2020.6581%2052.6152%2020.3719%2052.0801%2020.1973C51.4613%2019.9954%2050.8061%2019.9981%2050.2852%2020H29.7148ZM42%2038V48H26V38H42Z'%20fill='%2387C6FA'/%3e%3c/svg%3e",H=t.forwardRef(({uuid:c,image:m,imageComponent:d,title:x,subtitle:h,badges:w,rating:f,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:C=()=>{},canAcceptPayments:j,hideProducts:b=!1,showRating:y=!0},N)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=g,a.onerror=null};return(s=i==null?void 0:i.current)==null||s.addEventListener("error",e),()=>{var a;(a=i==null?void 0:i.current)==null||a.removeEventListener("error",e)}},[]),r.jsxs(S,{ref:N,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(d)?d:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:g}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",j&&r.jsx(p,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),w&&r.jsx("div",{className:"wrapper__badges"}),y&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(p,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=f?"gold-star":""}`},`shop-card-rating-star__${s+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),b!==!0&&r.jsx("div",{className:"wrapper__products",children:l&&(l==null?void 0:l.map((e,s)=>r.jsx(t.Fragment,{children:r.jsx("div",{className:"wrapper__product",onClick:()=>{var a;return(a=e==null?void 0:e.onSelectProduct)==null?void 0:a.call(e,e==null?void 0:e.uuid)},children:n.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx(u.ProductImageWrapper,{src:C(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),L=t.forwardRef(({},c)=>r.jsx(k,{children:r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"}),r.jsx("div",{className:"wrapper__info-item"})]})]})}));exports.ShopCard=H;exports.ShopCardSkeleton=L;