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

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

@@ -1,16 +1,16 @@
 "use client";
+import { clientGraphqlQueryKey, useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { useTranslation } from "./i18n/use-translation.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 { parseUserAgent } from "./utils/parse-user-agent.js";
-import * as React from "react";
 import { Flex, Strong } 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-dialog.tsx
 function LogoutDialog({ children, session, open, onOpenChange, ...props }) {
 	const client = useQueryClient();

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

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { Text } from "@radix-ui/themes";
+import * as React from "react";
 import { MarginProps } from "@radix-ui/themes/props";
 //#region src/lib/marker.d.ts
 type TextProps$1 = React.ComponentPropsWithoutRef<typeof Text>;

package/dist/esm/lib/marker.js

@@ -1,8 +1,8 @@
 import { namespaceClassNames } from "./utils/namespace-class-names.js";
-import * as React from "react";
 import { 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";
 //#region src/lib/marker.tsx
 const Marker = React.forwardRef(function Marker({ children, className, highContrast, ...props }, forwardedRef) {
 	return /* @__PURE__ */ jsx(Text, {

package/dist/esm/lib/name-server-icon.js

@@ -1,7 +1,7 @@
 "use client";
 import { ProviderIcon } from "./provider-icon.js";
-import * as React from "react";
 import { VisuallyHidden } from "@radix-ui/themes";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/name-server-icon.tsx
 const NameServerIcon = ({ provider }) => /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1,15 +1,15 @@
 "use client";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
 import { useTranslation } from "./i18n/use-translation.js";
+import { getErrorMessage } from "./generic-error.js";
 import { Content as DropdownMenuContent, Group, Item as MenuItem, Label, Root, Trigger, TriggerIcon } from "./elements/dropdown-menu.js";
 import { Button as Button$1, Skeleton as Skeleton$1 } from "./elements.js";
-import { Translation } from "./i18n/translation.js";
-import { getErrorMessage } from "./generic-error.js";
 import { useWidgetsInvalidator } from "./use-widgets-invalidator.js";
+import { Translation } from "./i18n/translation.js";
 import { isPromiseLike } from "./utils/is-promise-like.js";
 import { Box, ChevronDownIcon, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
-import { jsx, jsxs } from "react/jsx-runtime";
 import cx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon } from "@radix-ui/react-icons";
 //#region src/lib/organization-switcher.tsx
 const OrganizationSwitcher = ({ organizations, switchToOrganization, variant, organizationLabel = "Organizations", truncateBehavior = "right", children, ...domProps }) => {

package/dist/esm/lib/otp-input.d.ts

@@ -1,6 +1,6 @@
 import { TextField as TextField$1 } from "./elements.js";
-import * as React from "react";
 import { Grid } from "@radix-ui/themes";
+import * as React from "react";
 //#region src/lib/otp-input.d.ts
 type OtpRootProps = React.ComponentPropsWithoutRef<typeof Grid> & {
   id?: string;

package/dist/esm/lib/otp-input.js

@@ -2,8 +2,8 @@
 import { useComposedRefs } from "./compose-refs.js";
 import { TextField as TextField$1 } from "./elements.js";
 import { Control as FormControl, Field as FormField } from "./form.js";
-import * as React from "react";
 import { Grid } from "@radix-ui/themes";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/otp-input.tsx
 const OtpContext = React.createContext(void 0);

package/dist/esm/lib/pipes-admin.js

@@ -1,18 +1,18 @@
 "use client";
-import { Item, Root } from "./card-list.js";
+import { ApiError } from "../api/errors.js";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { getWidgetDomProps } from "./utils/widget-dom-props.js";
 import { useTranslation } from "./i18n/use-translation.js";
-import { Close, Content as DialogContent, Root as Root$1, Title } from "./elements/dialog.js";
-import { Cancel, Content as AlertDialogContent, Description as AlertDialogDescription, Root as Root$2, Title as Title$1 } from "./elements/alert-dialog.js";
-import { Content as DropdownMenuContent, Item as MenuItem, Root as Root$3, Trigger } from "./elements/dropdown-menu.js";
+import { GenericError } from "./generic-error.js";
+import { Close, Content as DialogContent, Root, Title } from "./elements/dialog.js";
+import { Cancel, Content as AlertDialogContent, Description as AlertDialogDescription, Root as Root$1, Title as Title$1 } from "./elements/alert-dialog.js";
+import { Content as DropdownMenuContent, Item as MenuItem, Root as Root$2, Trigger } from "./elements/dropdown-menu.js";
 import { Button as Button$1, IconButton as IconButton$1, Label, PasswordField, Skeleton as Skeleton$1, TextField as TextField$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 as Root$3 } from "./card-list.js";
+import { ProviderIcon } from "./provider-icon.js";
 import { Status } from "./status.js";
-import { Translation } from "./i18n/translation.js";
-import { GenericError } from "./generic-error.js";
-import { ApiError } from "../api/errors.js";
-import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { usePermissions } from "./use-permissions.js";
 import { DataIntegrationIcon } from "./data-integration-icon.js";
 import { dataIntegrationConfigurationsQueryKey, myDataIntegrationsQueryKeys, organizationDataIntegrationsQueryKey, sharedDataConnectionsQueryKey, useDataIntegrationConfigurations, useOrganizationDataIntegrations } from "./api/pipes.js";
@@ -21,11 +21,11 @@ import { buildRedactedSecret, isRedactedSecret } from "./redacted-secret.js";
 import { ApiKeyDialog, ClientCredentialsDialog, ConnectDialog, ConnectionFailedStatus, PipesEmptyItem, PipesSection, getUnpinnedInstallationFields, useAddConnectionFlow, useOpenDataIntegrationAuthorizeUrl } from "./pipes.js";
 import { CopyText } from "./copy-text.js";
 import { SearchableSelectList } from "./searchable-select-list.js";
-import { useEffect, useState } from "react";
 import { Callout, Card, Flex, Switch, Text, Tooltip } from "@radix-ui/themes";
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DotsHorizontalIcon, ExternalLinkIcon, InfoCircledIcon } from "@radix-ui/react-icons";
-import { useQueryClient } from "@tanstack/react-query";
 //#region src/lib/pipes-admin.tsx
 function RedirectUriField({ value }) {
 	const copyLabel = useTranslation()({
@@ -376,7 +376,7 @@ function OrgCredentialsDialog({ integration, open, onOpenChange, owner = "user"
 			]
 		}, field.key);
 	}) : null;
-	return /* @__PURE__ */ jsx(Root$1, {
+	return /* @__PURE__ */ jsx(Root, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(DialogContent, { children: [
@@ -687,7 +687,7 @@ function DisconnectSharedConnectionDialog({ integrationName, installationId, ope
 	useEffect(() => {
 		if (open) reset();
 	}, [open, reset]);
-	return /* @__PURE__ */ jsx(Root$2, {
+	return /* @__PURE__ */ jsx(Root$1, {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(AlertDialogContent, {
@@ -808,7 +808,7 @@ function AdminRow({ integration, name = integration.name, nested = false, status
 					variant: promoted.destructive ? "destructive" : "secondary",
 					onClick: promoted.onSelect,
 					children: promoted.label
-				}), overflow.length > 0 && /* @__PURE__ */ jsxs(Root$3, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
+				}), overflow.length > 0 && /* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Trigger, { children: /* @__PURE__ */ jsx(IconButton$1, {
 					title: actionsTitle,
 					children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
 				}) }), /* @__PURE__ */ jsx(DropdownMenuContent, {
@@ -1214,7 +1214,7 @@ function getWidgetRootDomProps(state, domProps) {
 * Presentational — the client wrapper fetches via `useManageableIntegrations`.
 */
 const PipesAdmin = ({ integrations, ...domProps }) => {
-	return /* @__PURE__ */ jsx(Root, {
+	return /* @__PURE__ */ jsx(Root$3, {
 		...getWidgetRootDomProps("resolved", domProps),
 		children: /* @__PURE__ */ jsx(PipesAdminItems, { integrations })
 	});
@@ -1293,7 +1293,7 @@ const PipesAdminSections = ({ integrations, sharedIntegrations, isSharedLoading,
 				id: "72FEZi",
 				description: "Description of the shared connections section when the organization name is unknown"
 			}),
-			children: /* @__PURE__ */ jsx(Root, { children: isSharedLoading ? /* @__PURE__ */ jsx(PipesAdminSkeletonItems, { count: 2 }) : sharedIntegrations.map((integration) => /* @__PURE__ */ jsx(SharedConnectionAdminItem, { integration }, integration.id)) })
+			children: /* @__PURE__ */ jsx(Root$3, { children: isSharedLoading ? /* @__PURE__ */ jsx(PipesAdminSkeletonItems, { count: 2 }) : sharedIntegrations.map((integration) => /* @__PURE__ */ jsx(SharedConnectionAdminItem, { integration }, integration.id)) })
 		}), /* @__PURE__ */ jsx(PipesSection, {
 			title: /* @__PURE__ */ jsx(Translation, {
 				defaultMessage: "Provider settings",
@@ -1305,7 +1305,7 @@ const PipesAdminSections = ({ integrations, sharedIntegrations, isSharedLoading,
 				id: "c3Vb8N",
 				description: "Description of the provider settings section"
 			}),
-			children: /* @__PURE__ */ jsx(Root, { children: integrations.length > 0 ? integrations.map((integration) => /* @__PURE__ */ jsx(ProviderSettingsItem, { integration }, integration.id)) : /* @__PURE__ */ jsx(PipesEmptyItem, { isFiltered: false }) })
+			children: /* @__PURE__ */ jsx(Root$3, { children: integrations.length > 0 ? integrations.map((integration) => /* @__PURE__ */ jsx(ProviderSettingsItem, { integration }, integration.id)) : /* @__PURE__ */ jsx(PipesEmptyItem, { isFiltered: false }) })
 		})]
 	});
 };
@@ -1342,7 +1342,7 @@ function PipesAdminSkeletonItems({ count }) {
 	}) }, index));
 }
 const PipesAdminLoading = ({ count, ...domProps }) => {
-	return /* @__PURE__ */ jsx(Root, {
+	return /* @__PURE__ */ jsx(Root$3, {
 		...getWidgetRootDomProps("loading", domProps),
 		children: /* @__PURE__ */ jsx(PipesAdminSkeletonItems, { count })
 	});