@djb25/digit-ui-module-wt 1.0.74 → 1.0.75

package/dist/index.js

@@ -43,11 +43,13 @@ const commonConfig = [{
     key: "serviceType",
     type: "component",
     nextStep: "info",
+    isCollapsible: false,
     hideInEmployee: true,
     isMandatory: true,
     texts: {
       submitBarLabel: "COMMON_SAVE_NEXT"
-    }
+    },
+    noGrid: true
   }, {
     route: "info",
     component: "InfoPage",
@@ -432,12 +434,12 @@ const WTCreate = () => {
         path: match.path + "/" + routeObj.route,
         key: index
       }, /*#__PURE__*/React__default.createElement(Component, {
-        config: {
+        config: _extends({}, routeObj, {
           texts,
           inputs,
           key,
           additionaFields
-        },
+        }),
         onSelect: handleSelect,
         t: t,
         formData: params,
@@ -22113,12 +22115,12 @@ const ActionModal$5 = _ref => {
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat7 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat7 !== void 0 && _parsedAdhocRebateDat7.adhocRebate) applicationData.additionalDetails.adhocRebate = parseInt(parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat8 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat8 === void 0 ? void 0 : _parsedAdhocRebateDat8.adhocRebate) || "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat9 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat9 !== void 0 && _parsedAdhocRebateDat9.adhocRebateComment) applicationData.additionalDetails.adhocRebateComment = (parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat0 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat0 === void 0 ? void 0 : _parsedAdhocRebateDat0.adhocRebateComment) || "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat1 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat1 !== void 0 && _parsedAdhocRebateDat1.adhocRebateReason) applicationData.additionalDetails.adhocRebateReason = (parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat10 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat10 === void 0 ? void 0 : _parsedAdhocRebateDat10.adhocRebateReason) || "";
-      const dueVerificationData = sessionStorage.getItem("Digit.DUE_VERIFICATION_DATA");
-      if (dueVerificationData) {
+      const inspectionInformationData = sessionStorage.getItem("Digit.INSPECTION_INFORMATION_DATA");
+      if (inspectionInformationData) {
         try {
-          applicationData.dueVerification = JSON.parse(dueVerificationData);
+          applicationData.inspectionInformation = JSON.parse(inspectionInformationData);
         } catch (e) {
-          console.error("Error parsing due verification data", e);
+          console.error("Error parsing inspection information data", e);
         }
       }
       ((_applicationData12 = applicationData) === null || _applicationData12 === void 0 ? void 0 : _applicationData12.serviceType) == "WATER" ? submitAction({
@@ -25347,19 +25349,23 @@ const WSFeeEstimation = _ref => {
     var _wsAdditionalDetails$2, _wsAdditionalDetails$3, _sessionFormData$bill;
     const data = _extends({}, wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$2 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$2 === void 0 ? void 0 : (_wsAdditionalDetails$3 = _wsAdditionalDetails$2.appDetails) === null || _wsAdditionalDetails$3 === void 0 ? void 0 : _wsAdditionalDetails$3.additionalDetails);
     if ((sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill = sessionFormData.billDetails) === null || _sessionFormData$bill === void 0 ? void 0 : _sessionFormData$bill.length) > 0) {
-      var _sessionFormData$bill2, _sessionFormData$bill3, _sessionFormData$bill4, _sessionFormData$bill5, _sessionFormData$bill6, _sessionFormData$bill7, _sessionFormData$bill8;
-      const values = [{
+      var _sessionFormData$bill2, _sessionFormData$bill3, _sessionFormData$bill4, _sessionFormData$bill5, _sessionFormData$bill6, _sessionFormData$bill7, _sessionFormData$bill8, _sessionFormData$bill9, _sessionFormData$bill0;
+      const billAccountDetails = (sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill2 = sessionFormData.billDetails) === null || _sessionFormData$bill2 === void 0 ? void 0 : (_sessionFormData$bill3 = _sessionFormData$bill2[0]) === null || _sessionFormData$bill3 === void 0 ? void 0 : _sessionFormData$bill3.billAccountDetails) || [];
+      const values = billAccountDetails.length > 0 ? billAccountDetails.map(bill => ({
+        title: bill === null || bill === void 0 ? void 0 : bill.taxHeadCode,
+        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(bill === null || bill === void 0 ? void 0 : bill.amount).toFixed(2))
+      })) : [{
         title: "WS_APPLICATION_FEE_HEADER",
-        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill2 = sessionFormData.billDetails) === null || _sessionFormData$bill2 === void 0 ? void 0 : (_sessionFormData$bill3 = _sessionFormData$bill2[0]) === null || _sessionFormData$bill3 === void 0 ? void 0 : _sessionFormData$bill3.fee)
+        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill4 = sessionFormData.billDetails) === null || _sessionFormData$bill4 === void 0 ? void 0 : (_sessionFormData$bill5 = _sessionFormData$bill4[0]) === null || _sessionFormData$bill5 === void 0 ? void 0 : _sessionFormData$bill5.fee)
       }, {
         title: "WS_SERVICE_FEE_HEADER",
-        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill4 = sessionFormData.billDetails) === null || _sessionFormData$bill4 === void 0 ? void 0 : (_sessionFormData$bill5 = _sessionFormData$bill4[0]) === null || _sessionFormData$bill5 === void 0 ? void 0 : _sessionFormData$bill5.charge)
+        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill6 = sessionFormData.billDetails) === null || _sessionFormData$bill6 === void 0 ? void 0 : (_sessionFormData$bill7 = _sessionFormData$bill6[0]) === null || _sessionFormData$bill7 === void 0 ? void 0 : _sessionFormData$bill7.charge)
       }, {
         title: "WS_TAX_HEADER",
-        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill6 = sessionFormData.billDetails) === null || _sessionFormData$bill6 === void 0 ? void 0 : (_sessionFormData$bill7 = _sessionFormData$bill6[0]) === null || _sessionFormData$bill7 === void 0 ? void 0 : _sessionFormData$bill7.taxAmount)
+        value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill8 = sessionFormData.billDetails) === null || _sessionFormData$bill8 === void 0 ? void 0 : (_sessionFormData$bill9 = _sessionFormData$bill8[0]) === null || _sessionFormData$bill9 === void 0 ? void 0 : _sessionFormData$bill9.taxAmount)
       }];
       setValues(values);
