@workos-inc/widgets 1.4.2 → 1.5.0

package/dist/esm/lib/elevated-access.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as Form from "@radix-ui/react-form";
 import { AlertDialog, Callout, Dialog, Flex, Text } from "@radix-ui/themes";
 import { useMe, useSendVerification, useVerify } from "../api/endpoint.js";
@@ -6,100 +6,169 @@ import { useElevatedAccessToken } from "../api/api-provider.js";
 import { useEffect, useRef, useState } from "react";
 import { PrimaryButton, SecondaryButton } from "./elements.js";
 import * as Otp from "./otp-input.js";
-export function ElevatedAccess({ type = "dialog", children, onVerified, }) {
-    const { elevatedAccess } = useElevatedAccessToken();
-    const [authenticationChallengeId, setAuthenticationChallengeId] = useState();
-    const prevAccessToken = useRef(elevatedAccess);
-    useEffect(() => {
-        prevAccessToken.current = elevatedAccess;
-    }, [elevatedAccess]);
-    if (elevatedAccess) {
-        return _jsx(_Fragment, { children: children });
-    }
-    if (!authenticationChallengeId) {
-        const hasTokenExpired = !!prevAccessToken.current;
-        return (_jsx(SendVerificationEmailForm, { type: type, hasTokenExpired: hasTokenExpired, onSuccess: (challengeId) => {
-                setAuthenticationChallengeId(challengeId);
-            } }));
-    }
-    if (authenticationChallengeId) {
-        return (_jsx(VerificationIdentityForm, { type: type, authenticationChallengeId: authenticationChallengeId, onSuccess: () => {
-                // Reset the challenge id
-                setAuthenticationChallengeId(undefined);
-                return onVerified?.();
-            } }));
-    }
-    return null;
+function ElevatedAccess({
+  type = "dialog",
+  children,
+  onVerified
+}) {
+  const { elevatedAccess } = useElevatedAccessToken();
+  const [authenticationChallengeId, setAuthenticationChallengeId] = useState();
+  const prevAccessToken = useRef(elevatedAccess);
+  useEffect(() => {
+    prevAccessToken.current = elevatedAccess;
+  }, [elevatedAccess]);
+  if (elevatedAccess) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (!authenticationChallengeId) {
+    const hasTokenExpired = !!prevAccessToken.current;
+    return /* @__PURE__ */ jsx(
+      SendVerificationEmailForm,
+      {
+        type,
+        hasTokenExpired,
+        onSuccess: (challengeId) => {
+          setAuthenticationChallengeId(challengeId);
+        }
+      }
+    );
+  }
+  if (authenticationChallengeId) {
+    return /* @__PURE__ */ jsx(
+      VerificationIdentityForm,
+      {
+        type,
+        authenticationChallengeId,
+        onSuccess: () => {
+          setAuthenticationChallengeId(void 0);
+          return onVerified?.();
+        }
+      }
+    );
+  }
+  return null;
 }
-function SendVerificationEmailForm({ onSuccess, type, hasTokenExpired, }) {
-    const { data: me } = useMe();
-    const sendVerification = useSendVerification({
-        mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) },
-    });
-    const Title = type === "dialog" ? Dialog.Title : AlertDialog.Title;
-    const Description = type === "dialog" ? Dialog.Description : AlertDialog.Description;
-    const Close = type === "dialog" ? Dialog.Close : AlertDialog.Cancel;
-    const handleSubmit = async (event) => {
-        event.preventDefault();
-        sendVerification.mutate();
-    };
-    return (_jsxs("form", { onSubmit: handleSubmit, children: [_jsx(Title, { children: hasTokenExpired
-                    ? "Your verification token has expired"
-                    : "Verify your identity" }), _jsxs(Description, { color: "gray", mb: "5", children: ["To continue, we need to confirm your identity. We'll send a temporary verification code to", " ", _jsx(Text, { weight: "bold", highContrast: true, children: me?.email }), "."] }), sendVerification.error && (_jsx(Callout.Root, { color: "red", mt: "-2", mb: "0", children: _jsx(Callout.Text, { children: getMutationErrorMessage(sendVerification.error) }) })), _jsxs(Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [_jsx(Close, { children: _jsx(SecondaryButton, { type: "button", disabled: sendVerification.isPending, children: "Cancel" }) }), _jsx(PrimaryButton, { type: "submit", loading: sendVerification.isPending, children: "Send verification code" })] })] }));
+function SendVerificationEmailForm({
+  onSuccess,
+  type,
+  hasTokenExpired
+}) {
+  const { data: me } = useMe();
+  const sendVerification = useSendVerification({
+    mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) }
+  });
+  const Title = type === "dialog" ? Dialog.Title : AlertDialog.Title;
+  const Description = type === "dialog" ? Dialog.Description : AlertDialog.Description;
+  const Close = type === "dialog" ? Dialog.Close : AlertDialog.Cancel;
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    sendVerification.mutate();
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsx(Title, { children: hasTokenExpired ? "Your verification token has expired" : "Verify your identity" }),
+    /* @__PURE__ */ jsxs(Description, { color: "gray", mb: "5", children: [
+      "To continue, we need to confirm your identity. We'll send a temporary verification code to",
+      " ",
+      /* @__PURE__ */ jsx(Text, { weight: "bold", highContrast: true, children: me?.email }),
+      "."
+    ] }),
+    sendVerification.error && /* @__PURE__ */ jsx(Callout.Root, { color: "red", mt: "-2", mb: "0", children: /* @__PURE__ */ jsx(Callout.Text, { children: getMutationErrorMessage(sendVerification.error) }) }),
+    /* @__PURE__ */ jsxs(Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [
+      /* @__PURE__ */ jsx(Close, { children: /* @__PURE__ */ jsx(SecondaryButton, { type: "button", disabled: sendVerification.isPending, children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(PrimaryButton, { type: "submit", loading: sendVerification.isPending, children: "Send verification code" })
+    ] })
+  ] });
 }
