@propeller-commerce/propeller-v2-react-ui 0.27.0 → 0.28.0

package/dist/pure.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var propellerV2CoreUi = require('@propeller-commerce/propeller-v2-core-ui');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var propellerSdkV2 = require('@propeller-commerce/propeller-sdk-v2');
 
@@ -27,7 +27,23 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/components/Breadcrumbs.tsx
+// src/components/PropellerImg.tsx
+function PropellerImg({ as: Injected, ...props }) {
+  if (Injected) return /* @__PURE__ */ jsxRuntime.jsx(Injected, { ...props });
+  const { src, alt, className, width, height, loading, onClick } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src,
+      alt,
+      className,
+      width,
+      height,
+      loading,
+      onClick
+    }
+  );
+}
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -353,11 +369,13 @@ function OrderItemCard(props) {
               className: `propeller-order-item-card__cell propeller-order-item-card__cell--product ${isChildItem ? "px-6 py-2 pl-28" : "px-6 py-4"}`,
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
                 showImage ? productImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-item-card__media relative w-16 h-16 flex-shrink-0 rounded overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
+                  PropellerImg,
                   {
+                    as: props.imgComponent,
                     className: "propeller-order-item-card__image object-cover w-full h-full",
                     src: productImage,
-                    alt: productName
+                    alt: productName,
+                    loading: "lazy"
                   }
                 ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-item-card__image-placeholder w-16 h-16 bg-surface-hover rounded flex items-center justify-center text-foreground-subtle text-xs", children: propellerV2CoreUi.getLabel(props.labels, "noImage", "No Img") }) : null,
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -995,5 +1013,6 @@ exports.ProductJsonLd = ProductJsonLd_default;
 exports.ProductPrice = ProductPrice_default;
 exports.ProductShortDescription = ProductShortDescription_default;
 exports.ProductVideos = ProductVideos_default;
+exports.PropellerImg = PropellerImg;
 //# sourceMappingURL=pure.cjs.map
 //# sourceMappingURL=pure.cjs.map