@ikonai/sdk-react-ui 1.8.0 → 1.11.0

package/auth/types.d.ts

@@ -4,6 +4,13 @@
  * anonymous identity (all visitors collapse onto a shared app instance).
  */
 export type LoginMethod = 'google' | 'facebook' | 'apple' | 'microsoft' | 'signicat' | 'email' | 'passkey' | 'guest' | 'global';
+/**
+ * A method a space can offer: every {@link LoginMethod} plus 'sso', the space's own identity
+ * providers. 'sso' has no single button — which connection a person signs in through is found at
+ * runtime (`findSsoConnectionsForHost`, `discoverSsoConnection`) and started with `loginWithSso` —
+ * so it is kept out of `LoginMethod`, which apps key their per-provider button maps on.
+ */
+export type AuthMethod = LoginMethod | 'sso';
 /**
  * Authenticated user information.
  *
@@ -12,7 +19,7 @@ export type LoginMethod = 'google' | 'facebook' | 'apple' | 'microsoft' | 'signi
  */
 export interface AuthUser {
     id: string;
-    provider: LoginMethod | 'anonymous' | 'dev';
+    provider: AuthMethod | 'anonymous' | 'dev';
     token: string;
     authenticatedAt: number;
     /**
@@ -35,7 +42,7 @@ export interface AuthState {
  * Authentication configuration.
  */
 export interface AuthConfig {
-    methods: LoginMethod[];
+    methods: AuthMethod[];
     spaceId: string;
     /**
      * When true, the frontend shows a mandatory sign-in wall before the app loads; listing 'guest' in
@@ -68,7 +75,7 @@ export interface AuthConfig {
  */
 export interface AuthSession {
     token: string;
-    provider: LoginMethod | 'anonymous' | 'dev';
+    provider: AuthMethod | 'anonymous' | 'dev';
     authenticatedAt: number;
     /** Set when the token is short-lived and a refresh cookie stands behind it. */
     expiresAt?: string;
@@ -78,7 +85,7 @@ export interface AuthSession {
  * load that a session exists and whose it is, and nothing that can be used as a credential.
  */
 export interface RefreshableSession {
-    provider: LoginMethod | 'anonymous' | 'dev';
+    provider: AuthMethod | 'anonymous' | 'dev';
     /** When the person actually signed in. Unchanged by renewals — those renew a token, not a login. */
     authenticatedAt: number;
     /** Last successful renewal, which is what the cookie's own lifetime runs from. */
@@ -90,9 +97,17 @@ export interface RefreshableSession {
 export interface AuthContextValue {
     state: AuthState;
     login: (method: LoginMethod) => Promise<void>;
+    /**
+     * Signs in through one of the space's SSO connections. `linkSessionToken`, the session this
+     * browser already holds, joins that account instead of making a new one.
+     */
+    loginWithSso: (connectionId: string, options?: {
+        linkSessionToken?: string;
+    }) => Promise<void>;
     logout: () => void;
     getToken: () => string | null;
     registerPasskey: (name?: string) => Promise<void>;
     requestEmailCode: (email: string) => Promise<void>;
     submitEmailCode: (email: string, code: string) => Promise<void>;
 }
+//# sourceMappingURL=types.d.ts.map

package/auth/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/auth/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhI;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,KAAK,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,KAAK,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kIAAkI;IAClI,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,KAAK,CAAC;IAC3C,eAAe,EAAE,MAAM,CAAC;IACxB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,KAAK,CAAC;IAC3C,oGAAoG;IACpG,eAAe,EAAE,MAAM,CAAC;IACxB,kFAAkF;IAClF,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C;;;OAGG;IACH,YAAY,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/F,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjE"}

package/auth/use-auth-guard.d.ts

@@ -50,3 +50,4 @@ export interface UseAuthGuardResult {
  * Returns state that can be used to conditionally render auth UI or protected content.
  */
 export declare function useAuthGuard(options: UseAuthGuardOptions): UseAuthGuardResult;
+//# sourceMappingURL=use-auth-guard.d.ts.map

package/auth/use-auth-guard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-auth-guard.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/auth/use-auth-guard.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAE/B;;;;;OAKG;IACH,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAiI7E"}

package/auth/use-sso-sign-in.d.ts

@@ -0,0 +1,18 @@
+import { SsoConnectionHint } from './auth-service';
+import { AuthConfig } from './types';
+export interface UseSsoSignInResult {
+    /** The connections this host offers up front — the tenant's own IdP on the tenant's own host. */
+    hostConnections: SsoConnectionHint[];
+    isDiscovering: boolean;
+    /** Set when an address matched no connection, or the lookup failed. */
+    discoverError: string | null;
+    /** Finds the connection an address belongs to and starts signing in through it. */
+    discover: (email: string) => Promise<void>;
+    signIn: (connectionId: string) => Promise<void>;
+}
+/**
+ * What a sign-in screen needs to offer a space's own identity providers. Enabled when the app lists
+ * `sso` among its methods; which connection a person gets is found at runtime, never configured.
+ */
+export declare function useSsoSignIn(config: AuthConfig): UseSsoSignInResult;
+//# sourceMappingURL=use-sso-sign-in.d.ts.map

package/auth/use-sso-sign-in.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sso-sign-in.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/auth/use-sso-sign-in.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoD,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE1G,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,kBAAkB;IACjC,iGAAiG;IACjG,eAAe,EAAE,iBAAiB,EAAE,CAAC;IACrC,aAAa,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mFAAmF;IACnF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,UAAU,GAAG,kBAAkB,CAwDnE"}

package/base/base-div.d.ts

@@ -1,3 +1,4 @@
 import { IkonUiComponentResolver } from '../ikon-ui-registry';
 export declare function createBaseDivResolver(): IkonUiComponentResolver;
 export declare function createBaseResolvers(): IkonUiComponentResolver[];
+//# sourceMappingURL=base-div.d.ts.map

package/base/base-div.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-div.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/base/base-div.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAmbnE,wBAAgB,qBAAqB,IAAI,uBAAuB,CAmD/D;AAsDD,wBAAgB,mBAAmB,IAAI,uBAAuB,EAAE,CAO/D"}

package/base/base-module.d.ts

@@ -4,3 +4,4 @@ export declare const IKON_UI_BASE_MODULE = "base";
 export declare const loadBaseModule: IkonUiModuleLoader;
 export declare function registerBaseModule(registry: IkonUiRegistry): void;
 export { createBaseResolvers };
+//# sourceMappingURL=base-module.d.ts.map

package/base/base-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-module.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/base/base-module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,eAAO,MAAM,mBAAmB,SAAS,CAAC;AAE1C,eAAO,MAAM,cAAc,EAAE,kBAAsD,CAAC;AAEpF,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAEjE;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/consent/use-consent.d.ts

@@ -0,0 +1,35 @@
+import { ConsentAnswers, ConsentRecord, IkonClient } from '@ikonai/sdk';
+export interface UseConsentOptions {
+    /** The connected client the answers are read through. Nothing is read while it is null. */
+    client: IkonClient | null;
+    /** The purposes this screen asks about. */
+    purposes: readonly string[];
+}
+export interface UseConsentResult {
+    /** Every answer the signed-in user has given, keyed by purpose. */
+    answers: ConsentAnswers;
+    /** True while the answers are being read. */
+    isLoading: boolean;
+    /** True while an answer is being recorded. */
+    isSubmitting: boolean;
+    /** The last failure, in the app's own words, or null. */
+    error: string | null;
+    /** The answer for one purpose; not-asked when there is none. Never granted by default. */
+    consentFor(purpose: string): ConsentRecord;
+    /** Whether one purpose is granted today. False while the answers are still loading. */
+    isGranted(purpose: string): boolean;
+    grant(purpose: string): Promise<void>;
+    revoke(purpose: string): Promise<void>;
+    reload(): Promise<void>;
+}
+/**
+ * The signed-in user's consent for the purposes this screen asks about: what they have answered, and
+ * the two calls that record an answer and take it back.
+ *
+ * Nothing here is granted until it has been read and the answer is a yes — while the answers are
+ * loading, while the client is offline, and for a visitor the app cannot name, every purpose reads
+ * as not granted. Gate the feature on {@link UseConsentResult.isGranted}, and say that the feature
+ * is off rather than letting it look as though it is running.
+ */
+export declare function useConsent({ client, purposes }: UseConsentOptions): UseConsentResult;
+//# sourceMappingURL=use-consent.d.ts.map

package/consent/use-consent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-consent.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/consent/use-consent.ts"],"names":[],"mappings":"AACA,OAAO,EAA0E,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAE/J,MAAM,WAAW,iBAAiB;IAChC,2FAA2F;IAC3F,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,mEAAmE;IACnE,OAAO,EAAE,cAAc,CAAC;IACxB,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,YAAY,EAAE,OAAO,CAAC;IACtB,yDAAyD;IACzD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,0FAA0F;IAC1F,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,CAAC;IAC3C,uFAAuF;IACvF,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB;AAUD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,gBAAgB,CA2FpF"}

package/debug/debug-overlay.d.ts

@@ -21,4 +21,5 @@ export interface DebugOverlayProps {
 /**
  * The overlay component. Returns null unless `?ikon-debug-overlay=true` is set or `forceVisible`.
  */
-export declare function DebugOverlay({ state, forceVisible }: DebugOverlayProps): import("react").JSX.Element | null;
+export declare function DebugOverlay({ state, forceVisible }: DebugOverlayProps): import('react').JSX.Element | null;
+//# sourceMappingURL=debug-overlay.d.ts.map

package/debug/debug-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-overlay.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/debug/debug-overlay.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,qBAAqB,SAM9B,CAAC;AAuGL,MAAM,WAAW,iBAAiB;IAChC;sFACkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iGAAiG;IACjG,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAU,EAAE,YAAoB,EAAE,EAAE,iBAAiB,sCAkDnF"}

package/feedback-form-BSy2olwD.js

@@ -0,0 +1,511 @@
+import { FeedbackRequestError as e, IKON_CAPTURE_EXCLUDE_ATTRIBUTE as t, collectFeedbackContext as n, randomUuid as r, submitFeedbackReport as i } from "@ikonai/sdk";
+import { useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/app/feedback/feedback-form.tsx
+var f = [
+	{
+		kind: "bug",
+		label: "Something's wrong"
+	},
+	{
+		kind: "idea",
+		label: "Idea"
+	},
+	{
+		kind: "confusing",
+		label: "Confusing"
+	},
+	{
+		kind: "praise",
+		label: "Love this"
+	}
+], p = 10, m = 26214400, h = 52428800, g = 10001, _ = 1e4;
+function v({ access: e, screenshot: g, appSession: v, clientSession: y, onClose: x, onDirtyChange: C }) {
+	let w = o(), T = o(), [E, D] = l("bug"), [O, k] = l(""), [A, j] = l([]), [M, N] = l(null), [P, F] = l(g ? { status: "pending" } : { status: "none" }), [I, L] = l({ status: "idle" }), [R, z] = l(!1), [B] = l(() => r()), V = c(null), H = c(null);
+	a(() => {
+		H.current?.focus();
+	}, []), a(() => {
+		if (!g) return;
+		let e = !1, t = null, n = setTimeout(() => {
+			e = !0, F({ status: "failed" });
+		}, _);
+		return g.then((r) => {
+			e || (clearTimeout(n), t = URL.createObjectURL(r.png), F({
+				status: "ready",
+				image: r,
+				url: t
+			}));
+		}, () => {
+			e || (clearTimeout(n), F({ status: "failed" }));
+		}), () => {
+			e = !0, clearTimeout(n), t && URL.revokeObjectURL(t);
+		};
+	}, [g]);
+	let U = P.status === "ready" ? P.image.png : null, W = O.trim().length > 0 || A.length > 0;
+	a(() => {
+		C?.(W);
+	}, [W, C]);
+	let G = (e) => {
+		if (e.length === 0) return;
+		let t = [...A], n = [], r = t.reduce((e, t) => e + t.size, 0) + (U?.size ?? 0);
+		for (let i of e) t.length >= p ? n.push(`${i.name} (at most ${p} files)`) : i.size > m ? n.push(`${i.name} (over 25 MB)`) : r + i.size > h ? n.push(`${i.name} (the report would pass 50 MB)`) : (t.push(i), r += i.size);
+		j(t), N(n.length > 0 ? `Not attached: ${n.join(", ")}` : null);
+	}, K = (e) => {
+		j((t) => t.filter((t, n) => n !== e)), N(null);
+	}, q = () => {
+		P.status === "ready" && URL.revokeObjectURL(P.url), F({ status: "none" });
+	}, J = I.status !== "sending" && P.status !== "pending" && (O.trim().length > 0 || A.length > 0 || U !== null), Y = async () => {
+		if (J) {
+			if (!e) {
+				L({
+					status: "failed",
+					message: "Feedback cannot be sent from this page because it is not signed in to the app."
+				});
+				return;
+			}
+			L({ status: "sending" });
+			try {
+				await i(e, {
+					kind: E,
+					text: O.trim(),
+					context: n(),
+					appSession: v,
+					clientSession: y
+				}, {
+					files: A,
+					screenshot: U
+				}, { draftId: B }), L({ status: "sent" });
+			} catch (e) {
+				L({
+					status: "failed",
+					message: ee(e)
+				});
+			}
+		}
+	}, X = c(null), Z = (e) => {
+		if (e.key === "Escape" && I.status !== "sending") {
+			e.stopPropagation(), x();
+			return;
+		}
+		e.key === "Tab" && b(e, X.current);
+	}, te = (e) => {
+		let t = e.key === "ArrowRight" || e.key === "ArrowDown" ? 1 : e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : 0;
+		if (t === 0) return;
+		e.preventDefault();
+		let n = f[(f.findIndex((e) => e.kind === E) + t + f.length) % f.length];
+		D(n.kind), e.currentTarget.querySelector(`[data-kind="${n.kind}"]`)?.focus();
+	}, ne = (e) => {
+		e.preventDefault(), z(!1), G(Array.from(e.dataTransfer?.files ?? []));
+	}, Q = { [t]: "" }, $ = s(() => S(R), [R]);
+	return I.status === "sent" ? /* @__PURE__ */ u("div", {
+		...Q,
+		style: $.scrim,
+		onKeyDown: Z,
+		children: /* @__PURE__ */ d("div", {
+			ref: X,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": w,
+			style: $.panel,
+			children: [
+				/* @__PURE__ */ u("h2", {
+					id: w,
+					style: $.title,
+					children: "Thanks, your report was sent"
+				}),
+				/* @__PURE__ */ u("p", {
+					style: $.note,
+					children: "The people building this app will read it."
+				}),
+				/* @__PURE__ */ u("div", {
+					style: $.actions,
+					children: /* @__PURE__ */ u("button", {
+						type: "button",
+						style: $.primary,
+						onClick: x,
+						autoFocus: !0,
+						children: "Close"
+					})
+				})
+			]
+		})
+	}) : /* @__PURE__ */ u("div", {
+		...Q,
+		style: $.scrim,
+		onKeyDown: Z,
+		children: /* @__PURE__ */ d("div", {
+			ref: X,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": w,
+			style: $.panel,
+			onDragOver: (e) => {
+				e.preventDefault(), z(!0);
+			},
+			onDragLeave: () => z(!1),
+			onDrop: ne,
+			children: [
+				/* @__PURE__ */ u("h2", {
+					id: w,
+					style: $.title,
+					children: "Send feedback"
+				}),
+				/* @__PURE__ */ u("div", {
+					role: "radiogroup",
+					"aria-label": "Kind of feedback",
+					style: $.kinds,
+					onKeyDown: te,
+					children: f.map((e) => /* @__PURE__ */ u("button", {
+						type: "button",
+						role: "radio",
+						"data-kind": e.kind,
+						"aria-checked": E === e.kind,
+						tabIndex: E === e.kind ? 0 : -1,
+						style: E === e.kind ? $.kindSelected : $.kind,
+						onClick: () => D(e.kind),
+						children: e.label
+					}, e.kind))
+				}),
+				/* @__PURE__ */ u("label", {
+					htmlFor: T,
+					style: $.label,
+					children: "What would you like to tell us?"
+				}),
+				/* @__PURE__ */ u("textarea", {
+					ref: H,
+					id: T,
+					value: O,
+					onChange: (e) => k(e.target.value),
+					rows: 5,
+					style: $.textarea
+				}),
+				/* @__PURE__ */ d("div", {
+					style: $.attachRow,
+					children: [
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							style: $.secondary,
+							onClick: () => V.current?.click(),
+							children: "Attach files"
+						}),
+						/* @__PURE__ */ u("span", {
+							style: $.note,
+							children: "or drop them here"
+						}),
+						/* @__PURE__ */ u("input", {
+							ref: V,
+							type: "file",
+							multiple: !0,
+							hidden: !0,
+							"aria-label": "Attach files",
+							onChange: (e) => {
+								G(Array.from(e.target.files ?? [])), e.target.value = "";
+							}
+						})
+					]
+				}),
+				A.length > 0 && /* @__PURE__ */ u("ul", {
+					"aria-label": "Attached files",
+					style: $.fileList,
+					children: A.map((e, t) => /* @__PURE__ */ d("li", {
+						style: $.fileItem,
+						children: [/* @__PURE__ */ u("span", {
+							style: $.fileName,
+							children: e.name
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							style: $.link,
+							"aria-label": `Remove ${e.name}`,
+							onClick: () => K(t),
+							children: "Remove"
+						})]
+					}, `${e.name}-${t}`))
+				}),
+				M && /* @__PURE__ */ u("p", {
+					role: "status",
+					style: $.warning,
+					children: M
+				}),
+				/* @__PURE__ */ u("p", {
+					"aria-live": "polite",
+					style: P.status === "pending" ? $.note : $.hidden,
+					children: P.status === "pending" ? "Taking a screenshot…" : ""
+				}),
+				P.status === "failed" && /* @__PURE__ */ u("p", {
+					style: $.note,
+					children: "The screenshot could not be taken."
+				}),
+				P.status === "ready" && /* @__PURE__ */ d("figure", {
+					style: $.screenshot,
+					children: [/* @__PURE__ */ u("img", {
+						src: P.url,
+						alt: "Screenshot of the app, sent with the report",
+						style: $.thumbnail
+					}), /* @__PURE__ */ d("figcaption", {
+						style: $.screenshotCaption,
+						children: [P.image.lostContent && /* @__PURE__ */ u("span", {
+							style: $.note,
+							children: "Some content could not be captured and shows as grey."
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							style: $.link,
+							onClick: q,
+							children: "Remove screenshot"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ u("p", {
+					style: $.note,
+					children: "Read by the app's team and AI. Includes this screen, the page address and your device details."
+				}),
+				I.status === "failed" && /* @__PURE__ */ u("p", {
+					role: "alert",
+					style: $.error,
+					children: I.message
+				}),
+				/* @__PURE__ */ d("div", {
+					style: $.actions,
+					children: [/* @__PURE__ */ u("button", {
+						type: "button",
+						style: $.secondary,
+						onClick: x,
+						disabled: I.status === "sending",
+						children: "Cancel"
+					}), /* @__PURE__ */ u("button", {
+						type: "button",
+						style: J ? $.primary : $.primaryDisabled,
+						onClick: () => void Y(),
+						disabled: !J,
+						children: I.status === "sending" ? "Sending…" : I.status === "failed" ? "Try again" : "Send"
+					})]
+				})
+			]
+		})
+	});
+}
+var y = "button:not([disabled]), textarea:not([disabled]), input:not([disabled]):not([type=\"hidden\"]):not([hidden]), [href], [tabindex]:not([tabindex=\"-1\"])";
+function b(e, t) {
+	if (!t) return;
+	let n = Array.from(t.querySelectorAll(y));
+	if (n.length === 0) {
+		e.preventDefault();
+		return;
+	}
+	let r = n[0], i = n[n.length - 1], a = t.ownerDocument.activeElement;
+	e.shiftKey && (a === r || !t.contains(a)) ? (e.preventDefault(), i.focus()) : !e.shiftKey && (a === i || !t.contains(a)) && (e.preventDefault(), r.focus());
+}
+function ee(t) {
+	return t instanceof e ? t.status === 0 ? "Your report could not be sent: the feedback service is unreachable. Check the connection and try again." : t.status === 401 || t.status === 403 ? `Your report could not be sent: this account may not send feedback for this app (${t.message}).` : t.status === 413 ? "Your report could not be sent: the attachments are too large. Remove some and try again." : t.status === 429 ? "Your report could not be sent: too many reports in a short time. Try again later." : `Your report could not be sent: ${t.message}` : `Your report could not be sent: ${t instanceof Error ? t.message : String(t)}`;
+}
+var x = {
+	card: "var(--ikon-bg-card, #ffffff)",
+	subtle: "var(--ikon-bg-subtle, #f4f4f5)",
+	solid: "var(--ikon-bg-solid, #161618)",
+	onSolid: "var(--ikon-text-on-solid, #ffffff)",
+	text: "var(--ikon-text-primary, #161618)",
+	muted: "var(--ikon-text-tertiary, #6e6e74)",
+	border: "var(--ikon-border-primary, #d4d4d7)",
+	borderSoft: "var(--ikon-border-secondary, #e8e8ea)",
+	error: "var(--ikon-error-text, #b32218)",
+	errorSurface: "var(--ikon-error-surface, #fef2f1)",
+	warning: "var(--ikon-status-warning, #db6803)",
+	scrim: "var(--ikon-overlay-scrim, rgba(22, 22, 24, 0.5))",
+	focus: "var(--ikon-brand-500, #f5277f)"
+};
+function S(e) {
+	let t = {
+		minHeight: 40,
+		padding: "0 14px",
+		borderRadius: "var(--ikon-radius-md, 4px)",
+		font: "inherit",
+		fontSize: 14,
+		cursor: "pointer"
+	}, n = {
+		...t,
+		minHeight: 36,
+		borderRadius: "var(--ikon-radius-full, 9999px)",
+		border: `1px solid ${x.border}`,
+		background: x.card,
+		color: x.text
+	};
+	return {
+		scrim: {
+			position: "fixed",
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0,
+			zIndex: g,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: 16,
+			background: x.scrim,
+			boxSizing: "border-box"
+		},
+		panel: {
+			boxSizing: "border-box",
+			width: "100%",
+			maxWidth: 460,
+			maxHeight: "100%",
+			overflowY: "auto",
+			padding: 20,
+			display: "flex",
+			flexDirection: "column",
+			gap: 12,
+			background: x.card,
+			color: x.text,
+			border: `1px ${e ? "dashed" : "solid"} ${e ? x.focus : x.borderSoft}`,
+			borderRadius: "var(--ikon-radius-xl, 8px)",
+			boxShadow: "0 12px 40px rgba(0, 0, 0, 0.25)",
+			font: "15px/1.45 var(--ikon-font-body, system-ui, -apple-system, \"Segoe UI\", sans-serif)"
+		},
+		title: {
+			margin: 0,
+			fontSize: 18,
+			fontWeight: 600
+		},
+		kinds: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: 8
+		},
+		kind: n,
+		kindSelected: {
+			...n,
+			background: x.solid,
+			color: x.onSolid,
+			borderColor: x.solid
+		},
+		label: {
+			fontSize: 14,
+			fontWeight: 500
+		},
+		textarea: {
+			boxSizing: "border-box",
+			width: "100%",
+			padding: 10,
+			resize: "vertical",
+			font: "inherit",
+			color: x.text,
+			background: x.card,
+			border: `1px solid ${x.border}`,
+			borderRadius: "var(--ikon-radius-md, 4px)"
+		},
+		attachRow: {
+			display: "flex",
+			alignItems: "center",
+			gap: 10
+		},
+		fileList: {
+			margin: 0,
+			padding: 0,
+			listStyle: "none",
+			display: "flex",
+			flexDirection: "column",
+			gap: 4
+		},
+		fileItem: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 8,
+			padding: "4px 8px",
+			background: x.subtle,
+			borderRadius: "var(--ikon-radius-md, 4px)"
+		},
+		fileName: {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			fontSize: 14
+		},
+		screenshot: {
+			margin: 0,
+			display: "flex",
+			gap: 10,
+			alignItems: "flex-start"
+		},
+		thumbnail: {
+			width: 120,
+			maxHeight: 120,
+			objectFit: "contain",
+			objectPosition: "top left",
+			border: `1px solid ${x.borderSoft}`,
+			borderRadius: "var(--ikon-radius-md, 4px)",
+			background: x.subtle
+		},
+		screenshotCaption: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-start",
+			gap: 4
+		},
+		note: {
+			margin: 0,
+			fontSize: 13,
+			color: x.muted
+		},
+		hidden: {
+			position: "absolute",
+			width: 1,
+			height: 1,
+			margin: -1,
+			padding: 0,
+			overflow: "hidden",
+			clip: "rect(0 0 0 0)",
+			border: 0
+		},
+		warning: {
+			margin: 0,
+			fontSize: 13,
+			color: x.warning
+		},
+		error: {
+			margin: 0,
+			padding: "8px 10px",
+			fontSize: 14,
+			color: x.error,
+			background: x.errorSurface,
+			borderRadius: "var(--ikon-radius-md, 4px)"
+		},
+		actions: {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: 8,
+			marginTop: 4
+		},
+		primary: {
+			...t,
+			border: "1px solid transparent",
+			background: x.solid,
+			color: x.onSolid
+		},
+		primaryDisabled: {
+			...t,
+			border: "1px solid transparent",
+			background: x.solid,
+			color: x.onSolid,
+			opacity: .5,
+			cursor: "default"
+		},
+		secondary: {
+			...t,
+			border: `1px solid ${x.border}`,
+			background: x.card,
+			color: x.text
+		},
+		link: {
+			padding: 0,
+			border: "none",
+			background: "none",
+			color: x.text,
+			font: "inherit",
+			fontSize: 13,
+			textDecoration: "underline",
+			cursor: "pointer"
+		}
+	};
+}
+//#endregion
+export { g as FEEDBACK_DIALOG_Z_INDEX, f as FEEDBACK_KIND_OPTIONS, v as FeedbackForm, _ as SCREENSHOT_WAIT_MS };