oa-componentbook 0.0.0-sit1.1

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

@@ -0,0 +1,355 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+var _CustomDrawer = _interopRequireDefault(require("../../components/oa-component-drawer/CustomDrawer"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _CustomTable = _interopRequireDefault(require("../../components/oa-component-table/CustomTable"));
+var _CustomCheckBox = require("../../components/oa-component-checkbox/CustomCheckBox");
+var _CustomInputNumber = _interopRequireDefault(require("../../components/oa-component-input-number/CustomInputNumber"));
+var _CustomInput = _interopRequireDefault(require("../../components/oa-component-input/CustomInput"));
+const _excluded = ["onClose", "onSave", "addedSpareList", "allSpareList", "open"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * This component is used to add spare parts to a service order.
+ *
+ * This component is a drawer that appears on the right side of the screen.
+ * It displays a table of all available spare parts.
+ * The user can select the spare parts they want to add to the service order by checking the corresponding checkboxes.
+ * After selecting the parts, the user can enter the price, discount and hsnId of each part.
+ * The user can also cancel the adding of spare parts by clicking the cancel button.
+ * After adding the spare parts, the user can save the added spare parts by clicking the save button.
+ *
+ * @param {{onClose: function, onSave: function, addedSpareList: Array, allSpareList: Array, open: boolean}} props - The props passed to the component.
+ * @param {function} props.onClose - The callback function called when the user clicks the cancel button.
+ * @param {function} props.onSave - The callback function called when the user clicks the save button.
+ * @param {Array} props.addedSpareList - The list of spare parts that have already been added to the service order.
+ * @param {Array} props.allSpareList - The list of all available spare parts.
+ * @param {boolean} props.open - Whether the drawer is open or not.
+ */
+function AddSparePartWidget(_ref) {
+  let {
+      onClose,
+      onSave,
+      addedSpareList,
+      allSpareList,
+      open
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [form] = _antd.Form.useForm();
+  const [submittable, setSubmittable] = (0, _react.useState)(false);
+  const [selectedParts, setSelectedParts] = (0, _react.useState)([]);
+
+  /*
+  Keeping list of IDs of added spare parts as a set, for a quick membership check.
+   This will improve performance, since membership checks are required often in the component.
+  */
+  const addedSpareIdsList = new Set(addedSpareList.map(addedSpare => addedSpare.scopeId));
+
+  // Determining which fields are disabled by default.
+  (0, _react.useEffect)(() => {
+    const newValueForDisabledParts = {};
+    allSpareList.forEach(spare => {
+      newValueForDisabledParts[spare.scopeId] = false;
+    });
+    form.resetFields();
+    const selectedArray = [];
+    addedSpareList.forEach(spare => {
+      selectedArray.push(spare.scopeId);
+    });
+    setSelectedParts(selectedArray);
+  }, [addedSpareList, allSpareList]);
+
+  /**
+   * Saves the spare parts selected by the user.
+   *
+   * This function is called when the user clicks the save button.
+   * It validates the form fields, and if there are no errors, it calls the `onSave` callback with the added spare parts.
+   * If there are errors, it logs them to the console.
+   *
+   * @return {void}
+   */
+  const handleSave = () => {
+    form.validateFields().then(formValues => {
+      const formArray = selectedParts
+      // Removing the parts that have already been added
+      .filter(selectedPart => !addedSpareIdsList.has(selectedPart))
+      // Mapping them to the required format.
+      .map(selectedPart => ({
+        scopeId: selectedPart,
+        scopeName: allSpareList.find(spare => spare.scopeId === selectedPart).scopeName,
+        cost: formValues["cost-".concat(selectedPart)],
+        discount: formValues["discount-".concat(selectedPart)],
+        hsnId: formValues["hsnId-".concat(selectedPart)]
+      }));
+
+      // Call to `onSave` callback received from props.
+      onSave(formArray);
+    }).catch(validationError => {
+      console.log(validationError);
+    });
+  };
+  const dataSource = allSpareList.map(spare => {
+    // If the spare is already added, all its fields are disabled.
+    if (addedSpareIdsList.has(spare.scopeId)) {
+      const partObject = addedSpareList.find(correctSpare => correctSpare.scopeId === spare.scopeId);
+      return {
+        key: spare.scopeId,
+        scopeName: spare.scopeName,
+        cost: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+          name: "cost-".concat(spare.scopeId),
+          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.cost
+        }, /*#__PURE__*/_react.default.createElement(_CustomInputNumber.default, {
+          size: "small",
+          prefix: "\u20B9"
+          // Setting this input field as disabled, because this part has already been added.
+          ,
+          disabled: true
+        })),
+        discount: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+          name: "discount-".concat(spare.scopeId),
+          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.discount
+        }, /*#__PURE__*/_react.default.createElement(_CustomInputNumber.default, {
+          size: "small",
+          prefix: "\u20B9"
+          // Setting this input field as disabled, because this part has already been added.
+          ,
+          disabled: true
+        })),
+        hsnId: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+          name: "hsnId-".concat(spare.scopeId),
+          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.hsnId
+        }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
+          size: "small"
+          // Setting this input field as disabled, because this part has already been added.
+          ,
+          disabled: true
+        }))
+      };
+    }
+    return {
+      key: spare.scopeId,
+      scopeName: spare.scopeName,
+      cost: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "cost-".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.',
+        }],
+        initialValue: ""
+      }, /*#__PURE__*/_react.default.createElement(_CustomInputNumber.default, {
+        size: "small"
+        // This field is enabled only if the corresponding part is selected
+        ,
+        disabled: !selectedParts.includes(spare.scopeId),
+        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: [{
+          required: selectedParts.includes(spare.scopeId),
+          message: 'Required field'
+        }, {
+          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",
+        disabled: !selectedParts.includes(spare.scopeId),
+        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),
+        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.',
+        }],
+        initialValue: ""
+      }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
+        size: "small"
+        // This field is enabled only if the corresponding part is selected
+        ,
+        disabled: !selectedParts.includes(spare.scopeId)
+      }))
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, _extends({
+    destroyOnClose: true,
+    onClose: onClose,
+    open: open,
+    placement: "right",
+    title: "ADD SPARE PARTS",
+    width: "860",
+    buttonConfig: [{
+      disabled: !submittable,
+      callback: handleSave,
+      label: 'Save',
+      type: 'primary'
+    }]
+  }, props), /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    theme: _objectSpread(_objectSpread({}, (0, _CustomCheckBox.getCheckboxTheme)()), {}, {
+      components: {
+        Form: {
+          itemMarginBottom: 0
+        }
+      }
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    form: form
+  }, /*#__PURE__*/_react.default.createElement(_CustomTable.default, {
+    size: "middle",
+    columns: [{
+      title: '',
+      dataIndex: 'scopeName',
+      key: 'scopeName',
+      width: '19%'
+    }, {
+      title: /*#__PURE__*/_react.default.createElement(_Typography.default, {
+        color: "placeholder-text",
+        typography: "type-sl1-700"
+      }, "Part price (without gst)"),
+      dataIndex: 'cost',
+      key: 'cost',
+      width: '27%'
+    }, {
+      title: /*#__PURE__*/_react.default.createElement(_Typography.default, {
+        color: "placeholder-text",
+        typography: "type-sl1-700"
+      }, "discount (without Gst)"),
+      dataIndex: 'discount',
+      key: 'discount',
+      width: '27%'
+    }, {
+      title: /*#__PURE__*/_react.default.createElement(_Typography.default, {
+        color: "placeholder-text",
+        typography: "type-sl1-700"
+      }, "hsn code"),
+      dataIndex: 'hsnId',
+      key: 'hsnId',
+      width: '27%'
+    }],
+    dataSource: dataSource,
+    rowKey: "key",
+    pagination: false,
+    rowSelection: {
+      type: 'checkbox',
+      selectedRowKeys: selectedParts,
+      onChange: selectedRowKeys => {
+        const removedKeys = selectedParts.filter(part => !selectedRowKeys.includes(part));
+        removedKeys.forEach(row => {
+          form.setFieldValue("hsnId-".concat(row), '');
+          form.setFieldValue("discount-".concat(row), '');
+          form.setFieldValue("cost-".concat(row), '');
+        });
+        let submittableFieldPresent = false;
+        selectedRowKeys.forEach(selectedPart => {
+          // This part is not already added, so it can be submitted.
+          if (!addedSpareList.some(addedSpare => addedSpare.scopeId === selectedPart)) {
+            submittableFieldPresent = true;
+          }
+        });
+        setSubmittable(submittableFieldPresent);
+        setSelectedParts(selectedRowKeys);
+      },
+      getCheckboxProps: record => ({
+        disabled: addedSpareList.some(spare => spare.scopeId === record.key),
+        scopeName: record.scopeName
+      })
+    }
+    // scroll={{
+    //   y: '100%',
+    // }}
+  }))));
+}
+AddSparePartWidget.propTypes = {
+  onClose: _propTypes.default.func.isRequired,
+  onSave: _propTypes.default.func.isRequired,
+  open: _propTypes.default.bool,
+  addedSpareList: _propTypes.default.arrayOf(_propTypes.default.shape({
+    scopeId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    scopeName: _propTypes.default.string,
+    discount: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    cost: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    hsnId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+  })),
+  allSpareList: _propTypes.default.arrayOf(_propTypes.default.shape({
+    scopeName: _propTypes.default.string.isRequired,
+    scopeId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired
+  }))
+};
+AddSparePartWidget.defaultProps = {
+  addedSpareList: [],
+  allSpareList: [],
+  open: true
+};
+var _default = exports.default = AddSparePartWidget;

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StickyInfo = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var _default = exports.default = {};
+const StickyInfo = exports.StickyInfo = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nposition: absolute;\nbottom: 80px;\nright: 0;\nleft: 0;\npadding: 0 24px;\n"])));

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AddressWidget;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * AddressWidget component displays the address details.
+ *
+ * @param {object} address - The address object containing address details.
+ */
+function AddressWidget(_ref) {
+  let {
+    address
+  } = _ref;
+  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"
+  }, heading), /*#__PURE__*/_react.default.createElement(_styles.AddressLines, null, addressLine1 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "secondary-content",
+    typography: "type-b2-400"
+  }, address.addressLine1, ","), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    color: "secondary-content",
+    typography: "type-b2-400"
+  }, 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({
+    heading: _propTypes.default.string,
+    addressLine1: _propTypes.default.string,
+    addressLine2: _propTypes.default.string,
+    addressLine3: _propTypes.default.string,
+    landmark: _propTypes.default.string,
+    pincode: _propTypes.default.string || _propTypes.default.number,
+    city: _propTypes.default.string,
+    state: _propTypes.default.string,
+    type: _propTypes.default.oneOf(['permanent', 'temporary']),
+    additional_info: _propTypes.default.shape({
+      lat: _propTypes.default.string,
+      long: _propTypes.default.string
+    })
+  }).isRequired
+};

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AddressLines = exports.AddressContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var _default = exports.default = {};
+const AddressContainer = exports.AddressContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 12px;    \n    width: 100%\n"])));
+const AddressLines = exports.AddressLines = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n"])));

