@workos-inc/widgets 1.4.2 → 1.5.0

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

@@ -0,0 +1,101 @@
+"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 users_search_exports = {};
+__export(users_search_exports, {
+  UsersSearch: () => UsersSearch
+});
+module.exports = __toCommonJS(users_search_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_compose_refs = require("@radix-ui/react-compose-refs");
+var import_react_icons = require("@radix-ui/react-icons");
+var import_themes = require("@radix-ui/themes");
+var import_clsx = __toESM(require("clsx"), 1);
+var React = __toESM(require("react"), 1);
+var import_use_debounce = require("use-debounce");
+var import_elements = require("./elements.js");
+var import_search_provider = require("./search-provider.js");
+var import_users_management_context = require("./users-management-context.js");
+var import_utils = require("./utils.js");
+const UsersSearch = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { inputRef, clearSearch, searchValue, setSearchValue } = (0, import_search_provider.useSearchContext)();
+    const { dispatch } = (0, import_users_management_context.useUsersManagementContext)();
+    const filter = (0, import_use_debounce.useDebouncedCallback)((value) => {
+      dispatch({ type: "FILTER_BY_SEARCH", searchQuery: value });
+    }, 200);
+    const resetSearch = () => {
+      clearSearch();
+      filter.cancel();
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_elements.TextField,
+      {
+        ref: (0, import_react_compose_refs.useComposedRefs)(inputRef, ref),
+        className: (0, import_clsx.default)((0, import_utils.namespaceClassNames)("users-search"), className),
+        autoComplete: "off",
+        placeholder: "Search by name or e-mail",
+        value: searchValue,
+        onChange: (event) => {
+          const value = event.target.value;
+          setSearchValue(value);
+          filter(value);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Escape") {
+            event.preventDefault();
+            resetSearch();
+          }
+        },
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.TextFieldSlot, { side: "left", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.MagnifyingGlassIcon, { "aria-hidden": "true", height: "16", width: "16" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.TextFieldSlot, { side: "right", children: searchValue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_themes.IconButton,
+            {
+              size: "1",
+              color: "gray",
+              variant: "ghost",
+              radius: "full",
+              onClick: resetSearch,
+              "aria-label": "Clear search",
+              title: "Clear search",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.Cross2Icon, { "aria-hidden": "true" })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UsersSearch
+});
+//# sourceMappingURL=users-search.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/users-search.tsx"],"sourcesContent":["\"use client\";\n\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Cross2Icon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { IconButton } from \"@radix-ui/themes\";\nimport cx from \"clsx\";\nimport * as React from \"react\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport { TextField, TextFieldSlot } from \"./elements.js\";\nimport { useSearchContext } from \"./search-provider.js\";\nimport { useUsersManagementContext } from \"./users-management-context.js\";\nimport { namespaceClassNames } from \"./utils.js\";\n\ntype UsersSearchProps = React.ComponentPropsWithoutRef<typeof TextField>;\n\nexport const UsersSearch = React.forwardRef<HTMLInputElement, UsersSearchProps>(\n  ({ className, ...props }, ref) => {\n    const { inputRef, clearSearch, searchValue, setSearchValue } =\n      useSearchContext();\n    const { dispatch } = useUsersManagementContext();\n\n    const filter = useDebouncedCallback((value) => {\n      dispatch({ type: \"FILTER_BY_SEARCH\", searchQuery: value });\n    }, 200);\n\n    const resetSearch = () => {\n      clearSearch();\n      filter.cancel();\n    };\n\n    return (\n      <TextField\n        ref={useComposedRefs(inputRef, ref)}\n        className={cx(namespaceClassNames(\"users-search\"), className)}\n        autoComplete=\"off\"\n        placeholder=\"Search by name or e-mail\"\n        value={searchValue}\n        onChange={(event) => {\n          const value = event.target.value;\n          setSearchValue(value);\n          filter(value);\n        }}\n        onKeyDown={(event) => {\n          if (event.key === \"Escape\") {\n            event.preventDefault();\n            resetSearch();\n          }\n        }}\n        {...props}\n      >\n        <TextFieldSlot side=\"left\">\n          <MagnifyingGlassIcon aria-hidden=\"true\" height=\"16\" width=\"16\" />\n        </TextFieldSlot>\n\n        <TextFieldSlot side=\"right\">\n          {searchValue && (\n            <IconButton\n              size=\"1\"\n              color=\"gray\"\n              variant=\"ghost\"\n              radius=\"full\"\n              onClick={resetSearch}\n              aria-label=\"Clear search\"\n              title=\"Clear search\"\n            >\n              <Cross2Icon aria-hidden=\"true\" />\n            </IconButton>\n          )}\n        </TextFieldSlot>\n      </TextField>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BM;AA7BN,gCAAgC;AAChC,yBAAgD;AAChD,oBAA2B;AAC3B,kBAAe;AACf,YAAuB;AACvB,0BAAqC;AACrC,sBAAyC;AACzC,6BAAiC;AACjC,sCAA0C;AAC1C,mBAAoC;AAI7B,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,UAAM,EAAE,UAAU,aAAa,aAAa,eAAe,QACzD,yCAAiB;AACnB,UAAM,EAAE,SAAS,QAAI,2DAA0B;AAE/C,UAAM,aAAS,0CAAqB,CAAC,UAAU;AAC7C,eAAS,EAAE,MAAM,oBAAoB,aAAa,MAAM,CAAC;AAAA,IAC3D,GAAG,GAAG;AAEN,UAAM,cAAc,MAAM;AACxB,kBAAY;AACZ,aAAO,OAAO;AAAA,IAChB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAK,2CAAgB,UAAU,GAAG;AAAA,QAClC,eAAW,YAAAA,aAAG,kCAAoB,cAAc,GAAG,SAAS;AAAA,QAC5D,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,UAAU;AACnB,gBAAM,QAAQ,MAAM,OAAO;AAC3B,yBAAe,KAAK;AACpB,iBAAO,KAAK;AAAA,QACd;AAAA,QACA,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,UAAU;AAC1B,kBAAM,eAAe;AACrB,wBAAY;AAAA,UACd;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,sDAAC,iCAAc,MAAK,QAClB,sDAAC,0CAAoB,eAAY,QAAO,QAAO,MAAK,OAAM,MAAK,GACjE;AAAA,UAEA,4CAAC,iCAAc,MAAK,SACjB,yBACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,QAAO;AAAA,cACP,SAAS;AAAA,cACT,cAAW;AAAA,cACX,OAAM;AAAA,cAEN,sDAAC,iCAAW,eAAY,QAAO;AAAA;AAAA,UACjC,GAEJ;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":["cx"]}

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

@@ -0,0 +1,6 @@
+import * as _radix_ui_themes_components_text_field from '@radix-ui/themes/components/text-field';
+import * as React from 'react';
+
+declare const UsersSearch: React.ForwardRefExoticComponent<Omit<_radix_ui_themes_components_text_field.RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+export { UsersSearch };

package/dist/cjs/lib/utils.cjs

@@ -0,0 +1,148 @@
+"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 utils_exports = {};
+__export(utils_exports, {
+  canUseDOM: () => canUseDOM,
+  getBestName: () => getBestName,
+  getComparativeReadableDate: () => getComparativeReadableDate,
+  getUserLocation: () => getUserLocation,
+  isErrorLike: () => isErrorLike,
+  isObjectLike: () => isObjectLike,
+  namespaceClassNames: () => namespaceClassNames,
+  parseErrorResponse: () => parseErrorResponse,
+  parseUserAgent: () => parseUserAgent,
+  pluralize: () => pluralize,
+  unreachable: () => unreachable
+});
+module.exports = __toCommonJS(utils_exports);
+var import_bowser = __toESM(require("bowser"), 1);
+var import_constants = require("./constants.js");
+const canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+function getBestName({
+  firstName,
+  lastName
+}) {
+  return [firstName, lastName].filter(Boolean).join(" ") || null;
+}
+function getComparativeReadableDate(now, then, options) {
+  const timeSince = now.getTime() - then.getTime();
+  if (timeSince < 6e4) {
+    return "Just now";
+  }
+  if (timeSince < 36e5) {
+    const timePassed = Math.floor(timeSince / 6e4);
+    return timePassed === 1 ? "1 minute ago" : `${timePassed} minutes ago`;
+  }
+  if (timeSince < 864e5) {
+    const timePassed = Math.floor(timeSince / 36e5);
+    return timePassed === 1 ? "1 hour ago" : `${timePassed} hours ago`;
+  }
+  if (timeSince < 6048e5) {
+    const timePassed = Math.floor(timeSince / 864e5);
+    return timePassed === 1 ? "1 day ago" : `${timePassed} days ago`;
+  }
+  if (timeSince < 2592e6) {
+    const timePassed = Math.floor(timeSince / 6048e5);
+    return timePassed === 1 ? "1 week ago" : `${timePassed} weeks ago`;
+  }
+  return then.toLocaleDateString("en-US", {
+    timeZone: options?.timeZone,
+    month: "long",
+    day: "numeric",
+    // omit year if it's the same as the current year
+    year: now.getFullYear() !== then.getFullYear() ? "numeric" : void 0
+  });
+}
+function isObjectLike(value) {
+  return typeof value === "object" && value !== null;
+}
+function isErrorLike(value) {
+  return isObjectLike(value) && typeof value.message === "string";
+}
+async function parseErrorResponse(response) {
+  try {
+    const json = await response.json();
+    if (!isObjectLike(json) || typeof json.message !== "string") {
+      return {
+        status: response.status,
+        message: response.statusText
+      };
+    }
+    return {
+      ...json,
+      status: response.status,
+      message: json.message || response.statusText
+    };
+  } catch {
+    return {
+      status: response.status,
+      message: response.statusText
+    };
+  }
+}
+function namespaceClassNames(...classNames) {
+  return classNames.map((className) => `${import_constants.WIDGETS_CLASS_NAMESPACE}-${className}`).join(" ");
+}
+function parseUserAgent(userAgent) {
+  const browser = import_bowser.default.getParser(userAgent ?? "");
+  const browserName = browser.getBrowserName().replace(/^Mobile\s*/i, "");
+  const osName = browser.getOSName();
+  const pretty = [browserName, osName].filter(Boolean).join(" on ");
+  return { pretty, isMobile: browser.getPlatformType() === "mobile" };
+}
+function getUserLocation(location, ipAddress) {
+  if (location) {
+    return [location.cityName, location.countryISOCode].filter(Boolean).join(", ") || "Unknown location";
+  }
+  if (ipAddress) {
+    return ipAddress;
+  }
+  return "Unknown location";
+}
+function unreachable(value) {
+  throw new TypeError(`Unreachable code: ${value}`);
+}
+function pluralize(word = "", amount = 0, showAmount = true) {
+  return `${showAmount ? `${amount} ` : ""}${word}${amount === 1 ? "" : "s"}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  canUseDOM,
+  getBestName,
+  getComparativeReadableDate,
+  getUserLocation,
+  isErrorLike,
+  isObjectLike,
+  namespaceClassNames,
+  parseErrorResponse,
+  parseUserAgent,
+  pluralize,
+  unreachable
+});
+//# sourceMappingURL=utils.cjs.map

package/dist/cjs/lib/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { Member } from \"../api/endpoint.js\";\nimport Bowser from \"bowser\";\nimport { WIDGETS_CLASS_NAMESPACE } from \"./constants.js\";\n\nexport const canUseDOM = !!(\n  typeof window !== \"undefined\" &&\n  window.document &&\n  window.document.createElement\n);\n\nexport function getBestName({\n  firstName,\n  lastName,\n}: Pick<Member, \"firstName\" | \"lastName\">) {\n  return [firstName, lastName].filter(Boolean).join(\" \") || null;\n}\n\nexport function getComparativeReadableDate(\n  now: Date,\n  then: Date,\n  options?: { timeZone?: string },\n): string {\n  const timeSince = now.getTime() - then.getTime();\n\n  // Has it been less than a minute?\n  if (timeSince < 60_000) {\n    return \"Just now\";\n  }\n\n  // Has it been less than an hour?\n  if (timeSince < 3_600_000) {\n    const timePassed = Math.floor(timeSince / 60_000);\n    return timePassed === 1 ? \"1 minute ago\" : `${timePassed} minutes ago`;\n  }\n\n  // Has it been less than a day?\n  if (timeSince < 86_400_000) {\n    const timePassed = Math.floor(timeSince / 3_600_000);\n    return timePassed === 1 ? \"1 hour ago\" : `${timePassed} hours ago`;\n  }\n\n  // Has it been less than a week?\n  if (timeSince < 604_800_000) {\n    const timePassed = Math.floor(timeSince / 86_400_000);\n    return timePassed === 1 ? \"1 day ago\" : `${timePassed} days ago`;\n  }\n\n  // Has it been less than a month?\n  if (timeSince < 2_592_000_000) {\n    const timePassed = Math.floor(timeSince / 604_800_000);\n    return timePassed === 1 ? \"1 week ago\" : `${timePassed} weeks ago`;\n  }\n\n  // Any later?\n  return then.toLocaleDateString(\"en-US\", {\n    timeZone: options?.timeZone,\n    month: \"long\",\n    day: \"numeric\",\n    // omit year if it's the same as the current year\n    year: now.getFullYear() !== then.getFullYear() ? \"numeric\" : undefined,\n  });\n}\n\nexport function isObjectLike(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null;\n}\n\nexport function isErrorLike(\n  value: unknown,\n): value is Record<string, unknown> & { message: string } {\n  return isObjectLike(value) && typeof value.message === \"string\";\n}\n\nexport async function parseErrorResponse(\n  response: Response,\n): Promise<{ message: string; status: number }> {\n  try {\n    const json = await response.json();\n    if (!isObjectLike(json) || typeof json.message !== \"string\") {\n      return {\n        status: response.status,\n        message: response.statusText,\n      };\n    }\n    return {\n      ...json,\n      status: response.status,\n      message: json.message || response.statusText,\n    };\n  } catch {\n    return {\n      status: response.status,\n      message: response.statusText,\n    };\n  }\n}\n\nexport function namespaceClassNames(className: string): string;\nexport function namespaceClassNames(...classNames: string[]): string;\nexport function namespaceClassNames(...classNames: string[]): string {\n  return classNames\n    .map((className) => `${WIDGETS_CLASS_NAMESPACE}-${className}`)\n    .join(\" \");\n}\n\nexport function parseUserAgent(userAgent?: string | null) {\n  const browser = Bowser.getParser(userAgent ?? \"\");\n  const browserName = browser.getBrowserName().replace(/^Mobile\\s*/i, \"\");\n  const osName = browser.getOSName();\n  const pretty = [browserName, osName].filter(Boolean).join(\" on \");\n\n  return { pretty, isMobile: browser.getPlatformType() === \"mobile\" };\n}\n\nexport function getUserLocation(\n  location?: {\n    cityName: string;\n    countryISOCode: string;\n  } | null,\n  ipAddress?: string | null,\n) {\n  if (location) {\n    return (\n      [location.cityName, location.countryISOCode].filter(Boolean).join(\", \") ||\n      \"Unknown location\"\n    );\n  }\n\n  if (ipAddress) {\n    return ipAddress;\n  }\n\n  return \"Unknown location\";\n}\n\nexport function unreachable(value: never): never {\n  throw new TypeError(`Unreachable code: ${value}`);\n}\n\nexport function pluralize(word = \"\", amount = 0, showAmount = true): string {\n  return `${showAmount ? `${amount} ` : \"\"}${word}${amount === 1 ? \"\" : \"s\"}`;\n}\n"],"mappings":"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","names":["Bowser"]}

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

@@ -0,0 +1,31 @@
+import { Member } from '../api/endpoint.cjs';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.cjs';
+
+declare const canUseDOM: boolean;
+declare function getBestName({ firstName, lastName, }: Pick<Member, "firstName" | "lastName">): string | null;
+declare function getComparativeReadableDate(now: Date, then: Date, options?: {
+    timeZone?: string;
+}): string;
+declare function isObjectLike(value: unknown): value is Record<string, unknown>;
+declare function isErrorLike(value: unknown): value is Record<string, unknown> & {
+    message: string;
+};
+declare function parseErrorResponse(response: Response): Promise<{
+    message: string;
+    status: number;
+}>;
+declare function namespaceClassNames(className: string): string;
+declare function namespaceClassNames(...classNames: string[]): string;
+declare function parseUserAgent(userAgent?: string | null): {
+    pretty: string;
+    isMobile: boolean;
+};
+declare function getUserLocation(location?: {
+    cityName: string;
+    countryISOCode: string;
+} | null, ipAddress?: string | null): string;
+declare function unreachable(value: never): never;
+declare function pluralize(word?: string, amount?: number, showAmount?: boolean): string;
+
+export { canUseDOM, getBestName, getComparativeReadableDate, getUserLocation, isErrorLike, isObjectLike, namespaceClassNames, parseErrorResponse, parseUserAgent, pluralize, unreachable };

package/dist/cjs/lib/view-dns-record-dialog.cjs

@@ -0,0 +1,101 @@
+"use strict";
+"use client";
+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 view_dns_record_dialog_exports = {};
+__export(view_dns_record_dialog_exports, {
+  ViewDnsRecordDialog: () => ViewDnsRecordDialog
+});
+module.exports = __toCommonJS(view_dns_record_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_themes = require("@radix-ui/themes");
+var import_name_server_icon = require("./name-server-icon.js");
+var import_icon_panel = require("./icon-panel.js");
+var import_copy_button = require("./copy-button.js");
+const ViewDnsRecordDialog = (props) => {
+  const isFailed = props.domain.state === "Failed";
+  const handleRestartVerification = () => {
+    props.onReverifyDomain(props.domain.id);
+    props.onOpenChange(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Dialog.Root, { open: props.open, onOpenChange: props.onOpenChange, children: [
+    props.children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Trigger, { children: props.children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Dialog.Content, { style: { maxWidth: "530px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Box, { mb: "5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Title, { size: "5", mb: "2", children: isFailed ? "Restart verification" : "View DNS record" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", highContrast: true, children: isFailed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          "The domain ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: props.domain.domain }),
+          " will be automatically verified once the following DNS record is detected. Use a tool like ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Link, { href: "https://dnschecker.org/", children: "DNSChecker" }),
+          " to check the domain's record for any mistakes."
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          "The domain ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: props.domain.domain }),
+          " will be automatically verified once the following DNS record is detected."
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DnsRecordCard, { domain: props.domain }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { justify: "end", gap: "2", mt: "5", children: isFailed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Button, { variant: "outline", color: "gray", children: "Close" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Button, { variant: "solid", onClick: handleRestartVerification, children: "Restart verification" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Button, { variant: "solid", children: "Close" }) }) })
+    ] })
+  ] });
+};
+const DnsRecordCard = (props) => {
+  const verificationContent = `${props.domain.verificationPrefix ?? "verification_token"}=${props.domain.verificationToken}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Card, { size: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { gap: "2", align: "center", mb: "4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_icon_panel.IconPanel,
+        {
+          color: props.domain.nameServer === "Other" ? "gray" : "panel",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_name_server_icon.NameServerIcon, { provider: props.domain.nameServer })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: props.domain.domain })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_themes.Grid,
+      {
+        gap: "4",
+        style: {
+          alignItems: "start",
+          gridTemplateColumns: "146px 1fr"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { color: "gray", weight: "medium", size: "2", children: "Type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", children: "TXT" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { color: "gray", weight: "medium", size: "2", children: "Host / Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", children: props.domain.subdomain || "@" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { color: "gray", weight: "medium", size: "2", children: "Value" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { gap: "2", align: "start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Code, { size: "2", variant: "ghost", children: verificationContent }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_copy_button.CopyButton, { value: verificationContent, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.IconButton, { variant: "ghost", size: "1", color: "gray" }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ViewDnsRecordDialog
+});
+//# sourceMappingURL=view-dns-record-dialog.cjs.map

package/dist/cjs/lib/view-dns-record-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/view-dns-record-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Box,\n  Button,\n  Card,\n  Dialog,\n  Flex,\n  IconButton,\n  Text,\n  Grid,\n  Link,\n  Code,\n} from \"@radix-ui/themes\";\nimport { OrganizationDomain } from \"../api/endpoint.js\";\nimport { NameServerIcon } from \"./name-server-icon.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport { CopyButton } from \"./copy-button.js\";\n\ninterface ViewDnsRecordDialogProps {\n  children?: React.ReactNode;\n  domain: OrganizationDomain;\n  onReverifyDomain: (domainId: string) => void;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const ViewDnsRecordDialog = (props: ViewDnsRecordDialogProps) => {\n  const isFailed = props.domain.state === \"Failed\";\n\n  const handleRestartVerification = () => {\n    props.onReverifyDomain(props.domain.id);\n    props.onOpenChange(false);\n  };\n\n  return (\n    <Dialog.Root open={props.open} onOpenChange={props.onOpenChange}>\n      {props.children && <Dialog.Trigger>{props.children}</Dialog.Trigger>}\n      <Dialog.Content style={{ maxWidth: \"530px\" }}>\n        <Box mb=\"5\">\n          <Dialog.Title size=\"5\" mb=\"2\">\n            {isFailed ? \"Restart verification\" : \"View DNS record\"}\n          </Dialog.Title>\n          <Text size=\"2\" highContrast>\n            {isFailed ? (\n              <>\n                The domain <b>{props.domain.domain}</b> will be automatically\n                verified once the following DNS record is detected. Use a tool\n                like <Link href=\"https://dnschecker.org/\">DNSChecker</Link> to\n                check the domain's record for any mistakes.\n              </>\n            ) : (\n              <>\n                The domain <b>{props.domain.domain}</b> will be automatically\n                verified once the following DNS record is detected.\n              </>\n            )}\n          </Text>\n        </Box>\n\n        <DnsRecordCard domain={props.domain} />\n        <Flex justify=\"end\" gap=\"2\" mt=\"5\">\n          {isFailed ? (\n            <>\n              <Dialog.Close>\n                <Button variant=\"outline\" color=\"gray\">\n                  Close\n                </Button>\n              </Dialog.Close>\n              <Button variant=\"solid\" onClick={handleRestartVerification}>\n                Restart verification\n              </Button>\n            </>\n          ) : (\n            <Dialog.Close>\n              <Button variant=\"solid\">Close</Button>\n            </Dialog.Close>\n          )}\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nconst DnsRecordCard = (props: { domain: OrganizationDomain }) => {\n  const verificationContent = `${props.domain.verificationPrefix ?? \"verification_token\"}=${props.domain.verificationToken}`;\n  return (\n    <Card size=\"2\">\n      <Flex gap=\"2\" align=\"center\" mb=\"4\">\n        <IconPanel\n          color={props.domain.nameServer === \"Other\" ? \"gray\" : \"panel\"}\n        >\n          <NameServerIcon provider={props.domain.nameServer} />\n        </IconPanel>\n\n        <Text size=\"2\" highContrast weight=\"bold\" as=\"p\" mb=\"-2px\">\n          {props.domain.domain}\n        </Text>\n      </Flex>\n      <Grid\n        gap=\"4\"\n        style={{\n          alignItems: \"start\",\n          gridTemplateColumns: \"146px 1fr\",\n        }}\n      >\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          Type\n        </Text>\n        <Text size=\"2\">TXT</Text>\n\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          Host / Name\n        </Text>\n        <Text size=\"2\">{props.domain.subdomain || \"@\"}</Text>\n\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          Value\n        </Text>\n        <Flex gap=\"2\" align=\"start\">\n          <Code size=\"2\" variant=\"ghost\">\n            {verificationContent}\n          </Code>\n          <CopyButton value={verificationContent} asChild>\n            <IconButton variant=\"ghost\" size=\"1\" color=\"gray\"></IconButton>\n          </CopyButton>\n        </Flex>\n      </Grid>\n    </Card>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/cjs/lib/view-dns-record-dialog.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { OrganizationDomain } from '../api/endpoint.cjs';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.cjs';
+
+interface ViewDnsRecordDialogProps {
+    children?: React.ReactNode;
+    domain: OrganizationDomain;
+    onReverifyDomain: (domainId: string) => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+declare const ViewDnsRecordDialog: (props: ViewDnsRecordDialogProps) => react_jsx_runtime.JSX.Element;
+
+export { ViewDnsRecordDialog };

package/dist/cjs/lib/widgets-context.cjs

@@ -0,0 +1,59 @@
+"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 widgets_context_exports = {};
+__export(widgets_context_exports, {
+  WidgetsContext: () => WidgetsContext,
+  useElement: () => useElement,
+  useWorkOsApiUrl: () => useWorkOsApiUrl
+});
+module.exports = __toCommonJS(widgets_context_exports);
+var React = __toESM(require("react"), 1);
+var import_config = require("./api/config.js");
+const WidgetsContext = React.createContext(
+  void 0
+);
+WidgetsContext.displayName = "WidgetsContext";
+function useWorkOsApiUrl() {
+  const context = React.useContext(WidgetsContext);
+  return context?.apiBaseUrl || `https://${import_config.DEFAULT_API_HOSTNAME}`;
+}
+function useElement(key) {
+  const context = React.useContext(WidgetsContext);
+  if (!context) {
+    throw new Error("useElement must be used within a WidgetsContext provider");
+  }
+  return context.elements[key] || {};
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WidgetsContext,
+  useElement,
+  useWorkOsApiUrl
+});
+//# sourceMappingURL=widgets-context.cjs.map

package/dist/cjs/lib/widgets-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/widgets-context.ts"],"sourcesContent":["import * as React from \"react\";\nimport { DEFAULT_API_HOSTNAME } from \"./api/config.js\";\nimport type { Elements } from \"./elements.js\";\n\nexport interface WidgetsContextType {\n  elements: Elements;\n  apiBaseUrl: string;\n}\n\nconst WidgetsContext = React.createContext<WidgetsContextType | undefined>(\n  undefined,\n);\nWidgetsContext.displayName = \"WidgetsContext\";\nexport { WidgetsContext };\n\nexport function useWorkOsApiUrl() {\n  const context = React.useContext(WidgetsContext);\n  return context?.apiBaseUrl || `https://${DEFAULT_API_HOSTNAME}`;\n}\n\nexport function useElement<K extends keyof Elements>(\n  key: K,\n): NonNullable<Elements[K]> {\n  const context = React.useContext(WidgetsContext);\n  if (!context) {\n    throw new Error(\"useElement must be used within a WidgetsContext provider\");\n  }\n  return context.elements[key] || {};\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,oBAAqC;AAQrC,MAAM,iBAAiB,MAAM;AAAA,EAC3B;AACF;AACA,eAAe,cAAc;AAGtB,SAAS,kBAAkB;AAChC,QAAM,UAAU,MAAM,WAAW,cAAc;AAC/C,SAAO,SAAS,cAAc,WAAW,kCAAoB;AAC/D;AAEO,SAAS,WACd,KAC0B;AAC1B,QAAM,UAAU,MAAM,WAAW,cAAc;AAC/C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC5E;AACA,SAAO,QAAQ,SAAS,GAAG,KAAK,CAAC;AACnC;","names":[]}

package/dist/cjs/lib/widgets-context.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Elements } from './elements.cjs';
+import '@radix-ui/themes';
+import '@radix-ui/themes/props';
+
+interface WidgetsContextType {
+    elements: Elements;
+    apiBaseUrl: string;
+}
+declare const WidgetsContext: React.Context<WidgetsContextType | undefined>;
+
+declare function useWorkOsApiUrl(): string;
+declare function useElement<K extends keyof Elements>(key: K): NonNullable<Elements[K]>;
+
+export { WidgetsContext, type WidgetsContextType, useElement, useWorkOsApiUrl };

package/dist/cjs/organization-switcher.client.cjs

@@ -0,0 +1,81 @@
+"use strict";
+"use client";
+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 organization_switcher_client_exports = {};
+__export(organization_switcher_client_exports, {
+  OrganizationSwitcher: () => OrganizationSwitcher,
+  OrganizationSwitcherLoading: () => import_organization_switcher.OrganizationSwitcherLoading
+});
+module.exports = __toCommonJS(organization_switcher_client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_api_provider = require("./api/api-provider.js");
+var import_endpoint = require("./api/endpoint.js");
+var import_error_boundary = require("./lib/error-boundary.js");
+var import_use_is_hydrated = require("./lib/use-is-hydrated.js");
+var import_organization_switcher = require("./lib/organization-switcher.js");
+var import_widgets_context = require("./lib/widgets-context.js");
+var import_react_query = require("@tanstack/react-query");
+const OrganizationSwitcher = ({
+  authToken,
+  ...passthroughProps
+}) => {
+  const baseUrl = (0, import_widgets_context.useWorkOsApiUrl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { FallbackComponent: import_organization_switcher.OrganizationSwitcherError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_api_provider.ApiProvider,
+    {
+      widgetType: "organization-switcher",
+      authToken,
+      baseUrl,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OrganizationSwitcherContent, { ...passthroughProps })
+    }
+  ) });
+};
+const emptyOrganizations = [];
+const OrganizationSwitcherContent = ({
+  variant,
+  ...rest
+}) => {
+  const isHydrated = (0, import_use_is_hydrated.useIsHydrated)();
+  const organizationsQuery = (0, import_endpoint.useOrganizations)({
+    query: {
+      placeholderData: import_react_query.keepPreviousData
+    }
+  });
+  const organizations = organizationsQuery.data?.data ?? emptyOrganizations;
+  if (organizationsQuery.isLoading || // render loading state on the server to prevent FOUC or hydration mismatch
+  !isHydrated) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_organization_switcher.OrganizationSwitcherLoading, {});
+  }
+  if (organizationsQuery.isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_organization_switcher.OrganizationSwitcherError, { error: organizationsQuery.error });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { FallbackComponent: import_organization_switcher.OrganizationSwitcherError, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_organization_switcher.OrganizationSwitcher,
+    {
+      organizations,
+      ...rest
+    }
+  ) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrganizationSwitcher,
+  OrganizationSwitcherLoading
+});
+//# sourceMappingURL=organization-switcher.client.cjs.map

