@lanaco/lnc-react-ui 4.0.152 → 4.0.154

package/dist/{skeleton-Bil8w1A7.js → skeleton-BWFqIToC.js}

@@ -1,11 +1,12 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as h, useRef as L, useEffect as E, Fragment as z } from "react";
+import { forwardRef as h, useRef as L, useEffect as j, Fragment as I } from "react";
 import c from "./Icon.js";
-import { p as d, o as g, l as _ } from "./utils-BdsZgOUE.js";
+import { p as d, o as _, l as g } from "./utils-BdsZgOUE.js";
 import { D as f } from "./ShopAvatar-4-fCYGEc.js";
-import { P as D } from "./index-CF3HhgvN.js";
+import { P } from "./index-CF3HhgvN.js";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-const G = w.div`
+import { M as z } from "./consts-BuFChS64.js";
+const D = w.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -38,6 +39,10 @@ const G = w.div`
     }
   }
 
+  & .wrapper_stars {
+    display: flex;
+  }
+
   & .wrapper__info {
     display: flex;
     flex-direction: column;
@@ -129,7 +134,18 @@ const G = w.div`
       }
     }
   }
-`, P = w.div`
+
+  @media (max-width: ${z + "px"}) {
+    max-width: 10rem;
+    min-width: 10rem;
+
+    & .wrapper__content {
+      & .wrapper__image {
+        max-height: 3rem;
+      }
+    }
+  }
+`, G = w.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -155,7 +171,7 @@ const G = w.div`
       width: 4rem;
       height: 4rem;
       border-radius: 999px;
-      background-color: ${g("-90deg")};
+      background-color: ${_("-90deg")};
     }
   }
 
@@ -167,69 +183,69 @@ const G = w.div`
     width: 100%;
 
     & .wrapper__info-item {
-      background-color: ${g("-90deg")};
+      background-color: ${_("-90deg")};
       height: 1rem;
       width: 100%;
     }
   }
-`, B = h(
+`, X = h(
   ({
-    uuid: o,
-    image: m,
+    uuid: m,
+    image: o,
     imageComponent: p,
     title: x,
     subtitle: v,
     badges: b,
     rating: y,
-    reviewCount: t,
-    products: l,
+    reviewCount: l,
+    products: s,
     onSelectCard: N = () => {
     },
     getProductImage: k = () => {
     },
-    canAcceptPayments: u,
-    hideProducts: S = !1,
+    canAcceptPayments: S,
+    hideProducts: u = !1,
     showRating: $ = !0
-  }, j) => {
+  }, E) => {
     const n = L();
-    return E(() => {
-      var s;
+    return j(() => {
+      var t;
       const e = (a) => {
         a.target.src = f, a.onerror = null;
       };
-      return (s = n == null ? void 0 : n.current) == null || s.addEventListener("error", e), () => {
+      return (t = n == null ? void 0 : n.current) == null || t.addEventListener("error", e), () => {
         var a;
         (a = n == null ? void 0 : n.current) == null || a.removeEventListener("error", e);
       };
-    }, []), /* @__PURE__ */ i(G, { ref: j, onClick: N, children: [
+    }, []), /* @__PURE__ */ i(D, { ref: E, onClick: N, children: [
       /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
-        _(p) ? p : m ? /* @__PURE__ */ r("img", { ref: n, src: m, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f }),
+        g(p) ? p : o ? /* @__PURE__ */ r("img", { ref: n, src: o, className: "wrapper__image" }) : /* @__PURE__ */ r("img", { src: f, className: "wrapper__image" }),
         /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
           /* @__PURE__ */ i("div", { className: "wrapper__title", children: [
             x,
             " ",
-            u && /* @__PURE__ */ r(c, { color: "secondary", icon: "credit-card", className: "card" })
+            S && /* @__PURE__ */ r(c, { color: "secondary", icon: "credit-card", className: "card" })
           ] }),
           /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: v }),
           b && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
           $ && /* @__PURE__ */ i("div", { className: "wrapper__rating", children: [
-            /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, s) => /* @__PURE__ */ r(
+            /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((e, t) => /* @__PURE__ */ r(
               c,
               {
                 icon: " mng-lnc-star--filled",
                 className: `wrapper__star ${e >= y ? "gold-star" : ""}`
               },
-              `shop-card-rating-star__${s + 1}`
+              `shop-card-rating-star__${t + 1}`
             )) }),
             /* @__PURE__ */ i("div", { className: "wrapper__review-count", children: [
               "(",
-              t == null ? void 0 : t.toLocaleString(),
+              l == null ? void 0 : l.toLocaleString(),
               ")"
             ] })
           ] })
         ] })
       ] }),
