@djb25/digit-ui-module-ws 1.0.68 → 1.0.69

package/dist/index.modern.js

@@ -17411,18 +17411,35 @@ const UploadFileDigiLocker = props => {
   const _useState4 = useState(null),
     showToast = _useState4[0],
     setShowToast = _useState4[1];
+  const _useState5 = useState(null),
+    digiLockerPreviewUrl = _useState5[0],
+    setDigiLockerPreviewUrl = _useState5[1];
+  const _useState6 = useState(false),
+    showDigiLockerPreview = _useState6[0],
+    setShowDigiLockerPreview = _useState6[1];
+  const _useState7 = useState(null),
+    digiLockerFilename = _useState7[0],
+    setDigiLockerFilename = _useState7[1];
   const user_type = Digit.SessionStorage.get("userType");
   const _Digit$Hooks$createTo = Digit.Hooks.createTokenAPI("document");
   let extraStyles = {};
   const handleChange = () => {
-    if (inpRef.current.files[0]) {
+    if (inpRef.current.files && inpRef.current.files[0]) {
       setHasFile(true);
       setprevSate(inpRef.current.files[0]);
-    } else setHasFile(false);
+    } else if (!digiLockerFilename) {
+      setHasFile(false);
+    }
   };
   extraStyles = getCitizenStyles("OBPS");
   const handleDelete = () => {
     inpRef.current.value = "";
+    if (digiLockerPreviewUrl) {
+      URL.revokeObjectURL(digiLockerPreviewUrl);
+      setDigiLockerPreviewUrl(null);
+    }
+    setDigiLockerFilename(null);
+    setHasFile(false);
     props.onDelete();
   };
   const handleEmpty = () => {
@@ -17437,8 +17454,14 @@ const UploadFileDigiLocker = props => {
   }
   useEffect(() => handleEmpty(), [inpRef === null || inpRef === void 0 ? void 0 : (_inpRef$current = inpRef.current) === null || _inpRef$current === void 0 ? void 0 : _inpRef$current.files]);
   useEffect(() => handleChange(), [props.message]);
+  useEffect(() => {
+    return () => {
+      if (digiLockerPreviewUrl) URL.revokeObjectURL(digiLockerPreviewUrl);
+    };
+  }, [digiLockerPreviewUrl]);
   const dataURItoBlob = dataURI => {
-    var binary = atob(dataURI.split(",")[1]);
+    var b64Data = dataURI.split(",")[1].replace(/\s/g, "");
+    var binary = atob(b64Data);
     var array = [];
     for (var i = 0; i < binary.length; i++) {
       array.push(binary.charCodeAt(i));
@@ -17486,7 +17509,7 @@ const UploadFileDigiLocker = props => {
           };
           const aliases = DOCTYPE_ALIASES[doctype] || [doctype];
           let uri = res1.IssuedDoc.filter(item => aliases.some(alias => item.doctype === alias));
-          const _temp5 = function () {
+          const _temp7 = function () {
             if ((uri === null || uri === void 0 ? void 0 : uri.length) > 0) {
               const uriStr = uri[0].uri || "";
               const parts = uriStr.split("-");
@@ -17499,48 +17522,115 @@ const UploadFileDigiLocker = props => {
                 id: uriStr
               };
               const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
-              return Promise.resolve(Digit.DigiLockerService.uri({
+              return Promise.resolve(Digit.DigiLockerService.uriFile({
                 TokenReq: TokenReqNew
               }, tenantId)).then(function (res2) {
-                function _temp4() {
-                  let filename = doctype + "_" + (uri[0].name || "document") + ".pdf";
-                  if (blobData) convertToFile(e, blobData, filename);else setShowToast({
+                var _res2$headers;
+                function _temp6() {
+                  const filename = doctype + "_" + (uri[0].name || "document") + ".pdf";
+                  if (blobData && blobData.size > 0) convertToFile(e, blobData, filename);else setShowToast({
                     error: true,
                     label: "Failed to read document from DigiLocker."
                   });
                 }
-                let blobData;
-                const _temp3 = function () {
-                  if (typeof res2 === "string" && res2.includes("base64")) {
-                    blobData = dataURItoBlob(res2);
-                  } else {
-                    const _temp2 = function () {
-                      if (res2 instanceof Blob) {
-                        blobData = res2;
-                      } else {
-                        const _temp = function () {
-                          if (res2 && typeof res2 === "object" && res2.fileStoreId) {
-                            return Promise.resolve(Digit.UploadServices.FileFetchbyid(res2.fileStoreId, Digit.ULBService.getStateId())).then(function (fileRes) {
-                              if (fileRes !== null && fileRes !== void 0 && fileRes.data) {
-                                var _fileRes$headers;
-                                blobData = fileRes.data instanceof Blob ? fileRes.data : new Blob([fileRes.data], {
-                                  type: ((_fileRes$headers = fileRes.headers) === null || _fileRes$headers === void 0 ? void 0 : _fileRes$headers["content-type"]) || "application/pdf"
-                                });
+                console.log("[DigiLocker] uriFile response:", res2);
+                let blobData = null;
+                let contentType = (res2 === null || res2 === void 0 ? void 0 : (_res2$headers = res2.headers) === null || _res2$headers === void 0 ? void 0 : _res2$headers["content-type"]) || "";
+                let isJsonString = contentType.includes("application/json");
+                const _temp5 = function () {
+                  if (res2 !== null && res2 !== void 0 && res2.data) {
+                    function _temp4() {
+                      if (!blobData) {
+                        console.log("[DigiLocker] Treating response as raw binary PDF fallback.");
+                        blobData = new Blob([(res2 === null || res2 === void 0 ? void 0 : res2.data) || res2], {
+                          type: "application/pdf"
+                        });
+                      }
+                    }
+                    const firstBytes = new Uint8Array(res2.data, 0, 3);
+                    if (firstBytes[0] === 34 && firstBytes[1] === 37 && firstBytes[2] === 80) {
+                      isJsonString = true;
+                    }
+                    const _temp3 = function () {
+                      if (isJsonString) {
+                        const decoder = new TextDecoder("utf-8");
+                        const jsonString = decoder.decode(res2.data);
+                        const jsonObj = JSON.parse(jsonString);
+                        const findFileStoreId = obj => {
+                          if (!obj || typeof obj !== "object") return null;
+                          for (let key in obj) {
+                            if (key.toLowerCase() === "filestoreid") return obj[key];
+                            const found = findFileStoreId(obj[key]);
+                            if (found) return found;
+                          }
+                          return null;
+                        };
+                        const findBase64 = obj => {
+                          if (!obj || typeof obj !== "object") return null;
+                          for (let key in obj) {
+                            if (["doccontent", "filecontent", "base64"].includes(key.toLowerCase())) return obj[key];
+                            const found = findBase64(obj[key]);
+                            if (found && typeof found === "string") return found;
+                          }
+                          return null;
+                        };
+                        const _temp2 = function () {
+                          if (typeof jsonObj === "string") {
+                            if (jsonObj.startsWith("%PDF")) {
+                              console.log("[DigiLocker] Response is a literal PDF string. Trying to salvage corrupted bytes...");
+                              const len = jsonObj.length;
+                              const arr = new Uint8Array(len);
+                              for (let i = 0; i < len; i++) {
+                                arr[i] = jsonObj.charCodeAt(i) & 0xFF;
                               }
-                            });
+                              blobData = new Blob([arr], {
+                                type: "application/pdf"
+                              });
+                            } else {
+                              const dataUri = jsonObj.startsWith("data:") ? jsonObj : "data:application/pdf;base64," + jsonObj;
+                              try {
+                                blobData = dataURItoBlob(dataUri);
+                              } catch (e) {
+                                console.error("Failed to parse string as base64", e);
+                              }
+                            }
                           } else {
-                            blobData = new Blob([JSON.stringify(res2)], {
-                              type: "application/pdf"
-                            });
+                            const fsId = findFileStoreId(jsonObj);
+                            const _temp = function () {
+                              if (fsId) {
+                                console.log("[DigiLocker] Got fileStoreId from JSON:", fsId);
+                                return Promise.resolve(Digit.UploadServices.FileFetchbyid(fsId, Digit.ULBService.getStateId())).then(function (fileRes) {
+                                  var _fileRes$headers;
+                                  blobData = (fileRes === null || fileRes === void 0 ? void 0 : fileRes.data) instanceof Blob ? fileRes.data : new Blob([(fileRes === null || fileRes === void 0 ? void 0 : fileRes.data) || ""], {
+                                    type: (fileRes === null || fileRes === void 0 ? void 0 : (_fileRes$headers = fileRes.headers) === null || _fileRes$headers === void 0 ? void 0 : _fileRes$headers["content-type"]) || "application/pdf"
+                                  });
+                                });
+                              } else {
+                                const b64 = findBase64(jsonObj);
+                                if (b64 && typeof b64 === "string") {
+                                  console.log("[DigiLocker] Got base64 content from JSON field");
+                                  const dataUri = b64.startsWith("data:") ? b64 : "data:application/pdf;base64," + b64;
+                                  blobData = dataURItoBlob(dataUri);
+                                } else {
+                                  console.log("[DigiLocker] JSON did not contain filestoreid or base64.");
+                                }
+                              }
+                            }();
+                            if (_temp && _temp.then) return _temp.then(function () {});
                           }
                         }();
-                        if (_temp && _temp.then) return _temp.then(function () {});
+                        if (_temp2 && _temp2.then) return _temp2.then(function () {});
+                      } else {
+                        console.log("[DigiLocker] Treating response as raw binary PDF.", contentType);
+                        blobData = new Blob([res2.data], {
+                          type: "application/pdf"
+                        });
                       }
                     }();
-                    if (_temp2 && _temp2.then) return _temp2.then(function () {});
+                    return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
                   }
                 }();
-                return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
+                return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
               });
             } else {
               setShowToast({
@@ -17549,7 +17639,7 @@ const UploadFileDigiLocker = props => {
               });
             }
           }();
-          if (_temp5 && _temp5.then) return _temp5.then(function () {});
+          if (_temp7 && _temp7.then) return _temp7.then(function () {});
         });
       }, function (error) {
         console.error("DigiLocker Fetch Error:", error);
@@ -17566,6 +17656,8 @@ const UploadFileDigiLocker = props => {
     if (filename === void 0) {
       filename = "document.pdf";
     }
+    const previewUrl = URL.createObjectURL(blob);
+    setDigiLockerPreviewUrl(previewUrl);
     var reader = new FileReader();
     reader.readAsDataURL(blob);
     reader.onloadend = function () {
@@ -17574,6 +17666,8 @@ const UploadFileDigiLocker = props => {
       let newFile = new File([blobData], filename, {
         type: "application/pdf"
       });
+      setDigiLockerFilename(filename);
+      setHasFile(true);
       props.onUpload(e, newFile);
     };
   };
@@ -17638,7 +17732,30 @@ const UploadFileDigiLocker = props => {
     style: {
       width: "20px"
     }
-  }), t("CS_COMMON_FETCH_FROM_DIGILOCKER")))), props === null || props === void 0 ? void 0 : (_props$uploadedFiles = props.uploadedFiles) === null || _props$uploadedFiles === void 0 ? void 0 : _props$uploadedFiles.map((file, index) => {
+  }), t("CS_COMMON_FETCH_FROM_DIGILOCKER"))), digiLockerPreviewUrl && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: t("WS_VIEW_DOCUMENT") || "Preview document",
+    onClick: () => setShowDigiLockerPreview(true),
+    style: {
+      background: "none",
+      border: "none",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      padding: "4px"
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "22",
+    viewBox: "0 0 24 24",
+    width: "22",
+    fill: "#00497e"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
+  })))), props === null || props === void 0 ? void 0 : (_props$uploadedFiles = props.uploadedFiles) === null || _props$uploadedFiles === void 0 ? void 0 : _props$uploadedFiles.map((file, index) => {
     var _extraStyles3;
     const fileDetailsData = file[1];
     return /*#__PURE__*/React.createElement("div", {
@@ -17650,7 +17767,7 @@ const UploadFileDigiLocker = props => {
       text: file[0],
       onClick: e => props === null || props === void 0 ? void 0 : props.removeTargetedFile(fileDetailsData, e)
     }));
-  }), !hasFile || props.error ? /*#__PURE__*/React.createElement("h2", {
+  }), !hasFile && !props.file || props.error ? /*#__PURE__*/React.createElement("h2", {
     className: "file-upload-status"
   }, props.message) : /*#__PURE__*/React.createElement("div", {
     className: "tag-container",
@@ -17661,7 +17778,7 @@ const UploadFileDigiLocker = props => {
   }, /*#__PURE__*/React.createElement("span", {
     className: "text",
     style: extraStyles ? (_extraStyles6 = extraStyles) === null || _extraStyles6 === void 0 ? void 0 : _extraStyles6.textStyles : null
-  }, typeof ((_inpRef$current$files = inpRef.current.files[0]) === null || _inpRef$current$files === void 0 ? void 0 : _inpRef$current$files.name) !== "undefined" && !(props !== null && props !== void 0 && props.file) ? (_inpRef$current$files2 = inpRef.current.files[0]) === null || _inpRef$current$files2 === void 0 ? void 0 : _inpRef$current$files2.name : (_props$file = props.file) === null || _props$file === void 0 ? void 0 : _props$file.name), /*#__PURE__*/React.createElement("span", {
+  }, digiLockerFilename ? digiLockerFilename : typeof ((_inpRef$current$files = inpRef.current.files[0]) === null || _inpRef$current$files === void 0 ? void 0 : _inpRef$current$files.name) !== "undefined" && !(props !== null && props !== void 0 && props.file) ? (_inpRef$current$files2 = inpRef.current.files[0]) === null || _inpRef$current$files2 === void 0 ? void 0 : _inpRef$current$files2.name : (_props$file = props.file) === null || _props$file === void 0 ? void 0 : _props$file.name), /*#__PURE__*/React.createElement("span", {
     onClick: () => handleDelete(),
     style: extraStyles ? (_extraStyles7 = extraStyles) === null || _extraStyles7 === void 0 ? void 0 : _extraStyles7.closeIconStyles : null
   }, /*#__PURE__*/React.createElement(Close, {
@@ -17697,7 +17814,72 @@ const UploadFileDigiLocker = props => {
     warning: showToast.warning,
     label: t(showToast.label),
     onClose: () => setShowToast(null)
-  }));
+  }), showDigiLockerPreview && digiLockerPreviewUrl && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      backgroundColor: "rgba(0,0,0,0.7)",
+      zIndex: 9999,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    onClick: () => setShowDigiLockerPreview(false)
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: "#fff",
+      borderRadius: "8px",
+      width: "85%",
+      maxWidth: "860px",
+      overflow: "hidden",
+      boxShadow: "0 8px 32px rgba(0,0,0,0.4)"
+    },
+    onClick: ev => ev.stopPropagation()
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      padding: "12px 16px",
+      background: "#00497e"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#fff",
+      fontWeight: "bold",
+      fontSize: "14px"
+    }
+  }, t("WS_VIEW_DOCUMENT") || "View Document"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: () => setShowDigiLockerPreview(false),
+    style: {
+      background: "none",
+      border: "none",
+      cursor: "pointer",
+      padding: "4px"
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    width: "22",
+    height: "22"
+  }, /*#__PURE__*/React.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"
+  })))), /*#__PURE__*/React.createElement("embed", {
+    src: digiLockerPreviewUrl,
+    type: "application/pdf",
+    width: "100%",
+    height: "520px",
+    style: {
+      border: "none",
+      display: "block"
+    }
+  }))));
 };
 
 const DIGILOCKER_SUPPORTED_CODES = ["AADHAAR", "AADHAR", "DRIVING", "DRVLC", "PAN"];
@@ -48034,8 +48216,7 @@ const ApplicationDetails$1 = () => {
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: "2 1 500px",
-      minWidth: "300px",
-      overflowY: "auto"
+      minWidth: "300px"
     }
   }, /*#__PURE__*/React.createElement(ApplicationDetails, {
     applicationDetails: applicationDetails,