-function VerificationIdentityForm({ onSuccess, authenticationChallengeId, type, }) {
-    const { data: me } = useMe();
-    const { setElevatedAccess } = useElevatedAccessToken();
-    const verifyIdentity = useVerify();
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    const Title = type === "dialog" ? Dialog.Title : AlertDialog.Title;
-    const Description = type === "dialog" ? Dialog.Description : AlertDialog.Description;
-    const Close = type === "dialog" ? Dialog.Close : AlertDialog.Cancel;
-    const handleSubmit = async (event) => {
-        event.preventDefault();
-        const formData = new FormData(event.currentTarget);
-        const code = formData.get("otp-code")?.toString() ?? "";
-        setIsSubmitting(true);
-        try {
-            // Mutate async so we can wait for the onSuccess callback as well
-            const newAuthState = await verifyIdentity.mutateAsync({
-                data: {
-                    code,
-                    authenticationChallengeId,
-                },
-            });
-            const in10Seconds = new Date(Date.now() + 5 * 1000);
-            setElevatedAccess({
-                token: newAuthState.elevatedAccessToken,
-                // expiresAt: newAuthState.expiresAt,
-                expiresAt: in10Seconds.toISOString(),
-            });
-            if (onSuccess) {
-                await new Promise((resolve) => setTimeout(resolve, 200));
-                await onSuccess();
-            }
+function VerificationIdentityForm({
+  onSuccess,
+  authenticationChallengeId,
+  type
+}) {
+  const { data: me } = useMe();
+  const { setElevatedAccess } = useElevatedAccessToken();
+  const verifyIdentity = useVerify();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const Title = type === "dialog" ? Dialog.Title : AlertDialog.Title;
+  const Description = type === "dialog" ? Dialog.Description : AlertDialog.Description;
+  const Close = type === "dialog" ? Dialog.Close : 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
         }
-        catch (error) {
-            console.error(error);
+      });
+      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__ */ jsxs(Form.Root, { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsx(Title, { children: "Verify your identity" }),
+    /* @__PURE__ */ jsxs(Description, { color: "gray", children: [
+      "A verification code was sent to",
+      " ",
+      /* @__PURE__ */ jsx(Text, { weight: "bold", highContrast: true, children: me?.email }),
+      ". Please enter it below."
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", mt: "5", mx: "auto", width: "fit-content", children: [
+      /* @__PURE__ */ 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__ */ 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 })
+          ]
         }
-        setIsSubmitting(false);
-    };
-    return (_jsxs(Form.Root, { onSubmit: handleSubmit, children: [_jsx(Title, { children: "Verify your identity" }), _jsxs(Description, { color: "gray", children: ["A verification code was sent to", " ", _jsx(Text, { weight: "bold", highContrast: true, children: me?.email }), ". Please enter it below."] }), _jsxs(Flex, { direction: "column", gap: "2", mt: "5", mx: "auto", width: "fit-content", children: [_jsxs(Otp.Root, { autoSubmit: true, gap: "2", justify: "center", columns: "repeat(6, 48px)", width: "fit-content", rows: "48px", name: "otp-code", readOnly: isSubmitting, 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 })] }), verifyIdentity.error && (_jsx(Text, { color: "red", size: "2", as: "p", children: getMutationErrorMessage(verifyIdentity.error) }))] }), _jsxs(Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [_jsx(Close, { children: _jsx(SecondaryButton, { type: "button", children: "Cancel" }) }), _jsx(PrimaryButton, { type: "submit", loading: isSubmitting, children: "Confirm" })] })] }));
+      ),
+      verifyIdentity.error && /* @__PURE__ */ jsx(Text, { color: "red", size: "2", as: "p", children: getMutationErrorMessage(verifyIdentity.error) })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [
+      /* @__PURE__ */ jsx(Close, { children: /* @__PURE__ */ jsx(SecondaryButton, { type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(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;
+  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;
 }
+export {
+  ElevatedAccess
+};
 //# sourceMappingURL=elevated-access.js.map

package/dist/esm/lib/elevated-access.js.map

@@ -1 +1 @@
-{"version":3,"file":"elevated-access.js","sourceRoot":"","sources":["../../../src/lib/elevated-access.tsx"],"names":[],"mappings":"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"}
+{"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/esm/lib/empty-state.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface EmptyStateProps {
+    heading: string;
+    message: string;
+    action?: React.ReactNode;
+}
+declare function EmptyState({ heading, message, action }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+export { EmptyState };

package/dist/esm/lib/empty-state.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Flex, Heading, Text } from "@radix-ui/themes";
+function EmptyState({ heading, message, action }) {
+  return /* @__PURE__ */ jsxs(Flex, { p: "6", gap: "4", justify: "center", align: "center", direction: "column", children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", maxWidth: "420px", children: [
+      /* @__PURE__ */ jsx(Heading, { size: "5", align: "center", mb: "1", wrap: "balance", as: "h3", children: heading }),
+      /* @__PURE__ */ jsx(Text, { as: "p", align: "center", wrap: "balance", color: "gray", children: message })
+    ] }),
+    action
+  ] });
+}
+export {
+  EmptyState
+};
+//# sourceMappingURL=empty-state.js.map

package/dist/esm/lib/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/empty-state.tsx"],"sourcesContent":["import { Flex, Heading, Text } from \"@radix-ui/themes\";\n\ninterface EmptyStateProps {\n  heading: string;\n  message: string;\n  action?: React.ReactNode;\n}\n\nexport function EmptyState({ heading, message, action }: EmptyStateProps) {\n  return (\n    <Flex p=\"6\" gap=\"4\" justify=\"center\" align=\"center\" direction=\"column\">\n      <Flex direction=\"column\" gap=\"1\" maxWidth=\"420px\">\n        <Heading size=\"5\" align=\"center\" mb=\"1\" wrap=\"balance\" as=\"h3\">\n          {heading}\n        </Heading>\n\n        <Text as=\"p\" align=\"center\" wrap=\"balance\" color=\"gray\">\n          {message}\n        </Text>\n      </Flex>\n\n      {action}\n    </Flex>\n  );\n}\n"],"mappings":"AAWM,SACE,KADF;AAXN,SAAS,MAAM,SAAS,YAAY;AAQ7B,SAAS,WAAW,EAAE,SAAS,SAAS,OAAO,GAAoB;AACxE,SACE,qBAAC,QAAK,GAAE,KAAI,KAAI,KAAI,SAAQ,UAAS,OAAM,UAAS,WAAU,UAC5D;AAAA,yBAAC,QAAK,WAAU,UAAS,KAAI,KAAI,UAAS,SACxC;AAAA,0BAAC,WAAQ,MAAK,KAAI,OAAM,UAAS,IAAG,KAAI,MAAK,WAAU,IAAG,MACvD,mBACH;AAAA,MAEA,oBAAC,QAAK,IAAG,KAAI,OAAM,UAAS,MAAK,WAAU,OAAM,QAC9C,mBACH;AAAA,OACF;AAAA,IAEC;AAAA,KACH;AAEJ;","names":[]}

