@salesgenterp/ui-components 0.4.511 → 0.4.513

package/dist/index.js

@@ -8660,10 +8660,10 @@ var GTagManager = function GTagManager(_ref) {
           script.src = "https://www.googletagmanager.com/gtag/js?id=" + gTagId;
           script.async = true;
           script.id = 'gTagManagerId';
-          document.body.appendChild(script);
+          document.head.appendChild(script);
           var script1 = document.createElement('script');
           script1.innerHTML = "window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '" + gTagId + "');";
-          document.body.appendChild(script1);
+          document.head.appendChild(script1);
         }
       }, 1000);
     }
@@ -12234,7 +12234,8 @@ var Step3 = function Step3(_ref) {
     setSelectedCountry = _ref.setSelectedCountry,
     customer = _ref.customer,
     disabledPaymentOnMoreThanAmount = _ref.disabledPaymentOnMoreThanAmount,
-    doNotShowPrice = _ref.doNotShowPrice;
+    doNotShowPrice = _ref.doNotShowPrice,
+    beforeAddNewCardText = _ref.beforeAddNewCardText;
   var _useState = React.useState(),
     selectedMethod = _useState[0],
     setSelectedMethod = _useState[1];
@@ -12254,6 +12255,9 @@ var Step3 = function Step3(_ref) {
   var _useState6 = React.useState(authoriseDotNet ? true : false),
     addNewCard = _useState6[0],
     setAddNewCard = _useState6[1];
+  var _useState7 = React.useState(false),
+    beforeCreditCardChecked = _useState7[0],
+    setBeforeCreditCardChecked = _useState7[1];
   var isCard = selectedMethod === null || selectedMethod === void 0 ? void 0 : (_selectedMethod$name = selectedMethod.name) === null || _selectedMethod$name === void 0 ? void 0 : _selectedMethod$name.toLowerCase().includes('card');
   var storeCr = storeCredits > ((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) || 0) ? (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) || 0 : storeCredits;
   var paymentMethods = lodash.filter(lodash.filter(payments, {
@@ -12394,6 +12398,10 @@ var Step3 = function Step3(_ref) {
         className: "innerCircle"
       })), /*#__PURE__*/React__default.createElement("p", null, "Add New Card")), addNewCard && /*#__PURE__*/React__default.createElement(PaymentForm, {
         handleSave: function handleSave(cardData) {
+          if (beforeAddNewCardText && !beforeCreditCardChecked) {
+            alert('Please agree to the terms before proceeding.');
+            return;
+          }
           setCard(cardData);
           setPaymentDetails(useStoreCr, useStoreCr && storeCredits > (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) ? null : selectedMethod, isCard && cardData);
           _handleNext();
@@ -12402,7 +12410,13 @@ var Step3 = function Step3(_ref) {
         states: states,
         countries: countries,
         setSelectedCountry: setSelectedCountry
-      }))));
+      }), addNewCard && beforeAddNewCardText && /*#__PURE__*/React__default.createElement(CheckBoxRow, null, /*#__PURE__*/React__default.createElement(material.Checkbox, {
+        size: "small",
+        onChange: function onChange(e) {
+          return setBeforeCreditCardChecked(e.target.checked);
+        },
+        checked: beforeCreditCardChecked
+      }), beforeAddNewCardText()))));
     } else {
       return /*#__PURE__*/React__default.createElement(PaymentLi, {
         style: storeCredits >= (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) && useStoreCr ? {
@@ -13154,7 +13168,8 @@ var CheckoutPageComponentWrapper = function CheckoutPageComponentWrapper(_ref) {
     _ref$placeQuotation = _ref.placeQuotation,
     placeQuotation = _ref$placeQuotation === void 0 ? false : _ref$placeQuotation,
     _ref$disabledAddAddre = _ref.disabledAddAddressOption,
-    disabledAddAddressOption = _ref$disabledAddAddre === void 0 ? false : _ref$disabledAddAddre;
+    disabledAddAddressOption = _ref$disabledAddAddre === void 0 ? false : _ref$disabledAddAddre,
+    beforeAddNewCardText = _ref.beforeAddNewCardText;
   var _useAllSystemFeatureV = useAllSystemFeatureValues({
       apiEndPoint: apiEndPoint,
       token: token
@@ -13880,7 +13895,8 @@ var CheckoutPageComponentWrapper = function CheckoutPageComponentWrapper(_ref) {
       styles: styles,
       setSelectedCountry: setSelectedCountry,
       disabledPaymentOnMoreThanAmount: disabledPaymentOnMoreThanAmount,
-      doNotShowPrice: doNotShowPrice
+      doNotShowPrice: doNotShowPrice,
+      beforeAddNewCardText: beforeAddNewCardText
     })), index === 4 && /*#__PURE__*/React__default.createElement(material.StepContent, {
       sx: {
         padding: 0
@@ -15117,9 +15133,9 @@ var NewArrival = function NewArrival(_ref) {
     newArrivalItems = _useState3[0],
     setNewArrivalItems = _useState3[1];
   React.useEffect(function () {
-    if (newReleasedData && (newReleasedData === null || newReleasedData === void 0 ? void 0 : newReleasedData.length) > 1) {
+    if (newReleasedData && (newReleasedData === null || newReleasedData === void 0 ? void 0 : newReleasedData.length) > 0) {
       var _newReleasedData$;
-      setSelectedDate((_newReleasedData$ = newReleasedData[0]) === null || _newReleasedData$ === void 0 ? void 0 : _newReleasedData$.date);
+      setSelectedDate(newReleasedData === null || newReleasedData === void 0 ? void 0 : (_newReleasedData$ = newReleasedData[0]) === null || _newReleasedData$ === void 0 ? void 0 : _newReleasedData$.date);
     }
   }, [newReleasedData]);
   React.useEffect(function () {
@@ -15154,27 +15170,27 @@ var NewArrival = function NewArrival(_ref) {
       })();
     }
   }, [selectedDate]);
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
-    container: true,
-    spacing: 2
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '1rem',
+      flexWrap: 'wrap',
+      marginBottom: '1rem'
+    }
   }, newReleasedData === null || newReleasedData === void 0 ? void 0 : newReleasedData.map(function (item, i) {
-    return /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true,
-      lg: 2,
-      md: 4,
-      sm: 4,
-      xs: 6,
+    return /*#__PURE__*/React__default.createElement(DateCard, {
       key: i,
-      spacing: 2,
-      gap: 2
-    }, /*#__PURE__*/React__default.createElement(DateCard, {
       item: item,
       selectedDate: selectedDate,
       setSelectedDate: setSelectedDate,
       primaryColor: primaryColor,
       fontColor: fontColor
-    }));
-  }), /*#__PURE__*/React__default.createElement(material.Grid, {
+    });
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -15236,7 +15252,8 @@ var DateCard = function DateCard(_ref2) {
     }
   }, item === null || item === void 0 ? void 0 : item.month), /*#__PURE__*/React__default.createElement("div", {
     style: {
-      fontWeight: '500'
+      fontWeight: '500',
+      whiteSpace: 'nowrap'
     }
   }, item === null || item === void 0 ? void 0 : item.date), /*#__PURE__*/React__default.createElement(material.Box, {
     sx: {
@@ -15268,9 +15285,9 @@ var ReStockedItem = function ReStockedItem(_ref) {
     newArrivalItems = _useState3[0],
     setNewArrivalItems = _useState3[1];
   React.useEffect(function () {
-    if (reStocked && (reStocked === null || reStocked === void 0 ? void 0 : reStocked.length) > 1) {
+    if (reStocked && (reStocked === null || reStocked === void 0 ? void 0 : reStocked.length) > 0) {
       var _reStocked$;
-      setSelectedDate((_reStocked$ = reStocked[0]) === null || _reStocked$ === void 0 ? void 0 : _reStocked$.date);
+      setSelectedDate(reStocked === null || reStocked === void 0 ? void 0 : (_reStocked$ = reStocked[0]) === null || _reStocked$ === void 0 ? void 0 : _reStocked$.date);
     }
   }, [reStocked]);
   React.useEffect(function () {
@@ -15305,27 +15322,26 @@ var ReStockedItem = function ReStockedItem(_ref) {
       })();
     }
   }, [selectedDate]);
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
-    container: true,
-    spacing: 2
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '1rem',
+      flexWrap: 'wrap',
+      marginBottom: '1rem'
+    }
   }, reStocked === null || reStocked === void 0 ? void 0 : reStocked.map(function (item, i) {
-    return /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true,
-      lg: 2,
-      md: 4,
-      sm: 4,
-      xs: 6,
-      key: i,
-      spacing: 2,
-      gap: 2
-    }, /*#__PURE__*/React__default.createElement(DateCard, {
+    return /*#__PURE__*/React__default.createElement(DateCard, {
       item: item,
       selectedDate: selectedDate,
       setSelectedDate: setSelectedDate,
       primaryColor: primaryColor,
       fontColor: fontColor
-    }));
-  }), /*#__PURE__*/React__default.createElement(material.Grid, {
+    });
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
   }, /*#__PURE__*/React__default.createElement("div", {