@workos-inc/widgets 1.4.1 → 1.4.2

package/dist/esm/lib/add-mfa-dialog.js

@@ -1,23 +1,10 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  Box,
-  Code,
-  Dialog,
-  Flex,
-  Grid,
-  Link,
-  Separator,
-  Text,
-  VisuallyHidden
-} from "@radix-ui/themes";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Code, Dialog, Flex, Grid, Link, Separator, Text, VisuallyHidden, } from "@radix-ui/themes";
 import * as React from "react";
 import * as Otp from "./otp-input.js";
 import { DialogContent, PrimaryButton, SecondaryButton } from "./elements.js";
-import {
-  useCreateTotpFactor,
-  useVerifyTotpFactor
-} from "../api/endpoint.js";
+import { useCreateTotpFactor, useVerifyTotpFactor, } from "../api/endpoint.js";
 import { useElevatedAccessToken } from "../api/api-provider.js";
 import * as Form from "@radix-ui/react-form";
 import { Marker } from "./marker.js";
@@ -26,289 +13,98 @@ import { useSecuritySettings } from "./use-security-settings.js";
 import { ElevatedAccess } from "./elevated-access.js";
 import { SaveButton } from "./save-button.js";
 import { useDialogClose } from "./use-dialog-close.js";
-function AddMfaDialog({
-  children,
-  onSuccess,
-  ...props
-}) {
-  const [open, setOpen] = React.useState(false);
-  const [manuallyTriggered, setManuallyTriggered] = React.useState(false);
-  const { elevatedAccess } = useElevatedAccessToken();
-  const createAuthFactor = useCreateTotpFactor();
-  const handleVerified = async () => {
-    await createAuthFactor.mutateAsync(void 0);
-  };
-  const onTriggerClick = (event) => {
-    if (elevatedAccess && !createAuthFactor.data) {
-      event.preventDefault();
-      setManuallyTriggered(true);
-      createAuthFactor.mutate(void 0, {
-        onSuccess: () => {
-          setOpen(true);
+export function AddMfaDialog({ children, onSuccess, ...props }) {
+    const [open, setOpen] = React.useState(false);
+    const [manuallyTriggered, setManuallyTriggered] = React.useState(false);
+    const { elevatedAccess } = useElevatedAccessToken();
+    const createAuthFactor = useCreateTotpFactor();
+    const handleVerified = async () => {
+        await createAuthFactor.mutateAsync(undefined);
+    };
+    const onTriggerClick = (event) => {
+        if (elevatedAccess && !createAuthFactor.data) {
+            event.preventDefault();
+            setManuallyTriggered(true);
+            createAuthFactor.mutate(undefined, {
+                onSuccess: () => {
+                    setOpen(true);
+                },
+            });
         }
-      });
-    } else {
-      setManuallyTriggered(false);
-    }
-  };
-  const handleClose = React.useCallback(() => {
-    setOpen(false);
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    Dialog.Root,
-    {
-      ...props,
-      open: props.open || open,
-      onOpenChange: props.onOpenChange || setOpen,
-      children: [
-        /* @__PURE__ */ jsx(
-          Dialog.Trigger,
-          {
-            onClick: onTriggerClick,
-            loading: manuallyTriggered && createAuthFactor.isPending,
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(DialogContent, { maxWidth: "480px", children: /* @__PURE__ */ jsx(ElevatedAccess, { onVerified: handleVerified, children: /* @__PURE__ */ jsx(Content, { onClose: handleClose, totpFactor: createAuthFactor.data }) }) })
-      ]
-    }
-  );
+        else {
+            setManuallyTriggered(false);
+        }
+    };
+    const handleClose = React.useCallback(() => {
+        setOpen(false);
+    }, []);
+    return (_jsxs(Dialog.Root, { ...props, open: props.open || open, onOpenChange: props.onOpenChange || setOpen, children: [_jsx(Dialog.Trigger, { onClick: onTriggerClick, 
+                // @ts-ignore I've to find a way to pass the loading state to the trigger
+                loading: manuallyTriggered && createAuthFactor.isPending, children: children }), _jsx(DialogContent, { maxWidth: "480px", children: _jsx(ElevatedAccess, { onVerified: handleVerified, children: _jsx(Content, { onClose: handleClose, totpFactor: createAuthFactor.data }) }) })] }));
 }
 function Content({ onClose, totpFactor }) {
-  const securitySettings = useSecuritySettings();
-  const [customError, setCustomError] = React.useState(null);
-  const totp = hasQrCode(totpFactor) ? totpFactor.authenticationFactor.totp : void 0;
-  const verifyTotp = useVerifyTotpFactor({
-    mutation: {
-      onSuccess: ({ success }) => {
-        if (!success) {
-          setCustomError("Invalid passcode");
-        }
-      }
-    }
-  });
-  const serverError = verifyTotp.error || customError;
-  const isSuccess = verifyTotp.isSuccess && !serverError;
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    setCustomError(null);
-    const formData = new FormData(event.currentTarget);
-    const otpCode = formData.get("otp-code")?.toString();
-    verifyTotp.mutate({
-      data: {
-        authenticationChallengeId: totpFactor?.authenticationChallenge.id ?? "",
-        code: otpCode ?? ""
-      }
-    });
-  };
-  useDialogClose(isSuccess, () => {
-    securitySettings.update("Mfa", true);
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Dialog.Title, { mb: "5", children: "Set up an authenticator app" }),
-    /* @__PURE__ */ jsxs(Form.Root, { onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsxs(Grid, { columns: "auto 1fr", rows: "repeat(4, auto)", gapX: "3", gapY: "1", children: [
-        /* @__PURE__ */ jsxs(
-          Grid,
-          {
-            rows: "subgrid",
-            gridRow: "span 4",
-            style: { placeItems: "center" },
-            children: [
-              /* @__PURE__ */ jsx(Marker, { children: "1" }),
-              /* @__PURE__ */ jsx(
-                Separator,
-                {
-                  orientation: "vertical",
-                  size: "4",
-                  style: { width: "2px" }
-                }
-              ),
-              /* @__PURE__ */ jsx(Marker, { children: "2" }),
-              /* @__PURE__ */ jsx("div", {})
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(Grid, { rows: "subgrid", gridRow: "span 4", children: [
-          /* @__PURE__ */ jsx(Text, { as: "p", size: "3", weight: "bold", children: "Scan the QR code" }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
-            /* @__PURE__ */ jsxs(Text, { as: "p", size: "2", children: [
-              "Use an authenticator app like",
-              " ",
-              /* @__PURE__ */ jsx(
-                Link,
-                {
-                  href: "https://1password.com/",
-                  rel: "noopener noreferrer",
-                  target: "_blank",
-                  children: "1Password"
-                }
-              ),
-              ",",
-              " ",
-              /* @__PURE__ */ jsx(
-                Link,
-                {
-                  href: "https://apps.apple.com/us/app/google-authenticator/id388497605",
-                  rel: "noopener noreferrer",
-                  target: "_blank",
-                  children: "Google Authenticator"
-                }
-              ),
-              ",",
-              " ",
-              /* @__PURE__ */ jsx(
-                Link,
-                {
-                  href: "https://authy.com/",
-                  rel: "noopener noreferrer",
-                  target: "_blank",
-                  children: "Authy"
+    const securitySettings = useSecuritySettings();
+    const [customError, setCustomError] = React.useState(null);
+    const totp = hasQrCode(totpFactor)
+        ? totpFactor.authenticationFactor.totp
+        : undefined;
+    const verifyTotp = useVerifyTotpFactor({
+        mutation: {
+            onSuccess: ({ success }) => {
+                if (!success) {
+                    setCustomError("Invalid passcode");
                 }
-              ),
-              ", or",
-              " ",
-              /* @__PURE__ */ jsx(
-                Link,
-                {
-                  href: "https://www.microsoft.com/en-gb/security/mobile-authenticator-app",
-                  rel: "noopener noreferrer",
-                  target: "_blank",
-                  children: "Microsoft Authenticator"
-                }
-              ),
-              " ",
-              "to scan the QR code below."
-            ] }),
-            /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "5", my: "5", children: [
-              /* @__PURE__ */ jsx(
-                Grid,
-                {
-                  position: "relative",
-                  width: "160px",
-                  height: "160px",
-                  p: "2",
-                  style: {
-                    border: "1px solid var(--gray-7)",
-                    borderRadius: "var(--radius-4)",
-                    background: "var(--gray-2)",
-                    overflow: "hidden"
-                  },
-                  children: totp?.qr_code && /* @__PURE__ */ jsx(Box, { asChild: true, width: "100%", height: "auto", children: /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      alt: "Scan this QR code to enroll",
-                      "aria-describedby": "secret-note",
-                      height: "160",
-                      src: totp.qr_code,
-                      style: { userSelect: "none", background: "white" },
-                      width: "160"
-                    }
-                  ) })
-                }
-              ),
-              /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", align: "start", children: [
-                /* @__PURE__ */ jsxs(Text, { color: "gray", id: "secret-note", size: "2", children: [
-                  "Can\u2018t scan the code?",
-                  " "
-                ] }),
-                /* @__PURE__ */ jsx(SecretDialog, { setupKey: totp?.secret ?? "", children: /* @__PURE__ */ jsx(
-                  SecondaryButton,
-                  {
-                    size: "1",
-                    disabled: verifyTotp.isPending || isSuccess,
-                    children: "View setup key"
-                  }
-                ) })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Text, { as: "p", size: "3", weight: "bold", children: "Get verification passcode" }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", children: [
-            /* @__PURE__ */ jsx(Text, { as: "p", size: "2", children: "Enter the 6-digit passcode from your authenticator app." }),
-            /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
-              /* @__PURE__ */ jsxs(
-                Otp.Root,
-                {
-                  autoSubmit: true,
-                  gap: "3",
-                  justify: "start",
-                  name: "otp-code",
-                  rows: "48px",
-                  columns: "repeat(6, 48px)",
-                  readOnly: verifyTotp.isPending || isSuccess,
-                  children: [
-                    /* @__PURE__ */ jsx(Otp.Input, { required: true, autoFocus: true, autoComplete: "off" }),
-                    /* @__PURE__ */ jsx(Otp.Input, { required: true }),
-                    /* @__PURE__ */ jsx(Otp.Input, { required: true }),
-                    /* @__PURE__ */ jsx(Otp.Input, { required: true }),
-                    /* @__PURE__ */ jsx(Otp.Input, { required: true }),
-                    /* @__PURE__ */ jsx(Otp.Input, { required: true })
-                  ]
-                }
-              ),
-              serverError && /* @__PURE__ */ jsx(Text, { size: "2", color: "red", children: getMutationErrorMessage(serverError) })
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [
-        /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(SecondaryButton, { disabled: verifyTotp.isPending || isSuccess, children: "Cancel" }) }),
-        /* @__PURE__ */ jsx(
-          SaveButton,
-          {
-            asChild: true,
-            loading: verifyTotp.isPending,
-            done: isSuccess,
-            onDone: onClose,
-            children: /* @__PURE__ */ jsx(PrimaryButton, { type: "submit", children: "Confirm" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(serverError) }) })
-  ] });
+            },
+        },
+    });
+    const serverError = verifyTotp.error || customError;
+    const isSuccess = verifyTotp.isSuccess && !serverError;
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setCustomError(null);
+        const formData = new FormData(event.currentTarget);
+        const otpCode = formData.get("otp-code")?.toString();
+        verifyTotp.mutate({
+            data: {
+                authenticationChallengeId: totpFactor?.authenticationChallenge.id ?? "",
+                code: otpCode ?? "",
+            },
+        });
+    };
+    useDialogClose(isSuccess, () => {
+        securitySettings.update("Mfa", true);
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Title, { mb: "5", children: "Set up an authenticator app" }), _jsxs(Form.Root, { onSubmit: handleSubmit, children: [_jsxs(Grid, { columns: "auto 1fr", rows: "repeat(4, auto)", gapX: "3", gapY: "1", children: [_jsxs(Grid, { rows: "subgrid", gridRow: "span 4", style: { placeItems: "center" }, children: [_jsx(Marker, { children: "1" }), _jsx(Separator, { orientation: "vertical", size: "4", style: { width: "2px" } }), _jsx(Marker, { children: "2" }), _jsx("div", {})] }), _jsxs(Grid, { rows: "subgrid", gridRow: "span 4", children: [_jsx(Text, { as: "p", size: "3", weight: "bold", children: "Scan the QR code" }), _jsxs(Flex, { direction: "column", gap: "1", children: [_jsxs(Text, { as: "p", size: "2", children: ["Use an authenticator app like", " ", _jsx(Link, { href: "https://1password.com/", rel: "noopener noreferrer", target: "_blank", children: "1Password" }), ",", " ", _jsx(Link, { href: "https://apps.apple.com/us/app/google-authenticator/id388497605", rel: "noopener noreferrer", target: "_blank", children: "Google Authenticator" }), ",", " ", _jsx(Link, { href: "https://authy.com/", rel: "noopener noreferrer", target: "_blank", children: "Authy" }), ", or", " ", _jsx(Link, { href: "https://www.microsoft.com/en-gb/security/mobile-authenticator-app", rel: "noopener noreferrer", target: "_blank", children: "Microsoft Authenticator" }), " ", "to scan the QR code below."] }), _jsxs(Flex, { align: "center", gap: "5", my: "5", children: [_jsx(Grid, { position: "relative", width: "160px", height: "160px", p: "2", style: {
+                                                            border: "1px solid var(--gray-7)",
+                                                            borderRadius: "var(--radius-4)",
+                                                            background: "var(--gray-2)",
+                                                            overflow: "hidden",
+                                                        }, children: totp?.qr_code && (_jsx(Box, { asChild: true, width: "100%", height: "auto", children: _jsx("img", { alt: "Scan this QR code to enroll", "aria-describedby": "secret-note", height: "160", src: totp.qr_code, style: { userSelect: "none", background: "white" }, width: "160" }) })) }), _jsxs(Flex, { direction: "column", gap: "1", align: "start", children: [_jsxs(Text, { color: "gray", id: "secret-note", size: "2", children: ["Can\u2018t scan the code?", " "] }), _jsx(SecretDialog, { setupKey: totp?.secret ?? "", children: _jsx(SecondaryButton, { size: "1", disabled: verifyTotp.isPending || isSuccess, children: "View setup key" }) })] })] })] }), _jsx(Text, { as: "p", size: "3", weight: "bold", children: "Get verification passcode" }), _jsxs(Flex, { direction: "column", gap: "4", children: [_jsx(Text, { as: "p", size: "2", children: "Enter the 6-digit passcode from your authenticator app." }), _jsxs(Flex, { direction: "column", gap: "2", children: [_jsxs(Otp.Root, { autoSubmit: true, gap: "3", justify: "start", name: "otp-code", rows: "48px", columns: "repeat(6, 48px)", readOnly: verifyTotp.isPending || isSuccess, children: [_jsx(Otp.Input, { required: true, autoFocus: true, autoComplete: "off" }), _jsx(Otp.Input, { required: true }), _jsx(Otp.Input, { required: true }), _jsx(Otp.Input, { required: true }), _jsx(Otp.Input, { required: true }), _jsx(Otp.Input, { required: true })] }), serverError && (_jsx(Text, { size: "2", color: "red", children: getMutationErrorMessage(serverError) }))] })] })] })] }), _jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [_jsx(Dialog.Close, { children: _jsx(SecondaryButton, { disabled: verifyTotp.isPending || isSuccess, children: "Cancel" }) }), _jsx(SaveButton, { asChild: true, loading: verifyTotp.isPending, done: isSuccess, onDone: onClose, children: _jsx(PrimaryButton, { type: "submit", children: "Confirm" }) })] })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(serverError) }) })] }));
 }
 function SecretDialog({ children, setupKey }) {
-  return /* @__PURE__ */ jsxs(Dialog.Root, { children: [
-    /* @__PURE__ */ jsx(Dialog.Trigger, { children }),
-    /* @__PURE__ */ jsxs(
-      Dialog.Content,
-      {
-        maxWidth: "90vw",
-        size: { initial: "3", sm: "4" },
-        minWidth: "300px",
-        width: "fit-content",
-        children: [
-          /* @__PURE__ */ jsx(Dialog.Title, { size: "2", weight: "regular", children: "Your setup key" }),
-          /* @__PURE__ */ jsx(Dialog.Description, { children: /* @__PURE__ */ jsx(Text, { size: "6", children: /* @__PURE__ */ jsx(Code, { variant: "ghost", style: { letterSpacing: "0.15rem" }, children: setupKey }) }) }),
-          /* @__PURE__ */ jsx(Flex, { align: "center", gap: "3", justify: "end", mt: "5", children: /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(CopyButton, { asChild: true, value: setupKey, children: /* @__PURE__ */ jsx(PrimaryButton, { children: "Copy and close" }) }) }) })
-        ]
-      }
-    )
-  ] });
+    return (_jsxs(Dialog.Root, { children: [_jsx(Dialog.Trigger, { children: children }), _jsxs(Dialog.Content, { maxWidth: "90vw", size: { initial: "3", sm: "4" }, minWidth: "300px", width: "fit-content", children: [_jsx(Dialog.Title, { size: "2", weight: "regular", children: "Your setup key" }), _jsx(Dialog.Description, { children: _jsx(Text, { size: "6", children: _jsx(Code, { variant: "ghost", style: { letterSpacing: "0.15rem" }, children: setupKey }) }) }), _jsx(Flex, { align: "center", gap: "3", justify: "end", mt: "5", children: _jsx(Dialog.Close, { children: _jsx(CopyButton, { asChild: true, value: setupKey, children: _jsx(PrimaryButton, { children: "Copy and close" }) }) }) })] })] }));
 }
 function getMutationErrorMessage(error) {
-  let message = "Something went wrong, please try again";
-  if (typeof error === "string") {
-    message = error;
-  }
-  if (error instanceof Error) {
-    message = error.message;
-  }
-  if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
-    message = error.message;
-  }
-  if (message === "Invalid passcode") {
-    message = "Invalid passcode, please try again";
-  }
-  return message;
+    let message = "Something went wrong, please try again";
+    if (typeof error === "string") {
+        message = error;
+    }
+    if (error instanceof Error) {
+        message = error.message;
+    }
+    if (typeof error === "object" &&
+        error !== null &&
+        "message" in error &&
+        typeof error.message === "string") {
+        message = error.message;
+    }
+    if (message === "Invalid passcode") {
+        message = "Invalid passcode, please try again";
+    }
+    return message;
 }
 function hasQrCode(response) {
-  const totp = response?.authenticationFactor.totp;
-  return totp != null && "qr_code" in totp;
+    const totp = response?.authenticationFactor.totp;
+    return totp != null && "qr_code" in totp;
 }
-export {
-  AddMfaDialog
-};
 //# sourceMappingURL=add-mfa-dialog.js.map

package/dist/esm/lib/add-mfa-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/add-mfa-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Box,\n  Code,\n  Dialog,\n  Flex,\n  Grid,\n  Link,\n  Separator,\n  Text,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport * as Otp from \"./otp-input.js\";\nimport { DialogContent, PrimaryButton, SecondaryButton } from \"./elements.js\";\nimport {\n  CreateTotpFactorResponse,\n  CreateTotpFactorResponseAuthenticationFactorAllOfTotpAnyOf,\n  useCreateTotpFactor,\n  useVerifyTotpFactor,\n} from \"../api/endpoint.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport * as Form from \"@radix-ui/react-form\";\nimport { Marker } from \"./marker.js\";\nimport { CopyButton } from \"./copy-button.js\";\nimport { useSecuritySettings } from \"./use-security-settings.js\";\nimport { ElevatedAccess } from \"./elevated-access.js\";\nimport { SaveButton } from \"./save-button.js\";\nimport { useDialogClose } from \"./use-dialog-close.js\";\n\ninterface AddMfaDialogProps extends Dialog.RootProps {\n  children?: ReactNode;\n  onSuccess?: () => void;\n}\n\nexport function AddMfaDialog({\n  children,\n  onSuccess,\n  ...props\n}: AddMfaDialogProps) {\n  const [open, setOpen] = React.useState(false);\n  const [manuallyTriggered, setManuallyTriggered] = React.useState(false);\n  const { elevatedAccess } = useElevatedAccessToken();\n  const createAuthFactor = useCreateTotpFactor();\n\n  const handleVerified = async () => {\n    await createAuthFactor.mutateAsync(undefined);\n  };\n\n  const onTriggerClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (elevatedAccess && !createAuthFactor.data) {\n      event.preventDefault();\n      setManuallyTriggered(true);\n      createAuthFactor.mutate(undefined, {\n        onSuccess: () => {\n          setOpen(true);\n        },\n      });\n    } else {\n      setManuallyTriggered(false);\n    }\n  };\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root\n      {...props}\n      open={props.open || open}\n      onOpenChange={props.onOpenChange || setOpen}\n    >\n      <Dialog.Trigger\n        onClick={onTriggerClick}\n        // @ts-ignore I've to find a way to pass the loading state to the trigger\n        loading={manuallyTriggered && createAuthFactor.isPending}\n      >\n        {children}\n      </Dialog.Trigger>\n\n      <DialogContent maxWidth=\"480px\">\n        <ElevatedAccess onVerified={handleVerified}>\n          <Content onClose={handleClose} totpFactor={createAuthFactor.data} />\n        </ElevatedAccess>\n      </DialogContent>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  totpFactor?: CreateTotpFactorResponse;\n  onClose?: () => void;\n}\n\nfunction Content({ onClose, totpFactor }: ContentProps) {\n  const securitySettings = useSecuritySettings();\n\n  const [customError, setCustomError] = React.useState<string | null>(null);\n  const totp = hasQrCode(totpFactor)\n    ? totpFactor.authenticationFactor.totp\n    : undefined;\n\n  const verifyTotp = useVerifyTotpFactor({\n    mutation: {\n      onSuccess: ({ success }) => {\n        if (!success) {\n          setCustomError(\"Invalid passcode\");\n        }\n      },\n    },\n  });\n\n  const serverError = verifyTotp.error || customError;\n  const isSuccess = verifyTotp.isSuccess && !serverError;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setCustomError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const otpCode = formData.get(\"otp-code\")?.toString();\n\n    verifyTotp.mutate({\n      data: {\n        authenticationChallengeId: totpFactor?.authenticationChallenge.id ?? \"\",\n        code: otpCode ?? \"\",\n      },\n    });\n  };\n\n  useDialogClose(isSuccess, () => {\n    securitySettings.update(\"Mfa\", true);\n  });\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">Set up an authenticator app</Dialog.Title>\n\n      <Form.Root onSubmit={handleSubmit}>\n        <Grid columns=\"auto 1fr\" rows=\"repeat(4, auto)\" gapX=\"3\" gapY=\"1\">\n          <Grid\n            rows=\"subgrid\"\n            gridRow=\"span 4\"\n            style={{ placeItems: \"center\" }}\n          >\n            <Marker>1</Marker>\n            <Separator\n              orientation=\"vertical\"\n              size=\"4\"\n              style={{ width: \"2px\" }}\n            />\n            <Marker>2</Marker>\n            <div />\n          </Grid>\n\n          <Grid rows=\"subgrid\" gridRow=\"span 4\">\n            <Text as=\"p\" size=\"3\" weight=\"bold\">\n              Scan the QR code\n            </Text>\n            <Flex direction=\"column\" gap=\"1\">\n              <Text as=\"p\" size=\"2\">\n                Use an authenticator app like{\" \"}\n                <Link\n                  href=\"https://1password.com/\"\n                  rel=\"noopener noreferrer\"\n                  target=\"_blank\"\n                >\n                  1Password\n                </Link>\n                ,{\" \"}\n                <Link\n                  href=\"https://apps.apple.com/us/app/google-authenticator/id388497605\"\n                  rel=\"noopener noreferrer\"\n                  target=\"_blank\"\n                >\n                  Google Authenticator\n                </Link>\n                ,{\" \"}\n                <Link\n                  href=\"https://authy.com/\"\n                  rel=\"noopener noreferrer\"\n                  target=\"_blank\"\n                >\n                  Authy\n                </Link>\n                , or{\" \"}\n                <Link\n                  href=\"https://www.microsoft.com/en-gb/security/mobile-authenticator-app\"\n                  rel=\"noopener noreferrer\"\n                  target=\"_blank\"\n                >\n                  Microsoft Authenticator\n                </Link>{\" \"}\n                to scan the QR code below.\n              </Text>\n              <Flex align=\"center\" gap=\"5\" my=\"5\">\n                <Grid\n                  position=\"relative\"\n                  width=\"160px\"\n                  height=\"160px\"\n                  p=\"2\"\n                  style={{\n                    border: \"1px solid var(--gray-7)\",\n                    borderRadius: \"var(--radius-4)\",\n                    background: \"var(--gray-2)\",\n                    overflow: \"hidden\",\n                  }}\n                >\n                  {totp?.qr_code && (\n                    <Box asChild width=\"100%\" height=\"auto\">\n                      <img\n                        alt=\"Scan this QR code to enroll\"\n                        aria-describedby=\"secret-note\"\n                        height=\"160\"\n                        src={totp.qr_code}\n                        style={{ userSelect: \"none\", background: \"white\" }}\n                        width=\"160\"\n                      />\n                    </Box>\n                  )}\n                </Grid>\n\n                <Flex direction=\"column\" gap=\"1\" align=\"start\">\n                  <Text color=\"gray\" id=\"secret-note\" size=\"2\">\n                    Can‘t scan the code?{\" \"}\n                  </Text>\n\n                  <SecretDialog setupKey={totp?.secret ?? \"\"}>\n                    <SecondaryButton\n                      size=\"1\"\n                      disabled={verifyTotp.isPending || isSuccess}\n                    >\n                      View setup key\n                    </SecondaryButton>\n                  </SecretDialog>\n                </Flex>\n              </Flex>\n            </Flex>\n            <Text as=\"p\" size=\"3\" weight=\"bold\">\n              Get verification passcode\n            </Text>\n            <Flex direction=\"column\" gap=\"4\">\n              <Text as=\"p\" size=\"2\">\n                Enter the 6-digit passcode from your authenticator app.\n              </Text>\n\n              <Flex direction=\"column\" gap=\"2\">\n                <Otp.Root\n                  autoSubmit\n                  gap=\"3\"\n                  justify=\"start\"\n                  name=\"otp-code\"\n                  rows=\"48px\"\n                  columns=\"repeat(6, 48px)\"\n                  readOnly={verifyTotp.isPending || isSuccess}\n                >\n                  <Otp.Input required autoFocus autoComplete=\"off\" />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                  <Otp.Input required />\n                </Otp.Root>\n\n                {serverError && (\n                  <Text size=\"2\" color=\"red\">\n                    {getMutationErrorMessage(serverError)}\n                  </Text>\n                )}\n              </Flex>\n            </Flex>\n          </Grid>\n        </Grid>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <SecondaryButton disabled={verifyTotp.isPending || isSuccess}>\n              Cancel\n            </SecondaryButton>\n          </Dialog.Close>\n\n          <SaveButton\n            asChild\n            loading={verifyTotp.isPending}\n            done={isSuccess}\n            onDone={onClose}\n          >\n            <PrimaryButton type=\"submit\">Confirm</PrimaryButton>\n          </SaveButton>\n        </Flex>\n      </Form.Root>\n\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">\n          {getMutationErrorMessage(serverError)}\n        </section>\n      </VisuallyHidden>\n    </>\n  );\n}\n\ninterface SecretDialogProps extends React.PropsWithChildren {\n  setupKey: string;\n}\n\nfunction SecretDialog({ children, setupKey }: SecretDialogProps) {\n  return (\n    <Dialog.Root>\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n      <Dialog.Content\n        maxWidth=\"90vw\"\n        size={{ initial: \"3\", sm: \"4\" }}\n        minWidth=\"300px\"\n        width=\"fit-content\"\n      >\n        <Dialog.Title size=\"2\" weight=\"regular\">\n          Your setup key\n        </Dialog.Title>\n        <Dialog.Description>\n          <Text size=\"6\">\n            <Code variant=\"ghost\" style={{ letterSpacing: \"0.15rem\" }}>\n              {setupKey}\n            </Code>\n          </Text>\n        </Dialog.Description>\n\n        <Flex align=\"center\" gap=\"3\" justify=\"end\" mt=\"5\">\n          <Dialog.Close>\n            <CopyButton asChild value={setupKey}>\n              <PrimaryButton>Copy and close</PrimaryButton>\n            </CopyButton>\n          </Dialog.Close>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  let message = \"Something went wrong, please try again\";\n\n  if (typeof error === \"string\") {\n    message = error;\n  }\n\n  if (error instanceof Error) {\n    message = error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    message = error.message;\n  }\n\n  if (message === \"Invalid passcode\") {\n    message = \"Invalid passcode, please try again\";\n  }\n\n  return message;\n}\n\nfunction hasQrCode(\n  response?: CreateTotpFactorResponse,\n): response is CreateTotpFactorResponse & {\n  authenticationFactor: {\n    totp: NonNullable<CreateTotpFactorResponseAuthenticationFactorAllOfTotpAnyOf>;\n  };\n} {\n  const totp = response?.authenticationFactor.totp;\n  return totp != null && \"qr_code\" in totp;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"add-mfa-dialog.js","sourceRoot":"","sources":["../../../src/lib/add-mfa-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/esm/lib/admin-portal-domain-verification.d.ts

@@ -1,9 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { OrganizationDomain } from '../api/endpoint.js';
-import '@tanstack/react-query';
-import '../api/widgets-api-client.js';
-
+import * as React from "react";
+import { OrganizationDomain } from "../api/endpoint.js";
 interface AdminPortalDomainVerificationProps {
     organizationDomains: OrganizationDomain[];
     onAddDomain: () => void;
@@ -11,10 +7,10 @@ interface AdminPortalDomainVerificationProps {
     onReverifyDomain: (domainId: string) => void;
     isPending?: boolean;
 }
-declare const AdminPortalDomainVerification: ({ organizationDomains, onAddDomain, onDeleteDomain, onReverifyDomain, isPending, }: AdminPortalDomainVerificationProps) => react_jsx_runtime.JSX.Element;
-declare const AdminPortalDomainVerificationLoading: React.FC;
-declare function AdminPortalDomainVerificationError({ error, }: {
+export declare const AdminPortalDomainVerification: ({ organizationDomains, onAddDomain, onDeleteDomain, onReverifyDomain, isPending, }: AdminPortalDomainVerificationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AdminPortalDomainVerificationLoading: React.FC;
+export declare function AdminPortalDomainVerificationError({ error, }: {
     error: unknown;
-}): react_jsx_runtime.JSX.Element;
-
-export { AdminPortalDomainVerification, AdminPortalDomainVerificationError, AdminPortalDomainVerificationLoading };
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=admin-portal-domain-verification.d.ts.map

package/dist/esm/lib/admin-portal-domain-verification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-portal-domain-verification.d.ts","sourceRoot":"","sources":["../../../src/lib/admin-portal-domain-verification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAKxD,UAAU,kCAAkC;IAC1C,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,6BAA6B,uFAMvC,kCAAkC,4CAsDpC,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,KAAK,CAAC,EAoBxD,CAAC;AAEF,wBAAgB,kCAAkC,CAAC,EACjD,KAAK,GACN,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;CAChB,2CAMA"}

package/dist/esm/lib/admin-portal-domain-verification.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Button, Card, Flex, Text } from "@radix-ui/themes";
 import { Skeleton } from "./elements.js";
 import { IconPanel } from "./icon-panel.js";
@@ -8,83 +8,16 @@ import { ExternalLinkIcon } from "@radix-ui/react-icons";
 import * as CardList from "../card-list.js";
 import { DomainItem } from "./domain-item.js";
 import clsx from "clsx";
-const AdminPortalDomainVerification = ({
-  organizationDomains,
-  onAddDomain,
-  onDeleteDomain,
-  onReverifyDomain,
-  isPending = false
-}) => {
-  if (organizationDomains.length === 0) {
-    return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", align: "center", children: [
-      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: "You haven't added any verified domains yet." }),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "outline",
-          color: "gray",
-          loading: isPending,
-          disabled: isPending,
-          onClick: onAddDomain,
-          children: [
-            "Add domain ",
-            /* @__PURE__ */ jsx(ExternalLinkIcon, {})
-          ]
-        }
-      )
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      className: clsx("woswidgets-widget"),
-      "data-woswidgets-widget-id": "admin-portal-domain-verification",
-      children: [
-        /* @__PURE__ */ jsx(CardList.Root, { children: organizationDomains.map((domain) => /* @__PURE__ */ jsx(CardList.Item, { children: /* @__PURE__ */ jsx(
-          DomainItem,
-          {
-            domain,
-            onDeleteDomain,
-            onReverifyDomain
-          }
-        ) }, domain.id)) }),
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            loading: isPending,
-            disabled: isPending,
-            color: "gray",
-            variant: "outline",
-            onClick: onAddDomain,
-            children: [
-              "Add domain ",
-              /* @__PURE__ */ jsx(ExternalLinkIcon, {})
-            ]
-          }
-        ) })
-      ]
+export const AdminPortalDomainVerification = ({ organizationDomains, onAddDomain, onDeleteDomain, onReverifyDomain, isPending = false, }) => {
+    if (organizationDomains.length === 0) {
+        return (_jsx(Card, { size: "2", children: _jsxs(Flex, { direction: "row", justify: "between", align: "center", children: [_jsx(Text, { size: "2", color: "gray", children: "You haven't added any verified domains yet." }), _jsxs(Button, { variant: "outline", color: "gray", loading: isPending, disabled: isPending, onClick: onAddDomain, children: ["Add domain ", _jsx(ExternalLinkIcon, {})] })] }) }));
     }
-  );
+    return (_jsxs(Flex, { direction: "column", gap: "4", className: clsx("woswidgets-widget"), "data-woswidgets-widget-id": "admin-portal-domain-verification", children: [_jsx(CardList.Root, { children: organizationDomains.map((domain) => (_jsx(CardList.Item, { children: _jsx(DomainItem, { domain: domain, onDeleteDomain: onDeleteDomain, onReverifyDomain: onReverifyDomain }) }, domain.id))) }), _jsx(Box, { children: _jsxs(Button, { loading: isPending, disabled: isPending, color: "gray", variant: "outline", onClick: onAddDomain, children: ["Add domain ", _jsx(ExternalLinkIcon, {})] }) })] }));
 };
