@asantemedia-org/edwardsvacuum-design-system 1.6.46 → 1.6.48

package/dist/index.esm.js

@@ -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);
 };
@@ -968,7 +970,12 @@ var defaultQrFormTranslations = {
   label_customerSupport: "Customer Support",
   label_technicalSupport: "Technical Support",
   label_ProductDetails: "Product Information",
+  label_warrantyClaim: "Warranty claim",
+  label_serviceRequest: "Service request",
+  label_oilAndSpares: "Oil and spares",
+  label_other: "Other",
   label_tellUsMore: "Tell us more",
+  label_tellUsMoreOptional: "Tell us more about your issue (optional)",
   section_scannedProductDetails: "Scanned Product Details",
   label_title: "Title",
   label_lastName: "Last Name",
@@ -1123,20 +1130,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",
@@ -1336,9 +1346,12 @@ var QrForm = function (props) {
       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, {
+      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", {