@workos-inc/widgets 1.4.0 → 1.4.1

package/dist/cjs/lib/elevated-access.cjs

@@ -0,0 +1,208 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var elevated_access_exports = {};
+__export(elevated_access_exports, {
+  ElevatedAccess: () => ElevatedAccess
+});
+module.exports = __toCommonJS(elevated_access_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Form = __toESM(require("@radix-ui/react-form"), 1);
+var import_themes = require("@radix-ui/themes");
+var import_endpoint = require("../api/endpoint.js");
+var import_api_provider = require("../api/api-provider.js");
+var import_react = require("react");
+var import_elements = require("./elements.js");
+var Otp = __toESM(require("./otp-input.js"), 1);
+function ElevatedAccess({
+  type = "dialog",
+  children,
+  onVerified
+}) {
+  const { elevatedAccess } = (0, import_api_provider.useElevatedAccessToken)();
+  const [authenticationChallengeId, setAuthenticationChallengeId] = (0, import_react.useState)();
+  const prevAccessToken = (0, import_react.useRef)(elevatedAccess);
+  (0, import_react.useEffect)(() => {
+    prevAccessToken.current = elevatedAccess;
+  }, [elevatedAccess]);
+  if (elevatedAccess) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  }
+  if (!authenticationChallengeId) {
+    const hasTokenExpired = !!prevAccessToken.current;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      SendVerificationEmailForm,
+      {
+        type,
+        hasTokenExpired,
+        onSuccess: (challengeId) => {
+          setAuthenticationChallengeId(challengeId);
+        }
+      }
+    );
+  }
+  if (authenticationChallengeId) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      VerificationIdentityForm,
+      {
+        type,
+        authenticationChallengeId,
+        onSuccess: () => {
+          setAuthenticationChallengeId(void 0);
+          return onVerified?.();
+        }
+      }
+    );
+  }
+  return null;
+}
+function SendVerificationEmailForm({
+  onSuccess,
+  type,
+  hasTokenExpired
+}) {
+  const { data: me } = (0, import_endpoint.useMe)();
+  const sendVerification = (0, import_endpoint.useSendVerification)({
+    mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) }
+  });
+  const Title = type === "dialog" ? import_themes.Dialog.Title : import_themes.AlertDialog.Title;
+  const Description = type === "dialog" ? import_themes.Dialog.Description : import_themes.AlertDialog.Description;
+  const Close = type === "dialog" ? import_themes.Dialog.Close : import_themes.AlertDialog.Cancel;
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    sendVerification.mutate();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: hasTokenExpired ? "Your verification token has expired" : "Verify your identity" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Description, { color: "gray", mb: "5", children: [
+      "To continue, we need to confirm your identity. We'll send a temporary verification code to",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", highContrast: true, children: me?.email }),
+      "."
+    ] }),
+    sendVerification.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Root, { color: "red", mt: "-2", mb: "0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Text, { children: getMutationErrorMessage(sendVerification.error) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { type: "button", disabled: sendVerification.isPending, children: "Cancel" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.PrimaryButton, { type: "submit", loading: sendVerification.isPending, children: "Send verification code" })
+    ] })
+  ] });
+}
+function VerificationIdentityForm({
+  onSuccess,
+  authenticationChallengeId,
+  type
+}) {
+  const { data: me } = (0, import_endpoint.useMe)();
+  const { setElevatedAccess } = (0, import_api_provider.useElevatedAccessToken)();
+  const verifyIdentity = (0, import_endpoint.useVerify)();
+  const [isSubmitting, setIsSubmitting] = (0, import_react.useState)(false);
+  const Title = type === "dialog" ? import_themes.Dialog.Title : import_themes.AlertDialog.Title;
+  const Description = type === "dialog" ? import_themes.Dialog.Description : import_themes.AlertDialog.Description;
+  const Close = type === "dialog" ? import_themes.Dialog.Close : import_themes.AlertDialog.Cancel;
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    const formData = new FormData(event.currentTarget);
+    const code = formData.get("otp-code")?.toString() ?? "";
+    setIsSubmitting(true);
+    try {
+      const newAuthState = await verifyIdentity.mutateAsync({
+        data: {
+          code,
+          authenticationChallengeId
+        }
+      });
+      const in10Seconds = new Date(Date.now() + 5 * 1e3);
+      setElevatedAccess({
+        token: newAuthState.elevatedAccessToken,
+        // expiresAt: newAuthState.expiresAt,
+        expiresAt: in10Seconds.toISOString()
+      });
+      if (onSuccess) {
+        await new Promise((resolve) => setTimeout(resolve, 200));
+        await onSuccess();
+      }
+    } catch (error) {
+      console.error(error);
+    }
+    setIsSubmitting(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form.Root, { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: "Verify your identity" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Description, { color: "gray", children: [
+      "A verification code was sent to",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", highContrast: true, children: me?.email }),
+      ". Please enter it below."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "2", mt: "5", mx: "auto", width: "fit-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        Otp.Root,
+        {
+          autoSubmit: true,
+          gap: "2",
+          justify: "center",
+          columns: "repeat(6, 48px)",
+          width: "fit-content",
+          rows: "48px",
+          name: "otp-code",
+          readOnly: isSubmitting,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true, autoFocus: true, autoComplete: "off" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Otp.Input, { required: true })
+          ]
+        }
+      ),
+      verifyIdentity.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { color: "red", size: "2", as: "p", children: getMutationErrorMessage(verifyIdentity.error) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.PrimaryButton, { type: "submit", loading: isSubmitting, children: "Confirm" })
+    ] })
+  ] });
+}
+function getMutationErrorMessage(error) {
+  let message = typeof error === "string" ? error : "";
+  if (error instanceof Error) {
+    message = error.message;
+  } else if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
+    message = error.message;
+  }
+  if (!message || message === "Bad Request") {
+    message = "Invalid code, please try again.";
+  }
+  return message;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ElevatedAccess
+});
+//# sourceMappingURL=elevated-access.cjs.map

