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

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

@@ -1,6 +1,6 @@
+import cx from "clsx";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import cx from "clsx";
 import { extractProps } from "@radix-ui/themes/helpers";
 import { marginPropDefs } from "@radix-ui/themes/props";
 //#region src/lib/provider-icon.tsx

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

@@ -4,8 +4,8 @@ import { Cancel, Content as AlertDialogContent, Description as AlertDialogDescri
 import { Button as Button$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
 import { useResendUserInvite } from "./api/user.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/resend-invite-dialog.tsx
 function ResendInviteDialog({ children, user, ...props }) {

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

@@ -1,16 +1,16 @@
 "use client";
+import { useElevatedAccessToken } from "../api/api-provider.js";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 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 { useElevatedAccessToken } from "../api/api-provider.js";
-import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { expectResultMember } from "./client-graphql-result.js";
 import { ElevatedAccess } from "./elevated-access.js";
 import { SaveButton } from "./save-button.js";
 import { useSecuritySettings } from "./use-security-settings.js";
 import { useDialogClose } from "./use-dialog-close.js";
-import * as React from "react";
 import { Flex } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/reset-mfa-dialog.tsx
 function ResetMfaDialog({ children, isPasswordSet, ...props }) {

package/dist/esm/lib/revoke-invite-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 { useRevokeUserInvite } from "./api/user.js";
-import { useRef } from "react";
 import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
+import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/revoke-invite-dialog.tsx
 function RevokeInviteDialog({ children, user, ...props }) {

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

@@ -1,8 +1,8 @@
 import { namespaceClassNames } from "./utils/namespace-class-names.js";
 import { Button as Button$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { useEffect, useRef, useState } from "react";
 import { Flex, Slot, Slottable, Spinner, Text } from "@radix-ui/themes";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon } from "@radix-ui/react-icons";
 //#region src/lib/save-button.tsx

package/dist/esm/lib/searchable-select-list.js

@@ -2,8 +2,8 @@
 import { useTranslation } from "./i18n/use-translation.js";
 import { TextField as TextField$1, TextFieldSlot } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { useState } from "react";
 import { Box, Checkbox, Flex, ScrollArea, Text } from "@radix-ui/themes";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
 //#region src/lib/searchable-select-list.tsx

package/dist/esm/lib/set-password-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, PasswordField } 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, FormMessage } from "./form.js";
 import { expectResultMember } from "./client-graphql-result.js";
 import { ElevatedAccess } from "./elevated-access.js";
@@ -12,8 +12,8 @@ import { SaveButton } from "./save-button.js";
 import { PasswordValidationErrorList, getPasswordValidationAriaTexts, getPasswordValidationErrors } from "./password-error-utils.js";
 import { useSecuritySettings } from "./use-security-settings.js";
 import { useDialogClose } from "./use-dialog-close.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/set-password-dialog.tsx
 function SetPasswordDialog({ children, ...props }) {

package/dist/esm/lib/status.js

@@ -1,7 +1,7 @@
-import * as React from "react";
 import { Spinner, Text } from "@radix-ui/themes";
-import { jsx, jsxs } from "react/jsx-runtime";
 import cx from "clsx";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/status.tsx
 const getStatusColor = (state) => {
 	switch (state) {

package/dist/esm/lib/use-widgets-invalidator.js

@@ -1,6 +1,6 @@
 import { isClientGraphqlQueryKey } 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/use-widgets-invalidator.ts
 function useWidgetsInvalidator() {
 	let queryClient;

package/dist/esm/lib/user-api-keys/create-user-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 { ApiKeyExpirationSelectField, getApiKeyExpiresAt } from "../api-keys/api-key-expiration.js";
 import { useUserApiKeysContext } from "./user-api-keys-context.js";
 import { useCreateUserApiKeyWithInvalidation, useListUserApiKeyPermissions } from "../api/user-api-key.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/user-api-keys/create-user-api-key.tsx

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

@@ -1,6 +1,6 @@
 import { Translation } from "../i18n/translation.js";
-import { ApiKeyExpiresOn, ApiKeyTimestamp } from "../api-keys/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-keys/api-key-expiration.js";
 import { RelativeTime } from "../api-keys/relative-time.js";
 import { getUserApiKeyCreatedByLabel } from "./user-api-key-owner.js";
 import { Card, Code } from "@radix-ui/themes";

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

@@ -6,9 +6,9 @@ import { IconButton, TextField, TextFieldSlot } from "../elements.js";
 import { useDebouncedCallback } from "../use-debounce.js";
 import { useUserApiKeysContext } from "./user-api-keys-context.js";
 import { useUserApiKeysSearchContext } from "./user-api-keys-search-provider.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/user-api-keys/user-api-keys-search.tsx
 const UserApiKeysSearch = React.forwardRef(({ className, ...props }, ref) => {

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

@@ -2,9 +2,9 @@ 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 { ApiKeyExpiresOn, EditApiKeyExpirationDialog } from "../api-keys/api-key-expiration.js";
 import { RelativeTime } from "../api-keys/relative-time.js";
-import { getListMetadata } from "../utils/get-list-metadata.js";
 import { useUserApiKeysContext } from "./user-api-keys-context.js";
 import { useExpireUserApiKey } from "../api/user-api-key.js";
 import { CreateUserApiKeyButton } from "./create-user-api-key.js";
@@ -13,8 +13,8 @@ import { getUserApiKeyCreatedByLabel } from "./user-api-key-owner.js";
 import { RevokeUserApiKeyDialog } from "./revoke-user-api-key-dialog.js";
 import { UserApiKeyDetailsDialog } from "./user-api-key-details-dialog.js";
 import { UserApiKeysSearch } from "./user-api-keys-search.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/user-api-keys/user-api-keys-table.tsx

package/dist/esm/lib/user-api-keys/user-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 "../api-keys/skeleton-table.js";
 import { CreateUserApiKeyButton } from "./create-user-api-key.js";

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

@@ -1,15 +1,15 @@
 "use client";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
+import { GenericError } from "./generic-error.js";
 import { Avatar as Avatar$1, Button as Button$1, Skeleton as Skeleton$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { GenericError } from "./generic-error.js";
 import { Item as DataListItem, Label as DataListLabel, Root as DataListRoot, Value as DataListValue } from "./data-list.js";
-import { getBestName } from "./utils/get-best-name.js";
 import { ChangeEmailDialog } from "./change-email-dialog.js";
 import { EditUserProfileDialog } from "./edit-user-profile-dialog.js";
+import { getBestName } from "./utils/get-best-name.js";
 import { OAuthIcon, getOAuthName, isOAuthAccount } from "./oauth-icons.js";
-import * as React from "react";
 import { Box, Card, Flex, Inset, Separator, Strong, Text } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/user-profile.tsx
 function isSupportedConnectedAccount(account) {

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

@@ -1,10 +1,10 @@
 "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 { useComparativeReadableDate } from "../use-comparative-readable-date.js";
 import { SetPasswordDialog } from "./set-password-dialog.js";
 import { ChangePasswordDialog } from "./change-password-dialog.js";

package/dist/esm/lib/user-sessions.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 { GenericError } from "./generic-error.js";
 import { Badge as Badge$1, 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 { useComparativeReadableDate } from "../use-comparative-readable-date.js";
 import { parseUserAgent } from "./utils/parse-user-agent.js";
 import { LogoutDialog } from "./logout-dialog.js";
 import { LogoutAllSessionsDialog } from "./logout-all-sessions-dialog.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 { LaptopIcon, MobileIcon } from "@radix-ui/react-icons";
 //#region src/lib/user-sessions.tsx

package/dist/esm/lib/users-management.js

@@ -1,15 +1,14 @@
 "use client";
 import "./constants.js";
+import { useIsHydrated } from "./use-is-hydrated.js";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
 import { useTranslation } from "./i18n/use-translation.js";
+import { GenericError } from "./generic-error.js";
 import { Content as SelectContent, Item as SelectItem, Root, Trigger as SelectTrigger } from "./elements/select.js";
 import { Avatar as Avatar$1, Badge as Badge$1, Button as Button$1, IconButton as IconButton$1, Skeleton as Skeleton$1, TextField as TextField$1 } from "./elements.js";
 import { Translation } from "./i18n/translation.js";
-import { GenericError } from "./generic-error.js";
 import { useLocale } from "./i18n/use-locale.js";
 import { useComparativeReadableDate } from "../use-comparative-readable-date.js";
-import { useIsHydrated } from "./use-is-hydrated.js";
-import { getListMetadata } from "./utils/get-list-metadata.js";
 import { getBestName } from "./utils/get-best-name.js";
 import { useUsersManagementContext } from "./users-management-context.js";
 import { InviteUserDialog } from "./invite-user-dialog.js";
@@ -17,8 +16,9 @@ import { SearchProvider, useSearchContext } from "./search-provider.js";
 import { UserActionsDropdown } from "./user-actions-dropdown.js";
 import { UsersFilter } from "./users-filter.js";
 import { UsersSearch } from "./users-search.js";
-import * as React from "react";
+import { getListMetadata } from "./utils/get-list-metadata.js";
 import { Box, Flex, Grid, Separator, Table, Text, Tooltip, VisuallyHidden } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DotsHorizontalIcon } from "@radix-ui/react-icons";
 //#region src/lib/users-management.tsx

package/dist/esm/lib/users-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 { useUsersManagementContext } from "./users-management-context.js";
 import { useSearchContext } from "./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/users-search.tsx
 const UsersSearch = React.forwardRef(({ className, ...props }, ref) => {

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

@@ -1,12 +1,12 @@
 "use client";
 import { Close, Content as DialogContent, Root, Title, Trigger } from "./elements/dialog.js";
 import { Button as Button$1 } from "./elements.js";
-import { IconPanel } from "./icon-panel.js";
 import { Translation } from "./i18n/translation.js";
-import { NameServerIcon } from "./name-server-icon.js";
+import { IconPanel } from "./icon-panel.js";
 import { CopyIconButton } from "./copy-button.js";
-import "react";
+import { NameServerIcon } from "./name-server-icon.js";
 import { Box, Card, Code, Flex, Grid, Link, Text } from "@radix-ui/themes";
+import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/view-dns-record-dialog.tsx
 const ViewDnsRecordDialog = (props) => {

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

@@ -4,9 +4,9 @@ import { ApiProvider, useApiReady } from "./api/api-provider.js";
 import { clientGraphqlQueryKey, useClientGraphqlQuery } from "./api/client-graphql/hooks.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
 import { OrganizationSwitcher as OrganizationSwitcher$1, OrganizationSwitcherError, OrganizationSwitcherLoading } from "./lib/organization-switcher.js";
+import { keepPreviousData } from "@tanstack/react-query";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import { keepPreviousData } from "@tanstack/react-query";
 //#region src/organization-switcher.client.tsx
 const OrganizationSwitcher = ({ authToken, organizationLabel, switchToOrganization, truncateBehavior, variant, ...domProps }) => {
 	const baseUrl = useWorkOsApiUrl();

package/dist/esm/users-management.client.js

@@ -2,10 +2,10 @@
 import { useWorkOsApiUrl } from "./lib/widgets-context.js";
 import { ApiProvider, useApiReady } from "./api/api-provider.js";
 import { ErrorBoundary } from "./lib/error-boundary.js";
-import { usePermissions } from "./lib/use-permissions.js";
 import { UsersManagementContextProvider } from "./lib/users-management-context.js";
 import { useRolesAndConfig, useUsers } from "./lib/api/user.js";
 import { UsersManagement as UsersManagement$1, UsersManagementError, UsersManagementLoading } from "./lib/users-management.js";
+import { usePermissions } from "./lib/use-permissions.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/users-management.client.tsx

package/dist/esm/workos-widgets.client.d.ts

@@ -1,7 +1,7 @@
 import { Elements } from "./lib/elements.js";
+import { QueryClient } from "@tanstack/react-query";
 import * as React from "react";
 import { GetPropDefTypes, themePropDefs } from "@radix-ui/themes/props";
-import { QueryClient } from "@tanstack/react-query";
 //#region src/workos-widgets.client.d.ts
 export interface WorkOsWidgetsProps {
   elements?: Elements;

package/dist/esm/workos-widgets.client.js

@@ -1,14 +1,14 @@
 "use client";
-import { DEFAULT_API_HOSTNAME } from "./lib/api/config.js";
-import { WidgetsContext } from "./lib/widgets-context.js";
 import { WIDGETS_DATA_ATTRIBUTE_NAMESPACE } from "./lib/constants.js";
 import { namespaceClassNames } from "./lib/utils/namespace-class-names.js";
 import { ExpiredTokenError, IncorrectPermissionsError } from "./lib/errors.js";
-import * as React from "react";
+import { DEFAULT_API_HOSTNAME } from "./lib/api/config.js";
+import { WidgetsContext } from "./lib/widgets-context.js";
 import { Theme } from "@radix-ui/themes";
-import { Fragment, jsx } from "react/jsx-runtime";
-import cx from "clsx";
 import { QueryCache, QueryClient, QueryClientProvider, useQueryClient } from "@tanstack/react-query";
+import cx from "clsx";
+import * as React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/workos-widgets.client.tsx
 const WorkOsWidgets = ({ elements = {}, className, theme: { fontFamily, ...radixThemesProps } = {}, style = {}, children, apiHostname = DEFAULT_API_HOSTNAME, port = null, https = true, queryClient }) => {
 	const customStyle = fontFamily ? {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workos-inc/widgets",
-  "version": "1.20.1",
+  "version": "1.20.2-next.1792082022643",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -77,7 +77,6 @@
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "clsx": "^2.1.1",
-    "fast-glob": "^3.3.3",
     "radix-ui": "^1.6.7",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",