@asantemedia-org/edwardsvacuum-design-system 1.6.47 → 1.6.49

package/dist/index.css

@@ -786,15 +786,24 @@
 
 @font-face {
   font-family: "Calibri";
-  src: url("/public/fonts/calibri.ttf") format("truetype");
+  src: url("/fonts/calibri.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "CalibriLight";
-  src: url("/public/fonts/calibril.ttf") format("truetype");
+  src: url("/fonts/calibril.ttf") format("truetype");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "CalibriBold";
-  src: url("/public/fonts/calibrib.ttf") format("truetype");
+  src: url("/fonts/calibrib.ttf") format("truetype");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
 }
 .p-1 {
   padding: 0.5rem;

package/dist/index.esm.css

@@ -786,15 +786,24 @@
 
 @font-face {
   font-family: "Calibri";
-  src: url("/public/fonts/calibri.ttf") format("truetype");
+  src: url("/fonts/calibri.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "CalibriLight";
-  src: url("/public/fonts/calibril.ttf") format("truetype");
+  src: url("/fonts/calibril.ttf") format("truetype");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "CalibriBold";
-  src: url("/public/fonts/calibrib.ttf") format("truetype");
+  src: url("/fonts/calibrib.ttf") format("truetype");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
 }
 .p-1 {
   padding: 0.5rem;

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faChevronDown, faChevronRight, faArrowRight } from '@fortawesome/pro-solid-svg-icons';
+import { faChevronDown, faArrowRight, faChevronRight } from '@fortawesome/pro-solid-svg-icons';
 import { v4 } from 'uuid';
 import { PhoneInput } from 'react-international-phone';
 
@@ -560,8 +560,10 @@ var Button = function (_a) {
     href = _a.href,
     target = _a.target,
     rel = _a.rel,
+    _c = _a.type,
+    type = _c === void 0 ? 'button' : _c,
     dataTargetSelector = _a["data-target-selector"],
-    props = __rest(_a, ["className", "buttonStyle", "label", "element", "onClick", "href", "target", "rel", 'data-target-selector']);
+    props = __rest(_a, ["className", "buttonStyle", "label", "element", "onClick", "href", "target", "rel", "type", 'data-target-selector']);
   var mode = buttonStyle ? getStyle("cmp-button--style-".concat(buttonStyle)) : '';
   var baseClass = getStyle('cmp-button');
   // Add js-modal class if data-target-selector is present
@@ -579,7 +581,7 @@ var Button = function (_a) {
   }
   return /*#__PURE__*/React.createElement("button", _extends({
     className: conditionalClasses,
-    type: "button",
+    type: type,
     onClick: onClick
   }, props), label);
 };
@@ -636,7 +638,13 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
     isLoading = _f === void 0 ? false : _f,
     placeholder = _a.placeholder,
     analytics = _a.analytics,
-    facets = _a.facets;
+    facets = _a.facets,
+    innerComponents = _a.innerComponents;
+  // Extract components from innerComponents with defaults
+  var Card$1 = (innerComponents === null || innerComponents === void 0 ? void 0 : innerComponents.Card) || Card;
+  var ProductCard$1 = (innerComponents === null || innerComponents === void 0 ? void 0 : innerComponents.ProductCard) || ProductCard;
+  var ProductDetailsCard$1 = (innerComponents === null || innerComponents === void 0 ? void 0 : innerComponents.ProductDetailsCard) || ProductDetailsCard;
+  var Button$1 = (innerComponents === null || innerComponents === void 0 ? void 0 : innerComponents.Button) || Button;
   // Helper to resolve CSS module class names properly
   var getClass = useCallback(function (suffix) {
     var fullClassName = "cmpAlgoliaDynamicSearchWidget".concat(suffix);
@@ -695,7 +703,7 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
       finalUrl = _a.finalUrl,
       target = _a.target;
     var isAnchor = !!callToActionTargetSelector || (callToActionType === null || callToActionType === void 0 ? void 0 : callToActionType.toLowerCase()) !== 'internal';
-    return /*#__PURE__*/React.createElement(Button, {
+    return /*#__PURE__*/React.createElement(Button$1, {
       element: isAnchor ? 'a' : 'button',
       buttonStyle: widgetStyleProps === null || widgetStyleProps === void 0 ? void 0 : widgetStyleProps.buttonStyle,
       label: callToActionText,
@@ -712,7 +720,7 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
   }()))), /*#__PURE__*/React.createElement("div", {
     className: queryType == PRODUCT_DETAILS ? getClass('__cards__cardSingle') : getClass('__cards')
   }, hits.slice(0, maxResults).map(function (hit, index) {
-    var Component = Card;
+    var Component = Card$1;
     var title = hit.title;
     var cardStyle = "";
     var imageUrl = hit.imageUrl || placeholder;
@@ -729,7 +737,7 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
     var cardClassName = styles === null || styles === void 0 ? void 0 : styles.cmpCard;
     switch (queryType) {
       case "products":
-        Component = ProductCard;
+        Component = ProductCard$1;
         cardStyle = "type-card-product";
         break;
       case "content":
@@ -742,7 +750,7 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
         break;
       case PRODUCT_DETAILS:
         cardStyle = "type-card-panel";
-        Component = ProductDetailsCard;
+        Component = ProductDetailsCard$1;
         break;
       default:
         return null;
@@ -779,8 +787,17 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
 
 var styles = {"cmpAlgoliaDynamicSearchWidget":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc","isLoading":"algolia-dynamic-search-module__isLoading___X6nUw","cmpAlgoliaDynamicSearchWidget__placeholder":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__placeholder___IWqoU","cmpAlgoliaDynamicSearchWidget__container":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__container___HB7g0","cmpAlgoliaDynamicSearchWidget__header":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS","cmpAlgoliaDynamicSearchWidget__header__text":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk","cmpAlgoliaDynamicSearchWidget__cards":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__cards___wOPVj","cmpAlgoliaDynamicSearchWidget__cards__cardSingle":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__cards__cardSingle___fcWfV","isQueryContent":"algolia-dynamic-search-module__isQueryContent___KXy6j","hasStyleSilverGradientBackground":"algolia-dynamic-search-module__hasStyleSilverGradientBackground___D3SQQ","hasStyleGreyBackground":"algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH","cmpAlgoliaDynamicSearchWidget__placeholder__loading":"algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__placeholder__loading___hbH4m","loading":"algolia-dynamic-search-module__loading___Hb3Uw"};
 
+// Edwards-specific components
+var edwardsComponents = {
+  Card: Card,
+  ProductCard: ProductCard,
+  ProductDetailsCard: ProductDetailsCard,
+  Button: Button
+};
 var AlgoliaDynamicSearchEdwards = function (props) {
-  return AlgoliaDynamicSearch(props, true, styles);
+  return AlgoliaDynamicSearch(__assign(__assign({}, props), {
+    innerComponents: edwardsComponents
+  }), true, styles);
 };
 var AlgoliaDynamicSearchRaw = function (props) {
   return AlgoliaDynamicSearch(props, false);
@@ -1010,6 +1027,8 @@ var QrForm = function (props) {
   var _g = useState(true);
     _g[0];
     var setIsLoadingCountries = _g[1];
+  // Use custom Button component if provided, otherwise use default
+  var Button$1 = props.ButtonComponent || Button;
   var i18n = __assign(__assign({}, defaultQrFormTranslations), props);
   var buttonProps = props;
   var consentFields = ((_a = props.consents) === null || _a === void 0 ? void 0 : _a.map(function (consent, index) {
@@ -1128,20 +1147,23 @@ var QrForm = function (props) {
       selected: true,
       disabled: true
     }, {
-      label: i18n.label_customerSupport,
-      value: "customer support"
+      label: i18n.label_warrantyClaim,
+      value: "warranty claim"
     }, {
-      label: i18n.label_technicalSupport,
-      value: "technical support"
+      label: i18n.label_serviceRequest,
+      value: "service request"
     }, {
-      label: i18n.label_ProductDetails,
-      value: "product details"
+      label: i18n.label_oilAndSpares,
+      value: "oil and spares"
+    }, {
+      label: i18n.label_other,
+      value: "other"
     }]
   }, {
     type: "textarea",
     name: "tell_us_more",
-    placeholder: i18n.label_tellUsMore,
-    label: i18n.label_tellUsMore
+    placeholder: i18n.label_tellUsMoreOptional,
+    label: i18n.label_tellUsMoreOptional
   }], false), /*page 2*/
   [{
     type: "text",
@@ -1331,19 +1353,22 @@ var QrForm = function (props) {
     var isLastPage = pageIndex === pages.length - 1;
     var navButtons = generateButtons && /*#__PURE__*/React.createElement("div", {
       className: "qr-form-navigation"
-    }, !isFirstPage ? /*#__PURE__*/React.createElement(Button, {
+    }, !isFirstPage ? /*#__PURE__*/React.createElement(Button$1, {
       label: i18n === null || i18n === void 0 ? void 0 : i18n.previous,
       onClick: formNavigate,
       "data-page_target": pageIndex - 1,
       buttonStyle: "secondary"
-    }) : /*#__PURE__*/React.createElement("div", null), !isLastPage ? /*#__PURE__*/React.createElement(Button, {
+    }) : /*#__PURE__*/React.createElement("div", null), !isLastPage ? /*#__PURE__*/React.createElement(Button$1, {
       label: i18n === null || i18n === void 0 ? void 0 : i18n.next,
       onClick: formNavigate,
       "data-page_target": pageIndex + 1,
       buttonStyle: "primary"
-    }) : /*#__PURE__*/React.createElement("input", {
-      type: "submit",
-      value: i18n === null || i18n === void 0 ? void 0 : i18n.submit
+    }) : /*#__PURE__*/React.createElement(Button$1, {
+      label: i18n === null || i18n === void 0 ? void 0 : i18n.submit,
+      onClick: handleSubmit,
+      buttonStyle: "primary",
+      element: "button",
+      type: "submit"
     }));
     if (isPartial) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -1417,7 +1442,7 @@ var QrForm = function (props) {
     className: "title-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: "submitted-checked"
-  }), /*#__PURE__*/React.createElement("h2", null, props.thankYouTitle)), /*#__PURE__*/React.createElement("p", null, props.thankYouText), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement("h2", null, props.thankYouTitle)), /*#__PURE__*/React.createElement("p", null, props.thankYouText), /*#__PURE__*/React.createElement(Button$1, {
     label: buttonProps.buttonText,
     href: buttonProps.url,
     target: buttonProps.newTab ? '_blank' : '',