@workos-inc/widgets 1.4.2 → 1.5.0

package/dist/esm/lib/otp-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"otp-input.js","sourceRoot":"","sources":["../../../src/lib/otp-input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/otp-input.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeRefs, useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport * as Form from \"@radix-ui/react-form\";\nimport { Grid } from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { TextField } from \"./elements.js\";\n\ninterface OptContextType {\n  value: string[];\n  readOnly?: boolean;\n  state?: \"valid\" | \"invalid\";\n  onEnterPressed: () => void;\n  onChildAdd: (input: HTMLInputElement) => void;\n  onCharChange: (char: string, index: number) => void;\n  allChildrenAdded: boolean;\n}\n\nconst OtpContext = React.createContext<OptContextType | undefined>(undefined);\n\ntype OtpRootProps = React.ComponentPropsWithoutRef<typeof Grid> & {\n  onValueChange?: (value: string) => void;\n  id?: string;\n  name?: string;\n  readOnly?: boolean;\n  state?: \"valid\" | \"invalid\";\n  value?: string;\n  defaultValue?: string;\n  autoSubmit?: boolean;\n};\n\nexport const Root = React.forwardRef<HTMLInputElement, OtpRootProps>(\n  function Root(\n    {\n      name,\n      id,\n      defaultValue,\n      value: valueProp,\n      onValueChange,\n      autoSubmit,\n      children,\n      readOnly,\n      state,\n      ...gridProps\n    },\n    forwardedRef,\n  ) {\n    const [lastCharIndex, setLastCharIndex] = React.useState<number>(0);\n    const [allChildrenAdded, setAllChildrenAdded] =\n      React.useState<boolean>(false);\n    const childCount = React.Children.count(children);\n\n    const [value, setValue] = useControllableState({\n      prop: getValueAsArray(valueProp, childCount),\n      defaultProp: getValueAsArray(defaultValue, childCount),\n      onChange: (value) => onValueChange?.(value.join(\"\")),\n    });\n\n    const hiddenInputRef = React.useRef<HTMLInputElement>(null);\n    const childrenRefs = React.useRef<HTMLInputElement[]>([]);\n\n    const attemptAutoSubmit = React.useCallback(\n      (enterPressed = false) => {\n        if (\n          autoSubmit &&\n          value &&\n          value.every((char) => char !== \"\") &&\n          (enterPressed || lastCharIndex + 1 === childCount)\n        ) {\n          hiddenInputRef.current?.form?.requestSubmit();\n        }\n      },\n      [value, childCount, lastCharIndex, autoSubmit],\n    );\n\n    const handleEnterPressed = React.useCallback(\n      () => attemptAutoSubmit(true),\n      [attemptAutoSubmit],\n    );\n\n    const handleChildAdd = React.useCallback(\n      (input: HTMLInputElement) => {\n        if (input) {\n          input.dataset.index = `${childrenRefs.current.length}`;\n          childrenRefs.current.push(input);\n        } else {\n          childrenRefs.current.pop();\n        }\n\n        if (childrenRefs.current.length === childCount) {\n          setAllChildrenAdded(true);\n        }\n      },\n      [childCount],\n    );\n\n    const handleCharChange = React.useCallback(\n      (char: string, index: number) => {\n        setValue((previousValue) => {\n          const arrayToCopy = previousValue ?? createEmptyArray(childCount);\n          const newValue = [...arrayToCopy];\n          newValue[index] = char;\n          return newValue;\n        });\n        setLastCharIndex(index);\n      },\n      [childCount, setValue],\n    );\n\n    const otpContext = React.useMemo(\n      () => ({\n        value: value ?? createEmptyArray(childCount),\n        readOnly,\n        state,\n        allChildrenAdded,\n        onEnterPressed: handleEnterPressed,\n        onChildAdd: handleChildAdd,\n        onCharChange: handleCharChange,\n      }),\n      [\n        value,\n        allChildrenAdded,\n        readOnly,\n        state,\n        childCount,\n        handleEnterPressed,\n        handleChildAdd,\n        handleCharChange,\n      ],\n    );\n\n    React.useEffect(attemptAutoSubmit, [attemptAutoSubmit]);\n\n    return (\n      <OtpContext.Provider value={otpContext}>\n        <Grid\n          columns={`repeat(${childCount}, 1fr)`}\n          {...gridProps}\n          onPaste={(event: React.ClipboardEvent<HTMLDivElement>) => {\n            event.preventDefault();\n            const pastedValue = event.clipboardData.getData(\"Text\");\n            const sanitizedValue = pastedValue\n              .replace(/[^\\d]/g, \"\")\n              .slice(0, childCount);\n            const value = sanitizedValue\n              .padEnd(childCount, \"#\")\n              .split(\"\")\n              .map((char) => (char === \"#\" ? \"\" : char));\n\n            setValue(value);\n            setLastCharIndex(sanitizedValue.length - 1);\n\n            const index = Math.min(sanitizedValue.length, childCount - 1);\n            childrenRefs.current?.[index]?.focus();\n          }}\n        >\n          {children}\n          <input\n            ref={composeRefs(forwardedRef, hiddenInputRef)}\n            defaultValue={value?.join(\"\")}\n            minLength={childCount}\n            name={name}\n            type=\"hidden\"\n          />\n        </Grid>\n      </OtpContext.Provider>\n    );\n  },\n);\n\ninterface InputProps extends React.ComponentProps<typeof TextField> {\n  autoComplete?: \"one-time-code\" | \"off\";\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input(\n    { style, readOnly, autoComplete = \"off\", ...props },\n    forwardedRef,\n  ) {\n    const otpContext = useOptContext();\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const composedInputRef = useComposedRefs(\n      forwardedRef,\n      inputRef,\n      otpContext.onChildAdd,\n    );\n\n    const index = Number(inputRef.current?.dataset.index ?? -1);\n    const char = otpContext.value[index] ?? \"\";\n\n    return (\n      <Form.Field name={`otp-${index}`} asChild>\n        <Form.Control asChild>\n          <TextField\n            ref={composedInputRef}\n            autoComplete={index === 0 ? autoComplete : \"off\"}\n            color={otpContext.state === \"invalid\" ? \"red\" : undefined}\n            inputMode=\"numeric\"\n            maxLength={1}\n            pattern=\"\\d{1}\"\n            readOnly={readOnly ?? otpContext.readOnly}\n            size=\"3\"\n            value={char}\n            variant={otpContext.state === \"invalid\" ? \"soft\" : undefined}\n            style={{\n              ...style,\n              height: \"auto\",\n              \"--text-field-padding\": 0,\n              textAlign: \"center\",\n            }}\n            onChange={(event) => {\n              // Only update the value if it matches the input pattern (number only)\n              if (event.target.validity.valid) {\n                const char = event.target.value;\n                const index = Number(event.target.dataset.index ?? -1);\n                otpContext.onCharChange(char, index);\n                if (char !== \"\") {\n                  focusSibling(event.currentTarget, { back: char === \"\" });\n                }\n              }\n            }}\n            onKeyDown={(event) => {\n              if (event.key === \"ArrowLeft\") {\n                focusSibling(event.currentTarget, { back: true });\n                event.preventDefault();\n              } else if (event.key === \"ArrowRight\") {\n                focusSibling(event.currentTarget);\n                event.preventDefault();\n              } else if (event.key === \"Backspace\" && char === \"\") {\n                focusSibling(event.currentTarget, { back: true });\n              } else if (event.key === \"Enter\" && char !== \"\") {\n                otpContext.onEnterPressed();\n              }\n            }}\n            {...props}\n          />\n        </Form.Control>\n      </Form.Field>\n    );\n  },\n);\n\nconst useOptContext = () => {\n  const optContext = React.useContext(OtpContext);\n\n  if (!optContext) {\n    throw new Error(\n      \"OtpInput compound components cannot be rendered outside the OtpRoot component\",\n    );\n  }\n\n  return optContext;\n};\n\nfunction focusSibling(input: HTMLInputElement, { back = false } = {}) {\n  const sibling = back\n    ? input.parentElement?.previousSibling\n    : input.parentElement?.nextSibling;\n  const siblingInput = sibling?.firstChild;\n  if (siblingInput && siblingInput instanceof HTMLInputElement) {\n    siblingInput?.focus();\n    siblingInput?.select();\n  }\n}\n\nconst getValueAsArray = (value: string | undefined, length: number) => {\n  if (!value) {\n    return undefined;\n  }\n\n  return createEmptyArray(length).map((_, index) => value?.[index] ?? \"\");\n};\n\nconst createEmptyArray = (length: number): string[] =>\n  Array.from<string>({ length }).fill(\"\");\n"],"mappings":"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","names":["Root","value","Input","char","index"]}

