@verified-network/verified-custody 0.1.9 → 0.2.0

package/src/components/success.tsx

@@ -0,0 +1,142 @@
+import React from "react";
+import { errorToast } from "../utils/helpers";
+import { defaultVerifiedUrl, imageAssets } from "../utils/constants";
+
+const Success = (props: {
+  setStep?: (step: string) => void;
+  stepToSet?: string;
+  messageTosend?: { type: string; key?: string; value?: any };
+  customTextHeader: string;
+  customTextFooter: string;
+  showButton?: boolean;
+  buttonText?: string;
+  buttonNeutText?: string;
+  buttonFunc?: any;
+  buttonNeutFunc?: any;
+  action?: string;
+  actionHeaderText?: string;
+  actionFooterText?: string;
+  timeoutTime?: number;
+}) => {
+  const timeoutId = !props.showButton
+    ? setTimeout(
+        () => {
+          if (props.messageTosend) {
+            try {
+              if (chrome?.runtime?.sendMessage) {
+                chrome.runtime.sendMessage(props.messageTosend, (res) => {
+                  if (res && props.action !== "signRecovery") {
+                    window.close();
+                  }
+                });
+              } else {
+                window.location.href = defaultVerifiedUrl;
+              }
+            } catch (err) {
+              if (process.env.REACT_APP_NODE_ENV !== "production") {
+                console.error("error sending message: ", err);
+              }
+
+              errorToast(
+                "Oops something went wrong",
+                "Unexpected error. Try again later"
+              );
+            }
+          }
+
+          if (props.setStep && props.stepToSet) {
+            props.setStep(props.stepToSet);
+          }
+        },
+        props.timeoutTime ? props.timeoutTime : 3000
+      )
+    : null;
+
+  const handleContinue = () => {
+    props.setStep("6");
+  };
+
+  const handleClosePopup = () => {
+    // if (chrome.runtime) {
+    //   chrome.runtime.sendMessage({
+    //     type: "VW_REQ",
+    //     params: { method: "closePopup" },
+    //   });
+    // }
+    if (chrome.tabs) {
+      chrome.tabs.update({
+        url: "https://wallet.verified.network",
+      });
+    } else {
+      window.location.href = "https://wallet.verified.network";
+    }
+  };
+
+  return (
+    <div
+      style={{
+        alignContent: "center",
+        justifyContent: "center",
+        position: "relative",
+        height: "100%",
+        width: "90%",
+      }}
+      className="verified-custd-mdl-success-popup-content-container"
+    >
+      <div className="verified-custd-mdl-success-popup-content">
+        <img
+          style={{ width: "90%" }}
+          src={imageAssets.successIcon}
+          alt="Success Icon"
+        />
+        <div className="verified-custd-mdl-success-popup-content-text">
+          <p className="verified-custd-mdl-success-popup-content-text-header">
+            {!props?.showButton
+              ? props.customTextHeader
+              : props.actionHeaderText}
+          </p>
+          <p className="verified-custd-mdl-success-popup-content-text-footer">
+            {!props?.showButton
+              ? props.customTextFooter
+              : props.actionFooterText}
+          </p>
+        </div>
+      </div>
+
+      {props.showButton && props.buttonText?.length > 0 && (
+        <button
+          style={{ marginTop: "10px", fontSize: "14px" }}
+          onClick={() => {
+            if (timeoutId) {
+              clearTimeout(timeoutId);
+            }
+            if (props.action === "invitation") {
+              handleContinue();
+            }
+          }}
+          className="verified-custd-mdl-startup-button-active"
+        >
+          {props.buttonText}
+        </button>
+      )}
+      {props.showButton && props.buttonNeutText?.length > 0 && (
+        <button
+          style={{ marginTop: "10px", fontSize: "14px" }}
+          onClick={() => {
+            if (timeoutId) {
+              clearTimeout(timeoutId);
+            }
+            if (props.action === "invitation") {
+              handleClosePopup();
+            }
+          }}
+          className="verified-custd-mdl-startup-button-click"
+        >
+          {props.buttonNeutText}
+        </button>
+      )}
+    </div>
+  );
+};
+
+export default Success;

package/src/customTypes.d.ts

@@ -0,0 +1,37 @@
+declare module "react-dom/client" {
+  import { ReactElement } from "react";
+
+  interface Root {
+    render(children: ReactElement): void;
+    unmount(): void;
+  }
+
+  function createRoot(container: Element | DocumentFragment): Root;
+
+  export { createRoot };
+}
+
+declare module "*.png" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.jpg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.jpeg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.gif" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.svg" {
+  const value: string;
+  export default value;
+}

package/src/index.ts

@@ -0,0 +1,17 @@
+import "./style.css";
+
+export { default as VerifiedCustody } from "./pages";
+
+export { default as FTUPage } from "./pages/ftu";
+
+export { default as EnterPinPage } from "./pages/enterPin";
+
+export { default as CreatePinPage } from "./pages/createPin";
+
+export { default as ContactPage } from "./pages/contact";
+
+export { default as OTPPage } from "./pages/otp";
+
+export { default as AddCoSignersPage } from "./pages/addCosigners";
+
+export { hashTheString, encryptString, decryptString } from "./utils/helpers";