@workos-inc/widgets 1.4.0 → 1.4.1

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

@@ -0,0 +1,79 @@
+"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 search_provider_exports = {};
+__export(search_provider_exports, {
+  SearchProvider: () => SearchProvider,
+  useSearchContext: () => useSearchContext
+});
+module.exports = __toCommonJS(search_provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
+var import_users_management_context = require("./users-management-context.js");
+const SearchContext = React.createContext(
+  void 0
+);
+SearchContext.displayName = "SearchContext";
+const SearchProvider = ({
+  children
+}) => {
+  const inputRef = React.useRef(null);
+  const {
+    state: { searchQuery },
+    dispatch
+  } = (0, import_users_management_context.useUsersManagementContext)();
+  const [searchValue, setSearchValue] = React.useState(searchQuery || "");
+  const clearSearch = React.useCallback(() => {
+    (0, import_react_dom.flushSync)(() => {
+      setSearchValue("");
+      dispatch({ type: "FILTER_BY_SEARCH", searchQuery: "" });
+    });
+    inputRef.current?.focus();
+  }, [dispatch]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SearchContext.Provider,
+    {
+      value: { inputRef, clearSearch, searchValue, setSearchValue },
+      children
+    }
+  );
+};
+const useSearchContext = () => {
+  const context = React.useContext(SearchContext);
+  if (!context) {
+    throw new Error("useSearchContext must be used within a SearchProvider");
+  }
+  return context;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SearchProvider,
+  useSearchContext
+});
+//# sourceMappingURL=search-provider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/search-provider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { useUsersManagementContext } from \"./users-management-context.js\";\n\ninterface SearchContextType {\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  clearSearch: () => void;\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n}\n\nconst SearchContext = React.createContext<SearchContextType | undefined>(\n  undefined,\n);\nSearchContext.displayName = \"SearchContext\";\n\nexport const SearchProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const {\n    state: { searchQuery },\n    dispatch,\n  } = useUsersManagementContext();\n\n  const [searchValue, setSearchValue] = React.useState(searchQuery || \"\");\n\n  const clearSearch = React.useCallback(() => {\n    flushSync(() => {\n      setSearchValue(\"\");\n      dispatch({ type: \"FILTER_BY_SEARCH\", searchQuery: \"\" });\n    });\n    inputRef.current?.focus();\n  }, [dispatch]);\n\n  return (\n    <SearchContext.Provider\n      value={{ inputRef, clearSearch, searchValue, setSearchValue }}\n    >\n      {children}\n    </SearchContext.Provider>\n  );\n};\n\nexport const useSearchContext = () => {\n  const context = React.useContext(SearchContext);\n  if (!context) {\n    throw new Error(\"useSearchContext must be used within a SearchProvider\");\n  }\n  return context;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCI;AApCJ,YAAuB;AACvB,uBAA0B;AAC1B,sCAA0C;AAS1C,MAAM,gBAAgB,MAAM;AAAA,EAC1B;AACF;AACA,cAAc,cAAc;AAErB,MAAM,iBAAoD,CAAC;AAAA,EAChE;AACF,MAAM;AACJ,QAAM,WAAW,MAAM,OAAgC,IAAI;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY;AAAA,IACrB;AAAA,EACF,QAAI,2DAA0B;AAE9B,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,eAAe,EAAE;AAEtE,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,oCAAU,MAAM;AACd,qBAAe,EAAE;AACjB,eAAS,EAAE,MAAM,oBAAoB,aAAa,GAAG,CAAC;AAAA,IACxD,CAAC;AACD,aAAS,SAAS,MAAM;AAAA,EAC1B,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,OAAO,EAAE,UAAU,aAAa,aAAa,eAAe;AAAA,MAE3D;AAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/dist/cjs/lib/search-provider.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface SearchContextType {
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    clearSearch: () => void;
+    searchValue: string;
+    setSearchValue: React.Dispatch<React.SetStateAction<string>>;
+}
+declare const SearchProvider: React.FC<React.PropsWithChildren>;
+declare const useSearchContext: () => SearchContextType;
+
+export { SearchProvider, useSearchContext };

package/dist/cjs/lib/set-password-dialog.cjs

