@workos-inc/widgets 1.20.3-next.1793998900035 → 1.21.0

package/src/widgets/organization-switcher/organization-switcher.tsx

@@ -74,7 +74,7 @@ const OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({
         variant={variant}
         {...domProps}
         message={translate({
-          id: "XimGbo",
+          id: "aZ7eyn",
           defaultMessage: "No organizations found",
           description:
             "Shown in the disabled organization switcher when the user belongs to no organizations",
@@ -86,7 +86,7 @@ const OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({
   const currentOrganizationName =
     currentOrganization?.name ??
     translate({
-      id: "aZ7eyn",
+      id: "OLi4Va",
       defaultMessage: "Select an organization",
       description:
         "Placeholder in the organization switcher trigger when the user has organizations but none is active",

package/src/widgets/pipes/pipes-connections.tsx

@@ -212,7 +212,7 @@ const ConnectionNameField: React.FC<ConnectionNameFieldProps> = ({
   const translate = useTranslation();
   const placeholder = translate({
     defaultMessage: "e.g. Marketing",
-    id: "Rn4cLp",
+    id: "pWC98E",
     description: "Placeholder for the connection name input",
   });
 
@@ -222,14 +222,14 @@ const ConnectionNameField: React.FC<ConnectionNameFieldProps> = ({
         <Label htmlFor={id}>
           <Translation
             defaultMessage="Name"
-            id="Rn1lNm"
+            id="KdgU9T"
             description="Label for the connection name input"
           />
         </Label>
         <Text size="1" color="gray">
           <Translation
             defaultMessage="Optional"
-            id="Rn0oPt"
+            id="2Yy441"
             description="Hint beside the connection name input saying it can be left empty"
           />
         </Text>
@@ -291,7 +291,7 @@ const RenameConnectionDialog: React.FC<RenameConnectionDialogProps> = ({
 
   const placeholder = translate({
     defaultMessage: "e.g. Marketing",
-    id: "Rn4cLp",
+    id: "pWC98E",
     description: "Placeholder for the connection name input",
   });
 
@@ -301,7 +301,7 @@ const RenameConnectionDialog: React.FC<RenameConnectionDialogProps> = ({
         <Dialog.Title size="3" weight="bold">
           <Translation
             defaultMessage="Rename {integrationName} connection"
-            id="Rn7tTl"
+            id="c1jT5Q"
             description="Dialog title for renaming one connection to a provider"
             values={{ integrationName }}
           />
@@ -309,7 +309,7 @@ const RenameConnectionDialog: React.FC<RenameConnectionDialogProps> = ({
         <Dialog.Description color="gray" mt="1">
           <Translation
             defaultMessage="Give this connection a name to tell it apart from your other {integrationName} connections."
-            id="Rn2dSc"
+            id="Ptf2r1"
             description="Explains what a connection name is for"
             values={{ integrationName }}
           />
@@ -321,7 +321,7 @@ const RenameConnectionDialog: React.FC<RenameConnectionDialogProps> = ({
               {errorMessage ?? (
                 <Translation
                   defaultMessage="An error occurred while renaming this connection. Please try again."
-                  id="Rn9eRr"
+                  id="0grPwn"
                   description="Error message when renaming a connection fails"
                 />
               )}
@@ -335,7 +335,7 @@ const RenameConnectionDialog: React.FC<RenameConnectionDialogProps> = ({
               {warning.code === DUPLICATE_LABEL_WARNING ? (
                 <Translation
                   defaultMessage="Saved. Another {integrationName} connection already uses this name, so you may want to pick one that tells them apart."
-                  id="Rn2wDp"
+                  id="eB4eyQ"
                   description="Notice after renaming a connection to a name another connection to the same provider already has"
                   values={{ integrationName }}
                 />
@@ -368,7 +368,7 @@ const RenameConnectionDialog: React.FC<RenameConnectionDialogProps> = ({
             <Label htmlFor={`rename-connection-${installation.id}`}>
               <Translation
                 defaultMessage="Name"
-                id="Rn1lNm"
+                id="KdgU9T"
                 description="Label for the connection name input"
               />
             </Label>
@@ -389,7 +389,7 @@ const RenameConnectionDialog: React.FC<RenameConnectionDialogProps> = ({
                 {warnings.length > 0 ? (
                   <Translation
                     defaultMessage="Done"
-                    id="Rn6dDn"
+                    id="YlARFG"
                     description="Button to close the rename dialog after a name was saved with a warning"
                   />
                 ) : (
@@ -408,7 +408,7 @@ const RenameConnectionDialog: React.FC<RenameConnectionDialogProps> = ({
             >
               <Translation
                 defaultMessage="Save"
-                id="Rn5sVe"
+                id="JmvID+"
                 description="Button to save a connection's new name"
               />
             </Button>
@@ -435,7 +435,7 @@ const ConnectionCountStatus: React.FC<ConnectionCountStatusProps> = ({
     <Status state="neutral">
       <Translation
         defaultMessage="{count} connections"
-        id="Rn3cCt"
+        id="ZarniP"
         description="Status for a provider grouping two or more connections, giving how many"
         values={{ count }}
       />
@@ -447,7 +447,7 @@ const RenameMenuLabel: React.FC = () => {
   return (
     <Translation
       defaultMessage="Rename"
-      id="Rn6mRn"
+      id="iiQbUM"
       description="Menu option to rename one connection"
     />
   );
@@ -457,7 +457,7 @@ const ConnectAnotherAccountMenuLabel: React.FC = () => {
   return (
     <Translation
       defaultMessage="Connect another account"
-      id="Rn8mCa"
+      id="SNK0to"
       description="Menu option to add another connection to the same provider"
     />
   );
@@ -467,7 +467,7 @@ const AddConnectionButtonLabel: React.FC = () => {
   return (
     <Translation
       defaultMessage="Add connection"
-      id="Rn0bAc"
+      id="DFzo7c"
       description="Button to add another connection to a provider that already has several"
     />
   );

package/src/widgets/pipes/pipes-credential-attribution.tsx

@@ -30,7 +30,7 @@ function usePipesCredentialAttribution() {
             "Shared credentials must be attributed to the signed-in user. The application must omit PipesAdmin's userId prop or pass the signed-in user's WorkOS user ID.",
           description:
             "Configuration error when the host-supplied PipesAdmin user ID differs from the authenticated user",
-          id: "pipesCredentialUserMismatch",
+          id: "jhlRXY",
         })
       : !userId
         ? translate({
@@ -38,7 +38,7 @@ function usePipesCredentialAttribution() {
               "Shared credentials require an acting WorkOS user. The application must use a user-backed session or supply the acting person's WorkOS user ID through PipesAdmin's userId prop when using an application credential token.",
             description:
               "Configuration guidance for shared credential writes without an acting user; no user ID entry is requested",
-            id: "pipesCredentialUserRequired",
+            id: "LXD0s/",
           })
         : undefined;
 

package/src/widgets/pipes/pipes.tsx

@@ -2510,7 +2510,7 @@ const SharedConnectionStatus: React.FC<SharedConnectionStatusProps> = ({
     <Status state="success">
       <Translation
         defaultMessage="Available"
-        id="_jQjSu"
+        id="/jQjSu"
         description="Status text for a shared connection the member can use"
       />
     </Status>
@@ -2639,7 +2639,7 @@ const MemberConnectionStatus: React.FC<MemberConnectionStatusProps> = ({
         ) : (
           <Translation
             defaultMessage="Connected via OAuth"
-            id="pJcK_M"
+            id="pJcK/M"
             description="Status text for a connection established with OAuth"
           />
         )}
@@ -2652,7 +2652,7 @@ const MemberConnectionStatus: React.FC<MemberConnectionStatusProps> = ({
       {installation.auth_method === "api_key" ? (
         <Translation
           defaultMessage="Update your API key"
-          id="-YLPTk"
+          id="+YLPTk"
           description="Status text for a connection whose API key stopped working"
         />
       ) : (
@@ -2815,7 +2815,7 @@ const MemberConnectionActions: React.FC<MemberConnectionActionsProps> = ({
             <Button variant="secondary" onClick={openApiKey}>
               <Translation
                 defaultMessage="Update key"
-                id="MP-aOE"
+                id="MP+aOE"
                 description="Button to replace the API key of a connection that stopped working"
               />
             </Button>
@@ -3143,7 +3143,7 @@ const PipesSections: React.FC<PipesSectionsProps> = ({
           title={
             <Translation
               defaultMessage="Shared connections"
-              id="Fcd-bK"
+              id="Fcd+bK"
               description="Heading for the section listing connections the organization owns"
             />
           }
@@ -3184,7 +3184,7 @@ const PipesSections: React.FC<PipesSectionsProps> = ({
         title={
           <Translation
             defaultMessage="Your connections"
-            id="-VDI3G"
+            id="+VDI3G"
             description="Heading for the section listing the member's own connections"
           />
         }

package/src/widgets/pipes-admin/pipes-admin.tsx

@@ -1064,7 +1064,7 @@ const DisconnectSharedConnectionDialog: React.FC<
         <AlertDialog.Title>
           <Translation
             defaultMessage="Disconnect shared connection"
-            id="Xy5Xq1"
+            id="squg8w"
             description="Dialog title for disconnecting an organization-owned connection"
           />
         </AlertDialog.Title>
@@ -1073,7 +1073,7 @@ const DisconnectSharedConnectionDialog: React.FC<
             <Callout.Text>
               <Translation
                 defaultMessage="An error occurred while disconnecting this connection. Please refresh the page and try again."
-                id="q0Yb2E"
+                id="4jVbNf"
                 description="Error message when disconnecting an organization-owned connection fails"
               />
             </Callout.Text>
@@ -1082,7 +1082,7 @@ const DisconnectSharedConnectionDialog: React.FC<
         <AlertDialog.Description>
           <Translation
             defaultMessage="Are you sure you want to disconnect the {integrationName} account your organization shares with everyone? Members will lose access to it."
-            id="mS2v8L"
+            id="Z6BA1i"
             description="Confirmation message for disconnecting an organization-owned connection"
             values={{
               integrationName: (
@@ -1163,7 +1163,7 @@ const AdminRow: React.FC<AdminRowProps> = ({
   const translate = useTranslation();
   const actionsTitle = translate({
     defaultMessage: "More actions",
-    id: "eR4kYp",
+    id: "Uul0bl",
     description: "Accessible title for a provider row's overflow actions menu",
   });
   const promoted = actions.find((action) => action.promoted);
@@ -1267,7 +1267,7 @@ const ConnectedViaStatus: React.FC<ConnectedViaStatusProps> = ({ method }) => {
       ) : (
         <Translation
           defaultMessage="Connected via OAuth"
-          id="pJcK_M"
+          id="pJcK/M"
           description="Status text for a connection established with OAuth"
         />
       )}
@@ -1280,7 +1280,7 @@ const DisabledForOrganizationStatus: React.FC = () => {
     <Status state="neutral">
       <Translation
         defaultMessage="Disabled for your organization"
-        id="uH2sNc"
+        id="CtyB4Q"
         description="Status for a provider the organization has disabled"
       />
     </Status>
@@ -1355,7 +1355,7 @@ const DisabledStatus: React.FC<DisabledStatusProps> = ({ configuration }) => {
     <Status state="neutral">
       <Translation
         defaultMessage="Disabled by developer"
-        id="k2Jd9W"
+        id="yc3wqV"
         description="Status text for a shared connection the developer has disabled"
       />
     </Status>
@@ -1399,7 +1399,7 @@ const SharedConnectionAdminStatus: React.FC<
     <Status state="warning">
       <Translation
         defaultMessage="Needs attention"
-        id="pL5wGd"
+        id="m2et65"
         description="Status for a shared connection that stopped working and needs the admin to fix it"
       />
     </Status>
@@ -1526,14 +1526,14 @@ const SharedConnectionAccountRow: React.FC<SharedConnectionAccountRowProps> = ({
     ) : (
       <Translation
         defaultMessage="Rotate API key"
-        id="kR7pQz"
+        id="H9wfJb"
         description="Menu option to rotate an organization-owned API key"
       />
     )
   ) : method === "client_credentials" ? (
     <Translation
       defaultMessage="Update client credentials"
-      id="vB8dLq"
+      id="EapvF+"
       description="Menu option to update an organization-owned integration's client credentials"
     />
   ) : (
@@ -1683,7 +1683,7 @@ const SharedConnectionAccountRow: React.FC<SharedConnectionAccountRowProps> = ({
           nested ? null : needsOrganizationCredentials ? (
             <Translation
               defaultMessage="Enter your organization's OAuth client to make this connectable."
-              id="rQ8mVz"
+              id="fuTxTU"
               description="Second line of a shared connection row whose organization OAuth credentials have not been entered yet"
             />
           ) : (
@@ -1832,7 +1832,7 @@ const ProviderSettingsItem: React.FC<ProviderSettingsItemProps> = ({
             <Status state="neutral">
               <Translation
                 defaultMessage="Not configured"
-                id="gV7bXe"
+                id="1n86DJ"
                 description="Status for a provider whose organization credentials have not been entered yet"
               />
             </Status>
@@ -2004,7 +2004,7 @@ const PipesAdminSections: React.FC<PipesAdminSectionsProps> = ({
           title={
             <Translation
               defaultMessage="Shared connections"
-              id="Fcd-bK"
+              id="Fcd+bK"
               description="Heading for the section listing connections the organization owns"
             />
           }
@@ -2043,14 +2043,14 @@ const PipesAdminSections: React.FC<PipesAdminSectionsProps> = ({
         title={
           <Translation
             defaultMessage="Provider settings"
-            id="Zq7Lr3"
+            id="iYyowi"
             description="Heading for the section of provider settings governing members' own connections"
           />
         }
         description={
           <Translation
             defaultMessage="What members of this organization can connect to, and with which scopes."
-            id="c3Vb8N"
+            id="au5JER"
             description="Description of the provider settings section"
           />
         }

package/src/widgets/user-sessions/user-sessions.tsx

@@ -190,7 +190,7 @@ const UserSession: React.FC<UserSessionProps> = ({
       defaultMessage: "Unknown location",
       description:
         "Text for a session whose location could not be determined from its user agent",
-      id: "4+P9Yz",
+      id: "uMbGX5",
     });
   const timeAgo = useComparativeReadableDate({
     date: session.lastActivityAt ? new Date(session.lastActivityAt) : null,