@djb25/digit-ui-module-ekyc 1.0.30 → 1.0.32

package/src/pages/employee/ConsumerDetails.js

@@ -1,299 +0,0 @@
-import React, { useState, Fragment, useEffect } from "react";
-import { CardLabel, TextInput, Dropdown, UploadFile, Toast, FormStep, Loader } from "@djb25/digit-ui-react-components";
-import { useLocation } from "react-router-dom";
-
-const ConsumerDetails = ({ config, onSelect, formData }) => {
-  const location = useLocation();
-  const flowState = location.state || {};
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-
-  const queryParams = new URLSearchParams(location.search);
-  const urlKno = queryParams.get("kno");
-
-  const searchKno = urlKno || flowState?.kNumber || flowState?.kno || formData?.kNumber || formData?.kno || sessionStorage.getItem("EKYC_K_NUMBER") || "";
-
-  const { isLoading, data: searchData } = Digit.Hooks.ekyc.useSearchConnection(
-    { tenantId, details: { kno: searchKno } },
-    { enabled: !!searchKno, cacheTime: 0 }
-  );
-
-  const savedData = formData?.consumerDetails || {};
-
-  // 🔹 STATES
-  const [kno, setKno] = useState(savedData.kno || "");
-  const [consumerType, setConsumerType] = useState(
-    savedData.consumerType ? { name: savedData.consumerType } : null
-  );
-  const [occupantType, setOccupantType] = useState(
-    savedData.occupantType ? { name: savedData.occupantType } : null
-  );
-  const [categoryType, setCategoryType] = useState(
-    savedData.categoryType ? { name: savedData.categoryType } : null
-  );
-
-  const [firstName, setFirstName] = useState(savedData.firstName || "");
-  const [middleName, setMiddleName] = useState(savedData.middleName || "");
-  const [lastName, setLastName] = useState(savedData.lastName || "");
-
-  const [gender, setGender] = useState(
-    savedData.gender ? { name: savedData.gender } : null
-  );
-
-  const [mobile, setMobile] = useState(savedData.mobile || "");
-  const [whatsapp, setWhatsapp] = useState(savedData.whatsapp || "");
-  const [email, setEmail] = useState(savedData.email || "");
-  const [residents, setResidents] = useState(savedData.residents || "");
-
-  // Tenant
-  const [, setDocumentProof] = useState(null);
-  const [documentId, setDocumentId] = useState(savedData.documentId || null);
-  const [ownerMobile, setOwnerMobile] = useState(savedData.ownerMobile || "");
-  const [tenantVerification, setTenantVerification] = useState(savedData.tenantVerification || "");
-
-  // Govt
-  const [designation, setDesignation] = useState(savedData.designation || "");
-  const [department, setDepartment] = useState(savedData.department || "");
-  const [employeeId, setEmployeeId] = useState(savedData.employeeId || "");
-
-  // Other Entity
-  const [contactPerson, setContactPerson] = useState(savedData.contactPerson || "");
-  const [entityName, setEntityName] = useState(savedData.entityName || "");
-
-  // Identity
-
-  const [toast, setToast] = useState(null);
-
-  // 🔹 OPTIONS
-  const consumerTypeOptions = [{ name: "Individual" }, { name: "Govt" }, { name: "Company_Society_Org" }];
-
-  const occupantOptions = [{ name: "Self" }, { name: "Tenanted" }];
-
-  const genderOptions = [{ name: "Male" }, { name: "Female" }, { name: "Others" }, { name: "Not prefer to say" }];
-
-  // 🔹 PREFILL FROM SEARCH DATA
-  useEffect(() => {
-    const rawData = searchData || formData?.connectionDetails;
-    const details = rawData?.connectionDetails || rawData || {};
-
-    if (searchKno && !kno) {
-      setKno(searchKno);
-    }
-
-    if (details && Object.keys(details).length > 0 && !savedData.firstName) {
-      if (details.consumerName) {
-        const nameParts = details.consumerName.trim().split(/\s+/);
-        if (nameParts.length > 0) setFirstName(nameParts[0]);
-        if (nameParts.length > 2) {
-          setMiddleName(nameParts.slice(1, -1).join(" "));
-          setLastName(nameParts[nameParts.length - 1]);
-        } else if (nameParts.length === 2) {
-          setLastName(nameParts[1]);
-        }
-      }
-      if (details.phoneNumber) {
-        setMobile(details.phoneNumber);
-      }
-      if (details.email) {
-        setEmail(details.email);
-      }
-    }
-  }, [searchData, formData?.connectionDetails, searchKno]);
-
-  // 🔹 FILE UPLOAD
-  const uploadFile = async (e, setter, idSetter) => {
-    const file = e.target.files[0];
-    if (!file) return;
-
-    try {
-      const res = await Digit.UploadServices.Filestorage("EKYC", file);
-      const id = res?.data?.files?.[0]?.fileStoreId;
-      if (id) {
-        setter(file.name);
-        idSetter(id);
-      }
-    } catch {
-      setToast({ type: "error", message: "Upload failed" });
-    }
-  };
-
-  // 🔹 VALIDATION
-  const isValid = () => {
-    if (!kno) return false;
-    if (!consumerType) return false;
-    if (!occupantType) return false;
-    if (!categoryType) return false;
-    if (!firstName) return false;
-    if (!mobile) return false;
-    if (!residents || Number(residents) <= 0) return false;
-
-    if (occupantType?.name === "Tenanted" && !documentId && !ownerMobile) return false;
-
-    return true;
-  };
-
-  // 🔹 SUBMIT
-  const onStepSelect = () => {
-    if (!isValid()) {
-      setToast({ type: "error", message: "Fill required fields" });
-      return;
-    }
-
-    const data = {
-      kno,
-      consumerType: consumerType?.name,
-      occupantType: occupantType?.name,
-      categoryType: categoryType?.name,
-      firstName,
-      middleName,
-      lastName,
-      gender: gender?.name,
-      mobile,
-      whatsapp,
-      email,
-      residents,
-      documentId,
-      ownerMobile,
-      tenantVerification,
-      designation,
-      department,
-      employeeId,
-      contactPerson,
-      entityName,
-    };
-
-    onSelect(config.key, data);
-  };
-
-  if (isLoading) {
-    return <Loader />;
-  }
-
-  return (
-    <Fragment>
-      <FormStep onSelect={onStepSelect} config={config}>
-        <div>
-          <CardLabel>K Number *</CardLabel>
-          <TextInput value={kno} onChange={(e) => setKno(e.target.value)} />
-        </div>
-
-        <div>
-          <CardLabel>Consumer Type *</CardLabel>
-          <Dropdown option={consumerTypeOptions} selected={consumerType} select={setConsumerType} />
-        </div>
-
-        <div>
-          <CardLabel>Occupant Type *</CardLabel>
-          <Dropdown option={occupantOptions} selected={occupantType} select={setOccupantType} />
-        </div>
-
-        <div>
-          <CardLabel>Category Type *</CardLabel>
-          <Dropdown option={[]} selected={categoryType} select={setCategoryType} />
-        </div>
-
-        <div>
-          <CardLabel>First Name *</CardLabel>
-          <TextInput value={firstName} onChange={(e) => setFirstName(e.target.value)} />
-        </div>
-
-        <div>
-          <CardLabel>Middle Name</CardLabel>
-          <TextInput value={middleName} onChange={(e) => setMiddleName(e.target.value)} />
-        </div>
-
-        <div>
-          <CardLabel>Last Name</CardLabel>
-          <TextInput value={lastName} onChange={(e) => setLastName(e.target.value)} />
-        </div>
-
-        <div>
-          <CardLabel>Gender</CardLabel>
-          <Dropdown option={genderOptions} selected={gender} select={setGender} />
-        </div>
-
-        <div>
-          <CardLabel>Mobile *</CardLabel>
-          <TextInput value={mobile} onChange={(e) => setMobile(e.target.value)} />
-        </div>
-
-        <div>
-          <CardLabel>WhatsApp</CardLabel>
-          <TextInput value={whatsapp} onChange={(e) => setWhatsapp(e.target.value)} />
-        </div>
-
-        <div>
-          <CardLabel>Email</CardLabel>
-          <TextInput value={email} onChange={(e) => setEmail(e.target.value)} />
-        </div>
-
-        <div>
-          <CardLabel>No. of Residents *</CardLabel>
-          <TextInput value={residents} onChange={(e) => setResidents(e.target.value)} />
-        </div>
-
-        {/* TENANT LOGIC */}
-        {occupantType?.name === "Tenanted" && (
-          <Fragment>
-            <div>
-              <CardLabel>Document Proof</CardLabel>
-              <UploadFile onUpload={(e) => uploadFile(e, setDocumentProof, setDocumentId)} />
-            </div>
-
-            {!documentId && (
-              <Fragment>
-                <div>
-                  <CardLabel>Owner Mobile *</CardLabel>
-                  <TextInput value={ownerMobile} onChange={(e) => setOwnerMobile(e.target.value)} />
-                </div>
-
-                <div>
-                  <CardLabel>Tenant Verification</CardLabel>
-                  <TextInput value={tenantVerification} onChange={(e) => setTenantVerification(e.target.value)} />
-                </div>
-              </Fragment>
-            )}
-          </Fragment>
-        )}
-
-        {/* GOVT */}
-        {consumerType?.name === "Govt" && (
-          <Fragment>
-            <div>
-              <CardLabel>Designation</CardLabel>
-              <TextInput value={designation} onChange={(e) => setDesignation(e.target.value)} />
-            </div>
-
-            <div>
-              <CardLabel>Department</CardLabel>
-              <TextInput value={department} onChange={(e) => setDepartment(e.target.value)} />
-            </div>
-
-            <div>
-              <CardLabel>Employee ID</CardLabel>
-              <TextInput value={employeeId} onChange={(e) => setEmployeeId(e.target.value)} />
-            </div>
-          </Fragment>
-        )}
-
-        {/* OTHER ENTITY */}
-        {consumerType?.name === "Company_Society_Org" && (
-          <Fragment>
-            <div>
-              <CardLabel>Entity Name</CardLabel>
-              <TextInput value={entityName} onChange={(e) => setEntityName(e.target.value)} />
-            </div>
-
-            <div>
-              <CardLabel>Contact Person</CardLabel>
-              <TextInput value={contactPerson} onChange={(e) => setContactPerson(e.target.value)} />
-            </div>
-          </Fragment>
-        )}
-
-        {toast && <Toast label={toast.message} error={toast.type === "error"} onClose={() => setToast(null)} />}
-      </FormStep>
-    </Fragment>
-  );
-};
-
-export default ConsumerDetails;