package/dist/cjs/lib/elevated-access.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/elevated-access.tsx"],"sourcesContent":["import * as Form from \"@radix-ui/react-form\";\nimport { AlertDialog, Callout, Dialog, Flex, Text } from \"@radix-ui/themes\";\nimport { useMe, useSendVerification, useVerify } from \"../api/endpoint.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport { PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport { PrimaryButton, SecondaryButton } from \"./elements.js\";\nimport * as Otp from \"./otp-input.js\";\n\ninterface ElevatedAccessProps extends PropsWithChildren {\n  onVerified?: () => Promise<unknown>;\n  type?: \"dialog\" | \"alert\";\n}\n\nexport function ElevatedAccess({\n  type = \"dialog\",\n  children,\n  onVerified,\n}: ElevatedAccessProps) {\n  const { elevatedAccess } = useElevatedAccessToken();\n  const [authenticationChallengeId, setAuthenticationChallengeId] =\n    useState<string>();\n\n  const prevAccessToken = useRef(elevatedAccess);\n\n  useEffect(() => {\n    prevAccessToken.current = elevatedAccess;\n  }, [elevatedAccess]);\n\n  if (elevatedAccess) {\n    return <>{children}</>;\n  }\n\n  if (!authenticationChallengeId) {\n    const hasTokenExpired = !!prevAccessToken.current;\n\n    return (\n      <SendVerificationEmailForm\n        type={type}\n        hasTokenExpired={hasTokenExpired}\n        onSuccess={(challengeId) => {\n          setAuthenticationChallengeId(challengeId);\n        }}\n      />\n    );\n  }\n\n  if (authenticationChallengeId) {\n    return (\n      <VerificationIdentityForm\n        type={type}\n        authenticationChallengeId={authenticationChallengeId}\n        onSuccess={() => {\n          // Reset the challenge id\n          setAuthenticationChallengeId(undefined);\n\n          return onVerified?.();\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\ninterface SendVerificationEmailFormProps {\n  onSuccess: (challengeId: string) => unknown | Promise<unknown>;\n  type: \"dialog\" | \"alert\";\n  hasTokenExpired: boolean;\n}\n\nfunction SendVerificationEmailForm({\n  onSuccess,\n  type,\n  hasTokenExpired,\n}: SendVerificationEmailFormProps) {\n  const { data: me } = useMe();\n  const sendVerification = useSendVerification({\n    mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) },\n  });\n\n  const Title = type === \"dialog\" ? Dialog.Title : AlertDialog.Title;\n  const Description =\n    type === \"dialog\" ? Dialog.Description : AlertDialog.Description;\n  const Close = type === \"dialog\" ? Dialog.Close : AlertDialog.Cancel;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    sendVerification.mutate();\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <Title>\n        {hasTokenExpired\n          ? \"Your verification token has expired\"\n          : \"Verify your identity\"}\n      </Title>\n\n      <Description color=\"gray\" mb=\"5\">\n        To continue, we need to confirm your identity. We'll send a temporary\n        verification code to{\" \"}\n        <Text weight=\"bold\" highContrast>\n          {me?.email}\n        </Text>\n        .\n      </Description>\n\n      {sendVerification.error && (\n        <Callout.Root color=\"red\" mt=\"-2\" mb=\"0\">\n          <Callout.Text>\n            {getMutationErrorMessage(sendVerification.error)}\n          </Callout.Text>\n        </Callout.Root>\n      )}\n\n      <Flex justify=\"end\" align=\"center\" gap=\"3\" mt=\"5\">\n        <Close>\n          <SecondaryButton type=\"button\" disabled={sendVerification.isPending}>\n            Cancel\n          </SecondaryButton>\n        </Close>\n        <PrimaryButton type=\"submit\" loading={sendVerification.isPending}>\n          Send verification code\n        </PrimaryButton>\n      </Flex>\n    </form>\n  );\n}\n\ninterface VerificationIdentityFormProps {\n  onSuccess?: () => unknown | Promise<unknown>;\n  authenticationChallengeId: string;\n  type: \"dialog\" | \"alert\";\n}\n\nfunction VerificationIdentityForm({\n  onSuccess,\n  authenticationChallengeId,\n  type,\n}: VerificationIdentityFormProps) {\n  const { data: me } = useMe();\n  const { setElevatedAccess } = useElevatedAccessToken();\n  const verifyIdentity = useVerify();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const Title = type === \"dialog\" ? Dialog.Title : AlertDialog.Title;\n  const Description =\n    type === \"dialog\" ? Dialog.Description : AlertDialog.Description;\n  const Close = type === \"dialog\" ? Dialog.Close : AlertDialog.Cancel;\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const formData = new FormData(event.currentTarget);\n    const code = formData.get(\"otp-code\")?.toString() ?? \"\";\n\n    setIsSubmitting(true);\n\n    try {\n      // Mutate async so we can wait for the onSuccess callback as well\n      const newAuthState = await verifyIdentity.mutateAsync({\n        data: {\n          code,\n          authenticationChallengeId,\n        },\n      });\n\n      const in10Seconds = new Date(Date.now() + 5 * 1000);\n\n      setElevatedAccess({\n        token: newAuthState.elevatedAccessToken,\n        // expiresAt: newAuthState.expiresAt,\n        expiresAt: in10Seconds.toISOString(),\n      });\n\n      if (onSuccess) {\n        await new Promise((resolve) => setTimeout(resolve, 200));\n        await onSuccess();\n      }\n    } catch (error) {\n      console.error(error);\n    }\n\n    setIsSubmitting(false);\n  };\n\n  return (\n    <Form.Root onSubmit={handleSubmit}>\n      <Title>Verify your identity</Title>\n\n      <Description color=\"gray\">\n        A verification code was sent to{\" \"}\n        <Text weight=\"bold\" highContrast>\n          {me?.email}\n        </Text>\n        . Please enter it below.\n      </Description>\n\n      <Flex direction=\"column\" gap=\"2\" mt=\"5\" mx=\"auto\" width=\"fit-content\">\n        <Otp.Root\n          autoSubmit\n          gap=\"2\"\n          justify=\"center\"\n          columns=\"repeat(6, 48px)\"\n          width=\"fit-content\"\n          rows=\"48px\"\n          name=\"otp-code\"\n          readOnly={isSubmitting}\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        {verifyIdentity.error && (\n          <Text color=\"red\" size=\"2\" as=\"p\">\n            {getMutationErrorMessage(verifyIdentity.error)}\n          </Text>\n        )}\n      </Flex>\n\n      <Flex justify=\"end\" align=\"center\" gap=\"3\" mt=\"5\">\n        <Close>\n          <SecondaryButton type=\"button\">Cancel</SecondaryButton>\n        </Close>\n\n        <PrimaryButton type=\"submit\" loading={isSubmitting}>\n          Confirm\n        </PrimaryButton>\n      </Flex>\n    </Form.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  let message = typeof error === \"string\" ? error : \"\";\n\n  if (error instanceof Error) {\n    message = error.message;\n  } else 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 || message === \"Bad Request\") {\n    message = \"Invalid code, please try again.\";\n  }\n\n  return message;\n}\n"],"mappings":"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","names":[]}

