vult-security-kyc 0.0.1

package/README.md

@@ -0,0 +1,91 @@
+# vult-kyc-widget
+
+The client side construction for the KYC Widget
+
+## Local Development - Requirements
+
+* [NPM](https://www.npmjs.com/)
+* [Node](https://nodejs.org/en/)
+* [Typescript](https://www.typescriptlang.org/)
+* [Yarn](https://yarnpkg.com//)
+
+## Usage
+
+```typescript
+ window.addEventListener("load", () => {
+    // Code to run once the entire page (including images) is fully loaded
+    idv = new VultKYC.KYCWidget({
+        onComplete: function () {
+            console.log("The Kyc is completed.")
+        },
+        onDismiss:function(){
+            // callback when dismissing modal by pressing/clicking on backdrop
+        },
+        Session_Type: VultKYC.IDV,
+    })
+    ida = new VultKYC.KYCWidget({
+        onComplete: function () {
+            console.log("The Kyc is completed.")
+        },
+        onDismiss:function(){
+            // callback when dismissing modal by pressing/clicking on backdrop
+        },
+        Session_Type: VultKYC.IDA,
+    })
+});
+
+function onPressIDV() {
+    idv.startIDVerify("e595a489-3706-4942-969d-17259db47b51")
+}
+function onPressIDA() {
+        ida.startIDAuthenticate("beba906a-76aa-4231-a610-763f6fef8855")
+}
+```
+
+The object needed to instantiate KYC widget.
+
+```typescript
+interface IKYCWidget {
+    Session_Type: "IDVerification" | "IDAuthentication",
+    onComplete?: () => void
+    onDismiss?: () => void
+}
+```
+## Development
+
+### Installing the Package Locally
+
+```bash
+# Step 1: Clear yarn cache for the specific package
+yarn cache clean kyc-widget
+
+# Step 2: Verify it's cleared (should return nothing)
+yarn cache list | grep kyc-widget
+
+# Step 3: Remove the package from node_modules (you already did this)
+rm -rf node_modules/kyc-widget
+
+# Step 4: Remove yarn.lock entry if it exists (optional but recommended)
+# Manually edit yarn.lock to remove kyc-widget entries, or:
+
+# Step 5: Clear yarn's entire cache (nuclear option if step 1 doesn't work)
+yarn cache clean
+
+# Step 6: Remove node_modules and yarn.lock (if you want completely fresh install)
+rm -rf node_modules
+rm yarn.lock
+
+# Step 7: Reinstall everything
+yarn install
+
+# Step 8: Then add your local package
+yarn add ./path/to/kyc-widget-2.0.0.tgz
+```
+
+## Licensing
+
+This project includes third-party libraries with their own licenses. Below is a summary of the third-party licenses included in this project:
+
+* **DOMPurify**: Licensed under the Apache License 2.0. See `third-party-licenses/DOMPurify/LICENSE` for the full text.
+
+For detailed licensing information and attributions, please refer to the `third-party-licenses/` directory.

package/build/client-apps/IFrame.d.ts

@@ -0,0 +1,8 @@
+import { KYC_SETTINGS } from './interfaces/IKYCWidget';
+export declare const IFrame: ({ KYC_VARS, }: {
+    KYC_VARS: KYC_SETTINGS;
+    setLocationData: (x: {
+        latitude: number;
+        longitude: number;
+    }) => void;
+}) => Promise<HTMLDivElement>;

package/build/client-apps/LoadingSpinner.d.ts

@@ -0,0 +1,3 @@
+export declare const LoadingSpinner: ({ color }: {
+    color: string;
+}) => string;

package/build/client-apps/MainWindow.d.ts

@@ -0,0 +1,4 @@
+export declare const MainWindow: ({ removeElementFromDOM, onDismiss, }: {
+    removeElementFromDOM: () => void;
+    onDismiss?: () => void;
+}) => HTMLDivElement;

package/build/client-apps/components.d.ts

@@ -0,0 +1,3 @@
+export { VULTIdv } from '../components/VULTIdv';
+export { VULTIda } from '../components/VULTIda';
+export type { VULTProps } from './interfaces/VULTProps';

package/build/client-apps/components.js

@@ -0,0 +1,62 @@
+/* Vult Kyc Widget: 2.0.0 */
+import { useRef as l, useEffect as f } from "react";
+import { KYCWidget as a, IDV as p, IDA as y } from "../vult-kyc-widget.es.js";
+const V = ({
+  environment: i,
+  sessionId: e,
+  autoClose: o = !0,
+  onComplete: n,
+  onDismiss: c
+}) => {
+  const r = l(null);
+  return f(() => {
+    var t;
+    e ? (t = r.current) == null || t.startIDVerify(e) : console.warn("Awaiting sessionId to be provided");
+  }, [e]), f(() => {
+    var t;
+    return r.current || (r.current = new a({
+      env: i,
+      onDismiss: () => {
+        c && c();
+      },
+      onComplete: () => {
+        var u;
+        n && n(), o && ((u = r.current) == null || u.close());
+      },
+      Session_Type: p
+    })), e && ((t = r.current) == null || t.startIDVerify(e)), () => {
+      r.current && r.current.close();
+    };
+  }, []), null;
+}, v = ({
+  environment: i,
+  sessionId: e,
+  autoClose: o = !0,
+  onComplete: n,
+  onDismiss: c
+}) => {
+  const r = l(null);
+  return f(() => {
+    var t;
+    e ? (t = r.current) == null || t.startIDAuthenticate(e) : console.warn("Awaiting sessionId to be provided");
+  }, [e]), f(() => {
+    var t;
+    return r.current || (r.current = new a({
+      env: i,
+      onDismiss: () => {
+        c && c();
+      },
+      onComplete: () => {
+        var u;
+        n && n(), o && ((u = r.current) == null || u.close());
+      },
+      Session_Type: y
+    })), e && ((t = r.current) == null || t.startIDVerify(e)), () => {
+      r.current && r.current.close();
+    };
+  }, []), null;
+};
+export {
+  v as VULTIda,
+  V as VULTIdv
+};

package/build/client-apps/index.d.ts

@@ -0,0 +1,30 @@
+import { KYCWidgetConfig, KYC_SETTINGS } from './interfaces/IKYCWidget';
+export declare class KYCWidget {
+    KYC_VARS: KYC_SETTINGS;
+    locationData: {
+        latitude: number;
+        longitude: number;
+    } | null;
+    isResizing: boolean;
+    resizeTimerID: null | number;
+    domain: string;
+    previousWidth: number;
+    previousHeight: number;
+    RESIZE_THRESHOLD_HEIGHT: number;
+    RESIZE_THRESHOLD_WIDTH: number;
+    constructor(initialConfiguration: KYCWidgetConfig);
+    windowEventListener: (ev: any) => void;
+    setLocationData: (coords: {
+        latitude: number;
+        longitude: number;
+    }) => void;
+    resizeHandler: () => void;
+    setupResizingServices: () => void;
+    setUpHtml: () => Promise<void>;
+    setSessionType: (initialConfiguration: KYCWidgetConfig) => "/verify" | "/authenticate" | "";
+    startIDVerify: (session_id: string) => Promise<void>;
+    startIDAuthenticate: (session_id: string) => Promise<void>;
+    close: () => void;
+}
+export declare const IDA = "IDAuthentication";
+export declare const IDV = "IDVerification";

package/build/client-apps/interfaces/IKYCWidget.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Initial configuration provided by the user when creating a KYCWidget instance.
+ * This is what users pass to the constructor.
+ */
+export interface KYCWidgetConfig {
+    /**
+     * The type of session to run (ID Verification or ID Authentication)
+     */
+    Session_Type: "IDVerification" | "IDAuthentication";
+    /**
+     * Environment for the widget (dev, development, stage, demo, prod, or production)
+     */
+    env: "dev" | "development" | "stage" | "demo" | "prod" | "production";
+    /**
+     * Optional callback fired when verification/authentication is completed
+     */
+    onComplete?: (x?: any) => void;
+    /**
+     * Optional callback fired when the widget is dismissed
+     */
+    onDismiss?: (x?: any) => void;
+}
+/**
+ * Internal widget settings used throughout the widget lifecycle.
+ * This extends the initial configuration with computed and runtime values.
+ */
+export interface KYC_SETTINGS extends KYCWidgetConfig {
+    /**
+     * Session URL path computed from Session_Type ("/verify" or "/authenticate")
+     */
+    sessionURL: "/verify" | "/authenticate" | "";
+    /**
+     * Session ID - set when starting verification/authentication
+     */
+    session_id: string;
+}
+/**
+ * @deprecated Use KYCWidgetConfig instead. This interface is kept for backward compatibility.
+ */
+export interface IKYCWidget {
+    session_id: string;
+    Session_Type: "IDVerification" | "IDAuthentication";
+    onComplete?: (x?: any) => void;
+    onDismiss?: (x?: any) => void;
+}

package/build/client-apps/interfaces/VULTProps.d.ts

@@ -0,0 +1,7 @@
+export interface VULTProps {
+    sessionId: string;
+    autoClose?: boolean;
+    onDismiss?: () => void;
+    onComplete?: () => void;
+    environment: "dev" | "development" | "stage" | "demo" | "prod" | "production";
+}

package/build/client-apps/utils/applyStyles.d.ts

@@ -0,0 +1 @@
+export declare const applyStyles: (htmlElement: HTMLElement | HTMLIFrameElement, styles: Partial<Record<keyof CSSStyleDeclaration, string>>) => void;

package/build/client-apps/utils/eventManager.d.ts

@@ -0,0 +1,6 @@
+export declare function addListener({ element, event, handler }: {
+    element: HTMLElement | Window;
+    event: string;
+    handler: EventListener;
+}): void;
+export declare function removeListeners(element: HTMLElement): void;

package/build/client-apps/utils/getEnvironmentDomain.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Determines the environment domain URL based on the provided environment string.
+ *
+ * Maps environment values to their corresponding URLs:
+ * - dev, development -> https://face-dev.vultpayments.dev
+ * - stage -> https://face-stage.vultpayments.dev
+ * - demo -> https://face-demo.vultsecurity.com
+ * - prod, production -> https://face.vultsecurity.com
+ *
+ * @param env - The environment string (dev, development, stage, demo, prod, or production)
+ * @returns The domain URL for the specified environment
+ */
+export declare function getEnvironmentDomain(env: 'dev' | 'development' | 'stage' | 'demo' | 'prod' | 'production'): string;

package/build/client-apps/utils/getGeolocation.d.ts

@@ -0,0 +1,4 @@
+export declare const getGeolocation: () => Promise<{
+    latitude: number;
+    longitude: number;
+}>;

package/build/client-apps/utils/iframeElementParentStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const iframeElementParentStyles: () => {
+    width: string;
+    height: string;
+};

package/build/components/VULTIda.d.ts

@@ -0,0 +1,2 @@
+import { VULTProps } from '../client-apps/interfaces/VULTProps';
+export declare const VULTIda: ({ environment, sessionId, autoClose, onComplete, onDismiss, }: VULTProps) => null;

package/build/components/VULTIdv.d.ts

@@ -0,0 +1,2 @@
+import { VULTProps } from '../client-apps/interfaces/VULTProps';
+export declare const VULTIdv: ({ environment, sessionId, autoClose, onComplete, onDismiss, }: VULTProps) => null;

package/build/components.d.ts

@@ -0,0 +1,2 @@
+export * from './client-apps/components'
+export {}

package/build/global.d.ts

@@ -0,0 +1,5 @@
+interface Window {
+    OnBoarding: any
+    cv: any
+    DOMPurify: any
+}

package/build/index.d.ts

@@ -0,0 +1,2 @@
+export * from './client-apps/index'
+export {}

package/build/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig & Promise<import('vite').UserConfig> & import('vite').UserConfigFnObject & import('vite').UserConfigFnPromise & import('vite').UserConfigFn;
+export default _default;

package/build/vult-kyc-widget.es.js

@@ -0,0 +1,883 @@
+var Rn = Object.defineProperty;
+var Dn = (s, n, l) => n in s ? Rn(s, n, { enumerable: !0, configurable: !0, writable: !0, value: l }) : s[n] = l;
+var E = (s, n, l) => Dn(s, typeof n != "symbol" ? n + "" : n, l);
+function In(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+}
+/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
+var Ye, bt;
+function vt() {
+  if (bt) return Ye;
+  bt = 1;
+  const {
+    entries: s,
+    setPrototypeOf: n,
+    isFrozen: l,
+    getPrototypeOf: d,
+    getOwnPropertyDescriptor: T
+  } = Object;
+  let {
+    freeze: m,
+    seal: D,
+    create: q
+  } = Object, {
+    apply: Z,
+    construct: W
+  } = typeof Reflect < "u" && Reflect;
+  m || (m = function(o) {
+    return o;
+  }), D || (D = function(o) {
+    return o;
+  }), Z || (Z = function(o, f, u) {
+    return o.apply(f, u);
+  }), W || (W = function(o, f) {
+    return new o(...f);
+  });
+  const fe = L(Array.prototype.forEach), Pt = L(Array.prototype.lastIndexOf), $e = L(Array.prototype.pop), Q = L(Array.prototype.push), kt = L(Array.prototype.splice), me = L(String.prototype.toLowerCase), ye = L(String.prototype.toString), je = L(String.prototype.match), J = L(String.prototype.replace), Ht = L(String.prototype.indexOf), Ut = L(String.prototype.trim), M = L(Object.prototype.hasOwnProperty), I = L(RegExp.prototype.test), ee = Wt(TypeError);
+  function L(c) {
+    return function(o) {
+      o instanceof RegExp && (o.lastIndex = 0);
+      for (var f = arguments.length, u = new Array(f > 1 ? f - 1 : 0), w = 1; w < f; w++)
+        u[w - 1] = arguments[w];
+      return Z(c, o, u);
+    };
+  }
+  function Wt(c) {
+    return function() {
+      for (var o = arguments.length, f = new Array(o), u = 0; u < o; u++)
+        f[u] = arguments[u];
+      return W(c, f);
+    };
+  }
+  function a(c, o) {
+    let f = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : me;
+    n && n(c, null);
+    let u = o.length;
+    for (; u--; ) {
+      let w = o[u];
+      if (typeof w == "string") {
+        const x = f(w);
+        x !== w && (l(o) || (o[u] = x), w = x);
+      }
+      c[w] = !0;
+    }
+    return c;
+  }
+  function zt(c) {
+    for (let o = 0; o < c.length; o++)
+      M(c, o) || (c[o] = null);
+    return c;
+  }
+  function N(c) {
+    const o = q(null);
+    for (const [f, u] of s(c))
+      M(c, f) && (Array.isArray(u) ? o[f] = zt(u) : u && typeof u == "object" && u.constructor === Object ? o[f] = N(u) : o[f] = u);
+    return o;
+  }
+  function te(c, o) {
+    for (; c !== null; ) {
+      const u = T(c, o);
+      if (u) {
+        if (u.get)
+          return L(u.get);
+        if (typeof u.value == "function")
+          return L(u.value);
+      }
+      c = d(c);
+    }
+    function f() {
+      return null;
+    }
+    return f;
+  }
+  const Ke = m(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "section", "select", "shadow", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]), Re = m(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]), De = m(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]), Ft = m(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]), Ie = m(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]), Gt = m(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]), Xe = m(["#text"]), qe = m(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns", "slot"]), Le = m(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]), Ze = m(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]), de = m(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]), Bt = D(/\{\{[\w\W]*|[\w\W]*\}\}/gm), Yt = D(/<%[\w\W]*|[\w\W]*%>/gm), Vt = D(/\$\{[\w\W]*/gm), $t = D(/^data-[\-\w.\u00B7-\uFFFF]+$/), jt = D(/^aria-[\-\w]+$/), Qe = D(
+    /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
+    // eslint-disable-line no-useless-escape
+  ), Kt = D(/^(?:\w+script|data):/i), Xt = D(
+    /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
+    // eslint-disable-line no-control-regex
+  ), Je = D(/^html$/i), qt = D(/^[a-z][.\w]*(-[.\w]+)+$/i);
+  var et = /* @__PURE__ */ Object.freeze({
+    __proto__: null,
+    ARIA_ATTR: jt,
+    ATTR_WHITESPACE: Xt,
+    CUSTOM_ELEMENT: qt,
+    DATA_ATTR: $t,
+    DOCTYPE_NAME: Je,
+    ERB_EXPR: Yt,
+    IS_ALLOWED_URI: Qe,
+    IS_SCRIPT_OR_DATA: Kt,
+    MUSTACHE_EXPR: Bt,
+    TMPLIT_EXPR: Vt
+  });
+  const ne = {
+    element: 1,
+    text: 3,
+    // Deprecated
+    progressingInstruction: 7,
+    comment: 8,
+    document: 9
+  }, Zt = function() {
+    return typeof window > "u" ? null : window;
+  }, Qt = function(o, f) {
+    if (typeof o != "object" || typeof o.createPolicy != "function")
+      return null;
+    let u = null;
+    const w = "data-tt-policy-suffix";
+    f && f.hasAttribute(w) && (u = f.getAttribute(w));
+    const x = "dompurify" + (u ? "#" + u : "");
+    try {
+      return o.createPolicy(x, {
+        createHTML(z) {
+          return z;
+        },
+        createScriptURL(z) {
+          return z;
+        }
+      });
+    } catch {
+      return console.warn("TrustedTypes policy " + x + " could not be created."), null;
+    }
+  }, tt = function() {
+    return {
+      afterSanitizeAttributes: [],
+      afterSanitizeElements: [],
+      afterSanitizeShadowDOM: [],
+      beforeSanitizeAttributes: [],
+      beforeSanitizeElements: [],
+      beforeSanitizeShadowDOM: [],
+      uponSanitizeAttribute: [],
+      uponSanitizeElement: [],
+      uponSanitizeShadowNode: []
+    };
+  };
+  function nt() {
+    let c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Zt();
+    const o = (r) => nt(r);
+    if (o.version = "3.2.6", o.removed = [], !c || !c.document || c.document.nodeType !== ne.document || !c.Element)
+      return o.isSupported = !1, o;
+    let {
+      document: f
+    } = c;
+    const u = f, w = u.currentScript, {
+      DocumentFragment: x,
+      HTMLTemplateElement: z,
+      Node: Oe,
+      Element: it,
+      NodeFilter: ie,
+      NamedNodeMap: en = c.NamedNodeMap || c.MozNamedAttrMap,
+      HTMLFormElement: tn,
+      DOMParser: nn,
+      trustedTypes: pe
+    } = c, oe = it.prototype, on = te(oe, "cloneNode"), rn = te(oe, "remove"), sn = te(oe, "nextSibling"), an = te(oe, "childNodes"), he = te(oe, "parentNode");
+    if (typeof z == "function") {
+      const r = f.createElement("template");
+      r.content && r.content.ownerDocument && (f = r.content.ownerDocument);
+    }
+    let O, re = "";
+    const {
+      implementation: be,
+      createNodeIterator: ln,
+      createDocumentFragment: cn,
+      getElementsByTagName: un
+    } = f, {
+      importNode: fn
+    } = u;
+    let b = tt();
+    o.isSupported = typeof s == "function" && typeof he == "function" && be && be.createHTMLDocument !== void 0;
+    const {
+      MUSTACHE_EXPR: ve,
+      ERB_EXPR: Me,
+      TMPLIT_EXPR: Ce,
+      DATA_ATTR: mn,
+      ARIA_ATTR: dn,
+      IS_SCRIPT_OR_DATA: pn,
+      ATTR_WHITESPACE: ot,
+      CUSTOM_ELEMENT: hn
+    } = et;
+    let {
+      IS_ALLOWED_URI: rt
+    } = et, _ = null;
+    const st = a({}, [...Ke, ...Re, ...De, ...Ie, ...Xe]);
+    let S = null;
+    const at = a({}, [...qe, ...Le, ...Ze, ...de]);
+    let h = Object.seal(q(null, {
+      tagNameCheck: {
+        writable: !0,
+        configurable: !1,
+        enumerable: !0,
+        value: null
+      },
+      attributeNameCheck: {
+        writable: !0,
+        configurable: !1,
+        enumerable: !0,
+        value: null
+      },
+      allowCustomizedBuiltInElements: {
+        writable: !0,
+        configurable: !1,
+        enumerable: !0,
+        value: !1
+      }
+    })), se = null, Ne = null, lt = !0, xe = !0, ct = !1, ut = !0, F = !1, ge = !0, U = !1, Pe = !1, ke = !1, G = !1, Ee = !1, Te = !1, ft = !0, mt = !1;
+    const gn = "user-content-";
+    let He = !0, ae = !1, B = {}, Y = null;
+    const dt = a({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
+    let pt = null;
+    const ht = a({}, ["audio", "video", "img", "source", "image", "track"]);
+    let Ue = null;
+    const gt = a({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]), _e = "http://www.w3.org/1998/Math/MathML", Ae = "http://www.w3.org/2000/svg", P = "http://www.w3.org/1999/xhtml";
+    let V = P, We = !1, ze = null;
+    const En = a({}, [_e, Ae, P], ye);
+    let Se = a({}, ["mi", "mo", "mn", "ms", "mtext"]), we = a({}, ["annotation-xml"]);
+    const Tn = a({}, ["title", "style", "font", "a", "script"]);
+    let le = null;
+    const _n = ["application/xhtml+xml", "text/html"], An = "text/html";
+    let A = null, $ = null;
+    const Sn = f.createElement("form"), Et = function(e) {
+      return e instanceof RegExp || e instanceof Function;
+    }, Fe = function() {
+      let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      if (!($ && $ === e)) {
+        if ((!e || typeof e != "object") && (e = {}), e = N(e), le = // eslint-disable-next-line unicorn/prefer-includes
+        _n.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? An : e.PARSER_MEDIA_TYPE, A = le === "application/xhtml+xml" ? ye : me, _ = M(e, "ALLOWED_TAGS") ? a({}, e.ALLOWED_TAGS, A) : st, S = M(e, "ALLOWED_ATTR") ? a({}, e.ALLOWED_ATTR, A) : at, ze = M(e, "ALLOWED_NAMESPACES") ? a({}, e.ALLOWED_NAMESPACES, ye) : En, Ue = M(e, "ADD_URI_SAFE_ATTR") ? a(N(gt), e.ADD_URI_SAFE_ATTR, A) : gt, pt = M(e, "ADD_DATA_URI_TAGS") ? a(N(ht), e.ADD_DATA_URI_TAGS, A) : ht, Y = M(e, "FORBID_CONTENTS") ? a({}, e.FORBID_CONTENTS, A) : dt, se = M(e, "FORBID_TAGS") ? a({}, e.FORBID_TAGS, A) : N({}), Ne = M(e, "FORBID_ATTR") ? a({}, e.FORBID_ATTR, A) : N({}), B = M(e, "USE_PROFILES") ? e.USE_PROFILES : !1, lt = e.ALLOW_ARIA_ATTR !== !1, xe = e.ALLOW_DATA_ATTR !== !1, ct = e.ALLOW_UNKNOWN_PROTOCOLS || !1, ut = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, F = e.SAFE_FOR_TEMPLATES || !1, ge = e.SAFE_FOR_XML !== !1, U = e.WHOLE_DOCUMENT || !1, G = e.RETURN_DOM || !1, Ee = e.RETURN_DOM_FRAGMENT || !1, Te = e.RETURN_TRUSTED_TYPE || !1, ke = e.FORCE_BODY || !1, ft = e.SANITIZE_DOM !== !1, mt = e.SANITIZE_NAMED_PROPS || !1, He = e.KEEP_CONTENT !== !1, ae = e.IN_PLACE || !1, rt = e.ALLOWED_URI_REGEXP || Qe, V = e.NAMESPACE || P, Se = e.MATHML_TEXT_INTEGRATION_POINTS || Se, we = e.HTML_INTEGRATION_POINTS || we, h = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && Et(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (h.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && Et(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (h.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (h.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), F && (xe = !1), Ee && (G = !0), B && (_ = a({}, Xe), S = [], B.html === !0 && (a(_, Ke), a(S, qe)), B.svg === !0 && (a(_, Re), a(S, Le), a(S, de)), B.svgFilters === !0 && (a(_, De), a(S, Le), a(S, de)), B.mathMl === !0 && (a(_, Ie), a(S, Ze), a(S, de))), e.ADD_TAGS && (_ === st && (_ = N(_)), a(_, e.ADD_TAGS, A)), e.ADD_ATTR && (S === at && (S = N(S)), a(S, e.ADD_ATTR, A)), e.ADD_URI_SAFE_ATTR && a(Ue, e.ADD_URI_SAFE_ATTR, A), e.FORBID_CONTENTS && (Y === dt && (Y = N(Y)), a(Y, e.FORBID_CONTENTS, A)), He && (_["#text"] = !0), U && a(_, ["html", "head", "body"]), _.table && (a(_, ["tbody"]), delete se.tbody), e.TRUSTED_TYPES_POLICY) {
+          if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function")
+            throw ee('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+          if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function")
+            throw ee('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+          O = e.TRUSTED_TYPES_POLICY, re = O.createHTML("");
+        } else
+          O === void 0 && (O = Qt(pe, w)), O !== null && typeof re == "string" && (re = O.createHTML(""));
+        m && m(e), $ = e;
+      }
+    }, Tt = a({}, [...Re, ...De, ...Ft]), _t = a({}, [...Ie, ...Gt]), wn = function(e) {
+      let t = he(e);
+      (!t || !t.tagName) && (t = {
+        namespaceURI: V,
+        tagName: "template"
+      });
+      const i = me(e.tagName), p = me(t.tagName);
+      return ze[e.namespaceURI] ? e.namespaceURI === Ae ? t.namespaceURI === P ? i === "svg" : t.namespaceURI === _e ? i === "svg" && (p === "annotation-xml" || Se[p]) : !!Tt[i] : e.namespaceURI === _e ? t.namespaceURI === P ? i === "math" : t.namespaceURI === Ae ? i === "math" && we[p] : !!_t[i] : e.namespaceURI === P ? t.namespaceURI === Ae && !we[p] || t.namespaceURI === _e && !Se[p] ? !1 : !_t[i] && (Tn[i] || !Tt[i]) : !!(le === "application/xhtml+xml" && ze[e.namespaceURI]) : !1;
+    }, C = function(e) {
+      Q(o.removed, {
+        element: e
+      });
+      try {
+        he(e).removeChild(e);
+      } catch {
+        rn(e);
+      }
+    }, j = function(e, t) {
+      try {
+        Q(o.removed, {
+          attribute: t.getAttributeNode(e),
+          from: t
+        });
+      } catch {
+        Q(o.removed, {
+          attribute: null,
+          from: t
+        });
+      }
+      if (t.removeAttribute(e), e === "is")
+        if (G || Ee)
+          try {
+            C(t);
+          } catch {
+          }
+        else
+          try {
+            t.setAttribute(e, "");
+          } catch {
+          }
+    }, At = function(e) {
+      let t = null, i = null;
+      if (ke)
+        e = "<remove></remove>" + e;
+      else {
+        const g = je(e, /^[\r\n\t ]+/);
+        i = g && g[0];
+      }
+      le === "application/xhtml+xml" && V === P && (e = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + e + "</body></html>");
+      const p = O ? O.createHTML(e) : e;
+      if (V === P)
+        try {
+          t = new nn().parseFromString(p, le);
+        } catch {
+        }
+      if (!t || !t.documentElement) {
+        t = be.createDocument(V, "template", null);
+        try {
+          t.documentElement.innerHTML = We ? re : p;
+        } catch {
+        }
+      }
+      const y = t.body || t.documentElement;
+      return e && i && y.insertBefore(f.createTextNode(i), y.childNodes[0] || null), V === P ? un.call(t, U ? "html" : "body")[0] : U ? t.documentElement : y;
+    }, St = function(e) {
+      return ln.call(
+        e.ownerDocument || e,
+        e,
+        // eslint-disable-next-line no-bitwise
+        ie.SHOW_ELEMENT | ie.SHOW_COMMENT | ie.SHOW_TEXT | ie.SHOW_PROCESSING_INSTRUCTION | ie.SHOW_CDATA_SECTION,
+        null
+      );
+    }, Ge = function(e) {
+      return e instanceof tn && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof en) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
+    }, wt = function(e) {
+      return typeof Oe == "function" && e instanceof Oe;
+    };
+    function k(r, e, t) {
+      fe(r, (i) => {
+        i.call(o, e, t, $);
+      });
+    }
+    const yt = function(e) {
+      let t = null;
+      if (k(b.beforeSanitizeElements, e, null), Ge(e))
+        return C(e), !0;
+      const i = A(e.nodeName);
+      if (k(b.uponSanitizeElement, e, {
+        tagName: i,
+        allowedTags: _
+      }), ge && e.hasChildNodes() && !wt(e.firstElementChild) && I(/<[/\w!]/g, e.innerHTML) && I(/<[/\w!]/g, e.textContent) || e.nodeType === ne.progressingInstruction || ge && e.nodeType === ne.comment && I(/<[/\w]/g, e.data))
+        return C(e), !0;
+      if (!_[i] || se[i]) {
+        if (!se[i] && Dt(i) && (h.tagNameCheck instanceof RegExp && I(h.tagNameCheck, i) || h.tagNameCheck instanceof Function && h.tagNameCheck(i)))
+          return !1;
+        if (He && !Y[i]) {
+          const p = he(e) || e.parentNode, y = an(e) || e.childNodes;
+          if (y && p) {
+            const g = y.length;
+            for (let v = g - 1; v >= 0; --v) {
+              const H = on(y[v], !0);
+              H.__removalCount = (e.__removalCount || 0) + 1, p.insertBefore(H, sn(e));
+            }
+          }
+        }
+        return C(e), !0;
+      }
+      return e instanceof it && !wn(e) || (i === "noscript" || i === "noembed" || i === "noframes") && I(/<\/no(script|embed|frames)/i, e.innerHTML) ? (C(e), !0) : (F && e.nodeType === ne.text && (t = e.textContent, fe([ve, Me, Ce], (p) => {
+        t = J(t, p, " ");
+      }), e.textContent !== t && (Q(o.removed, {
+        element: e.cloneNode()
+      }), e.textContent = t)), k(b.afterSanitizeElements, e, null), !1);
+    }, Rt = function(e, t, i) {
+      if (ft && (t === "id" || t === "name") && (i in f || i in Sn))
+        return !1;
+      if (!(xe && !Ne[t] && I(mn, t))) {
+        if (!(lt && I(dn, t))) {
+          if (!S[t] || Ne[t]) {
+            if (
+              // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+              // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+              // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+              !(Dt(e) && (h.tagNameCheck instanceof RegExp && I(h.tagNameCheck, e) || h.tagNameCheck instanceof Function && h.tagNameCheck(e)) && (h.attributeNameCheck instanceof RegExp && I(h.attributeNameCheck, t) || h.attributeNameCheck instanceof Function && h.attributeNameCheck(t)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+              // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+              t === "is" && h.allowCustomizedBuiltInElements && (h.tagNameCheck instanceof RegExp && I(h.tagNameCheck, i) || h.tagNameCheck instanceof Function && h.tagNameCheck(i)))
+            ) return !1;
+          } else if (!Ue[t]) {
+            if (!I(rt, J(i, ot, ""))) {
+              if (!((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && Ht(i, "data:") === 0 && pt[e])) {
+                if (!(ct && !I(pn, J(i, ot, "")))) {
+                  if (i)
+                    return !1;
+                }
+              }
+            }
+          }
+        }
+      }
+      return !0;
+    }, Dt = function(e) {
+      return e !== "annotation-xml" && je(e, hn);
+    }, It = function(e) {
+      k(b.beforeSanitizeAttributes, e, null);
+      const {
+        attributes: t
+      } = e;
+      if (!t || Ge(e))
+        return;
+      const i = {
+        attrName: "",
+        attrValue: "",
+        keepAttr: !0,
+        allowedAttributes: S,
+        forceKeepAttr: void 0
+      };
+      let p = t.length;
+      for (; p--; ) {
+        const y = t[p], {
+          name: g,
+          namespaceURI: v,
+          value: H
+        } = y, ce = A(g), Be = H;
+        let R = g === "value" ? Be : Ut(Be);
+        if (i.attrName = ce, i.attrValue = R, i.keepAttr = !0, i.forceKeepAttr = void 0, k(b.uponSanitizeAttribute, e, i), R = i.attrValue, mt && (ce === "id" || ce === "name") && (j(g, e), R = gn + R), ge && I(/((--!?|])>)|<\/(style|title)/i, R)) {
+          j(g, e);
+          continue;
+        }
+        if (i.forceKeepAttr)
+          continue;
+        if (!i.keepAttr) {
+          j(g, e);
+          continue;
+        }
+        if (!ut && I(/\/>/i, R)) {
+          j(g, e);
+          continue;
+        }
+        F && fe([ve, Me, Ce], (Ot) => {
+          R = J(R, Ot, " ");
+        });
+        const Lt = A(e.nodeName);
+        if (!Rt(Lt, ce, R)) {
+          j(g, e);
+          continue;
+        }
+        if (O && typeof pe == "object" && typeof pe.getAttributeType == "function" && !v)
+          switch (pe.getAttributeType(Lt, ce)) {
+            case "TrustedHTML": {
+              R = O.createHTML(R);
+              break;
+            }
+            case "TrustedScriptURL": {
+              R = O.createScriptURL(R);
+              break;
+            }
+          }
+        if (R !== Be)
+          try {
+            v ? e.setAttributeNS(v, g, R) : e.setAttribute(g, R), Ge(e) ? C(e) : $e(o.removed);
+          } catch {
+            j(g, e);
+          }
+      }
+      k(b.afterSanitizeAttributes, e, null);
+    }, yn = function r(e) {
+      let t = null;
+      const i = St(e);
+      for (k(b.beforeSanitizeShadowDOM, e, null); t = i.nextNode(); )
+        k(b.uponSanitizeShadowNode, t, null), yt(t), It(t), t.content instanceof x && r(t.content);
+      k(b.afterSanitizeShadowDOM, e, null);
+    };
+    return o.sanitize = function(r) {
+      let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = null, i = null, p = null, y = null;
+      if (We = !r, We && (r = "<!-->"), typeof r != "string" && !wt(r))
+        if (typeof r.toString == "function") {
+          if (r = r.toString(), typeof r != "string")
+            throw ee("dirty is not a string, aborting");
+        } else
+          throw ee("toString is not a function");
+      if (!o.isSupported)
+        return r;
+      if (Pe || Fe(e), o.removed = [], typeof r == "string" && (ae = !1), ae) {
+        if (r.nodeName) {
+          const H = A(r.nodeName);
+          if (!_[H] || se[H])
+            throw ee("root node is forbidden and cannot be sanitized in-place");
+        }
+      } else if (r instanceof Oe)
+        t = At("<!---->"), i = t.ownerDocument.importNode(r, !0), i.nodeType === ne.element && i.nodeName === "BODY" || i.nodeName === "HTML" ? t = i : t.appendChild(i);
+      else {
+        if (!G && !F && !U && // eslint-disable-next-line unicorn/prefer-includes
+        r.indexOf("<") === -1)
+          return O && Te ? O.createHTML(r) : r;
+        if (t = At(r), !t)
+          return G ? null : Te ? re : "";
+      }
+      t && ke && C(t.firstChild);
+      const g = St(ae ? r : t);
+      for (; p = g.nextNode(); )
+        yt(p), It(p), p.content instanceof x && yn(p.content);
+      if (ae)
+        return r;
+      if (G) {
+        if (Ee)
+          for (y = cn.call(t.ownerDocument); t.firstChild; )
+            y.appendChild(t.firstChild);
+        else
+          y = t;
+        return (S.shadowroot || S.shadowrootmode) && (y = fn.call(u, y, !0)), y;
+      }
+      let v = U ? t.outerHTML : t.innerHTML;
+      return U && _["!doctype"] && t.ownerDocument && t.ownerDocument.doctype && t.ownerDocument.doctype.name && I(Je, t.ownerDocument.doctype.name) && (v = "<!DOCTYPE " + t.ownerDocument.doctype.name + `>
+` + v), F && fe([ve, Me, Ce], (H) => {
+        v = J(v, H, " ");
+      }), O && Te ? O.createHTML(v) : v;
+    }, o.setConfig = function() {
+      let r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      Fe(r), Pe = !0;
+    }, o.clearConfig = function() {
+      $ = null, Pe = !1;
+    }, o.isValidAttribute = function(r, e, t) {
+      $ || Fe({});
+      const i = A(r), p = A(e);
+      return Rt(i, p, t);
+    }, o.addHook = function(r, e) {
+      typeof e == "function" && Q(b[r], e);
+    }, o.removeHook = function(r, e) {
+      if (e !== void 0) {
+        const t = Pt(b[r], e);
+        return t === -1 ? void 0 : kt(b[r], t, 1)[0];
+      }
+      return $e(b[r]);
+    }, o.removeHooks = function(r) {
+      b[r] = [];
+    }, o.removeAllHooks = function() {
+      b = tt();
+    }, o;
+  }
+  var Jt = nt();
+  return Ye = Jt, Ye;
+}
+var Ve, Mt;
+function Ln() {
+  return Mt || (Mt = 1, Ve = window.DOMPurify || (window.DOMPurify = vt().default || vt())), Ve;
+}
+var On = Ln();
+const bn = /* @__PURE__ */ In(On), vn = ({ color: s }) => {
+  const n = `
+    <svg 
+    width="48"
+    height="48"
+    class="loader"
+      id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+    <defs>
+        <style>
+    .loader {
+        width: 48px;
+        height: 48px;
+        border: 6px solid ${s};
+        border-bottom-color: transparent;
+        border-radius: 50%;
+        display: inline-block;
+        box-sizing: border-box;
+        animation: rotation 1s linear infinite;
+        }
+
+    @keyframes rotation {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+    } 
+        </style>
+    </defs>
+    <circle
+    
+      cx="24"
+      cy="24"
+      r="20"
+      fill="none"
+      stroke="none"
+      strokeWidth="5"
+      strokeDasharray="125.6"
+      strokeDashoffset="62.8"
+    />
+    </svg>
+`;
+  return bn.sanitize(n, {
+    ALLOWED_TAGS: ["style", "def"],
+    ALLOWED_ATTR: ["class"],
+    USE_PROFILES: { svg: !0 }
+  });
+}, X = (s, n) => {
+  Object.entries(n).forEach(([l, d]) => {
+    d !== void 0 && (s.style[l] = d);
+  });
+}, K = /* @__PURE__ */ new Map();
+function ue({ element: s, event: n, handler: l }) {
+  s.addEventListener(n, l), K.has(s) || K.set(s, []), K.get(s).push({ event: n, handler: l });
+}
+function Ct(s) {
+  K.has(s) && (K.get(s).forEach(({ event: l, handler: d }) => {
+    s.removeEventListener(l, d);
+  }), K.delete(s));
+}
+const Mn = ({
+  removeElementFromDOM: s,
+  onDismiss: n
+}) => {
+  const l = {
+    width: "100%",
+    height: window.innerHeight + "px",
+    position: "fixed",
+    margin: "0px",
+    top: "0",
+    left: "0",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: "1400"
+  }, d = document.createElement("div"), T = () => {
+    s(), n && n();
+  }, m = document.createElement("div");
+  return m.innerHTML = vn({ color: "#d9d9d9" }), ue({
+    element: d,
+    event: "click",
+    handler: T
+  }), d.setAttribute("id", "MainWindow"), X(m, {
+    position: "fixed",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    top: "0px",
+    width: "100%",
+    height: "100%",
+    backgroundColor: "rgba(0,0,0,.55)",
+    zIndex: "-1"
+  }), X(d, l), d.append(m), d;
+}, Nt = () => innerWidth > 1080 && innerWidth > innerHeight ? {
+  width: `${innerHeight * 0.7 * (9 / 16)}px`,
+  height: `${innerHeight * 0.7}px`
+} : {
+  width: "95%",
+  height: "95%"
+};
+function xt(s) {
+  const n = s.toLowerCase().trim(), d = {
+    development: "dev",
+    production: "prod"
+  }[n] || n, T = {
+    dev: "https://face-dev.vultpayments.dev",
+    stage: "https://face-stage.vultpayments.dev",
+    demo: "https://face-demo.vultsecurity.com",
+    prod: "https://face.vultsecurity.com"
+  };
+  return T[d] ? T[d] : (console.warn(`Unknown environment: ${s}. Using dev domain as default.`), T.dev);
+}
+const Cn = async ({
+  KYC_VARS: s
+}) => {
+  const n = xt(s.env), l = document.createElement("div");
+  l.setAttribute("id", "Iframe_Container");
+  const d = Nt();
+  X(l, {
+    width: d.width,
+    height: d.height,
+    overflow: "hidden",
+    borderRadius: "20px"
+  });
+  const T = document.createElement("iframe");
+  return ue({
+    element: T,
+    event: "load",
+    handler: () => {
+      const m = document.getElementById(
+        "KYC_WIDGET"
+      );
+      m && setTimeout(() => {
+        m.contentWindow && (m.contentWindow.postMessage(
+          "Incoming from kyc",
+          n
+        ), m.contentWindow.postMessage(
+          {
+            type: "RESPONSE_WINDOW_SIZE",
+            data: {
+              innerWidth: window.innerWidth,
+              innerHeight: window.innerHeight,
+              success: !0
+            }
+          },
+          n
+        ));
+      }, 1e3);
+    }
+  }), T.id = "KYC_WIDGET", T.allow = "camera", T.height = `${window.innerHeight}px`, window.innerWidth >= 768 ? T.src = `${n}/show-qr${s.sessionURL}/${s.session_id}` : T.src = `${n}${s.sessionURL}/${s.session_id}`, X(T, {
+    border: "0px",
+    width: "100%",
+    height: "100%",
+    overflow: "hidden",
+    borderRadius: "20px"
+  }), l.append(T), l;
+};
+class xn {
+  constructor(n) {
+    E(this, "KYC_VARS", {
+      session_id: "",
+      onComplete: function() {
+      },
+      onDismiss: function() {
+      },
+      Session_Type: "IDVerification",
+      sessionURL: "",
+      env: "dev"
+    });
+    E(this, "locationData", null);
+    E(this, "isResizing", !1);
+    E(this, "resizeTimerID", null);
+    E(this, "domain", "");
+    E(this, "previousWidth", 0);
+    E(this, "previousHeight", 0);
+    // Threshold for considering a resize significant (address bars typically change height by ~50-100px)
+    E(this, "RESIZE_THRESHOLD_HEIGHT", 100);
+    E(this, "RESIZE_THRESHOLD_WIDTH", 50);
+    E(this, "windowEventListener", (n) => {
+      const l = n;
+      if (l.data.type === "REQUEST_WINDOW_SIZE") {
+        const d = document.getElementById("KYC_WIDGET");
+        d && d.contentWindow && d.contentWindow.postMessage(
+          {
+            type: "RESPONSE_WINDOW_SIZE",
+            data: {
+              innerWidth: window.innerWidth,
+              innerHeight: window.innerHeight,
+              success: !0
+            }
+          },
+          this.domain
+        );
+      }
+      if (l.data.type === "APP_STATUS")
+        switch (l.data.data.status) {
+          case "complete": {
+            if (this.KYC_VARS.onComplete) {
+              if (l.data.data.response) {
+                this.KYC_VARS.onComplete(l.data.data.response);
+                return;
+              }
+              this.KYC_VARS.onComplete();
+            }
+            break;
+          }
+          case "testing": {
+            console.log(l.data.data.status);
+            break;
+          }
+        }
+    });
+    E(this, "setLocationData", (n) => {
+      this.locationData = n;
+    });
+    E(this, "resizeHandler", () => {
+      console.log("resize");
+      const n = window.innerWidth, l = window.innerHeight, d = Math.abs(n - this.previousWidth), T = Math.abs(l - this.previousHeight);
+      if (!(this.previousWidth === 0 && this.previousHeight === 0 || d >= this.RESIZE_THRESHOLD_WIDTH || T >= this.RESIZE_THRESHOLD_HEIGHT)) {
+        console.log("resize ignored (likely address bar hide/show on mobile)");
+        return;
+      }
+      this.isResizing = !0, this.resizeTimerID && clearTimeout(this.resizeTimerID), this.resizeTimerID = setTimeout(() => {
+        console.log("triggered state change");
+        const D = document.getElementById(
+          "KYC_WIDGET"
+        ), q = document.getElementById(
+          "MainWindow"
+        ), Z = document.getElementById(
+          "Iframe_Container"
+        ), W = Nt();
+        X(Z, {
+          width: W.width,
+          height: W.height
+        }), X(q, {
+          width: `${window.innerWidth}px`,
+          height: `${window.innerHeight}px`
+        }), D.contentWindow && (D.contentWindow.postMessage(
+          {
+            type: "RESPONSE_PARENT_RESIZED",
+            data: {
+              innerWidth: window.innerWidth,
+              innerHeight: window.innerHeight,
+              success: !0
+            }
+          },
+          this.domain
+        ), console.log(q), console.log("triggered state change")), this.previousWidth = window.innerWidth, this.previousHeight = window.innerHeight;
+      }, 1e3);
+    });
+    E(this, "setupResizingServices", () => {
+      this.previousWidth = window.innerWidth, this.previousHeight = window.innerHeight, ue({
+        element: window,
+        event: "resize",
+        handler: this.resizeHandler
+      });
+    });
+    E(this, "setUpHtml", async () => {
+      try {
+        const n = Mn({
+          removeElementFromDOM: this.close,
+          onDismiss: this.KYC_VARS.onDismiss
+        });
+        window.document.body.append(n);
+        const l = await Cn({
+          KYC_VARS: this.KYC_VARS,
+          setLocationData: this.setLocationData
+        });
+        n.append(l);
+      } catch {
+        console.error("Error setting up HTML");
+      }
+    });
+    E(this, "setSessionType", (n) => n.Session_Type === "IDAuthentication" ? "/authenticate" : n.Session_Type === "IDVerification" ? "/verify" : "");
+    // start - creates HTML div elements and appends to DOM body element.
+    E(this, "startIDVerify", async (n) => {
+      try {
+        if (!n || n === "") {
+          console.error("You need a session ID to continue");
+          return;
+        }
+        this.KYC_VARS = {
+          ...this.KYC_VARS,
+          session_id: n
+        }, await this.setUpHtml(), this.setupResizingServices(), ue({
+          element: window,
+          event: "message",
+          handler: this.windowEventListener
+        });
+      } catch {
+        console.error("There was an error starting ID Authentication.");
+      }
+    });
+    E(this, "startIDAuthenticate", async (n) => {
+      try {
+        if (!n || n === "") {
+          console.error("You need a session ID to continue");
+          return;
+        }
+        this.KYC_VARS = {
+          ...this.KYC_VARS,
+          session_id: n
+        }, this.setUpHtml(), this.setupResizingServices(), ue({
+          element: window,
+          event: "message",
+          handler: this.windowEventListener
+        });
+      } catch {
+        console.error("There was an error starting ID Authentication.");
+      }
+    });
+    E(this, "close", () => {
+      const n = document.getElementById("MainWindow");
+      n == null || n.remove();
+      const l = document.getElementById("KYC_WIDGET");
+      n && Ct(n), l && Ct(l), window.removeEventListener("resize", this.resizeHandler), window.removeEventListener("message", this.windowEventListener);
+    });
+    if (!n) {
+      console.error("Cannot initiate without initial configuration.");
+      return;
+    }
+    if (!n.Session_Type) {
+      console.error("Cannot initiate without a Session_Type.");
+      return;
+    }
+    if (!n.env) {
+      console.error("Environment is required. Please provide a valid environment.");
+      return;
+    }
+    this.domain = xt(n.env), this.KYC_VARS = {
+      ...n,
+      sessionURL: this.setSessionType(n),
+      session_id: ""
+      // Will be set when starting verification/authentication
+    };
+  }
+}
+const Pn = "IDAuthentication", kn = "IDVerification";
+export {
+  Pn as IDA,
+  kn as IDV,
+  xn as KYCWidget
+};

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "vult-security-kyc",
+  "version": "0.0.1",
+  "description": "typescript widget",
+  "author": "Nexrage",
+  "license": "ISC",
+  "main": "./build/vult-kyc-widget.es.js",
+  "module": "./build/vult-kyc-widget.es.js",
+  "type": "module",
+  "types": "./build/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/vult-kyc-widget.es.js",
+      "default": "./build/vult-kyc-widget.es.js"
+    },
+    "./components": {
+      "types": "./build/client-apps/components.d.ts",
+      "import": "./build/client-apps/components.js",
+      "default": "./build/client-apps/components.js"
+    }
+  },
+  "files": [
+    "build"
+  ],
+  "scripts": {
+    "start:dev": "yarn env:dev && vite --host --port 8200",
+    "start:demo": "yarn env:demo && vite --host --port 8200",
+    "start:stage": "yarn env:stage && vite --host --port 8200",
+    "start:prod": "yarn env:prod && vite --host --port 8200",
+    "start:local": "yarn env:local && vite --host --port 8200",
+    "start:frontend": "yarn env:frontend && vite --host --port 8200",
+    "env:frontend": "node client-configs/env.js VITE_BUILD=dev VITE_DOMAIN=https://#/",
+    "env:dev": "node client-configs/env.js VITE_BUILD=dev VITE_KYC=VULT VITE_DOMAIN=https://face-dev.vultpayments.dev",
+    "env:stage": "node client-configs/env.js VITE_BUILD=stage VITE_DOMAIN=https://face-stage.vultpayments.dev",
+    "env:demo": "node client-configs/env.js VITE_BUILD=demo VITE_DOMAIN=https://face-demo.vultsecurity.com",
+    "env:prod": "node client-configs/env.js VITE_BUILD=prod VITE_DOMAIN=https://face.vultsecurity.com",
+    "env:local": "node client-configs/env.js VITE_BUILD=dev VITE_KYC=VULT VITE_DOMAIN=https://localhost:8000",
+    "build:dev": "yarn vite build",
+    "build:demo": "yarn vite build",
+    "build:stage": "yarn vite build",
+    "build:prod": "yarn vite build",
+    "build:flex-verify-dev": "yarn env:flex-verify-dev && vite build",
+    "build:flex-verify-demo": "yarn env:flex-verify-demo && vite build",
+    "build:flex-verify-stage": "yarn env:flex-verify-stage && vite build",
+    "build:flex-verify": "yarn env:flex-verify && vite build",
+    "build:local": "yarn env:local && vite build",
+    "format": "eslint --fix \"./client-{apps,configs,schemas}/**/*.{js,jsx,ts,tsx}\"",
+    "lint": "eslint \"./client-{apps,configs,schemas}/**/*.{js,jsx,ts,tsx}\"",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "isomorphic-dompurify": "^2.15.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "typescript": "^5.8.2",
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-externals": "^0.6.2",
+    "vite-plugin-mkcert": "^1.17.5",
+    "vite-tsconfig-paths": "^4.3.2"
+  }
+}