package/src/pages/employee/Create.js

@@ -1,94 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Card, HomeIcon, Toast } from "@djb25/digit-ui-react-components";
-import { useTranslation } from "react-i18next";
-import SearchConsumer from "../../components/SearchConsumer";
-import ConnectionDetailsView from "../../components/ConnectionDetailsView";
-
-const Create = () => {
-    const { t } = useTranslation();
-    const [searchParams, setSearchParams] = useState(() => {
-        const saved = sessionStorage.getItem("EKYC_CREATE_SEARCH_PARAMS");
-        return saved ? JSON.parse(saved) : { kNumber: "", kName: "" };
-    });
-    const [searchPerformed, setSearchPerformed] = useState(() => {
-        return sessionStorage.getItem("EKYC_CREATE_SEARCH_PERFORMED") === "true";
-    });
-    const [showToast, setShowToast] = useState(null);
-    const [formParams, setFormParams, clearParams] = Digit.Hooks.useSessionStorage("EKYC_CREATE", {});
-
-    const tenantId = Digit.ULBService.getCurrentTenantId();
-
-    const { isLoading: isSearching, data: connectionDetails, error, revalidate } = Digit.Hooks.ekyc.useSearchConnection({
-        tenantId,
-        details: { kno: searchParams.kNumber, name: searchParams.kName }
-    }, {
-        enabled: searchPerformed && !!searchParams.kNumber && !!searchParams.kName,
-        onError: (error) => {
-            setShowToast({ error: true, label: error?.response?.data?.Errors?.[0]?.message || t("EKYC_SEARCH_ERROR_PLEASE_ENTER_THE_CORRECT_CREDENTIALS") });
-            setSearchPerformed(false);
-            sessionStorage.removeItem("EKYC_CREATE_SEARCH_PERFORMED");
-        }
-    });
-
-    const handleSearch = (params) => {
-        if (!params.kNumber && !params.kName) {
-            // This is the "Clear" case
-            setSearchParams({ kNumber: "", kName: "" });
-            setSearchPerformed(false);
-            sessionStorage.removeItem("EKYC_CREATE_SEARCH_PARAMS");
-            sessionStorage.removeItem("EKYC_CREATE_SEARCH_PERFORMED");
-            clearParams(); // Clear consolidated EKYC data
-            return;
-        }
-
-        if (!params.kNumber || !params.kName) {
-            setShowToast({ error: true, label: t("EKYC_FILL_ALL_FIELDS") });
-            return;
-        }
-        setSearchParams(params);
-        setSearchPerformed(true);
-
-        // Clear previous EKYC session data if K-number changes
-        const currentKno = sessionStorage.getItem("EKYC_K_NUMBER");
-        if (currentKno !== params.kNumber) {
-            clearParams();
-            // Clear any other EKYC keys if they exist
-            Object.keys(sessionStorage).forEach(key => {
-                if (key.startsWith("EKYC_") && key !== "EKYC_CREATE") sessionStorage.removeItem(key);
-            });
-        }
-
-        sessionStorage.setItem("EKYC_CREATE_SEARCH_PARAMS", JSON.stringify(params));
-        sessionStorage.setItem("EKYC_CREATE_SEARCH_PERFORMED", "true");
-        sessionStorage.setItem("EKYC_K_NUMBER", params.kNumber);
-    };
-
-    const closeToast = () => {
-        setShowToast(null);
-    };
-
-    return (
-        <SearchConsumer
-            onSearch={handleSearch}
-            searchParams={searchParams}
-        >
-            {searchPerformed && (
-                <ConnectionDetailsView
-                    kNumber={searchParams.kNumber}
-                    kName={searchParams.kName}
-                    connectionDetails={connectionDetails}
-                    isLoading={isSearching}
-                />
-            )}
-
-            {!searchPerformed && !isSearching && (
-                <Card style={{ textAlign: "center", padding: "40px" }}>
-                    <div style={{ color: "#667085" }}>{t("EKYC_SEARCH_TO_VIEW_DETAILS")}</div>
-                </Card>
-            )}
-            {showToast && <Toast error={showToast.error} label={showToast.label} onClose={closeToast} isDsc={true} />}
-        </SearchConsumer>
-    );
-};
-
-export default Create;