package/dist/cjs/lib/elevated-access.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+interface ElevatedAccessProps extends PropsWithChildren {
+    onVerified?: () => Promise<unknown>;
+    type?: "dialog" | "alert";
+}
+declare function ElevatedAccess({ type, children, onVerified, }: ElevatedAccessProps): react_jsx_runtime.JSX.Element | null;
+
+export { ElevatedAccess };

package/dist/cjs/lib/error-boundary.cjs

@@ -0,0 +1,115 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var error_boundary_exports = {};
+__export(error_boundary_exports, {
+  ErrorBoundary: () => ErrorBoundary
+});
+module.exports = __toCommonJS(error_boundary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+const ErrorBoundaryContext = React.createContext(null);
+ErrorBoundaryContext.displayName = "ErrorBoundaryContext";
+const initialState = {
+  didCatch: false,
+  error: null
+};
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return { didCatch: true, error };
+  }
+  resetErrorBoundary(...args) {
+    const { error } = this.state;
+    if (error !== null) {
+      this.props.onReset?.({
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const { didCatch } = this.state;
+    const { resetKeys } = this.props;
+    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      this.props.onReset?.({
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const { children, fallbackRender, FallbackComponent, fallback } = this.props;
+    const { didCatch, error } = this.state;
+    let childToRender = children;
+    if (didCatch) {
+      const props = {
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof fallbackRender === "function") {
+        childToRender = fallbackRender(props);
+      } else if (FallbackComponent) {
+        childToRender = React.createElement(FallbackComponent, props);
+      } else if (fallback !== void 0) {
+        childToRender = fallback;
+      } else {
+        throw error;
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ErrorBoundaryContext.Provider,
+      {
+        value: {
+          didCatch,
+          error,
+          resetErrorBoundary: this.resetErrorBoundary
+        },
+        children: childToRender
+      }
+    );
+  }
+}
+function hasArrayChanged(a = [], b = []) {
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ErrorBoundary
+});
+//# sourceMappingURL=error-boundary.cjs.map

package/dist/cjs/lib/error-boundary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/error-boundary.tsx"],"sourcesContent":["// Modified from https://github.com/bvaughn/react-error-boundary\n// Copyright (c) 2020 Brian Vaughn, MIT License\n\nimport * as React from \"react\";\n\ntype ErrorBoundaryState =\n  | { didCatch: true; error: any }\n  | { didCatch: false; error: null };\n\nexport interface ErrorBoundaryContextValue {\n  didCatch: boolean;\n  error: any;\n  resetErrorBoundary: (...args: any[]) => void;\n}\n\nconst ErrorBoundaryContext =\n  React.createContext<ErrorBoundaryContextValue | null>(null);\nErrorBoundaryContext.displayName = \"ErrorBoundaryContext\";\n\nconst initialState: ErrorBoundaryState = {\n  didCatch: false,\n  error: null,\n} satisfies ErrorBoundaryState;\n\nexport class ErrorBoundary extends React.Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n\n    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);\n    this.state = initialState;\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { didCatch: true, error };\n  }\n\n  resetErrorBoundary(...args: any[]) {\n    const { error } = this.state;\n\n    if (error !== null) {\n      this.props.onReset?.({\n        args,\n        reason: \"imperative-api\",\n      });\n\n      this.setState(initialState);\n    }\n  }\n\n  componentDidCatch(error: Error, info: React.ErrorInfo) {\n    this.props.onError?.(error, info);\n  }\n\n  componentDidUpdate(\n    prevProps: ErrorBoundaryProps,\n    prevState: ErrorBoundaryState,\n  ) {\n    const { didCatch } = this.state;\n    const { resetKeys } = this.props;\n\n    // There's an edge case where if the thing that triggered the error happens\n    // to *also* be in the resetKeys array, we'd end up resetting the error\n    // boundary immediately.\n    //\n    // This would likely trigger a second error to be thrown. So we make sure\n    // that we don't check the resetKeys on the first call of cDU after the\n    // error is set.\n    if (\n      didCatch &&\n      prevState.error !== null &&\n      hasArrayChanged(prevProps.resetKeys, resetKeys)\n    ) {\n      this.props.onReset?.({\n        next: resetKeys,\n        prev: prevProps.resetKeys,\n        reason: \"keys\",\n      });\n\n      this.setState(initialState);\n    }\n  }\n\n  render() {\n    const { children, fallbackRender, FallbackComponent, fallback } =\n      this.props;\n    const { didCatch, error } = this.state;\n\n    let childToRender = children;\n\n    if (didCatch) {\n      const props: FallbackProps = {\n        error,\n        resetErrorBoundary: this.resetErrorBoundary,\n      };\n\n      if (typeof fallbackRender === \"function\") {\n        childToRender = fallbackRender(props);\n      } else if (FallbackComponent) {\n        childToRender = React.createElement(FallbackComponent, props);\n      } else if (fallback !== undefined) {\n        childToRender = fallback;\n      } else {\n        throw error;\n      }\n    }\n\n    return (\n      <ErrorBoundaryContext.Provider\n        value={{\n          didCatch,\n          error,\n          resetErrorBoundary: this.resetErrorBoundary,\n        }}\n      >\n        {childToRender}\n      </ErrorBoundaryContext.Provider>\n    );\n  }\n}\n\nfunction hasArrayChanged(a: any[] = [], b: any[] = []) {\n  return (\n    a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]))\n  );\n}\n\nexport type FallbackProps = {\n  error: any;\n  resetErrorBoundary: (...args: any[]) => void;\n};\n\ntype ErrorBoundarySharedProps = React.PropsWithChildren<{\n  onError?: (error: Error, info: React.ErrorInfo) => void;\n  onReset?: (\n    details:\n      | { reason: \"imperative-api\"; args: any[] }\n      | { reason: \"keys\"; prev: any[] | undefined; next: any[] | undefined },\n  ) => void;\n  resetKeys?: any[];\n}>;\n\nexport type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {\n  fallback?: never;\n  FallbackComponent: React.ComponentType<FallbackProps>;\n  fallbackRender?: never;\n};\n\nexport type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {\n  fallback?: never;\n  FallbackComponent?: never;\n  fallbackRender: (props: FallbackProps) => React.ReactNode;\n};\n\nexport type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {\n  fallback: React.ReactNode;\n  FallbackComponent?: never;\n  fallbackRender?: never;\n};\n\nexport type ErrorBoundaryProps =\n  | ErrorBoundaryPropsWithFallback\n  | ErrorBoundaryPropsWithComponent\n  | ErrorBoundaryPropsWithRender;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8GM;AA3GN,YAAuB;AAYvB,MAAM,uBACJ,MAAM,cAAgD,IAAI;AAC5D,qBAAqB,cAAc;AAEnC,MAAM,eAAmC;AAAA,EACvC,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,sBAAsB,MAAM,UAGvC;AAAA,EACA,YAAY,OAA2B;AACrC,UAAM,KAAK;AAEX,SAAK,qBAAqB,KAAK,mBAAmB,KAAK,IAAI;AAC3D,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,UAAU,MAAM,MAAM;AAAA,EACjC;AAAA,EAEA,sBAAsB,MAAa;AACjC,UAAM,EAAE,MAAM,IAAI,KAAK;AAEvB,QAAI,UAAU,MAAM;AAClB,WAAK,MAAM,UAAU;AAAA,QACnB;AAAA,QACA,QAAQ;AAAA,MACV,CAAC;AAED,WAAK,SAAS,YAAY;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,kBAAkB,OAAc,MAAuB;AACrD,SAAK,MAAM,UAAU,OAAO,IAAI;AAAA,EAClC;AAAA,EAEA,mBACE,WACA,WACA;AACA,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,IAAI,KAAK;AAS3B,QACE,YACA,UAAU,UAAU,QACpB,gBAAgB,UAAU,WAAW,SAAS,GAC9C;AACA,WAAK,MAAM,UAAU;AAAA,QACnB,MAAM;AAAA,QACN,MAAM,UAAU;AAAA,QAChB,QAAQ;AAAA,MACV,CAAC;AAED,WAAK,SAAS,YAAY;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,gBAAgB,mBAAmB,SAAS,IAC5D,KAAK;AACP,UAAM,EAAE,UAAU,MAAM,IAAI,KAAK;AAEjC,QAAI,gBAAgB;AAEpB,QAAI,UAAU;AACZ,YAAM,QAAuB;AAAA,QAC3B;AAAA,QACA,oBAAoB,KAAK;AAAA,MAC3B;AAEA,UAAI,OAAO,mBAAmB,YAAY;AACxC,wBAAgB,eAAe,KAAK;AAAA,MACtC,WAAW,mBAAmB;AAC5B,wBAAgB,MAAM,cAAc,mBAAmB,KAAK;AAAA,MAC9D,WAAW,aAAa,QAAW;AACjC,wBAAgB;AAAA,MAClB,OAAO;AACL,cAAM;AAAA,MACR;AAAA,IACF;AAEA,WACE;AAAA,MAAC,qBAAqB;AAAA,MAArB;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA,oBAAoB,KAAK;AAAA,QAC3B;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,SAAS,gBAAgB,IAAW,CAAC,GAAG,IAAW,CAAC,GAAG;AACrD,SACE,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,UAAU,CAAC,OAAO,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;AAE/E;","names":[]}

package/dist/cjs/lib/{error-boundary.d.ts → error-boundary.d.cts}

@@ -1,4 +1,6 @@
-import * as React from "react";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
 type ErrorBoundaryState = {
     didCatch: true;
     error: any;
@@ -6,12 +8,12 @@ type ErrorBoundaryState = {
     didCatch: false;
     error: null;
 };
-export interface ErrorBoundaryContextValue {
+interface ErrorBoundaryContextValue {
     didCatch: boolean;
     error: any;
     resetErrorBoundary: (...args: any[]) => void;
 }
-export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryProps);
     static getDerivedStateFromError(error: Error): {
         didCatch: boolean;
@@ -20,9 +22,9 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
     resetErrorBoundary(...args: any[]): void;
     componentDidCatch(error: Error, info: React.ErrorInfo): void;
     componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): react_jsx_runtime.JSX.Element;
 }
-export type FallbackProps = {
+type FallbackProps = {
     error: any;
     resetErrorBoundary: (...args: any[]) => void;
 };
@@ -38,21 +40,21 @@ type ErrorBoundarySharedProps = React.PropsWithChildren<{
     }) => void;
     resetKeys?: any[];
 }>;
-export type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
+type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
     fallback?: never;
     FallbackComponent: React.ComponentType<FallbackProps>;
     fallbackRender?: never;
 };
-export type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
+type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
     fallback?: never;
     FallbackComponent?: never;
     fallbackRender: (props: FallbackProps) => React.ReactNode;
 };
-export type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
+type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
     fallback: React.ReactNode;
     FallbackComponent?: never;
     fallbackRender?: never;
 };
