@workos-inc/widgets 1.20.1 → 1.20.2-next.1792082022643

package/dist/esm/api-keys.client.js

@@ -2,11 +2,11 @@
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ApiProvider, useApi, useApiReady } from "./api/api-provider.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
+import { usePermissions } from "./lib/use-permissions.js";
 import { ApiKeysContextProvider, useApiKeysContext } from "./lib/api-keys/api-keys-context.js";
 import { useApiKeys, useListOrganizationApiKeyPermissions } from "./lib/api/api-key.js";
 import { CreateApiKeyDialog } from "./lib/api-keys/create-api-key.js";
 import { ApiKeys as ApiKeys$1, ApiKeysError, ApiKeysLoading } from "./lib/api-keys/api-keys.js";
-import { usePermissions } from "./lib/use-permissions.js";
 import { UserApiKeysContextProvider, useUserApiKeysContext } from "./lib/user-api-keys/user-api-keys-context.js";
 import { useListUserApiKeyPermissions, useUserApiKeys } from "./lib/api/user-api-key.js";
 import { CreateUserApiKeyDialog } from "./lib/user-api-keys/create-user-api-key.js";

package/dist/esm/index.js

@@ -1,17 +1,9 @@
-import { IntlContext } from "./lib/i18n/intl-context.js";
-import { AdminPortalAuditLogStreaming as AdminPortalAuditLogStreaming$1, AdminPortalAuditLogStreamingButton, AdminPortalAuditLogStreamingError, AdminPortalAuditLogStreamingLoading } from "./lib/admin-portal-audit-log-streaming.js";
-import { AdminPortalAuditLogStreaming } from "./admin-portal-audit-log-streaming.client.js";
-import { AdminPortalDomainVerificationLoading } from "./lib/admin-portal-domain-verification.js";
-import { AdminPortalDomainVerification } from "./admin-portal-domain-verification.client.js";
-import { AdminPortalSsoConnectionLoading } from "./lib/admin-portal-sso-connection.js";
-import { AdminPortalSsoConnection } from "./admin-portal-sso-connection.client.js";
-import { ApiKeysLoading } from "./lib/api-keys/api-keys.js";
-import { ApiKeys } from "./api-keys.client.js";
-import { DirectorySyncLoading } from "./lib/directory-sync.js";
-import { DirectorySync } from "./directory-sync.client.js";
 import { WorkOsWidgets } from "./workos-widgets.client.js";
+import { IntlContext } from "./lib/i18n/intl-context.js";
 import { OrganizationSwitcherLoading } from "./lib/organization-switcher.js";
 import { OrganizationSwitcher } from "./organization-switcher.client.js";
+import { AdminPortalSsoConnectionLoading } from "./lib/admin-portal-sso-connection.js";
+import { AdminPortalSsoConnection } from "./admin-portal-sso-connection.client.js";
 import { UserProfileLoading } from "./lib/user-profile.js";
 import { UserProfile } from "./user-profile.client.js";
 import { UserSecurityLoading } from "./lib/user-security.js";
@@ -20,8 +12,16 @@ import { UserSessionsLoading } from "./lib/user-sessions.js";
 import { UserSessions } from "./user-sessions.client.js";
 import { UsersManagementLoading } from "./lib/users-management.js";
 import { UsersManagement } from "./users-management.client.js";
+import { AdminPortalDomainVerificationLoading } from "./lib/admin-portal-domain-verification.js";
+import { AdminPortalDomainVerification } from "./admin-portal-domain-verification.client.js";
+import { AdminPortalAuditLogStreaming as AdminPortalAuditLogStreaming$1, AdminPortalAuditLogStreamingButton, AdminPortalAuditLogStreamingError, AdminPortalAuditLogStreamingLoading } from "./lib/admin-portal-audit-log-streaming.js";
+import { AdminPortalAuditLogStreaming } from "./admin-portal-audit-log-streaming.client.js";
+import { ApiKeysLoading } from "./lib/api-keys/api-keys.js";
+import { ApiKeys } from "./api-keys.client.js";
 import { PipesLoading } from "./lib/pipes.js";
 import { Pipes } from "./pipes.client.js";
 import { PipesAdminLoading } from "./lib/pipes-admin.js";
 import { PipesAdmin } from "./pipes-admin.client.js";
