@dmsi/wedgekit-react 1.0.1 → 2.0.1

package/dist/components/PDFViewer/index.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx as r, jsxs as P } from "react/jsx-runtime";
+import { useState as f, useCallback as D } from "react";
+import { Modal as I } from "../Modal.js";
+import { PDFElement as F } from "./PDFElement.js";
+import { DownloadIcon as L } from "./DownloadIcon.js";
+import { PdfNavigation as R } from "./PDFNavigation.js";
+import { Link as U } from "../Link.js";
+import { Stack as A } from "../Stack.js";
+import { Caption as j } from "../Caption.js";
+function G(h) {
+  const {
+    isOpen: p,
+    onClose: u,
+    encodedPdfs: e,
+    customActions: s,
+    testid: a,
+    isMobile: t,
+    title: b,
+    customFooter: m = !1,
+    withPagination: w = !0,
+    error: g,
+    showMobileDownload: k = !1
+  } = h, [o, c] = f(0), [v, d] = f(!1), x = D(() => {
+    if (d(!0), e[o].downloadURL && !e[o].base64) {
+      const i = document.createElement("a");
+      i.href = e[o].downloadURL || "", i.target = "_blank", i.rel = "noopener noreferrer", document.body.appendChild(i), i.click(), document.body.removeChild(i), d(!1);
+      return;
+    }
+    const n = document.createElement("a"), l = e[o];
+    if (!l) {
+      d(!1);
+      return;
+    }
+    n.href = l.base64 ? `data:application/pdf;base64,${l.base64}` : l.downloadURL || "", n.download = l.fileName.endsWith(".pdf") ? l.fileName : `${l.fileName}.pdf`, document.body.appendChild(n), n.click(), document.body.removeChild(n), d(!1);
+  }, [o, e]);
+  if (!e.length) return null;
+  function C() {
+    o < e.length - 1 && c((n) => n + 1);
+  }
+  function N() {
+    o > 0 && c((n) => n - 1);
+  }
+  function y() {
+    c(0), d(!1), u();
+  }
+  return /* @__PURE__ */ r(
+    I,
+    {
+      testid: a,
+      open: p,
+      customFooter: m,
+      onClose: y,
+      noWrapper: !0,
+      closeOnBackdropClick: !1,
+      showButtons: t ? m && !!s : !!e.length,
+      customActions: e.length && !t && w ? /* @__PURE__ */ r(
+        R,
+        {
+          testid: a,
+          currentIndex: o,
+          total: e.length,
+          onPrev: N,
+          onNext: C,
+          disablePrev: o === 0,
+          disableNext: o === e.length - 1,
+          extraActions: s,
+          fileName: e[o].fileName
+        }
+      ) : s,
+      headerIconAlign: "right",
+      headerIcon: !t || k ? /* @__PURE__ */ r(
+        L,
+        {
+          testid: a ? `${a}-download-icon` : void 0,
+          onClick: x,
+          isDownloading: v,
+          colorClassName: t ? "text-white" : void 0
+        }
+      ) : void 0,
+      title: t ? b ?? e[o].fileName : void 0,
+      size: t ? "screen" : "large",
+      headerClassname: "bg-brand-400 desktop:bg-background-grouped-primary-normal p-mobile-layout-padding text-brand-text-action-primary-normal",
+      headerIconClassname: "text-white desktop:text-icon-primary-normal",
+      children: !e[o].base64 && e[o].downloadURL ? /* @__PURE__ */ P(
+        A,
+        {
+          sizing: "layout",
+          justify: "center",
+          items: "center",
+          height: "full",
+          flexGrow: 1,
+          style: t ? void 0 : {
+            minHeight: "77dvh",
+            minWidth: "30dvw"
+          },
+          children: [
+            /* @__PURE__ */ r(j, { children: "No preview available for this document. Please follow the link below to download." }),
+            /* @__PURE__ */ r(
+              U,
+              {
+                href: e[o].downloadURL,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: e[o].fileName || "Download PDF"
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ r(
+        F,
+        {
+          testid: a,
+          b64: e[o].base64,
+          isMobile: t,
+          error: g
+        }
+      )
+    }
+  );
+}
+export {
+  G as PDFViewer
+};

package/dist/components/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,kDAwJjB"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,kDA2JjB"}

package/dist/components/Pagination.js

@@ -0,0 +1,117 @@
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import { useCallback as w, useMemo as k } from "react";
+import { clsx as t } from "../node_modules/clsx/dist/clsx.js";
+import { Icon as f } from "./Icon.js";
+import { paddingUsingComponentGap as N } from "../classNames.js";
+import { Subheader as $ } from "./Subheader.js";
+function S({
+  totalPages: o,
+  currentPage: e,
+  onPageChange: u,
+  id: h,
+  testid: d,
+  className: y,
+  disabled: s
+}) {
+  const m = w(
+    (r) => {
+      s || u(r);
+    },
+    [u, s]
+  ), x = (r) => {
+    s || (r.key === "ArrowLeft" ? (r.preventDefault(), m(e - 1)) : r.key === "ArrowRight" && (r.preventDefault(), m(e + 1)));
+  }, v = k(() => {
+    if (o <= 5)
+      return Array.from({ length: o }, (a, l) => l + 1);
+    const r = /* @__PURE__ */ new Set();
+    r.add(1), r.add(o), e <= 3 ? (r.add(2), r.add(3), r.add(4)) : e >= o - 2 ? (r.add(o - 1), r.add(o - 2), r.add(o - 3)) : (r.add(e - 1), r.add(e), r.add(e + 1));
+    const b = Array.from(r).sort((a, l) => a - l), i = [];
+    for (let a = 0; a < b.length; a++) {
+      const l = b[a], p = b[a - 1];
+      a > 0 && (l - p === 2 ? i.push(p + 1) : l - p > 2 && i.push("ellipsis")), i.push(l);
+    }
+    return i;
+  }, [o, e]);
+  if (o <= 1) return null;
+  const c = t(
+    "cursor-pointer disabled:cursor-default",
+    N,
+    "w-8 h-8",
+    "flex items-center justify-center",
+    "bg-transparent",
+    "box-content",
+    "hover:bg-background-grouped-secondary-normal",
+    "focus:bg-background-grouped-secondary-normal focus:outline-0",
+    "disabled:bg-transparent disabled:text-text-action-primary-disabled"
+  );
+  return /* @__PURE__ */ g(
+    "nav",
+    {
+      id: h,
+      "data-testid": d,
+      "aria-label": "Pagination",
+      onKeyDown: x,
+      className: t(
+        "flex items-center",
+        "border border-border-primary-normal",
+        "bg-background-grouped-primary-normal",
+        "rounded-sm",
+        y
+      ),
+      children: [
+        /* @__PURE__ */ n(
+          "button",
+          {
+            "data-testid": d ? `${d}-previous-button` : void 0,
+            disabled: s || e <= 1,
+            "aria-label": "Previous page",
+            onClick: () => m(e - 1),
+            className: t(c, "border-r-1 border-border-primary-normal"),
+            children: /* @__PURE__ */ n(f, { name: "keyboard_arrow_left" })
+          }
+        ),
+        /* @__PURE__ */ n("ul", { className: t("flex items-center"), children: v.map((r, b) => {
+          if (r === "ellipsis")
+            return /* @__PURE__ */ n(
+              "li",
+              {
+                className: "w-8 h-8 select-none text-text-action-primary-disabled",
+                children: "…"
+              },
+              `ellipsis-${b}`
+            );
+          const i = r === e;
+          return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+            "button",
+            {
+              "data-testid": d ? `${d}-page-${r}-button` : void 0,
+              "aria-label": `Page ${r}`,
+              "aria-current": i ? "page" : void 0,
+              disabled: s,
+              onClick: () => m(r),
+              className: t(
+                c,
+                i && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
+              ),
+              children: /* @__PURE__ */ n($, { align: "center", weight: "bold", children: r })
+            }
+          ) }, r);
+        }) }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            "data-testid": d ? `${d}-next-button` : void 0,
+            disabled: s || e >= o,
+            "aria-label": "Next page",
+            onClick: () => m(e + 1),
+            className: t(c, "border-l-1 border-border-primary-normal"),
+            children: /* @__PURE__ */ n(f, { name: "keyboard_arrow_right" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  S as Pagination
+};

package/dist/components/Paragraph.js

@@ -0,0 +1,43 @@
+import { jsx as c } from "react/jsx-runtime";
+import { clsx as d } from "../node_modules/clsx/dist/clsx.js";
+import { typography as f, componentPaddingXUsingComponentGap as h } from "../classNames.js";
+function w({
+  className: o,
+  color: e,
+  padded: a,
+  align: t = "left",
+  tall: n,
+  addOverflow: p,
+  children: i,
+  as: l = "p",
+  id: m,
+  testid: s,
+  ...r
+}) {
+  return /* @__PURE__ */ c(
+    l,
+    {
+      id: m,
+      "data-testid": s,
+      ...r,
+      className: d(
+        f.paragraph,
+        o,
+        a && h,
+        t === "left" && "text-left",
+        t === "center" && "text-center",
+        t === "right" && "text-right",
+        n && "!leading-6",
+        p && "whitespace-nowrap text-ellipsis overflow-hidden"
+      ),
+      style: {
+        ...r.style,
+        color: e ? `var(--color-${e})` : void 0
+      },
+      children: i
+    }
+  );
+}
+export {
+  w as Paragraph
+};

package/dist/components/Password.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { InputBase as a } from "./Input.js";
+import { Icon as s } from "./Icon.js";
+import { Tooltip as l } from "./Tooltip.js";
+function y({
+  id: i,
+  testid: o,
+  ...e
+}) {
+  const [t, n] = m(!1);
+  return /* @__PURE__ */ r(
+    a,
+    {
+      id: i,
+      testid: o,
+      ...e,
+      type: t ? "text" : "password",
+      after: /* @__PURE__ */ r(c, { id: i, testid: o, show: t, setShow: n })
+    }
+  );
+}
+function c({ id: i, testid: o, show: e, setShow: t }) {
+  return e ? /* @__PURE__ */ r(l, { message: "Show", children: /* @__PURE__ */ r(
+    s,
+    {
+      id: i ? `${i}-toggle-visibility` : void 0,
+      testid: o ? `${o}-toggle-visibility` : void 0,
+      name: "visibility_off",
+      className: "cursor-pointer",
+      onClick: () => t(!1)
+    }
+  ) }) : /* @__PURE__ */ r(l, { message: "Hide", children: /* @__PURE__ */ r(
+    s,
+    {
+      id: i ? `${i}-toggle-visibility` : void 0,
+      testid: o ? `${o}-toggle-visibility` : void 0,
+      name: "visibility",
+      className: "cursor-pointer",
+      onClick: () => t(!0)
+    }
+  ) });
+}
+export {
+  y as Password
+};

package/dist/components/ProductImagePreview/CarouselPagination.js

@@ -0,0 +1,48 @@
+import { jsx as e } from "react/jsx-runtime";
+import { clsx as r } from "../../node_modules/clsx/dist/clsx.js";
+function c({
+  images: a,
+  currentIndex: l,
+  onSelect: i,
+  className: n
+}) {
+  return a?.length ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: r(
+        "flex items-center justify-center w-full px-4 md:hidden",
+        n
+      ),
+      "aria-label": "Image navigation",
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "grid gap-2 place-items-center",
+          style: {
+            gridTemplateColumns: `repeat(${Math.min(a.length, 8)}, 1fr)`
+          },
+          role: "tablist",
+          children: a.map((o, t) => /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => i(t),
+              className: r(
+                "w-4 h-4 transition-all duration-200 focus:outline-none",
+                t === l ? "ring-2 ring-brand-400" : "ring ring-neutral-300"
+              ),
+              "aria-label": `Go to image ${t + 1}`,
+              role: "tab",
+              "aria-selected": t === l,
+              tabIndex: t === l ? 0 : -1
+            },
+            t
+          ))
+        }
+      )
+    }
+  ) : null;
+}
+export {
+  c as CarouselPagination
+};

package/dist/components/ProductImagePreview/MobileImageCarousel.d.ts

@@ -5,7 +5,8 @@ export type MobileImageCarouselProps = {
     width?: number;
     height?: number;
     onChangeIndex: (index: number) => void;
+    onImageError?: (src: string) => void;
     className?: string;
 };
-export declare function MobileImageCarousel({ images, currentIndex, width, height, onChangeIndex, className, }: MobileImageCarouselProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MobileImageCarousel({ images, currentIndex, width, height, onChangeIndex, onImageError, className, }: MobileImageCarouselProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=MobileImageCarousel.d.ts.map

package/dist/components/ProductImagePreview/MobileImageCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileImageCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/MobileImageCarousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,YAAY,EACZ,KAAW,EACX,MAAY,EACZ,aAAa,EACb,SAAc,GACf,EAAE,wBAAwB,kDA8M1B"}
+{"version":3,"file":"MobileImageCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/MobileImageCarousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,YAAY,EACZ,KAAW,EACX,MAAY,EACZ,aAAa,EACb,YAAY,EACZ,SAAc,GACf,EAAE,wBAAwB,kDA+M1B"}

package/dist/components/ProductImagePreview/MobileImageCarousel.js

@@ -0,0 +1,146 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useRef as q, useState as u, useCallback as h, useEffect as C } from "react";
+function H({
+  images: f,
+  currentIndex: s,
+  width: R = 483,
+  height: D = 483,
+  onChangeIndex: d,
+  onImageError: N,
+  className: S = ""
+}) {
+  const l = q(null), [a, b] = u(!1), [w, E] = u(0), [v, g] = u(0), [c, k] = u(0), [m, z] = u(R), n = Math.min(m * 0.6, D * 0.6), p = 16, T = h(
+    (t) => {
+      const e = m / 2, o = n / 2, i = t * (n + p);
+      return e - o - i;
+    },
+    [m, n, p]
+  );
+  C(() => {
+    const t = T(s);
+    g(t), k(t);
+  }, [s, T]), C(() => {
+    const t = () => {
+      if (l.current) {
+        const o = l.current.getBoundingClientRect();
+        z(o.width);
+      }
+    };
+    t();
+    const e = new ResizeObserver(t);
+    return l.current && e.observe(l.current), () => e.disconnect();
+  }, []);
+  const y = h((t) => {
+    b(!0), E(t);
+  }, []), X = h(
+    (t) => {
+      if (!a) return;
+      const o = t - w;
+      g(c + o);
+    },
+    [a, w, c]
+  ), M = h(() => {
+    if (!a) return;
+    b(!1);
+    const t = v - c, e = n / 3;
+    let o = s;
+    t > e && s > 0 ? o = s - 1 : t < -e && s < f.length - 1 && (o = s + 1), o !== s ? d(o) : g(c);
+  }, [
+    a,
+    v,
+    c,
+    s,
+    n,
+    f.length,
+    d
+  ]), P = (t) => {
+    t.preventDefault(), y(t.clientX);
+  }, $ = (t) => {
+    t.preventDefault(), X(t.clientX);
+  }, O = () => {
+    M();
+  }, W = () => {
+    M();
+  }, j = (t) => {
+    y(t.touches[0].clientX);
+  }, L = (t) => {
+    X(t.touches[0].clientX);
+  }, U = () => {
+    M();
+  }, A = h(
+    (t) => {
+      !a && t !== s && d(t);
+    },
+    [a, s, d]
+  );
+  return f.length ? /* @__PURE__ */ r("div", { className: `md:hidden w-full ${S}`, children: /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      className: "relative overflow-hidden cursor-grab active:cursor-grabbing select-none w-full",
+      style: {
+        height: n
+      },
+      onMouseDown: P,
+      onMouseMove: $,
+      onMouseUp: O,
+      onMouseLeave: W,
+      onTouchStart: j,
+      onTouchMove: L,
+      onTouchEnd: U,
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: "flex items-center",
+          style: {
+            transform: `translateX(${v}px)`,
+            transition: a ? "none" : "transform 0.3s ease-out",
+            gap: `${p}px`
+          },
+          children: f.map((t, e) => {
+            const o = e === s, i = Math.abs(e - s), B = i <= 2;
+            return /* @__PURE__ */ r(
+              "div",
+              {
+                className: "flex-shrink-0 transition-opacity duration-300",
+                style: {
+                  width: n,
+                  height: n,
+                  opacity: o ? 1 : Math.max(0.3, 1 - i * 0.3)
+                },
+                onClick: () => A(e),
+                children: B ? /* @__PURE__ */ r(
+                  "img",
+                  {
+                    src: t.src,
+                    alt: t.alt || `Product image ${e + 1}`,
+                    className: "w-full h-full object-contain",
+                    draggable: !1,
+                    loading: i <= 1 ? "eager" : "lazy",
+                    onError: () => N?.(t.src),
+                    style: {
+                      aspectRatio: "1 / 1"
+                    }
+                  }
+                ) : /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: "w-full h-full bg-neutral-100 rounded-md border border-gray-200",
+                    style: {
+                      aspectRatio: "1 / 1"
+                    },
+                    "aria-hidden": "true"
+                  }
+                )
+              },
+              t.src + e
+            );
+          })
+        }
+      )
+    }
+  ) }) : null;
+}
+export {
+  H as MobileImageCarousel
+};

