oa-componentbook 1.0.1-stage.37 → 1.0.1-stage.371

package/build/widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget.js

@@ -11,7 +11,10 @@ require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.test.js");
+require("core-js/modules/es.parse-int.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.parse-float.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
@@ -82,7 +85,8 @@ function AddSparePartCollapseWidget(_ref) {
     setActiveKey(Array.from(initialSelectedItems).map(String)); // Set initially selected items as active keys
   }, [selectedItems]);
   (0, _react.useEffect)(() => {
-    const sortedItems = [...selectedItems.map(item => items && items.find(i => i.id === item.scopeId)).filter(Boolean), ...items.filter(item => !selectedItems.some(selected => selected.scopeId === item.id))];
+    var _selectedItems$map$fi, _items$filter;
+    const sortedItems = [...((_selectedItems$map$fi = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map(item => items && items.find(i => i.id === item.scopeId)).filter(Boolean)) !== null && _selectedItems$map$fi !== void 0 ? _selectedItems$map$fi : []), ...((_items$filter = items === null || items === void 0 ? void 0 : items.filter(item => !selectedItems.some(selected => selected.scopeId === item.id))) !== null && _items$filter !== void 0 ? _items$filter : [])];
     setFilteredItems(sortedItems);
   }, [items, selectedItems]);
 
@@ -141,7 +145,22 @@ function AddSparePartCollapseWidget(_ref) {
       }
     }, 0);
   };
