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

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React$1, { useState, useEffect } from 'react';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -4487,7 +4487,7 @@ var defaultProps = {
   transform: null,
   swapOpacity: false
 };
-var FontAwesomeIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var FontAwesomeIcon = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
   var allProps = _objectSpread2(_objectSpread2({}, defaultProps), props);
   var iconArgs = allProps.icon,
     maskArgs = allProps.mask,
@@ -4552,7 +4552,7 @@ FontAwesomeIcon.propTypes = {
   transform: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   swapOpacity: PropTypes.bool
 };
-var convertCurry = convert.bind(null, React.createElement);
+var convertCurry = convert.bind(null, React$1.createElement);
 
 /*!
  * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
@@ -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;
+    } 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", {
@@ -4708,7 +4722,7 @@ var Button = function (_a) {
     label = _a.label,
     props = __rest(_a, ["style", "label"]);
   var mode = style ? "cmp-button--style-".concat(style) : '';
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React$1.createElement("button", _extends({
     className: ['cmp-button', mode].join(' ')
   }, props), label);
 };
@@ -4728,7 +4742,7 @@ var DynamicHeading = function (_a) {
     children = _a.children,
     props = __rest(_a, ["titleSize", "children"]);
   var Tag = ["h2", "h3", "h4", "h5", "h6"].includes(titleSize) ? titleSize : "h2";
-  return /*#__PURE__*/React.createElement(Tag, props, children);
+  return /*#__PURE__*/React$1.createElement(Tag, props, children);
 };
 var AlgoliaDynamicSearch = function (_a) {
   var _b = _a.className,
@@ -4780,29 +4794,29 @@ var AlgoliaDynamicSearch = function (_a) {
   if (!hits || hits.length === 0) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React$1.createElement("div", {
     className: componentClassNames
-  }, isLoadingState && /*#__PURE__*/React.createElement("div", {
+  }, isLoadingState && /*#__PURE__*/React$1.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__placeholder
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React$1.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__placeholder__loading
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React$1.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__container
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React$1.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__header
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React$1.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__header__text
-  }, /*#__PURE__*/React.createElement(DynamicHeading, {
+  }, /*#__PURE__*/React$1.createElement(DynamicHeading, {
     titleSize: titleSize
-  }, heading), /*#__PURE__*/React.createElement("p", null, subtext)), callToActionUrl && /*#__PURE__*/React.createElement("div", {
+  }, heading), /*#__PURE__*/React$1.createElement("p", null, subtext)), callToActionUrl && /*#__PURE__*/React$1.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__header__cta
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React$1.createElement(Button, {
     style: widgetStyleProps.buttonStyle,
     label: callToActionText,
     onClick: function () {
       return window.open(callToActionUrl, "_blank", "noopener,noreferrer");
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React$1.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__cards
   }, hits.slice(0, maxResults).map(function (hit, index) {
     var Component = Card;
@@ -4830,7 +4844,7 @@ var AlgoliaDynamicSearch = function (_a) {
       default:
         return null;
     }
-    return /*#__PURE__*/React.createElement(Component, {
+    return /*#__PURE__*/React$1.createElement(Component, {
       key: index,
       className: cardClassName,
       title: title,