package/dist/esm/lib/provider-icon.d.ts

@@ -1,10 +1,11 @@
-import { MarginProps } from "@radix-ui/themes/props";
-import * as React from "react";
-import { type IdentityProvider } from "./identity-providers.js";
+import { MarginProps } from '@radix-ui/themes/props';
+import * as React from 'react';
+import { IdentityProvider } from './identity-providers.js';
+
 interface ProviderIconProps extends React.ComponentPropsWithRef<"div">, MarginProps {
     provider: IdentityProvider;
     size?: "1" | "2" | "3" | "4";
 }
 declare const ProviderIcon: React.ForwardRefExoticComponent<Omit<ProviderIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
 export { ProviderIcon };
-//# sourceMappingURL=provider-icon.d.ts.map

package/dist/esm/lib/provider-icon.js

@@ -1,16 +1,37 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { extractProps } from "@radix-ui/themes/helpers";
 import { marginPropDefs } from "@radix-ui/themes/props";
 import clsx from "clsx";
 import * as React from "react";
-import { isIdentityProvider, } from "./identity-providers.js";
-const ProviderIcon = React.forwardRef((props, forwardedRef) => {
-    const { provider, size = "4", className, ...providerIconProps } = extractProps(props, marginPropDefs);
+import {
+  isIdentityProvider
+} from "./identity-providers.js";
+const ProviderIcon = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      provider,
+      size = "4",
+      className,
+      ...providerIconProps
+    } = extractProps(props, marginPropDefs);
     if (!isIdentityProvider(provider)) {
-        throw new TypeError(`ProviderIcon: "${provider}" is not a valid provider.`);
+      throw new TypeError(
+        `ProviderIcon: "${provider}" is not a valid provider.`
+      );
     }
-    return (_jsx("div", { ...providerIconProps, ref: forwardedRef, className: clsx("woswidgets-provider-icon", `size-${size}`, className), "data-provider": provider }));
-});
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...providerIconProps,
+        ref: forwardedRef,
+        className: clsx("woswidgets-provider-icon", `size-${size}`, className),
+        "data-provider": provider
+      }
+    );
+  }
+);
 ProviderIcon.displayName = "ProviderIcon";