-  const isNumeric = value => /^\d*$/.test(value); // Regular expression to check if the value is numeric
+
+  /**
+   * Checks if a given value is numeric.
+   *
+   * This function verifies if the provided value is a numeric string,
+   * optionally allowing two decimal places. An empty string is also
+   * considered valid, allowing for clearing inputs.
+   *
+   * @param {string} value - The value to check.
+   * @returns {boolean} - Returns true if the value is numeric or empty, otherwise false.
+   */
+
+  const isNumeric = value => {
+    if (value === '') return true;
+    return /^\d+(\.\d{0,2})?$/.test(value);
+  };
 
   /**
    * Handles changes in the fields of the items.
@@ -154,8 +173,18 @@ function AddSparePartCollapseWidget(_ref) {
    * @param {string|number} value - The new value of the field.
    */
   const onFieldChange = (itemId, field, value) => {
-    if (field === 'hsnId' || isNumeric(value)) {
-      // Bypass numeric check for HSN Code
+    if (field === 'hsnId' || (field === 'discount' || field === 'cost') && isNumeric(value)) {
+      if (field === 'discount') {
+        var _formValues$itemId;
+        if (parseInt((_formValues$itemId = formValues[itemId]) === null || _formValues$itemId === void 0 ? void 0 : _formValues$itemId.cost, 10) < parseInt(value, 10)) {
+          openNotification({
+            title: 'Error',
+            description: 'Discount cannot be greater than Cost.',
+            type: 'failure'
+          });
+          return;
+        }
+      }
       const updatedFormValues = _objectSpread(_objectSpread({}, formValues), {}, {
         [itemId]: _objectSpread(_objectSpread({}, formValues[itemId]), {}, {
           [field]: value
@@ -163,11 +192,11 @@ function AddSparePartCollapseWidget(_ref) {
       });
       setFormValues(updatedFormValues);
     } else {
-      openNotification({
-        title: 'Error',
-        description: 'Please enter only numeric values.',
-        type: 'failure'
-      });
+      // openNotification({
+      //   title: 'Error',
+      //   description: 'Please enter only numeric values 146.',
+      //   type: 'failure',
+      // });
     }
   };
 
@@ -179,7 +208,7 @@ function AddSparePartCollapseWidget(_ref) {
    * @param {React.KeyboardEvent} event - The event triggered by the key press.
    */
   const handleKeyPress = event => {
-    if (!/[0-9]/.test(event.key)) {
+    if (!/[\d.]/.test(event.key) || event.key === '.' && event.target.value.includes('.')) {
       event.preventDefault();
       openNotification({
         title: 'Error',
@@ -188,6 +217,21 @@ function AddSparePartCollapseWidget(_ref) {
       });
     }
   };
+  const handlePaste = e => {
+    var _e$clipboardData$getD, _e$clipboardData;
+    const pastedData = (_e$clipboardData$getD = e === null || e === void 0 || (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 || (_e$clipboardData = _e$clipboardData.getData('Text')) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.trim()) !== null && _e$clipboardData$getD !== void 0 ? _e$clipboardData$getD : '';
+
+    // Allow only numbers with optional decimal part (up to 2 digits after .)
+    const validDecimalPattern = /^\d+(\.\d{0,2})?$/;
+    if (!validDecimalPattern.test(pastedData)) {
+      e.preventDefault();
+      openNotification({
+        title: 'Invalid Paste',
+        description: 'Only numeric values with up to 2 decimal places are allowed.',
+        type: 'failure'
+      });
+    }
+  };
 
   /**
    * Handles the submission of the spare parts information.
@@ -228,7 +272,22 @@ function AddSparePartCollapseWidget(_ref) {
       });
       return;
     }
-    onSubmit(toSubmit); // Call the passed onSubmit function with the data to submit
+    toSubmit.every(item => {
+      const cost = parseFloat(item.cost);
+      const discount = parseFloat(item.discount);
+      const field = items.find(f => f.id === item.scopeId);
+      const fieldName = field ? field.name : "ScopeId ".concat(item.scopeId);
+      if (discount > cost) {
+        openNotification({
+          title: 'Error',
+          description: "Discount cannot be greater than cost for ".concat(fieldName),
+          type: 'failure'
+        });
+        return false;
+      }
+      return true;
+    });
+    onSubmit(toSubmit);
   };
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, {
     buttonConfig: [{
@@ -313,8 +372,9 @@ function AddSparePartCollapseWidget(_ref) {
       placeholder: "Enter price without GST",
       onChange: e => onFieldChange(item.id, 'cost', e.target.value),
       onKeyPress: handleKeyPress,
+      onPaste: handlePaste,
       inputMode: "numeric",
-      pattern: "[0-9]*",
+      pattern: "[0-9]+(\\.[0-9]{0,2})?",
       value: ((_formValues$item$id = formValues[item.id]) === null || _formValues$item$id === void 0 ? void 0 : _formValues$item$id.cost) !== null && ((_formValues$item$id2 = formValues[item.id]) === null || _formValues$item$id2 === void 0 ? void 0 : _formValues$item$id2.cost) !== undefined ? (_formValues$item$id3 = formValues[item.id]) === null || _formValues$item$id3 === void 0 ? void 0 : _formValues$item$id3.cost : '',
       disabled: isItemDisabled
     })), !disableDiscount && /*#__PURE__*/_react.default.createElement("div", {
@@ -337,6 +397,7 @@ function AddSparePartCollapseWidget(_ref) {
       placeholder: "Enter discount",
       onChange: e => onFieldChange(item.id, 'discount', e.target.value),
       onKeyPress: handleKeyPress,
+      onPaste: handlePaste,
       inputMode: "numeric",
       pattern: "[0-9]*",
       value: ((_formValues$item$id4 = formValues[item.id]) === null || _formValues$item$id4 === void 0 ? void 0 : _formValues$item$id4.discount) !== null && ((_formValues$item$id5 = formValues[item.id]) === null || _formValues$item$id5 === void 0 ? void 0 : _formValues$item$id5.discount) !== undefined ? (_formValues$item$id6 = formValues[item.id]) === null || _formValues$item$id6 === void 0 ? void 0 : _formValues$item$id6.discount : '',

package/build/widgets/oa-widget-add-spare-part/AddSparePartWidget.js

@@ -10,6 +10,9 @@ exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+require("core-js/modules/es.promise.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
@@ -165,23 +168,63 @@ function AddSparePartWidget(_ref) {
         // This field is enabled only if the corresponding part is selected
         ,
         disabled: !selectedParts.includes(spare.scopeId),
-        prefix: "\u20B9"
+        prefix: "\u20B9",
+        onPaste: e => {
+          var _e$clipboardData$getD, _e$clipboardData;
+          const pasted = (_e$clipboardData$getD = e === null || e === void 0 || (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData('Text')) !== null && _e$clipboardData$getD !== void 0 ? _e$clipboardData$getD : '';
+          const validDecimalPattern = /^\d+(\.\d*)?$/;
+          if (!validDecimalPattern.test(pasted)) {
+            e.preventDefault(); // Block invalid paste
+          }
+        }
       })),
       discount: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
         name: "discount-".concat(spare.scopeId),
         rules: [{
-          // This field is required only if the corresponding part is selected
           required: selectedParts.includes(spare.scopeId),
           message: 'Required field'
-          // message: 'Enter the discount value.',
+        }, {
+          validator: (_, value) => {
+            const maxDiscount = form.getFieldValue("cost-".concat(spare.scopeId)) || 0;
+            if (value > maxDiscount) {
+              return Promise.reject(new Error('Discount cannot exceed the Part Price!'));
+            }
+            return Promise.resolve();
+          }
         }],
         initialValue: ""
       }, /*#__PURE__*/_react.default.createElement(_CustomInputNumber.default, {
-        size: "small"
-        // This field is enabled only if the corresponding part is selected
-        ,
+        size: "small",
         disabled: !selectedParts.includes(spare.scopeId),
-        prefix: "\u20B9"
+        prefix: "\u20B9",
+        max: form.getFieldValue("cost-".concat(spare.scopeId)),
+        value: form.getFieldValue("discount-".concat(spare.scopeId)),
+        onPaste: e => {
+          var _e$clipboardData$getD2, _e$clipboardData2;
+          const pasted = (_e$clipboardData$getD2 = (_e$clipboardData2 = e.clipboardData) === null || _e$clipboardData2 === void 0 ? void 0 : _e$clipboardData2.getData('Text')) !== null && _e$clipboardData$getD2 !== void 0 ? _e$clipboardData$getD2 : '';
+          const validDecimalPattern = /^\d+(\.\d*)?$/;
+          if (!validDecimalPattern.test(pasted)) {
+            e.preventDefault(); // Block invalid paste
+          }
+        },
+        onChange: value => {
+          const maxDiscount = form.getFieldValue("discount-".concat(spare.scopeId)) || 0;
+          if (value > maxDiscount) {
+            form.setFieldValue("discount-".concat(spare.scopeId), maxDiscount);
+          } else {
+            form.setFieldValue("discount-".concat(spare.scopeId), value);
+          }
+          form.validateFields(["discount-".concat(spare.scopeId)]);
+        },
+        onBlur: () => {
+          // Ensure field is corrected after losing focus
+          const value = form.getFieldValue("discount-".concat(spare.scopeId));
+          const maxDiscount = form.getFieldValue("cost-".concat(spare.scopeId));
+          if (value > maxDiscount) {
+            form.setFieldValue("discount-".concat(spare.scopeId), maxDiscount);
+            form.validateFields(["discount-".concat(spare.scopeId)]);
+          }
+        }
       })),
       hsnId: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
         name: "hsnId-".concat(spare.scopeId),

package/build/widgets/oa-widget-address/AddressWidget.js

@@ -15,31 +15,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {object} address - The address object containing address details.
  */
 function AddressWidget(_ref) {
-  var _address$additional_i, _address$additional_i2;
   let {
     address
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_styles.AddressContainer, null, address.heading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  const {
+    heading,
+    addressLine1,
+    addressLine2,
+    landmark,
+    city,
+    pincode
+  } = address !== null && address !== void 0 ? address : {};
+  return /*#__PURE__*/_react.default.createElement(_styles.AddressContainer, null, heading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-b2-400"
-  }, address.heading), /*#__PURE__*/_react.default.createElement(_styles.AddressLines, null, address.addressLine1 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, heading), /*#__PURE__*/_react.default.createElement(_styles.AddressLines, null, addressLine1 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "secondary-content",
     typography: "type-b2-400"
-  }, address.addressLine1), address.addressLine2 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, address.addressLine1, ","), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "secondary-content",
     typography: "type-b2-400"
-  }, address.addressLine2), address.addressLine3 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    typography: "type-b2-400"
-  }, address.addressLine3), address.landmark && /*#__PURE__*/_react.default.createElement("i", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    typography: "type-b2-400"
-  }, "Near", ' ', address.landmark)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    typography: "type-b2-400"
-  }, address.city, ', ', address.state, address.pincode), (address === null || address === void 0 || (_address$additional_i = address.additional_info) === null || _address$additional_i === void 0 ? void 0 : _address$additional_i.lat) && (address === null || address === void 0 || (_address$additional_i2 = address.additional_info) === null || _address$additional_i2 === void 0 ? void 0 : _address$additional_i2.long) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    typography: "type-b2-400"
-  }, "Location:", ' ', address.additional_info.lat, ",", address.additional_info.long)));
+  }, addressLine2 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, addressLine2, ",", ' ') : null, landmark ? "".concat(landmark, ", ") : null, city ? "".concat(city, ", ") : null, pincode || null)));
 }
 AddressWidget.propTypes = {
   address: _propTypes.default.shape({