package/dist/esm/lib/error-boundary.d.ts

@@ -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/esm/lib/error-boundary.js

@@ -1,86 +1,81 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Modified from https://github.com/bvaughn/react-error-boundary
-// Copyright (c) 2020 Brian Vaughn, MIT License
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 const ErrorBoundaryContext = React.createContext(null);
 ErrorBoundaryContext.displayName = "ErrorBoundaryContext";
 const initialState = {
-    didCatch: false,
-    error: null,
+  didCatch: false,
+  error: null
 };
-export class ErrorBoundary extends React.Component {
-    constructor(props) {
-        super(props);
-        this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-        this.state = initialState;
+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);
     }
-    static getDerivedStateFromError(error) {
-        return { didCatch: true, error };
+  }
+  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);
     }
-    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;
-        // There's an edge case where if the thing that triggered the error happens
-        // to *also* be in the resetKeys array, we'd end up resetting the error
-        // boundary immediately.
-        //
-        // This would likely trigger a second error to be thrown. So we make sure
-        // that we don't check the resetKeys on the first call of cDU after the
-        // error is set.
-        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 !== undefined) {
-                childToRender = fallback;
-            }
-            else {
-                throw error;
-            }
-        }
-        return (_jsx(ErrorBoundaryContext.Provider, { value: {
-                didCatch,
-                error,
-                resetErrorBoundary: this.resetErrorBoundary,
-            }, children: childToRender }));
+  }
+  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__ */ 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])));
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
 }
+export {
+  ErrorBoundary
+};
 //# sourceMappingURL=error-boundary.js.map

package/dist/esm/lib/error-boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../../src/lib/error-boundary.tsx"],"names":[],"mappings":"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"}
+{"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":"AA8GM;AA3GN,YAAY,WAAW;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/esm/lib/errors.d.ts

@@ -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 };