everest-npm-features 0.0.47 → 0.0.49

package/dist/components/Wallet/Profile/documents.js

@@ -1,30 +1,529 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../Close-CNwiMz_O.js";
-import "../../../Delete-jpMstGIF.js";
-import "../../../Cancel-4lT7GZUA.js";
-import "../Shared/inputField.js";
-import "../Shared/step.js";
-import "../../../react-webcam-B3cXh1XT.js";
-import { D as B } from "../../../documents-RjwlADn2.js";
-import "../../Shared/transition.js";
-import "../../../util/functions.js";
-import "../../../react-redux-B4BZippc.js";
-import "../../../constants-BJhUp96H.js";
-import "../../../index-BQNs1mvn.js";
-import "../../../util/constants.js";
-import "../../../hooks/useDialog/index.js";
-import "../Shared/appButton.js";
-import "../../../Backdrop-CioURPVG.js";
-import "../../../CircularProgress-xZA3lvba.js";
-import "../../../Typography-pAaje37G.js";
-import "../../../Button-Df4vgU24.js";
-import "../../../Box-B0YSYLco.js";
-import "../../../DialogContent-BMwlOnbW.js";
-import "../../../DialogTitle-CfS0bb2K.js";
-import "../../../IconButton-DHm-hucF.js";
-import "../../../Divider-BShhMFf4.js";
-import "../../../Grid-CFe3amXO.js";
+import { jsx as e, jsxs as t, Fragment as v } from "react/jsx-runtime";
+import { useState as f, useEffect as A, useRef as Y } from "react";
+import { C as F } from "../../../Close-CNwiMz_O.js";
+import { D as oe } from "../../../Delete-jpMstGIF.js";
+import { C as re } from "../../../Cancel-4lT7GZUA.js";
+import ie from "../Shared/inputField.js";
+import j from "../Shared/step.js";
+import { W as ce } from "../../../react-webcam-B3cXh1XT.js";
+import { c as ae } from "../../../createSvgIcon-Cuzqm90l.js";
+import se from "../../Shared/transition.js";
+import { getDocName as le } from "../../../util/functions.js";
+import { u as me } from "../../../react-redux-C7I9-1M6.js";
+import { ar as de, as as ue, at as he, au as pe, av as fe, aw as ge } from "../../../constants-t7n9qCW3.js";
+import { e as xe } from "../../../index-BQNs1mvn.js";
+import { s as i } from "../../../styles.module-CHPRGltL.js";
+import { RIGHT_ARROW as M, DELETE_ICON as De } from "../../../util/constants.js";
+import { useDialog as Ce } from "../../../hooks/useDialog/index.js";
+import g from "../Shared/appButton.js";
+import be from "../../../hooks/useEverestDispatch.js";
+import { B as ve } from "../../../Backdrop-CioURPVG.js";
+import { C as w } from "../../../CircularProgress-xZA3lvba.js";
+import { T as a } from "../../../Typography-pAaje37G.js";
+import { B as Ne } from "../../../Button-Df4vgU24.js";
+import { B as c } from "../../../Box-B0YSYLco.js";
+import { D as L, a as z } from "../../../DialogContent-BMwlOnbW.js";
+import { D as $ } from "../../../DialogTitle-CfS0bb2K.js";
+import { I as T } from "../../../IconButton-DHm-hucF.js";
+import { D as V } from "../../../Divider-BShhMFf4.js";
+import { G as u } from "../../../Grid-CFe3amXO.js";
+const ye = () => ({
+  type: ue
+}), Ee = (o) => ({
+  type: pe,
+  payload: o
+}), Se = (o) => ({
+  type: fe,
+  payload: o
+}), J = () => ({
+  type: de
+}), Ie = (o) => ({
+  type: ge,
+  payload: o
+}), Te = (o) => ({
+  type: he,
+  payload: o
+}), ke = ae(/* @__PURE__ */ e("path", {
+  d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"
+}), "ArrowBack"), Re = ({
+  showAlertMessage: o,
+  documentName: d,
+  setDocumentName: x,
+  setDocumentScreen: h
+}) => /* @__PURE__ */ t(c, { className: "text-center", children: [
+  /* @__PURE__ */ e(j, { totalSteps: 2, currentStep: 1 }),
+  /* @__PURE__ */ e(a, { className: "secondary-text-color", variant: "h5", children: /* @__PURE__ */ e("strong", { children: "Name your document" }) }),
+  /* @__PURE__ */ e(
+    ie,
+    {
+      label: "Document Name",
+      value: d,
+      onChangeHandler: (r) => x(r)
+    }
+  ),
+  /* @__PURE__ */ e(
+    g,
+    {
+      sx: { mt: 4, mb: 4 },
+      onClick: () => {
+        if (!d)
+          return o({ message: "Please provide the document name" }), !1;
+        h(2);
+      },
+      disabled: !d,
+      fullWidth: !0,
+      children: /* @__PURE__ */ e("strong", { children: "Next" })
+    }
+  )
+] }), we = ({
+  showAlertMessage: o,
+  uploadLoader: d,
+  uploadDocument: x,
+  documentFile: h,
+  setDocumentFile: s,
+  setDocumentScreen: r
+}) => {
+  const l = Y(null), [D, p] = f("Choose File");
+  return /* @__PURE__ */ t(c, { className: "text-center", children: [
+    /* @__PURE__ */ e(j, { totalSteps: 2, currentStep: 2 }),
+    /* @__PURE__ */ e(a, { className: "fw500", variant: "h6", children: "Uploaded files must be image format (PDF, PNG or JPEG/JPG)" }),
+    /* @__PURE__ */ t(u, { mt: 2, container: !0, spacing: 2, children: [
+      /* @__PURE__ */ e(u, { size: 6, children: /* @__PURE__ */ e(
+        g,
+        {
+          variantType: "secondary",
+          onClick: () => r(3),
+          fullWidth: !0,
+          children: "Use Camera"
+        }
+      ) }),
+      /* @__PURE__ */ e(u, { size: 6, children: /* @__PURE__ */ e(
+        g,
+        {
+          variantType: "secondary",
+          onClick: () => l.current && l.current.click(),
+          sx: { overflow: "hidden" },
+          fullWidth: !0,
+          children: D
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: l,
+        onChange: (m) => {
+          if (m.target.files && !m.target.files[0].name.match(/.(jpg|jpeg|png)$/i))
+            o({ message: "Please provide a valid file" });
+          else if (m.target.files && m.target.files[0]) {
+            p(m.target.files[0].name);
+            let b = new FileReader();
+            b.onload = (k) => {
+              var E;
+              const y = (E = k.target) == null ? void 0 : E.result;
+              if (typeof y == "string") {
+                const W = y.split(/[,]/);
+                s(W[1]);
+              }
+            }, b.readAsDataURL(m.target.files[0]);
+          }
+        },
+        accept: ".jpg,.jpeg,.png,.pdf,",
+        type: "file",
+        hidden: !0
+      }
+    ),
+    d ? /* @__PURE__ */ t(c, { mt: 4, sx: { color: "#00B171", textAlign: "center" }, children: [
+      /* @__PURE__ */ e(w, { size: 30, color: "inherit" }),
+      /* @__PURE__ */ t(a, { variant: "h5", sx: { fontWeight: "bold" }, children: [
+        "Processing...",
+        /* @__PURE__ */ e("br", {}),
+        "one moment please"
+      ] })
+    ] }) : /* @__PURE__ */ e(
+      g,
+      {
+        sx: { mt: 4, mb: 4 },
+        onClick: () => {
+          if (!h)
+            return o({ message: "Please provide the document" }), !1;
+          x();
+        },
+        disabled: !h,
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: "Submit" })
+      }
+    )
+  ] });
+}, We = ({
+  showAlertMessage: o,
+  documentFile: d,
+  setDocumentFile: x,
+  uploadDocument: h,
+  uploadLoader: s
+}) => {
+  const r = Y(null), l = {
+    audio: !1,
+    height: {
+      min: 720
+    },
+    width: {
+      ideal: 1280
+    },
+    aspectRatio: 1.333,
+    // 4:3
+    facingMode: "user",
+    frameRate: {
+      ideal: 30,
+      max: 30
+    }
+  }, [D, p] = f(""), C = () => {
+    if (r.current) {
+      const m = r.current.getScreenshot(), b = m.split(/[,]/);
+      x(b[1]), p(m);
+    }
+  }, N = () => {
+    if (!D)
+      return o({
+        message: "Please take the photo of the document"
+      }), !1;
+    h();
+  };
+  return /* @__PURE__ */ t(c, { className: "text-center", children: [
+    /* @__PURE__ */ e(j, { totalSteps: 2, currentStep: 2 }),
+    D ? /* @__PURE__ */ t(v, { children: [
+      /* @__PURE__ */ t(
+        c,
+        {
+          className: `${i["doc-video-box"]} ${i["image-corner-color"]}`,
+          children: [
+            /* @__PURE__ */ e("span", {}),
+            /* @__PURE__ */ e(
+              "img",
+              {
+                className: i["video-box-inner-content"],
+                src: D,
+                alt: "doc"
+              }
+            )
+          ]
+        }
+      ),
+      s ? /* @__PURE__ */ t(c, { mt: 4, sx: { color: "#00B171", textAlign: "center" }, children: [
+        /* @__PURE__ */ e(w, { size: 30, color: "inherit" }),
+        /* @__PURE__ */ t(a, { variant: "h5", sx: { fontWeight: "bold" }, children: [
+          "Processing...",
+          /* @__PURE__ */ e("br", {}),
+          "one moment please"
+        ] })
+      ] }) : /* @__PURE__ */ t(v, { children: [
+        /* @__PURE__ */ e(
+          g,
+          {
+            onClick: N,
+            sx: { mt: 6 },
+            disabled: !d,
+            fullWidth: !0,
+            children: /* @__PURE__ */ e("strong", { children: "Submit" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          g,
+          {
+            variantType: "secondary",
+            onClick: () => p(""),
+            sx: { mt: 2 },
+            fullWidth: !0,
+            children: /* @__PURE__ */ e("strong", { children: "Retake Photo" })
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ t(v, { children: [
+      /* @__PURE__ */ t(c, { className: i["doc-video-box"], children: [
+        /* @__PURE__ */ e("span", {}),
+        /* @__PURE__ */ e(
+          ce,
+          {
+            className: i["video-box-inner-content"],
+            audio: !1,
+            ref: r,
+            screenshotFormat: "image/jpeg",
+            videoConstraints: l,
+            minScreenshotHeight: l.height.min,
+            minScreenshotWidth: l.width.ideal,
+            screenshotQuality: 1
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(g, { onClick: C, sx: { mt: 8 }, fullWidth: !0, children: /* @__PURE__ */ e("strong", { children: "Take Photo" }) })
+    ] })
+  ] });
+}, at = ({ showAlertMessage: o, identityDocs: d }) => {
+  const { openDialog: x, ConfirmDialog: h } = Ce(), s = be(), r = me(xe), l = r.data, D = r.loader, p = r.message, C = r.error, N = r.preview.front, m = r.preview.back, b = r.preview.loader, k = r.uploadLoader, [y, E] = f(!1), [W, O] = f(!1), [P, S] = f(1), [K, G] = f(!1), [U, Q] = f(""), [R, B] = f("");
+  A(() => {
+    C && o({ message: C });
+  }, [C]), A(() => {
+    p && (o({ message: p, type: "success" }), E(!1), _());
+  }, [p]);
+  const q = () => {
+    if (!U)
+      return o({ message: "Please provide the document name" }), !1;
+    if (!R)
+      return o({ message: "Please provide the document" }), !1;
+    s(
+      Te({
+        filename: U.trim(),
+        content: R
+      })
+    );
+  }, X = () => {
+    s(ye());
+  };
+  A(() => {
+    X();
+  }, []);
+  const Z = (n) => {
+    s(Ee(n));
+  }, ee = (n) => {
+    s(Se(n));
+  }, te = (n) => {
+    x({
+      icon: De,
+      height: "450px",
+      title: "Are you sure you want to delete?",
+      message: "This action cannot be undone.",
+      onConfirm: () => {
+        ne(n);
+      },
+      cancelButtonShow: !0
+    });
+  }, ne = (n) => {
+    s(Ie(n));
+  }, H = ({ data: n, type: I }) => I === "identity" ? /* @__PURE__ */ e(
+    c,
+    {
+      className: i["menu-item"],
+      onClick: () => n.documentId && Z(n.documentId),
+      children: /* @__PURE__ */ t(u, { container: !0, sx: { width: "100%" }, children: [
+        /* @__PURE__ */ e(u, { size: 10, className: "content-center", children: /* @__PURE__ */ e(c, { sx: { textAlign: "left" }, children: /* @__PURE__ */ e(a, { color: "primary", children: /* @__PURE__ */ e("strong", { children: n.documentType && le(n.documentType) }) }) }) }),
+        /* @__PURE__ */ e(u, { size: 2, children: /* @__PURE__ */ e(a, { sx: { textAlign: "right" }, children: /* @__PURE__ */ e("img", { src: M, alt: "arrow" }) }) })
+      ] })
+    }
+  ) : /* @__PURE__ */ t(c, { sx: { position: "relative" }, className: i["menu-item"], children: [
+    y && /* @__PURE__ */ e(
+      T,
+      {
+        className: i["remove-icon"],
+        onClick: () => te(n.filename),
+        children: /* @__PURE__ */ e(re, {})
+      }
+    ),
+    /* @__PURE__ */ t(
+      u,
+      {
+        onClick: () => ee(n.filename),
+        container: !0,
+        sx: { width: "100%" },
+        children: [
+          /* @__PURE__ */ e(u, { size: 10, className: "content-center", children: /* @__PURE__ */ e(c, { sx: { textAlign: "left" }, children: /* @__PURE__ */ e(a, { color: "primary", children: /* @__PURE__ */ e("strong", { children: n.filename }) }) }) }),
+          /* @__PURE__ */ e(u, { size: 2, children: /* @__PURE__ */ e(a, { sx: { textAlign: "right" }, children: /* @__PURE__ */ e("img", { src: M, alt: "arrow" }) }) })
+        ]
+      }
+    )
+  ] }), _ = () => {
+    Q(""), B(""), S(1), G(!1);
+  };
+  return /* @__PURE__ */ t(v, { children: [
+    /* @__PURE__ */ e(h, {}),
+    /* @__PURE__ */ e(
+      ve,
+      {
+        sx: {
+          color: "#fff",
+          zIndex: (n) => n.zIndex.drawer + 1e3
+        },
+        open: b,
+        children: /* @__PURE__ */ e(w, { color: "inherit" })
+      }
+    ),
+    /* @__PURE__ */ e(a, { className: i.heading, variant: "h6", children: /* @__PURE__ */ e("strong", { children: "My Documents" }) }),
+    l.length > 0 && /* @__PURE__ */ t(
+      Ne,
+      {
+        className: `${y ? i["delete-disable"] : i["confirm-edit"]} normal-text`,
+        sx: { mt: 3, mb: 3 },
+        variant: "contained",
+        onClick: () => E((n) => !n),
+        children: [
+          /* @__PURE__ */ e(oe, {}),
+          "Delete"
+        ]
+      }
+    ),
+    D ? /* @__PURE__ */ e(c, { className: "text-center", mt: 8, children: /* @__PURE__ */ e(w, {}) }) : /* @__PURE__ */ t(v, { children: [
+      d && d.map((n, I) => /* @__PURE__ */ e(H, { data: n, type: "identity" }, I)),
+      l && l.map((n, I) => /* @__PURE__ */ e(H, { data: n, type: "normal" }, I)),
+      !d && l.length === 0 && /* @__PURE__ */ e(a, { mt: 4, className: "text-center", variant: "h4", children: "No Documents" })
+    ] }),
+    /* @__PURE__ */ e(
+      g,
+      {
+        sx: { mt: 4 },
+        onClick: () => G(!0),
+        fullWidth: !0,
+        children: /* @__PURE__ */ e("strong", { children: "Add new document" })
+      }
+    ),
+    /* @__PURE__ */ t(
+      L,
+      {
+        open: W,
+        fullWidth: !0,
+        onClose: () => O(!1),
+        children: [
+          /* @__PURE__ */ e($, { sx: { mt: 1, p: 2, color: "#16359D" }, children: /* @__PURE__ */ e(
+            T,
+            {
+              "aria-label": "close",
+              onClick: () => O(!1),
+              sx: {
+                position: "absolute",
+                right: 8,
+                top: 8,
+                color: "#16359D"
+              },
+              children: /* @__PURE__ */ e(F, {})
+            }
+          ) }),
+          /* @__PURE__ */ e(V, { sx: { mt: 2 } }),
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(c, { children: "Add Document Modal" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      L,
+      {
+        open: !!N,
+        fullWidth: !0,
+        onClose: () => s(J()),
+        children: [
+          /* @__PURE__ */ e($, { sx: { mt: 1, p: 2, color: "#16359D" }, children: /* @__PURE__ */ e(
+            T,
+            {
+              "aria-label": "close",
+              onClick: () => s(J()),
+              sx: {
+                position: "absolute",
+                right: 8,
+                top: 8,
+                color: "#16359D"
+              },
+              children: /* @__PURE__ */ e(F, {})
+            }
+          ) }),
+          /* @__PURE__ */ e(V, { sx: { mt: 2 } }),
+          /* @__PURE__ */ e(z, { children: /* @__PURE__ */ t(c, { children: [
+            /* @__PURE__ */ e(a, { variant: "h5", mb: 3, children: "Front Image" }),
+            /* @__PURE__ */ e(
+              "img",
+              {
+                className: i["video-box-inner-content"],
+                src: "data:image/jpeg;base64," + N,
+                alt: "Front"
+              }
+            ),
+            m && /* @__PURE__ */ t(v, { children: [
+              /* @__PURE__ */ e(a, { variant: "h5", mt: 2, mb: 3, children: "Back Image" }),
+              /* @__PURE__ */ e(
+                "img",
+                {
+                  className: i["video-box-inner-content"],
+                  src: "data:image/jpeg;base64," + m,
+                  alt: "Back"
+                }
+              )
+            ] })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      L,
+      {
+        fullWidth: !0,
+        open: K,
+        onClose: _,
+        TransitionComponent: se,
+        children: [
+          /* @__PURE__ */ t(c, { className: i["asset-header"], children: [
+            /* @__PURE__ */ e(
+              T,
+              {
+                "aria-label": "close",
+                onClick: () => S(
+                  P - 1 <= 0 ? 1 : P - 1
+                ),
+                sx: { color: "#16359d", ml: "20px" },
+                children: /* @__PURE__ */ e(ke, {})
+              }
+            ),
+            /* @__PURE__ */ e(
+              a,
+              {
+                className: "secondary-text-color",
+                variant: "subtitle1",
+                component: "p",
+                children: /* @__PURE__ */ e("strong", { children: "Add new document" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              T,
+              {
+                "aria-label": "close",
+                onClick: _,
+                className: i["asset-close-btn"],
+                children: /* @__PURE__ */ e(F, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(z, { sx: { padding: "20px 45px" }, dividers: !0, children: {
+            1: /* @__PURE__ */ e(
+              Re,
+              {
+                showAlertMessage: o,
+                documentName: U,
+                setDocumentName: Q,
+                setDocumentScreen: S
+              }
+            ),
+            2: /* @__PURE__ */ e(
+              we,
+              {
+                showAlertMessage: o,
+                setDocumentScreen: S,
+                documentFile: R,
+                setDocumentFile: B,
+                uploadDocument: q,
+                uploadLoader: k
+              }
+            ),
+            3: /* @__PURE__ */ e(
+              We,
+              {
+                showAlertMessage: o,
+                setDocumentScreen: S,
+                documentFile: R,
+                setDocumentFile: B,
+                uploadDocument: q,
+                uploadLoader: k
+              }
+            )
+          }[P] })
+        ]
+      }
+    )
+  ] });
+};
 export {
-  B as default
+  at as default
 };