@workos-inc/widgets 1.4.2 → 1.5.0

package/dist/cjs/lib/otp-input.cjs

@@ -0,0 +1,246 @@
+"use strict";
+"use client";
+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 otp_input_exports = {};
+__export(otp_input_exports, {
+  Input: () => Input,
+  Root: () => Root
+});
+module.exports = __toCommonJS(otp_input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_compose_refs = require("@radix-ui/react-compose-refs");
+var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
+var Form = __toESM(require("@radix-ui/react-form"), 1);
+var import_themes = require("@radix-ui/themes");
+var React = __toESM(require("react"), 1);
+var import_elements = require("./elements.js");
+const OtpContext = React.createContext(void 0);
+const Root = React.forwardRef(
+  function Root2({
+    name,
+    id,
+    defaultValue,
+    value: valueProp,
+    onValueChange,
+    autoSubmit,
+    children,
+    readOnly,
+    state,
+    ...gridProps
+  }, forwardedRef) {
+    const [lastCharIndex, setLastCharIndex] = React.useState(0);
+    const [allChildrenAdded, setAllChildrenAdded] = React.useState(false);
+    const childCount = React.Children.count(children);
+    const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({
+      prop: getValueAsArray(valueProp, childCount),
+      defaultProp: getValueAsArray(defaultValue, childCount),
+      onChange: (value2) => onValueChange?.(value2.join(""))
+    });
+    const hiddenInputRef = React.useRef(null);
+    const childrenRefs = React.useRef([]);
+    const attemptAutoSubmit = React.useCallback(
+      (enterPressed = false) => {
+        if (autoSubmit && value && value.every((char) => char !== "") && (enterPressed || lastCharIndex + 1 === childCount)) {
+          hiddenInputRef.current?.form?.requestSubmit();
+        }
+      },
+      [value, childCount, lastCharIndex, autoSubmit]
+    );
+    const handleEnterPressed = React.useCallback(
+      () => attemptAutoSubmit(true),
+      [attemptAutoSubmit]
+    );
+    const handleChildAdd = React.useCallback(
+      (input) => {
+        if (input) {
+          input.dataset.index = `${childrenRefs.current.length}`;
+          childrenRefs.current.push(input);
+        } else {
+          childrenRefs.current.pop();
+        }
+        if (childrenRefs.current.length === childCount) {
+          setAllChildrenAdded(true);
+        }
+      },
+      [childCount]
+    );
+    const handleCharChange = React.useCallback(
+      (char, index) => {
+        setValue((previousValue) => {
+          const arrayToCopy = previousValue ?? createEmptyArray(childCount);
+          const newValue = [...arrayToCopy];
+          newValue[index] = char;
+          return newValue;
+        });
+        setLastCharIndex(index);
+      },
+      [childCount, setValue]
+    );
+    const otpContext = React.useMemo(
+      () => ({
+        value: value ?? createEmptyArray(childCount),
+        readOnly,
+        state,
+        allChildrenAdded,
+        onEnterPressed: handleEnterPressed,
+        onChildAdd: handleChildAdd,
+        onCharChange: handleCharChange
+      }),
+      [
+        value,
+        allChildrenAdded,
+        readOnly,
+        state,
+        childCount,
+        handleEnterPressed,
+        handleChildAdd,
+        handleCharChange
+      ]
+    );
+    React.useEffect(attemptAutoSubmit, [attemptAutoSubmit]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OtpContext.Provider, { value: otpContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_themes.Grid,
+      {
+        columns: `repeat(${childCount}, 1fr)`,
+        ...gridProps,
+        onPaste: (event) => {
+          event.preventDefault();
+          const pastedValue = event.clipboardData.getData("Text");
+          const sanitizedValue = pastedValue.replace(/[^\d]/g, "").slice(0, childCount);
+          const value2 = sanitizedValue.padEnd(childCount, "#").split("").map((char) => char === "#" ? "" : char);
+          setValue(value2);
+          setLastCharIndex(sanitizedValue.length - 1);
+          const index = Math.min(sanitizedValue.length, childCount - 1);
+          childrenRefs.current?.[index]?.focus();
+        },
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              ref: (0, import_react_compose_refs.composeRefs)(forwardedRef, hiddenInputRef),
+              defaultValue: value?.join(""),
+              minLength: childCount,
+              name,
+              type: "hidden"
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+const Input = React.forwardRef(
+  function Input2({ style, readOnly, autoComplete = "off", ...props }, forwardedRef) {
+    const otpContext = useOptContext();
+    const inputRef = React.useRef(null);
+    const composedInputRef = (0, import_react_compose_refs.useComposedRefs)(
+      forwardedRef,
+      inputRef,
+      otpContext.onChildAdd
+    );
+    const index = Number(inputRef.current?.dataset.index ?? -1);
+    const char = otpContext.value[index] ?? "";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Field, { name: `otp-${index}`, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Control, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_elements.TextField,
+      {
+        ref: composedInputRef,
+        autoComplete: index === 0 ? autoComplete : "off",
+        color: otpContext.state === "invalid" ? "red" : void 0,
+        inputMode: "numeric",
+        maxLength: 1,
+        pattern: "\\d{1}",
+        readOnly: readOnly ?? otpContext.readOnly,
+        size: "3",
+        value: char,
+        variant: otpContext.state === "invalid" ? "soft" : void 0,
+        style: {
+          ...style,
+          height: "auto",
+          "--text-field-padding": 0,
+          textAlign: "center"
+        },
+        onChange: (event) => {
+          if (event.target.validity.valid) {
+            const char2 = event.target.value;
+            const index2 = Number(event.target.dataset.index ?? -1);
+            otpContext.onCharChange(char2, index2);
+            if (char2 !== "") {
+              focusSibling(event.currentTarget, { back: char2 === "" });
+            }
+          }
+        },
+        onKeyDown: (event) => {
+          if (event.key === "ArrowLeft") {
+            focusSibling(event.currentTarget, { back: true });
+            event.preventDefault();
+          } else if (event.key === "ArrowRight") {
+            focusSibling(event.currentTarget);
+            event.preventDefault();
+          } else if (event.key === "Backspace" && char === "") {
+            focusSibling(event.currentTarget, { back: true });
+          } else if (event.key === "Enter" && char !== "") {
+            otpContext.onEnterPressed();
+          }
+        },
+        ...props
+      }
+    ) }) });
+  }
+);
+const useOptContext = () => {
+  const optContext = React.useContext(OtpContext);
+  if (!optContext) {
+    throw new Error(
+      "OtpInput compound components cannot be rendered outside the OtpRoot component"
+    );
+  }
+  return optContext;
+};
+function focusSibling(input, { back = false } = {}) {
+  const sibling = back ? input.parentElement?.previousSibling : input.parentElement?.nextSibling;
+  const siblingInput = sibling?.firstChild;
+  if (siblingInput && siblingInput instanceof HTMLInputElement) {
+    siblingInput?.focus();
+    siblingInput?.select();
+  }
+}
+const getValueAsArray = (value, length) => {
+  if (!value) {
+    return void 0;
+  }
+  return createEmptyArray(length).map((_, index) => value?.[index] ?? "");
+};
+const createEmptyArray = (length) => Array.from({ length }).fill("");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Input,
+  Root
+});
+//# sourceMappingURL=otp-input.cjs.map