+import { DirectorySyncLoading } from "./lib/directory-sync.js";
+import { DirectorySync } from "./directory-sync.client.js";
 export { AdminPortalAuditLogStreaming, AdminPortalAuditLogStreamingError, AdminPortalAuditLogStreamingLoading, AdminPortalAuditLogStreamingButton as AdminPortalAuditLogStreamingOpenButton, AdminPortalAuditLogStreaming$1 as AdminPortalAuditLogStreamingPresentational, AdminPortalDomainVerification, AdminPortalDomainVerificationLoading, AdminPortalSsoConnection, AdminPortalSsoConnectionLoading, ApiKeys, ApiKeysLoading, DirectorySync, DirectorySyncLoading, OrganizationSwitcher, OrganizationSwitcherLoading, Pipes, PipesAdmin, PipesAdminLoading, PipesLoading, UserProfile, UserProfileLoading, UserSecurity, UserSecurityLoading, UserSessions, UserSessionsLoading, UsersManagement, UsersManagementLoading, WorkOsWidgets, IntlContext as internal_IntlContext };

package/dist/esm/lib/add-mfa-dialog.js

@@ -1,11 +1,10 @@
 "use client";
+import { useElevatedAccessToken } from "../api/api-provider.js";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { useTranslation } from "./i18n/use-translation.js";
 import { Close, Content as DialogContent, Description as DialogDescription, Root, Title, Trigger } from "./elements/dialog.js";
 import { Button as Button$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { useElevatedAccessToken } from "../api/api-provider.js";
-import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
-import { CopyButton } from "./copy-button.js";
 import { Form } from "./form.js";
 import { expectResultMember } from "./client-graphql-result.js";
 import { Input, Root as Root$1 } from "./otp-input.js";
@@ -14,8 +13,9 @@ import { SaveButton } from "./save-button.js";
 import { useSecuritySettings } from "./use-security-settings.js";
 import { useDialogClose } from "./use-dialog-close.js";
 import { Marker } from "./marker.js";
-import * as React from "react";
+import { CopyButton } from "./copy-button.js";
 import { Box, Code, Flex, Grid, Link, Separator, Text, VisuallyHidden } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/add-mfa-dialog.tsx
 function AddMfaDialog({ children, onSuccess, ...props }) {

package/dist/esm/lib/admin-portal-audit-log-streaming.js

@@ -1,17 +1,17 @@
 "use client";
-import { Item, Root } from "./card-list.js";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
 import { useTranslation } from "./i18n/use-translation.js";
+import { getErrorMessage } from "./generic-error.js";
 import { Button as Button$1, Skeleton as Skeleton$1 } from "./elements.js";
-import { ProviderIcon } from "./provider-icon.js";
+import { Translation } from "./i18n/translation.js";
 import { IconPanel } from "./icon-panel.js";
-import { GenericHttpsIcon } from "./audit-log-stream-icons.js";
+import { Item, Root } from "./card-list.js";
+import { ProviderIcon } from "./provider-icon.js";
 import { Status } from "./status.js";
-import { Translation } from "./i18n/translation.js";
-import { getErrorMessage } from "./generic-error.js";
 import { useComparativeReadableDate } from "../use-comparative-readable-date.js";
-import * as React from "react";
+import { GenericHttpsIcon } from "./audit-log-stream-icons.js";
 import { Box, Card, Flex, Text } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Cross2Icon, ExternalLinkIcon, InfoCircledIcon } from "@radix-ui/react-icons";
 //#region src/lib/admin-portal-audit-log-streaming.tsx

package/dist/esm/lib/admin-portal-domain-verification.js

@@ -1,13 +1,13 @@
 "use client";
-import { Item, Root } from "./card-list.js";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
+import { GenericError } from "./generic-error.js";
 import { Button as Button$1, Skeleton as Skeleton$1 } from "./elements.js";
-import { IconPanel } from "./icon-panel.js";
 import { Translation } from "./i18n/translation.js";
-import { GenericError } from "./generic-error.js";
+import { IconPanel } from "./icon-panel.js";
+import { Item, Root } from "./card-list.js";
 import { DomainItem } from "./domain-item.js";
-import "react";
 import { Box, Card, Flex, Text } from "@radix-ui/themes";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ExternalLinkIcon } from "@radix-ui/react-icons";
 //#region src/lib/admin-portal-domain-verification.tsx