-      S !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: l && (l == null ? void 0 : l.map((e, s) => /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
+      u !== !0 && /* @__PURE__ */ r("div", { className: "wrapper__products", children: s && (s == null ? void 0 : s.map((e, t) => /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
         "div",
         {
           className: "wrapper__product",
@@ -237,22 +253,22 @@ const G = w.div`
             var a;
             return (a = e == null ? void 0 : e.onSelectProduct) == null ? void 0 : a.call(e, e == null ? void 0 : e.uuid);
           },
-          children: _(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
-            D,
+          children: g(e == null ? void 0 : e.imageComponent) ? e == null ? void 0 : e.imageComponent : /* @__PURE__ */ r(
+            P,
             {
               src: k(
                 e == null ? void 0 : e.image,
                 e == null ? void 0 : e.uuid,
-                o
+                m
               ),
               className: "product__image"
             }
           )
         }
-      ) }, s))) })
+      ) }, t))) })
     ] });
   }
-), H = h(({}, o) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
+), Z = h(({}, m) => /* @__PURE__ */ r(G, { children: /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
   /* @__PURE__ */ r("div", { className: "wrapper__image" }),
   /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
     /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
@@ -262,6 +278,6 @@ const G = w.div`
   ] })
 ] }) }));
 export {
-  B as S,
-  H as a
+  X as S,
+  Z as a
 };

package/dist/{skeleton-BQd32q08.cjs → skeleton-BdbB-LdT.cjs}

@@ -41,8 +41,8 @@
     row-gap: 1rem;
     display: grid;
     grid-template-columns: repeat(2, auto);
-    max-height: 13.25rem;
-    min-height: 13.25rem;
+    max-height: 100%;
+    min-height: 100%;
     & .action {
       grid-column: 1 / 3;
     }

package/dist/{skeleton-B74purm7.js → skeleton-CQPwIEP0.js}

@@ -46,8 +46,8 @@ const d = r.div`
     row-gap: 1rem;
     display: grid;
     grid-template-columns: repeat(2, auto);
-    max-height: 13.25rem;
-    min-height: 13.25rem;
+    max-height: 100%;
+    min-height: 100%;
     & .action {
       grid-column: 1 / 3;
     }

package/dist/{skeleton-CWPYgHom.cjs → skeleton-CanJ6Gr6.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),d=require("./Icon.cjs"),n=require("./utils-Dl9xPH4c.cjs"),_=require("./ShopAvatar-CV3lj34D.cjs"),S=require("./index-BueKsXT8.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=g.styled.div`
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),d=require("./Icon.cjs"),n=require("./utils-Dl9xPH4c.cjs"),_=require("./ShopAvatar-CV3lj34D.cjs"),S=require("./index-BueKsXT8.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),q=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -31,6 +31,10 @@
     }
   }
 
+  & .wrapper_stars {
+    display: flex;
+  }
+
   & .wrapper__info {
     display: flex;
     flex-direction: column;
@@ -122,7 +126,18 @@
       }
     }
   }