-const AdminPortalDomainVerificationLoading = () => {
-  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
-    /* @__PURE__ */ jsx(Skeleton, { children: /* @__PURE__ */ jsx(IconPanel, {}) }),
-    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-      /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: /* @__PURE__ */ jsx(Skeleton, { children: "Domain name" }) }),
-      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", as: "p", children: /* @__PURE__ */ jsx(Skeleton, { children: "Added recently" }) })
-    ] })
-  ] }) });
+export const AdminPortalDomainVerificationLoading = () => {
+    return (_jsx(Card, { size: "2", children: _jsxs(Flex, { gap: "4", align: "center", children: [_jsx(Skeleton, { children: _jsx(IconPanel, {}) }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: _jsx(Skeleton, { children: "Domain name" }) }), _jsx(Text, { size: "2", color: "gray", as: "p", children: _jsx(Skeleton, { children: "Added recently" }) })] })] }) }));
 };
-function AdminPortalDomainVerificationError({
-  error
-}) {
-  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(GenericError, { error }) });
+export function AdminPortalDomainVerificationError({ error, }) {
+    return (_jsx(Card, { size: "2", children: _jsx(GenericError, { error: error }) }));
 }
-export {
-  AdminPortalDomainVerification,
-  AdminPortalDomainVerificationError,
-  AdminPortalDomainVerificationLoading
-};
 //# sourceMappingURL=admin-portal-domain-verification.js.map