package/dist/cjs/lib/otp-input.cjs.map

@@ -0,0 +1 @@
+{"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/cjs/lib/otp-input.d.cts

@@ -0,0 +1,22 @@
+import { Grid } from '@radix-ui/themes';
+import * as React from 'react';
+import { TextField } from './elements.cjs';
+import '@radix-ui/themes/props';
+
+type OtpRootProps = React.ComponentPropsWithoutRef<typeof Grid> & {
+    onValueChange?: (value: string) => void;
+    id?: string;
+    name?: string;
+    readOnly?: boolean;
+    state?: "valid" | "invalid";
+    value?: string;
+    defaultValue?: string;
+    autoSubmit?: boolean;
+};
+declare const Root: React.ForwardRefExoticComponent<OtpRootProps & React.RefAttributes<HTMLInputElement>>;
+interface InputProps extends React.ComponentProps<typeof TextField> {
+    autoComplete?: "one-time-code" | "off";
+}
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, Root };

package/dist/cjs/lib/provider-icon.cjs

@@ -0,0 +1,69 @@
+"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 provider_icon_exports = {};
+__export(provider_icon_exports, {
+  ProviderIcon: () => ProviderIcon
+});
+module.exports = __toCommonJS(provider_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("@radix-ui/themes/helpers");
+var import_props = require("@radix-ui/themes/props");
+var import_clsx = __toESM(require("clsx"), 1);
+var React = __toESM(require("react"), 1);
+var import_identity_providers = require("./identity-providers.js");
+const ProviderIcon = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      provider,
+      size = "4",
+      className,
+      ...providerIconProps
+    } = (0, import_helpers.extractProps)(props, import_props.marginPropDefs);
+    if (!(0, import_identity_providers.isIdentityProvider)(provider)) {
+      throw new TypeError(
+        `ProviderIcon: "${provider}" is not a valid provider.`
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ...providerIconProps,
+        ref: forwardedRef,
+        className: (0, import_clsx.default)("woswidgets-provider-icon", `size-${size}`, className),
+        "data-provider": provider
+      }
+    );
+  }
+);
+ProviderIcon.displayName = "ProviderIcon";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProviderIcon
+});
+//# sourceMappingURL=provider-icon.cjs.map