@@ -0,0 +1,165 @@
+"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 set_password_dialog_exports = {};
+__export(set_password_dialog_exports, {
+  SetPasswordDialog: () => SetPasswordDialog
+});
+module.exports = __toCommonJS(set_password_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_elements = require("./elements.js");
+var Form = __toESM(require("@radix-ui/react-form"), 1);
+var import_endpoint = require("../api/endpoint.js");
+var import_use_security_settings = require("./use-security-settings.js");
+var import_elevated_access = require("./elevated-access.js");
+var import_save_button = require("./save-button.js");
+var import_use_dialog_close = require("./use-dialog-close.js");
+function SetPasswordDialog({
+  children,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(false);
+  const handleClose = React.useCallback(() => {
+    setOpen(false);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Dialog.Root, { ...props, open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Trigger, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.DialogContent, { maxWidth: "480px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elevated_access.ElevatedAccess, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, { onClose: handleClose }) }) })
+  ] });
+}
+function Content({ onClose }) {
+  const setPassword = (0, import_endpoint.useCreatePassword)();
+  const securitySettings = (0, import_use_security_settings.useSecuritySettings)();
+  const [disableSubmit, setDisableSubmit] = React.useState(true);
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    const formData = new FormData(event.currentTarget);
+    const password = formData.get("password")?.toString();
+    if (!password) {
+      return;
+    }
+    setPassword.mutate({ data: { password } });
+  };
+  (0, import_use_dialog_close.useDialogClose)(setPassword.isSuccess, () => {
+    securitySettings.update("Password", true);
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Title, { mb: "5", children: "Set New Password" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Description, { children: "Set a new password for your account" }) }),
+    setPassword.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Root, { color: "red", my: "-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Text, { children: getMutationErrorMessage(setPassword.error) }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      Form.Root,
+      {
+        onSubmit: handleSubmit,
+        onChange: (event) => {
+          const formData = new FormData(event.currentTarget);
+          const password = formData.get("password")?.toString();
+          const confirmPassword = formData.get("confirmPassword")?.toString();
+          setDisableSubmit(password === "" || confirmPassword === "");
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { mt: "5", direction: "column", gap: "4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Field, { name: "password", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Label, { children: "Enter a new password" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Control, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_elements.PasswordField,
+                {
+                  autoFocus: true,
+                  required: true,
+                  autoComplete: "new-password",
+                  placeholder: "New password",
+                  disabled: setPassword.isPending || setPassword.isSuccess
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Message, { match: "valueMissing", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "Please enter a new password" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Message, { match: (value) => value.length < 8, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "Password must be at least 8 characters" }) })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Field, { name: "confirmPassword", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Label, { children: "Confirm your new password" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Control, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_elements.PasswordField,
+                {
+                  required: true,
+                  autoComplete: "new-password",
+                  placeholder: "Confirm new password",
+                  disabled: setPassword.isPending || setPassword.isSuccess
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Message, { match: "valueMissing", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "Please confirm your new password" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                Form.Message,
+                {
+                  match: (value, formData) => value !== formData.get("password"),
+                  asChild: true,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "The passwords you entered don\u2019t match." })
+                }
+              )
+            ] }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { mt: "5", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_elements.SecondaryButton,
+              {
+                disabled: setPassword.isPending || setPassword.isSuccess,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_save_button.SaveButton,
+              {
+                asChild: true,
+                loading: setPassword.isPending,
+                done: setPassword.isSuccess,
+                onDone: onClose,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.PrimaryButton, { type: "submit", disabled: disableSubmit, children: "Set password" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { "aria-live": "polite", children: getMutationErrorMessage(setPassword.error) }) })
+        ]
+      }
+    )
+  ] });
+}
+function getMutationErrorMessage(error) {
+  if (error instanceof Error) {
+    return error.message;
+  }
+  if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
+    return error.message;
+  }
+  return "Something went wrong. Please try again.";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SetPasswordDialog
+});
+//# sourceMappingURL=set-password-dialog.cjs.map

