@workos-inc/widgets 1.4.2 → 1.5.1

package/dist/esm/lib/view-dns-record-dialog.js

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

package/dist/esm/lib/view-dns-record-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"view-dns-record-dialog.js","sourceRoot":"","sources":["../../../src/lib/view-dns-record-dialog.tsx"],"names":[],"mappings":"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"}
+{"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/esm/lib/widgets-context.d.ts

@@ -1,11 +1,15 @@
-import * as React from "react";
-import type { Elements } from "./elements.js";
-export interface WidgetsContextType {
+import * as React from 'react';
+import { Elements } from './elements.js';
+import '@radix-ui/themes';
+import '@radix-ui/themes/props';
+
+interface WidgetsContextType {
     elements: Elements;
     apiBaseUrl: string;
 }
 declare const WidgetsContext: React.Context<WidgetsContextType | undefined>;
-export { WidgetsContext };
-export declare function useWorkOsApiUrl(): string;
-export declare function useElement<K extends keyof Elements>(key: K): NonNullable<Elements[K]>;
-//# sourceMappingURL=widgets-context.d.ts.map
+
+declare function useWorkOsApiUrl(): string;
+declare function useElement<K extends keyof Elements>(key: K): NonNullable<Elements[K]>;
+
+export { WidgetsContext, type WidgetsContextType, useElement, useWorkOsApiUrl };

package/dist/esm/lib/widgets-context.js

@@ -1,17 +1,23 @@
 import * as React from "react";
 import { DEFAULT_API_HOSTNAME } from "./api/config.js";
-const WidgetsContext = React.createContext(undefined);
+const WidgetsContext = React.createContext(
+  void 0
+);
 WidgetsContext.displayName = "WidgetsContext";
-export { WidgetsContext };
-export function useWorkOsApiUrl() {
-    const context = React.useContext(WidgetsContext);
-    return context?.apiBaseUrl || `https://${DEFAULT_API_HOSTNAME}`;
+function useWorkOsApiUrl() {
+  const context = React.useContext(WidgetsContext);
+  return context?.apiBaseUrl || `https://${DEFAULT_API_HOSTNAME}`;
 }
-export 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] || {};
+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] || {};
 }
+export {
+  WidgetsContext,
+  useElement,
+  useWorkOsApiUrl
+};
 //# sourceMappingURL=widgets-context.js.map

package/dist/esm/lib/widgets-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"widgets-context.js","sourceRoot":"","sources":["../../../src/lib/widgets-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAQvD,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CACxC,SAAS,CACV,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,OAAO,OAAO,EAAE,UAAU,IAAI,WAAW,oBAAoB,EAAE,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,GAAM;IAEN,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;AACrC,CAAC"}
+{"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,YAAY,WAAW;AACvB,SAAS,4BAA4B;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,oBAAoB;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/esm/organization-switcher.client.d.ts

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

package/dist/esm/organization-switcher.client.js

@@ -1,35 +1,58 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ApiProvider } from "./api/api-provider.js";
+import { jsx } from "react/jsx-runtime";
+import { ApiProvider, useApiReady } from "./api/api-provider.js";
 import { useOrganizations } from "./api/endpoint.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
-import { useIsHydrated } from "./lib/use-is-hydrated.js";
-import { OrganizationSwitcherError, OrganizationSwitcherLoading, OrganizationSwitcher as OrganizationSwitcherPresentational, } from "./lib/organization-switcher.js";
+import {
+  OrganizationSwitcherError,
+  OrganizationSwitcherLoading,
+  OrganizationSwitcher as OrganizationSwitcherPresentational
+} from "./lib/organization-switcher.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { keepPreviousData } from "@tanstack/react-query";
-export const OrganizationSwitcher = ({ authToken, ...passthroughProps }) => {
-    const baseUrl = useWorkOsApiUrl();
-    return (_jsx(ErrorBoundary, { FallbackComponent: OrganizationSwitcherError, children: _jsx(ApiProvider, { widgetType: "organization-switcher", authToken: authToken, baseUrl: baseUrl, children: _jsx(OrganizationSwitcherContent, { ...passthroughProps }) }) }));
+const OrganizationSwitcher = ({
+  authToken,
+  ...passthroughProps
+}) => {
+  const baseUrl = useWorkOsApiUrl();
+  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: OrganizationSwitcherError, children: /* @__PURE__ */ jsx(
+    ApiProvider,
+    {
+      widgetType: "organization-switcher",
+      authToken,
+      baseUrl,
+      children: /* @__PURE__ */ jsx(OrganizationSwitcherContent, { ...passthroughProps })
+    }
+  ) });
 };
