@lanaco/lnc-react-ui 4.0.137 → 4.0.139

package/dist/suspense-product-card-detailed-DIWv_91e.js

@@ -0,0 +1,475 @@
+import { jsxs as o, jsx as r, Fragment as S } from "react/jsx-runtime";
+import { forwardRef as V, useState as x, Suspense as ee } from "react";
+import { p as re, t as I, o as u, l as oe, q as D, G as j } from "./utils-BdsZgOUE.js";
+import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { P as ne } from "./index-CF3HhgvN.js";
+import v from "./Badge.js";
+import ae from "./Popover.js";
+import te from "./PopoverTrigger.js";
+import ie from "./PopoverContent.js";
+import { u as se } from "./useDetectMobile-Bkvj0VMa.js";
+import { M as W } from "./consts-BuFChS64.js";
+const G = w.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  cursor: pointer;
+
+  & .wrapper-card-1 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.38rem;
+  }
+
+  & .wrapper-card-2 {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  & .wrapper-card-3 {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+  }
+
+  & .tag {
+    height: 1.5rem;
+    gap: 0.25rem;
+    padding: 0.25rem 0.375rem;
+    border-radius: 0.375rem;
+    background: #f9fafb;
+    border: 1px solid var(--gray-95012, #14161a1f);
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-950, #14161a);
+
+    &.tag-sponsored {
+      & i {
+        color: var(--yellow-500, #f59e0b);
+      }
+    }
+  }
+
+  & .tag-mobile {
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-600, #676e79);
+  }
+
+  & .card-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    ${re(2)}
+  }
+
+  & .price-text {
+    font-size: 1rem;
+    font-weight: 600;
+    ${I()}
+    display: flex;
+    align-items: end;
+    gap: 0.5rem;
+
+    & .full-price {
+      text-decoration: line-through;
+      font-size: 0.75rem;
+      font-weight: 400;
+      padding-bottom: 0.125rem;
+      color: var(--danger-600, #e11d48);
+    }
+  }
+
+  & .location-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--gray-600, #676e79);
+    ${I()}
+  }
+
+  & .tags-wrapper {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  & .skeleton-img {
+    background-color: ${u("-90deg")};
+    border-radius: 0.75rem;
+    border: 1px solid white;
+  }
+
+  & .skeleton-title {
+    background-color: ${u("-90deg")};
+    width: 100%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-tags {
+    background-color: ${u("-90deg")};
+    width: 80%;
+    height: 1.5rem;
+  }
+
+  & .skeleton-price {
+    background-color: ${u("-90deg")};
+    width: 50%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-sponsored {
+    background-color: ${u("-90deg")};
+    width: 50%;
+    height: 1rem;
+  }
+
+  & .tags-popover__trigger {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+  }
+
+  @media (max-width: ${W + "px"}) {
+    & .price-text {
+      font-size: 0.875rem;
+      font-weight: 600;
+
+      & .full-price {
+        display: none;
+      }
+    }
+  }
+
+  &:hover .product-image-wrapper img {
+    transform: scale(1.1);
+  }
+`, ce = w.div`
+  position: relative;
+  overflow: hidden;
+  border-radius: 0.75rem;
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  border: 1px solid #0c15201f;
+
+  & img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 0.75rem;
+    transition: var(--transition, all 0.3s ease);
+  }
+
+  @media (max-width: ${W + "px"}) {
+    & img {
+      width: 8.875rem;
+      height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      object-fit: cover;
+    }
+  }
+`, le = w.div`
+  background: var(--white, #fff);
+  z-index: 1;
+
+  border: 1px solid var(--gray-200, #dddfe4);
+  border-radius: 0.5rem;
+  line-height: 1rem;
+  position: absolute;
+  padding: 0.5rem 0.75rem;
+  top: 0.5rem;
+  left: 25%;
+  transform: translateX(-50%);
+  min-width: 10rem;
+
+  &::before,
+  &::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    border-style: solid;
+    border-width: 0.625rem;
+  }
+
+  &::after {
+    top: -1.1875rem;
+    border-color: transparent transparent var(--white, #fff) transparent;
+  }
+
+  &::before {
+    top: -1.25rem;
+    border-color: transparent transparent var(--gray-200, #dddfe4) transparent;
+  }
+
+  & .tags-popover__content {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    gap: 0.375rem;
+    font-size: 0.75rem;
+    font-weight: 400;
+
+    & .tags-popover__name {
+      color: var(--gray-600, #676e79);
+    }
+
+    & .tags-popover__value {
+      color: var(--gray-950, #14161a);
+    }
+  }
+`, de = w.div`
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--gray-500);
+  font-size:  0.75rem;
+  font-weight: 500;
+
+  & i {
+    font-size: 1rem;
+    color: var(--warning-500, #F59E0B);
+  }
+`, me = V(({ sponsoredText: a = "Sponsored" }, i) => /* @__PURE__ */ o(de, { ref: i, className: "sponsored-line", children: [
+  /* @__PURE__ */ r("i", { className: "mng-lnc-paw2" }),
+  /* @__PURE__ */ r("span", { children: a })
+] })), pe = "Vehicles_Cars", ge = "Vehicles_Motorcycles", ue = "Vehicles_Trucks", he = "Vehicles_AgriculturalMachines_Tractors", fe = "Vehicles_ConstructionMachines", ve = "Vehicles_Bus", we = "Vehicles_Campers", ye = "RealEstates_", n = {
+  Mileage: {
+    icon: "mng-lnc-road",
+    measure: "km"
+  },
+  YearOfProduction: {
+    icon: "mng-lnc-calendar",
+    measure: ""
+  },
+  Fuel: {
+    icon: "mng-lnc-gas-station",
+    measure: ""
+  },
+  EnginePowerKW: {
+    icon: "mng-lnc-engine",
+    measure: "kW"
+  },
+  Transmission: {
+    icon: "mng-lnc-transmission",
+    measure: ""
+  },
+  Model: {
+    icon: "mng-lnc-application",
+    measure: ""
+  },
+  Brand: {
+    icon: "mng-lnc-car--front",
+    measure: ""
+  },
+  SurfaceArea: {
+    icon: "mng-lnc-right-angle",
+    measure: ""
+  },
+  Floor: {
+    icon: "mng-lnc-elevator",
+    measure: ""
+  },
+  FurnishedCondition: {
+    icon: "mng-lnc-sofa-01",
+    measure: ""
+  },
+  AdType: {
+    icon: "mng-lnc-notes",
+    measure: ""
+  },
+  NumberOfRooms: {
+    icon: "mng-lnc-meeting-room",
+    measure: ""
+  },
+  HeatingType: {
+    icon: "mng-lnc-heat",
+    measure: ""
+  },
+  AirConditioning: {
+    icon: "mng-lnc-air-conditioner",
+    measure: ""
+  },
+  Type: {
+    icon: "mng-lnc-house-building",
+    measure: ""
+  },
+  Parking: {
+    icon: "mng-lnc-parking-area-circle",
+    measure: ""
+  },
+  Internet: {
+    icon: "mng-lnc-wifi-02",
+    measure: ""
+  },
+  State: {
+    icon: "mng-lnc-settings-1",
+    measure: ""
+  },
+  NumberOfPremises: {
+    icon: "mng-lnc-meeting-room",
+    measure: ""
+  },
+  Pool: {
+    icon: "mng-lnc-pool",
+    measure: ""
+  },
+  Approach: {
+    icon: "mng-lnc-driveway",
+    measure: ""
+  },
+  NumberOfBeds: {
+    icon: "mng-lnc-bed",
+    measure: ""
+  },
+  Kitchen: {
+    icon: "mng-lnc-fridge",
+    measure: ""
+  },
+  BathroomToilet: {
+    icon: "mng-lnc-bath",
+    measure: ""
+  },
+  default: {
+    icon: " mng-lnc-clock--filled",
+    measure: ""
+  }
+}, Be = V((a, i) => {
+  const {
+    title: s,
+    price: c = 0,
+    sellingPrice: t,
+    currency: h,
+    isNegotiable: y,
+    isFree: b,
+    imageUrl: X,
+    location: q,
+    isSponsored: E,
+    imageComponent: M,
+    onSelectCard: U = () => {
+    },
+    freeText: Y = "Free",
+    negotiableText: A = "Negotiable",
+    tags: l = [],
+    categoryCode: _,
+    condition: C,
+    quantity: N,
+    trade: k
+  } = a, P = se(), T = [
+    pe,
+    ge,
+    ue,
+    he,
+    fe,
+    ve,
+    we,
+    ye
+  ].some(
+    (e) => _ == null ? void 0 : _.includes(e)
+  ), [K, z] = x(!1), L = () => {
+    z(!0);
+  }, H = () => {
+    z(!1);
+  }, Z = () => /* @__PURE__ */ r("div", { className: "tags-popover__trigger", children: l == null ? void 0 : l.map((e, d) => {
+    var m, p, g, R, F;
+    const $ = ((m = n == null ? void 0 : n[e == null ? void 0 : e.code]) == null ? void 0 : m.icon) ?? ((p = n == null ? void 0 : n.default) == null ? void 0 : p.icon) ?? "", O = ((g = e == null ? void 0 : e.measurementUnit) == null ? void 0 : g.symbol) ?? ((R = n == null ? void 0 : n[e == null ? void 0 : e.code]) == null ? void 0 : R.measure) ?? "", f = [(e == null ? void 0 : e.value) ?? ((F = e == null ? void 0 : e.multiOptions) == null ? void 0 : F[0]) ?? "", O].filter(Boolean).join(" ");
+    return P ? /* @__PURE__ */ o("div", { className: "tag-mobile", children: [
+      f,
+      d === 0 ? " · " : ""
+    ] }) : /* @__PURE__ */ o(
+      v,
+      {
+        className: `tag ${E ? "tag-sponsored" : ""}`,
+        children: [
+          /* @__PURE__ */ r("i", { className: $ }),
+          f
+        ]
+      },
+      `detailed-products-section-tag__${d + 1}`
+    );
+  }) }), J = () => /* @__PURE__ */ r("div", { className: "tags-popover__content", children: l == null ? void 0 : l.map((e, d) => {
+    var m, p, g;
+    const $ = ((m = e == null ? void 0 : e.measurementUnit) == null ? void 0 : m.symbol) ?? ((p = n == null ? void 0 : n[e == null ? void 0 : e.code]) == null ? void 0 : p.measure) ?? "", B = [(e == null ? void 0 : e.value) ?? ((g = e == null ? void 0 : e.multiOptions) == null ? void 0 : g[0]) ?? "", $].filter(Boolean).join(" "), f = e == null ? void 0 : e.name;
+    return /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ r("span", { className: "tags-popover__name", children: `${f}: ` }),
+      /* @__PURE__ */ r("span", { className: "tags-popover__value", children: B })
+    ] }, `detailed-products-section-tag-dropdown__${d + 1}`);
+  }) }), Q = () => P ? [C, N, k].map((e, d) => /* @__PURE__ */ o("div", { className: "tag-mobile", children: [
+    e,
+    d === 0 ? " · " : ""
+  ] })) : /* @__PURE__ */ o(S, { children: [
+    C && /* @__PURE__ */ r(v, { className: "tag", children: C }, "detailed-products-section-tag__condition"),
+    N && /* @__PURE__ */ r(v, { className: "tag", children: N }, "detailed-products-section-tag__quantity"),
+    k && /* @__PURE__ */ r(v, { className: "tag", children: k }, "detailed-products-section-tag__trade")
+  ] });
+  return (
+    // <LandingPageProductCardSkeleton />
+    /* @__PURE__ */ o(G, { ref: i, className: "product-card", onClick: U, children: [
+      /* @__PURE__ */ r(ce, { className: "product-image-wrapper", children: oe(M) ? M : /* @__PURE__ */ r(ne, { src: X }) }),
+      /* @__PURE__ */ r("div", { className: "wrapper-card-1", children: /* @__PURE__ */ r("div", { className: "card-title", children: s }) }),
+      /* @__PURE__ */ o("div", { className: "wrapper-card-3", children: [
+        T && /* @__PURE__ */ r(
+          "div",
+          {
+            ...P ? {} : {
+              onMouseEnter: L,
+              onMouseLeave: H
+            },
+            children: /* @__PURE__ */ o(ae, { placement: "bottom", open: K, children: [
+              /* @__PURE__ */ r(te, { children: Z() }),
+              /* @__PURE__ */ r(ie, { style: { all: "unset" }, children: /* @__PURE__ */ r(le, { children: J() }) })
+            ] })
+          }
+        ),
+        !T && Q()
+      ] }),
+      /* @__PURE__ */ o("div", { className: "wrapper-card-2", children: [
+        /* @__PURE__ */ o("div", { className: "price-text", children: [
+          t > 0 && h && y !== !0 && b !== !0 && /* @__PURE__ */ r("div", { children: `${D(t)} ${j(h)}` }),
+          c > 0 && h && y !== !0 && b !== !0 && c !== t && /* @__PURE__ */ r("div", { className: `${t > 0 ? "full-price" : ""}`, children: `${D(c)} ${j(h)}` }),
+          y && A,
+          b && Y
+        ] }),
+        /* @__PURE__ */ r("div", { className: "location-text", children: q })
+      ] }),
+      E === !0 && /* @__PURE__ */ r(me, {})
+    ] })
+  );
+}), be = V(({}, a) => /* @__PURE__ */ o(G, { className: "product-card", children: [
+  /* @__PURE__ */ r("img", { className: "skeleton-img" }),
+  /* @__PURE__ */ o("div", { className: "wrapper-card-1", children: [
+    /* @__PURE__ */ r("div", { className: "skeleton-title" }),
+    /* @__PURE__ */ r("div", { className: "skeleton-tags" })
+  ] }),
+  /* @__PURE__ */ o("div", { className: "wrapper-card-1", children: [
+    /* @__PURE__ */ r("div", { className: "skeleton-price" }),
+    /* @__PURE__ */ r("div", { className: "skeleton-sponsored" })
+  ] })
+] })), _e = ({ limit: a = 5, isLoading: i = !1, keyPrefix: s }) => /* @__PURE__ */ r(S, { children: Array.from({ length: a }, (c, t) => /* @__PURE__ */ r(
+  be,
+  {
+    isLoading: i
+  },
+  `${s}-skeleton-product-card-${t}`
+)) }), Re = ({
+  children: a,
+  fallbackComponent: i = /* @__PURE__ */ r(S, {}),
+  isLoading: s = !1,
+  limit: c,
+  keyPrefix: t
+}) => /* @__PURE__ */ r(ee, { fallbackComponent: i, children: s === !0 ? /* @__PURE__ */ r(
+  _e,
+  {
+    isLoading: s,
+    limit: c,
+    keyPrefix: t
+  }
+) : a });
+export {
+  Be as D,
+  Re as S
+};

package/dist/suspense-product-card-detailed-DXSdrL-5.cjs

@@ -0,0 +1,226 @@
+"use strict";const e=require("react/jsx-runtime"),u=require("react"),n=require("./utils-Dl9xPH4c.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Y=require("./index-BueKsXT8.cjs"),v=require("./Badge.cjs"),K=require("./Popover.cjs"),Z=require("./PopoverTrigger.cjs"),H=require("./PopoverContent.cjs"),J=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./consts-goSZX3xP.cjs"),O=w.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  cursor: pointer;
+
+  & .wrapper-card-1 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.38rem;
+  }
+
+  & .wrapper-card-2 {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  & .wrapper-card-3 {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+  }
+
+  & .tag {
+    height: 1.5rem;
+    gap: 0.25rem;
+    padding: 0.25rem 0.375rem;
+    border-radius: 0.375rem;
+    background: #f9fafb;
+    border: 1px solid var(--gray-95012, #14161a1f);
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-950, #14161a);
+
+    &.tag-sponsored {
+      & i {
+        color: var(--yellow-500, #f59e0b);
+      }
+    }
+  }
+
+  & .tag-mobile {
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-600, #676e79);
+  }
+
+  & .card-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    ${n.truncateTextInRows(2)}
+  }
+
+  & .price-text {
+    font-size: 1rem;
+    font-weight: 600;
+    ${n.truncateText()}
+    display: flex;
+    align-items: end;
+    gap: 0.5rem;
+
+    & .full-price {
+      text-decoration: line-through;
+      font-size: 0.75rem;
+      font-weight: 400;
+      padding-bottom: 0.125rem;
+      color: var(--danger-600, #e11d48);
+    }
+  }
+
+  & .location-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--gray-600, #676e79);
+    ${n.truncateText()}
+  }
+
+  & .tags-wrapper {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  & .skeleton-img {
+    background-color: ${n.linearGradientAnimation("-90deg")};
+    border-radius: 0.75rem;
+    border: 1px solid white;
+  }
+
+  & .skeleton-title {
+    background-color: ${n.linearGradientAnimation("-90deg")};
+    width: 100%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-tags {
+    background-color: ${n.linearGradientAnimation("-90deg")};
+    width: 80%;
+    height: 1.5rem;
+  }
+
+  & .skeleton-price {
+    background-color: ${n.linearGradientAnimation("-90deg")};
+    width: 50%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-sponsored {
+    background-color: ${n.linearGradientAnimation("-90deg")};
+    width: 50%;
+    height: 1rem;
+  }
+
+  & .tags-popover__trigger {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+  }
+
+  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
+    & .price-text {
+      font-size: 0.875rem;
+      font-weight: 600;
+
+      & .full-price {
+        display: none;
+      }
+    }
+  }
+
+  &:hover .product-image-wrapper img {
+    transform: scale(1.1);
+  }
+`,Q=w.styled.div`
+  position: relative;
+  overflow: hidden;
+  border-radius: 0.75rem;
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  border: 1px solid #0c15201f;
+
+  & img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 0.75rem;
+    transition: var(--transition, all 0.3s ease);
+  }
+
+  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
+    & img {
+      width: 8.875rem;
+      height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      object-fit: cover;
+    }
+  }
+`,ee=w.styled.div`
+  background: var(--white, #fff);
+  z-index: 1;
+
+  border: 1px solid var(--gray-200, #dddfe4);
+  border-radius: 0.5rem;
+  line-height: 1rem;
+  position: absolute;
+  padding: 0.5rem 0.75rem;
+  top: 0.5rem;
+  left: 25%;
+  transform: translateX(-50%);
+  min-width: 10rem;
+
+  &::before,
+  &::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    border-style: solid;
+    border-width: 0.625rem;
+  }
+
+  &::after {
+    top: -1.1875rem;
+    border-color: transparent transparent var(--white, #fff) transparent;
+  }
+
+  &::before {
+    top: -1.25rem;
+    border-color: transparent transparent var(--gray-200, #dddfe4) transparent;
+  }
+
+  & .tags-popover__content {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    gap: 0.375rem;
+    font-size: 0.75rem;
+    font-weight: 400;
+
+    & .tags-popover__name {
+      color: var(--gray-600, #676e79);
+    }
+
+    & .tags-popover__value {
+      color: var(--gray-950, #14161a);
+    }
+  }
+`,re=w.styled.div`
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--gray-500);
+  font-size:  0.75rem;
+  font-weight: 500;
+
+  & i {
+    font-size: 1rem;
+    color: var(--warning-500, #F59E0B);
+  }
+`,ne=u.forwardRef(({sponsoredText:t="Sponsored"},a)=>e.jsxs(re,{ref:a,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:t})]})),oe="Vehicles_Cars",te="Vehicles_Motorcycles",se="Vehicles_Trucks",ae="Vehicles_AgriculturalMachines_Tractors",ie="Vehicles_ConstructionMachines",ce="Vehicles_Bus",le="Vehicles_Campers",de="RealEstates_",o={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},me=u.forwardRef((t,a)=>{const{title:i,price:c=0,sellingPrice:s,currency:h,isNegotiable:y,isFree:j,imageUrl:z,location:B,isSponsored:P,imageComponent:$,onSelectCard:F=()=>{},freeText:I="Free",negotiableText:D="Negotiable",tags:l=[],categoryCode:b,condition:_,quantity:x,trade:C}=t,N=J.useDetectMobile(),S=[oe,te,se,ae,ie,ce,le,de].some(r=>b==null?void 0:b.includes(r)),[G,E]=u.useState(!1),A=()=>{E(!0)},W=()=>{E(!1)},X=()=>e.jsx("div",{className:"tags-popover__trigger",children:l==null?void 0:l.map((r,d)=>{var m,p,g,R,T;const k=((m=o==null?void 0:o[r==null?void 0:r.code])==null?void 0:m.icon)??((p=o==null?void 0:o.default)==null?void 0:p.icon)??"",V=((g=r==null?void 0:r.measurementUnit)==null?void 0:g.symbol)??((R=o==null?void 0:o[r==null?void 0:r.code])==null?void 0:R.measure)??"",f=[(r==null?void 0:r.value)??((T=r==null?void 0:r.multiOptions)==null?void 0:T[0])??"",V].filter(Boolean).join(" ");return N?e.jsxs("div",{className:"tag-mobile",children:[f,d===0?" · ":""]}):e.jsxs(v,{className:`tag ${P?"tag-sponsored":""}`,children:[e.jsx("i",{className:k}),f]},`detailed-products-section-tag__${d+1}`)})}),L=()=>e.jsx("div",{className:"tags-popover__content",children:l==null?void 0:l.map((r,d)=>{var m,p,g;const k=((m=r==null?void 0:r.measurementUnit)==null?void 0:m.symbol)??((p=o==null?void 0:o[r==null?void 0:r.code])==null?void 0:p.measure)??"",M=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",k].filter(Boolean).join(" "),f=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${f}: `}),e.jsx("span",{className:"tags-popover__value",children:M})]},`detailed-products-section-tag-dropdown__${d+1}`)})}),U=()=>N?[_,x,C].map((r,d)=>e.jsxs("div",{className:"tag-mobile",children:[r,d===0?" · ":""]})):e.jsxs(e.Fragment,{children:[_&&e.jsx(v,{className:"tag",children:_},"detailed-products-section-tag__condition"),x&&e.jsx(v,{className:"tag",children:x},"detailed-products-section-tag__quantity"),C&&e.jsx(v,{className:"tag",children:C},"detailed-products-section-tag__trade")]});return e.jsxs(O,{ref:a,className:"product-card",onClick:F,children:[e.jsx(Q,{className:"product-image-wrapper",children:n.isDefined($)?$:e.jsx(Y.ProductImageWrapper,{src:z})}),e.jsx("div",{className:"wrapper-card-1",children:e.jsx("div",{className:"card-title",children:i})}),e.jsxs("div",{className:"wrapper-card-3",children:[S&&e.jsx("div",{...N?{}:{onMouseEnter:A,onMouseLeave:W},children:e.jsxs(K,{placement:"bottom",open:G,children:[e.jsx(Z,{children:X()}),e.jsx(H,{style:{all:"unset"},children:e.jsx(ee,{children:L()})})]})}),!S&&U()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:"price-text",children:[s>0&&h&&y!==!0&&j!==!0&&e.jsx("div",{children:`${n.formatPrice(s)} ${n.GetCurrencySymbol(h)}`}),c>0&&h&&y!==!0&&j!==!0&&c!==s&&e.jsx("div",{className:`${s>0?"full-price":""}`,children:`${n.formatPrice(c)} ${n.GetCurrencySymbol(h)}`}),y&&D,j&&I]}),e.jsx("div",{className:"location-text",children:B})]}),P===!0&&e.jsx(ne,{})]})}),pe=u.forwardRef(({},t)=>e.jsxs(O,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),ge=({limit:t=5,isLoading:a=!1,keyPrefix:i})=>e.jsx(e.Fragment,{children:Array.from({length:t},(c,s)=>e.jsx(pe,{isLoading:a},`${i}-skeleton-product-card-${s}`))}),ue=({children:t,fallbackComponent:a=e.jsx(e.Fragment,{}),isLoading:i=!1,limit:c,keyPrefix:s})=>e.jsx(u.Suspense,{fallbackComponent:a,children:i===!0?e.jsx(ge,{isLoading:i,limit:c,keyPrefix:s}):t});exports.DetailedProductCard=me;exports.SuspenseDetailedProductCard=ue;

package/dist/{suspense-product-card-simple-f0s0POCq.cjs → suspense-product-card-simple-BWxWMag0.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("react"),c=require("./index-zhTWvtwE.cjs"),d=u.forwardRef((r,t)=>e.jsx(c.SkeletonWrapper,{})),l=({limit:r=6,isLoading:t=!1,keyPrefix:s})=>e.jsx(e.Fragment,{children:Array.from({length:r},(o,n)=>e.jsx(d,{isLoading:t},`${s}-skeleton-product-card-${n}`))}),a=({children:r,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:s=!1,limit:o,keyPrefix:n})=>e.jsx(u.Suspense,{fallbackComponent:t,children:s===!0?e.jsx(l,{isLoading:s,limit:o,keyPrefix:n}):r});exports.SuspenseSimpleProductCard=a;
+"use strict";const e=require("react/jsx-runtime"),u=require("react"),c=require("./index-cd9auaNr.cjs"),d=u.forwardRef((r,t)=>e.jsx(c.SkeletonWrapper,{})),l=({limit:r=6,isLoading:t=!1,keyPrefix:s})=>e.jsx(e.Fragment,{children:Array.from({length:r},(o,n)=>e.jsx(d,{isLoading:t},`${s}-skeleton-product-card-${n}`))}),a=({children:r,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:s=!1,limit:o,keyPrefix:n})=>e.jsx(u.Suspense,{fallbackComponent:t,children:s===!0?e.jsx(l,{isLoading:s,limit:o,keyPrefix:n}):r});exports.SuspenseSimpleProductCard=a;