package/dist/cjs/lib/set-password-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/set-password-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Callout, Dialog, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport {\n  DialogContent,\n  Label,\n  PasswordField,\n  PrimaryButton,\n  SecondaryButton,\n} from \"./elements.js\";\nimport * as Form from \"@radix-ui/react-form\";\nimport { useCreatePassword } 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 SetPasswordDialogProps extends Dialog.RootProps {\n  children?: ReactNode;\n}\n\nexport function SetPasswordDialog({\n  children,\n  ...props\n}: SetPasswordDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root {...props} open={open} onOpenChange={setOpen}>\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n\n      <DialogContent maxWidth=\"480px\">\n        <ElevatedAccess>\n          <Content onClose={handleClose} />\n        </ElevatedAccess>\n      </DialogContent>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  onClose: () => void;\n}\n\nfunction Content({ onClose }: ContentProps) {\n  const setPassword = useCreatePassword();\n  const securitySettings = useSecuritySettings();\n  const [disableSubmit, setDisableSubmit] = React.useState(true);\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const formData = new FormData(event.currentTarget);\n    const password = formData.get(\"password\")?.toString();\n\n    if (!password) {\n      return;\n    }\n\n    setPassword.mutate({ data: { password } });\n  };\n\n  useDialogClose(setPassword.isSuccess, () => {\n    securitySettings.update(\"Password\", true);\n  });\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">Set New Password</Dialog.Title>\n      <VisuallyHidden>\n        <Dialog.Description>\n          Set a new password for your account\n        </Dialog.Description>\n      </VisuallyHidden>\n\n      {setPassword.error ? (\n        <Callout.Root color=\"red\" my=\"-2\">\n          <Callout.Text>\n            {getMutationErrorMessage(setPassword.error)}\n          </Callout.Text>\n        </Callout.Root>\n      ) : null}\n\n      <Form.Root\n        onSubmit={handleSubmit}\n        onChange={(event) => {\n          const formData = new FormData(event.currentTarget);\n          const password = formData.get(\"password\")?.toString();\n          const confirmPassword = formData.get(\"confirmPassword\")?.toString();\n          setDisableSubmit(password === \"\" || confirmPassword === \"\");\n        }}\n      >\n        <Flex mt=\"5\" direction=\"column\" gap=\"4\">\n          <Form.Field name=\"password\" asChild>\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>Enter a new password</Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <PasswordField\n                  autoFocus\n                  required\n                  autoComplete=\"new-password\"\n                  placeholder=\"New password\"\n                  disabled={setPassword.isPending || setPassword.isSuccess}\n                />\n              </Form.Control>\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  Please enter a new password\n                </Text>\n              </Form.Message>\n              <Form.Message match={(value) => value.length < 8} asChild>\n                <Text size=\"2\" color=\"red\">\n                  Password must be at least 8 characters\n                </Text>\n              </Form.Message>\n            </Flex>\n          </Form.Field>\n\n          <Form.Field name=\"confirmPassword\" asChild>\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>Confirm your new password</Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <PasswordField\n                  required\n                  autoComplete=\"new-password\"\n                  placeholder=\"Confirm new password\"\n                  disabled={setPassword.isPending || setPassword.isSuccess}\n                />\n              </Form.Control>\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  Please confirm your new password\n                </Text>\n              </Form.Message>\n              <Form.Message\n                match={(value, formData) => value !== formData.get(\"password\")}\n                asChild\n              >\n                <Text size=\"2\" color=\"red\">\n                  The passwords you entered don’t match.\n                </Text>\n              </Form.Message>\n            </Flex>\n          </Form.Field>\n        </Flex>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <SecondaryButton\n              disabled={setPassword.isPending || setPassword.isSuccess}\n            >\n              Cancel\n            </SecondaryButton>\n          </Dialog.Close>\n\n          <SaveButton\n            asChild\n            loading={setPassword.isPending}\n            done={setPassword.isSuccess}\n            onDone={onClose}\n          >\n            <PrimaryButton type=\"submit\" disabled={disableSubmit}>\n              Set password\n            </PrimaryButton>\n          </SaveButton>\n        </Flex>\n\n        {/* mirror errors in a live region */}\n        <VisuallyHidden asChild>\n          <section aria-live=\"polite\">\n            {getMutationErrorMessage(setPassword.error)}\n          </section>\n        </VisuallyHidden>\n      </Form.Root>\n    </>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (error instanceof Error) {\n    return error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    return error.message;\n  }\n\n  return \"Something went wrong. Please try again.\";\n}\n"],"mappings":"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","names":[]}