-export { ProviderIcon };
+export {
+  ProviderIcon
+};
 //# sourceMappingURL=provider-icon.js.map

package/dist/esm/lib/provider-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider-icon.js","sourceRoot":"","sources":["../../../src/lib/provider-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAe,MAAM,wBAAwB,CAAC;AACrE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,kBAAkB,GAEnB,MAAM,yBAAyB,CAAC;AASjC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACtB,MAAM,EACJ,QAAQ,EACR,IAAI,GAAG,GAAG,EACV,SAAS,EACT,GAAG,iBAAiB,EACrB,GAAG,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IAExC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC;QAClC,MAAM,IAAI,SAAS,CACjB,kBAAkB,QAAQ,4BAA4B,CACvD,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACM,iBAAiB,EACrB,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAI,CAAC,0BAA0B,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,mBACvD,QAAQ,GACvB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"sources":["../../../src/lib/provider-icon.tsx"],"sourcesContent":["import { extractProps } from \"@radix-ui/themes/helpers\";\nimport { marginPropDefs, MarginProps } from \"@radix-ui/themes/props\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport {\n  isIdentityProvider,\n  type IdentityProvider,\n} from \"./identity-providers.js\";\n\ninterface ProviderIconProps\n  extends React.ComponentPropsWithRef<\"div\">,\n    MarginProps {\n  provider: IdentityProvider;\n  size?: \"1\" | \"2\" | \"3\" | \"4\";\n}\n\nconst ProviderIcon = React.forwardRef<HTMLDivElement, ProviderIconProps>(\n  (props, forwardedRef) => {\n    const {\n      provider,\n      size = \"4\",\n      className,\n      ...providerIconProps\n    } = extractProps(props, marginPropDefs);\n\n    if (!isIdentityProvider(provider)) {\n      throw new TypeError(\n        `ProviderIcon: \"${provider}\" is not a valid provider.`,\n      );\n    }\n\n    return (\n      <div\n        {...providerIconProps}\n        ref={forwardedRef}\n        className={clsx(\"woswidgets-provider-icon\", `size-${size}`, className)}\n        data-provider={provider}\n      />\n    );\n  },\n);\n\nProviderIcon.displayName = \"ProviderIcon\";\n\nexport { ProviderIcon };\n"],"mappings":"AAgCM;AAhCN,SAAS,oBAAoB;AAC7B,SAAS,sBAAmC;AAC5C,OAAO,UAAU;AACjB,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,OAEK;AASP,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,GAAG;AAAA,IACL,IAAI,aAAa,OAAO,cAAc;AAEtC,QAAI,CAAC,mBAAmB,QAAQ,GAAG;AACjC,YAAM,IAAI;AAAA,QACR,kBAAkB,QAAQ;AAAA,MAC5B;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,KAAK,4BAA4B,QAAQ,IAAI,IAAI,SAAS;AAAA,QACrE,iBAAe;AAAA;AAAA,IACjB;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":[]}

package/dist/esm/lib/resend-invite-dialog.d.ts