package/dist/esm/lib/admin-portal-sso-connection.js

@@ -1,17 +1,17 @@
 "use client";
-import { Item, Root } from "./card-list.js";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
 import { useTranslation } from "./i18n/use-translation.js";
+import { getErrorMessage } from "./generic-error.js";
 import { Button as Button$1, Skeleton as Skeleton$1 } from "./elements.js";
-import { ProviderIcon } from "./provider-icon.js";
+import { Translation } from "./i18n/translation.js";
 import { IconPanel } from "./icon-panel.js";
+import { Item, Root } from "./card-list.js";
+import { ProviderIcon } from "./provider-icon.js";
+import { getIdentityProviderName } from "./identity-providers.js";
 import { Status } from "./status.js";
-import { Translation } from "./i18n/translation.js";
-import { getErrorMessage } from "./generic-error.js";
 import { useComparativeReadableDate } from "../use-comparative-readable-date.js";
-import { getIdentityProviderName } from "./identity-providers.js";
-import * as React from "react";
 import { Box, Card, Flex, Text } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Cross2Icon, ExternalLinkIcon, InfoCircledIcon } from "@radix-ui/react-icons";
 //#region src/lib/admin-portal-sso-connection.tsx

package/dist/esm/lib/api/me.js

@@ -1,6 +1,6 @@
 import { clientGraphqlQueryKey, useClientGraphqlQuery } from "../../api/client-graphql/hooks.js";
-import * as React from "react";
 import { useQueryClient } from "@tanstack/react-query";