-export type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
-export {};
-//# sourceMappingURL=error-boundary.d.ts.map
+type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
+
+export { ErrorBoundary, type ErrorBoundaryContextValue, type ErrorBoundaryProps, type ErrorBoundaryPropsWithComponent, type ErrorBoundaryPropsWithFallback, type ErrorBoundaryPropsWithRender, type FallbackProps };

package/dist/cjs/lib/errors.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var errors_exports = {};
+__export(errors_exports, {
+  ApiError: () => ApiError,
+  FetchError: () => FetchError,
+  IncorrectPermissionsError: () => IncorrectPermissionsError,
+  NoAuthTokenError: () => NoAuthTokenError
+});
+module.exports = __toCommonJS(errors_exports);
+class FetchError extends Error {
+  constructor(args) {
+    super(args.message);
+    this.name = "FetchError";
+    this.queryType = args.queryType;
+    this.recordType = args.recordType;
+    this.context = args.context;
+  }
+}
+class ApiError extends Error {
+  constructor(args) {
+    super(args.message);
+    this.name = "ApiError";
+    this.status = args.status;
+    this.queryType = args.queryType;
+    this.recordType = args.recordType;
+  }
+}
+class NoAuthTokenError extends Error {
+  constructor(args) {
+    super("No auth token provided");
+    this.name = "NoAuthTokenError";
+    this.context = args?.context;
+  }
+}
+class IncorrectPermissionsError extends Error {
+  constructor(args) {
+    super("Incorrect permissions");
+    this.name = "NoPermissionError";
+    this.context = args?.context;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApiError,
+  FetchError,
+  IncorrectPermissionsError,
+  NoAuthTokenError
+});
+//# sourceMappingURL=errors.cjs.map