@@ -1,10 +1,14 @@
-import { AlertDialog } from "@radix-ui/themes";
-import * as React from "react";
-import { Member } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog } from '@radix-ui/themes';
+import * as React from 'react';
+import { Member } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface ResendInviteDialogProps extends AlertDialog.RootProps {
     user: Member;
     children?: React.ReactNode;
 }
-export declare function ResendInviteDialog({ children, user, ...props }: ResendInviteDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=resend-invite-dialog.d.ts.map
+declare function ResendInviteDialog({ children, user, ...props }: ResendInviteDialogProps): react_jsx_runtime.JSX.Element;
+
+export { ResendInviteDialog };

package/dist/esm/lib/resend-invite-dialog.js

@@ -1,44 +1,128 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AlertDialog, Callout, Dialog, Flex, Text, VisuallyHidden, } from "@radix-ui/themes";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  AlertDialog,
+  Callout,
+  Dialog,
+  Flex,
+  Text,
+  VisuallyHidden
+} from "@radix-ui/themes";
 import * as React from "react";
 import { useResendUserInvite } from "./api/user.js";
-import { AlertDialogContent, DestructiveButton, DialogContent, PrimaryButton, SecondaryButton, } from "./elements.js";
-export function ResendInviteDialog({ children, user, ...props }) {
-    const resendInvite = useResendUserInvite();
-    const cancelButtonRef = React.useRef(null);
-    const successButtonRef = React.useRef(null);
-    const [successDialogIsOpen, setSuccessDialogIsOpen] = React.useState(false);
-    const onSubmitForm = () => {
-        resendInvite.mutate({ userId: user.id }, {
-            onSuccess: () => {
-                setSuccessDialogIsOpen(true);
-            },
-        });
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs(AlertDialog.Root, { ...props, children: [children && _jsx(AlertDialog.Trigger, { children: children }), _jsxs(AlertDialogContent, { maxWidth: "480px", onOpenAutoFocus: () => {
-                            requestAnimationFrame(() => {
-                                cancelButtonRef.current?.focus();
-                            });
-                        }, children: [_jsx(AlertDialog.Title, { children: "Resend invite?" }), _jsx(Flex, { mb: "4", direction: "column", gap: "3", children: _jsxs(AlertDialog.Description, { children: ["Are you sure you want to resend the invite to", " ", _jsx(Text, { weight: "bold", children: user.email }), "?"] }) }), resendInvite.error ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(resendInvite.error) }) })) : null, _jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: _jsxs("form", { onSubmit: (event) => {
-                                        event.preventDefault();
-                                        onSubmitForm();
-                                    }, children: [_jsx(AlertDialog.Cancel, { children: _jsx(SecondaryButton, { ref: cancelButtonRef, disabled: resendInvite.isPending, children: "Cancel" }) }), _jsx(DestructiveButton, { type: "submit", loading: resendInvite.isPending, children: "Resend" })] }) })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(resendInvite.error) }) })] }), _jsx(Dialog.Root, { open: successDialogIsOpen, onOpenChange: (isOpen) => {
-                    if (!isOpen) {
-                        props.onOpenChange?.(false);
+import {
+  AlertDialogContent,
+  DestructiveButton,
+  DialogContent,
+  PrimaryButton,
+  SecondaryButton
+} from "./elements.js";
+function ResendInviteDialog({
+  children,
+  user,
+  ...props
+}) {
+  const resendInvite = useResendUserInvite();
+  const cancelButtonRef = React.useRef(null);
+  const successButtonRef = React.useRef(null);
+  const [successDialogIsOpen, setSuccessDialogIsOpen] = React.useState(false);
+  const onSubmitForm = () => {
+    resendInvite.mutate(
+      { userId: user.id },
+      {
+        onSuccess: () => {
+          setSuccessDialogIsOpen(true);
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(AlertDialog.Root, { ...props, children: [
+      children && /* @__PURE__ */ jsx(AlertDialog.Trigger, { children }),
+      /* @__PURE__ */ jsxs(
+        AlertDialogContent,
+        {
+          maxWidth: "480px",
+          onOpenAutoFocus: () => {
+            requestAnimationFrame(() => {
+              cancelButtonRef.current?.focus();
+            });
+          },
+          children: [
+            /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Resend invite?" }),
+            /* @__PURE__ */ jsx(Flex, { mb: "4", direction: "column", gap: "3", children: /* @__PURE__ */ jsxs(AlertDialog.Description, { children: [
+              "Are you sure you want to resend the invite to",
+              " ",
+              /* @__PURE__ */ jsx(Text, { weight: "bold", children: user.email }),
+              "?"
+            ] }) }),
+            resendInvite.error ? /* @__PURE__ */ jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: /* @__PURE__ */ jsx(Callout.Text, { children: getMutationErrorMessage(resendInvite.error) }) }) : null,
+            /* @__PURE__ */ jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: /* @__PURE__ */ jsxs(
+              "form",
+              {
+                onSubmit: (event) => {
+                  event.preventDefault();
+                  onSubmitForm();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(
+                    SecondaryButton,
+                    {
+                      ref: cancelButtonRef,
+                      disabled: resendInvite.isPending,
+                      children: "Cancel"
                     }
-                    setSuccessDialogIsOpen(isOpen);
-                }, children: _jsxs(DialogContent, { maxWidth: "360px", onOpenAutoFocus: () => {
-                        requestAnimationFrame(() => {
-                            successButtonRef.current?.focus();
-                        });
-                    }, children: [_jsx(Dialog.Title, { children: "Invite sent" }), _jsxs(Dialog.Description, { children: ["The invite email has been resent to", " ", _jsx(Text, { weight: "bold", children: user.email })] }), _jsx(Flex, { gap: "3", justify: "end", mt: "5", children: _jsx(Dialog.Close, { children: _jsx(PrimaryButton, { ref: successButtonRef, children: "Close" }) }) })] }) })] }));
+                  ) }),
+                  /* @__PURE__ */ jsx(DestructiveButton, { type: "submit", loading: resendInvite.isPending, children: "Resend" })
+                ]
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(resendInvite.error) }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Dialog.Root,
+      {
+        open: successDialogIsOpen,
+        onOpenChange: (isOpen) => {
+          if (!isOpen) {
+            props.onOpenChange?.(false);
+          }
+          setSuccessDialogIsOpen(isOpen);
+        },
+        children: /* @__PURE__ */ jsxs(
+          DialogContent,
+          {
+            maxWidth: "360px",
+            onOpenAutoFocus: () => {
+              requestAnimationFrame(() => {
+                successButtonRef.current?.focus();
+              });
+            },
+            children: [
+              /* @__PURE__ */ jsx(Dialog.Title, { children: "Invite sent" }),
+              /* @__PURE__ */ jsxs(Dialog.Description, { children: [
+                "The invite email has been resent to",
+                " ",
+                /* @__PURE__ */ jsx(Text, { weight: "bold", children: user.email })
+              ] }),
+              /* @__PURE__ */ jsx(Flex, { gap: "3", justify: "end", mt: "5", children: /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(PrimaryButton, { ref: successButtonRef, children: "Close" }) }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
 }
 function getMutationErrorMessage(error) {
-    if (!error) {
-        return "";
-    }
-    // TODO Handle server errors
-    return "There was an error sending the invite. Please try again.";
+  if (!error) {
+    return "";
+  }
+  return "There was an error sending the invite. Please try again.";
 }
+export {
+  ResendInviteDialog
+};
 //# sourceMappingURL=resend-invite-dialog.js.map

package/dist/esm/lib/resend-invite-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"resend-invite-dialog.js","sourceRoot":"","sources":["../../../src/lib/resend-invite-dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/resend-invite-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  AlertDialog,\n  Callout,\n  Dialog,\n  Flex,\n  Text,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { useResendUserInvite } from \"./api/user.js\";\nimport {\n  AlertDialogContent,\n  DestructiveButton,\n  DialogContent,\n  PrimaryButton,\n  SecondaryButton,\n} from \"./elements.js\";\nimport { Member } from \"../api/endpoint.js\";\n\ninterface ResendInviteDialogProps extends AlertDialog.RootProps {\n  user: Member;\n  children?: React.ReactNode;\n}\n\nexport function ResendInviteDialog({\n  children,\n  user,\n  ...props\n}: ResendInviteDialogProps) {\n  const resendInvite = useResendUserInvite();\n  const cancelButtonRef = React.useRef<HTMLButtonElement>(null);\n  const successButtonRef = React.useRef<HTMLButtonElement>(null);\n  const [successDialogIsOpen, setSuccessDialogIsOpen] = React.useState(false);\n\n  const onSubmitForm = () => {\n    resendInvite.mutate(\n      { userId: user.id },\n      {\n        onSuccess: () => {\n          setSuccessDialogIsOpen(true);\n        },\n      },\n    );\n  };\n\n  return (\n    <>\n      <AlertDialog.Root {...props}>\n        {children && <AlertDialog.Trigger>{children}</AlertDialog.Trigger>}\n\n        <AlertDialogContent\n          maxWidth=\"480px\"\n          onOpenAutoFocus={() => {\n            requestAnimationFrame(() => {\n              cancelButtonRef.current?.focus();\n            });\n          }}\n        >\n          <AlertDialog.Title>Resend invite?</AlertDialog.Title>\n          <Flex mb=\"4\" direction=\"column\" gap=\"3\">\n            <AlertDialog.Description>\n              Are you sure you want to resend the invite to{\" \"}\n              <Text weight=\"bold\">{user.email}</Text>?\n            </AlertDialog.Description>\n          </Flex>\n\n          {resendInvite.error ? (\n            <Callout.Root color=\"red\" mt=\"4\" mb=\"-2\">\n              <Callout.Text>\n                {getMutationErrorMessage(resendInvite.error)}\n              </Callout.Text>\n            </Callout.Root>\n          ) : null}\n\n          <Flex gap=\"3\" justify=\"end\" mt=\"5\" asChild>\n            <form\n              onSubmit={(event) => {\n                event.preventDefault();\n                onSubmitForm();\n              }}\n            >\n              <AlertDialog.Cancel>\n                <SecondaryButton\n                  ref={cancelButtonRef}\n                  disabled={resendInvite.isPending}\n                >\n                  Cancel\n                </SecondaryButton>\n              </AlertDialog.Cancel>\n              <DestructiveButton type=\"submit\" loading={resendInvite.isPending}>\n                Resend\n              </DestructiveButton>\n            </form>\n          </Flex>\n        </AlertDialogContent>\n\n        {/* mirror errors in a live region */}\n        <VisuallyHidden asChild>\n          <section aria-live=\"polite\">\n            {getMutationErrorMessage(resendInvite.error)}\n          </section>\n        </VisuallyHidden>\n      </AlertDialog.Root>\n      <Dialog.Root\n        open={successDialogIsOpen}\n        onOpenChange={(isOpen) => {\n          if (!isOpen) {\n            props.onOpenChange?.(false);\n          }\n          setSuccessDialogIsOpen(isOpen);\n        }}\n      >\n        <DialogContent\n          maxWidth=\"360px\"\n          onOpenAutoFocus={() => {\n            requestAnimationFrame(() => {\n              successButtonRef.current?.focus();\n            });\n          }}\n        >\n          <Dialog.Title>Invite sent</Dialog.Title>\n          <Dialog.Description>\n            The invite email has been resent to{\" \"}\n            <Text weight=\"bold\">{user.email}</Text>\n          </Dialog.Description>\n          <Flex gap=\"3\" justify=\"end\" mt=\"5\">\n            <Dialog.Close>\n              <PrimaryButton ref={successButtonRef}>Close</PrimaryButton>\n            </Dialog.Close>\n          </Flex>\n        </DialogContent>\n      </Dialog.Root>\n    </>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (!error) {\n    return \"\";\n  }\n  // TODO Handle server errors\n  return \"There was an error sending the invite. Please try again.\";\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/reset-mfa-dialog.d.ts

@@ -1,9 +1,11 @@
-import { AlertDialog } from "@radix-ui/themes";
-import { type ReactNode } from "react";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+
 interface ResetMfaDialogProps extends AlertDialog.RootProps {
     children?: ReactNode;
     isPasswordSet: boolean;
 }
-export declare function ResetMfaDialog({ children, isPasswordSet, ...props }: ResetMfaDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=reset-mfa-dialog.d.ts.map
+declare function ResetMfaDialog({ children, isPasswordSet, ...props }: ResetMfaDialogProps): react_jsx_runtime.JSX.Element;
+
+export { ResetMfaDialog };

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

@@ -1,34 +1,81 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertDialog, Flex } from "@radix-ui/themes";
-import { AlertDialogContent, DestructiveButton, SecondaryButton, } from "./elements.js";
+import {
+  AlertDialogContent,
+  DestructiveButton,
+  SecondaryButton
+} from "./elements.js";
 import { useDeleteTotpFactors } from "../api/endpoint.js";
 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";
-export function ResetMfaDialog({ children, isPasswordSet, ...props }) {
-    const [open, setOpen] = React.useState(false);
-    const handleClose = React.useCallback(() => {
-        setOpen(false);
-    }, []);
-    return (_jsxs(AlertDialog.Root, { ...props, open: open, onOpenChange: setOpen, children: [_jsx(AlertDialog.Trigger, { children: children }), _jsx(AlertDialogContent, { maxWidth: "480px", children: _jsx(ElevatedAccess, { type: "alert", children: _jsx(Content, { onClose: handleClose, isPasswordSet: isPasswordSet }) }) })] }));
+function ResetMfaDialog({
+  children,
+  isPasswordSet,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(false);
+  const handleClose = React.useCallback(() => {
+    setOpen(false);
+  }, []);
+  return /* @__PURE__ */ jsxs(AlertDialog.Root, { ...props, open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(AlertDialog.Trigger, { children }),
+    /* @__PURE__ */ jsx(AlertDialogContent, { maxWidth: "480px", children: /* @__PURE__ */ jsx(ElevatedAccess, { type: "alert", children: /* @__PURE__ */ jsx(Content, { onClose: handleClose, isPasswordSet }) }) })
+  ] });
 }
-function Content({ onClose, isPasswordSet, }) {
-    const securitySettings = useSecuritySettings();
-    const resetMfa = useDeleteTotpFactors();
-    const onSubmitForm = () => {
-        resetMfa.mutate();
-    };
-    useDialogClose(resetMfa.isSuccess, () => {
-        securitySettings.update("Mfa", false);
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(AlertDialog.Title, { children: "Disable multi-factor authentication?" }), _jsxs(AlertDialog.Description, { children: ["Turning off MFA will remove the additional layer of security on your account.", " ", isPasswordSet
-                        ? "We will only ask for your password during sign-in."
-                        : "We will not ask for additional verification during sign-in."] }), _jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: _jsxs("form", { onSubmit: (event) => {
-                        event.preventDefault();
-                        onSubmitForm();
-                    }, children: [_jsx(AlertDialog.Cancel, { children: _jsx(SecondaryButton, { disabled: resetMfa.isPending || resetMfa.isSuccess, children: "Cancel" }) }), _jsx(SaveButton, { asChild: true, loading: resetMfa.isPending, done: resetMfa.isSuccess, onDone: onClose, children: _jsx(DestructiveButton, { type: "submit", children: "Disable" }) })] }) })] }));
+function Content({
+  onClose,
+  isPasswordSet
+}) {
+  const securitySettings = useSecuritySettings();
+  const resetMfa = useDeleteTotpFactors();
+  const onSubmitForm = () => {
+    resetMfa.mutate();
+  };
+  useDialogClose(resetMfa.isSuccess, () => {
+    securitySettings.update("Mfa", false);
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Disable multi-factor authentication?" }),
+    /* @__PURE__ */ jsxs(AlertDialog.Description, { children: [
+      "Turning off MFA will remove the additional layer of security on your account.",
+      " ",
+      isPasswordSet ? "We will only ask for your password during sign-in." : "We will not ask for additional verification during sign-in."
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: (event) => {
+          event.preventDefault();
+          onSubmitForm();
+        },
+        children: [
+          /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(
+            SecondaryButton,
+            {
+              disabled: resetMfa.isPending || resetMfa.isSuccess,
+              children: "Cancel"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            SaveButton,
+            {
+              asChild: true,
+              loading: resetMfa.isPending,
+              done: resetMfa.isSuccess,
+              onDone: onClose,
+              children: /* @__PURE__ */ jsx(DestructiveButton, { type: "submit", children: "Disable" })
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
 }
+export {
+  ResetMfaDialog
+};
 //# sourceMappingURL=reset-mfa-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reset-mfa-dialog.js","sourceRoot":"","sources":["../../../src/lib/reset-mfa-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOvD,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACY;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aAC5D,KAAC,WAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAErD,KAAC,kBAAkB,IAAC,QAAQ,EAAC,OAAO,YAClC,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,YAC1B,KAAC,OAAO,IAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,GAChD,GACE,IACJ,CACpB,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,EACf,OAAO,EACP,aAAa,GAId;IACC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,cAAc,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;QACtC,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,KAAC,WAAW,CAAC,KAAK,uDAEE,EACpB,MAAC,WAAW,CAAC,WAAW,gGAEb,GAAG,EACX,aAAa;wBACZ,CAAC,CAAC,oDAAoD;wBACtD,CAAC,CAAC,6DAA6D,IACzC,EAE1B,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,gBACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,YAAY,EAAE,CAAC;oBACjB,CAAC,aAED,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,SAAS,uBAGlC,GACC,EAErB,KAAC,UAAU,IACT,OAAO,QACP,OAAO,EAAE,QAAQ,CAAC,SAAS,EAC3B,IAAI,EAAE,QAAQ,CAAC,SAAS,EACxB,MAAM,EAAE,OAAO,YAEf,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,wBAA4B,GACjD,IACR,GACF,IACN,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/lib/reset-mfa-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AlertDialog, Flex } from \"@radix-ui/themes\";\nimport { type ReactNode } from \"react\";\nimport {\n  AlertDialogContent,\n  DestructiveButton,\n  SecondaryButton,\n} from \"./elements.js\";\nimport { useDeleteTotpFactors } from \"../api/endpoint.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 ResetMfaDialogProps extends AlertDialog.RootProps {\n  children?: ReactNode;\n  isPasswordSet: boolean;\n}\n\nexport function ResetMfaDialog({\n  children,\n  isPasswordSet,\n  ...props\n}: ResetMfaDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <AlertDialog.Root {...props} open={open} onOpenChange={setOpen}>\n      <AlertDialog.Trigger>{children}</AlertDialog.Trigger>\n\n      <AlertDialogContent maxWidth=\"480px\">\n        <ElevatedAccess type=\"alert\">\n          <Content onClose={handleClose} isPasswordSet={isPasswordSet} />\n        </ElevatedAccess>\n      </AlertDialogContent>\n    </AlertDialog.Root>\n  );\n}\n\nfunction Content({\n  onClose,\n  isPasswordSet,\n}: {\n  onClose: () => void;\n  isPasswordSet: boolean;\n}) {\n  const securitySettings = useSecuritySettings();\n  const resetMfa = useDeleteTotpFactors();\n\n  const onSubmitForm = () => {\n    resetMfa.mutate();\n  };\n\n  useDialogClose(resetMfa.isSuccess, () => {\n    securitySettings.update(\"Mfa\", false);\n  });\n\n  return (\n    <>\n      <AlertDialog.Title>\n        Disable multi-factor authentication?\n      </AlertDialog.Title>\n      <AlertDialog.Description>\n        Turning off MFA will remove the additional layer of security on your\n        account.{\" \"}\n        {isPasswordSet\n          ? \"We will only ask for your password during sign-in.\"\n          : \"We will not ask for additional verification during sign-in.\"}\n      </AlertDialog.Description>\n\n      <Flex gap=\"3\" justify=\"end\" mt=\"5\" asChild>\n        <form\n          onSubmit={(event) => {\n            event.preventDefault();\n            onSubmitForm();\n          }}\n        >\n          <AlertDialog.Cancel>\n            <SecondaryButton\n              disabled={resetMfa.isPending || resetMfa.isSuccess}\n            >\n              Cancel\n            </SecondaryButton>\n          </AlertDialog.Cancel>\n\n          <SaveButton\n            asChild\n            loading={resetMfa.isPending}\n            done={resetMfa.isSuccess}\n            onDone={onClose}\n          >\n            <DestructiveButton type=\"submit\">Disable</DestructiveButton>\n          </SaveButton>\n        </form>\n      </Flex>\n    </>\n  );\n}\n"],"mappings":";AAiCI,SA+BA,UA9BE,KADF;AA/BJ,YAAY,WAAW;AACvB,SAAS,aAAa,YAAY;AAElC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAOxB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,SACE,qBAAC,YAAY,MAAZ,EAAkB,GAAG,OAAO,MAAY,cAAc,SACrD;AAAA,wBAAC,YAAY,SAAZ,EAAqB,UAAS;AAAA,IAE/B,oBAAC,sBAAmB,UAAS,SAC3B,8BAAC,kBAAe,MAAK,SACnB,8BAAC,WAAQ,SAAS,aAAa,eAA8B,GAC/D,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AACF,GAGG;AACD,QAAM,mBAAmB,oBAAoB;AAC7C,QAAM,WAAW,qBAAqB;AAEtC,QAAM,eAAe,MAAM;AACzB,aAAS,OAAO;AAAA,EAClB;AAEA,iBAAe,SAAS,WAAW,MAAM;AACvC,qBAAiB,OAAO,OAAO,KAAK;AAAA,EACtC,CAAC;AAED,SACE,iCACE;AAAA,wBAAC,YAAY,OAAZ,EAAkB,kDAEnB;AAAA,IACA,qBAAC,YAAY,aAAZ,EAAwB;AAAA;AAAA,MAEd;AAAA,MACR,gBACG,uDACA;AAAA,OACN;AAAA,IAEA,oBAAC,QAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAAI,SAAO,MACxC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,CAAC,UAAU;AACnB,gBAAM,eAAe;AACrB,uBAAa;AAAA,QACf;AAAA,QAEA;AAAA,8BAAC,YAAY,QAAZ,EACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,SAAS,aAAa,SAAS;AAAA,cAC1C;AAAA;AAAA,UAED,GACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAO;AAAA,cACP,SAAS,SAAS;AAAA,cAClB,MAAM,SAAS;AAAA,cACf,QAAQ;AAAA,cAER,8BAAC,qBAAkB,MAAK,UAAS,qBAAO;AAAA;AAAA,UAC1C;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/esm/lib/revoke-invite-dialog.d.ts

@@ -1,10 +1,14 @@
-import { AlertDialog } from "@radix-ui/themes";
-import { type ReactNode } from "react";
-import { Member } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+import { Member } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface RevokeInviteDialogProps extends AlertDialog.RootProps {
     user: Member;
     children?: ReactNode;
 }
-export declare function RevokeInviteDialog({ children, user, ...props }: RevokeInviteDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=revoke-invite-dialog.d.ts.map
+declare function RevokeInviteDialog({ children, user, ...props }: RevokeInviteDialogProps): react_jsx_runtime.JSX.Element;
+
+export { RevokeInviteDialog };