package/src/pages/employee/EKYCForm.js

@@ -1,118 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import { useTranslation } from "react-i18next";
-// import { useQueryClient } from "react-query";
-import { Redirect, Route, Switch, useHistory, useLocation, useRouteMatch } from "react-router-dom";
-import { VerticalTimeline } from "@djb25/digit-ui-react-components";
-import { ekycConfig } from "../../config/config";
-
-const EKYCForm = ({ path: passedPath }) => {
-  // const queryClient = useQueryClient();
-  const match = useRouteMatch();
-  const { t } = useTranslation();
-  const location = useLocation();
-  const { pathname } = location;
-  const history = useHistory();
-
-  let config = [];
-  const [params, setParams] = Digit.Hooks.useSessionStorage("EKYC_CREATE", {});
-
-  useEffect(() => {
-    if (location.state && Object.keys(location.state).length > 0) {
-      const { edits, ...rest } = location.state;
-      setParams({ ...params, ...rest, ...edits });
-    }
-  }, [location.state]);
-
-  const goNext = (skipStep, index, isAddMultiple, key) => {
-    let currentPath = pathname.split("/").pop();
-    let routeObj = config.find((routeObj) => (key ? routeObj.key === key : routeObj.route === currentPath));
-    if (!routeObj) routeObj = config.find((routeObj) => routeObj.route === currentPath);
-
-    let nextStep = null;
-    const currentIndex = config.findIndex((c) => c.route === routeObj.route);
-    if (currentIndex > -1 && currentIndex < config.length - 1) {
-      nextStep = config[currentIndex + 1].route;
-    }
-
-    let redirectWithHistory = history.push;
-    if (skipStep) {
-      redirectWithHistory = history.replace;
-    }
-
-    const base = passedPath || match.path.split("/").slice(0, -1).join("/");
-    if (nextStep === null) {
-      return redirectWithHistory(`${base}/review`, { ...params, edits: params });
-    }
-
-    redirectWithHistory(`${base}/${nextStep}`, { ...params });
-  };
-
-  function handleSelect(key, data, skipStep, index, isAddMultiple = false, silent = false) {
-    setParams((prev) => ({ ...prev, [key]: { ...params[key], ...data } }));
-    if (!silent) {
-      goNext(skipStep, index, isAddMultiple, key);
-    }
-  }
-
-  // const onSuccess = () => {
-  //   clearParams();
-  //   queryClient.invalidateQueries("EKYC_CREATE");
-  // };
-
-  ekycConfig.forEach((obj) => {
-    config = config.concat(obj.body);
-  });
-
-  config.indexRoute = "consumer-details";
-
-  const formStepRoutes = config.map((c) => c.route);
-  const isFormStep = formStepRoutes.some((route) => pathname.includes(route));
-
-  const sectionRefs = useRef({});
-
-  useEffect(() => {
-    if (isFormStep) {
-      const currentRoute = pathname.split("/").pop();
-      if (sectionRefs.current[currentRoute]) {
-        sectionRefs.current[currentRoute].scrollIntoView({ behavior: "smooth", block: "start" });
-      }
-    }
-  }, [pathname, isFormStep]);
-
-  return (
-    <React.Fragment>
-      <div className="employee-form-section-wrapper">
-        <VerticalTimeline config={config} showFinalStep={true} />
-        <div className="employee-form-section">
-          <Switch>
-            <Route path={formStepRoutes.map((route) => `${passedPath || match.path.split("/").slice(0, -1).join("/")}/${route}`)}>
-              <div className="single-page-form-container">
-                {config.map((routeObj, index) => {
-                  const { component } = routeObj;
-                  const Component = typeof component === "string" ? Digit.ComponentRegistryService.getComponent(component) : component;
-
-                  return (
-                    <div key={index} ref={(el) => (sectionRefs.current[routeObj.route] = el)} className="form-section-unit">
-                      <Component
-                        config={{ ...routeObj, isCollapsible: true, defaultOpen: true }}
-                        onSelect={handleSelect}
-                        t={t}
-                        formData={params}
-                      // formData={{ ...params, address: params.addressDetails }}
-                      />
-                    </div>
-                  );
-                })}
-              </div>
-            </Route>
-            <Route>
-              <Redirect to={`${passedPath || match.path.split("/").slice(0, -1).join("/")}/${config.indexRoute}`} />
-            </Route>
-          </Switch>
-        </div>
-      </div>
-    </React.Fragment>
-  );
-};
-
-export default EKYCForm;