package/dist/cjs/lib/provider-icon.cjs.map

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCM;AAhCN,qBAA6B;AAC7B,mBAA4C;AAC5C,kBAAiB;AACjB,YAAuB;AACvB,gCAGO;AASP,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,GAAG;AAAA,IACL,QAAI,6BAAa,OAAO,2BAAc;AAEtC,QAAI,KAAC,8CAAmB,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,eAAW,YAAAA,SAAK,4BAA4B,QAAQ,IAAI,IAAI,SAAS;AAAA,QACrE,iBAAe;AAAA;AAAA,IACjB;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":["clsx"]}

package/dist/cjs/lib/{provider-icon.d.ts → provider-icon.d.cts}

@@ -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.cjs';
+
 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/cjs/lib/resend-invite-dialog.cjs

@@ -0,0 +1,149 @@
+"use strict";
+"use client";
+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 resend_invite_dialog_exports = {};
+__export(resend_invite_dialog_exports, {
+  ResendInviteDialog: () => ResendInviteDialog
+});
+module.exports = __toCommonJS(resend_invite_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_themes = require("@radix-ui/themes");
+var React = __toESM(require("react"), 1);
+var import_user = require("./api/user.js");
+var import_elements = require("./elements.js");
+function ResendInviteDialog({
+  children,
+  user,
+  ...props
+}) {
+  const resendInvite = (0, import_user.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.AlertDialog.Root, { ...props, children: [
+      children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Trigger, { children }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_elements.AlertDialogContent,
+        {
+          maxWidth: "480px",
+          onOpenAutoFocus: () => {
+            requestAnimationFrame(() => {
+              cancelButtonRef.current?.focus();
+            });
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Title, { children: "Resend invite?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { mb: "4", direction: "column", gap: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.AlertDialog.Description, { children: [
+              "Are you sure you want to resend the invite to",
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", children: user.email }),
+              "?"
+            ] }) }),
+            resendInvite.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Root, { color: "red", mt: "4", mb: "-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Text, { children: getMutationErrorMessage(resendInvite.error) }) }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "form",
+              {
+                onSubmit: (event) => {
+                  event.preventDefault();
+                  onSubmitForm();
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_elements.SecondaryButton,
+                    {
+                      ref: cancelButtonRef,
+                      disabled: resendInvite.isPending,
+                      children: "Cancel"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.DestructiveButton, { type: "submit", loading: resendInvite.isPending, children: "Resend" })
+                ]
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { "aria-live": "polite", children: getMutationErrorMessage(resendInvite.error) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_themes.Dialog.Root,
+      {
+        open: successDialogIsOpen,
+        onOpenChange: (isOpen) => {
+          if (!isOpen) {
+            props.onOpenChange?.(false);
+          }
+          setSuccessDialogIsOpen(isOpen);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_elements.DialogContent,
+          {
+            maxWidth: "360px",
+            onOpenAutoFocus: () => {
+              requestAnimationFrame(() => {
+                successButtonRef.current?.focus();
+              });
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Title, { children: "Invite sent" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Dialog.Description, { children: [
+                "The invite email has been resent to",
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", children: user.email })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { gap: "3", justify: "end", mt: "5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.PrimaryButton, { ref: successButtonRef, children: "Close" }) }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function getMutationErrorMessage(error) {
+  if (!error) {
+    return "";
+  }
+  return "There was an error sending the invite. Please try again.";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResendInviteDialog
+});
+//# sourceMappingURL=resend-invite-dialog.cjs.map

package/dist/cjs/lib/resend-invite-dialog.cjs.map

@@ -0,0 +1 @@
+{"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/cjs/lib/resend-invite-dialog.d.cts

@@ -0,0 +1,14 @@
+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.cjs';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.cjs';
+
+interface ResendInviteDialogProps extends AlertDialog.RootProps {
+    user: Member;
+    children?: React.ReactNode;
+}
+declare function ResendInviteDialog({ children, user, ...props }: ResendInviteDialogProps): react_jsx_runtime.JSX.Element;
+
+export { ResendInviteDialog };