package/dist/cjs/lib/set-password-dialog.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+
+interface SetPasswordDialogProps extends Dialog.RootProps {
+    children?: ReactNode;
+}
+declare function SetPasswordDialog({ children, ...props }: SetPasswordDialogProps): react_jsx_runtime.JSX.Element;
+
+export { SetPasswordDialog };

package/dist/cjs/lib/status.cjs

@@ -0,0 +1,72 @@
+"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 status_exports = {};
+__export(status_exports, {
+  Status: () => Status,
+  getStatusColor: () => getStatusColor
+});
+module.exports = __toCommonJS(status_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"), 1);
+var React = __toESM(require("react"), 1);
+var import_themes = require("@radix-ui/themes");
+const getStatusColor = (state) => {
+  switch (state) {
+    case "success":
+      return "green";
+    case "waiting":
+      return "gray";
+    case "error":
+      return "red";
+  }
+};
+const Status = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_themes.Text,
+    {
+      ref: forwardedRef,
+      className: (0, import_clsx.default)(className, "woswidgets-status"),
+      "data-state": props.state,
+      ...props,
+      size: "2",
+      color: getStatusColor(props.state),
+      children: [
+        props.state === "waiting" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Spinner, {}),
+        props.children
+      ]
+    }
+  )
+);
+Status.displayName = "Status";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Status,
+  getStatusColor
+});
+//# sourceMappingURL=status.cjs.map

package/dist/cjs/lib/status.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/status.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport { MarginProps } from \"@radix-ui/themes/props\";\nimport { Spinner, Text } from \"@radix-ui/themes\";\n\nexport const getStatusColor = (\n  state: \"success\" | \"waiting\" | \"error\",\n): \"green\" | \"gray\" | \"red\" => {\n  switch (state) {\n    case \"success\":\n      return \"green\";\n    case \"waiting\":\n      return \"gray\";\n    case \"error\":\n      return \"red\";\n  }\n};\n\nexport interface StatusProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\">,\n    MarginProps {\n  children?: React.ReactNode;\n  state: \"success\" | \"waiting\" | \"error\";\n}\n\nconst Status = React.forwardRef<HTMLSpanElement, StatusProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <Text\n      ref={forwardedRef}\n      className={clsx(className, \"woswidgets-status\")}\n      data-state={props.state}\n      {...props}\n      size=\"2\"\n      color={getStatusColor(props.state)}\n    >\n      {props.state === \"waiting\" && <Spinner />}\n      {props.children}\n    </Text>\n  ),\n);\n\nStatus.displayName = \"Status\";\n\nexport { Status };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BI;AA3BJ,kBAAiB;AACjB,YAAuB;AAEvB,oBAA8B;AAEvB,MAAM,iBAAiB,CAC5B,UAC6B;AAC7B,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EACX;AACF;AASA,MAAM,SAAS,MAAM;AAAA,EACnB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAW,YAAAA,SAAK,WAAW,mBAAmB;AAAA,MAC9C,cAAY,MAAM;AAAA,MACjB,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,OAAO,eAAe,MAAM,KAAK;AAAA,MAEhC;AAAA,cAAM,UAAU,aAAa,4CAAC,yBAAQ;AAAA,QACtC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEA,OAAO,cAAc;","names":["clsx"]}

package/dist/cjs/lib/status.d.cts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { MarginProps } from '@radix-ui/themes/props';
+
+declare const getStatusColor: (state: "success" | "waiting" | "error") => "green" | "gray" | "red";
+interface StatusProps extends Omit<React.ComponentPropsWithoutRef<"span">, "color">, MarginProps {
+    children?: React.ReactNode;
+    state: "success" | "waiting" | "error";
+}
+declare const Status: React.ForwardRefExoticComponent<StatusProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Status, type StatusProps, getStatusColor };

package/dist/cjs/lib/use-dialog-close.cjs