-      setBillDetails(sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill8 = sessionFormData.billDetails) === null || _sessionFormData$bill8 === void 0 ? void 0 : _sessionFormData$bill8[0]);
+      setBillDetails(sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill0 = sessionFormData.billDetails) === null || _sessionFormData$bill0 === void 0 ? void 0 : _sessionFormData$bill0[0]);
     } else {
       setSessionFormData(data);
       setFields(data);
@@ -25423,24 +25429,28 @@ const WSFeeEstimation = _ref => {
         };
         let businessService = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$16 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$16 === void 0 ? void 0 : (_wsAdditionalDetails$17 = _wsAdditionalDetails$16.appDetails) === null || _wsAdditionalDetails$17 === void 0 ? void 0 : _wsAdditionalDetails$17.service) == "WATER" ? "WS" : "SW";
         Digit.WSService.wsCalculationEstimate(data, businessService).then((result, err) => {
-          var _result$Calculation, _result$Calculation$, _result$Calculation$$, _result$Calculation3, _result$Calculation3$, _result$Calculation4, _result$Calculation4$, _result$Calculation5, _result$Calculation5$, _result$Calculation6, _result$Calculation6$, _result$Calculation7;
+          var _result$Calculation, _result$Calculation$, _result$Calculation$$, _result$Calculation3, _result$Calculation3$, _result$Calculation4, _result$Calculation4$, _result$Calculation5, _result$Calculation5$, _result$Calculation6, _result$Calculation6$, _result$Calculation7, _result$Calculation7$, _result$Calculation8;
           if ((result === null || result === void 0 ? void 0 : (_result$Calculation = result.Calculation) === null || _result$Calculation === void 0 ? void 0 : (_result$Calculation$ = _result$Calculation[0]) === null || _result$Calculation$ === void 0 ? void 0 : (_result$Calculation$$ = _result$Calculation$.taxHeadEstimates) === null || _result$Calculation$$ === void 0 ? void 0 : _result$Calculation$$.length) > 0) {
             var _result$Calculation2, _result$Calculation2$, _result$Calculation2$2;
             result === null || result === void 0 ? void 0 : (_result$Calculation2 = result.Calculation) === null || _result$Calculation2 === void 0 ? void 0 : (_result$Calculation2$ = _result$Calculation2[0]) === null || _result$Calculation2$ === void 0 ? void 0 : (_result$Calculation2$2 = _result$Calculation2$.taxHeadEstimates) === null || _result$Calculation2$2 === void 0 ? void 0 : _result$Calculation2$2.forEach(data => data.amount = data.estimateAmount);
           }
           result.Calculation[0].billSlabData = _.groupBy(result === null || result === void 0 ? void 0 : (_result$Calculation3 = result.Calculation) === null || _result$Calculation3 === void 0 ? void 0 : (_result$Calculation3$ = _result$Calculation3[0]) === null || _result$Calculation3$ === void 0 ? void 0 : _result$Calculation3$.taxHeadEstimates, "category");
-          const values = [{
+          const taxHeadEstimates = (result === null || result === void 0 ? void 0 : (_result$Calculation4 = result.Calculation) === null || _result$Calculation4 === void 0 ? void 0 : (_result$Calculation4$ = _result$Calculation4[0]) === null || _result$Calculation4$ === void 0 ? void 0 : _result$Calculation4$.taxHeadEstimates) || [];
+          const values = taxHeadEstimates.length > 0 ? taxHeadEstimates.map(data => ({
+            title: data === null || data === void 0 ? void 0 : data.taxHeadCode,
+            value: /*#__PURE__*/React__default.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.estimateAmount).toFixed(2))
+          })) : [{
             title: "WS_APPLICATION_FEE_HEADER",
-            value: (_result$Calculation4 = result.Calculation) === null || _result$Calculation4 === void 0 ? void 0 : (_result$Calculation4$ = _result$Calculation4[0]) === null || _result$Calculation4$ === void 0 ? void 0 : _result$Calculation4$.fee
+            value: (_result$Calculation5 = result.Calculation) === null || _result$Calculation5 === void 0 ? void 0 : (_result$Calculation5$ = _result$Calculation5[0]) === null || _result$Calculation5$ === void 0 ? void 0 : _result$Calculation5$.fee
           }, {
             title: "WS_SERVICE_FEE_HEADER",
-            value: (_result$Calculation5 = result.Calculation) === null || _result$Calculation5 === void 0 ? void 0 : (_result$Calculation5$ = _result$Calculation5[0]) === null || _result$Calculation5$ === void 0 ? void 0 : _result$Calculation5$.charge
+            value: (_result$Calculation6 = result.Calculation) === null || _result$Calculation6 === void 0 ? void 0 : (_result$Calculation6$ = _result$Calculation6[0]) === null || _result$Calculation6$ === void 0 ? void 0 : _result$Calculation6$.charge
           }, {
             title: "WS_TAX_HEADER",
-            value: (_result$Calculation6 = result.Calculation) === null || _result$Calculation6 === void 0 ? void 0 : (_result$Calculation6$ = _result$Calculation6[0]) === null || _result$Calculation6$ === void 0 ? void 0 : _result$Calculation6$.taxAmount
+            value: (_result$Calculation7 = result.Calculation) === null || _result$Calculation7 === void 0 ? void 0 : (_result$Calculation7$ = _result$Calculation7[0]) === null || _result$Calculation7$ === void 0 ? void 0 : _result$Calculation7$.taxAmount
           }];
           setSessionBillFormData(cloneDeep_1(result.Calculation[0]));
-          setBillDetails(result === null || result === void 0 ? void 0 : (_result$Calculation7 = result.Calculation) === null || _result$Calculation7 === void 0 ? void 0 : _result$Calculation7[0]);
+          setBillDetails(result === null || result === void 0 ? void 0 : (_result$Calculation8 = result.Calculation) === null || _result$Calculation8 === void 0 ? void 0 : _result$Calculation8[0]);
           setValues(values);
           fields.billDetails = result === null || result === void 0 ? void 0 : result.Calculation;
           setSessionFormData(fields);
@@ -26200,36 +26210,65 @@ const DueVerification = _ref => {
   const _useState = React.useState(""),
     kno = _useState[0],
     setKno = _useState[1];
-  const _useState2 = React.useState([]),
-    tableData = _useState2[0],
-    setTableData = _useState2[1];
-  const columns = React.useMemo(() => [{
-    Header: t("K No."),
-    accessor: "kno"
-  }, {
-    Header: t("Full Name"),
-    accessor: "fullName"
-  }, {
-    Header: t("Full Address"),
-    accessor: "fullAddress"
-  }, {
-    Header: t("Due Amount"),
-    accessor: "dueAmount"
-  }, {
-    Header: t("Total Amount"),
-    accessor: "totalAmount"
-  }], [t]);
-  React.useEffect(() => {
-    const savedData = sessionStorage.getItem("Digit.DUE_VERIFICATION_DATA");
-    if (savedData) {
-      try {
-        setTableData(JSON.parse(savedData));
-      } catch (e) {
-        console.error("Error parsing due verification data", e);
+  const _useState2 = React.useState(""),
+    remarks = _useState2[0],
+    setRemarks = _useState2[1];
+  const _useState3 = React.useState([]),
+    tableData = _useState3[0],
+    setTableData = _useState3[1];
+  const handleRemarkChange = React__default.useCallback((index, value) => {
+    setTableData(prevData => {
+      const newData = [...prevData];
+      newData[index] = _extends({}, newData[index], {
+        remarks: value
+      });
+      if (applicationData) {
+        applicationData.dueVerification = newData;
       }
-    } else if (applicationData !== null && applicationData !== void 0 && applicationData.dueVerification && Array.isArray(applicationData.dueVerification)) {
+      return newData;
+    });
+  }, [applicationData]);
+  const isPendingApproval = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION";
+  const columns = React.useMemo(() => {
+    const baseColumns = [{
+      Header: t("K No."),
+      accessor: "kno"
+    }, {
+      Header: t("Full Name"),
+      accessor: "fullName"
+    }, {
+      Header: t("Full Address"),
+      accessor: "fullAddress"
+    }, {
+      Header: t("Due Amount"),
+      accessor: "dueAmount"
+    }, {
+      Header: t("Total Amount"),
+      accessor: "totalAmount"
+    }];
+    if (isPendingApproval) {
+      baseColumns.push({
+        Header: t("Remarks"),
+        accessor: "remarks",
+        Cell: _ref2 => {
+          let row = _ref2.row,
+            value = _ref2.value;
+          return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+            style: {
+              marginBottom: "0px",
+              minWidth: "150px"
+            },
+            value: value || "",
+            onChange: e => handleRemarkChange(row.index, e.target.value)
+          });
+        }
+      });
+    }
+    return baseColumns;
+  }, [t, handleRemarkChange, isPendingApproval]);
+  React.useEffect(() => {
+    if (applicationData !== null && applicationData !== void 0 && applicationData.dueVerification && Array.isArray(applicationData.dueVerification)) {
       setTableData(applicationData.dueVerification);
-      sessionStorage.setItem("Digit.DUE_VERIFICATION_DATA", JSON.stringify(applicationData.dueVerification));
     }
   }, [applicationData]);
   const handleAdd = () => {
@@ -26239,12 +26278,16 @@ const DueVerification = _ref => {
         fullName: "John Doe",
         fullAddress: "123 Main St, New Delhi, Delhi 110001",
         dueAmount: "1500",
-        totalAmount: "1500"
+        totalAmount: "1500",
+        remarks: remarks
       };
       const newTableData = [...tableData, mockData];
       setTableData(newTableData);
-      sessionStorage.setItem("Digit.DUE_VERIFICATION_DATA", JSON.stringify(newTableData));
+      if (applicationData) {
+        applicationData.dueVerification = newTableData;
+      }
       setKno("");
+      setRemarks("");
     }
   };
   return /*#__PURE__*/React__default.createElement("div", {
@@ -26326,7 +26369,8 @@ const DueVerification = _ref => {
   })));
 };
 
-const InspectionInformation = () => {
+const InspectionInformation = _ref => {
+  let applicationData = _ref.applicationData;
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   const _useState = React.useState(null),
@@ -26338,9 +26382,37 @@ const InspectionInformation = () => {
   const _useState3 = React.useState(""),
     inspectorName = _useState3[0],
     setInspectorName = _useState3[1];
+  React.useEffect(() => {
+    const savedData = sessionStorage.getItem("Digit.INSPECTION_INFORMATION_DATA");
+    if (savedData) {
+      try {
+        const parsed = JSON.parse(savedData);
+        setInspectionType(parsed.inspectionType || null);
+        setInspectionDate(parsed.inspectionDate || "");
+        setInspectorName(parsed.inspectorName || "");
+      } catch (e) {
+        console.error("Error parsing inspection information data", e);
+      }
+    } else if (applicationData !== null && applicationData !== void 0 && applicationData.inspectionInformation) {
+      setInspectionType(applicationData.inspectionInformation.inspectionType || null);
+      setInspectionDate(applicationData.inspectionInformation.inspectionDate || "");
+      setInspectorName(applicationData.inspectionInformation.inspectorName || "");
+      sessionStorage.setItem("Digit.INSPECTION_INFORMATION_DATA", JSON.stringify(applicationData.inspectionInformation));
+    }
+  }, [applicationData]);
+  React.useEffect(() => {
+    sessionStorage.setItem("Digit.INSPECTION_INFORMATION_DATA", JSON.stringify({
+      inspectionType,
+      inspectionDate,
+      inspectorName
+    }));
+  }, [inspectionType, inspectionDate, inspectorName]);
   const inspectionTypeOptions = [{
-    name: "Select",
+    i18nKey: "ES_COMMON_SELECT",
     code: ""
+  }, {
+    i18nKey: "New Connection Visit",
+    code: "new_connection_visit"
   }];
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -26376,7 +26448,7 @@ const InspectionInformation = () => {
     }
   }, "*")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
     option: inspectionTypeOptions,
-    optionKey: "name",
+    optionKey: "i18nKey",
     id: "inspectionType",
     selected: inspectionType,
     select: setInspectionType,
@@ -28051,35 +28123,18 @@ const TPCard = () => {
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.EmployeeModuleCard, propsForModuleCard);
 };
 
-const Close$g = () => /*#__PURE__*/React__default.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "#FFFFFF"
-}, /*#__PURE__*/React__default.createElement("path", {
-  d: "M0 0h24v24H0V0z",
-  fill: "none"
-}), /*#__PURE__*/React__default.createElement("path", {
-  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-}));
-const CloseBtn$g = _ref => {
-  let onClick = _ref.onClick;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-bg-secondary",
-    onClick: onClick
-  }, /*#__PURE__*/React__default.createElement(Close$g, null));
-};
 const Heading$d = props => {
   return /*#__PURE__*/React__default.createElement("h1", {
     className: "heading-m"
   }, props.t("SERVICE_TYPE"));
 };
