@asantemedia-org/edwardsvacuum-design-system 1.6.59 → 1.6.64

package/dist/index.js

@@ -5,6 +5,7 @@ var reactFontawesome = require('@fortawesome/react-fontawesome');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var uuid = require('uuid');
 var reactInternationalPhone = require('react-international-phone');
+var friendlyChallenge = require('friendly-challenge');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -165,7 +166,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var styles$2 = {"cmp-card":"card-module__cmp-card___45x9k","cmp-card__link":"card-module__cmp-card__link___OdszC","cmp-card__content-wrapper":"card-module__cmp-card__content-wrapper___gh335","cmp-card__content-category-wrapper":"card-module__cmp-card__content-category-wrapper___2vOjQ","cmp-card__content-category-wrapper__colour-edwards-red":"card-module__cmp-card__content-category-wrapper__colour-edwards-red___DYmt8","cmp-card__city-country":"card-module__cmp-card__city-country___dI13-","cmp-card__image-wrapper":"card-module__cmp-card__image-wrapper___IhPHw","placeholderImage":"card-module__placeholderImage___AXOh5","cmp-card--type-card-overlay":"card-module__cmp-card--type-card-overlay___344ul","cmp-card__title-wrapper":"card-module__cmp-card__title-wrapper___XHfZg","cmp-card__date":"card-module__cmp-card__date___7w-Ka","cmp-card__title":"card-module__cmp-card__title___cFKG8","cmp-card__footer":"card-module__cmp-card__footer___xcNXM","cmp-card--type-card-no-image":"card-module__cmp-card--type-card-no-image___G75ye","cmp-card--type-card-product":"card-module__cmp-card--type-card-product___IfqTr","cmp-card--type-card-product__wrapper":"card-module__cmp-card--type-card-product__wrapper___kulaR","cmp-card--type-card-product-no-image__wrapper":"card-module__cmp-card--type-card-product-no-image__wrapper___ot5Xe","cmp-card--type-card-product__image":"card-module__cmp-card--type-card-product__image___Bkb0A","cmp-card--type-card-product__meta":"card-module__cmp-card--type-card-product__meta___a7Tzc","cmp-card--type-card-product__title":"card-module__cmp-card--type-card-product__title___0JMQp","cmp-card--type-card-product__cta":"card-module__cmp-card--type-card-product__cta___qDSNo","cmp-card--type-card-product__prices":"card-module__cmp-card--type-card-product__prices___KWPS7","cmp-card--type-card-product__prices--login":"card-module__cmp-card--type-card-product__prices--login___gMhTo","show_prices":"card-module__show_prices___gjVhn","cmp-card--type-card-panel":"card-module__cmp-card--type-card-panel___95jYv","cmp-card__footer--color-malachite":"card-module__cmp-card__footer--color-malachite___jEnvy","cmp-card__footer--color-amethyst":"card-module__cmp-card__footer--color-amethyst___N55PL","cmp-card__footer--color-smokey-quartz-bright":"card-module__cmp-card__footer--color-smokey-quartz-bright___1mqyn","cmp-card__footer--color-olivine-bright":"card-module__cmp-card__footer--color-olivine-bright___O2urI","cmp-card--type-careers":"card-module__cmp-card--type-careers___Wqzcf","cmp-card--type-product_details":"card-module__cmp-card--type-product_details___vsNOc","cmp-card--type-product_details__product-info":"card-module__cmp-card--type-product_details__product-info___5L009","cmp-card--type-product_details__header":"card-module__cmp-card--type-product_details__header___Vb3-U","cmp-card--type-product_details__header__title":"card-module__cmp-card--type-product_details__header__title___4KSqX","cmp-card--type-product_details__header__product-code":"card-module__cmp-card--type-product_details__header__product-code___zf7yq","cmp-card--type-product_details__header__product-image":"card-module__cmp-card--type-product_details__header__product-image___Kyy35","cmp-card--type-product_details__spares-list":"card-module__cmp-card--type-product_details__spares-list___VQ31R","folding-spares-list":"card-module__folding-spares-list___ls5-n","folding-specification-list":"card-module__folding-specification-list___tIfSl","folding-specification-holder":"card-module__folding-specification-holder___OtcQQ","folding-spares-holder":"card-module__folding-spares-holder___OhMpO"};
+var styles$3 = {"cmp-card":"card-module__cmp-card___45x9k","cmp-card__link":"card-module__cmp-card__link___OdszC","cmp-card__content-wrapper":"card-module__cmp-card__content-wrapper___gh335","cmp-card__content-category-wrapper":"card-module__cmp-card__content-category-wrapper___2vOjQ","cmp-card__content-category-wrapper__colour-edwards-red":"card-module__cmp-card__content-category-wrapper__colour-edwards-red___DYmt8","cmp-card__city-country":"card-module__cmp-card__city-country___dI13-","cmp-card__image-wrapper":"card-module__cmp-card__image-wrapper___IhPHw","placeholderImage":"card-module__placeholderImage___AXOh5","cmp-card--type-card-overlay":"card-module__cmp-card--type-card-overlay___344ul","cmp-card__title-wrapper":"card-module__cmp-card__title-wrapper___XHfZg","cmp-card__date":"card-module__cmp-card__date___7w-Ka","cmp-card__title":"card-module__cmp-card__title___cFKG8","cmp-card__footer":"card-module__cmp-card__footer___xcNXM","cmp-card--type-card-no-image":"card-module__cmp-card--type-card-no-image___G75ye","cmp-card--type-card-product":"card-module__cmp-card--type-card-product___IfqTr","cmp-card--type-card-product__wrapper":"card-module__cmp-card--type-card-product__wrapper___kulaR","cmp-card--type-card-product-no-image__wrapper":"card-module__cmp-card--type-card-product-no-image__wrapper___ot5Xe","cmp-card--type-card-product__image":"card-module__cmp-card--type-card-product__image___Bkb0A","cmp-card--type-card-product__meta":"card-module__cmp-card--type-card-product__meta___a7Tzc","cmp-card--type-card-product__title":"card-module__cmp-card--type-card-product__title___0JMQp","cmp-card--type-card-product__cta":"card-module__cmp-card--type-card-product__cta___qDSNo","cmp-card--type-card-product__prices":"card-module__cmp-card--type-card-product__prices___KWPS7","cmp-card--type-card-product__prices--login":"card-module__cmp-card--type-card-product__prices--login___gMhTo","show_prices":"card-module__show_prices___gjVhn","cmp-card--type-card-panel":"card-module__cmp-card--type-card-panel___95jYv","cmp-card__footer--color-malachite":"card-module__cmp-card__footer--color-malachite___jEnvy","cmp-card__footer--color-amethyst":"card-module__cmp-card__footer--color-amethyst___N55PL","cmp-card__footer--color-smokey-quartz-bright":"card-module__cmp-card__footer--color-smokey-quartz-bright___1mqyn","cmp-card__footer--color-olivine-bright":"card-module__cmp-card__footer--color-olivine-bright___O2urI","cmp-card--type-careers":"card-module__cmp-card--type-careers___Wqzcf","cmp-card--type-product_details":"card-module__cmp-card--type-product_details___vsNOc","cmp-card--type-product_details__product-info":"card-module__cmp-card--type-product_details__product-info___5L009","cmp-card--type-product_details__header":"card-module__cmp-card--type-product_details__header___Vb3-U","cmp-card--type-product_details__header__title":"card-module__cmp-card--type-product_details__header__title___4KSqX","cmp-card--type-product_details__header__product-code":"card-module__cmp-card--type-product_details__header__product-code___zf7yq","cmp-card--type-product_details__header__product-image":"card-module__cmp-card--type-product_details__header__product-image___Kyy35","cmp-card--type-product_details__spares-list":"card-module__cmp-card--type-product_details__spares-list___VQ31R","folding-spares-list":"card-module__folding-spares-list___ls5-n","folding-specification-list":"card-module__folding-specification-list___tIfSl","facet-value-list":"card-module__facet-value-list___HtnIT","facet-value-unit":"card-module__facet-value-unit___b722z","folding-specification-holder":"card-module__folding-specification-holder___OtcQQ","folding-spares-holder":"card-module__folding-spares-holder___OhMpO"};
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -319,15 +320,123 @@ var AccordionSection = function (_a) {
 
 var placholderimg = "3697809e28f9e0fe.png";
 
-var PLACEHOLDER_INDICATOR = "?placeholder-storybook";
+/**
+ * Parses delimited facet values into a structured format
+ *
+ * Input format: "pressure_psi|2.90#pressure_inHg|5.91#pressure_bar|0.200"
+ * Where:
+ *   - `#` separates different unit entries
+ *   - `|` separates the unit key from the value
+ */
+/**
+ * Checks if a value is in the delimited facet format
+ */
+var isDelimitedFacetValue = function (value) {
+  if (typeof value !== 'string') return false;
+  // Must contain both # (entry separator) and | (key-value separator)
+  return value.includes('#') && value.includes('|');
+};
+/**
+ * Extracts the display unit from a raw key
+ * e.g., "pressure_psi" -> "psi"
+ * e.g., "volumeFlowRate_l/s" -> "l/s"
+ * e.g., "power_kW" -> "kW"
+ */
+var extractUnit = function (rawKey) {
+  var parts = rawKey.split('_');
+  if (parts.length > 1) {
+    // Return everything after the first underscore (handles units like "m/³h")
+    return parts.slice(1).join('_');
+  }
+  return rawKey;
+};
+/**
+ * Parses a delimited facet string into an array of entries
+ */
+var parseDelimitedFacetValue = function (value) {
+  if (!isDelimitedFacetValue(value)) {
+    return [];
+  }
+  var entries = value.split('#');
+  return entries.map(function (entry) {
+    var _a = entry.split('|'),
+      rawKey = _a[0],
+      val = _a[1];
+    if (!rawKey || val === undefined) return null;
+    return {
+      unit: extractUnit(rawKey),
+      value: val,
+      rawKey: rawKey
+    };
+  }).filter(function (entry) {
+    return entry !== null;
+  });
+};
+/**
+ * Formats a delimited facet value into a human-readable string list
+ * Returns null if the value is not in delimited format
+ */
+var formatFacetValueAsString = function (value) {
+  if (!isDelimitedFacetValue(value)) return null;
+  var entries = parseDelimitedFacetValue(value);
+  return entries.map(function (e) {
+    return "".concat(e.value, " ").concat(e.unit);
+  }).join(', ');
+};
+
+var styles$2 = {"facet-unit-selector":"FacetUnitSelector-module__facet-unit-selector___1Zdhx","facet-unit-selector__value":"FacetUnitSelector-module__facet-unit-selector__value___E-LAN","facet-unit-selector__unit":"FacetUnitSelector-module__facet-unit-selector__unit___TxIk7","facet-unit-selector__dropdown":"FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK"};
+
 // Utility function to retrieve correct SCSS module class names
-var getStyle$1 = function (className) {
+var getStyle$2 = function (className) {
   if (styles$2[className]) return styles$2[className];
   var nestedMatch = Object.keys(styles$2).find(function (key) {
     return key.includes(className);
   });
   return nestedMatch ? styles$2[nestedMatch] : "";
 };
+var FacetUnitSelector = function (_a) {
+  var entries = _a.entries,
+    _b = _a.usePlainClasses,
+    usePlainClasses = _b === void 0 ? false : _b;
+  var _c = React.useState(0),
+    selectedIndex = _c[0],
+    setSelectedIndex = _c[1];
+  var getClassName = function (name) {
+    return usePlainClasses ? name : getStyle$2(name);
+  };
+  if (!entries || entries.length === 0) return null;
+  var selectedEntry = entries[selectedIndex];
+  var handleUnitChange = function (e) {
+    setSelectedIndex(Number(e.target.value));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: getClassName("facet-unit-selector")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: getClassName("facet-unit-selector__value")
+  }, selectedEntry.value), entries.length > 1 ? /*#__PURE__*/React.createElement("select", {
+    className: getClassName("facet-unit-selector__dropdown"),
+    value: selectedIndex,
+    onChange: handleUnitChange,
+    "aria-label": "Select unit"
+  }, entries.map(function (entry, index) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: entry.rawKey,
+      value: index
+    }, entry.unit);
+  })) : /*#__PURE__*/React.createElement("span", {
+    className: getClassName("facet-unit-selector__unit")
+  }, selectedEntry.unit));
+};
+
+var PLACEHOLDER_INDICATOR = "?placeholder-storybook";
+// Utility function to retrieve correct SCSS module class names
+var getStyle$1 = function (className) {
+  if (styles$3[className]) return styles$3[className];
+  var nestedMatch = Object.keys(styles$3).find(function (key) {
+    return key.includes(className);
+  });
+  return nestedMatch ? styles$3[nestedMatch] : "";
+};
 var cardSizeMapping = function (size) {
   var classSrting;
   if (size === "small") {
@@ -529,13 +638,20 @@ var ProductDetailsCard = function (_a) {
   }, /*#__PURE__*/React.createElement("ul", {
     className: getClassName("folding-specification-list")
   }, facets && facets.map(function (facet) {
-    return hit[facet.name] && /*#__PURE__*/React.createElement("li", {
+    var facetValue = hit[facet.name];
+    if (!facetValue) return null;
+    // Check if value is in delimited format (e.g., "pressure_psi|2.90#pressure_bar|0.200")
+    var isDelimited = isDelimitedFacetValue(facetValue);
+    return /*#__PURE__*/React.createElement("li", {
       key: facet.name
     }, /*#__PURE__*/React.createElement("strong", null, facet.label), /*#__PURE__*/React.createElement("br", null), facet.returnsHTML ? /*#__PURE__*/React.createElement("span", {
       dangerouslySetInnerHTML: {
-        __html: hit[facet.name]
+        __html: facetValue
       }
-    }) : hit[facet.name]);
+    }) : isDelimited ? /*#__PURE__*/React.createElement(FacetUnitSelector, {
+      entries: parseDelimitedFacetValue(facetValue),
+      usePlainClasses: usePlainClasses
+    }) : facetValue);
   })))), /*#__PURE__*/React.createElement("div", {
     className: getClassName("cmp-card--type-product_details__spares-list")
   }, (hit === null || hit === void 0 ? void 0 : hit.spares) && hit.spares.length > 0 && /*#__PURE__*/React.createElement(AccordionSection, {
@@ -738,7 +854,7 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
     var Component = Card$1;
     var title = hit.title;
     var cardStyle = "";
-    var imageUrl = hit.imageUrl;
+    var imageUrl = hit.image;
     var hitUtm = new URLSearchParams({
       utm_source: "web",
       utm_medium: "alg",
@@ -1021,6 +1137,27 @@ var defaultQrFormTranslations = {
   consent_requiredMessage: "Please acknowledge this consent"
 };
 
+var FriendlyCaptcha = function (props) {
+  React.useEffect(function () {
+    console.log(props.element, "element");
+    if (props.element) {
+      var sdk = new friendlyChallenge.WidgetInstance(props.element, {
+        startMode: "auto",
+        doneCallback: function (solution) {
+          if (props.onComplete) props.onComplete(solution);
+          if (props.doneCallback) props.doneCallback();
+        }
+      });
+      try {
+        sdk.start();
+      } catch (e) {
+        console.error("FriendlyCaptcha initialization failed", e);
+      }
+    }
+  }, [props.element]);
+  return null;
+};
+
 var QrForm = function (props) {
   var _a;
   var _b = React.useState(0),
@@ -1042,8 +1179,14 @@ var QrForm = function (props) {
   var _g = React.useState(true);
     _g[0];
     var setIsLoadingCountries = _g[1];
+  var _h = React.useState(null),
+    captchaElRef = _h[0],
+    setCaptchaElRef = _h[1];
   // Use custom Button component if provided, otherwise use default
   var Button$1 = props.ButtonComponent || Button;
+  var _j = React.useState(false),
+    showSubmit = _j[0],
+    setShowSubmit = _j[1];
   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) {
@@ -1060,13 +1203,17 @@ var QrForm = function (props) {
       errorMessage: consent.policyMandatory ? i18n.consent_requiredMessage : ""
     };
   })) || [];
+  React.useRef(null);
   React.useEffect(function () {
     var initialValues = {};
     props.fields.forEach(function (field) {
       initialValues[field.name] = field.value || '';
     });
+    initialValues['portalId'] = props.hubspotAppId;
+    initialValues['formId'] = props.hubspotId;
+    initialValues['isChina'] = props.isChina ? "true" : "false";
     setFormValues(initialValues);
-  }, [props.fields]);
+  }, [props.fields, props.hubspotAppId, props.hubspotId, props.isChina]);
   React.useEffect(function () {
     function loadCountries() {
       return __awaiter(this, void 0, void 0, function () {
@@ -1393,13 +1540,13 @@ var QrForm = function (props) {
       onClick: formNavigate,
       "data-page_target": pageIndex + 1,
       buttonStyle: "primary"
-    }) : /*#__PURE__*/React.createElement(Button$1, {
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, (!props.captchaKey || showSubmit) && /*#__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", {
         className: "qr-form-fields"
@@ -1433,7 +1580,7 @@ var QrForm = function (props) {
       className: "bullet-point"
     }, /*#__PURE__*/React.createElement("span", null, index + 1)), /*#__PURE__*/React.createElement("h3", null, pageTitles[index]));
   }))), /*#__PURE__*/React.createElement("form", {
-    action: "".concat(props.formAction, "/").concat(props.hubspotAppId, "/").concat(props.hubspotId),
+    action: "".concat(props.formAction),
     onSubmit: handleSubmit
   }, currentPage === 0 && /*#__PURE__*/React.createElement("section", {
     key: 1,
@@ -1462,10 +1609,36 @@ var QrForm = function (props) {
   }), renderFormSection({
     pageIndex: 3,
     sectionTitle: pageTitles[3]
-  }), /*#__PURE__*/React.createElement("input", {
+  }), currentPage === pages.length - 1 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: "frc-widget",
+    className: "vtba-friendly-captcha-react",
+    "data-rad": "test",
+    "data-sitekey": props.captchaKey,
+    ref: function (el) {
+      setCaptchaElRef(el);
+    }
+  }), !!props.captchaKey && captchaElRef && /*#__PURE__*/React.createElement(FriendlyCaptcha, {
+    sitekey: props.captchaKey,
+    doneCallback: function () {
+      setShowSubmit(true);
+    },
+    element: captchaElRef
+  })), /*#__PURE__*/React.createElement("input", {
     type: "hidden",
     name: "ip_location",
     value: formValues.ip_location || ''
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "hidden",
+    name: "portalId",
+    value: props.hubspotAppId
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "hidden",
+    name: "formId",
+    value: props.hubspotId
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "hidden",
+    name: "isChina",
+    value: props.isChina ? "true" : "false"
   }))) : /*#__PURE__*/React.createElement("div", {
     className: "qr-form-thank-you-page"
   }, /*#__PURE__*/React.createElement("div", {
@@ -1484,7 +1657,12 @@ exports.AccordionSection = AccordionSection;
 exports.AlgoliaDynamicSearch = AlgoliaDynamicSearchEdwards;
 exports.AlgoliaDynamicSearchRaw = AlgoliaDynamicSearchRaw;
 exports.Card = Card;
+exports.FacetUnitSelector = FacetUnitSelector;
+exports.FriendlyCaptcha = FriendlyCaptcha;
 exports.ProductCard = ProductCard;
 exports.ProductDetailsCard = ProductDetailsCard;
 exports.QrForm = QrForm;
+exports.formatFacetValueAsString = formatFacetValueAsString;
+exports.isDelimitedFacetValue = isDelimitedFacetValue;
+exports.parseDelimitedFacetValue = parseDelimitedFacetValue;
 //# sourceMappingURL=index.js.map