-export { OrganizationSwitcherLoading };
-// Constant reference to avoid unnecessary prop changes
 const emptyOrganizations = [];
-const OrganizationSwitcherContent = ({ variant, ...rest }) => {
-    const isHydrated = useIsHydrated();
-    const organizationsQuery = useOrganizations({
-        query: {
-            placeholderData: keepPreviousData,
-        },
-    });
-    const organizations = organizationsQuery.data?.data ?? emptyOrganizations;
-    if (organizationsQuery.isLoading ||
-        // render loading state on the server to prevent FOUC or hydration mismatch
-        !isHydrated) {
-        return _jsx(OrganizationSwitcherLoading, {});
+const OrganizationSwitcherContent = ({
+  variant,
+  ...rest
+}) => {
+  const isApiReady = useApiReady();
+  const organizationsQuery = useOrganizations({
+    query: {
+      placeholderData: keepPreviousData
     }
-    if (organizationsQuery.isError) {
-        return _jsx(OrganizationSwitcherError, { error: organizationsQuery.error });
+  });
+  const organizations = organizationsQuery.data?.data ?? emptyOrganizations;
+  if (organizationsQuery.isLoading || !isApiReady) {
+    return /* @__PURE__ */ jsx(OrganizationSwitcherLoading, {});
+  }
+  if (organizationsQuery.isError) {
+    return /* @__PURE__ */ jsx(OrganizationSwitcherError, { error: organizationsQuery.error });
+  }
+  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: OrganizationSwitcherError, children: /* @__PURE__ */ jsx(
+    OrganizationSwitcherPresentational,
+    {
+      organizations,
+      ...rest
     }
-    return (_jsx(ErrorBoundary, { FallbackComponent: OrganizationSwitcherError, children: _jsx(OrganizationSwitcherPresentational, { organizations: organizations, ...rest }) }));
+  ) });
+};
+export {
+  OrganizationSwitcher,
+  OrganizationSwitcherLoading
 };
 //# sourceMappingURL=organization-switcher.client.js.map

package/dist/esm/organization-switcher.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"organization-switcher.client.js","sourceRoot":"","sources":["../../src/organization-switcher.client.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAa,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAoB,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAE3B,oBAAoB,IAAI,kCAAkC,GAC3D,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAOzD,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,SAAS,EACT,GAAG,gBAAgB,EACpB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,aAAa,IAAC,iBAAiB,EAAE,yBAAyB,YACzD,KAAC,WAAW,IACV,UAAU,EAAC,uBAAuB,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,YAEhB,KAAC,2BAA2B,OAAK,gBAAgB,GAAI,GACzC,GACA,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,2BAA2B,EAAE,CAAC;AAEvC,uDAAuD;AACvD,MAAM,kBAAkB,GAAuB,EAAE,CAAC;AAElD,MAAM,2BAA2B,GAAG,CAAC,EACnC,OAAO,EACP,GAAG,IAAI,EAC8B,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;QAC1C,KAAK,EAAE;YACL,eAAe,EAAE,gBAAgB;SAClC;KACF,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,IAAI,kBAAkB,CAAC;IAE1E,IACE,kBAAkB,CAAC,SAAS;QAC5B,2EAA2E;QAC3E,CAAC,UAAU,EACX,CAAC;QACD,OAAO,KAAC,2BAA2B,KAAG,CAAC;IACzC,CAAC;IAED,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;QAC/B,OAAO,KAAC,yBAAyB,IAAC,KAAK,EAAE,kBAAkB,CAAC,KAAK,GAAI,CAAC;IACxE,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IAAC,iBAAiB,EAAE,yBAAyB,YACzD,KAAC,kCAAkC,IACjC,aAAa,EAAE,aAAa,KACxB,IAAI,GACR,GACY,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../src/organization-switcher.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ApiProvider, AuthToken, useApiReady } 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 {\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 isApiReady = useApiReady();\n  const organizationsQuery = useOrganizations({\n    query: {\n      placeholderData: keepPreviousData,\n    },\n  });\n\n  const organizations = organizationsQuery.data?.data ?? emptyOrganizations;\n\n  if (organizationsQuery.isLoading || !isApiReady) {\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":";AAiCQ;AA/BR,SAAS,aAAwB,mBAAmB;AACpD,SAA2B,wBAAwB;AAEnD,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EAEA,wBAAwB;AAAA,OACnB;AACP,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAO1B,MAAM,uBAA4D,CAAC;AAAA,EACxE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,gBAAgB;AAEhC,SACE,oBAAC,iBAAc,mBAAmB,2BAChC;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,8BAAC,+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,aAAa,YAAY;AAC/B,QAAM,qBAAqB,iBAAiB;AAAA,IAC1C,OAAO;AAAA,MACL,iBAAiB;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,mBAAmB,MAAM,QAAQ;AAEvD,MAAI,mBAAmB,aAAa,CAAC,YAAY;AAC/C,WAAO,oBAAC,+BAA4B;AAAA,EACtC;AAEA,MAAI,mBAAmB,SAAS;AAC9B,WAAO,oBAAC,6BAA0B,OAAO,mBAAmB,OAAO;AAAA,EACrE;AAEA,SACE,oBAAC,iBAAc,mBAAmB,2BAChC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;","names":[]}

package/dist/esm/user-profile.client.d.ts

@@ -1,9 +1,14 @@
-import * as React from "react";
-import { UserProfileLoading } from "./lib/user-profile.js";
-import { AuthToken } from "./api/api-provider.js";
-export interface UserProfileProps {
+import * as React from 'react';
+export { UserProfileLoading } from './lib/user-profile.js';
+import { AuthToken } from './api/api-provider.js';
+import 'react/jsx-runtime';
+import './api/endpoint.js';
+import '@tanstack/react-query';
+import './api/widgets-api-client.js';
+
+interface UserProfileProps {
     authToken: AuthToken;
 }
-export declare const UserProfile: React.FC<UserProfileProps>;
-export { UserProfileLoading };
-//# sourceMappingURL=user-profile.client.d.ts.map
+declare const UserProfile: React.FC<UserProfileProps>;
+
+export { UserProfile, type UserProfileProps };

package/dist/esm/user-profile.client.js

@@ -1,29 +1,40 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { UserProfileError, UserProfileLoading, UserProfile as UserProfilePresentational, } from "./lib/user-profile.js";
-import { useIsHydrated } from "./lib/use-is-hydrated.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  UserProfileError,
+  UserProfileLoading,
+  UserProfile as UserProfilePresentational
+} from "./lib/user-profile.js";
 import { useMe } from "./api/endpoint.js";
-import { ApiProvider } from "./api/api-provider.js";
+import { ApiProvider, useApiReady } from "./api/api-provider.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
-export const UserProfile = ({ authToken }) => {
-    const baseUrl = useWorkOsApiUrl();
-    return (_jsx(ApiProvider, { widgetType: "user-profile", authToken: authToken, baseUrl: baseUrl, children: _jsx(UserProfileContent, {}) }));
+const UserProfile = ({ authToken }) => {
+  const baseUrl = useWorkOsApiUrl();
+  return /* @__PURE__ */ jsx(
+    ApiProvider,
+    {
+      widgetType: "user-profile",
+      authToken,
+      baseUrl,
+      children: /* @__PURE__ */ jsx(UserProfileContent, {})
+    }
+  );
 };
-export { UserProfileLoading };
 const UserProfileContent = () => {
-    const isHydrated = useIsHydrated();
-    const meQuery = useMe();
-    if (
-    // render loading state on the server to prevent FOUC or hydration mismatch
-    !isHydrated ||
-        meQuery.isLoading) {
-        return _jsx(UserProfileLoading, {});
-    }
-    if (meQuery.isError) {
-        return _jsx(UserProfileError, { error: meQuery.error });
-    }
-    const user = meQuery.data;
-    return (_jsx(ErrorBoundary, { FallbackComponent: UserProfileError, children: _jsx(UserProfilePresentational, { userData: user }) }));
+  const isApiReady = useApiReady();
+  const meQuery = useMe();
+  if (!isApiReady || meQuery.isLoading) {
+    return /* @__PURE__ */ jsx(UserProfileLoading, {});
+  }
+  if (meQuery.isError) {
+    return /* @__PURE__ */ jsx(UserProfileError, { error: meQuery.error });
+  }
+  const user = meQuery.data;
+  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: UserProfileError, children: /* @__PURE__ */ jsx(UserProfilePresentational, { userData: user }) });
+};
+export {
+  UserProfile,
+  UserProfileLoading
 };
 //# sourceMappingURL=user-profile.client.js.map

