{ return { style: {} } }}
+ />
+
+ ))}
+
+
+ )
+}
+
+export default SubOccupancyTable;
\ No newline at end of file
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/templates/ApplicationDetails/components/SubWorkTableDetails.js b/micro-ui/web/micro-ui-internals/packages/modules/templates/ApplicationDetails/components/SubWorkTableDetails.js
new file mode 100644
index 00000000000..08b89e68419
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/templates/ApplicationDetails/components/SubWorkTableDetails.js
@@ -0,0 +1,77 @@
+import { EditIcon } from '@egovernments/digit-ui-react-components';
+import React from 'react'
+import { useTranslation } from "react-i18next";
+import { useHistory } from 'react-router-dom';
+
+const SubWorkTableDetails = ({data}) => {
+ const { t } = useTranslation();
+ const history = useHistory();
+ const getStyles = (index) => {
+ let obj = {}
+ switch (index) {
+ case 1:
+ obj = { "width": "1vw" }
+ break;
+ case 2:
+ obj = { "width": "60vw" }
+ break;
+ case 3:
+ obj = { "width": "20vw" }
+ break;
+ case 4:
+ obj = { "width": "10vw" }
+ break;
+ default:
+ obj = { "width": "1vw" }
+ break;
+ }
+ return obj
+ }
+ const renderHeader = (headers) => {
+ return headers?.map((key, index) => {
+ return | {t(key)} |
+ })
+ }
+
+ const renderBody = (rows) => {
+ return rows?.map((row, index) => {
+ return
+ | {row[0]} |
+ { row[1] === t("WORKS_TOTAL_AMT") ? {row[1]} : {row[1]} } |
+ {row[1] === t("WORKS_TOTAL_AMT")
+ ? {row[2]} |
+ : {row[2]} | }
+ {row[3] &&
+ history.push(
+ {
+ pathname: `/digit-ui/employee/contracts/create-contract?estimateNumber=${data?.state?.estimateNumber}&task=${data?.state?.estimateDetails[index]?.name}&subEstimate=${data?.state?.estimateDetails[index]?.estimateDetailNumber}`,
+ state:{index, data}
+ }
+ )}>
+ {row[3]}
+
+ | }
+ {/* {showDelete() && removeRow(row)}>} | */}
+
+ })
+ }
+
+ return (
+
+
+ {renderHeader(data?.headers)}
+
+
+ {renderBody(data?.tableRows)}
+ {/*
+ |
+ |
+ |
+ |
+
*/}
+
+
+ )
+}
+
+export default SubWorkTableDetails
\ No newline at end of file
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/templates/ApplicationDetails/components/TLCaption.js b/micro-ui/web/micro-ui-internals/packages/modules/templates/ApplicationDetails/components/TLCaption.js
new file mode 100644
index 00000000000..e5fbcde20cd
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/templates/ApplicationDetails/components/TLCaption.js
@@ -0,0 +1,34 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { TelePhone, DisplayPhotos, UnMaskComponent } from "@egovernments/digit-ui-react-components";
+import Reason from "./Reason";
+
+const TLCaption = ({ data,OpenImage,privacy={}}) => {
+
+ const { t } = useTranslation();
+ return (
+
+ {data.date &&
{data.date}
}
+
{data.name}
+ {data.mobileNumber &&
+
+
+
+ }
+ {data.source &&
{t("ES_APPLICATION_DETAILS_APPLICATION_CHANNEL_" + data.source.toUpperCase())}
}
+ {data.comment &&
}
+ {data?.wfComment ?
{data?.wfComment?.map( e =>
+
+
{t("WF_COMMON_COMMENTS")}
+
{e}
+
+ )}
: null}
+ {data?.thumbnailsToShow?.thumbs?.length > 0 ?
+
{t("CS_COMMON_ATTACHMENTS")}
+ {OpenImage(src, index,data?.thumbnailsToShow)}} />
+ : null}
+
+
{`${t(unit?.title)} ${index + 1}`}
+
+
+
+ {unit?.values?.map((value, index) => {
+ if (value.map === true && value.value !== "N/A") {
+ return |
} />;
+ }
+ return (
+ |
+ );
+ })}
+
+
+
+
{`${t(unit?.title)} ${index + 1}`}
+
+
+
+ {unit?.values?.map((value, index) => {
+ if (value.map === true && value.value !== "N/A") {
+ return |
} />;
+ }
+ return (
+ |
+ );
+ })}
+
+
+
{props.label}
;
+ };
+
+ const Close = () => (
+
+ );
+
+ const CloseBtn = (props) => {
+ return (
+
+
+
+ );
+ };
+
+ const onPopupOpen = () => {
+ let breakupData = wsAdditionalDetails.additionalDetails.data || {};
+ const sessionBillData = sessionStorage.getItem("Digit.ADHOC_BILL_ADD_REBATE_DATA");
+ const sessionBillFormData = sessionBillData ? JSON.parse(sessionBillData) : {};
+ if (sessionBillFormData?.value?.totalAmount) breakupData = sessionBillFormData?.value;
+ setBreakUpData(breakupData);
+ showPopUp(true);
+ }
+
+ return (
+
+
+ {wsAdditionalDetails?.additionalDetails?.isViewBreakup ?
onPopupOpen()} style={{ marginTop: "12px" }}>
+ {t("WS_PAYMENT_VIEW_BREAKUP")}
+
: null
+ }
+ {popup &&
+
}
+ headerBarEnd={
{ showPopUp(false); }} />}
+ hideSubmit={true}
+ popupStyles={{ overflowY: "auto" }} //maxHeight: "calc(100% - 90px)"
+ headerBarMainStyle={{ marginBottom: "0px" }}
+ popupModuleMianStyles={{ paddingTop: "0px" }}
+ >
+ {
+ {t("WS_APPLICATION_FEE_HEADER")}
+ {breakUpData?.billSlabData?.FEE?.map(data => ₹{Number(data?.amount) || 0}} textStyle={{ textAlign: "right" }} />)}
+
+ ₹{Number(breakUpData?.fee) || 0}} textStyle={{ textAlign: "right", fontWeight: "700", fontSize: "24px" }} />
+ {t("WS_SERVICE_FEE_HEADER")}
+ {breakUpData?.billSlabData?.CHARGES?.map(data => ₹{Number(data?.amount) || 0}} textStyle={{ textAlign: "right" }} />)}
+
+ ₹{Number(breakUpData?.charge) || 0}} textStyle={{ textAlign: "right", fontWeight: "700", fontSize: "24px" }} />
+ {breakUpData?.billSlabData?.TAX?.map(data => ₹{Number(data?.amount) || 0}} textStyle={{ textAlign: "right" }} />)}
+
+ ₹{Number(breakUpData?.totalAmount) || 0}} textStyle={{ textAlign: "right", fontWeight: "700", fontSize: "24px" }} />
+
}
+ }
+
+ {oldValueData?.connectionType ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+
+ {oldValueData?.noOfWaterClosets ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+ {oldValueData?.noOfToilets ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+
+ {oldValueData?.connectionType && ( |
)}
+ {oldValueData?.noOfTaps && ( |
)}
+ {oldValueData?.waterSource && ( |
)}
+ {oldValueData?.pipeSize && ( |
)}
+ {oldValueData?.waterSource && ( |
)}
+
+ );
+ };
+
+ const renderSWPlumberDetails = () => {
+ return (
+
+ {oldValueData?.additionalDetails?.detailsProvidedBy !== wsAdditionalDetails?.additionalDetails?.plumberDetails[0]?.value &&
+ oldValueData?.additionalDetails?.detailsProvidedBy !== null ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+ {oldValueData?.plumberInfo ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+ {oldValueData?.plumberInfo ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+ {oldValueData?.plumberInfo ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+
+ {oldValueData?.additionalDetails?.detailsProvidedBy !== wsAdditionalDetails?.additionalDetails?.plumberDetails[0]?.value ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+
+ |
+ |
+
+ );
+ });
+ }
+ };
+
+ const renderSWActivationDetails = () => {
+ return (
+
+ {oldValueData?.connectionExecutionDate ? (
+
|
+ ) : (
+
{"NA"}
+ )}
+
+ {oldValueData?.meterId && ( |
)}
+ {oldValueData?.additionalDetails?.initialMeterReading && ( |
)}
+ {oldValueData?.meterInstallationDate && ( |
)}
+ {oldValueData?.connectionExecutionDate && ( |
)}
+
+ );
+ };
+
+ var { connectionDetails, plumberDetails, roadCuttingDetails, activationDetails } = wsAdditionalDetails?.additionalDetails || {connectionDetails:[], plumberDetails: []};
+
+ // binding old values with new values
+ if(isModify === "MODIFY"){
+
+ connectionDetails = connectionDetails?.map((value) => {
+ if(value.title == "WS_SERV_DETAIL_CONN_TYPE" && oldValueData?.connectionType) value["oldValue"] = [
+ { value:value?.value, className:"newValue", style:{ display:"inline"} },
+ {
+ value:`${t("WS_OLD_LABEL_NAME")} ${oldValueData?.connectionType}`,
+ className:"oldValue", style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}
+ }];
+ if(value.title == "WS_SERV_DETAIL_NO_OF_TAPS" && oldValueData?.noOfTaps) value["oldValue"] = [
+ {value:value?.value,className:"newValue", style:{ display:"inline"}},
+ {value:`${t("WS_OLD_LABEL_NAME")} ${oldValueData?.noOfTaps}`, style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"},className:"oldValue"}
+ ];
+ if(value.title == "WS_SERV_DETAIL_WATER_SOURCE" && oldValueData?.waterSource) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${t(oldValueData?.waterSource?.toUpperCase()?.split(".")[0])}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_PIPE_SIZE_IN_INCHES_LABEL" && oldValueData?.pipeSize) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.pipeSize}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_SERV_DETAIL_WATER_SUB_SOURCE" && oldValueData?.waterSource) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${t(oldValueData?.waterSource?.toUpperCase()?.split(".")[1])}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_NUMBER_WATER_CLOSETS_LABEL" && oldValueData?.noOfWaterClosets) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.noOfWaterClosets}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_SERV_DETAIL_NO_OF_TOILETS" && oldValueData?.noOfWaterClosets) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.noOfWaterClosets}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+
+ return value;
+ })
+
+ plumberDetails = plumberDetails?.map((value) => {
+ if(value.title == "WS_ADDN_DETAILS_PLUMBER_PROVIDED_BY" && oldValueData?.additionalDetails?.detailsProvidedBy && oldValueData?.additionalDetails?.detailsProvidedBy !== value.value ) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.additionalDetails?.detailsProvidedBy}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_ADDN_DETAILS_PLUMBER_LICENCE_NO_LABEL" && oldValueData?.plumberInfo[0]?.licenseNo ) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.plumberInfo[0]?.licenseNo}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_ADDN_DETAILS_PLUMBER_NAME_LABEL" && oldValueData?.plumberInfo[0]?.name ) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.plumberInfo[0]?.name}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_PLUMBER_MOBILE_NO_LABEL" && oldValueData?.plumberInfo[0]?.mobileNumber ) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.plumberInfo[0]?.mobileNumber}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ return value;
+ })
+
+ roadCuttingDetails = roadCuttingDetails?.map((roadDetail) => {
+ const roadDetailValues = roadDetail?.values?.map((value) => {
+ if(value.title == "WS_ADDN_DETAIL_ROAD_TYPE" && oldValueData?.roadCuttingInfo[0]?.roadType) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.roadCuttingInfo[0]?.roadType}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_ROAD_CUTTING_AREA_LABEL" && oldValueData?.roadCuttingInfo[0]?.roadCuttingArea) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.roadCuttingInfo[0]?.roadCuttingArea}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ return value;
+ })
+ return ({...roadDetail,values:roadDetailValues});
+ })
+
+ activationDetails = activationDetails?.map((value) => {
+ if(value.title == "WS_SERV_DETAIL_CONN_EXECUTION_DATE" && oldValueData?.connectionExecutionDate) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${convertEpochToDate(oldValueData?.connectionExecutionDate)}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+
+ if(value.title == "WS_SERV_DETAIL_METER_ID" && oldValueData?.meterId) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.meterId}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+
+ if(value.title == "WS_INITIAL_METER_READING_LABEL" && oldValueData?.initialMeterReading) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${oldValueData?.initialMeterReading}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+
+ if(value.title == "WS_INSTALLATION_DATE_LABEL" && oldValueData?.meterInstallationDate) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${convertEpochToDate(oldValueData?.meterInstallationDate)}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ if(value.title == "WS_SERV_DETAIL_CONN_EXECUTION_DATE" && oldValueData?.connectionExecutionDate) value["oldValue"] = [
+ {value:value?.value, className:"newValue", style:{ display:"inline"}},
+ {
+ value: `${t("WS_OLD_LABEL_NAME")} ${convertEpochToDate(oldValueData?.connectionExecutionDate)}`,
+ style:{color:'gray', paddingLeft:"10px", display:"inline", fontSize:"13px"}, className:"oldValue"
+ }
+ ];
+ return value;
+ })
+ };
+
+ return (
+
+
+ {wsAdditionalDetails?.additionalDetails?.connectionDetails && (
+
+ {t("WS_COMMON_CONNECTION_DETAIL")}
+
+
+ {connectionDetails?.map((value, index) => {
+ return (
+
+ |
+
+ );
+ })}
+
+
+ )}
+ {wsAdditionalDetails?.additionalDetails?.plumberDetails && (
+
+ {t("WS_COMMON_PLUMBER_DETAILS")}
+
+
+
+ {plumberDetails?.map((value, index) => {
+ return |
;
+ })}
+
+
+ )}
+ {wsAdditionalDetails?.additionalDetails?.roadCuttingDetails && (
+
+ {t("WS_ROAD_CUTTING_DETAILS")}
+
+
+ {roadCuttingDetails?.map((value) => {
+ return (
+
1
+ ? {
+ border: "1px solid #D6D5D4",
+ background: "#FAFAFA",
+ borderRadius: "4px",
+ padding: "10px 10px 0px 10px",
+ margin: "5px 0px",
+ }
+ : {}
+ }
+ >
+ {value?.values?.map((roadValue) => (
+ |
+ ))}
+
+ );
+ })}
+
+
+ )}
+ {wsAdditionalDetails?.additionalDetails?.activationDetails && (
+
+ {t("WS_ACTIVATION_DETAILS")}
+
+
+ {activationDetails?.map((value, index) => {
+ return (
+ |
+ );
+ })}
+
+
+ )}
+
{props.label}
;
+ };
+
+ const Close = () => (
+
+ );
+
+ const CloseBtn = (props) => {
+ return (
+
+
+
+ );
+ };
+
+ const closeToast = () => {
+ setShowToast(false);
+ };
+
+ const addAdhocRebatePenality = (e) => {
+ const adhocAmount = fields?.adhocPenalty ? Number(fields?.adhocPenalty) : 0;
+ const rebateAmount = fields?.adhocRebate ? Number(fields?.adhocRebate) : 0;
+ if (adhocAmount || rebateAmount) {
+
+ const totalAmount = wsAdditionalDetails?.additionalDetails?.data?.totalAmount;
+ const demandId = wsAdditionalDetails?.additionalDetails?.data?.billDetails?.[0]?.demandId;
+
+ if (rebateAmount > totalAmount) {
+ setShowToast({ isError: false, isWarning: true, key: "error", message: t("ERR_WS_REBATE_GREATER_THAN_AMOUNT") });
+ } else {
+ const applicationNo = wsAdditionalDetails?.additionalDetails?.appDetails?.applicationNo;
+ const tenantId = wsAdditionalDetails?.additionalDetails?.appDetails?.tenantId;
+ const appAdditionalDetails = { ...wsAdditionalDetails?.additionalDetails?.appDetails?.additionalDetails, ...fields }
+ wsAdditionalDetails.additionalDetails.appDetails.additionalDetails = appAdditionalDetails;
+
+ const data = {
+ CalculationCriteria:
+ wsAdditionalDetails?.additionalDetails?.appDetails?.service == "WATER"
+ ? [
+ {
+ applicationNo: applicationNo,
+ tenantId: tenantId,
+ waterConnection: wsAdditionalDetails.additionalDetails.appDetails,
+ },
+ ]
+ : [
+ {
+ applicationNo: applicationNo,
+ tenantId: tenantId,
+ sewerageConnection: wsAdditionalDetails.additionalDetails.appDetails,
+ },
+ ],
+ isconnectionCalculation: false,
+ };
+
+ let businessService = wsAdditionalDetails?.additionalDetails?.appDetails?.service == "WATER" ? "WS" : "SW";
+ Digit.WSService.wsCalculationEstimate(data, businessService)
+ .then((result, err) => {
+ if (result?.Calculation?.[0]?.taxHeadEstimates?.length > 0) {
+ result?.Calculation?.[0]?.taxHeadEstimates?.forEach(data => data.amount = data.estimateAmount);
+ }
+
+ result.Calculation[0].billSlabData = _.groupBy(result?.Calculation?.[0]?.taxHeadEstimates, 'category');
+ const values = [
+ { title: "WS_APPLICATION_FEE_HEADER", value: result.Calculation?.[0]?.fee },
+ { title: "WS_SERVICE_FEE_HEADER", value: result.Calculation?.[0]?.charge },
+ { title: "WS_TAX_HEADER", value: result.Calculation?.[0]?.taxAmount },
+ ];
+ setSessionBillFormData(cloneDeep(result.Calculation[0]));
+ setBillDetails(result?.Calculation?.[0]);
+ setValues(values);
+ fields.billDetails = result?.Calculation;
+ setSessionFormData(fields);
+ showPopUp(false);
+ })
+ .catch((e) => {
+ setShowToast({ isError: true, isWarning: false, key: "error", message: e?.response?.data?.Errors[0]?.message ? t(`${e?.response?.data?.Errors[0]?.code}`) : t("PT_COMMON_ADD_REBATE_PENALITY") });
+ });
+ }
+ } else {
+ setShowToast({ isError: false, isWarning: true, key: "warning", message: t("ERR_WS_ENTER_ATLEAST_ONE_FIELD") });
+ }
+ }
+
+ const selectedValuesData = (value, isDropDownValue = false, e) => {
+ let values = { ...fields };
+ if (isDropDownValue) {
+ values[`${value}_data`] = e;
+ values[value] = e.title;
+ if (e.title == "PT_OTHERS" && value == "adhocPenaltyReason") values[`adhocPenaltyComment`] = "";
+ if (e.title == "PT_OTHERS" && value == "adhocRebateReason") values[`adhocRebateComment`] = "";
+ } else {
+ values[value] = e.target.value;
+ }
+ setFields(values);
+ }
+
+ return (
+
+
+ {values &&
+
+
+ {values?.map((value, index) => {
+ return |
+ })}
+
+
+
+ |
+ |
+
+ }
+ {
+ wsAdditionalDetails?.additionalDetails?.isAdhocRebate ?
{
+ showPopUp(true)
+ }}
+ >
+ {t("WS_PAYMENT_ADD_REBATE_PENALTY")}
+
: null
+ }
+ {popup &&
+
}
+ headerBarEnd={
+
{
+ setFields(sessionFormData);
+ showPopUp(false);
+ }} />}
+ actionCancelLabel={t("PT_CANCEL")}
+ actionCancelOnSubmit={() => {
+ setFields(sessionFormData);
+ showPopUp(false);
+ }}
+ actionSaveLabel={t("PT_ADD")}
+ actionSaveOnSubmit={(e) => addAdhocRebatePenality(e)}
+ hideSubmit={false}
+ popupStyles={{ overflowY: "auto" }}
+ >
+ {
+
+
+ {t("PT_AD_PENALTY")}
+
+ {t("PT_TX_HEADS")}
+
+
+ selectedValuesData("adhocPenaltyReason", true, e)}
+ selected={fields?.adhocPenaltyReason_data || ""}
+ isPropertyAssess={true}
+ name={"adhocPenaltyReason_data"}
+ t={t}
+ />
+
+ {fields?.adhocPenaltyReason_data?.title === "PT_OTHERS" &&
+
{t("PT_REASON")}
+
+ selectedValuesData("adhocPenaltyComment", false, e)}
+ {...(validation = {
+ isRequired: true,
+ pattern: "^[a-zA-Z-.`' ]*$",
+ type: "text",
+ title: t("TL_NAME_ERROR_MESSAGE"),
+ })}
+ />
+
+
+ selectedValuesData("adhocPenalty", false, e)}
+ {...(validation = {
+ isRequired: true,
+ pattern: "^[1-9]+[0-9]*$",
+ title: t("ERR_DEFAULT_INPUT_FIELD_MSG"),
+ })}
+ />
+
+
+
+
+ {t("PT_AD_REBATE")}
+ {t("PT_TX_HEADS")}
+
+ selectedValuesData("adhocRebateReason", true, e)}
+ selected={fields?.adhocRebateReason_data || ""}
+ name={"adhocRebateReason_data"}
+ isPropertyAssess={true}
+ t={t}
+ />
+
+ {fields?.adhocRebateReason_data?.title === "PT_OTHERS" &&
+ {t("PT_REASON")}
+ selectedValuesData("adhocRebateComment", false, e)}
+ {...(validation = {
+ isRequired: true,
+ pattern: "^[a-zA-Z-.`' ]*$",
+ type: "text",
+ title: t("TL_NAME_ERROR_MESSAGE"),
+ })}
+ />
+
}
+ {t("PT_HEAD_AMT")}
+
+ selectedValuesData("adhocRebate", false, e)}
+ {...(validation = {
+ isRequired: true,
+ pattern: "^[1-9]+[0-9]*$",
+ title: t("ERR_DEFAULT_INPUT_FIELD_MSG"),
+ })}
+ />
+
+
+
stateCode is not defined
;
+ }
+ return (
+
+ );
+}
+
+export default App;
diff --git a/micro-ui/web/src/ComponentRegistry.js b/micro-ui/web/src/ComponentRegistry.js
new file mode 100644
index 00000000000..9bafce3dc89
--- /dev/null
+++ b/micro-ui/web/src/ComponentRegistry.js
@@ -0,0 +1,11 @@
+class Registry {
+ constructor(registry = {}) {
+ this._registry = registry;
+ }
+
+ getComponent(id) {
+ return this._registry[id];
+ }
+}
+
+export default Registry;
diff --git a/micro-ui/web/src/Customisations/UICustomizations.js b/micro-ui/web/src/Customisations/UICustomizations.js
new file mode 100644
index 00000000000..6d17ab0d51b
--- /dev/null
+++ b/micro-ui/web/src/Customisations/UICustomizations.js
@@ -0,0 +1,428 @@
+import { Link } from "react-router-dom";
+import _ from "lodash";
+
+//create functions here based on module name set in mdms(eg->SearchProjectConfig)
+//how to call these -> Digit?.Customizations?.[masterName]?.[moduleName]
+// these functions will act as middlewares
+var Digit = window.Digit || {};
+
+
+
+const businessServiceMap = {
+
+ "muster roll": "MR"
+};
+
+const inboxModuleNameMap = {
+ "muster-roll-approval": "muster-roll-service",
+};
+
+export const UICustomizations = {
+ businessServiceMap,
+ updatePayload: (applicationDetails, data, action, businessService) => {
+
+ if (businessService === businessServiceMap.estimate) {
+ const workflow = {
+ comment: data.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ estimate: applicationDetails,
+ workflow,
+ };
+ }
+ if (businessService === businessServiceMap.contract) {
+ const workflow = {
+ comment: data?.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ contract: applicationDetails,
+ workflow,
+ };
+ }
+ if (businessService === businessServiceMap?.["muster roll"]) {
+ const workflow = {
+ comment: data?.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ return {
+ musterRoll: applicationDetails,
+ workflow,
+ };
+ }
+ if(businessService === businessServiceMap?.["works.purchase"]){
+ const workflow = {
+ comment: data.comments,
+ documents: data?.documents?.map((document) => {
+ return {
+ documentType: action?.action + " DOC",
+ fileName: document?.[1]?.file?.name,
+ fileStoreId: document?.[1]?.fileStoreId?.fileStoreId,
+ documentUid: document?.[1]?.fileStoreId?.fileStoreId,
+ tenantId: document?.[1]?.fileStoreId?.tenantId,
+ };
+ }),
+ assignees: data?.assignees?.uuid ? [data?.assignees?.uuid] : null,
+ action: action.action,
+ };
+ //filtering out the data
+ Object.keys(workflow).forEach((key, index) => {
+ if (!workflow[key] || workflow[key]?.length === 0) delete workflow[key];
+ });
+
+ const additionalFieldsToSet = {
+ projectId:applicationDetails.additionalDetails.projectId,
+ invoiceDate:applicationDetails.billDate,
+ invoiceNumber:applicationDetails.referenceId.split('_')?.[1],
+ contractNumber:applicationDetails.referenceId.split('_')?.[0],
+ documents:applicationDetails.additionalDetails.documents
+ }
+ return {
+ bill: {...applicationDetails,...additionalFieldsToSet},
+ workflow,
+ };
+ }
+ },
+ enableModalSubmit:(businessService,action,setModalSubmit,data)=>{
+ if(businessService === businessServiceMap?.["muster roll"] && action.action==="APPROVE"){
+ setModalSubmit(data?.acceptTerms)
+ }
+ },
+ enableHrmsSearch: (businessService, action) => {
+ if (businessService === businessServiceMap.estimate) {
+ return action.action.includes("TECHNICALSANCTION") || action.action.includes("VERIFYANDFORWARD");
+ }
+ if (businessService === businessServiceMap.contract) {
+ return action.action.includes("VERIFY_AND_FORWARD");
+ }
+ if (businessService === businessServiceMap?.["muster roll"]) {
+ return action.action.includes("VERIFY");
+ }
+ if(businessService === businessServiceMap?.["works.purchase"]){
+ return action.action.includes("VERIFY_AND_FORWARD")
+ }
+ return false;
+ },
+ getBusinessService: (moduleCode) => {
+ if (moduleCode?.includes("estimate")) {
+ return businessServiceMap?.estimate;
+ } else if (moduleCode?.includes("contract")) {
+ return businessServiceMap?.contract;
+ } else if (moduleCode?.includes("muster roll")) {
+ return businessServiceMap?.["muster roll"];
+ }
+ else if (moduleCode?.includes("works.purchase")) {
+ return businessServiceMap?.["works.purchase"];
+ }
+ else if (moduleCode?.includes("works.wages")) {
+ return businessServiceMap?.["works.wages"];
+ }
+ else if (moduleCode?.includes("works.supervision")) {
+ return businessServiceMap?.["works.supervision"];
+ }
+ else {
+ return businessServiceMap;
+ }
+ },
+ getInboxModuleName: (moduleCode) => {
+ if (moduleCode?.includes("estimate")) {
+ return inboxModuleNameMap?.estimate;
+ } else if (moduleCode?.includes("contract")) {
+ return inboxModuleNameMap?.contracts;
+ } else if (moduleCode?.includes("attendence")) {
+ return inboxModuleNameMap?.attendencemgmt;
+ } else {
+ return inboxModuleNameMap;
+ }
+ },
+
+ AttendanceInboxConfig: {
+ preProcess: (data) => {
+
+ //set tenantId
+ data.body.inbox.tenantId = Digit.ULBService.getCurrentTenantId();
+ data.body.inbox.processSearchCriteria.tenantId = Digit.ULBService.getCurrentTenantId();
+
+ const musterRollNumber = data?.body?.inbox?.moduleSearchCriteria?.musterRollNumber?.trim();
+ if(musterRollNumber) data.body.inbox.moduleSearchCriteria.musterRollNumber = musterRollNumber
+
+ const attendanceRegisterName = data?.body?.inbox?.moduleSearchCriteria?.attendanceRegisterName?.trim();
+ if(attendanceRegisterName) data.body.inbox.moduleSearchCriteria.attendanceRegisterName = attendanceRegisterName
+
+ // deleting them for now(assignee-> need clarity from pintu,ward-> static for now,not implemented BE side)
+ const assignee = _.clone(data.body.inbox.moduleSearchCriteria.assignee);
+ delete data.body.inbox.moduleSearchCriteria.assignee;
+ if (assignee?.code === "ASSIGNED_TO_ME") {
+ data.body.inbox.moduleSearchCriteria.assignee = Digit.UserService.getUser().info.uuid;
+ }
+
+ //cloning locality and workflow states to format them
+ // let locality = _.clone(data.body.inbox.moduleSearchCriteria.locality ? data.body.inbox.moduleSearchCriteria.locality : []);
+
+ let selectedOrg = _.clone(data.body.inbox.moduleSearchCriteria.orgId ? data.body.inbox.moduleSearchCriteria.orgId : null);
+ delete data.body.inbox.moduleSearchCriteria.orgId;
+ if(selectedOrg) {
+ data.body.inbox.moduleSearchCriteria.orgId = selectedOrg?.[0]?.applicationNumber;
+ }
+
+ // let selectedWard = _.clone(data.body.inbox.moduleSearchCriteria.ward ? data.body.inbox.moduleSearchCriteria.ward : null);
+ // delete data.body.inbox.moduleSearchCriteria.ward;
+ // if(selectedWard) {
+ // data.body.inbox.moduleSearchCriteria.ward = selectedWard?.[0]?.code;
+ // }
+
+ let states = _.clone(data.body.inbox.moduleSearchCriteria.state ? data.body.inbox.moduleSearchCriteria.state : []);
+ let ward = _.clone(data.body.inbox.moduleSearchCriteria.ward ? data.body.inbox.moduleSearchCriteria.ward : []);
+ // delete data.body.inbox.moduleSearchCriteria.locality;
+ delete data.body.inbox.moduleSearchCriteria.state;
+ delete data.body.inbox.moduleSearchCriteria.ward;
+
+ // locality = locality?.map((row) => row?.code);
+ states = Object.keys(states)?.filter((key) => states[key]);
+ ward = ward?.map((row) => row?.code);
+
+
+ // //adding formatted data to these keys
+ // if (locality.length > 0) data.body.inbox.moduleSearchCriteria.locality = locality;
+ if (states.length > 0) data.body.inbox.moduleSearchCriteria.status = states;
+ if (ward.length > 0) data.body.inbox.moduleSearchCriteria.ward = ward;
+ const projectType = _.clone(data.body.inbox.moduleSearchCriteria.projectType ? data.body.inbox.moduleSearchCriteria.projectType : {});
+ if (projectType?.code) data.body.inbox.moduleSearchCriteria.projectType = projectType.code;
+
+ //adding tenantId to moduleSearchCriteria
+ data.body.inbox.moduleSearchCriteria.tenantId = Digit.ULBService.getCurrentTenantId();
+
+ //setting limit and offset becoz somehow they are not getting set in muster inbox
+ data.body.inbox .limit = data.state.tableForm.limit
+ data.body.inbox.offset = data.state.tableForm.offset
+ delete data.state
+ return data;
+ },
+ postProcess: (responseArray, uiConfig) => {
+ const statusOptions = responseArray?.statusMap
+ ?.filter((item) => item.applicationstatus)
+ ?.map((item) => ({ code: item.applicationstatus, i18nKey: `COMMON_MASTERS_${item.applicationstatus}` }));
+ if (uiConfig?.type === "filter") {
+ let fieldConfig = uiConfig?.fields?.filter((item) => item.type === "dropdown" && item.populators.name === "musterRollStatus");
+ if (fieldConfig.length) {
+ fieldConfig[0].populators.options = statusOptions;
+ }
+ }
+ },
+ additionalCustomizations: (row, key, column, value, t, searchResult) => {
+ if (key === "ATM_MUSTER_ROLL_ID") {
+ return (
+
+
+ {String(value ? (column.translate ? t(column.prefix ? `${column.prefix}${value}` : value) : value) : t("ES_COMMON_NA"))}
+
+
+ );
+ }
+ if (key === "ATM_ATTENDANCE_WEEK") {
+ const week = `${Digit.DateUtils.ConvertTimestampToDate(value?.startDate, "dd/MM/yyyy")}-${Digit.DateUtils.ConvertTimestampToDate(
+ value?.endDate,
+ "dd/MM/yyyy"
+ )}`;
+ return {week}
;
+ }
+ if (key === "ATM_NO_OF_INDIVIDUALS") {
+ return {value?.length}
;
+ }
+ if(key === "ATM_AMOUNT_IN_RS"){
+ return {value ? Digit.Utils.dss.formatterWithoutRound(value, "number") : t("ES_COMMON_NA")};
+ }
+ if (key === "ATM_SLA") {
+ return parseInt(value) > 0 ? (
+ {t(value) || ""}
+ ) : (
+ {t(value) || ""}
+ );
+ }
+ if (key === "COMMON_WORKFLOW_STATES") {
+ return {t(`WF_MUSTOR_${value}`)}
+ }
+ //added this in case we change the key and not updated here , it'll throw that nothing was returned from cell error if that case is not handled here. To prevent that error putting this default
+ return {t(`CASE_NOT_HANDLED`)}
+ },
+ MobileDetailsOnClick: (row, tenantId) => {
+ let link;
+ Object.keys(row).map((key) => {
+ if (key === "ATM_MUSTER_ROLL_ID")
+ link = `/${window.contextPath}/employee/attendencemgmt/view-attendance?tenantId=${tenantId}&musterRollNumber=${row[key]}`;
+ });
+ return link;
+ },
+ populateReqCriteria: () => {
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ return {
+ url: "/org-services/organisation/v1/_search",
+ params: { limit: 50, offset: 0 },
+ body: {
+ SearchCriteria: {
+ tenantId: tenantId,
+ functions : {
+ type : "CBO"
+ }
+ },
+ },
+ config: {
+ enabled: true,
+ select: (data) => {
+ return data?.organisations;
+ },
+ },
+ };
+ },
+ },
+ SearchWageSeekerConfig: {
+ customValidationCheck: (data) => {
+ //checking both to and from date are present
+ const { createdFrom, createdTo } = data;
+ if ((createdFrom === "" && createdTo !== "") || (createdFrom !== "" && createdTo === ""))
+ return { warning: true, label: "ES_COMMON_ENTER_DATE_RANGE" };
+
+ return false;
+ },
+ preProcess: (data) => {
+ data.params = { ...data.params, tenantId: Digit.ULBService.getCurrentTenantId() };
+
+ let requestBody = { ...data.body.Individual };
+ const pathConfig = {
+ name: "name.givenName",
+ };
+ const dateConfig = {
+ createdFrom: "daystart",
+ createdTo: "dayend",
+ };
+ const selectConfig = {
+ wardCode: "wardCode[0].code",
+ socialCategory: "socialCategory.code",
+ };
+ const textConfig = ["name", "individualId"]
+ let Individual = Object.keys(requestBody)
+ .map((key) => {
+ if (selectConfig[key]) {
+ requestBody[key] = _.get(requestBody, selectConfig[key], null);
+ } else if (typeof requestBody[key] == "object") {
+ requestBody[key] = requestBody[key]?.code;
+ } else if (textConfig?.includes(key)) {
+ requestBody[key] = requestBody[key]?.trim()
+ }
+ return key;
+ })
+ .filter((key) => requestBody[key])
+ .reduce((acc, curr) => {
+ if (pathConfig[curr]) {
+ _.set(acc, pathConfig[curr], requestBody[curr]);
+ } else if (dateConfig[curr] && dateConfig[curr]?.includes("day")) {
+ _.set(acc, curr, Digit.Utils.date.convertDateToEpoch(requestBody[curr], dateConfig[curr]));
+ } else {
+ _.set(acc, curr, requestBody[curr]);
+ }
+ return acc;
+ }, {});
+
+ data.body.Individual = { ...Individual };
+ return data;
+ },
+ additionalCustomizations: (row, key, column, value, t, searchResult) => {
+ //here we can add multiple conditions
+ //like if a cell is link then we return link
+ //first we can identify which column it belongs to then we can return relevant result
+ switch (key) {
+ case "MASTERS_WAGESEEKER_ID":
+ return (
+
+
+ {String(value ? (column.translate ? t(column.prefix ? `${column.prefix}${value}` : value) : value) : t("ES_COMMON_NA"))}
+
+
+ );
+
+ case "MASTERS_SOCIAL_CATEGORY":
+ return value ? {String(t(`MASTERS_${value}`))} : t("ES_COMMON_NA");
+
+ case "CORE_COMMON_PROFILE_CITY":
+ return value ? {String(t(Digit.Utils.locale.getCityLocale(value)))} : t("ES_COMMON_NA");
+
+ case "MASTERS_WARD":
+ return value ? (
+ {String(t(Digit.Utils.locale.getMohallaLocale(value, row?.tenantId)))}
+ ) : (
+ t("ES_COMMON_NA")
+ );
+
+ case "MASTERS_LOCALITY":
+ return value ? (
+ {String(t(Digit.Utils.locale.getMohallaLocale(value, row?.tenantId)))}
+ ) : (
+ t("ES_COMMON_NA")
+ );
+ default:
+ return t("ES_COMMON_NA");
+ }
+ },
+ MobileDetailsOnClick: (row, tenantId) => {
+ let link;
+ Object.keys(row).map((key) => {
+ if (key === "MASTERS_WAGESEEKER_ID")
+ link = `/${window.contextPath}/employee/masters/view-wageseeker?tenantId=${tenantId}&wageseekerId=${row[key]}`;
+ });
+ return link;
+ },
+ additionalValidations: (type, data, keys) => {
+ if (type === "date") {
+ return data[keys.start] && data[keys.end] ? () => new Date(data[keys.start]).getTime() <= new Date(data[keys.end]).getTime() : true;
+ }
+ }
+ },
+};
diff --git a/micro-ui/web/src/Customisations/index.js b/micro-ui/web/src/Customisations/index.js
new file mode 100644
index 00000000000..803b1e8763e
--- /dev/null
+++ b/micro-ui/web/src/Customisations/index.js
@@ -0,0 +1,19 @@
+import { ptComponents } from "./pt";
+import { tlComponents } from "./tl";
+
+var Digit = window.Digit || {};
+
+const customisedComponent = {
+ ...ptComponents,
+ ...tlComponents
+}
+
+
+
+export const initCustomisationComponents = () => {
+ Object.entries(customisedComponent).forEach(([key, value]) => {
+ Digit.ComponentRegistryService.setComponent(key, value);
+ });
+};
+
+
diff --git a/micro-ui/web/src/Customisations/pt/index.js b/micro-ui/web/src/Customisations/pt/index.js
new file mode 100644
index 00000000000..0063fcd4774
--- /dev/null
+++ b/micro-ui/web/src/Customisations/pt/index.js
@@ -0,0 +1,13 @@
+import PropertyUsageType from "./pageComponents/PropertyUsageType";
+import PTVasikaDetails from "./pageComponents/PTVasikaDetails";
+import PTAllotmentDetails from "./pageComponents/PTAllotmentDetails";
+import PTBusinessDetails from "./pageComponents/PTBusinessDetails";
+
+
+
+export const ptComponents = {
+ PropertyUsageType: PropertyUsageType,
+ PTVasikaDetail:PTVasikaDetails,
+ PTAllotmentDetails:PTAllotmentDetails,
+ PTBusinessDetails:PTBusinessDetails
+};
diff --git a/micro-ui/web/src/Customisations/pt/pageComponents/PTAllotmentDetails.js b/micro-ui/web/src/Customisations/pt/pageComponents/PTAllotmentDetails.js
new file mode 100644
index 00000000000..569aa45e409
--- /dev/null
+++ b/micro-ui/web/src/Customisations/pt/pageComponents/PTAllotmentDetails.js
@@ -0,0 +1,64 @@
+import { CardLabel, CitizenInfoLabel, FormStep, LabelFieldPair, TextInput,CardLabelError } from "@egovernments/digit-ui-react-components";
+import React, { useState } from "react";
+var validation ={};
+const PTAllotmentDetails = ({ t, config, onSelect, value, userType, formData }) => {
+
+ const [
+ val, setValue
+ ] = useState(formData?.[config.key]?.alotmentDetails||"");
+
+ const goNext = () => {
+ onSelect(config.key, {alotmentDetails:val});
+ };
+
+
+ if (userType === "employee") {
+ return (
+
+
+ {t("PT_VASIKA_NO_LABEL") }
+
+ setValue(e?.target?.value)}
+ // autoFocus={presentInModifyApplication}
+ />
+
+
+
+ );
+ }
+ return (
+
+
+
+ {`${t("PT_VASIKA_ALLOTMENT_LABEL")}`}
+ setValue(e?.target?.value)}
+
+ />
+
+
+ {}
+
+ );
+};
+
+export default PTAllotmentDetails;
diff --git a/micro-ui/web/src/Customisations/pt/pageComponents/PTBusinessDetails.js b/micro-ui/web/src/Customisations/pt/pageComponents/PTBusinessDetails.js
new file mode 100644
index 00000000000..3d28785e7e5
--- /dev/null
+++ b/micro-ui/web/src/Customisations/pt/pageComponents/PTBusinessDetails.js
@@ -0,0 +1,68 @@
+import { CardLabel, CitizenInfoLabel, FormStep, LabelFieldPair, TextInput,CardLabelError } from "@egovernments/digit-ui-react-components";
+import React, { useState } from "react";
+var validation ={};
+const PTBusinessDetails = ({ t, config, onSelect, value, userType, formData }) => {
+
+
+ const [
+ val, setValue
+ ] = useState(formData?.[config.key]?.businessDetails||"");
+
+ const goNext = () => {
+ onSelect(config.key, {businessDetails:val});
+ };
+
+
+ if (userType === "employee") {
+ return (
+
+
+ {t("PT_VASIKA_NO_LABEL") }
+
+ setValue(e?.target?.value)}
+ // autoFocus={presentInModifyApplication}
+ />
+
+
+
+
+ );
+ }
+ return (
+
+
+
+
+ {`${t("PT_VASIKA_BUS_DETAILS_LABEL")}`}
+ setValue(e?.target?.value)}
+
+ />
+
+
+
+ {}
+
+ );
+};
+
+export default PTBusinessDetails;
diff --git a/micro-ui/web/src/Customisations/pt/pageComponents/PTVasikaDetails.js b/micro-ui/web/src/Customisations/pt/pageComponents/PTVasikaDetails.js
new file mode 100644
index 00000000000..0e4b6895745
--- /dev/null
+++ b/micro-ui/web/src/Customisations/pt/pageComponents/PTVasikaDetails.js
@@ -0,0 +1,79 @@
+import { CardLabel, CitizenInfoLabel, FormStep, LabelFieldPair, TextInput,CardLabelError } from "@egovernments/digit-ui-react-components";
+import React, { useState } from "react";
+var validation ={};
+const PTVasikaDetails = ({ t, config, onSelect, value, userType, formData }) => {
+
+
+ const [
+ val, setValue
+ ] = useState(formData?.[config.key]?.vasikaNo||"");
+ const [
+ other, setOther
+ ] = useState(formData?.[config.key]?.vasikaArea||"");
+ const goNext = () => {
+ onSelect(config.key, {vasikaNo:val,vasikaArea:other});
+ };
+
+
+ if (userType === "employee") {
+ return (
+
+
+ {t("PT_VASIKA_NO_LABEL") }
+
+ setValue(e?.target?.value)}
+ // autoFocus={presentInModifyApplication}
+ />
+
+
+
+
+ );
+ }
+ return (
+
+
+
+
+ {`${t("PT_VASIKA_NO_LABEL")}`}
+ setValue(e?.target?.value)}
+
+ />
+
+ {`${t("PT_VASIKA_AREA_LABEL")}`}
+ setOther(e?.target?.value)}
+ />
+
+ {}
+
+ );
+};
+
+export default PTVasikaDetails;
diff --git a/micro-ui/web/src/Customisations/pt/pageComponents/PropertyUsageType.js b/micro-ui/web/src/Customisations/pt/pageComponents/PropertyUsageType.js
new file mode 100644
index 00000000000..deade4fc2ad
--- /dev/null
+++ b/micro-ui/web/src/Customisations/pt/pageComponents/PropertyUsageType.js
@@ -0,0 +1,134 @@
+import {
+ CardLabel, CardLabelError, CitizenInfoLabel, Dropdown, FormStep, LabelFieldPair, RadioButtons
+} from "@egovernments/digit-ui-react-components";
+import React, { useEffect, useState } from "react";
+import { useLocation } from "react-router-dom";
+
+var Digit = window.Digit || {};
+
+const PropertyUsageType = ({ t, config, onSelect, userType, formData, formState, setError, clearErrors, onBlur }) => {
+ const [usageCategoryMajor, setPropertyPurpose] = useState(
+ formData?.usageCategoryMajor && formData?.usageCategoryMajor?.code === "NONRESIDENTIAL.OTHERS"
+ ? { code: `${formData?.usageCategoryMajor?.code}`, i18nKey: `PROPERTYTAX_BILLING_SLAB_OTHERS` }
+ : formData?.usageCategoryMajor
+ );
+
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const stateId = tenantId.split(".")[0];
+ const { data: Menu = { }, isLoading: menuLoading } = Digit.Hooks.pt.usePropertyMDMS(stateId, "PropertyTax", "UsageCategory") || { };
+ let usagecat = [];
+ usagecat = Menu?.PropertyTax?.UsageCategory || [];
+ let i;
+ let menu = [];
+
+ const { pathname } = useLocation();
+ const presentInModifyApplication = pathname.includes("modify");
+
+ function usageCategoryMajorMenu(usagecat) {
+ if (userType === "employee") {
+ const catMenu = usagecat
+ ?.filter((e) => e?.code.split(".").length <= 2 && e.code !== "NONRESIDENTIAL")
+ ?.map((item) => {
+ const arr = item?.code.split(".");
+ if (arr.length == 2) return { i18nKey: "PROPERTYTAX_BILLING_SLAB_" + arr[1], code: item?.code };
+ else return { i18nKey: "PROPERTYTAX_BILLING_SLAB_" + item?.code, code: item?.code };
+ });
+ return catMenu;
+ } else {
+ for (i = 0; i < 10; i++) {
+ if (
+ Array.isArray(usagecat) &&
+ usagecat.length > 0 &&
+ usagecat[i].code.split(".")[0] == "NONRESIDENTIAL" &&
+ usagecat[i].code.split(".").length == 2
+ ) {
+ menu.push({ i18nKey: "PROPERTYTAX_BILLING_SLAB_" + usagecat[i].code.split(".")[1], code: usagecat[i].code });
+ }
+ }
+ return menu;
+ }
+ }
+
+ useEffect(() => {
+ if (!menuLoading && presentInModifyApplication && userType === "employee") {
+ const original = formData?.originalData?.usageCategory;
+ const selectedOption = usageCategoryMajorMenu(usagecat).filter((e) => e.code === original)[0];
+ setPropertyPurpose(selectedOption);
+ }
+ }, [menuLoading]);
+
+ const onSkip = () => onSelect();
+
+
+ function selectPropertyPurpose(value) {
+ setPropertyPurpose(value);
+ }
+
+ function goNext() {
+ if (usageCategoryMajor?.i18nKey === "PROPERTYTAX_BILLING_SLAB_OTHERS") {
+ usageCategoryMajor.i18nKey = "PROPERTYTAX_BILLING_SLAB_NONRESIDENTIAL";
+ onSelect(config.key, usageCategoryMajor);
+ } else {
+ onSelect(config.key, usageCategoryMajor);
+ }
+ }
+
+ useEffect(() => {
+ if (userType === "employee") {
+ if (!usageCategoryMajor) {
+ setError(config.key, { type: "required", message: t(`CORE_COMMON_REQUIRED_ERRMSG`) });
+ } else {
+ clearErrors(config.key);
+ }
+ goNext();
+ }
+ }, [usageCategoryMajor]);
+
+ if (userType === "employee") {
+ return (
+
+
+ {t("PT_ASSESMENT_INFO_USAGE_TYPE") + " *"}
+ {
+ selectPropertyPurpose(e);
+ }}
+ optionKey="i18nKey"
+ onBlur={onBlur}
+ t={t}
+ />
+
+ {formState.touched[config.key] ? (
+
+ {formState.errors?.[config.key]?.message}
+
+ ) : null}
+
+ );
+ }
+
+ return (
+
+
+
+
+
+
+ {}
+
+ );
+};
+
+export default PropertyUsageType;
diff --git a/micro-ui/web/src/Customisations/tl/TLCustomisation.js b/micro-ui/web/src/Customisations/tl/TLCustomisation.js
new file mode 100644
index 00000000000..642acc52090
--- /dev/null
+++ b/micro-ui/web/src/Customisations/tl/TLCustomisation.js
@@ -0,0 +1,5 @@
+export const TLCustomisations = {
+ customiseCreateFormData: (formData, licenceObject) => licenceObject,
+ customiseRenewalCreateFormData: (formData, licenceObject) => licenceObject,
+ customiseSendbackFormData: (formData, licenceObject) => licenceObject
+}
\ No newline at end of file
diff --git a/micro-ui/web/src/Customisations/tl/index.js b/micro-ui/web/src/Customisations/tl/index.js
new file mode 100644
index 00000000000..fe2ae4f4e6a
--- /dev/null
+++ b/micro-ui/web/src/Customisations/tl/index.js
@@ -0,0 +1,7 @@
+import TLUsageType from "./pageComponents/PropertyUsageType";
+
+
+
+export const tlComponents = {
+ TLPropertyUsageType: TLUsageType,
+};
diff --git a/micro-ui/web/src/Customisations/tl/pageComponents/PropertyUsageType.js b/micro-ui/web/src/Customisations/tl/pageComponents/PropertyUsageType.js
new file mode 100644
index 00000000000..5520a66fc5a
--- /dev/null
+++ b/micro-ui/web/src/Customisations/tl/pageComponents/PropertyUsageType.js
@@ -0,0 +1,136 @@
+import {
+ CardLabel, CardLabelError, CitizenInfoLabel, Dropdown, FormStep, LabelFieldPair, RadioButtons
+} from "@egovernments/digit-ui-react-components";
+import React, { useEffect, useState } from "react";
+import { useLocation } from "react-router-dom";
+
+var Digit = window.Digit || {};
+
+const TLUsageType = ({ t, config, onSelect, userType, formData, formState, setError, clearErrors, onBlur }) => {
+ const [usageCategoryMajor, setPropertyPurpose] = useState(
+ formData?.usageCategoryMajor && formData?.usageCategoryMajor?.code === "NONRESIDENTIAL.OTHERS"
+ ? { code: `${formData?.usageCategoryMajor?.code}`, i18nKey: `PROPERTYTAX_BILLING_SLAB_OTHERS` }
+ : formData?.usageCategoryMajor
+ );
+
+ const tenantId = Digit.ULBService.getCurrentTenantId();
+ const stateId = tenantId.split(".")[0];
+ const { data: Menu = { }, isLoading: menuLoading } = Digit.Hooks.pt.usePropertyMDMS(stateId, "PropertyTax", "UsageCategory") || { };
+ let usagecat = [];
+ usagecat = Menu?.PropertyTax?.UsageCategory || [];
+ let i;
+ let menu = [];
+
+ const { pathname } = useLocation();
+ const presentInModifyApplication = pathname.includes("modify");
+
+ function usageCategoryMajorMenu(usagecat) {
+ if (userType === "employee") {
+ const catMenu = usagecat
+ ?.filter((e) => e?.code.split(".").length <= 2 && e.code !== "NONRESIDENTIAL")
+ ?.map((item) => {
+ const arr = item?.code.split(".");
+ if (arr.length == 2) return { i18nKey: "PROPERTYTAX_BILLING_SLAB_" + arr[1], code: item?.code };
+ else return { i18nKey: "PROPERTYTAX_BILLING_SLAB_" + item?.code, code: item?.code };
+ });
+ return catMenu;
+ } else {
+ for (i = 0; i < 10; i++) {
+ if (
+ Array.isArray(usagecat) &&
+ usagecat.length > 0 &&
+ usagecat[i].code.split(".")[0] == "NONRESIDENTIAL" &&
+ usagecat[i].code.split(".").length == 2
+ ) {
+ menu.push({ i18nKey: "PROPERTYTAX_BILLING_SLAB_" + usagecat[i].code.split(".")[1], code: usagecat[i].code });
+ }
+ }
+ return menu;
+ }
+ }
+
+ useEffect(() => {
+ if (!menuLoading && presentInModifyApplication && userType === "employee") {
+ const original = formData?.originalData?.usageCategory;
+ const selectedOption = usageCategoryMajorMenu(usagecat).filter((e) => e.code === original)[0];
+ setPropertyPurpose(selectedOption);
+ }
+ }, [menuLoading]);
+
+ const onSkip = () => onSelect();
+
+
+ function selectPropertyPurpose(value) {
+ setPropertyPurpose(value);
+ }
+
+ function goNext() {
+ if (usageCategoryMajor?.i18nKey === "PROPERTYTAX_BILLING_SLAB_OTHERS") {
+ usageCategoryMajor.i18nKey = "PROPERTYTAX_BILLING_SLAB_NONRESIDENTIAL";
+ onSelect(config.key, usageCategoryMajor);
+ } else {
+ onSelect(config.key, usageCategoryMajor);
+ }
+ }
+
+ useEffect(() => {
+ if (userType === "employee") {
+ if (!usageCategoryMajor) {
+ setError(config.key, { type: "required", message: t(`CORE_COMMON_REQUIRED_ERRMSG`) });
+ } else {
+ clearErrors(config.key);
+ }
+ goNext();
+ }
+ }, [usageCategoryMajor]);
+
+ if (userType === "employee") {
+ return (
+
+
+ {t("PT_ASSESMENT_INFO_USAGE_TYPE") + " *"}
+ {
+ selectPropertyPurpose(e);
+ }}
+ optionKey="i18nKey"
+ onBlur={onBlur}
+ t={t}
+ />
+
+ {formState.touched[config.key] ? (
+
+ {formState.errors?.[config.key]?.message}
+
+ ) : null}
+
+ );
+ }
+
+ return (
+
+
+
+
+
+
+
+
+ {}
+
+ );
+};
+
+export default TLUsageType;
diff --git a/micro-ui/web/src/index.css b/micro-ui/web/src/index.css
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/micro-ui/web/src/index.js b/micro-ui/web/src/index.js
new file mode 100644
index 00000000000..9f20bf1b506
--- /dev/null
+++ b/micro-ui/web/src/index.js
@@ -0,0 +1,62 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { initLibraries } from "@egovernments/digit-ui-libraries";
+import "./index.css";
+import App from './App';
+import { TLCustomisations } from './Customisations/tl/TLCustomisation';
+
+
+initLibraries();
+
+
+window.Digit.Customizations = { PGR: {} ,TL:TLCustomisations};
+
+const user = window.Digit.SessionStorage.get("User");
+
+if (!user || !user.access_token || !user.info) {
+ // login detection
+
+ const parseValue = (value) => {
+ try {
+ return JSON.parse(value)
+ } catch (e) {
+ return value
+ }
+ }
+
+ const getFromStorage = (key) => {
+ const value = window.localStorage.getItem(key);
+ return value && value !== "undefined" ? parseValue(value) : null;
+ }
+
+ const token = getFromStorage("token")
+
+ const citizenToken = getFromStorage("Citizen.token")
+ const citizenInfo = getFromStorage("Citizen.user-info")
+ const citizenTenantId = getFromStorage("Citizen.tenant-id")
+
+ const employeeToken = getFromStorage("Employee.token")
+ const employeeInfo = getFromStorage("Employee.user-info")
+ const employeeTenantId = getFromStorage("Employee.tenant-id")
+ const userType = token === citizenToken ? "citizen" : "employee";
+
+ window.Digit.SessionStorage.set("user_type", userType);
+ window.Digit.SessionStorage.set("userType", userType);
+
+ const getUserDetails = (access_token, info) => ({ token: access_token, access_token, info })
+
+ const userDetails = userType === "citizen" ? getUserDetails(citizenToken, citizenInfo) : getUserDetails(employeeToken, employeeInfo)
+
+ window.Digit.SessionStorage.set("User", userDetails);
+ window.Digit.SessionStorage.set("Citizen.tenantId", citizenTenantId);
+ window.Digit.SessionStorage.set("Employee.tenantId", employeeTenantId);
+ // end
+}
+
+ReactDOM.render(
+
+
+ ,
+ document.getElementById('root')
+);
+
diff --git a/micro-ui/web/src/setupProxy.js b/micro-ui/web/src/setupProxy.js
new file mode 100644
index 00000000000..1b8eda94a19
--- /dev/null
+++ b/micro-ui/web/src/setupProxy.js
@@ -0,0 +1,30 @@
+const { createProxyMiddleware } = require("http-proxy-middleware");
+const createProxy = createProxyMiddleware({
+ target: process.env.REACT_APP_PROXY_URL,
+ changeOrigin: true,
+});
+module.exports = function (app) {
+ [
+ "/egov-mdms-service",
+ "/egov-location",
+ "/localization",
+ "/egov-workflow-v2",
+ "/pgr-services",
+ "/filestore",
+ "/egov-hrms",
+ "/user-otp",
+ "/user",
+ "/fsm",
+ "/billing-service",
+ "/collection-services",
+ "/pdf-service",
+ "/pg-service",
+ "/vehicle",
+ "/vendor",
+ "/property-services",
+ "/fsm-calculator/v1/billingSlab/_search",
+ "/muster-roll"
+ ].forEach((location) =>
+ app.use(location, createProxy)
+ );
+};
diff --git a/micro-ui/web/webpack.config.js b/micro-ui/web/webpack.config.js
new file mode 100644
index 00000000000..5f3dc46967a
--- /dev/null
+++ b/micro-ui/web/webpack.config.js
@@ -0,0 +1,43 @@
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
+module.exports = {
+ // mode: 'development',
+ entry: "./src/index.js",
+ devtool: "none",
+ module: {
+ rules: [
+ {
+ test: /\.(js)$/,
+ use: ["babel-loader"],
+ },
+ {
+ test: /\.css$/i,
+ use: ["style-loader", "css-loader"],
+ }
+ ],
+ },
+ output: {
+ filename: "[name].bundle.js",
+ path: path.resolve(__dirname, "build"),
+ publicPath: "/digit-ui/",
+ },
+ optimization: {
+ splitChunks: {
+ chunks: 'all',
+ minSize:20000,
+ maxSize:50000,
+ enforceSizeThreshold:50000,
+ minChunks:1,
+ maxAsyncRequests:30,
+ maxInitialRequests:30
+ },
+ },
+ plugins: [
+ new CleanWebpackPlugin(),
+ // new BundleAnalyzerPlugin(),
+ new HtmlWebpackPlugin({ inject: true, template: "public/index.html" }),
+ ],
+};
\ No newline at end of file
diff --git a/micro-ui/web/workbench/App.js b/micro-ui/web/workbench/App.js
new file mode 100644
index 00000000000..df80394a05f
--- /dev/null
+++ b/micro-ui/web/workbench/App.js
@@ -0,0 +1,63 @@
+import React from "react";
+import { initLibraries } from "@egovernments/digit-ui-libraries";
+import { DigitUI } from "@egovernments/digit-ui-module-core";
+// import { initHRMSComponents } from "@egovernments/digit-ui-module-hrms";
+import { UICustomizations } from "./Customisations/UICustomizations";
+import { initWorkbenchComponents } from "@egovernments/digit-ui-module-workbench";
+import { initUtilitiesComponents } from "@egovernments/digit-ui-module-utilities";
+import { initWorkbenchHCMComponents } from "@egovernments/digit-ui-module-hcmworkbench";
+//import {initSampleComponents} from "@egovernments/digit-ui-module-sample";
+window.contextPath = window?.globalConfigs?.getConfig("CONTEXT_PATH");
+
+const enabledModules = [
+ "DSS",
+ "NDSS",
+ "Utilities",
+ // "HRMS",
+ "Engagement",
+ "Workbench",
+ "HCMWORKBENCH",
+ "sample"
+];
+
+const moduleReducers = (initData) => ({
+ initData,
+});
+
+const initDigitUI = () => {
+ window.Digit.ComponentRegistryService.setupRegistry({});
+ window.Digit.Customizations = {
+ PGR: {},
+ commonUiConfig: UICustomizations,
+ };
+ // initHRMSComponents();
+ initUtilitiesComponents();
+ initWorkbenchComponents();
+ initWorkbenchHCMComponents();
+ initSampleComponents();
+
+};
+
+initLibraries().then(() => {
+ initDigitUI();
+});
+
+function App() {
+ window.contextPath = window?.globalConfigs?.getConfig("CONTEXT_PATH");
+ const stateCode =
+ window.globalConfigs?.getConfig("STATE_LEVEL_TENANT_ID") ||
+ process.env.REACT_APP_STATE_LEVEL_TENANT_ID;
+ if (!stateCode) {
+ return stateCode is not defined
;
+ }
+ return (
+
+ );
+}
+
+export default App;
diff --git a/micro-ui/web/workbench/Dockerfile b/micro-ui/web/workbench/Dockerfile
new file mode 100644
index 00000000000..31b3912759b
--- /dev/null
+++ b/micro-ui/web/workbench/Dockerfile
@@ -0,0 +1,29 @@
+FROM egovio/alpine-node-builder-14:yarn AS build
+#FROM ghcr.io/egovernments/alpine-node-builder-14:yarn AS build
+RUN apk update && apk upgrade
+RUN apk add --no-cache git>2.30.0
+ARG WORK_DIR
+WORKDIR /app
+ENV NODE_OPTIONS "--max-old-space-size=4792"
+
+COPY ${WORK_DIR} .
+RUN ls -lah
+
+#RUN node web/envs.js
+RUN cd web/ \
+ && node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))' \
+ && node -e 'console.log("core only")' \
+ && cd workbench/ \
+ && ./install-deps.sh \
+ && cd ../ \
+ && yarn install \
+ && yarn build:webpack
+
+FROM nginx:mainline-alpine
+#FROM ghcr.io/egovernments/nginx:mainline-alpine
+ENV WORK_DIR=/var/web/workbench-ui
+
+RUN mkdir -p ${WORK_DIR}
+
+COPY --from=build /app/web/build ${WORK_DIR}/
+COPY --from=build /app/web/workbench/nginx.conf /etc/nginx/conf.d/default.conf
diff --git a/micro-ui/web/workbench/install-deps.sh b/micro-ui/web/workbench/install-deps.sh
new file mode 100755
index 00000000000..54b8a4c3d7f
--- /dev/null
+++ b/micro-ui/web/workbench/install-deps.sh
@@ -0,0 +1,18 @@
+#!/bin/sh
+
+BRANCH="$(git branch --show-current)"
+
+echo "Main Branch: $BRANCH"
+
+INTERNALS="micro-ui-internals"
+cd ..
+
+cp workbench/App.js src
+cp workbench/package.json package.json
+cp workbench/webpack.config.js webpack.config.js
+cp workbench/inter-package.json $INTERNALS/package.json
+
+cp $INTERNALS/example/src/UICustomizations.js src/Customisations
+
+echo "UI :: workbench " && echo "Branch: $(git branch --show-current)" && echo "$(git log -1 --pretty=%B)" && echo "installing packages"
+
diff --git a/micro-ui/web/workbench/inter-package.json b/micro-ui/web/workbench/inter-package.json
new file mode 100644
index 00000000000..896c31ba294
--- /dev/null
+++ b/micro-ui/web/workbench/inter-package.json
@@ -0,0 +1,55 @@
+{
+ "name": "egovernments",
+ "version": "1.0.0",
+ "main": "index.js",
+ "workspaces": [
+ "example",
+ "packages/css",
+ "packages/modules/*"
+ ],
+ "author": "JaganKumar ",
+ "license": "MIT",
+ "private": true,
+ "engines": {
+ "node": ">=14"
+ },
+ "scripts": {
+ "start": "SKIP_PREFLIGHT_CHECK=true run-s build start:dev",
+ "sprint": "SKIP_PREFLIGHT_CHECK=true run-s start:script",
+ "start:dev": "run-p dev:**",
+ "start:script": "./scripts/create.sh",
+ "dev:css": "cd packages/css && yarn start",
+ "publish:css": "cd packages/css && yarn publish --access public",
+ "dev:example": "cd example && yarn start",
+ "dev:sample": "cd packages/modules/sample && yarn start",
+ "build": "run-p build:**",
+ "build:sample": "cd packages/modules/sample && yarn build",
+ "deploy:jenkins": "./scripts/jenkins.sh",
+ "clean": "rm -rf node_modules"
+ },
+ "resolutions": {
+ "**/@babel/runtime": "7.20.1",
+ "**/babel-preset-react-app": "10.0.0"
+ },
+ "devDependencies": {
+ "husky": "7.0.4",
+ "lint-staged": "12.3.7",
+ "npm-run-all": "4.1.5",
+ "prettier": "2.1.2"
+ },
+ "husky": {},
+ "lint-staged": {
+ "*.{js,css,md}": "prettier --write"
+ },
+ "dependencies": {
+ "lodash": "4.17.21",
+ "microbundle-crl": "0.13.11",
+ "@egovernments/digit-ui-react-components": "1.8.1-beta.2",
+ "react": "17.0.2",
+ "react-dom": "17.0.2",
+ "react-hook-form": "6.15.8",
+ "react-i18next": "11.16.2",
+ "react-query": "3.6.1",
+ "react-router-dom": "5.3.0"
+ }
+}
diff --git a/micro-ui/web/workbench/nginx.conf b/micro-ui/web/workbench/nginx.conf
new file mode 100644
index 00000000000..9c84c01c4be
--- /dev/null
+++ b/micro-ui/web/workbench/nginx.conf
@@ -0,0 +1,12 @@
+server
+{
+ listen 80;
+ underscores_in_headers on;
+
+ location /microplan-ui
+ {
+ root /var/web;
+ index index.html index.htm;
+ try_files $uri $uri/ /microplan-ui/index.html;
+ }
+}
\ No newline at end of file
diff --git a/micro-ui/web/workbench/package.json b/micro-ui/web/workbench/package.json
new file mode 100644
index 00000000000..035e899ab10
--- /dev/null
+++ b/micro-ui/web/workbench/package.json
@@ -0,0 +1,80 @@
+{
+ "name": "micro-ui",
+ "version": "1.0.0",
+ "author": "Jagankumar ",
+ "license": "MIT",
+ "private": true,
+ "engines": {
+ "node": ">=14"
+ },
+ "workspaces": [
+ "micro-ui-internals/packages/modules/*"
+ ],
+ "homepage": "/workbench-ui",
+ "dependencies": {
+ "@egovernments/digit-ui-libraries": "1.8.1-beta.1",
+ "@egovernments/digit-ui-module-core": "1.8.2-beta.6",
+ "@egovernments/digit-ui-module-utilities": "1.0.1-beta.1",
+ "@egovernments/digit-ui-react-components": "1.8.1-beta.2",
+ "@egovernments/digit-ui-module-workbench": "1.0.1-beta.1",
+ "@egovernments/digit-ui-module-hcmworkbench":"0.0.38",
+ "@egovernments/digit-ui-module-sample": "0.0.1",
+ "babel-loader": "8.1.0",
+ "clean-webpack-plugin": "4.0.0",
+ "react": "17.0.2",
+ "react-dom": "17.0.2",
+ "jsonpath": "^1.1.1",
+ "react-router-dom": "5.3.0",
+ "react-scripts": "4.0.1",
+ "web-vitals": "1.1.2",
+ "terser-brunch": "^4.1.0",
+ "react-hook-form": "6.15.8",
+ "react-i18next": "11.16.2",
+ "react-query": "3.6.1",
+ "css-loader": "5.2.6",
+ "style-loader": "2.0.0",
+ "webpack-cli": "4.10.0"
+ },
+ "devDependencies": {
+ "@babel/plugin-proposal-private-property-in-object": "7.21.0",
+ "http-proxy-middleware": "1.3.1",
+ "lodash": "4.17.21",
+ "microbundle-crl": "0.13.11",
+ "react": "17.0.2",
+ "react-dom": "17.0.2",
+ "react-hook-form": "6.15.8",
+ "react-i18next": "11.16.2",
+ "react-query": "3.6.1",
+ "react-router-dom": "5.3.0",
+ "husky": "7.0.4",
+ "lint-staged": "12.3.7",
+ "npm-run-all": "4.1.5",
+ "prettier": "2.1.2"
+ },
+ "scripts": {
+ "start": "react-scripts start",
+ "build": "GENERATE_SOURCEMAP=false SKIP_PREFLIGHT_CHECK=true react-scripts build",
+ "build:prepare": "./build.sh",
+ "build:libraries": "cd micro-ui-internals && yarn build",
+ "build:prod": "webpack --mode production",
+ "build:webpack": "yarn build:libraries &&cd .. && ls && cd ./web && ls && yarn build:prod",
+ "clean": "rm -rf node_modules"
+ },
+ "eslintConfig": {
+ "extends": [
+ "react-app"
+ ]
+ },
+ "browserslist": {
+ "production": [
+ ">0.2%",
+ "not dead",
+ "not op_mini all"
+ ],
+ "development": [
+ "last 1 chrome version",
+ "last 1 firefox version",
+ "last 1 safari version"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/micro-ui/web/workbench/webpack.config.js b/micro-ui/web/workbench/webpack.config.js
new file mode 100644
index 00000000000..c19e631fe01
--- /dev/null
+++ b/micro-ui/web/workbench/webpack.config.js
@@ -0,0 +1,44 @@
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
+module.exports = {
+ // mode: 'development',
+ entry: "./src/index.js",
+ devtool: "none",
+ module: {
+ rules: [
+ {
+ test: /\.(js)$/,
+ exclude: /node_modules/,
+ use: ["babel-loader"],
+ },
+ {
+ test: /\.css$/i,
+ use: ["style-loader", "css-loader"],
+ }
+ ],
+ },
+ output: {
+ filename: "[name].bundle.js",
+ path: path.resolve(__dirname, "build"),
+ publicPath: "/workbench-ui/",
+ },
+ optimization: {
+ splitChunks: {
+ chunks: 'all',
+ minSize:20000,
+ maxSize:50000,
+ enforceSizeThreshold:50000,
+ minChunks:1,
+ maxAsyncRequests:30,
+ maxInitialRequests:30
+ },
+ },
+ plugins: [
+ new CleanWebpackPlugin(),
+ // new BundleAnalyzerPlugin(),
+ new HtmlWebpackPlugin({ inject: true, template: "public/index.html" }),
+ ],
+};
\ No newline at end of file