package/dist/cjs/organization-switcher.client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/organization-switcher.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport { OrganizationInfo, useOrganizations } from \"./api/endpoint.js\";\nimport * as React from \"react\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport {\n  OrganizationSwitcherError,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcherPassthroughProps,\n  OrganizationSwitcher as OrganizationSwitcherPresentational,\n} from \"./lib/organization-switcher.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { keepPreviousData } from \"@tanstack/react-query\";\n\nexport interface OrganizationSwitcherProps\n  extends OrganizationSwitcherPassthroughProps {\n  authToken: AuthToken;\n}\n\nexport const OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({\n  authToken,\n  ...passthroughProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary FallbackComponent={OrganizationSwitcherError}>\n      <ApiProvider\n        widgetType=\"organization-switcher\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <OrganizationSwitcherContent {...passthroughProps} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\nexport { OrganizationSwitcherLoading };\n\n// Constant reference to avoid unnecessary prop changes\nconst emptyOrganizations: OrganizationInfo[] = [];\n\nconst OrganizationSwitcherContent = ({\n  variant,\n  ...rest\n}: OrganizationSwitcherPassthroughProps) => {\n  const isHydrated = useIsHydrated();\n  const organizationsQuery = useOrganizations({\n    query: {\n      placeholderData: keepPreviousData,\n    },\n  });\n\n  const organizations = organizationsQuery.data?.data ?? emptyOrganizations;\n\n  if (\n    organizationsQuery.isLoading ||\n    // render loading state on the server to prevent FOUC or hydration mismatch\n    !isHydrated\n  ) {\n    return <OrganizationSwitcherLoading />;\n  }\n\n  if (organizationsQuery.isError) {\n    return <OrganizationSwitcherError error={organizationsQuery.error} />;\n  }\n\n  return (\n    <ErrorBoundary FallbackComponent={OrganizationSwitcherError}>\n      <OrganizationSwitcherPresentational\n        organizations={organizations}\n        {...rest}\n      />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCQ;AAhCR,0BAAuC;AACvC,sBAAmD;AAEnD,4BAA8B;AAC9B,6BAA8B;AAC9B,mCAKO;AACP,6BAAgC;AAChC,yBAAiC;AAO1B,MAAM,uBAA4D,CAAC;AAAA,EACxE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE,4CAAC,uCAAc,mBAAmB,wDAChC;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,sDAAC,+BAA6B,GAAG,kBAAkB;AAAA;AAAA,EACrD,GACF;AAEJ;AAKA,MAAM,qBAAyC,CAAC;AAEhD,MAAM,8BAA8B,CAAC;AAAA,EACnC;AAAA,EACA,GAAG;AACL,MAA4C;AAC1C,QAAM,iBAAa,sCAAc;AACjC,QAAM,yBAAqB,kCAAiB;AAAA,IAC1C,OAAO;AAAA,MACL,iBAAiB;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,mBAAmB,MAAM,QAAQ;AAEvD,MACE,mBAAmB;AAAA,EAEnB,CAAC,YACD;AACA,WAAO,4CAAC,4DAA4B;AAAA,EACtC;AAEA,MAAI,mBAAmB,SAAS;AAC9B,WAAO,4CAAC,0DAA0B,OAAO,mBAAmB,OAAO;AAAA,EACrE;AAEA,SACE,4CAAC,uCAAc,mBAAmB,wDAChC;AAAA,IAAC,6BAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;","names":["OrganizationSwitcherPresentational"]}

package/dist/cjs/organization-switcher.client.d.cts

@@ -0,0 +1,15 @@
+import { AuthToken } from './api/api-provider.cjs';
+import * as React from 'react';
+import { OrganizationSwitcherPassthroughProps } from './lib/organization-switcher.cjs';
+export { OrganizationSwitcherLoading } from './lib/organization-switcher.cjs';
+import 'react/jsx-runtime';
+import './api/endpoint.cjs';
+import '@tanstack/react-query';
+import './api/widgets-api-client.cjs';
+
+interface OrganizationSwitcherProps extends OrganizationSwitcherPassthroughProps {
+    authToken: AuthToken;
+}
+declare const OrganizationSwitcher: React.FC<OrganizationSwitcherProps>;
+
+export { OrganizationSwitcher, type OrganizationSwitcherProps };