@splitin/verification-react 0.1.0-beta.0

package/dist/launcher.d.cts

@@ -0,0 +1,39 @@
+import * as react from 'react';
+import { ComponentType } from 'react';
+import { VerificationStatusEnvelope } from '@splitin/verification-web';
+import { AppealFormProps } from './appeal.cjs';
+
+interface ProviderLauncherProps {
+    launchSecret: string;
+    publishableKey?: string;
+    environmentId?: string;
+    inquiryId?: string;
+    onCallback: () => void;
+    onError: (message: string) => void;
+    onOpened?: () => void;
+    onPause?: () => void;
+}
+
+interface VerificationLauncherProps {
+    open: boolean;
+    session: VerificationStatusEnvelope;
+    onOpenChange: (open: boolean) => void;
+    onSessionChange: (session: VerificationStatusEnvelope) => void;
+    onStatusRefresh: () => Promise<boolean | VerificationStatusEnvelope>;
+    pause?: () => Promise<VerificationStatusEnvelope | {
+        status: VerificationStatusEnvelope['status'];
+    }>;
+    retry?: () => Promise<VerificationStatusEnvelope>;
+    cancel?: () => Promise<VerificationStatusEnvelope | {
+        status: VerificationStatusEnvelope['status'];
+    }>;
+    createContinuationUrl?: (token: string) => string;
+    supportHref?: string;
+    stripePublishableKey?: string;
+    personaEnvironmentId?: string;
+    onAppeal?: AppealFormProps['onSubmit'];
+    plugins?: Record<string, ComponentType<ProviderLauncherProps>>;
+}
+declare function VerificationLauncher({ open, session, onOpenChange, onSessionChange, onStatusRefresh, pause, retry, cancel, createContinuationUrl, supportHref, stripePublishableKey, personaEnvironmentId, onAppeal, plugins, }: VerificationLauncherProps): react.JSX.Element | null;
+
+export { VerificationLauncher, type VerificationLauncherProps };

package/dist/launcher.d.ts

@@ -0,0 +1,39 @@
+import * as react from 'react';
+import { ComponentType } from 'react';
+import { VerificationStatusEnvelope } from '@splitin/verification-web';
+import { AppealFormProps } from './appeal.js';
+
+interface ProviderLauncherProps {
+    launchSecret: string;
+    publishableKey?: string;
+    environmentId?: string;
+    inquiryId?: string;
+    onCallback: () => void;
+    onError: (message: string) => void;
+    onOpened?: () => void;
+    onPause?: () => void;
+}
+
+interface VerificationLauncherProps {
+    open: boolean;
+    session: VerificationStatusEnvelope;
+    onOpenChange: (open: boolean) => void;
+    onSessionChange: (session: VerificationStatusEnvelope) => void;
+    onStatusRefresh: () => Promise<boolean | VerificationStatusEnvelope>;
+    pause?: () => Promise<VerificationStatusEnvelope | {
+        status: VerificationStatusEnvelope['status'];
+    }>;
+    retry?: () => Promise<VerificationStatusEnvelope>;
+    cancel?: () => Promise<VerificationStatusEnvelope | {
+        status: VerificationStatusEnvelope['status'];
+    }>;
+    createContinuationUrl?: (token: string) => string;
+    supportHref?: string;
+    stripePublishableKey?: string;
+    personaEnvironmentId?: string;
+    onAppeal?: AppealFormProps['onSubmit'];
+    plugins?: Record<string, ComponentType<ProviderLauncherProps>>;
+}
+declare function VerificationLauncher({ open, session, onOpenChange, onSessionChange, onStatusRefresh, pause, retry, cancel, createContinuationUrl, supportHref, stripePublishableKey, personaEnvironmentId, onAppeal, plugins, }: VerificationLauncherProps): react.JSX.Element | null;
+
+export { VerificationLauncher, type VerificationLauncherProps };

package/dist/launcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"launcher.d.ts","sources":["launcher.d.ts"],"names":[],"mappings":"AAAA"}

package/dist/launcher.js

