@workos-inc/widgets 1.4.0 → 1.4.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/generic-error.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Flex, Heading, Link, Text } from \"@radix-ui/themes\";\nimport {\n  ApiError,\n  FetchError,\n  IncorrectPermissionsError,\n  NoAuthTokenError,\n} from \"./errors.js\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\n\nexport function GenericError({ error }: { error: unknown }) {\n  React.useEffect(() => {\n    console.error(error);\n  }, [error]);\n\n  const render = (heading: string, message: React.ReactNode) => (\n    <Flex p=\"6\" justify=\"center\" align=\"center\" direction=\"column\">\n      <Flex\n        align=\"center\"\n        justify=\"center\"\n        width=\"32px\"\n        height=\"32px\"\n        mb=\"2\"\n        style={{\n          borderRadius: \"9999px\",\n          backgroundColor: \"var(--red-a4)\",\n          color: \"var(--red-a11)\",\n        }}\n      >\n        <Cross2Icon width=\"24px\" height=\"24px\" />\n      </Flex>\n\n      <Flex direction=\"column\" gap=\"1\" maxWidth=\"420px\">\n        <Heading size=\"5\" align=\"center\" mb=\"1\" wrap=\"balance\" as=\"h3\">\n          {heading}\n        </Heading>\n\n        <Text as=\"p\" align=\"center\" wrap=\"balance\" color=\"gray\">\n          {message}\n        </Text>\n      </Flex>\n    </Flex>\n  );\n\n  if (error instanceof FetchError) {\n    return render(\n      \"Error fetching data\",\n      \"An error occurred. You may need to configure CORS in the WorkOS Dashboard. \" +\n        \"Contact your organization admin for support.\",\n    );\n  }\n\n  if (error instanceof NoAuthTokenError) {\n    return render(\n      \"Error fetching data\",\n      \"Authorization error. You likely forgot to provide an authorization \" +\n        \"token to the Users Management Widget.\",\n    );\n  }\n\n  if (error instanceof ApiError && error.status === 404) {\n    // The widgets API treats all authorization errors as 404s. If there is a\n    // legitimate 404, it's a bug on our end but there's currently no way to\n    // distinguish between the two.\n    return render(\n      \"Error fetching data\",\n      \"Authorization error. Contact your organization admin for support.\",\n    );\n  }\n\n  if (error instanceof IncorrectPermissionsError) {\n    return render(\n      \"Error fetching data\",\n      <>\n        Incorrect permissions.{\" \"}\n        <Link\n          href=\"https://workos.com/docs/user-management/widgets/user-management\"\n          target=\"_blank\"\n        >\n          Check that the correct permissions have been assigned.\n        </Link>\n      </>,\n    );\n  }\n\n  return render(\n    \"Error fetching data\",\n    \"An unknown error occurred. If the problem continues, contact the site owner.\",\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BQ;AA7BR,YAAuB;AACvB,oBAA0C;AAC1C,oBAKO;AACP,yBAA2B;AAEpB,SAAS,aAAa,EAAE,MAAM,GAAuB;AAC1D,QAAM,UAAU,MAAM;AACpB,YAAQ,MAAM,KAAK;AAAA,EACrB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,SAAS,CAAC,SAAiB,YAC/B,6CAAC,sBAAK,GAAE,KAAI,SAAQ,UAAS,OAAM,UAAS,WAAU,UACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,QAAO;AAAA,QACP,IAAG;AAAA,QACH,OAAO;AAAA,UACL,cAAc;AAAA,UACd,iBAAiB;AAAA,UACjB,OAAO;AAAA,QACT;AAAA,QAEA,sDAAC,iCAAW,OAAM,QAAO,QAAO,QAAO;AAAA;AAAA,IACzC;AAAA,IAEA,6CAAC,sBAAK,WAAU,UAAS,KAAI,KAAI,UAAS,SACxC;AAAA,kDAAC,yBAAQ,MAAK,KAAI,OAAM,UAAS,IAAG,KAAI,MAAK,WAAU,IAAG,MACvD,mBACH;AAAA,MAEA,4CAAC,sBAAK,IAAG,KAAI,OAAM,UAAS,MAAK,WAAU,OAAM,QAC9C,mBACH;AAAA,OACF;AAAA,KACF;AAGF,MAAI,iBAAiB,0BAAY;AAC/B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IAEF;AAAA,EACF;AAEA,MAAI,iBAAiB,gCAAkB;AACrC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IAEF;AAAA,EACF;AAEA,MAAI,iBAAiB,0BAAY,MAAM,WAAW,KAAK;AAIrD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,MAAI,iBAAiB,yCAA2B;AAC9C,WAAO;AAAA,MACL;AAAA,MACA,4EAAE;AAAA;AAAA,QACuB;AAAA,QACvB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACR;AAAA;AAAA,QAED;AAAA,SACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function GenericError({ error }: {
+    error: unknown;
+}): react_jsx_runtime.JSX.Element;
+
+export { GenericError };

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