package/build/widgets/oa-widget-approval/ApprovalWidget.js

@@ -0,0 +1,200 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _UploadDownloadWidget = _interopRequireDefault(require("../oa-widget-upload-download/UploadDownloadWidget"));
+var _styles = require("./styles");
+var _CustomRadio = _interopRequireDefault(require("../../components/oa-component-radio/CustomRadio"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
+const _excluded = ["children", "description", "docDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "data-test", "maxLength"];
+/* eslint-disable */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * @typedef {import('../../components/oa-component-upload/CustomUpload').DocumentDetails} DocumentDetails
+ *
+ * @typedef {Object} ApprovalForm
+ * @property {boolean} [disabled=false] Whether the approval form is disabled.
+ * @property {boolean} [hidden=false] Whether the approval form is hidden.
+ * @property {boolean} [invisible=false] Whether the approval form is invisible (preserving layout).
+ * @property {boolean} [isApproved] Initial value for the approval status.
+ * @property {string} [remarks] Initial value for the remarks.
+ *
+ * @typedef {Object} Props
+ * @property {React.ReactNode} [children] Content to be rendered inside the ApprovalWidget.
+ * @property {string} [description] Description for the widget.
+ * @property {DocumentDetails} [docDetails] Document details for the widget.
+ * @property {ApprovalForm} [approvalForm] Form data for approval.
+ * @property {boolean} [isMandatory=false] Whether the widget is mandatory.
+ * @property {boolean} [hasDivider=false] Display a divider line beneath the widget.
+ * @property {boolean} [isQuestionStyleWidget=false] Whether the widget has a question-style layout.
+ * @property {string|number} questionId Identifier for the question.
+ * @property {string} title Title of the widget.
+ * @property {Function} [viewOnClick] Callback function for the view action.
+ * @property {string} ['data-test'] Data test string to be applied to the outermost element.
+ */
+function ApprovalWidget(_ref) {
+  var _approvalForm$disable, _approvalForm$disable2, _approvalForm$disable3, _approvalForm$remarks, _approvalForm$disable4;
+  let {
+      children,
+      description,
+      docDetails,
+      approvalForm,
+      isMandatory,
+      hasDivider,
+      isQuestionStyleWidget,
+      questionId,
+      title,
+      viewOnClick,
+      "data-test": dataTest,
+      maxLength
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  console.log(maxLength, "maxLength2");
+  const getInitialValue = isApproved => {
+    switch (isApproved) {
+      case true:
+        return 1;
+      case false:
+        return 0;
+      default:
+        return undefined;
+    }
+  };
+  const [isApproved, setIsApproved] = (0, _react.useState)(getInitialValue(approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.isApproved));
+  const onRadioChange = event => setIsApproved(event.target.value);
+  return /*#__PURE__*/_react.default.createElement(_styles.StyledContainer, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: approvalForm.hidden ? "col-sm-12 col-md-12 col-lg-12" : "col-sm-12 col-md-7 col-lg-7 gutter"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: isQuestionStyleWidget ? "col-sm-12 col-md-12 col-lg-12" : "col-sm-12 col-md-8 col-lg-8 gutter"
+  }, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h4", {
+    className: "type-b2-400"
+  }, title, isMandatory && /*#__PURE__*/_react.default.createElement(_styles.RedText, null, "*"))), description && /*#__PURE__*/_react.default.createElement(_styles.Styledescription, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    typography: "type-b2-400",
+    color: "secondary-content"
+  }, description)), viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+    className: "view-button",
+    "data-test": dataTest ? "".concat(dataTest, "--view-button") : undefined,
+    onClick: () => viewOnClick(questionId),
+    type: "text-only",
+    label: isQuestionStyleWidget ? "View Previous Description" : "View History"
+  }), children)), !isQuestionStyleWidget && /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-sm-12 col-md-4 col-lg-4"
+  }, /*#__PURE__*/_react.default.createElement(_UploadDownloadWidget.default, _extends({
+    disabled: (_approvalForm$disable = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable !== void 0 ? _approvalForm$disable : false,
+    "data-test": dataTest ? "".concat(dataTest, "--upload-download-widget") : undefined
+  }, docDetails, {
+    formName: isMandatory ? "file-".concat(questionId) : undefined
+  }))))), approvalForm.invisible && /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-sm-12 col-md-5 col-lg-5"
+  }) || !approvalForm.hidden && /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-sm-12 col-md-5 col-lg-5"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "isApproved-".concat(questionId),
+    className: "custom-radio-group",
+    initialValue: isApproved,
+    rules: [{
+      required: true,
+      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-test": "".concat(dataTest, "--is-approved-validation-message")
+      }, "Approval status needs to be selected.") : "Approval status needs to be selected."
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default.Group, {
+    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-group") : undefined,
+    onChange: onRadioChange,
+    value: isApproved
+  }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
+    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-yes") : undefined,
+    disabled: (_approvalForm$disable2 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable2 !== void 0 ? _approvalForm$disable2 : false,
+    label: "Mark as Approved",
+    value: 1
+  }), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
+    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-no") : undefined,
+    disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false,
+    label: "Mark as Pending",
+    value: 0
+  }))), isApproved === 0 && /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h5", {
+    className: "type-b2-400"
+  }, "Remarks"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "remarks-".concat(questionId),
+    initialValue: (_approvalForm$remarks = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.remarks) !== null && _approvalForm$remarks !== void 0 ? _approvalForm$remarks : "",
+    rules: [{
+      required: true,
+      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-test": "".concat(dataTest, "--remarks-validation-message")
+      }, "Remarks cannot be empty.") : "Remarks cannot be empty."
+    }, maxLength && {
+      max: maxLength,
+      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-test": "".concat(dataTest, "--remarks-maxlength-validation-message")
+      }, "Remarks cannot exceed ".concat(maxLength, " characters.")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Remarks cannot exceed ".concat(maxLength, " characters."))
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
+    "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
+    disabled: (_approvalForm$disable4 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable4 !== void 0 ? _approvalForm$disable4 : false
+  })))) || undefined), hasDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
+}
+ApprovalWidget.propTypes = {
+  children: _propTypes.default.node,
+  "data-test": _propTypes.default.string,
+  description: _propTypes.default.string,
+  // Leave description optional
+  docDetails: _propTypes.default.shape({
+    multiple: _propTypes.default.bool,
+    onUpload: _propTypes.default.func,
+    uploadedDocuments: _propTypes.default.arrayOf(_propTypes.default.shape({
+      name: _propTypes.default.string,
+      onDelete: _propTypes.default.func,
+      onDownload: _propTypes.default.func
+    }))
+  }),
+  hasDivider: _propTypes.default.bool,
+  // Leave hasDivider optional,
+  approvalForm: _propTypes.default.shape({
+    disabled: _propTypes.default.bool,
+    hidden: _propTypes.default.bool,
+    invisible: _propTypes.default.bool,
+    isApproved: _propTypes.default.bool,
+    remarks: _propTypes.default.string
+  }),
+  isMandatory: _propTypes.default.bool,
+  isQuestionStyleWidget: _propTypes.default.bool,
+  questionId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+  title: _propTypes.default.string.isRequired,
+  // Make title required
+  viewOnClick: _propTypes.default.func
+};
+ApprovalWidget.defaultProps = {
+  children: null,
+  "data-test": null,
+  description: "",
+  docDetails: {},
+  approvalForm: {
+    disabled: false,
+    hidden: false,
+    invisible: false
+  },
+  isMandatory: false,
+  hasDivider: false,
+  isQuestionStyleWidget: false,
+  viewOnClick: null
+};
+var _default = exports.default = ApprovalWidget;