package/dist/esm/user-profile.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-profile.client.js","sourceRoot":"","sources":["../../src/user-profile.client.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,IAAI,yBAAyB,GACzC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAa,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAC,cAAc,EACzB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,YAEhB,KAAC,kBAAkB,KAAG,GACV,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB;IACE,2EAA2E;IAC3E,CAAC,UAAU;QACX,OAAO,CAAC,SAAS,EACjB,CAAC;QACD,OAAO,KAAC,kBAAkB,KAAG,CAAC;IAChC,CAAC;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACpB,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,CAAC;IACpD,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,IAAK,CAAC;IAE3B,OAAO,CACL,KAAC,aAAa,IAAC,iBAAiB,EAAE,gBAAgB,YAChD,KAAC,yBAAyB,IAAC,QAAQ,EAAE,IAAI,GAAI,GAC/B,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../src/user-profile.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  UserProfileError,\n  UserProfileLoading,\n  UserProfile as UserProfilePresentational,\n} from \"./lib/user-profile.js\";\nimport { useMe } from \"./api/endpoint.js\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\n\nexport interface UserProfileProps {\n  authToken: AuthToken;\n}\n\nexport const UserProfile: React.FC<UserProfileProps> = ({ authToken }) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ApiProvider\n      widgetType=\"user-profile\"\n      authToken={authToken}\n      baseUrl={baseUrl}\n    >\n      <UserProfileContent />\n    </ApiProvider>\n  );\n};\n\nexport { UserProfileLoading };\n\nconst UserProfileContent = () => {\n  const isApiReady = useApiReady();\n  const meQuery = useMe();\n\n  if (!isApiReady || meQuery.isLoading) {\n    return <UserProfileLoading />;\n  }\n\n  if (meQuery.isError) {\n    return <UserProfileError error={meQuery.error} />;\n  }\n\n  const user = meQuery.data!;\n\n  return (\n    <ErrorBoundary FallbackComponent={UserProfileError}>\n      <UserProfilePresentational userData={user} />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";AA0BM;AAvBN;AAAA,EACE;AAAA,EACA;AAAA,EACA,eAAe;AAAA,OACV;AACP,SAAS,aAAa;AACtB,SAAS,aAAwB,mBAAmB;AACpD,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAMvB,MAAM,cAA0C,CAAC,EAAE,UAAU,MAAM;AACxE,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,8BAAC,sBAAmB;AAAA;AAAA,EACtB;AAEJ;AAIA,MAAM,qBAAqB,MAAM;AAC/B,QAAM,aAAa,YAAY;AAC/B,QAAM,UAAU,MAAM;AAEtB,MAAI,CAAC,cAAc,QAAQ,WAAW;AACpC,WAAO,oBAAC,sBAAmB;AAAA,EAC7B;AAEA,MAAI,QAAQ,SAAS;AACnB,WAAO,oBAAC,oBAAiB,OAAO,QAAQ,OAAO;AAAA,EACjD;AAEA,QAAM,OAAO,QAAQ;AAErB,SACE,oBAAC,iBAAc,mBAAmB,kBAChC,8BAAC,6BAA0B,UAAU,MAAM,GAC7C;AAEJ;","names":[]}