-`,q=g.styled.div`
+
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+    max-width: 10rem;
+    min-width: 10rem;
+
+    & .wrapper__content {
+      & .wrapper__image {
+        max-height: 3rem;
+      }
+    }
+  }
+`,$=g.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -165,4 +180,4 @@
       width: 100%;
     }
   }
-`,$=t.forwardRef(({uuid:c,image:m,imageComponent:p,title:x,subtitle:h,badges:f,rating:w,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:j=()=>{},canAcceptPayments:b,hideProducts:y=!1,showRating:N=!0},u)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=_.DefaultShopImage,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(k,{ref:u,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(p)?p:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:_.DefaultShopImage}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",b&&r.jsx(d,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),f&&r.jsx("div",{className:"wrapper__badges"}),N&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(d,{icon:" mng-lnc-star--filled",className:`wrapper__star ${e>=w?"gold-star":""}`},`shop-card-rating-star__${s+1}`))}),r.jsxs("div",{className:"wrapper__review-count",children:["(",o==null?void 0:o.toLocaleString(),")"]})]})]})]}),y!==!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(S.ProductImageWrapper,{src:j(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),L=t.forwardRef(({},c)=>r.jsx(q,{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=$;exports.ShopCardSkeleton=L;
+`,E=t.forwardRef(({uuid:c,image:m,imageComponent:p,title:x,subtitle:h,badges:w,rating:f,reviewCount:o,products:l,onSelectCard:v=()=>{},getProductImage:j=()=>{},canAcceptPayments:b,hideProducts:y=!1,showRating:N=!0},u)=>{const i=t.useRef();return t.useEffect(()=>{var s;const e=a=>{a.target.src=_.DefaultShopImage,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(q,{ref:u,onClick:v,children:[r.jsxs("div",{className:"wrapper__content",children:[n.isDefined(p)?p:m?r.jsx("img",{ref:i,src:m,className:"wrapper__image"}):r.jsx("img",{src:_.DefaultShopImage,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"wrapper__title",children:[x," ",b&&r.jsx(d,{color:"secondary",icon:"credit-card",className:"card"})]}),r.jsx("div",{className:"wrapper__subtitle",children:h}),w&&r.jsx("div",{className:"wrapper__badges"}),N&&r.jsxs("div",{className:"wrapper__rating",children:[r.jsx("div",{className:"wrapper_stars",children:[...Array(5).keys()].map((e,s)=>r.jsx(d,{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(),")"]})]})]})]}),y!==!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(S.ProductImageWrapper,{src:j(e==null?void 0:e.image,e==null?void 0:e.uuid,c),className:"product__image"})})},s)))})]})}),I=t.forwardRef(({},c)=>r.jsx($,{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=E;exports.ShopCardSkeleton=I;

package/dist/{suspense-large-DPZHjpEr.js → suspense-large-BMO7JH52.js}

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as l } from "react/jsx-runtime";
 import { Suspense as a } from "react";
-import { B as m } from "./skeleton-B74purm7.js";
+import { B as m } from "./skeleton-CQPwIEP0.js";
 const p = ({ limit: o = 2, isLoading: t = !1, keyPrefix: e }) => /* @__PURE__ */ r(l, { children: Array.from({ length: o }, (s, n) => /* @__PURE__ */ r(
   m,
   {

package/dist/{suspense-large-BX4jlU4U.cjs → suspense-large-CFmcSzX-.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),u=require("./skeleton-BQd32q08.cjs"),c=({limit:s=2,isLoading:t=!1,keyPrefix:r})=>e.jsx(e.Fragment,{children:Array.from({length:s},(o,n)=>e.jsx(u.BlogCardLargeSkeleton,{isLoading:t},`${r}-skeleton-product-card-${n}`))}),a=({children:s,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:n})=>e.jsx(l.Suspense,{fallbackComponent:t,children:r===!0?e.jsx(c,{isLoading:r,limit:o,keyPrefix:n}):s});exports.SuspenseBlogLarge=a;
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),u=require("./skeleton-BdbB-LdT.cjs"),c=({limit:s=2,isLoading:t=!1,keyPrefix:r})=>e.jsx(e.Fragment,{children:Array.from({length:s},(o,n)=>e.jsx(u.BlogCardLargeSkeleton,{isLoading:t},`${r}-skeleton-product-card-${n}`))}),a=({children:s,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:n})=>e.jsx(l.Suspense,{fallbackComponent:t,children:r===!0?e.jsx(c,{isLoading:r,limit:o,keyPrefix:n}):s});exports.SuspenseBlogLarge=a;

package/package.json

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