package/dist/components/ProductImagePreview/ProductPrimaryImage.d.ts

@@ -8,6 +8,7 @@ export type ProductPrimaryImageProps = {
     scrollToZoomEnabled?: boolean;
     className?: string;
     isPlaceholder?: boolean;
+    onImageError?: (src: string | undefined) => void;
     onZoomPositionChange?: (data: {
         x: number;
         y: number;
@@ -18,5 +19,5 @@ export type ProductPrimaryImageProps = {
     onScrollZoom?: (delta: number) => void;
 };
 /** Primary product image with optional zoom lens that tracks cursor movement */
-export declare function ProductPrimaryImage({ image, width, height, zoomEnabled, zoomLensSize, scrollToZoomEnabled, className, isPlaceholder, onZoomPositionChange, onScrollZoom, }: ProductPrimaryImageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductPrimaryImage({ image, width, height, zoomEnabled, zoomLensSize, scrollToZoomEnabled, className, isPlaceholder, onImageError, onZoomPositionChange, onScrollZoom, }: ProductPrimaryImageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProductPrimaryImage.d.ts.map

package/dist/components/ProductImagePreview/ProductPrimaryImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductPrimaryImage.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/ProductPrimaryImage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,CACrB,IAAI,EAAE;QACJ,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,EACR,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAmB,EACnB,YAAkB,EAClB,mBAA2B,EAC3B,SAAc,EACd,aAAqB,EACrB,oBAAoB,EACpB,YAAY,GACb,EAAE,wBAAwB,2CAkL1B"}
+{"version":3,"file":"ProductPrimaryImage.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/ProductPrimaryImage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,oBAAoB,CAAC,EAAE,CACrB,IAAI,EAAE;QACJ,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,EACR,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAmB,EACnB,YAAkB,EAClB,mBAA2B,EAC3B,SAAc,EACd,aAAqB,EACrB,YAAY,EACZ,oBAAoB,EACpB,YAAY,GACb,EAAE,wBAAwB,2CAoL1B"}