@mseva/upyog-ui-module-chb 1.1.43 → 1.1.44

package/dist/index.modern.js

@@ -542,6 +542,10 @@ function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
 }
 
+function getCjsExportFromNamespace (n) {
+	return n && n['default'] || n;
+}
+
 var jquery = createCommonjsModule(function (module) {
   (function (global, factory) {
 
@@ -14387,6 +14391,8 @@ var accessibility = createCommonjsModule(function (module, exports) {
 });
 unwrapExports(accessibility);
 
+var _shallowEqual = getCjsExportFromNamespace(index_esm);
+
 var Calendar_1 = createCommonjsModule(function (module, exports) {
 
   function _typeof(obj) {
@@ -15041,7 +15047,7 @@ var Calendar_1 = createCommonjsModule(function (module, exports) {
             monthNames: this.getMonthNames()
           });
         }
-        if (!(0, index_esm.shallowEqualObjects)(prevProps.scroll, this.props.scroll)) {
+        if (!(0, _shallowEqual.shallowEqualObjects)(prevProps.scroll, this.props.scroll)) {
           this.setState({
             scrollArea: this.calcScrollArea(this.props)
           });
@@ -47074,6 +47080,8 @@ var reactLifecyclesCompat_es = {
   polyfill: polyfill
 };
 
+var _reactLifecyclesCompat = getCjsExportFromNamespace(reactLifecyclesCompat_es);
+
 var Modal_1 = createCommonjsModule(function (module, exports) {
 
   Object.defineProperty(exports, "__esModule", {
@@ -47362,7 +47370,7 @@ var Modal_1 = createCommonjsModule(function (module, exports) {
       padding: "20px"
     }
   };
-  (0, reactLifecyclesCompat_es.polyfill)(Modal);
+  (0, _reactLifecyclesCompat.polyfill)(Modal);
   if (process.env.NODE_ENV !== "production") {
     Modal.setCreateHTMLElement = function (fn) {
       return createHTMLElement = fn;
@@ -47400,11 +47408,23 @@ const CitizenConsent = ({
   } = useTranslation();
   const user = Digit.UserService.getUser();
   const ownername = user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.name;
+  const ownermobileNumber = user === null || user === void 0 ? void 0 : user.info.mobileNumber;
   const {
     id
   } = useParams();
   const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
   const [loader, setLoader] = useState(false);
+  const [showOTPInput, setShowOTPInput] = useState(false);
+  const [otp, setOTP] = useState("");
+  const [otpError, setOTPError] = useState("");
+  const [otpSuccess, setOTPSuccess] = useState("");
+  const [isOTPVerified, setIsOTPVerified] = useState(false);
+  const [TimeStamp, setOTPVerifiedTimestamp] = useState(() => {
+    return sessionStorage.getItem("otpVerifiedTimestampcitizen") || "";
+  });
+  const [userSelected, setUser] = useState(null);
+  const [setOtpLoading, setSetOtpLoading] = useState(false);
+  const stateCode = Digit.ULBService.getStateId();
   console.log("getModalData", getModalData);
   const {
     data,
@@ -47422,97 +47442,193 @@ const CitizenConsent = ({
   };
   const formattedUlbName = formatUlbName(getModalData === null || getModalData === void 0 ? void 0 : getModalData.ulbName);
   const selfdeclarationform = `
-    <div style="font-family:'Times New Roman', Times, serif; color:#000; font-size:16px; line-height:1.4; padding:20px;">
+    <div style="font-family:'Times New Roman', Times, serif; color:#000; font-size:16px; line-height:1.8; padding:24px 30px;">
       
-      <!-- Header -->
-      <h1 style="text-align:center; font-weight:bold; font-size:20px; margin-bottom:30px; text-decoration:underline;">
+      <h1 style="text-align:center; font-weight:bold; font-size:22px; margin-bottom:40px; letter-spacing:0.5px; color:#1a1a1a;">
         SELF-DECLARATION FOR COMMUNITY HALL BOOKING
       </h1>
 
-      <!-- Opening Statement -->
-      <div style="margin-bottom:20px; line-height:1.4;">
-        <p style="margin:0;">
-          I, <span style="border-bottom:1px solid #000; display:inline-block; min-width:200px; text-align:center; font-weight:bold;">${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.name) || ownername || "____________________"}</span> 
-          s/d of <span style="border-bottom:1px solid #000; display:inline-block; min-width:200px; text-align:center; font-weight:bold;">${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.sonOf) || "____________________"}</span>, resident of
-        </p>
-        <p style="margin:0;">
-          <span style="border-bottom:1px solid #000; display:inline-block; min-width:300px; text-align:center; font-weight:bold;">${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.residentOf) || (getModalData === null || getModalData === void 0 ? void 0 : getModalData.address) || "____________________"}</span>, do hereby self-declare that:
+      <div style="margin-bottom:32px; line-height:1.8;">
+        <p style="margin:0 0 16px 0; text-align:justify;">
+          I, <strong>${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.name) || ownername}</strong>, resident of
+          <strong> ${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.residentOf) || (getModalData === null || getModalData === void 0 ? void 0 : getModalData.address)}</strong>, do hereby self-declare that:
         </p>
       </div>
 
-      <!-- Declaration Points -->
-      <ol style="margin-left:30px; line-height:1.4; list-style-type:none; counter-reset:item;">
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${1}.</span>
-          <span>I want to book the community hall – <span style="border-bottom:1px solid #000; display:inline-block; min-width:250px; text-align:center; font-weight:bold;">${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.communityHallName) || "____________________"}</span> for the purpose of <span style="border-bottom:1px solid #000; display:inline-block; min-width:250px; text-align:center; font-weight:bold;">${(getModalData === null || getModalData === void 0 ? void 0 : (_getModalData$purpose = getModalData.purpose) === null || _getModalData$purpose === void 0 ? void 0 : _getModalData$purpose.name) || "____________________"}</span>.</span>
-        </li>
+      <div style="margin-left:10px; line-height:1.9;">
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">1.</span>
+          <span>I want to book the community hall <strong>${getModalData === null || getModalData === void 0 ? void 0 : getModalData.communityHallName}</strong> for the purpose of <strong>${getModalData === null || getModalData === void 0 ? void 0 : (_getModalData$purpose = getModalData.purpose) === null || _getModalData$purpose === void 0 ? void 0 : _getModalData$purpose.name}</strong>.</span>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${2}.</span>
-          <span>I will obey all government directions issued from time to time regarding <span style="text-decoration:underline;">Coronavirus</span> or any other epidemic.</span>
-        </li>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">2.</span>
+          <span>I will obey all government directions issued from time to time regarding Coronavirus or any other epidemic.</span>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${3}.</span>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">3.</span>
           <span>The Municipal Corporation / Council will have the right to deduct charges for cleanliness, electricity, or any maintenance of the community hall.</span>
-        </li>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${4}.</span>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">4.</span>
           <span>I will not serve alcohol without valid government permission from the concerned department. If I do serve alcohol without permission, I will be liable for punishment as per law.</span>
-        </li>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${5}.</span>
-          <span>I will not use Single Use Plastic or <span style="text-decoration:underline;">thermocol</span> as per Solid Waste Management (SWM) guidelines.</span>
-        </li>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">5.</span>
+          <span>I will not use Single Use Plastic or thermocol as per Solid Waste Management (SWM) guidelines.</span>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${6}.</span>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">6.</span>
           <span>I will ensure proper cleanliness of the community hall.</span>
-        </li>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${7}.</span>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">7.</span>
           <span>I will be responsible for any fight or damage to government property and will be liable for any penalty.</span>
-        </li>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${8}.</span>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">8.</span>
           <span>The Municipal Corporation / Council reserves the right to cancel my booking for any emergency government program.</span>
-        </li>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${9}.</span>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">9.</span>
           <span>I will play DJ music at low volume only up to 10 PM in the community hall, as per government guidelines.</span>
-        </li>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${10}.</span>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">10.</span>
           <span>I will be responsible if any illegal electricity connection is used in the community hall.</span>
-        </li>
+        </div>
 
-        <li style="margin-bottom:8px; text-align:justify; counter-increment:item; display:flex;">
-          <span style="min-width:30px;">${11}.</span>
+        <div style="margin-bottom:18px; text-align:justify; display:flex; align-items:flex-start; gap:8px;">
+          <span style="min-width:35px; font-weight:600; color:#333;">11.</span>
           <span>I have checked the current status of the community hall and I am ready to proceed with the booking.</span>
-        </li>
-      </ol>
-
-      <!-- Signature Section -->
-      <div style="margin-top:50px; display:flex; justify-content:flex-end;">
-        <div style="min-width:300px;">
-          <p style="margin:10px 0; text-align:right; font-weight:bold;">Applicant Name</p>
-          <p style="margin:10px 0; text-align:right; font-weight:bold;">${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.name) || ownername || "____________________"}</p>
-          
-          <p style="margin:20px 0 10px 0; text-align:right; font-weight:bold;">Address</p>
-          <p style="margin:10px 0; text-align:right; font-weight:bold;">${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.address) || "____________________"}</p>
         </div>
       </div>
+
+      <div style="margin-top:60px;">
+        <table style="width:100%; border-collapse:collapse;">
+          <tr>
+            <td style="width:50%; vertical-align:top;"></td>
+            <td style="width:50%; vertical-align:top; padding-left:40px; float:right;">
+              <div style="line-height:2.2;">
+                
+                <p style="margin:0 0 28px 0; font-weight:bold; font-size:17px; color:#000;">${(getModalData === null || getModalData === void 0 ? void 0 : getModalData.name) || ownername}</p>
+                
+               
+               
+              </div>
+            </td>
+          </tr>
+        </table>
+      </div>
     </div>
   `;
   const closeModal = () => {
     setShowTermsPopupOwner(false);
   };
+  const handleVerifyOTPClick = async () => {
+    var _user$info3, _user$info4;
+    const requestData = {
+      username: ownermobileNumber,
+      password: otp,
+      tenantId: user === null || user === void 0 ? void 0 : (_user$info3 = user.info) === null || _user$info3 === void 0 ? void 0 : _user$info3.tenantId,
+      userType: user === null || user === void 0 ? void 0 : (_user$info4 = user.info) === null || _user$info4 === void 0 ? void 0 : _user$info4.type
+    };
+    try {
+      setSetOtpLoading(true);
+      const {
+        ResponseInfo,
+        UserRequest: info,
+        ...tokens
+      } = await Digit.UserService.authenticate(requestData);
+      if (ResponseInfo.status === "Access Token generated successfully") {
+        setOTPSuccess(t("VERIFIED"));
+        const currentTimestamp = new Date();
+        const opts = {
+          timeZone: "Asia/Kolkata",
+          weekday: "long",
+          year: "numeric",
+          month: "long",
+          day: "2-digit",
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit",
+          hour12: true,
+          timeZoneName: "short"
+        };
+        const parts = new Intl.DateTimeFormat("en-IN", opts).formatToParts(currentTimestamp);
+        const map = Object.fromEntries(parts.map(p => [p.type, p.value]));
+        const formatted = `${map.day} ${map.month} ${map.year} ${map.weekday} ${map.hour}:${map.minute}:${map.second} ${map.dayPeriod} ${map.timeZoneName}`;
+        setOTPVerifiedTimestamp(formatted);
+        sessionStorage.setItem("otpVerifiedTimestampcitizen", formatted);
+        setUser({
+          info,
+          ...tokens
+        });
+        setSetOtpLoading(false);
+        setShowOTPInput(false);
+        setIsOTPVerified(true);
+        return currentTimestamp;
+      } else {
+        setOTPError(t("WRONG OTP"));
+        setSetOtpLoading(false);
+        return "";
+      }
+    } catch (error) {
+      console.error("Error verifying OTP:", error);
+      setOTPError(t("Error verifying OTP"));
+      setSetOtpLoading(false);
+      return "";
+    }
+  };
+  const handleGetOTPClick = async () => {
+    try {
+      var _user$info5, _user$info6;
+      const response = await Digit.UserService.sendOtp({
+        otp: {
+          mobileNumber: ownermobileNumber,
+          tenantId: user === null || user === void 0 ? void 0 : (_user$info5 = user.info) === null || _user$info5 === void 0 ? void 0 : _user$info5.tenantId,
+          userType: user === null || user === void 0 ? void 0 : (_user$info6 = user.info) === null || _user$info6 === void 0 ? void 0 : _user$info6.type,
+          type: "login"
+        }
+      });
+      if (response.isSuccessful) {
+        setShowOTPInput(true);
+      } else {
+        console.error("Error sending OTP Response is false:", response.error);
+      }
+    } catch (error) {
+      console.error("Error sending OTP:", error);
+    }
+  };
+  useEffect(() => {
+    if (!userSelected) {
+      return;
+    }
+    Digit.SessionStorage.set("citizen.userRequestObject", userSelected);
+    Digit.UserService.setUser(userSelected);
+    setCitizenDetail(userSelected === null || userSelected === void 0 ? void 0 : userSelected.info, userSelected === null || userSelected === void 0 ? void 0 : userSelected.access_token, stateCode);
+  }, [userSelected]);
+  const setCitizenDetail = (userObject, token, tenantId) => {
+    var _JSON$parse, _JSON$parse$value;
+    const locale = (_JSON$parse = JSON.parse(sessionStorage.getItem("Digit.initData"))) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$value = _JSON$parse.value) === null || _JSON$parse$value === void 0 ? void 0 : _JSON$parse$value.selectedLanguage;
+    localStorage.setItem("Citizen.tenant-id", tenantId);
+    localStorage.setItem("tenant-id", tenantId);
+    localStorage.setItem("citizen.userRequestObject", JSON.stringify(userObject));
+    localStorage.setItem("locale", locale);
+    localStorage.setItem("Citizen.locale", locale);
+    localStorage.setItem("token", token);
+    localStorage.setItem("Citizen.token", token);
+    localStorage.setItem("user-info", JSON.stringify(userObject));
+    localStorage.setItem("Citizen.user-info", JSON.stringify(userObject));
+  };
   const uploadSelfDeclaration = async () => {
     var _getModalData$purpose2;
     setLoader(true);
@@ -47525,7 +47641,7 @@ const CitizenConsent = ({
     try {
       var _result$filestoreIds$;
       setIsUploading(true);
-      let result = await Digit.PaymentService.generatePdf(Digit.ULBService.getStateId(), {
+      const result = await Digit.PaymentService.generatePdf(Digit.ULBService.getStateId(), {
         Chb: Chb
       }, "communityhallowner");
       console.log(result, "RESULT");
@@ -47577,25 +47693,9 @@ const CitizenConsent = ({
       maxHeight: "80vh",
       overflowY: "auto",
       lineHeight: "2"
-    },
-    heading: {
-      textAlign: "center",
-      fontWeight: "bold",
-      marginBottom: "10px"
-    },
-    subheading: {
-      textAlign: "center",
-      fontWeight: "bold",
-      marginBottom: "20px"
-    },
-    rightAlignedText: {
-      textAlign: "right",
-      whiteSpace: "pre-wrap",
-      wordWrap: "break-word",
-      fontFamily: "Roboto, serif",
-      lineHeight: "2"
     }
   };
+  const isValidMobileNumber = ownermobileNumber && ownermobileNumber.length === 10;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Modal, {
     isOpen: showTermsPopupOwner,
     onRequestClose: closeModal,
@@ -47615,7 +47715,7 @@ const CitizenConsent = ({
     dangerouslySetInnerHTML: {
       __html: selfdeclarationform
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), isUploading || setOtpLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       justifyContent: "flex-end"
@@ -47623,16 +47723,39 @@ const CitizenConsent = ({
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("BPA_CLOSE"),
     onSubmit: closeModal
-  })), /*#__PURE__*/React.createElement("br", null), !isCitizenDeclared && /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("br", null), !isCitizenDeclared && !isOTPVerified && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("BPA_UPLOAD"),
+    onSubmit: handleGetOTPClick,
+    disabled: !isValidMobileNumber
+  })), showOTPInput && !isCitizenDeclared && !isOTPVerified && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(CardLabel, null, t("BPA_OTP")), /*#__PURE__*/React.createElement(OTPInput, {
+    length: 6,
+    onChange: value => setOTP(value),
+    value: otp
+  }), /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("VERIFY_OTP"),
+    onSubmit: handleVerifyOTPClick
+  }), otpError && /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      color: "red"
+    }
+  }, t(otpError)), otpSuccess && /*#__PURE__*/React.createElement(CardLabel, {
+    style: {
+      color: "green"
+    }
+  }, t(otpSuccess))), isOTPVerified && !isCitizenDeclared && /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       justifyContent: "flex-end"
     }
   }, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("CHB_UPLOAD"),
-    onSubmit: uploadSelfDeclaration,
-    disabled: isUploading || isFileUploaded
-  })))), loader && /*#__PURE__*/React.createElement(Loader, {
+    onSubmit: uploadSelfDeclaration
+  }))))), loader && /*#__PURE__*/React.createElement(Loader, {
     page: true
   }));
 };