package/dist/esm/user-security.client.d.ts

@@ -1,9 +1,14 @@
-import * as React from "react";
-import { AuthToken } from "./api/api-provider.js";
-import { UserSecurityLoading } from "./lib/user-security.js";
-export interface UserSecurityProps {
+import * as React from 'react';
+import { AuthToken } from './api/api-provider.js';
+export { UserSecurityLoading } from './lib/user-security.js';
+import 'react/jsx-runtime';
+import './api/endpoint.js';
+import '@tanstack/react-query';
+import './api/widgets-api-client.js';
+
+interface UserSecurityProps {
     authToken: AuthToken;
 }
-export declare const UserSecurity: React.FC<UserSecurityProps>;
-export { UserSecurityLoading };
-//# sourceMappingURL=user-security.client.d.ts.map
+declare const UserSecurity: React.FC<UserSecurityProps>;
+
+export { UserSecurity, type UserSecurityProps };

package/dist/esm/user-security.client.js

@@ -1,25 +1,47 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ApiProvider } from "./api/api-provider.js";
+import { jsx } from "react/jsx-runtime";
+import { ApiProvider, useApiReady } from "./api/api-provider.js";
 import { useAuthenticationInformation } from "./api/endpoint.js";
-import { UserSecurityError, UserSecurityLoading, UserSecurity as UserSecurityPresentational, } from "./lib/user-security.js";
-import { useIsHydrated } from "./lib/use-is-hydrated.js";
+import {
+  UserSecurityError,
+  UserSecurityLoading,
+  UserSecurity as UserSecurityPresentational
+} from "./lib/user-security.js";
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
-export const UserSecurity = ({ authToken }) => {
-    const baseUrl = useWorkOsApiUrl();
-    return (_jsx(ApiProvider, { widgetType: "user-security", authToken: authToken, baseUrl: baseUrl, children: _jsx(UserSecurityContent, {}) }));
+const UserSecurity = ({ authToken }) => {
+  const baseUrl = useWorkOsApiUrl();
+  return /* @__PURE__ */ jsx(
+    ApiProvider,
+    {
+      widgetType: "user-security",
+      authToken,
+      baseUrl,
+      children: /* @__PURE__ */ jsx(UserSecurityContent, {})
+    }
+  );
 };
-export { UserSecurityLoading };
 const UserSecurityContent = () => {
-    const isHydrated = useIsHydrated();
-    const { data: settings, isLoading, isError, isSuccess, error, } = useAuthenticationInformation();
-    if (!isHydrated || isLoading) {
-        return _jsx(UserSecurityLoading, {});
-    }
-    if (isError || !isSuccess) {
-        return _jsx(UserSecurityError, { error: error });
-    }
-    return (_jsx(ErrorBoundary, { FallbackComponent: UserSecurityError, children: _jsx(UserSecurityPresentational, { settings: settings.data }) }));
+  const isApiReady = useApiReady();
+  const {
+    data: settings,
+    isLoading,
+    isError,
+    isSuccess,
+    error
+  } = useAuthenticationInformation({
+    query: { enabled: isApiReady }
+  });
+  if (!isApiReady || isLoading) {
+    return /* @__PURE__ */ jsx(UserSecurityLoading, {});
+  }
+  if (isError || !isSuccess) {
+    return /* @__PURE__ */ jsx(UserSecurityError, { error });
+  }
+  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: UserSecurityError, children: /* @__PURE__ */ jsx(UserSecurityPresentational, { settings: settings.data }) });
+};
+export {
+  UserSecurity,
+  UserSecurityLoading
 };
 //# sourceMappingURL=user-security.client.js.map