@@ -0,0 +1,53 @@
+"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 use_dialog_close_exports = {};
+__export(use_dialog_close_exports, {
+  useDialogClose: () => useDialogClose
+});
+module.exports = __toCommonJS(use_dialog_close_exports);
+var React = __toESM(require("react"), 1);
+function useDialogClose(enabled, callback) {
+  const callbackRef = React.useRef(callback);
+  const firstRenderRef = React.useRef(true);
+  React.useEffect(() => {
+    if (firstRenderRef.current) {
+      firstRenderRef.current = false;
+      return;
+    }
+    const cb = callbackRef.current;
+    return () => {
+      if (enabled) cb();
+    };
+  }, [enabled]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDialogClose
+});
+//# sourceMappingURL=use-dialog-close.cjs.map

package/dist/cjs/lib/use-dialog-close.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/use-dialog-close.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport function useDialogClose(enabled: boolean, callback: () => void) {\n  const callbackRef = React.useRef(callback);\n  const firstRenderRef = React.useRef(true);\n\n  React.useEffect(() => {\n    if (firstRenderRef.current) {\n      firstRenderRef.current = false;\n      return;\n    }\n\n    const cb = callbackRef.current;\n\n    return () => {\n      if (enabled) cb();\n    };\n  }, [enabled]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AAEhB,SAAS,eAAe,SAAkB,UAAsB;AACrE,QAAM,cAAc,MAAM,OAAO,QAAQ;AACzC,QAAM,iBAAiB,MAAM,OAAO,IAAI;AAExC,QAAM,UAAU,MAAM;AACpB,QAAI,eAAe,SAAS;AAC1B,qBAAe,UAAU;AACzB;AAAA,IACF;AAEA,UAAM,KAAK,YAAY;AAEvB,WAAO,MAAM;AACX,UAAI,QAAS,IAAG;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;","names":[]}

package/dist/cjs/lib/use-dialog-close.d.cts

@@ -0,0 +1,3 @@
+declare function useDialogClose(enabled: boolean, callback: () => void): void;
+
+export { useDialogClose };

package/dist/cjs/lib/use-is-hydrated.cjs

@@ -0,0 +1,50 @@
+"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 use_is_hydrated_exports = {};
+__export(use_is_hydrated_exports, {
+  useIsHydrated: () => useIsHydrated
+});
+module.exports = __toCommonJS(use_is_hydrated_exports);
+var React = __toESM(require("react"), 1);
+function subscribe() {
+  return () => {
+  };
+}
+function useIsHydrated() {
+  return React.useSyncExternalStore(
+    subscribe,
+    () => true,
+    () => false
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsHydrated
+});
+//# sourceMappingURL=use-is-hydrated.cjs.map

package/dist/cjs/lib/use-is-hydrated.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/use-is-hydrated.ts"],"sourcesContent":["import * as React from \"react\";\n\nfunction subscribe() {\n  return () => {};\n}\n\nexport function useIsHydrated() {\n  return React.useSyncExternalStore(\n    subscribe,\n    () => true,\n    () => false,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AAEvB,SAAS,YAAY;AACnB,SAAO,MAAM;AAAA,EAAC;AAChB;AAEO,SAAS,gBAAgB;AAC9B,SAAO,MAAM;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/cjs/lib/use-is-hydrated.d.cts

@@ -0,0 +1,3 @@
+declare function useIsHydrated(): boolean;
+
+export { useIsHydrated };

package/dist/cjs/lib/use-layout-effect.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_layout_effect_exports = {};
+__export(use_layout_effect_exports, {
+  useLayoutEffect: () => useIsoLayoutEffect
+});
+module.exports = __toCommonJS(use_layout_effect_exports);
+var import_react = require("react");
+var import_utils = require("./utils.js");
+const useIsoLayoutEffect = import_utils.canUseDOM ? import_react.useLayoutEffect : () => void 0;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useLayoutEffect
+});
+//# sourceMappingURL=use-layout-effect.cjs.map

package/dist/cjs/lib/use-layout-effect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/use-layout-effect.ts"],"sourcesContent":["import { useLayoutEffect } from \"react\";\nimport { canUseDOM } from \"./utils.js\";\n\nconst useIsoLayoutEffect = canUseDOM ? useLayoutEffect : () => void 0;\n\nexport { useIsoLayoutEffect as useLayoutEffect };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,mBAA0B;AAE1B,MAAM,qBAAqB,yBAAY,+BAAkB,MAAM;","names":[]}