@@ -0,0 +1,53 @@
+"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 icon_panel_exports = {};
+__export(icon_panel_exports, {
+  IconPanel: () => IconPanel
+});
+module.exports = __toCommonJS(icon_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+const IconPanel = (0, import_react.forwardRef)(function IconPanel2({ children, style, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_themes.Flex,
+    {
+      ref,
+      width: "32px",
+      height: "32px",
+      align: "center",
+      justify: "center",
+      style: {
+        borderWidth: 1,
+        borderStyle: "solid",
+        borderColor: "var(--gray-4)",
+        borderRadius: "var(--radius-3)",
+        backgroundColor: props.color === "panel" ? "var(--color-panel)" : "var(--gray-2)",
+        ...style
+      },
+      ...props,
+      children
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IconPanel
+});
+//# sourceMappingURL=icon-panel.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/icon-panel.tsx"],"sourcesContent":["import { Flex, FlexProps } from \"@radix-ui/themes\";\nimport { forwardRef } from \"react\";\n\nexport const IconPanel = forwardRef<\n  HTMLDivElement,\n  FlexProps & { color?: \"gray\" | \"panel\" }\n>(function IconPanel({ children, style, ...props }, ref) {\n  return (\n    <Flex\n      ref={ref}\n      width=\"32px\"\n      height=\"32px\"\n      align=\"center\"\n      justify=\"center\"\n      style={{\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderColor: \"var(--gray-4)\",\n        borderRadius: \"var(--radius-3)\",\n        backgroundColor:\n          props.color === \"panel\" ? \"var(--color-panel)\" : \"var(--gray-2)\",\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AARJ,oBAAgC;AAChC,mBAA2B;AAEpB,MAAM,gBAAY,yBAGvB,SAASA,WAAU,EAAE,UAAU,OAAO,GAAG,MAAM,GAAG,KAAK;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,iBACE,MAAM,UAAU,UAAU,uBAAuB;AAAA,QACnD,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["IconPanel"]}

package/dist/cjs/lib/icon-panel.d.cts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { FlexProps } from '@radix-ui/themes';
+
+declare const IconPanel: React.ForwardRefExoticComponent<(FlexProps & {
+    color?: "gray" | "panel";
+}) & React.RefAttributes<HTMLDivElement>>;
+
+export { IconPanel };

package/dist/cjs/lib/icons.cjs

@@ -0,0 +1,51 @@
+"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 icons_exports = {};
+__export(icons_exports, {
+  PasskeyIcon: () => PasskeyIcon
+});
+module.exports = __toCommonJS(icons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function PasskeyIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 16,
+      height: 16,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M5.86 1.005a2.86 2.86 0 1 0 0 5.719 2.86 2.86 0 0 0 0-5.72ZM2 3.865a3.86 3.86 0 1 1 4.899 3.717c.974.166 1.699.58 2.368 1.196a.5.5 0 1 1-.678.735C7.882 8.862 7.136 8.5 5.859 8.5c-2.036 0-3.195.693-3.867 1.613-.602.824-.86 1.893-.917 2.986h8.618a.5.5 0 0 1 0 1H.563a.5.5 0 0 1-.5-.5c0-1.356.248-2.88 1.121-4.076.743-1.018 1.897-1.741 3.582-1.957A3.861 3.861 0 0 1 2 3.864Zm12.185 6.509a2.892 2.892 0 1 0-2.212-.024v4.428L13.197 16l2.036-2.037-1.271-1.27 1.271-1.272-1.046-1.047Zm-.212-3.423a.847.847 0 1 1-1.695 0 .847.847 0 0 1 1.695 0Z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PasskeyIcon
+});
+//# sourceMappingURL=icons.cjs.map

package/dist/cjs/lib/icons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/icons.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\n\nexport function PasskeyIcon(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M5.86 1.005a2.86 2.86 0 1 0 0 5.719 2.86 2.86 0 0 0 0-5.72ZM2 3.865a3.86 3.86 0 1 1 4.899 3.717c.974.166 1.699.58 2.368 1.196a.5.5 0 1 1-.678.735C7.882 8.862 7.136 8.5 5.859 8.5c-2.036 0-3.195.693-3.867 1.613-.602.824-.86 1.893-.917 2.986h8.618a.5.5 0 0 1 0 1H.563a.5.5 0 0 1-.5-.5c0-1.356.248-2.88 1.121-4.076.743-1.018 1.897-1.741 3.582-1.957A3.861 3.861 0 0 1 2 3.864Zm12.185 6.509a2.892 2.892 0 1 0-2.212-.024v4.428L13.197 16l2.036-2.037-1.271-1.27 1.271-1.272-1.046-1.047Zm-.212-3.423a.847.847 0 1 1-1.695 0 .847.847 0 0 1 1.695 0Z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM;AAVC,SAAS,YAAY,OAAgC;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SVGProps } from 'react';
+
+declare function PasskeyIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+export { PasskeyIcon };

package/dist/cjs/lib/identity-providers.cjs

@@ -0,0 +1,95 @@
+"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 identity_providers_exports = {};
+__export(identity_providers_exports, {
+  getIdentityProviderName: () => getIdentityProviderName,
+  isIdentityProvider: () => isIdentityProvider
+});
+module.exports = __toCommonJS(identity_providers_exports);
+const IDENTITY_PROVIDER_DICT = /* @__PURE__ */ new Map([
+  ["access-people-hr", "Access People HR"],
+  ["adp", "ADP"],
+  ["apple", "Apple"],
+  ["auth0", "Auth0"],
+  ["azure", "Azure"],
+  ["aws", "AWS"],
+  ["bamboohr", "BambooHR"],
+  ["bamboo-hr", "BambooHR"],
+  ["bitbucket", "Bitbucket"],
+  ["breathe-hr", "BreatheHR"],
+  ["bubble", "Bubble"],
+  ["cas", "CAS"],
+  ["cezanne-hr", "Cezanne HR"],
+  ["classlink", "Classlink"],
+  ["clerk", "Clerk"],
+  ["cloudflare", "Cloudflare"],
+  ["cyberark", "CyberArk"],
+  ["datadog", "Datadog"],
+  ["duo", "Duo"],
+  ["firebase", "Firebase"],
+  ["fourth", "Fourth"],
+  ["generic-saml", "Generic SAML"],
+  ["generic-oidc", "Generic OIDC"],
+  ["github", "GitHub"],
+  ["gitlab", "GitLab"],
+  ["godaddy", "GoDaddy"],
+  ["google", "Google"],
+  ["google-cloud", "Google Cloud"],
+  ["hibob", "Hibob"],
+  ["intuit", "Intuit"],
+  ["jumpcloud", "JumpCloud"],
+  ["keycloak", "Keycloak"],
+  ["lastpass", "LastPass"],
+  ["linkedin", "LinkedIn"],
+  ["login-gov", "Login.gov"],
+  ["microsoft", "Microsoft"],
+  ["miniorange", "Miniorange"],
+  ["net-iq", "NetIQ"],
+  ["next-auth", "NextAuth"],
+  ["okta", "Okta"],
+  ["onelogin", "OneLogin"],
+  ["oracle", "Oracle"],
+  ["personio", "Personio"],
+  ["ping-identity", "Ping Identity"],
+  ["react-native-expo", "React Native Expo"],
+  ["rippling", "Rippling"],
+  ["salesforce", "Salesforce"],
+  ["shibboleth", "Shibboleth"],
+  ["simple-saml-php", "Simple SAML PHP"],
+  ["slack", "Slack"],
+  ["splunk", "Splunk"],
+  ["supabase", "Supabase"],
+  ["vmware", "VMware"],
+  ["workday", "Workday"],
+  ["xero", "Xero"],
+  ["test-idp", "Test IDP"],
+  ["discord", "Discord"]
+]);
+function getIdentityProviderName(provider) {
+  return IDENTITY_PROVIDER_DICT.get(provider);
+}
+function isIdentityProvider(provider) {
+  return typeof provider === "string" && IDENTITY_PROVIDER_DICT.has(provider);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getIdentityProviderName,
+  isIdentityProvider
+});
+//# sourceMappingURL=identity-providers.cjs.map

package/dist/cjs/lib/identity-providers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/identity-providers.ts"],"sourcesContent":["const IDENTITY_PROVIDER_DICT = new Map([\n  [\"access-people-hr\", \"Access People HR\"],\n  [\"adp\", \"ADP\"],\n  [\"apple\", \"Apple\"],\n  [\"auth0\", \"Auth0\"],\n  [\"azure\", \"Azure\"],\n  [\"aws\", \"AWS\"],\n  [\"bamboohr\", \"BambooHR\"],\n  [\"bamboo-hr\", \"BambooHR\"],\n  [\"bitbucket\", \"Bitbucket\"],\n  [\"breathe-hr\", \"BreatheHR\"],\n  [\"bubble\", \"Bubble\"],\n  [\"cas\", \"CAS\"],\n  [\"cezanne-hr\", \"Cezanne HR\"],\n  [\"classlink\", \"Classlink\"],\n  [\"clerk\", \"Clerk\"],\n  [\"cloudflare\", \"Cloudflare\"],\n  [\"cyberark\", \"CyberArk\"],\n  [\"datadog\", \"Datadog\"],\n  [\"duo\", \"Duo\"],\n  [\"firebase\", \"Firebase\"],\n  [\"fourth\", \"Fourth\"],\n  [\"generic-saml\", \"Generic SAML\"],\n  [\"generic-oidc\", \"Generic OIDC\"],\n  [\"github\", \"GitHub\"],\n  [\"gitlab\", \"GitLab\"],\n  [\"godaddy\", \"GoDaddy\"],\n  [\"google\", \"Google\"],\n  [\"google-cloud\", \"Google Cloud\"],\n  [\"hibob\", \"Hibob\"],\n  [\"intuit\", \"Intuit\"],\n  [\"jumpcloud\", \"JumpCloud\"],\n  [\"keycloak\", \"Keycloak\"],\n  [\"lastpass\", \"LastPass\"],\n  [\"linkedin\", \"LinkedIn\"],\n  [\"login-gov\", \"Login.gov\"],\n  [\"microsoft\", \"Microsoft\"],\n  [\"miniorange\", \"Miniorange\"],\n  [\"net-iq\", \"NetIQ\"],\n  [\"next-auth\", \"NextAuth\"],\n  [\"okta\", \"Okta\"],\n  [\"onelogin\", \"OneLogin\"],\n  [\"oracle\", \"Oracle\"],\n  [\"personio\", \"Personio\"],\n  [\"ping-identity\", \"Ping Identity\"],\n  [\"react-native-expo\", \"React Native Expo\"],\n  [\"rippling\", \"Rippling\"],\n  [\"salesforce\", \"Salesforce\"],\n  [\"shibboleth\", \"Shibboleth\"],\n  [\"simple-saml-php\", \"Simple SAML PHP\"],\n  [\"slack\", \"Slack\"],\n  [\"splunk\", \"Splunk\"],\n  [\"supabase\", \"Supabase\"],\n  [\"vmware\", \"VMware\"],\n  [\"workday\", \"Workday\"],\n  [\"xero\", \"Xero\"],\n  [\"test-idp\", \"Test IDP\"],\n  [\"discord\", \"Discord\"],\n] as const);\n\ntype MapKey<T extends Map<unknown, unknown>> =\n  T extends Map<infer K, unknown> ? K : never;\n\nexport type IdentityProvider = MapKey<typeof IDENTITY_PROVIDER_DICT>;\n\nexport function getIdentityProviderName(provider: IdentityProvider) {\n  return IDENTITY_PROVIDER_DICT.get(provider);\n}\n\nexport function isIdentityProvider(provider: unknown) {\n  return (\n    typeof provider === \"string\" &&\n    IDENTITY_PROVIDER_DICT.has(provider as IdentityProvider)\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,yBAAyB,oBAAI,IAAI;AAAA,EACrC,CAAC,oBAAoB,kBAAkB;AAAA,EACvC,CAAC,OAAO,KAAK;AAAA,EACb,CAAC,SAAS,OAAO;AAAA,EACjB,CAAC,SAAS,OAAO;AAAA,EACjB,CAAC,SAAS,OAAO;AAAA,EACjB,CAAC,OAAO,KAAK;AAAA,EACb,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,aAAa,UAAU;AAAA,EACxB,CAAC,aAAa,WAAW;AAAA,EACzB,CAAC,cAAc,WAAW;AAAA,EAC1B,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,OAAO,KAAK;AAAA,EACb,CAAC,cAAc,YAAY;AAAA,EAC3B,CAAC,aAAa,WAAW;AAAA,EACzB,CAAC,SAAS,OAAO;AAAA,EACjB,CAAC,cAAc,YAAY;AAAA,EAC3B,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,OAAO,KAAK;AAAA,EACb,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,gBAAgB,cAAc;AAAA,EAC/B,CAAC,gBAAgB,cAAc;AAAA,EAC/B,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,gBAAgB,cAAc;AAAA,EAC/B,CAAC,SAAS,OAAO;AAAA,EACjB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,aAAa,WAAW;AAAA,EACzB,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,aAAa,WAAW;AAAA,EACzB,CAAC,aAAa,WAAW;AAAA,EACzB,CAAC,cAAc,YAAY;AAAA,EAC3B,CAAC,UAAU,OAAO;AAAA,EAClB,CAAC,aAAa,UAAU;AAAA,EACxB,CAAC,QAAQ,MAAM;AAAA,EACf,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,iBAAiB,eAAe;AAAA,EACjC,CAAC,qBAAqB,mBAAmB;AAAA,EACzC,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,cAAc,YAAY;AAAA,EAC3B,CAAC,cAAc,YAAY;AAAA,EAC3B,CAAC,mBAAmB,iBAAiB;AAAA,EACrC,CAAC,SAAS,OAAO;AAAA,EACjB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,WAAW,SAAS;AAAA,EACrB,CAAC,QAAQ,MAAM;AAAA,EACf,CAAC,YAAY,UAAU;AAAA,EACvB,CAAC,WAAW,SAAS;AACvB,CAAU;AAOH,SAAS,wBAAwB,UAA4B;AAClE,SAAO,uBAAuB,IAAI,QAAQ;AAC5C;AAEO,SAAS,mBAAmB,UAAmB;AACpD,SACE,OAAO,aAAa,YACpB,uBAAuB,IAAI,QAA4B;AAE3D;","names":[]}

package/dist/cjs/lib/{identity-providers.d.ts → identity-providers.d.cts}

@@ -1,7 +1,7 @@
 declare const IDENTITY_PROVIDER_DICT: Map<"azure" | "access-people-hr" | "adp" | "apple" | "auth0" | "aws" | "bamboohr" | "bamboo-hr" | "bitbucket" | "breathe-hr" | "bubble" | "cas" | "cezanne-hr" | "classlink" | "clerk" | "cloudflare" | "cyberark" | "datadog" | "duo" | "firebase" | "fourth" | "generic-saml" | "generic-oidc" | "github" | "gitlab" | "godaddy" | "google" | "google-cloud" | "hibob" | "intuit" | "jumpcloud" | "keycloak" | "lastpass" | "linkedin" | "login-gov" | "microsoft" | "miniorange" | "net-iq" | "next-auth" | "okta" | "onelogin" | "oracle" | "personio" | "ping-identity" | "react-native-expo" | "rippling" | "salesforce" | "shibboleth" | "simple-saml-php" | "slack" | "splunk" | "supabase" | "vmware" | "workday" | "xero" | "test-idp" | "discord", "GoDaddy" | "Access People HR" | "ADP" | "Apple" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "Datadog" | "Duo" | "Firebase" | "Fourth" | "Generic SAML" | "Generic OIDC" | "GitHub" | "GitLab" | "Google" | "Google Cloud" | "Hibob" | "Intuit" | "JumpCloud" | "Keycloak" | "LastPass" | "LinkedIn" | "Login.gov" | "Microsoft" | "Miniorange" | "NetIQ" | "NextAuth" | "Okta" | "OneLogin" | "Oracle" | "Personio" | "Ping Identity" | "React Native Expo" | "Rippling" | "Salesforce" | "Shibboleth" | "Simple SAML PHP" | "Slack" | "Splunk" | "Supabase" | "VMware" | "Workday" | "Xero" | "Test IDP" | "Discord">;
 type MapKey<T extends Map<unknown, unknown>> = T extends Map<infer K, unknown> ? K : never;
-export type IdentityProvider = MapKey<typeof IDENTITY_PROVIDER_DICT>;
-export declare function getIdentityProviderName(provider: IdentityProvider): "GoDaddy" | "Access People HR" | "ADP" | "Apple" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "Datadog" | "Duo" | "Firebase" | "Fourth" | "Generic SAML" | "Generic OIDC" | "GitHub" | "GitLab" | "Google" | "Google Cloud" | "Hibob" | "Intuit" | "JumpCloud" | "Keycloak" | "LastPass" | "LinkedIn" | "Login.gov" | "Microsoft" | "Miniorange" | "NetIQ" | "NextAuth" | "Okta" | "OneLogin" | "Oracle" | "Personio" | "Ping Identity" | "React Native Expo" | "Rippling" | "Salesforce" | "Shibboleth" | "Simple SAML PHP" | "Slack" | "Splunk" | "Supabase" | "VMware" | "Workday" | "Xero" | "Test IDP" | "Discord" | undefined;
-export declare function isIdentityProvider(provider: unknown): boolean;
-export {};
-//# sourceMappingURL=identity-providers.d.ts.map
+type IdentityProvider = MapKey<typeof IDENTITY_PROVIDER_DICT>;
+declare function getIdentityProviderName(provider: IdentityProvider): "GoDaddy" | "Access People HR" | "ADP" | "Apple" | "Auth0" | "Azure" | "AWS" | "BambooHR" | "Bitbucket" | "BreatheHR" | "Bubble" | "CAS" | "Cezanne HR" | "Classlink" | "Clerk" | "Cloudflare" | "CyberArk" | "Datadog" | "Duo" | "Firebase" | "Fourth" | "Generic SAML" | "Generic OIDC" | "GitHub" | "GitLab" | "Google" | "Google Cloud" | "Hibob" | "Intuit" | "JumpCloud" | "Keycloak" | "LastPass" | "LinkedIn" | "Login.gov" | "Microsoft" | "Miniorange" | "NetIQ" | "NextAuth" | "Okta" | "OneLogin" | "Oracle" | "Personio" | "Ping Identity" | "React Native Expo" | "Rippling" | "Salesforce" | "Shibboleth" | "Simple SAML PHP" | "Slack" | "Splunk" | "Supabase" | "VMware" | "Workday" | "Xero" | "Test IDP" | "Discord" | undefined;
+declare function isIdentityProvider(provider: unknown): boolean;
+
+export { type IdentityProvider, getIdentityProviderName, isIdentityProvider };

package/dist/cjs/lib/invite-user-dialog.cjs

@@ -0,0 +1,277 @@
+"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 invite_user_dialog_exports = {};
+__export(invite_user_dialog_exports, {
+  InviteUserDialog: () => InviteUserDialog
+});
+module.exports = __toCommonJS(invite_user_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 import_elements2 = require("./elements.js");
+var import_utils = require("./utils.js");
+var import_user = require("./api/user.js");
+var import_endpoint = require("../api/endpoint.js");
+const PLACEHOLDER_ROLE = "_rolePlaceholder";
+function InviteUserDialog({ children }) {
+  const [open, setOpen] = React.useState(false);
+  const dialogId = toId("invite-user", React.useId());
+  const formId = toId(dialogId, "form");
+  const inviteUser = (0, import_user.useInviteUser)();
+  const rolesQuery = (0, import_endpoint.useRoles)({
+    query: { initialData: [] }
+  });
+  const roles = rolesQuery.data;
+  const [selectedRole, setSelectedRole] = React.useState(
+    () => getDefaultRole(roles)?.slug || PLACEHOLDER_ROLE
+  );
+  React.useEffect(() => {
+    setSelectedRole((selectedRole2) => {
+      if (roles.find((role) => role.slug === selectedRole2)) {
+        return selectedRole2;
+      }
+      return getDefaultRole(roles)?.slug || PLACEHOLDER_ROLE;
+    });
+  }, [roles]);
+  const onSubmitForm = (data) => {
+    if (inviteUser.isPending || rolesQuery.status !== "success") {
+      return;
+    }
+    inviteUser.mutate(
+      { data },
+      {
+        onSuccess: () => {
+          setOpen(false);
+        }
+      }
+    );
+  };
+  const formErrors = getFormErrors(inviteUser.error);
+  useFormFieldFocusOnError(dialogId, inviteUser.error);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Dialog.Root, { open, onOpenChange: setOpen, children: [
+    children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Trigger, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_elements.DialogContent, { maxWidth: "480px", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Title, { children: "Invite user" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Description, { children: "An invitation will be sent to this email address with a link to complete their account." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { direction: "column", gap: "4", mt: "5", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "form",
+        {
+          id: formId,
+          onSubmit: async (event) => {
+            event.preventDefault();
+            onSubmitForm({
+              email: event.currentTarget.email.value,
+              roles: [selectedRole]
+            });
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              FormField,
+              {
+                rootId: dialogId,
+                name: "email",
+                label: "Email address",
+                error: formErrors.fields.email,
+                required: true,
+                control: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_elements.TextField,
+                  {
+                    ...props,
+                    "data-1p-ignore": "true",
+                    "data-lpignore": "true",
+                    type: "email",
+                    autoComplete: "off",
+                    placeholder: "Enter an email address"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              FormField,
+              {
+                rootId: dialogId,
+                name: "role",
+                label: "Role",
+                error: formErrors.fields.role,
+                disabled: rolesQuery.isPending || roles.length <= 1,
+                info: roles.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                  "New users will be invited with the",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", children: roles[0].name }),
+                  " role, as it is the only one available."
+                ] }) : void 0,
+                control: ({
+                  id,
+                  "aria-invalid": ariaInvalid,
+                  "aria-describedby": ariaDescribedBy,
+                  ...props
+                }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_themes.Select.Root,
+                  {
+                    ...props,
+                    value: selectedRole,
+                    onValueChange: setSelectedRole,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_elements.SelectTrigger,
+                        {
+                          id,
+                          "aria-invalid": ariaInvalid,
+                          "aria-describedby": ariaDescribedBy
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_elements.SelectContent, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SelectItem, { value: PLACEHOLDER_ROLE, disabled: true, children: "Select a role" }),
+                        roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SelectItem, { value: role.slug, children: role.name }, role.slug))
+                      ] })
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ) }),
+      formErrors.form ? /* @__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: formErrors.form }) }) : null,
+      /* @__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: inviteUser.isPending, children: "Cancel" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_elements.PrimaryButton,
+          {
+            form: formId,
+            loading: inviteUser.isPending,
+            disabled: rolesQuery.isPending || void 0,
+            children: "Invite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { "aria-live": "polite", children: formErrors.form }) })
+    ] }, String(open))
+  ] });
+}
+function FormField({
+  rootId,
+  name,
+  label,
+  error,
+  info,
+  control,
+  required,
+  disabled
+}) {
+  const fieldId = toId(rootId, name);
+  const errorId = toId(rootId, name, "error");
+  const infoId = toId(rootId, name, "info");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements2.Label, { htmlFor: fieldId, children: label }),
+    control({
+      id: fieldId,
+      name,
+      "aria-describedby": (() => {
+        const tags = [];
+        if (error) {
+          tags.push(errorId);
+        }
+        if (info) {
+          tags.push(infoId);
+        }
+        if (tags.length === 0) {
+          return void 0;
+        }
+        return tags.join(" ");
+      })(),
+      "aria-invalid": !!error || void 0,
+      required: required || void 0,
+      disabled: disabled || void 0
+    }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { color: "red", size: "2", id: errorId, children: error }) : null,
+    info ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { color: "gray", size: "2", id: infoId, mt: "1", children: info }) : null
+  ] });
+}
+function toId(...parts) {
+  return parts.join("-");
+}
+function getFormErrors(queryError) {
+  const formErrors = {
+    form: null,
+    fields: {
+      email: null,
+      role: null
+    }
+  };
+  if (queryError) {
+    if (!(0, import_utils.isErrorLike)(queryError)) {
+      return {
+        ...formErrors,
+        form: "An unexpected error occurred. Please try again."
+      };
+    }
+    switch (queryError.message.toLowerCase()) {
+      case "user already exists":
+      case "user already invited":
+      case "invalid email":
+        formErrors.fields.email = queryError.message;
+        break;
+      case "invalid role":
+        formErrors.fields.role = queryError.message;
+        break;
+      default:
+        formErrors.form = "There was an error inviting this user. Please refresh the page and try again.";
+        break;
+    }
+  }
+  return formErrors;
+}
+function useFormFieldFocusOnError(dialogId, queryError) {
+  React.useEffect(() => {
+    const fieldErrors = getFormErrors(queryError).fields;
+    for (const [name, error] of Object.entries(fieldErrors)) {
+      if (error) {
+        const fieldElement = document.getElementById(toId(dialogId, name));
+        if (fieldElement) {
+          fieldElement?.focus();
+          if ("select" in fieldElement) {
+            fieldElement.select();
+          }
+        }
+        break;
+      }
+    }
+  }, [dialogId, queryError]);
+}
+function getDefaultRole(roles) {
+  return roles.find((role) => role.default) || roles[0];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InviteUserDialog
+});
+//# sourceMappingURL=invite-user-dialog.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/invite-user-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Callout,\n  Dialog,\n  Flex,\n  Select,\n  Text,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport {\n  DialogContent,\n  PrimaryButton,\n  SecondaryButton,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  TextField,\n} from \"./elements.js\";\nimport { Label } from \"./elements.js\";\nimport { isErrorLike } from \"./utils.js\";\nimport { useInviteUser } from \"./api/user.js\";\nimport { InviteMemberInput, MemberRole, useRoles } from \"../api/endpoint.js\";\n\n/**\n * Used to stub a fake value for the role select. It will be selected by default\n * before the role query resolves, or if the query results in an error. We do\n * this because we need to provide _any_ value to the select to avoid\n * controlled/uncontrolled bugs.\n */\nconst PLACEHOLDER_ROLE = \"_rolePlaceholder\";\n\ninterface InviteUserDialogProps {\n  children?: React.ReactNode;\n}\n\nexport function InviteUserDialog({ children }: InviteUserDialogProps) {\n  const [open, setOpen] = React.useState(false);\n  const dialogId = toId(\"invite-user\", React.useId());\n  const formId = toId(dialogId, \"form\");\n\n  const inviteUser = useInviteUser();\n  const rolesQuery = useRoles({\n    query: { initialData: [] },\n  });\n  const roles = rolesQuery.data;\n  const [selectedRole, setSelectedRole] = React.useState(\n    () => getDefaultRole(roles)?.slug || PLACEHOLDER_ROLE,\n  );\n  React.useEffect(() => {\n    // Update the selected role if it's not in the list (eg if the list was\n    // previously empty and the query resolved)\n    setSelectedRole((selectedRole) => {\n      if (roles.find((role) => role.slug === selectedRole)) {\n        // if current selected role is in the new list, don't change it\n        return selectedRole;\n      }\n      return getDefaultRole(roles)?.slug || PLACEHOLDER_ROLE;\n    });\n  }, [roles]);\n\n  const onSubmitForm = (data: InviteMemberInput) => {\n    if (inviteUser.isPending || rolesQuery.status !== \"success\") {\n      return;\n    }\n    inviteUser.mutate(\n      { data },\n      {\n        onSuccess: () => {\n          setOpen(false);\n        },\n      },\n    );\n  };\n\n  const formErrors = getFormErrors(inviteUser.error);\n  useFormFieldFocusOnError(dialogId, inviteUser.error);\n\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      {children && <Dialog.Trigger>{children}</Dialog.Trigger>}\n      <DialogContent maxWidth=\"480px\" key={String(open)}>\n        <Dialog.Title>Invite user</Dialog.Title>\n        <Dialog.Description>\n          An invitation will be sent to this email address with a link to\n          complete their account.\n        </Dialog.Description>\n        <Flex direction=\"column\" gap=\"4\" mt=\"5\" asChild>\n          <form\n            id={formId}\n            onSubmit={async (event) => {\n              event.preventDefault();\n              onSubmitForm({\n                email: event.currentTarget.email.value,\n                roles: [selectedRole],\n              });\n            }}\n          >\n            <FormField\n              rootId={dialogId}\n              name=\"email\"\n              label=\"Email address\"\n              error={formErrors.fields.email}\n              required\n              control={(props) => (\n                <TextField\n                  {...props}\n                  data-1p-ignore=\"true\"\n                  data-lpignore=\"true\"\n                  type=\"email\"\n                  autoComplete=\"off\"\n                  placeholder=\"Enter an email address\"\n                />\n              )}\n            />\n\n            <FormField\n              rootId={dialogId}\n              name=\"role\"\n              label=\"Role\"\n              error={formErrors.fields.role}\n              disabled={rolesQuery.isPending || roles.length <= 1}\n              info={\n                roles.length === 1 ? (\n                  <>\n                    New users will be invited with the{\" \"}\n                    <Text weight=\"bold\">{roles[0].name}</Text> role, as it is\n                    the only one available.\n                  </>\n                ) : undefined\n              }\n              control={({\n                id,\n                \"aria-invalid\": ariaInvalid,\n                \"aria-describedby\": ariaDescribedBy,\n                ...props\n              }) => (\n                <Select.Root\n                  {...props}\n                  value={selectedRole}\n                  onValueChange={setSelectedRole}\n                >\n                  <SelectTrigger\n                    id={id}\n                    aria-invalid={ariaInvalid}\n                    aria-describedby={ariaDescribedBy}\n                  />\n                  <SelectContent>\n                    <SelectItem value={PLACEHOLDER_ROLE} disabled>\n                      Select a role\n                    </SelectItem>\n                    {roles.map((role) => (\n                      <SelectItem key={role.slug} value={role.slug}>\n                        {role.name}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select.Root>\n              )}\n            />\n          </form>\n        </Flex>\n\n        {formErrors.form ? (\n          <Callout.Root color=\"red\" mt=\"4\" mb=\"-2\">\n            <Callout.Text>{formErrors.form}</Callout.Text>\n          </Callout.Root>\n        ) : null}\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <SecondaryButton disabled={inviteUser.isPending}>\n              Cancel\n            </SecondaryButton>\n          </Dialog.Close>\n          <PrimaryButton\n            form={formId}\n            loading={inviteUser.isPending}\n            disabled={rolesQuery.isPending || undefined}\n          >\n            Invite\n          </PrimaryButton>\n        </Flex>\n        {/* mirror errors in a live region */}\n        <VisuallyHidden asChild>\n          <section aria-live=\"polite\">{formErrors.form}</section>\n        </VisuallyHidden>\n      </DialogContent>\n    </Dialog.Root>\n  );\n}\n\ninterface FormControlRenderProps {\n  id: string;\n  name: string;\n  \"aria-describedby\": string | undefined;\n  \"aria-invalid\"?: boolean;\n  required: boolean | undefined;\n  disabled: boolean | undefined;\n}\n\nfunction FormField({\n  rootId,\n  name,\n  label,\n  error,\n  info,\n  control,\n  required,\n  disabled,\n}: {\n  rootId: string;\n  name: string;\n  label: string;\n  error?: React.ReactNode;\n  info?: React.ReactNode;\n  control: (props: FormControlRenderProps) => React.ReactNode;\n  required?: boolean;\n  disabled?: boolean;\n}) {\n  const fieldId = toId(rootId, name);\n  const errorId = toId(rootId, name, \"error\");\n  const infoId = toId(rootId, name, \"info\");\n  return (\n    <Flex direction=\"column\" gap=\"1\">\n      <Label htmlFor={fieldId}>{label}</Label>\n      {control({\n        id: fieldId,\n        name,\n        \"aria-describedby\": (() => {\n          const tags: string[] = [];\n          if (error) {\n            tags.push(errorId);\n          }\n          if (info) {\n            tags.push(infoId);\n          }\n          if (tags.length === 0) {\n            return undefined;\n          }\n          return tags.join(\" \");\n        })(),\n        \"aria-invalid\": !!error || undefined,\n        required: required || undefined,\n        disabled: disabled || undefined,\n      })}\n\n      {error ? (\n        <Text color=\"red\" size=\"2\" id={errorId}>\n          {error}\n        </Text>\n      ) : null}\n      {info ? (\n        <Text color=\"gray\" size=\"2\" id={infoId} mt=\"1\">\n          {info}\n        </Text>\n      ) : null}\n    </Flex>\n  );\n}\n\nfunction toId(...parts: string[]) {\n  return parts.join(\"-\");\n}\n\nfunction getFormErrors(queryError: unknown) {\n  const formErrors = {\n    form: null as string | null,\n    fields: {\n      email: null as string | null,\n      role: null as string | null,\n    },\n  };\n\n  if (queryError) {\n    if (!isErrorLike(queryError)) {\n      return {\n        ...formErrors,\n        form: \"An unexpected error occurred. Please try again.\",\n      };\n    }\n\n    switch (queryError.message.toLowerCase()) {\n      case \"user already exists\":\n      case \"user already invited\":\n      case \"invalid email\":\n        formErrors.fields.email = queryError.message;\n        break;\n      case \"invalid role\":\n        formErrors.fields.role = queryError.message;\n        break;\n      default:\n        // TODO handle more cases for various server errors\n        formErrors.form =\n          \"There was an error inviting this user. Please refresh the page and try again.\";\n        break;\n    }\n  }\n\n  return formErrors;\n}\n\nfunction useFormFieldFocusOnError(dialogId: string, queryError: unknown) {\n  React.useEffect(() => {\n    const fieldErrors = getFormErrors(queryError).fields;\n    for (const [name, error] of Object.entries(fieldErrors)) {\n      if (error) {\n        const fieldElement = document.getElementById(toId(dialogId, name)) as\n          | HTMLInputElement\n          | HTMLButtonElement\n          | null;\n        if (fieldElement) {\n          fieldElement?.focus();\n          if (\"select\" in fieldElement) {\n            fieldElement.select();\n          }\n        }\n        break;\n      }\n    }\n  }, [dialogId, queryError]);\n}\n\nfunction getDefaultRole(roles: MemberRole[]) {\n  return roles.find((role) => role.default) || roles[0];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiFmB;AA/EnB,oBAOO;AACP,YAAuB;AACvB,sBAQO;AACP,IAAAA,mBAAsB;AACtB,mBAA4B;AAC5B,kBAA8B;AAC9B,sBAAwD;AAQxD,MAAM,mBAAmB;AAMlB,SAAS,iBAAiB,EAAE,SAAS,GAA0B;AACpE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,WAAW,KAAK,eAAe,MAAM,MAAM,CAAC;AAClD,QAAM,SAAS,KAAK,UAAU,MAAM;AAEpC,QAAM,iBAAa,2BAAc;AACjC,QAAM,iBAAa,0BAAS;AAAA,IAC1B,OAAO,EAAE,aAAa,CAAC,EAAE;AAAA,EAC3B,CAAC;AACD,QAAM,QAAQ,WAAW;AACzB,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM;AAAA,IAC5C,MAAM,eAAe,KAAK,GAAG,QAAQ;AAAA,EACvC;AACA,QAAM,UAAU,MAAM;AAGpB,oBAAgB,CAACC,kBAAiB;AAChC,UAAI,MAAM,KAAK,CAAC,SAAS,KAAK,SAASA,aAAY,GAAG;AAEpD,eAAOA;AAAA,MACT;AACA,aAAO,eAAe,KAAK,GAAG,QAAQ;AAAA,IACxC,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,eAAe,CAAC,SAA4B;AAChD,QAAI,WAAW,aAAa,WAAW,WAAW,WAAW;AAC3D;AAAA,IACF;AACA,eAAW;AAAA,MACT,EAAE,KAAK;AAAA,MACP;AAAA,QACE,WAAW,MAAM;AACf,kBAAQ,KAAK;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,aAAa,cAAc,WAAW,KAAK;AACjD,2BAAyB,UAAU,WAAW,KAAK;AAEnD,SACE,6CAAC,qBAAO,MAAP,EAAY,MAAY,cAAc,SACpC;AAAA,gBAAY,4CAAC,qBAAO,SAAP,EAAgB,UAAS;AAAA,IACvC,6CAAC,iCAAc,UAAS,SACtB;AAAA,kDAAC,qBAAO,OAAP,EAAa,yBAAW;AAAA,MACzB,4CAAC,qBAAO,aAAP,EAAmB,qGAGpB;AAAA,MACA,4CAAC,sBAAK,WAAU,UAAS,KAAI,KAAI,IAAG,KAAI,SAAO,MAC7C;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,UAAU,OAAO,UAAU;AACzB,kBAAM,eAAe;AACrB,yBAAa;AAAA,cACX,OAAO,MAAM,cAAc,MAAM;AAAA,cACjC,OAAO,CAAC,YAAY;AAAA,YACtB,CAAC;AAAA,UACH;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,OAAO,WAAW,OAAO;AAAA,gBACzB,UAAQ;AAAA,gBACR,SAAS,CAAC,UACR;AAAA,kBAAC;AAAA;AAAA,oBACE,GAAG;AAAA,oBACJ,kBAAe;AAAA,oBACf,iBAAc;AAAA,oBACd,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA;AAAA,gBACd;AAAA;AAAA,YAEJ;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,OAAO,WAAW,OAAO;AAAA,gBACzB,UAAU,WAAW,aAAa,MAAM,UAAU;AAAA,gBAClD,MACE,MAAM,WAAW,IACf,4EAAE;AAAA;AAAA,kBACmC;AAAA,kBACnC,4CAAC,sBAAK,QAAO,QAAQ,gBAAM,CAAC,EAAE,MAAK;AAAA,kBAAO;AAAA,mBAE5C,IACE;AAAA,gBAEN,SAAS,CAAC;AAAA,kBACR;AAAA,kBACA,gBAAgB;AAAA,kBAChB,oBAAoB;AAAA,kBACpB,GAAG;AAAA,gBACL,MACE;AAAA,kBAAC,qBAAO;AAAA,kBAAP;AAAA,oBACE,GAAG;AAAA,oBACJ,OAAO;AAAA,oBACP,eAAe;AAAA,oBAEf;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC;AAAA,0BACA,gBAAc;AAAA,0BACd,oBAAkB;AAAA;AAAA,sBACpB;AAAA,sBACA,6CAAC,iCACC;AAAA,oEAAC,8BAAW,OAAO,kBAAkB,UAAQ,MAAC,2BAE9C;AAAA,wBACC,MAAM,IAAI,CAAC,SACV,4CAAC,8BAA2B,OAAO,KAAK,MACrC,eAAK,QADS,KAAK,IAEtB,CACD;AAAA,yBACH;AAAA;AAAA;AAAA,gBACF;AAAA;AAAA,YAEJ;AAAA;AAAA;AAAA,MACF,GACF;AAAA,MAEC,WAAW,OACV,4CAAC,sBAAQ,MAAR,EAAa,OAAM,OAAM,IAAG,KAAI,IAAG,MAClC,sDAAC,sBAAQ,MAAR,EAAc,qBAAW,MAAK,GACjC,IACE;AAAA,MAEJ,6CAAC,sBAAK,IAAG,KAAI,KAAI,KAAI,SAAQ,OAC3B;AAAA,oDAAC,qBAAO,OAAP,EACC,sDAAC,mCAAgB,UAAU,WAAW,WAAW,oBAEjD,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAS,WAAW;AAAA,YACpB,UAAU,WAAW,aAAa;AAAA,YACnC;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAEA,4CAAC,gCAAe,SAAO,MACrB,sDAAC,aAAQ,aAAU,UAAU,qBAAW,MAAK,GAC/C;AAAA,SAzGmC,OAAO,IAAI,CA0GhD;AAAA,KACF;AAEJ;AAWA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,UAAU,KAAK,QAAQ,IAAI;AACjC,QAAM,UAAU,KAAK,QAAQ,MAAM,OAAO;AAC1C,QAAM,SAAS,KAAK,QAAQ,MAAM,MAAM;AACxC,SACE,6CAAC,sBAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,gDAAC,0BAAM,SAAS,SAAU,iBAAM;AAAA,IAC/B,QAAQ;AAAA,MACP,IAAI;AAAA,MACJ;AAAA,MACA,qBAAqB,MAAM;AACzB,cAAM,OAAiB,CAAC;AACxB,YAAI,OAAO;AACT,eAAK,KAAK,OAAO;AAAA,QACnB;AACA,YAAI,MAAM;AACR,eAAK,KAAK,MAAM;AAAA,QAClB;AACA,YAAI,KAAK,WAAW,GAAG;AACrB,iBAAO;AAAA,QACT;AACA,eAAO,KAAK,KAAK,GAAG;AAAA,MACtB,GAAG;AAAA,MACH,gBAAgB,CAAC,CAAC,SAAS;AAAA,MAC3B,UAAU,YAAY;AAAA,MACtB,UAAU,YAAY;AAAA,IACxB,CAAC;AAAA,IAEA,QACC,4CAAC,sBAAK,OAAM,OAAM,MAAK,KAAI,IAAI,SAC5B,iBACH,IACE;AAAA,IACH,OACC,4CAAC,sBAAK,OAAM,QAAO,MAAK,KAAI,IAAI,QAAQ,IAAG,KACxC,gBACH,IACE;AAAA,KACN;AAEJ;AAEA,SAAS,QAAQ,OAAiB;AAChC,SAAO,MAAM,KAAK,GAAG;AACvB;AAEA,SAAS,cAAc,YAAqB;AAC1C,QAAM,aAAa;AAAA,IACjB,MAAM;AAAA,IACN,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAEA,MAAI,YAAY;AACd,QAAI,KAAC,0BAAY,UAAU,GAAG;AAC5B,aAAO;AAAA,QACL,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,IACF;AAEA,YAAQ,WAAW,QAAQ,YAAY,GAAG;AAAA,MACxC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,mBAAW,OAAO,QAAQ,WAAW;AACrC;AAAA,MACF,KAAK;AACH,mBAAW,OAAO,OAAO,WAAW;AACpC;AAAA,MACF;AAEE,mBAAW,OACT;AACF;AAAA,IACJ;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,yBAAyB,UAAkB,YAAqB;AACvE,QAAM,UAAU,MAAM;AACpB,UAAM,cAAc,cAAc,UAAU,EAAE;AAC9C,eAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,WAAW,GAAG;AACvD,UAAI,OAAO;AACT,cAAM,eAAe,SAAS,eAAe,KAAK,UAAU,IAAI,CAAC;AAIjE,YAAI,cAAc;AAChB,wBAAc,MAAM;AACpB,cAAI,YAAY,cAAc;AAC5B,yBAAa,OAAO;AAAA,UACtB;AAAA,QACF;AACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,UAAU,CAAC;AAC3B;AAEA,SAAS,eAAe,OAAqB;AAC3C,SAAO,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,KAAK,MAAM,CAAC;AACtD;","names":["import_elements","selectedRole"]}

package/dist/cjs/lib/invite-user-dialog.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface InviteUserDialogProps {
+    children?: React.ReactNode;
+}
+declare function InviteUserDialog({ children }: InviteUserDialogProps): react_jsx_runtime.JSX.Element;
+
+export { InviteUserDialog };