package/dist/esm/user-security.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-security.client.js","sourceRoot":"","sources":["../../src/user-security.client.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAa,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,IAAI,0BAA0B,GAC3C,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAC,eAAe,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,YAEhB,KAAC,mBAAmB,KAAG,GACX,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EACJ,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,GACN,GAAG,4BAA4B,EAAE,CAAC;IAEnC,IAAI,CAAC,UAAU,IAAI,SAAS,EAAE,CAAC;QAC7B,OAAO,KAAC,mBAAmB,KAAG,CAAC;IACjC,CAAC;IAED,IAAI,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;QAC1B,OAAO,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC7C,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IAAC,iBAAiB,EAAE,iBAAiB,YACjD,KAAC,0BAA0B,IAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,GAAI,GACzC,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../src/user-security.client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport { useAuthenticationInformation } from \"./api/endpoint.js\";\nimport {\n  UserSecurityError,\n  UserSecurityLoading,\n  UserSecurity as UserSecurityPresentational,\n} from \"./lib/user-security.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\n\nexport interface UserSecurityProps {\n  authToken: AuthToken;\n}\n\nexport const UserSecurity: React.FC<UserSecurityProps> = ({ authToken }) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ApiProvider\n      widgetType=\"user-security\"\n      authToken={authToken}\n      baseUrl={baseUrl}\n    >\n      <UserSecurityContent />\n    </ApiProvider>\n  );\n};\n\nexport { UserSecurityLoading };\n\nconst UserSecurityContent = () => {\n  const isApiReady = useApiReady();\n  const {\n    data: settings,\n    isLoading,\n    isError,\n    isSuccess,\n    error,\n  } = useAuthenticationInformation({\n    query: { enabled: isApiReady },\n  });\n\n  if (!isApiReady || isLoading) {\n    return <UserSecurityLoading />;\n  }\n\n  if (isError || !isSuccess) {\n    return <UserSecurityError error={error} />;\n  }\n\n  return (\n    <ErrorBoundary FallbackComponent={UserSecurityError}>\n      <UserSecurityPresentational settings={settings.data} />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";AA0BM;AAvBN,SAAS,aAAwB,mBAAmB;AACpD,SAAS,oCAAoC;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,OACX;AACP,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAMvB,MAAM,eAA4C,CAAC,EAAE,UAAU,MAAM;AAC1E,QAAM,UAAU,gBAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA,8BAAC,uBAAoB;AAAA;AAAA,EACvB;AAEJ;AAIA,MAAM,sBAAsB,MAAM;AAChC,QAAM,aAAa,YAAY;AAC/B,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,6BAA6B;AAAA,IAC/B,OAAO,EAAE,SAAS,WAAW;AAAA,EAC/B,CAAC;AAED,MAAI,CAAC,cAAc,WAAW;AAC5B,WAAO,oBAAC,uBAAoB;AAAA,EAC9B;AAEA,MAAI,WAAW,CAAC,WAAW;AACzB,WAAO,oBAAC,qBAAkB,OAAc;AAAA,EAC1C;AAEA,SACE,oBAAC,iBAAc,mBAAmB,mBAChC,8BAAC,8BAA2B,UAAU,SAAS,MAAM,GACvD;AAEJ;","names":[]}

package/dist/esm/user-sessions.client.d.ts

@@ -1,5 +1,10 @@
-import * as React from "react";
-import { UserSessionsLoading } from "./lib/user-sessions.js";
+import * as React from 'react';
+export { UserSessionsLoading } from './lib/user-sessions.js';
+import 'react/jsx-runtime';
+import './api/endpoint.js';
+import '@tanstack/react-query';
+import './api/widgets-api-client.js';
+
 type UserSessionsWithoutCurrentSessionIdProps = {
     authToken: () => Promise<string>;
 };
@@ -7,7 +12,7 @@ type UserSessionsWithCurrentSessionIdProps = {
     authToken: string;
     currentSessionId: string;
 };
-export type UserSessionsProps = UserSessionsWithoutCurrentSessionIdProps | UserSessionsWithCurrentSessionIdProps;
-export declare const UserSessions: React.FC<UserSessionsProps>;
-export { UserSessionsLoading };
-//# sourceMappingURL=user-sessions.client.d.ts.map
+type UserSessionsProps = UserSessionsWithoutCurrentSessionIdProps | UserSessionsWithCurrentSessionIdProps;
+declare const UserSessions: React.FC<UserSessionsProps>;
+
+export { UserSessions, type UserSessionsProps };