-const ServiceTypes = _ref2 => {
+const ServiceTypes = _ref => {
   var _formData$serviceType;
-  let t = _ref2.t,
-    config = _ref2.config,
-    onSelect = _ref2.onSelect,
-    userType = _ref2.userType,
-    formData = _ref2.formData;
+  let t = _ref.t,
+    config = _ref.config,
+    onSelect = _ref.onSelect,
+    userType = _ref.userType,
+    formData = _ref.formData;
   const tenantId = Digit.ULBService.getStateId();
   const _Digit$Hooks$useCusto = Digit.Hooks.useCustomMDMS(tenantId, "request-service", [{
       name: "ServiceType"
@@ -28091,7 +28146,6 @@ const ServiceTypes = _ref2 => {
       }
     }),
     serviceTypeData = _Digit$Hooks$useCusto.data;
-  const user = Digit.UserService.getUser().info;
   const _useState = React.useState((formData === null || formData === void 0 ? void 0 : (_formData$serviceType = formData.serviceType) === null || _formData$serviceType === void 0 ? void 0 : _formData$serviceType.serviceType) || ""),
     serviceType = _useState[0],
     setServiceType = _useState[1];
@@ -28104,7 +28158,6 @@ const ServiceTypes = _ref2 => {
   }, [formData.serviceType, serviceType, onSelect, config.key]);
   React.useEffect(() => {
     if (userType === "citizen") {
-      console.log('calling meeeeeee');
       goNext();
     }
   }, [serviceType, userType, goNext]);
@@ -28112,32 +28165,20 @@ const ServiceTypes = _ref2 => {
     headerBarMain: /*#__PURE__*/React__default.createElement(Heading$d, {
       t: t
     }),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$g, {
+    headerBarEnd: /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, {
+      className: "icon-bg-secondary",
+      fill: "#fff",
       onClick: () => window.history.back()
     }),
-    popupStyles: {
-      backgroundColor: "#fff",
-      position: 'relative',
-      maxHeight: '50vh',
-      width: '50%',
-      overflowY: 'visible'
-    },
-    popupModuleMianStyles: {
-      padding: "10px"
-    },
     hideSubmit: true,
-    headerBarMainStyle: {
-      position: "sticky",
-      top: 0,
-      backgroundColor: "#f5f5f5"
-    },
     formId: "modal-action"
   }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormStep, {
     config: config,
     onSelect: goNext,
     t: t,
-    isDisabled: !serviceType
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("REQUEST_TYPE"), " ", /*#__PURE__*/React__default.createElement("span", {
+    isDisabled: !serviceType,
+    className: "grid-1 ws-search-form"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("REQUEST_TYPE"), " ", /*#__PURE__*/React__default.createElement("span", {
     className: "astericColor"
   }, "*")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
     className: "form-field",