@asantemedia-org/edwardsvacuum-design-system 1.2.9 → 1.3.0

package/dist/index.esm.js

@@ -4570,8 +4570,6 @@ const faChevronRight = {
   icon: [320, 512, [9002], "f054", "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"]
 };
 
-var placeHolderImage = "3697809e28f9e0fe.png";
-
 // Utility function to retrieve correct SCSS module class names
 var getStyle = function (className) {
   if (styles$3[className]) return styles$3[className];
@@ -4593,6 +4591,23 @@ var cardSizeMapping = function (size) {
   }
   return classSrting;
 };
+var getImageUrl = function (imageUrl) {
+  if (imageUrl) {
+    return imageUrl; // If an image URL is provided, use it.
+  }
+  try {
+    // Try loading from local assets (works in Storybook)
+    return require('../../../assets/edwards-webshop-placeholder.png').default.src;
+  } catch (error) {
+    // If that fails, load from node_modules (works in host app)
+    try {
+      return require('@asantemedia-org/edwardsvacuum-design-system/dist/assets/3697809e28f9e0fe.png').default.src;
+    } catch (error) {
+      console.error("Placeholder image not found in either local assets or node_modules.", error);
+      return ''; // Fallback empty string if no image is found
+    }
+  }
+};
 var Card = function (_a) {
   var contentCategoryLabel = _a.contentCategoryLabel,
     className = _a.className,
@@ -4611,7 +4626,7 @@ var Card = function (_a) {
   var mode = getStyle("cmp-card--".concat(cardStyle));
   var width = cardSizeMapping(size);
   var categoryColour = colour ? "cmp-card__content-category-wrapper__colour-".concat(colour) : '';
-  var contentImage = imageUrl ? imageUrl : placeHolderImage.src;
+  var contentImage = getImageUrl(imageUrl);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(getStyle('cmp-card'), mode, width, getStyle(className))
   }, /*#__PURE__*/React.createElement("a", {
@@ -4659,10 +4674,9 @@ var ProductCard = function (_a) {
     cta = _a.cta,
     cardStyle = _a.cardStyle,
     onClick = _a.onClick;
-  console.log(imageUrl);
   var width = cardSizeMapping(size);
   var mode = getStyle("cmp-card--".concat(cardStyle));
-  var productImage = imageUrl ? imageUrl : placeHolderImage.src;
+  var productImage = getImageUrl(imageUrl);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(getStyle('cmp-card'), mode, width, className)
   }, /*#__PURE__*/React.createElement("a", {