@lanaco/lnc-react-ui 4.0.132 → 4.0.134

package/dist/skeleton-Bl1q9Yqe.cjs

@@ -1,168 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("react"),p=require("./Icon.cjs"),n=require("./utils-DmMdPm9O.cjs"),u=require("./index-DiIeF_76.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=_.styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  border-radius: 1.25rem;
-  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
-  background: var(--Lanaco-Gray-white, #fff);
-  width: 100%;
-  height: 100%;
-  justify-content: space-between;
-  /* drop-shadow-sm */
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  & .wrapper__content {
-    display: flex;
-    padding: 1.25rem;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.75rem;
-    align-self: strech;
-
-    & .wrapper__image {
-      object-fit: cover;
-      aspect-ratio: 1 / 1;
-      max-height: 4rem;
-      border-radius: 999px;
-    }
-  }
-
-  & .wrapper__info {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.375rem;
-
-    & .wrapper__title {
-      display: flex;
-      align-items: center;
-      gap: 0.75rem;
-      color: var(--gray-950, #14161a);
-      font-size: 1rem;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 1.5rem;
-      letter-spacing: -0.0112rem;
-      ${n.truncateTextInRows(2)}
-      text-align: center;
-    }
-
-    & .wrapper__subtitle {
-      color: var(--gray-600, #676e79);
-      text-align: center;
-      font-size: 0.875rem;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.25rem;
-      letter-spacing: -0.0056rem;
-      ${n.truncateTextInRows(2)}
-    }
-
-    & .wrapper__badges {
-    }
-
-    & .wrapper__rating {
-      display: flex;
-      align-items: center;
-      gap: 0.25rem;
-
-      & .wrapper__star {
-        & i {
-          color: var(--warning-500);
-        }
-
-        & .gold-star {
-          & i {
-            color: var(--gray-500);
-          }
-        }
-      }
-
-      & .wrapper__review-count {
-        color: var(--gray-600, #676e79);
-        font-size: 0.75rem;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 1rem;
-        letter-spacing: 0.01px;
-      }
-    }
-  }
-
-  & .wrapper__products {
-    display: flex;
-    align-items: flex-start;
-    column-gap: 1px;
-    width: 100%;
-
-    & .wrapper__product {
-      overflow: hidden;
-      cursor: pointer;
-      width: 100%;
-      max-height: 5.75rem;
-
-      &:first-child {
-        border-radius: 0 0 0 1.25rem;
-      }
-
-      &:last-child {
-        border-radius: 0 0 1.25rem 0;
-      }
-
-      & .product__image {
-        width: 100%;
-        aspect-ratio: 1 / 1;
-        height: calc(100% / 3);
-        max-height: 5.75rem;
-        object-fit: cover;
-      }
-    }
-  }
-`,k=_.styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1 0 0;
-  border-radius: 1.25rem;
-  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
-  background: var(--Lanaco-Gray-white, #fff);
-  width: 100%;
-
-  /* drop-shadow-sm */
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
-
-  & .wrapper__content {
-    display: flex;
-    padding: 1.25rem;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.75rem;
-    align-self: strech;
-    width: 100%;
-
-    & .wrapper__image {
-      width: 4rem;
-      height: 4rem;
-      border-radius: 999px;
-      background-color: ${n.linearGradientAnimation("-90deg")};
-    }
-  }
-
-  & .wrapper__info {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.375rem;
-    width: 100%;
-
-    & .wrapper__info-item {
-      background-color: ${n.linearGradientAnimation("-90deg")};
-      height: 1rem;
-      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",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;