package/dist/cjs/lib/errors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/errors.ts"],"sourcesContent":["type QueryType = \"query\" | \"mutation\";\ntype RecordType = \"users\" | \"roles\";\n\nexport class FetchError extends Error {\n  queryType: QueryType;\n  recordType: RecordType;\n  context: unknown;\n  constructor(args: {\n    message: string;\n    queryType: QueryType;\n    recordType: RecordType;\n    context?: unknown;\n  }) {\n    super(args.message);\n    this.name = \"FetchError\";\n    this.queryType = args.queryType;\n    this.recordType = args.recordType;\n    this.context = args.context;\n  }\n}\n\nexport class ApiError extends Error {\n  status: number;\n  queryType: QueryType;\n  recordType: RecordType;\n  context: unknown;\n  constructor(args: {\n    message: string;\n    queryType: QueryType;\n    recordType: RecordType;\n    status: number;\n    context?: unknown;\n  }) {\n    super(args.message);\n    this.name = \"ApiError\";\n    this.status = args.status;\n    this.queryType = args.queryType;\n    this.recordType = args.recordType;\n  }\n}\n\nexport class NoAuthTokenError extends Error {\n  context: unknown;\n  constructor(args?: { context?: unknown }) {\n    super(\"No auth token provided\");\n    this.name = \"NoAuthTokenError\";\n    this.context = args?.context;\n  }\n}\n\nexport class IncorrectPermissionsError extends Error {\n  context: unknown;\n  constructor(args?: { context?: unknown }) {\n    super(\"Incorrect permissions\");\n    this.name = \"NoPermissionError\";\n    this.context = args?.context;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,mBAAmB,MAAM;AAAA,EAIpC,YAAY,MAKT;AACD,UAAM,KAAK,OAAO;AAClB,SAAK,OAAO;AACZ,SAAK,YAAY,KAAK;AACtB,SAAK,aAAa,KAAK;AACvB,SAAK,UAAU,KAAK;AAAA,EACtB;AACF;AAEO,MAAM,iBAAiB,MAAM;AAAA,EAKlC,YAAY,MAMT;AACD,UAAM,KAAK,OAAO;AAClB,SAAK,OAAO;AACZ,SAAK,SAAS,KAAK;AACnB,SAAK,YAAY,KAAK;AACtB,SAAK,aAAa,KAAK;AAAA,EACzB;AACF;AAEO,MAAM,yBAAyB,MAAM;AAAA,EAE1C,YAAY,MAA8B;AACxC,UAAM,wBAAwB;AAC9B,SAAK,OAAO;AACZ,SAAK,UAAU,MAAM;AAAA,EACvB;AACF;AAEO,MAAM,kCAAkC,MAAM;AAAA,EAEnD,YAAY,MAA8B;AACxC,UAAM,uBAAuB;AAC7B,SAAK,OAAO;AACZ,SAAK,UAAU,MAAM;AAAA,EACvB;AACF;","names":[]}