@@ -0,0 +1,499 @@
+import { lazy, useState, useCallback, useRef, useEffect, useMemo, Suspense } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { prefersReducedMotion, clientSurface, createQrDataUrl, isInstalledPwa, isBrowserOnline, subscribeOnlineStatus } from '@splitin/verification-web';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/plugins/stripe.tsx
+var stripe_exports = {};
+__export(stripe_exports, {
+  default: () => StripeIdentityLauncher
+});
+function StripeIdentityLauncher({
+  launchSecret,
+  publishableKey,
+  onCallback,
+  onError,
+  onOpened
+}) {
+  const [opening, setOpening] = useState(false);
+  const open = useCallback(async () => {
+    if (opening) return;
+    const key = publishableKey ?? "";
+    if (!key.startsWith("pk_")) {
+      onError("Secure identity verification is not configured on this device. Use the hosted fallback or contact support.");
+      return;
+    }
+    setOpening(true);
+    onOpened?.();
+    try {
+      const { loadStripe } = await import('@stripe/stripe-js');
+      const stripe = await loadStripe(key);
+      if (!stripe) throw new Error("stripe_unavailable");
+      const result = await stripe.verifyIdentity(launchSecret);
+      if (result.error) {
+        onError(result.error.message || "Identity verification could not continue. Check camera permissions or use the hosted fallback.");
+        return;
+      }
+      onCallback();
+    } catch {
+      onError("Identity verification could not open. Check your connection, camera permission, or use the hosted fallback.");
+    } finally {
+      setOpening(false);
+    }
+  }, [launchSecret, onCallback, onError, onOpened, opening, publishableKey]);
+  return /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", "data-variant": "primary", "data-testid": "stripe-identity-launcher", disabled: opening, onClick: () => void open(), children: opening ? "Opening secure verification\u2026" : "Verify identity securely" });
+}
+var init_stripe = __esm({
+  "src/plugins/stripe.tsx"() {
+  }
+});
+
+// src/plugins/persona.tsx
+var persona_exports = {};
+__export(persona_exports, {
+  default: () => PersonaEmbeddedLauncher
+});
+function PersonaEmbeddedLauncher({
+  inquiryId,
+  environmentId,
+  launchSecret,
+  onCallback,
+  onError,
+  onOpened,
+  onPause
+}) {
+  const mountRef = useRef(null);
+  const clientRef = useRef(null);
+  const generationRef = useRef(0);
+  const [ready, setReady] = useState(false);
+  const [opening, setOpening] = useState(false);
+  const prepare = useCallback(async () => {
+    if (clientRef.current || !mountRef.current || !inquiryId) return;
+    const generation = ++generationRef.current;
+    setOpening(true);
+    try {
+      const { Client } = await import('persona');
+      if (generation !== generationRef.current || !mountRef.current) return;
+      const client = new Client({
+        inquiryId,
+        environmentId,
+        ...launchSecret ? { sessionToken: launchSecret } : {},
+        parent: mountRef.current,
+        frameWidth: "100%",
+        frameHeight: "100%",
+        onReady: () => {
+          if (generation !== generationRef.current) return;
+          onOpened?.();
+          setReady(true);
+          setOpening(false);
+          client.open();
+        },
+        onComplete: () => onCallback(),
+        onCancel: () => onPause?.(),
+        onError: () => {
+          setOpening(false);
+          onError("Secure verification could not open in this browser. Use the hosted or continuation option below.");
+        }
+      });
+      clientRef.current = client;
+    } catch {
+      setOpening(false);
+      onError("Secure verification could not open in this browser. Use the hosted or continuation option below.");
+    }
+  }, [environmentId, inquiryId, launchSecret, onCallback, onError, onOpened, onPause]);
+  useEffect(() => {
+    void prepare();
+    return () => {
+      generationRef.current += 1;
+      clientRef.current?.destroy();
+      clientRef.current = null;
+      setReady(false);
+    };
+  }, [prepare]);
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Identity verification", "data-testid": "verification-persona-embedded", children: [
+    /* @__PURE__ */ jsx("div", { ref: mountRef, className: "siv-record", style: { minHeight: "min(560px, 62dvh)", position: "relative" }, children: opening ? /* @__PURE__ */ jsx("p", { className: "siv-copy", role: "status", children: "Preparing secure verification\u2026" }) : null }),
+    ready ? /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", onClick: () => {
+      onOpened?.();
+      clientRef.current?.open();
+    }, children: "Reopen secure verification" }) : null,
+    /* @__PURE__ */ jsx("p", { className: "siv-disclosure", children: "Verification technology provided by Persona." })
+  ] });
+}
+var init_persona = __esm({
+  "src/plugins/persona.tsx"() {
+  }
+});
+
+// src/plugins/plaid.tsx
+var plaid_exports = {};
+__export(plaid_exports, {
+  default: () => PlaidLegacyLauncher
+});
+function PlaidLegacyLauncher(props) {
+  const [usePlaidLink, setUsePlaidLink] = useState(null);
+  const onError = props.onError;
+  useEffect(() => {
+    let cancelled = false;
+    void import('react-plaid-link').then((mod) => {
+      if (!cancelled) setUsePlaidLink(() => mod.usePlaidLink);
+    }).catch(() => {
+      onError("Verification could not open in this browser.");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [onError]);
+  if (!usePlaidLink) {
+    return /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", "data-variant": "primary", disabled: true, children: "Preparing secure verification\u2026" });
+  }
+  return /* @__PURE__ */ jsx(PlaidReady, { usePlaidLink, ...props });
+}
+function PlaidReady({
+  usePlaidLink,
+  launchSecret,
+  onCallback,
+  onError,
+  onOpened,
+  onPause
+}) {
+  const onSuccess = useCallback(() => onCallback(), [onCallback]);
+  const onExit = useCallback((error2) => {
+    if (error2) onError(error2.display_message || "Verification closed before it could finish.");
+    else onPause?.();
+  }, [onError, onPause]);
+  const { open, ready, error } = usePlaidLink({ token: launchSecret, onSuccess, onExit });
+  useEffect(() => {
+    if (error) onError("Verification could not open in this browser.");
+  }, [error, onError]);
+  return /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", "data-variant": "primary", disabled: !ready, onClick: () => {
+    onOpened?.();
+    open();
+  }, children: ready ? "Open secure verification" : "Preparing secure verification\u2026" });
+}
+var init_plaid = __esm({
+  "src/plugins/plaid.tsx"() {
+  }
+});
+function AppealForm({ attemptId, onSubmit, onSubmitted, onCancel }) {
+  const [reasonCode, setReasonCode] = useState("non_biometric_alternative");
+  const [busy, setBusy] = useState(false);
+  const [result, setResult] = useState(null);
+  const [error, setError] = useState(null);
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "siv siv-dialog",
+      "aria-labelledby": "siv-appeal-title",
+      onSubmit: (event) => {
+        event.preventDefault();
+        if (!onSubmit) {
+          setError("Appeal submission is not configured.");
+          return;
+        }
+        setBusy(true);
+        void onSubmit({
+          attemptId,
+          reasonCode,
+          nonBiometricPathRequested: reasonCode === "non_biometric_alternative"
+        }).then((next) => {
+          setResult(next);
+          onSubmitted?.(next);
+        }).catch((cause) => {
+          setError(cause instanceof Error ? cause.message : "Verification review could not be requested.");
+        }).finally(() => setBusy(false));
+      },
+      children: [
+        /* @__PURE__ */ jsx("h2", { className: "siv-title", id: "siv-appeal-title", children: "Request a verification review" }),
+        /* @__PURE__ */ jsx("p", { className: "siv-copy", children: "Support sees only a safe review reference. Identity documents remain with the verification provider." }),
+        /* @__PURE__ */ jsxs("label", { className: "siv-field", children: [
+          /* @__PURE__ */ jsx("span", { children: "What do you need?" }),
+          /* @__PURE__ */ jsxs("select", { className: "siv-select", value: reasonCode, onChange: (event) => setReasonCode(event.target.value), children: [
+            /* @__PURE__ */ jsx("option", { value: "non_biometric_alternative", children: "Cannot use a selfie" }),
+            /* @__PURE__ */ jsx("option", { value: "decision_appeal", children: "Appeal a decision" }),
+            /* @__PURE__ */ jsx("option", { value: "accessibility_support", children: "Accessibility support" })
+          ] })
+        ] }),
+        result ? /* @__PURE__ */ jsxs("p", { role: "status", children: [
+          "Your review is open. Reference ",
+          result.appealId.slice(0, 8),
+          "."
+        ] }) : null,
+        error ? /* @__PURE__ */ jsx("p", { role: "alert", children: error }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "siv-actions", children: [
+          /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", onClick: onCancel, children: "Close" }),
+          /* @__PURE__ */ jsx("button", { type: "submit", className: "siv-button", "data-variant": "primary", disabled: busy || !onSubmit, children: "Submit review request" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/copy.ts
+function verificationCopy(packageCode) {
+  switch (packageCode) {
+    case "business_kyb":
+      return {
+        title: "Secure business verification",
+        description: "The legal business is verified separately from your identity. You can pause and resume without starting over.",
+        reviewTitle: "Business review is in progress"
+      };
+    case "ownership_review":
+      return {
+        title: "Ownership and authority review",
+        description: "We are reviewing authority for this organization. Your action stays saved.",
+        reviewTitle: "Ownership review is in progress"
+      };
+    case "associated_person_idv":
+      return {
+        title: "Associated person verification",
+        description: "This identity check supports a separate business relationship review.",
+        reviewTitle: "Relationship review is in progress"
+      };
+    default:
+      return {
+        title: "Secure identity verification",
+        description: "You can pause and resume without starting over. Your action stays saved.",
+        reviewTitle: "Identity review is in progress"
+      };
+  }
+}
+var CAMERA_HELP = [
+  "Allow camera access in browser settings, close other camera apps, then retry.",
+  "Use an up-to-date Safari, Chrome, Firefox, or Edge browser. If an in-app browser blocks the camera, open the continuation link in your main browser."
+];
+function useOnlineStatus() {
+  const [online, setOnline] = useState(isBrowserOnline);
+  useEffect(() => subscribeOnlineStatus(setOnline), []);
+  return online;
+}
+function useFocusRecovery(active) {
+  useEffect(() => {
+    if (!active || typeof document === "undefined") return;
+    const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    return () => {
+      previous?.focus();
+    };
+  }, [active]);
+}
+function useBusy() {
+  const [busy, setBusy] = useState(null);
+  const run = useCallback(async (key, task) => {
+    if (busy) return;
+    setBusy(key);
+    try {
+      await task();
+    } finally {
+      setBusy(null);
+    }
+  }, [busy]);
+  return [busy, run];
+}
+function SupportLink({ href = "/support/verification", children = "Contact support" }) {
+  return /* @__PURE__ */ jsx("a", { className: "siv-link", href, rel: "noopener noreferrer", children });
+}
+var StripeIdentityLauncher2 = lazy(() => Promise.resolve().then(() => (init_stripe(), stripe_exports)));
+var PersonaEmbeddedLauncher2 = lazy(() => Promise.resolve().then(() => (init_persona(), persona_exports)));
+var PlaidLegacyLauncher2 = lazy(() => Promise.resolve().then(() => (init_plaid(), plaid_exports)));
+function VerificationLauncher({
+  open,
+  session,
+  onOpenChange,
+  onSessionChange,
+  onStatusRefresh,
+  pause,
+  retry,
+  cancel,
+  createContinuationUrl,
+  supportHref = "/support/verification",
+  stripePublishableKey,
+  personaEnvironmentId,
+  onAppeal,
+  plugins
+}) {
+  const online = useOnlineStatus();
+  const [busy, run] = useBusy();
+  const [message, setMessage] = useState(null);
+  const [qrDataUrl, setQrDataUrl] = useState(null);
+  const [appealOpen, setAppealOpen] = useState(false);
+  const reducedMotion = prefersReducedMotion();
+  const surface = clientSurface();
+  const mediaDevicesMissing = typeof navigator === "undefined" || !navigator.mediaDevices;
+  const [started, setStarted] = useState(!reducedMotion);
+  const [cameraHelp, setCameraHelp] = useState(mediaDevicesMissing);
+  const dialogRef = useRef(null);
+  useFocusRecovery(open);
+  const continuationUrl = useMemo(() => {
+    if (!session.continuation) return null;
+    if (createContinuationUrl) return createContinuationUrl(session.continuation.token);
+    return session.continuation.token;
+  }, [createContinuationUrl, session.continuation]);
+  useEffect(() => {
+    let live = true;
+    setQrDataUrl(null);
+    if (!continuationUrl) return;
+    void createQrDataUrl(continuationUrl).then((url) => {
+      if (live) setQrDataUrl(url);
+    });
+    return () => {
+      live = false;
+    };
+  }, [continuationUrl]);
+  const refresh = useCallback(async () => {
+    await run("refresh", async () => {
+      const result = await onStatusRefresh();
+      if (typeof result === "object") {
+        onSessionChange(result);
+        setMessage(result.status === "verified" ? "Verified. Returning to your saved action\u2026" : "Your status is not approved yet. We\u2019ll keep your action saved.");
+        return;
+      }
+      setMessage(result ? "Verified. Returning to your saved action\u2026" : "Your status is not approved yet. We\u2019ll keep your action saved.");
+    });
+  }, [onSessionChange, onStatusRefresh, run]);
+  const providerCallback = useCallback(() => {
+    setMessage("Verification was submitted. Checking the server-side result now.");
+    void refresh();
+  }, [refresh]);
+  const handlePluginError = useCallback((errorMessage) => {
+    setMessage(errorMessage);
+    if (/camera|permission/i.test(errorMessage) || typeof navigator === "undefined" || !navigator.mediaDevices) {
+      setCameraHelp(true);
+    }
+  }, []);
+  const pauseAndClose = useCallback(async () => {
+    await run("pause", async () => {
+      if (pause) {
+        const result = await pause();
+        if ("attemptId" in result) onSessionChange(result);
+        else onSessionChange({ ...session, status: result.status, canResume: true });
+      }
+      onOpenChange(false);
+    });
+  }, [onOpenChange, onSessionChange, pause, run, session]);
+  if (!open) return null;
+  const launcherKey = session.launch?.launcherKey ?? session.launcherKey ?? "none";
+  const blocked = session.status === "processing" || session.status === "manual_review_required";
+  const unavailable = session.status === "provider_unavailable" || !online;
+  const nonInteractive = session.presentation === "none";
+  const copy = verificationCopy(session.packageCode);
+  const launchSecret = session.launch?.transientSecret ?? "";
+  const CustomPlugin = plugins?.[launcherKey];
+  const pluginProps = {
+    launchSecret,
+    publishableKey: stripePublishableKey,
+    inquiryId: session.launch?.continuationReference,
+    environmentId: personaEnvironmentId,
+    onCallback: providerCallback,
+    onError: handlePluginError,
+    onOpened: () => void 0,
+    onPause: () => {
+      void pauseAndClose();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "siv siv-dialog",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "siv-launcher-title",
+        "data-testid": "verification-launcher",
+        "data-reduced-motion": reducedMotion ? "true" : "false",
+        "data-surface": surface,
+        ref: dialogRef,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "siv-header", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h2", { className: "siv-title", id: "siv-launcher-title", children: copy.title }),
+              /* @__PURE__ */ jsx("p", { className: "siv-copy", children: copy.description })
+            ] }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", "aria-label": "Pause verification and close", onClick: () => void pauseAndClose(), disabled: Boolean(busy), children: "Pause" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { "aria-live": "polite", "aria-atomic": "true", className: "siv-live", children: [
+            !online ? /* @__PURE__ */ jsx("p", { className: "siv-alert", role: "status", children: "You are offline. Your place is saved. Reconnect to resume verification." }) : null,
+            blocked ? /* @__PURE__ */ jsxs("p", { className: "siv-alert", role: "status", children: [
+              session.status === "manual_review_required" ? "A review is in progress." : "We are checking your verification.",
+              " The protected action stays blocked until an approved server-side decision arrives."
+            ] }) : null,
+            nonInteractive && !blocked && !unavailable ? /* @__PURE__ */ jsxs("p", { className: "siv-alert", role: "status", children: [
+              copy.reviewTitle,
+              ". No additional browser step is required right now."
+            ] }) : null,
+            unavailable && online ? /* @__PURE__ */ jsx("p", { className: "siv-alert", role: "status", children: "Verification is temporarily unavailable. Retry later, continue on another device, or contact support." }) : null,
+            message ? /* @__PURE__ */ jsx("p", { className: "siv-alert", role: "status", children: message }) : null,
+            cameraHelp ? /* @__PURE__ */ jsxs("div", { "data-testid": "verification-camera-help", className: "siv-alert", role: "status", children: [
+              CAMERA_HELP.map((line) => /* @__PURE__ */ jsx("p", { className: "siv-copy", children: line }, line)),
+              /* @__PURE__ */ jsxs("p", { className: "siv-copy", children: [
+                /* @__PURE__ */ jsx("strong", { children: "Continue on another device" }),
+                " if this camera cannot open."
+              ] })
+            ] }) : null
+          ] }),
+          reducedMotion && !started && !blocked && !unavailable ? /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", "data-variant": "primary", onClick: () => setStarted(true), children: "Start verification" }) : null,
+          started && !blocked && !unavailable && CustomPlugin ? /* @__PURE__ */ jsx(CustomPlugin, { ...pluginProps }) : null,
+          started && !blocked && !unavailable && !CustomPlugin && launcherKey === "persona_embedded" && session.launch ? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("p", { role: "status", children: "Preparing secure verification\u2026" }), children: /* @__PURE__ */ jsx(PersonaEmbeddedLauncher2, { ...pluginProps, inquiryId: session.launch.continuationReference }) }) : null,
+          started && !blocked && !unavailable && !CustomPlugin && launcherKey === "plaid_link" && launchSecret ? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("p", { role: "status", children: "Preparing secure verification\u2026" }), children: /* @__PURE__ */ jsx(PlaidLegacyLauncher2, { ...pluginProps }) }) : null,
+          started && !blocked && !unavailable && !CustomPlugin && launcherKey === "stripe_identity" && launchSecret ? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("p", { role: "status", children: "Preparing secure verification\u2026" }), children: /* @__PURE__ */ jsx(StripeIdentityLauncher2, { ...pluginProps }) }) : null,
+          session.providerDisclosure ? /* @__PURE__ */ jsx("p", { className: "siv-disclosure", "data-testid": "verification-provider-disclosure", children: session.providerDisclosure }) : null,
+          session.launch?.hostedUrl ? /* @__PURE__ */ jsx("a", { className: "siv-link", "data-testid": "verification-hosted-fallback", href: session.launch.hostedUrl, target: "_blank", rel: "noopener noreferrer", children: "Open hosted verification" }) : null,
+          !nonInteractive ? /* @__PURE__ */ jsxs("section", { className: "siv-grid", "aria-label": "Continue on another device", "data-emphasis": cameraHelp ? "true" : "false", children: [
+            /* @__PURE__ */ jsx("p", { className: "siv-copy", children: "Use a one-time link or scan the QR code. The link contains no provider result and expires shortly." }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", disabled: !continuationUrl, onClick: () => continuationUrl && void navigator.clipboard.writeText(continuationUrl).then(() => setMessage("Secure continuation link copied. It expires shortly and works once.")), children: "Copy secure continuation link" }),
+            /* @__PURE__ */ jsx("div", { "data-testid": "verification-qr-fallback", children: qrDataUrl ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: qrDataUrl,
+                alt: "QR code to continue verification on another device",
+                width: 144,
+                height: 144,
+                className: reducedMotion ? void 0 : "siv-qr-animate"
+              }
+            ) : /* @__PURE__ */ jsx("p", { className: "siv-copy", children: "QR code unavailable. Use the continuation link." }) })
+          ] }) : null,
+          !nonInteractive ? /* @__PURE__ */ jsxs("details", { "data-testid": "verification-browser-troubleshooting", children: [
+            /* @__PURE__ */ jsx("summary", { children: "Camera or browser trouble?" }),
+            CAMERA_HELP.map((line) => /* @__PURE__ */ jsx("p", { className: "siv-copy", children: line }, line)),
+            isInstalledPwa() ? /* @__PURE__ */ jsx("p", { className: "siv-copy", children: "This app is installed. If the camera is blocked, open the continuation link in your system browser." }) : null,
+            /* @__PURE__ */ jsx(SupportLink, { href: supportHref })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("footer", { className: "siv-footer siv-actions", children: [
+            /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", "data-variant": "danger", onClick: () => void run("cancel", async () => {
+              if (!cancel) return;
+              const result = await cancel();
+              onSessionChange("attemptId" in result ? result : { ...session, status: result.status, canResume: false, canRetry: true });
+              setMessage("Verification was canceled. Your saved action was not submitted.");
+            }), disabled: Boolean(busy), children: "Cancel verification" }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", onClick: () => setAppealOpen(true), disabled: Boolean(busy), children: "Request a review" }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", onClick: () => void run("retry", async () => {
+              if (!retry || !session.canRetry || !online) return;
+              onSessionChange(await retry());
+            }), disabled: Boolean(busy) || !session.canRetry || !online, children: "Retry" }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "siv-button", "data-variant": "primary", onClick: () => void refresh(), disabled: Boolean(busy) || !online, children: "Check status" })
+          ] })
+        ]
+      }
+    ),
+    appealOpen ? /* @__PURE__ */ jsx(
+      AppealForm,
+      {
+        attemptId: session.attemptId,
+        onSubmit: onAppeal,
+        onSubmitted: () => setAppealOpen(false),
+        onCancel: () => setAppealOpen(false)
+      }
+    ) : null
+  ] });
+}
+
+export { VerificationLauncher };
+//# sourceMappingURL=launcher.js.map
+//# sourceMappingURL=launcher.js.map