Update labels and refine hooks for teams and billing modules

This commit modifies several language labels and refines hooks related to 'teams' and 'billing' modules for better clarity and consistency. It also includes the deletion of unused locale files and package dependencies transfered to 'peerDependencies'. Lastly, it introduces minor enhancements in server command, error logging functionality, and scripts to interact with Stripe.

packages/features/team-accounts/src/components/create-team-account-dialog.tsx

@@ -33,7 +33,7 @@ export function CreateTeamAccountDialog(
     <Dialog open={props.isOpen} onOpenChange={props.setIsOpen}>
       <DialogContent>
         <DialogTitle>
-          <Trans i18nKey={'organization:createOrganizationModalHeading'} />
+          <Trans i18nKey={'teams:createOrganizationModalHeading'} />
         </DialogTitle>
 
         <CreateOrganizationAccountForm />
@@ -77,7 +77,7 @@ function CreateOrganizationAccountForm() {
               return (
                 <FormItem>
                   <FormLabel>
-                    <Trans i18nKey={'organization:organizationNameLabel'} />
+                    <Trans i18nKey={'teams:organizationNameLabel'} />
                   </FormLabel>
 
                   <FormControl>
@@ -105,7 +105,7 @@ function CreateOrganizationAccountForm() {
             data-test={'confirm-create-organization-button'}
             disabled={pending}
           >
-            <Trans i18nKey={'organization:createOrganizationSubmitLabel'} />
+            <Trans i18nKey={'teams:createOrganizationSubmitLabel'} />
           </Button>
         </div>
       </form>
@@ -117,11 +117,11 @@ function CreateOrganizationErrorAlert() {
   return (
     <Alert variant={'destructive'}>
       <AlertTitle>
-        <Trans i18nKey={'organization:createOrganizationErrorHeading'} />
+        <Trans i18nKey={'teams:createOrganizationErrorHeading'} />
       </AlertTitle>
 
       <AlertDescription>
-        <Trans i18nKey={'organization:createOrganizationErrorMessage'} />
+        <Trans i18nKey={'teams:createOrganizationErrorMessage'} />
       </AlertDescription>
     </Alert>
   );

packages/features/team-accounts/src/components/invitations/delete-invitation-dialog.tsx

@@ -90,11 +90,11 @@ function RemoveInvitationErrorAlert() {
   return (
     <Alert variant={'destructive'}>
       <AlertTitle>
-        <Trans i18nKey={'organization:deleteInvitationErrorTitle'} />
+        <Trans i18nKey={'teams:deleteInvitationErrorTitle'} />
       </AlertTitle>
 
       <AlertDescription>
-        <Trans i18nKey={'organization:deleteInvitationErrorMessage'} />
+        <Trans i18nKey={'teams:deleteInvitationErrorMessage'} />
       </AlertDescription>
     </Alert>
   );

packages/features/team-accounts/src/components/invitations/update-invitation-dialog.tsx

@@ -42,11 +42,11 @@ export const UpdateInvitationDialog: React.FC<{
       <DialogContent>
         <DialogHeader>
           <DialogTitle>
-            <Trans i18nKey={'organization:updateMemberRoleModalHeading'} />
+            <Trans i18nKey={'teams:updateMemberRoleModalHeading'} />
           </DialogTitle>
 
           <DialogDescription>
-            <Trans i18nKey={'organization:updateMemberRoleModalDescription'} />
+            <Trans i18nKey={'teams:updateMemberRoleModalDescription'} />
           </DialogDescription>
         </DialogHeader>
 
@@ -139,7 +139,7 @@ function UpdateInvitationForm({
         />
 
         <Button data-test={'confirm-update-member-role'} disabled={pending}>
-          <Trans i18nKey={'organization:updateRoleSubmitLabel'} />
+          <Trans i18nKey={'teams:updateRoleSubmitLabel'} />
         </Button>
       </form>
     </Form>
@@ -150,11 +150,11 @@ function UpdateRoleErrorAlert() {
   return (
     <Alert variant={'destructive'}>
       <AlertTitle>
-        <Trans i18nKey={'organization:updateRoleErrorHeading'} />
+        <Trans i18nKey={'teams:updateRoleErrorHeading'} />
       </AlertTitle>
 
       <AlertDescription>
-        <Trans i18nKey={'organization:updateRoleErrorMessage'} />
+        <Trans i18nKey={'teams:updateRoleErrorMessage'} />
       </AlertDescription>
     </Alert>
   );

packages/features/team-accounts/src/components/members/invite-members-dialog-container.tsx

@@ -211,7 +211,7 @@ function InviteMembersForm({
                 <Plus className={'h-4'} />
 
                 <span>
-                  <Trans i18nKey={'organization:addAnotherMemberButtonLabel'} />
+                  <Trans i18nKey={'teams:addAnotherMemberButtonLabel'} />
                 </span>
               </span>
             </Button>

packages/features/team-accounts/src/components/members/remove-member-dialog.tsx

@@ -84,7 +84,7 @@ function RemoveMemberForm({
           disabled={isSubmitting}
           onClick={onMemberRemoved}
         >
-          <Trans i18nKey={'organization:removeMemberSubmitLabel'} />
+          <Trans i18nKey={'teams:removeMemberSubmitLabel'} />
         </Button>
       </div>
     </form>
@@ -95,11 +95,11 @@ function RemoveMemberErrorAlert() {
   return (
     <Alert variant={'destructive'}>
       <AlertTitle>
-        <Trans i18nKey={'organization:removeMemberErrorHeading'} />
+        <Trans i18nKey={'teams:removeMemberErrorHeading'} />
       </AlertTitle>
 
       <AlertDescription>
-        <Trans i18nKey={'organization:removeMemberErrorMessage'} />
+        <Trans i18nKey={'teams:removeMemberErrorMessage'} />
       </AlertDescription>
     </Alert>
   );

packages/features/team-accounts/src/components/members/transfer-ownership-dialog.tsx

@@ -109,7 +109,7 @@ function TransferOrganizationOwnershipForm({
 
         <p>
           <Trans
-            i18nKey={'organization:transferOwnershipDisclaimer'}
+            i18nKey={'teams:transferOwnershipDisclaimer'}
             values={{
               member: targetDisplayName,
             }}
@@ -153,9 +153,9 @@ function TransferOrganizationOwnershipForm({
         >
           <If
             condition={pending}
-            fallback={<Trans i18nKey={'organization:transferOwnership'} />}
+            fallback={<Trans i18nKey={'teams:transferOwnership'} />}
           >
-            <Trans i18nKey={'organization:transferringOwnership'} />
+            <Trans i18nKey={'teams:transferringOwnership'} />
           </If>
         </Button>
       </form>
@@ -167,11 +167,11 @@ function TransferOwnershipErrorAlert() {
   return (
     <Alert variant={'destructive'}>
       <AlertTitle>
-        <Trans i18nKey={'organization:transferOrganizationErrorHeading'} />
+        <Trans i18nKey={'teams:transferOrganizationErrorHeading'} />
       </AlertTitle>
 
       <AlertDescription>
-        <Trans i18nKey={'organization:transferOrganizationErrorMessage'} />
+        <Trans i18nKey={'teams:transferOrganizationErrorMessage'} />
       </AlertDescription>
     </Alert>
   );

packages/features/team-accounts/src/components/members/update-member-role-dialog.tsx

@@ -43,11 +43,11 @@ export const UpdateMemberRoleDialog: React.FC<{
       <DialogContent>
         <DialogHeader>
           <DialogTitle>
-            <Trans i18nKey={'organization:updateMemberRoleModalHeading'} />
+            <Trans i18nKey={'teams:updateMemberRoleModalHeading'} />
           </DialogTitle>
 
           <DialogDescription>
-            <Trans i18nKey={'organization:updateMemberRoleModalDescription'} />
+            <Trans i18nKey={'teams:updateMemberRoleModalDescription'} />
           </DialogDescription>
         </DialogHeader>
 
@@ -140,7 +140,7 @@ function UpdateMemberForm({
         />
 
         <Button data-test={'confirm-update-member-role'} disabled={pending}>
-          <Trans i18nKey={'organization:updateRoleSubmitLabel'} />
+          <Trans i18nKey={'teams:updateRoleSubmitLabel'} />
         </Button>
       </form>
     </Form>
@@ -151,11 +151,11 @@ function UpdateRoleErrorAlert() {
   return (
     <Alert variant={'destructive'}>
       <AlertTitle>
-        <Trans i18nKey={'organization:updateRoleErrorHeading'} />
+        <Trans i18nKey={'teams:updateRoleErrorHeading'} />
       </AlertTitle>
 
       <AlertDescription>
-        <Trans i18nKey={'organization:updateRoleErrorMessage'} />
+        <Trans i18nKey={'teams:updateRoleErrorMessage'} />
       </AlertDescription>
     </Alert>
   );

packages/features/team-accounts/src/components/team-account-danger-zone.tsx

@@ -45,12 +45,12 @@ function DeleteOrganizationContainer(props: { account: AccountData }) {
     <div className={'flex flex-col space-y-4'}>
       <div className={'flex flex-col space-y-1'}>
         <Heading level={6}>
-          <Trans i18nKey={'organization:deleteOrganization'} />
+          <Trans i18nKey={'teams:deleteOrganization'} />
         </Heading>
 
         <p className={'text-sm text-gray-500'}>
           <Trans
-            i18nKey={'organization:deleteOrganizationDescription'}
+            i18nKey={'teams:deleteOrganizationDescription'}
             values={{
               organizationName: props.account.name,
             }}
@@ -66,14 +66,14 @@ function DeleteOrganizationContainer(props: { account: AccountData }) {
               type={'button'}
               variant={'destructive'}
             >
-              <Trans i18nKey={'organization:deleteOrganization'} />
+              <Trans i18nKey={'teams:deleteOrganization'} />
             </Button>
           </DialogTrigger>
 
           <DialogContent>
             <DialogHeader>
               <DialogTitle>
-                <Trans i18nKey={'organization:deletingOrganization'} />
+                <Trans i18nKey={'teams:deletingOrganization'} />
               </DialogTitle>
             </DialogHeader>
 
@@ -104,7 +104,7 @@ function DeleteOrganizationForm({ name, id }: { name: string; id: string }) {
           >
             <div>
               <Trans
-                i18nKey={'organization:deleteOrganizationDisclaimer'}
+                i18nKey={'teams:deleteOrganizationDisclaimer'}
                 values={{
                   organizationName: name,
                 }}
@@ -119,7 +119,7 @@ function DeleteOrganizationForm({ name, id }: { name: string; id: string }) {
           <input type="hidden" value={id} name={'id'} />
 
           <Label>
-            <Trans i18nKey={'organization:organizationNameInputLabel'} />
+            <Trans i18nKey={'teams:organizationNameInputLabel'} />
 
             <Input
               name={'name'}
@@ -132,7 +132,7 @@ function DeleteOrganizationForm({ name, id }: { name: string; id: string }) {
             />
 
             <span className={'text-xs'}>
-              <Trans i18nKey={'organization:deleteOrganizationInputField'} />
+              <Trans i18nKey={'teams:deleteOrganizationInputField'} />
             </span>
           </Label>
         </div>
@@ -154,7 +154,7 @@ function DeleteOrganizationSubmitButton() {
       disabled={pending}
       variant={'destructive'}
     >
-      <Trans i18nKey={'organization:deleteOrganization'} />
+      <Trans i18nKey={'teams:deleteOrganization'} />
     </Button>
   );
 }
@@ -164,7 +164,7 @@ function LeaveOrganizationContainer(props: { account: AccountData }) {
     <div className={'flex flex-col space-y-4'}>
       <p>
         <Trans
-          i18nKey={'organization:leaveOrganizationDescription'}
+          i18nKey={'teams:leaveOrganizationDescription'}
           values={{
             organizationName: props.account.name,
           }}
@@ -179,16 +179,14 @@ function LeaveOrganizationContainer(props: { account: AccountData }) {
               type={'button'}
               variant={'destructive'}
             >
-              <Trans i18nKey={'organization:leaveOrganization'} />
+              <Trans i18nKey={'teams:leaveOrganization'} />
             </Button>
           </DialogTrigger>
 
           <DialogContent>
             <DialogHeader>
               <DialogTitle>
-                <Trans
-                  i18nKey={'organization:leavingOrganizationModalHeading'}
-                />
+                <Trans i18nKey={'teams:leavingOrganizationModalHeading'} />
               </DialogTitle>
             </DialogHeader>
 
@@ -200,7 +198,7 @@ function LeaveOrganizationContainer(props: { account: AccountData }) {
                   <div>
                     <div>
                       <Trans
-                        i18nKey={'organization:leaveOrganizationDisclaimer'}
+                        i18nKey={'teams:leaveOrganizationDisclaimer'}
                         values={{
                           organizationName: props.account?.name,
                         }}
@@ -230,7 +228,7 @@ function LeaveOrganizationSubmitButton() {
       disabled={pending}
       variant={'destructive'}
     >
-      <Trans i18nKey={'organization:leaveOrganization'} />
+      <Trans i18nKey={'teams:leaveOrganization'} />
     </Button>
   );
 }
@@ -239,7 +237,7 @@ function LeaveOrganizationErrorAlert() {
   return (
     <Alert variant={'destructive'}>
       <AlertTitle>
-        <Trans i18nKey={'organization:leaveOrganizationErrorHeading'} />
+        <Trans i18nKey={'teams:leaveOrganizationErrorHeading'} />
       </AlertTitle>
 
       <AlertDescription>
@@ -253,7 +251,7 @@ function DeleteOrganizationErrorAlert() {
   return (
     <Alert variant={'destructive'}>
       <AlertTitle>
-        <Trans i18nKey={'organization:deleteOrganizationErrorHeading'} />
+        <Trans i18nKey={'teams:deleteOrganizationErrorHeading'} />
       </AlertTitle>
 
       <AlertDescription>

packages/features/team-accounts/src/components/update-organization-form.tsx

@@ -66,9 +66,7 @@ export const UpdateOrganizationForm = (props: {
               return (
                 <FormItem>
                   <FormLabel>
-                    <Trans
-                      i18nKey={'organization:organizationNameInputLabel'}
-                    />
+                    <Trans i18nKey={'teams:organizationNameInputLabel'} />
                   </FormLabel>
 
                   <FormControl>
@@ -90,7 +88,7 @@ export const UpdateOrganizationForm = (props: {
               data-test={'update-organization-submit-button'}
               disabled={updateAccountData.isPending}
             >
-              <Trans i18nKey={'organization:updateOrganizationSubmitLabel'} />
+              <Trans i18nKey={'teams:updateOrganizationSubmitLabel'} />
             </Button>
           </div>
         </form>