package/dist/cjs/lib/{errors.d.ts → errors.d.cts}

@@ -1,6 +1,6 @@
 type QueryType = "query" | "mutation";
 type RecordType = "users" | "roles";
-export declare class FetchError extends Error {
+declare class FetchError extends Error {
     queryType: QueryType;
     recordType: RecordType;
     context: unknown;
@@ -11,7 +11,7 @@ export declare class FetchError extends Error {
         context?: unknown;
     });
 }
-export declare class ApiError extends Error {
+declare class ApiError extends Error {
     status: number;
     queryType: QueryType;
     recordType: RecordType;
@@ -24,17 +24,17 @@ export declare class ApiError extends Error {
         context?: unknown;
     });
 }
-export declare class NoAuthTokenError extends Error {
+declare class NoAuthTokenError extends Error {
     context: unknown;
     constructor(args?: {
         context?: unknown;
     });
 }
-export declare class IncorrectPermissionsError extends Error {
+declare class IncorrectPermissionsError extends Error {
     context: unknown;
     constructor(args?: {
         context?: unknown;
     });
 }
-export {};
-//# sourceMappingURL=errors.d.ts.map
+
+export { ApiError, FetchError, IncorrectPermissionsError, NoAuthTokenError };

package/dist/cjs/lib/generic-error.cjs

@@ -0,0 +1,109 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var generic_error_exports = {};
+__export(generic_error_exports, {
+  GenericError: () => GenericError
+});
+module.exports = __toCommonJS(generic_error_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_themes = require("@radix-ui/themes");
+var import_errors = require("./errors.js");
+var import_react_icons = require("@radix-ui/react-icons");
+function GenericError({ error }) {
+  React.useEffect(() => {
+    console.error(error);
+  }, [error]);
+  const render = (heading, message) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { p: "6", justify: "center", align: "center", direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_themes.Flex,
+      {
+        align: "center",
+        justify: "center",
+        width: "32px",
+        height: "32px",
+        mb: "2",
+        style: {
+          borderRadius: "9999px",
+          backgroundColor: "var(--red-a4)",
+          color: "var(--red-a11)"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross2Icon, { width: "24px", height: "24px" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "1", maxWidth: "420px", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Heading, { size: "5", align: "center", mb: "1", wrap: "balance", as: "h3", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { as: "p", align: "center", wrap: "balance", color: "gray", children: message })
+    ] })
+  ] });
+  if (error instanceof import_errors.FetchError) {
+    return render(
+      "Error fetching data",
+      "An error occurred. You may need to configure CORS in the WorkOS Dashboard. Contact your organization admin for support."
+    );
+  }
+  if (error instanceof import_errors.NoAuthTokenError) {
+    return render(
+      "Error fetching data",
+      "Authorization error. You likely forgot to provide an authorization token to the Users Management Widget."
+    );
+  }
+  if (error instanceof import_errors.ApiError && error.status === 404) {
+    return render(
+      "Error fetching data",
+      "Authorization error. Contact your organization admin for support."
+    );
+  }
+  if (error instanceof import_errors.IncorrectPermissionsError) {
+    return render(
+      "Error fetching data",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        "Incorrect permissions.",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_themes.Link,
+          {
+            href: "https://workos.com/docs/user-management/widgets/user-management",
+            target: "_blank",
+            children: "Check that the correct permissions have been assigned."
+          }
+        )
+      ] })
+    );
+  }
+  return render(
+    "Error fetching data",
+    "An unknown error occurred. If the problem continues, contact the site owner."
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GenericError
+});
+//# sourceMappingURL=generic-error.cjs.map