package/dist/cjs/lib/{use-layout-effect.d.ts → use-layout-effect.d.cts}

@@ -1,4 +1,5 @@
-import { useLayoutEffect } from "react";
+import { useLayoutEffect } from 'react';
+
 declare const useIsoLayoutEffect: typeof useLayoutEffect;
+
 export { useIsoLayoutEffect as useLayoutEffect };
-//# sourceMappingURL=use-layout-effect.d.ts.map

package/dist/cjs/lib/use-permissions.cjs

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_permissions_exports = {};
+__export(use_permissions_exports, {
+  usePermissions: () => usePermissions
+});
+module.exports = __toCommonJS(use_permissions_exports);
+var import_react_query = require("@tanstack/react-query");
+var import_errors = require("./errors.js");
+function usePermissions(scope, authToken) {
+  return (0, import_react_query.useQuery)({
+    queryKey: ["permission", scope, authToken],
+    queryFn: async () => {
+      if (!authToken) {
+        throw new import_errors.NoAuthTokenError();
+      }
+      const { permissions } = parseJwt(await authToken);
+      if (!permissions || !Array.isArray(permissions)) {
+        throw new import_errors.NoAuthTokenError();
+      }
+      if (!permissions.includes(scope)) {
+        throw new import_errors.IncorrectPermissionsError();
+      }
+      return true;
+    }
+  });
+}
+function parseJwt(token) {
+  try {
+    return JSON.parse(atob(token.split(".")[1]));
+  } catch {
+    return {};
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePermissions
+});
+//# sourceMappingURL=use-permissions.cjs.map

package/dist/cjs/lib/use-permissions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/use-permissions.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { IncorrectPermissionsError, NoAuthTokenError } from \"./errors.js\";\n\n// TODO find a way to reuse the same type in the @workos-inc/node package\ntype WidgetScope = \"widgets:users-table:manage\";\n\nexport function usePermissions(\n  scope: WidgetScope,\n  authToken: null | string | Promise<string>,\n) {\n  return useQuery({\n    queryKey: [\"permission\", scope, authToken],\n    queryFn: async () => {\n      if (!authToken) {\n        throw new NoAuthTokenError();\n      }\n\n      const { permissions } = parseJwt(await authToken);\n\n      // When the permissions is not present in the token\n      if (!permissions || !Array.isArray(permissions)) {\n        throw new NoAuthTokenError();\n      }\n\n      // When the scope is not present in the permissions\n      if (!permissions.includes(scope)) {\n        throw new IncorrectPermissionsError();\n      }\n\n      return true;\n    },\n  });\n}\n\nfunction parseJwt(token: string) {\n  try {\n    return JSON.parse(atob(token.split(\".\")[1]));\n  } catch {\n    return {};\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAyB;AACzB,oBAA4D;AAKrD,SAAS,eACd,OACA,WACA;AACA,aAAO,6BAAS;AAAA,IACd,UAAU,CAAC,cAAc,OAAO,SAAS;AAAA,IACzC,SAAS,YAAY;AACnB,UAAI,CAAC,WAAW;AACd,cAAM,IAAI,+BAAiB;AAAA,MAC7B;AAEA,YAAM,EAAE,YAAY,IAAI,SAAS,MAAM,SAAS;AAGhD,UAAI,CAAC,eAAe,CAAC,MAAM,QAAQ,WAAW,GAAG;AAC/C,cAAM,IAAI,+BAAiB;AAAA,MAC7B;AAGA,UAAI,CAAC,YAAY,SAAS,KAAK,GAAG;AAChC,cAAM,IAAI,wCAA0B;AAAA,MACtC;AAEA,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACH;AAEA,SAAS,SAAS,OAAe;AAC/B,MAAI;AACF,WAAO,KAAK,MAAM,KAAK,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;AAAA,EAC7C,QAAQ;AACN,WAAO,CAAC;AAAA,EACV;AACF;","names":[]}

package/dist/cjs/lib/use-permissions.d.cts

@@ -0,0 +1,6 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+
+type WidgetScope = "widgets:users-table:manage";
+declare function usePermissions(scope: WidgetScope, authToken: null | string | Promise<string>): _tanstack_react_query.UseQueryResult<boolean, Error>;
+
+export { usePermissions };