+import * as React from "react";
 //#region src/lib/api/me.ts
 const meQueryKey = () => clientGraphqlQueryKey("Me");
 function useMe() {

package/dist/esm/lib/api/pipes.js

@@ -1,6 +1,6 @@
 import { clientGraphqlQueryKey, useClientGraphqlQuery } from "../../api/client-graphql/hooks.js";
-import { useCallback } from "react";
 import { useQueryClient } from "@tanstack/react-query";
+import { useCallback } from "react";
 //#region src/lib/api/pipes.ts
 const PAGE_SIZE = 100;
 /**

package/dist/esm/lib/api-keys/api-key-details-card.js

@@ -1,6 +1,6 @@
 import { Translation } from "../i18n/translation.js";
-import { ApiKeyExpiresOn, ApiKeyTimestamp } from "./api-key-expiration.js";
 import { Item as DataListItem, Label as DataListLabel, Root as DataListRoot, Value as DataListValue } from "../data-list.js";
+import { ApiKeyExpiresOn, ApiKeyTimestamp } from "./api-key-expiration.js";
 import { RelativeTime } from "./relative-time.js";
 import { Card, Code } from "@radix-ui/themes";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/lib/api-keys/api-key-expiration.js

@@ -1,11 +1,11 @@
+import { useIsHydrated } from "../use-is-hydrated.js";
 import { Close, Content as DialogContent, Description as DialogDescription, Root, Title } from "../elements/dialog.js";
 import { Content as SelectContent, Item as SelectItem, Root as Root$1, Trigger as SelectTrigger } from "../elements/select.js";
 import { Button as Button$1, Label } from "../elements.js";
 import { Translation } from "../i18n/translation.js";
 import { useLocale } from "../i18n/use-locale.js";
-import { useIsHydrated } from "../use-is-hydrated.js";
-import * as React from "react";
 import { Callout, Flex } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
 //#region src/lib/api-keys/api-key-expiration.tsx

package/dist/esm/lib/api-keys/api-keys-search.js

@@ -3,12 +3,12 @@ import { namespaceClassNames } from "../utils/namespace-class-names.js";
 import { useTranslation } from "../i18n/use-translation.js";
 import { useComposedRefs } from "../compose-refs.js";
 import { IconButton, TextField, TextFieldSlot } from "../elements.js";
+import { useDebouncedCallback } from "../use-debounce.js";
 import { useApiKeysContext } from "./api-keys-context.js";
 import { useApiKeysSearchContext } from "./api-keys-search-provider.js";
-import { useDebouncedCallback } from "../use-debounce.js";
+import cx from "clsx";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import cx from "clsx";
 import { Cross2Icon, MagnifyingGlassIcon } from "@radix-ui/react-icons";
 //#region src/lib/api-keys/api-keys-search.tsx
 const ApiKeysSearch = React.forwardRef(({ className, ...props }, ref) => {

package/dist/esm/lib/api-keys/api-keys-table.js

@@ -2,6 +2,7 @@ import { useTranslation } from "../i18n/use-translation.js";
 import { Content as DropdownMenuContent, Item as MenuItem, Root, Separator as Separator$1, Trigger } from "../elements/dropdown-menu.js";
 import { Button as Button$1, IconButton as IconButton$1 } from "../elements.js";
 import { Translation } from "../i18n/translation.js";
+import { getListMetadata } from "../utils/get-list-metadata.js";
 import { useApiKeysContext } from "./api-keys-context.js";
 import { useExpireApiKey } from "../api/api-key.js";
 import { ApiKeyExpiresOn, EditApiKeyExpirationDialog } from "./api-key-expiration.js";
@@ -11,9 +12,8 @@ import { RelativeTime } from "./relative-time.js";
 import { RevokeApiKeyDialog } from "./revoke-api-key-dialog.js";
 import { ApiKeyDetailsDialog } from "./api-key-details-dialog.js";
 import { ApiKeysSearch } from "./api-keys-search.js";
-import { getListMetadata } from "../utils/get-list-metadata.js";
-import { useState } from "react";
 import { Code, Flex, Heading, Table, Text } from "@radix-ui/themes";
+import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DotsHorizontalIcon, MagnifyingGlassIcon } from "@radix-ui/react-icons";
 //#region src/lib/api-keys/api-keys-table.tsx

package/dist/esm/lib/api-keys/api-keys.js

@@ -1,8 +1,8 @@
 import { getWidgetDomProps } from "../utils/widget-dom-props.js";
 import { useTranslation } from "../i18n/use-translation.js";
+import { GenericError } from "../generic-error.js";
 import { Button as Button$1, Skeleton as Skeleton$1, TextField as TextField$1, TextFieldSlot } from "../elements.js";
 import { Translation } from "../i18n/translation.js";
-import { GenericError } from "../generic-error.js";
 import { EmptyState } from "../empty-state.js";
 import { SkeletonTable } from "./skeleton-table.js";
 import { CreateApiKeyButton } from "./create-api-key.js";

package/dist/esm/lib/api-keys/create-api-key.js

@@ -2,13 +2,13 @@ import { useTranslation } from "../i18n/use-translation.js";
 import { Close, Content as DialogContent, Description as DialogDescription, Root, Title } from "../elements/dialog.js";
 import { Button as Button$1, Label, TextField as TextField$1, TextFieldSlot } from "../elements.js";
 import { Translation } from "../i18n/translation.js";
-import { CopyButton, CopyIconButton } from "../copy-button.js";
 import { Control as FormControl, Field as FormField, Form, FormLabel, FormMessage } from "../form.js";
+import { CopyButton, CopyIconButton } from "../copy-button.js";
 import { useApiKeysContext } from "./api-keys-context.js";
 import { useCreateApiKey, useListOrganizationApiKeyPermissions } from "../api/api-key.js";
 import { ApiKeyExpirationSelectField, getApiKeyExpiresAt } from "./api-key-expiration.js";
-import * as React from "react";
 import { Box, Callout, Checkbox, Flex, ScrollArea, Text } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ExclamationTriangleIcon, InfoCircledIcon, MagnifyingGlassIcon } from "@radix-ui/react-icons";
 //#region src/lib/api-keys/create-api-key.tsx

package/dist/esm/lib/change-email-dialog.js

@@ -1,10 +1,10 @@
 "use client";
+import { useElevatedAccessToken } from "../api/api-provider.js";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { useTranslation } from "./i18n/use-translation.js";
 import { Close, Content as DialogContent, Description as DialogDescription, Root, Title, Trigger } from "./elements/dialog.js";
 import { Button as Button$1, Label, TextField as TextField$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { useElevatedAccessToken } from "../api/api-provider.js";
-import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { Control as FormControl, Field as FormField, Form, FormLabel } from "./form.js";
 import { useMe, useMeCache } from "./api/me.js";
 import { expectResultMember } from "./client-graphql-result.js";
@@ -12,8 +12,8 @@ import { Input, Root as Root$1 } from "./otp-input.js";
 import { ElevatedAccess } from "./elevated-access.js";
 import { SaveButton } from "./save-button.js";
 import { SetPasswordForm } from "./set-password-dialog.js";
-import * as React from "react";
 import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/change-email-dialog.tsx
 function ChangeEmailDialog({ children, user }) {

package/dist/esm/lib/change-password-dialog.js

@@ -1,15 +1,15 @@
 "use client";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { useTranslation } from "./i18n/use-translation.js";
 import { Close, Content as DialogContent, Description as DialogDescription, Root, Title, Trigger } from "./elements/dialog.js";
 import { Button as Button$1, Label, PasswordField } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { Control as FormControl, Field as FormField, Form, FormLabel, FormMessage } from "./form.js";
 import { expectResultMember } from "./client-graphql-result.js";
 import { SaveButton } from "./save-button.js";
 import { PasswordValidationErrorList, getPasswordValidationAriaTexts, getPasswordValidationErrors } from "./password-error-utils.js";
-import * as React from "react";
 import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/change-password-dialog.tsx
 function ChangePasswordDialog({ children, ...props }) {

package/dist/esm/lib/copy-button.js

@@ -1,7 +1,7 @@
 import { useTranslation } from "./i18n/use-translation.js";
 import { Button as Button$1, IconButton as IconButton$1 } from "./elements.js";
-import * as React from "react";
 import { Slot, Slottable } from "@radix-ui/themes";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, CopyIcon } from "@radix-ui/react-icons";
 //#region src/lib/copy-button.tsx

package/dist/esm/lib/copy-text.js

@@ -1,8 +1,8 @@
 "use client";
 import { useTranslation } from "./i18n/use-translation.js";
 import { IconButton as IconButton$1 } from "./elements.js";
-import { useState } from "react";
 import { Flex, Text } from "@radix-ui/themes";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, CopyIcon } from "@radix-ui/react-icons";
 //#region src/lib/copy-text.tsx

package/dist/esm/lib/data-integration-icon.js

@@ -1,9 +1,9 @@
 import { ProviderIcon } from "./provider-icon.js";
 import { ProductPipesIcon } from "./icons.js";
 import { isKnownProviderIconSlug } from "./provider-icon-slugs.js";
+import cx from "clsx";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import cx from "clsx";
 //#region src/lib/data-integration-icon.tsx
 const sanitizeIconUrl = (url) => {
 	try {

package/dist/esm/lib/data-list.js

@@ -1,8 +1,8 @@
 import { dataListItemPropDefs, dataListLabelPropDefs, dataListRootPropDefs, dataListValuePropDefs } from "./data-list.props.js";
-import * as React from "react";
 import { Slot, Text } from "@radix-ui/themes";
-import { jsx } from "react/jsx-runtime";
 import cx from "clsx";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { extractProps } from "@radix-ui/themes/helpers";
 //#region src/lib/data-list.tsx
 const DataListRoot = React.forwardRef((props, forwardedRef) => {

package/dist/esm/lib/delete-domain-dialog.js

@@ -2,8 +2,8 @@
 import { Cancel, Content as AlertDialogContent, Description as AlertDialogDescription, Root, Title, Trigger } from "./elements/alert-dialog.js";
 import { Button as Button$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import "react";
 import { Flex } from "@radix-ui/themes";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/delete-domain-dialog.tsx
 const DeleteDomainDialog = (props) => {

package/dist/esm/lib/delete-user-dialog.js

@@ -3,8 +3,8 @@ import { Cancel, Content as AlertDialogContent, Description as AlertDialogDescri
 import { Button as Button$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
 import { useDeleteUser } from "./api/user.js";
-import * as React from "react";
 import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/delete-user-dialog.tsx
 function DeleteUserDialog({ children, user, ...props }) {

package/dist/esm/lib/directory-sync.js

@@ -1,16 +1,16 @@
 "use client";
-import { Item, Root } from "./card-list.js";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
+import { GenericError } from "./generic-error.js";
 import { Button as Button$1, Skeleton as Skeleton$1 } from "./elements.js";
-import { ProviderIcon } from "./provider-icon.js";
+import { Translation } from "./i18n/translation.js";
 import { IconPanel } from "./icon-panel.js";
+import { Item, Root } from "./card-list.js";
+import { ProviderIcon } from "./provider-icon.js";
+import { getDirectoryTypeIcon, getDirectoryTypeName } from "./identity-providers.js";
 import { Status } from "./status.js";
-import { Translation } from "./i18n/translation.js";
-import { GenericError } from "./generic-error.js";
 import { useComparativeReadableDate } from "../use-comparative-readable-date.js";
-import { getDirectoryTypeIcon, getDirectoryTypeName } from "./identity-providers.js";
-import * as React from "react";
 import { Box, Card, Flex, Spinner, Text } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ExternalLinkIcon, InfoCircledIcon } from "@radix-ui/react-icons";
 //#region src/lib/directory-sync.tsx

package/dist/esm/lib/domain-item.js

@@ -1,7 +1,7 @@
 "use client";
+import { Translation } from "./i18n/translation.js";
 import { IconPanel } from "./icon-panel.js";
 import { Status } from "./status.js";
-import { Translation } from "./i18n/translation.js";
 import { useComparativeReadableDate } from "../use-comparative-readable-date.js";
 import { NameServerIcon } from "./name-server-icon.js";
 import { DomainActions } from "./domain-actions.js";

package/dist/esm/lib/edit-user-profile-dialog.js

@@ -1,15 +1,15 @@
 "use client";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { useTranslation } from "./i18n/use-translation.js";
 import { Close, Content as DialogContent, Description as DialogDescription, Root, Title, Trigger } from "./elements/dialog.js";
 import { Button as Button$1, Label, TextField as TextField$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { Control as FormControl, Field as FormField, Form, FormLabel } from "./form.js";
 import { useMeCache } from "./api/me.js";
 import { expectResultMember } from "./client-graphql-result.js";
 import { SaveButton } from "./save-button.js";
-import * as React from "react";
 import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/edit-user-profile-dialog.tsx
 function EditUserProfileDialog({ children, user, ...props }) {

package/dist/esm/lib/edit-user-role-dialog.js

@@ -6,9 +6,9 @@ import { Button as Button$1, Skeleton as Skeleton$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
 import { getBestName } from "./utils/get-best-name.js";
 import { useRolesAndConfig, useUpdateUserRole } from "./api/user.js";
+import { Box, Callout, Card, CheckboxGroup, Flex, ScrollArea, Separator, Text, VisuallyHidden } from "@radix-ui/themes";
 import * as React from "react";
 import { useState } from "react";
-import { Box, Callout, Card, CheckboxGroup, Flex, ScrollArea, Separator, Text, VisuallyHidden } from "@radix-ui/themes";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/edit-user-role-dialog.tsx
 function EditUserRoleDialog({ children, user, ...props }) {

package/dist/esm/lib/elements/alert-dialog.js

@@ -1,7 +1,7 @@
 "use client";
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { useElement } from "../widgets-context.js";
 import { namespaceClassNames } from "../utils/namespace-class-names.js";
+import { useElement } from "../widgets-context.js";
 import { getWidgetDomProps } from "../utils/widget-dom-props.js";
 import { useDialogOverlayHack } from "./utils.js";
 import * as React from "react";

package/dist/esm/lib/elements/dialog.js

@@ -1,7 +1,7 @@
 "use client";
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { useElement } from "../widgets-context.js";
 import { namespaceClassNames } from "../utils/namespace-class-names.js";
+import { useElement } from "../widgets-context.js";
 import { getWidgetDomProps } from "../utils/widget-dom-props.js";
 import { useDialogOverlayHack } from "./utils.js";
 import * as React from "react";

package/dist/esm/lib/elements/dropdown-menu.js

@@ -1,11 +1,11 @@
 "use client";
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { useElement } from "../widgets-context.js";
 import { namespaceClassNames } from "../utils/namespace-class-names.js";
+import { useElement } from "../widgets-context.js";
 import { getWidgetDomProps } from "../utils/widget-dom-props.js";
+import cx from "clsx";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import cx from "clsx";
 import { CheckboxItem, Content, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger, TriggerIcon } from "@radix-ui/themes/components/dropdown-menu";
 //#region src/lib/elements/dropdown-menu.tsx
 var dropdown_menu_exports = /* @__PURE__ */ __exportAll({

package/dist/esm/lib/elements/select.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { Select } from "@radix-ui/themes";
+import * as React from "react";
 import { Group, GroupProps, Label, LabelProps, Root, RootProps, Separator, SeparatorProps } from "@radix-ui/themes/components/select";
 declare namespace select_d_exports {
   export { SelectContent as Content, ContentProps, Group, GroupProps, SelectItem as Item, ItemProps, Label, LabelProps, Root, RootProps, Separator, SeparatorProps, SelectTrigger as Trigger, TriggerProps };

package/dist/esm/lib/elements/select.js

@@ -1,12 +1,12 @@
 "use client";
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { useElement } from "../widgets-context.js";
 import { namespaceClassNames } from "../utils/namespace-class-names.js";
+import { useElement } from "../widgets-context.js";
 import { getWidgetDomProps } from "../utils/widget-dom-props.js";
-import * as React from "react";
 import { Select } from "@radix-ui/themes";
-import { jsx } from "react/jsx-runtime";
 import cx from "clsx";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { Group, Label, Root, Separator } from "@radix-ui/themes/components/select";
 //#region src/lib/elements/select.tsx
 var select_exports = /* @__PURE__ */ __exportAll({

package/dist/esm/lib/elements.d.ts

@@ -2,8 +2,8 @@ import { dialog_d_exports } from "./elements/dialog.js";
 import { alert_dialog_d_exports } from "./elements/alert-dialog.js";
 import { dropdown_menu_d_exports } from "./elements/dropdown-menu.js";
 import { select_d_exports } from "./elements/select.js";
-import * as React from "react";
 import { AvatarProps, BadgeProps, ButtonProps as ButtonProps$1, IconButtonProps as IconButtonProps$1, SkeletonProps, TextField as TextField$1, TextProps } from "@radix-ui/themes";
+import * as React from "react";
 import { GetPropDefTypes, avatarPropDefs, badgePropDefs, buttonPropDefs, dialogContentPropDefs, dropdownMenuContentPropDefs, dropdownMenuItemPropDefs, iconButtonPropDefs, selectTriggerPropDefs, skeletonPropDefs, textFieldRootPropDefs, textPropDefs } from "@radix-ui/themes/props";
 //#region src/lib/elements.d.ts
 export interface ButtonProps extends Omit<ButtonProps$1, "variant" | "color"> {

package/dist/esm/lib/elements.js

@@ -1,16 +1,16 @@
 "use client";
-import { useElement } from "./widgets-context.js";
 import { namespaceClassNames } from "./utils/namespace-class-names.js";
+import { useElement } from "./widgets-context.js";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
 import { useTranslation } from "./i18n/use-translation.js";
 import { dialog_exports } from "./elements/dialog.js";
 import { alert_dialog_exports } from "./elements/alert-dialog.js";
 import { dropdown_menu_exports } from "./elements/dropdown-menu.js";
 import { select_exports } from "./elements/select.js";
-import * as React from "react";
 import { Avatar as Avatar$1, Badge as Badge$1, Button as Button$1, IconButton as IconButton$1, Skeleton as Skeleton$1, Text, TextField as TextField$1 } from "@radix-ui/themes";
-import { jsx } from "react/jsx-runtime";
 import cx from "clsx";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { EyeClosedIcon, EyeOpenIcon } from "@radix-ui/react-icons";
 //#region src/lib/elements.tsx
 const Button = React.forwardRef(function Button({ className, variant = "primary", unsafe_radixVariant, ...props }, ref) {

package/dist/esm/lib/elevated-access.js

@@ -1,15 +1,15 @@
+import { useElevatedAccessToken } from "../api/api-provider.js";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { Close, Description as DialogDescription, Title } from "./elements/dialog.js";
 import { Cancel, Description as AlertDialogDescription, Title as Title$1 } from "./elements/alert-dialog.js";
 import { Button as Button$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { useElevatedAccessToken } from "../api/api-provider.js";
-import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { Form } from "./form.js";
 import { useMe } from "./api/me.js";
 import { expectResultMember } from "./client-graphql-result.js";
 import { Input, Root } from "./otp-input.js";
-import { useEffect, useRef, useState } from "react";
 import { Callout, Flex, Text } from "@radix-ui/themes";
+import { useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/elevated-access.tsx
 function ElevatedAccess({ type = "dialog", children, onVerified }) {

package/dist/esm/lib/form.js

@@ -1,8 +1,8 @@
 "use client";
 import { useComposedRefs } from "./compose-refs.js";
 import { composeEventHandlers } from "./utils/compose-event-handlers.js";
-import * as React from "react";
 import { Slot } from "@radix-ui/themes";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/form.tsx
 const ValidationContext = /* @__PURE__ */ React.createContext(null);

package/dist/esm/lib/generic-error.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { Flex } from "@radix-ui/themes";
+import * as React from "react";
 //#region src/lib/generic-error.d.ts
 type GenericErrorProps = React.ComponentProps<typeof Flex> & {
   error: unknown;

package/dist/esm/lib/generic-error.js

@@ -1,7 +1,7 @@
-import { useTranslation } from "./i18n/use-translation.js";
 import { ExpiredTokenError, FetchError, IncorrectPermissionsError, NoAuthTokenError } from "./errors.js";
-import * as React from "react";
+import { useTranslation } from "./i18n/use-translation.js";
 import { Flex, Heading, Text } from "@radix-ui/themes";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Cross2Icon } from "@radix-ui/react-icons";
 //#region src/lib/generic-error.tsx

package/dist/esm/lib/icon-panel.js

@@ -1,5 +1,5 @@
-import { forwardRef } from "react";
 import { Flex } from "@radix-ui/themes";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/icon-panel.tsx
 const IconPanel = forwardRef(function IconPanel({ children, style, ...props }, ref) {

package/dist/esm/lib/invite-user-dialog.js

@@ -6,8 +6,8 @@ import { Button as Button$1, Label, TextField as TextField$1 } from "./elements.
 import { Translation } from "./i18n/translation.js";
 import { useInviteUser, useRolesAndConfig } from "./api/user.js";
 import { isErrorLike } from "./utils/is-error-like.js";
-import * as React from "react";
 import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/invite-user-dialog.tsx
 /**

package/dist/esm/lib/logout-all-sessions-dialog.js

@@ -1,14 +1,14 @@
 "use client";
+import { clientGraphqlQueryKey, useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { Cancel, Content as AlertDialogContent, Description as AlertDialogDescription, Root, Title } from "./elements/alert-dialog.js";
 import { Button as Button$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { clientGraphqlQueryKey, useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { expectResultMember } from "./client-graphql-result.js";
 import { SaveButton } from "./save-button.js";
-import * as React from "react";
 import { Flex } from "@radix-ui/themes";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/logout-all-sessions-dialog.tsx
 function LogoutAllSessionsDialog({ open, onOpenChange, currentSessionId, children, ...props }) {
 	const client = useQueryClient();