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

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React$1, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -4487,7 +4487,7 @@ var defaultProps = {
   transform: null,
   swapOpacity: false
 };
-var FontAwesomeIcon = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
+var FontAwesomeIcon = /*#__PURE__*/React.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$1.createElement);
+var convertCurry = convert.bind(null, React.createElement);
 
 /*!
  * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
@@ -4601,7 +4601,7 @@ var getImageUrl = function (imageUrl) {
   } 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;
+      return require('@asantemedia-org/edwardsvacuum-design-system/dist/assets/edwards-webshop-placeholder.pngg').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
@@ -4622,6 +4622,7 @@ var Card = function (_a) {
     cardLink = _a.cardLink,
     city = _a.city,
     country = _a.country,
+    placeholder = _a.placeholder,
     onClick = _a.onClick;
   var mode = getStyle("cmp-card--".concat(cardStyle));
   var width = cardSizeMapping(size);
@@ -4636,7 +4637,7 @@ var Card = function (_a) {
   }, /*#__PURE__*/React.createElement("div", {
     className: getStyle('cmp-card__content-wrapper')
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(getStyle('cmp-card__image-wrapper'), " ").concat(!imageUrl ? getStyle('placeholderImage') : '')
+    className: "".concat(getStyle('cmp-card__image-wrapper'), " ").concat(!imageUrl || placeholder ? getStyle('placeholderImage') : '')
   }, /*#__PURE__*/React.createElement("picture", null, /*#__PURE__*/React.createElement("img", {
     src: contentImage,
     alt: imageAlt
@@ -4673,6 +4674,7 @@ var ProductCard = function (_a) {
     cardLink = _a.cardLink,
     cta = _a.cta,
     cardStyle = _a.cardStyle,
+    placeholder = _a.placeholder,
     onClick = _a.onClick;
   var width = cardSizeMapping(size);
   var mode = getStyle("cmp-card--".concat(cardStyle));
@@ -4690,7 +4692,7 @@ var ProductCard = function (_a) {
   }, /*#__PURE__*/React.createElement("figure", null, /*#__PURE__*/React.createElement("img", {
     src: productImage,
     alt: imageAlt,
-    className: !imageUrl ? 'placeholderImage' : undefined
+    className: !imageUrl || placeholder ? 'placeholderImage' : undefined
   }))), /*#__PURE__*/React.createElement("div", {
     className: getStyle('cmp-card--type-card-product__meta')
   }, /*#__PURE__*/React.createElement("p", {
@@ -4722,7 +4724,7 @@ var Button = function (_a) {
     label = _a.label,
     props = __rest(_a, ["style", "label"]);
   var mode = style ? "cmp-button--style-".concat(style) : '';
-  return /*#__PURE__*/React$1.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     className: ['cmp-button', mode].join(' ')
   }, props), label);
 };
@@ -4742,7 +4744,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$1.createElement(Tag, props, children);
+  return /*#__PURE__*/React.createElement(Tag, props, children);
 };
 var AlgoliaDynamicSearch = function (_a) {
   var _b = _a.className,
@@ -4764,6 +4766,7 @@ var AlgoliaDynamicSearch = function (_a) {
     maxResults = _e === void 0 ? 10 : _e,
     _f = _a.isLoading,
     isLoading = _f === void 0 ? false : _f,
+    placeholder = _a.placeholder,
     analytics = _a.analytics;
   var _g = useState(isLoading),
     isLoadingState = _g[0],
@@ -4794,35 +4797,35 @@ var AlgoliaDynamicSearch = function (_a) {
   if (!hits || hits.length === 0) {
     return null;
   }
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: componentClassNames
-  }, isLoadingState && /*#__PURE__*/React$1.createElement("div", {
+  }, isLoadingState && /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__placeholder
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__placeholder__loading
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__container
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__header
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__header__text
-  }, /*#__PURE__*/React$1.createElement(DynamicHeading, {
+  }, /*#__PURE__*/React.createElement(DynamicHeading, {
     titleSize: titleSize
-  }, heading), /*#__PURE__*/React$1.createElement("p", null, subtext)), callToActionUrl && /*#__PURE__*/React$1.createElement("div", {
+  }, heading), /*#__PURE__*/React.createElement("p", null, subtext)), callToActionUrl && /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__header__cta
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     style: widgetStyleProps.buttonStyle,
     label: callToActionText,
     onClick: function () {
       return window.open(callToActionUrl, "_blank", "noopener,noreferrer");
     }
-  }))), /*#__PURE__*/React$1.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: styles$4.cmpAlgoliaDynamicSearchWidget__cards
   }, hits.slice(0, maxResults).map(function (hit, index) {
     var Component = Card;
     var title = hit.title;
     var cardStyle = "";
-    var imageUrl = hit.image;
+    var imageUrl = hit.image || placeholder;
     var cardLink = hitUtm ? "".concat(hit.link, "?").concat(hitUtm) : hit.link;
     var contentCategoryLabel = hit.contentCategoryLabel || "";
     var contentCategoryColour = hit.contentCategoryColour || "";
@@ -4844,11 +4847,12 @@ var AlgoliaDynamicSearch = function (_a) {
       default:
         return null;
     }
-    return /*#__PURE__*/React$1.createElement(Component, {
+    return /*#__PURE__*/React.createElement(Component, {
       key: index,
       className: cardClassName,
       title: title,
       imageUrl: imageUrl,
+      placeholder: hit.image ? false : true,
       cta: hitCta,
       size: "",
       cardStyle: cardStyle,
@@ -4861,7 +4865,6 @@ var AlgoliaDynamicSearch = function (_a) {
       country: hit.country,
       onClick: function () {
         if (!analytics) return;
-        console.log(hit);
         var objectID = hit.objectID,
           __position = hit.__position,
           __queryID = hit.__queryID;