getlago · ansmonjol · Nov 24, 2023 · Nov 17, 2023 · Nov 23, 2023
diff --git a/package.json b/package.json
@@ -83,7 +83,7 @@
     "html-webpack-plugin": "5.5.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "prettier": "2.8.8",
+    "prettier": "3.1.0",
     "style-loader": "3.3.3",
     "ts-jest": "29.1.1",
     "ts-loader": "9.4.4",

diff --git a/scripts/InspectTranslationKeys.js b/scripts/InspectTranslationKeys.js
@@ -57,7 +57,7 @@ async function extract() {
             31 +
             'm' +
             `\n----- Keys used but not defined ----- ${keysNotInDitto.length}` +
-            '\u001b[0m'
+            '\u001b[0m',
         )
         console.info(keysNotInDitto.join('\n'))
       }
@@ -67,7 +67,7 @@ async function extract() {
             31 +
             'm' +
             `\n----- Keys defined but not used ----- ${dittoKeysNotUsed.length}` +
-            '\u001b[0m'
+            '\u001b[0m',
         )
         console.info(dittoKeysNotUsed.join('\n'))
       }

diff --git a/scripts/MergeTranslationFiles.js b/scripts/MergeTranslationFiles.js
@@ -18,7 +18,7 @@ async function extract(locale) {
 
   fs.writeFileSync(
     path.join(DITTO_DIR, `/${fileLocaleKey}.json`),
-    `${JSON.stringify(allKeys, null, 2)}\n`
+    `${JSON.stringify(allKeys, null, 2)}\n`,
   )
 }
 

diff --git a/src/components/CodeSnippet.tsx b/src/components/CodeSnippet.tsx
@@ -78,7 +78,7 @@ export const CodeSnippet = memo(
         )}
       </Content>
     )
-  }
+  },
 )
 
 CodeSnippet.displayName = 'CodeSnippet'
@@ -183,7 +183,13 @@ const Content = styled.div`
   pre[class*='language-'] {
     color: #19212e;
     background: none;
-    font-family: IBM Plex Mono, Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-family:
+      IBM Plex Mono,
+      Consolas,
+      Monaco,
+      'Andale Mono',
+      'Ubuntu Mono',
+      monospace;
     text-align: left;
     white-space: pre;
     word-spacing: normal;

diff --git a/src/components/DebugInfoDialog.tsx b/src/components/DebugInfoDialog.tsx
@@ -36,7 +36,7 @@ export const DebugInfoDialog = forwardRef<DialogRef>(({}, ref) => {
                   (!!currentUser?.id
                     ? `
 **User Id :** ${currentUser?.id}`
-                    : '')
+                    : ''),
               )
 
               addToast({

diff --git a/src/components/PremiumWarningDialog.tsx b/src/components/PremiumWarningDialog.tsx
@@ -21,7 +21,7 @@ export const PremiumWarningDialog = forwardRef<DialogRef>(({}, ref) => {
           </Button>
           <LinkTo
             href={`mailto:[email protected]?subject=${translate(
-              'text_63b3f676d44671bf24d81411'
+              'text_63b3f676d44671bf24d81411',
             )}&body=${translate('text_63b3f676d44671bf24d81413')}`}
           >
             <FullWidthButton>{translate('text_63b3155768489ee342482f55')}</FullWidthButton>

diff --git a/src/components/RouteWrapper.tsx b/src/components/RouteWrapper.tsx
@@ -27,7 +27,7 @@ const PageWrapper = ({ children, routeConfig }: PageWrapperProps) => {
 
 export const routesFormatter: (
   routesToFormat: CustomRouteObject[],
-  loggedIn: boolean
+  loggedIn: boolean,
 ) => RouteObject[] = (routesToFormat, loggedIn) => {
   return routesToFormat.reduce<RouteObject[]>((acc, route) => {
     const routeConfig = {

diff --git a/src/components/TimezoneDate.tsx b/src/components/TimezoneDate.tsx
@@ -77,9 +77,9 @@ export const TimezoneDate = ({
           mainTimezone === MainTimezoneEnum.organization
             ? timezone
             : mainTimezone === MainTimezoneEnum.customer
-            ? customerTimezone
-            : TimezoneEnum.TzUtc,
-          mainDateFormat
+              ? customerTimezone
+              : TimezoneEnum.TzUtc,
+          mainDateFormat,
         )}
       </Date>
     </StyledTooltip>

diff --git a/src/components/WarningDialog.tsx b/src/components/WarningDialog.tsx
@@ -26,7 +26,7 @@ export const WarningDialog = forwardRef<DialogRef, WarningDialogProps>(
       forceOpen = false,
       ...props
     }: WarningDialogProps,
-    ref
+    ref,
   ) => {
     const { translate } = useInternationalization()
 
@@ -55,7 +55,7 @@ export const WarningDialog = forwardRef<DialogRef, WarningDialogProps>(
         data-test="warning-dialog"
       />
     )
-  }
+  },
 )
 
 WarningDialog.displayName = 'WarningDialog'
diff --git a/src/components/__tests__/WarningDialog.test.tsx b/src/components/__tests__/WarningDialog.test.tsx
@@ -16,8 +16,8 @@ async function prepare() {
         description="description"
         continueText="continueText"
         onContinue={onContinueMock}
-      />
-    )
+      />,
+    ),
   )
 }
 

diff --git a/src/components/addOns/AddOnItem.tsx b/src/components/addOns/AddOnItem.tsx
@@ -76,7 +76,7 @@ export const AddOnItem = ({ addOn, deleteDialogRef, navigationProps }: AddOnItem
                   {
                     currencyDisplay: 'symbol',
                     currency: amountCurrency,
-                  }
+                  },
                 ),
               })}
             </Typography>

diff --git a/src/components/billableMetrics/BillableMetricCodeSnippet.tsx b/src/components/billableMetrics/BillableMetricCodeSnippet.tsx
@@ -54,11 +54,11 @@ const getSnippets = (billableMetric?: CreateBillableMetricInput) => {
       "timestamp": $(date +%s), 
       "properties":  { 
         "${fieldName}": 12${
-        groupDimension > 0
-          ? `,
+          groupDimension > 0
+            ? `,
         ${propertiesForGroup}`
-          : ''
-      }
+            : ''
+        }
       }
     }
   }'
@@ -104,11 +104,11 @@ ${groupDimensionMessage}
       "timestamp": $(date +%s), 
       "properties":  { 
         "${fieldName}": "data"${
-        groupDimension > 0
-          ? `,
+          groupDimension > 0
+            ? `,
         ${propertiesForGroup}`
-          : ''
-      }
+            : ''
+        }
       }
     }
   }'
@@ -130,11 +130,11 @@ ${groupDimensionMessage}
       "timestamp": $(date +%s), 
       "properties":  { 
         "${fieldName}": 12${
-        groupDimension > 0
-          ? `,
+          groupDimension > 0
+            ? `,
         ${propertiesForGroup}`
-          : ''
-      }
+            : ''
+        }
       }
     }
   }'
@@ -156,11 +156,11 @@ ${groupDimensionMessage}
       "timestamp": $(date +%s), 
       "properties":  { 
         "${fieldName}": 12${
-        groupDimension > 0
-          ? `,
+          groupDimension > 0
+            ? `,
         ${propertiesForGroup}`
-          : ''
-      }
+            : ''
+        }
       }
     }
   }'

diff --git a/src/components/billableMetrics/BillableMetricItem.tsx b/src/components/billableMetrics/BillableMetricItem.tsx
@@ -124,7 +124,7 @@ export const BillableMetricItem = memo(
         </Popper>
       </ItemContainer>
     )
-  }
+  },
 )
 
 export const BillableMetricItemSkeleton = () => {

diff --git a/src/components/billableMetrics/DeleteBillableMetricDialog.tsx b/src/components/billableMetrics/DeleteBillableMetricDialog.tsx
@@ -31,7 +31,7 @@ export const DeleteBillableMetricDialog = forwardRef<DeleteBillableMetricDialogR
   const dialogRef = useRef<DialogRef>(null)
   const { translate } = useInternationalization()
   const [billableMetric, setBillableMetric] = useState<BillableMetricItemFragment | undefined>(
-    undefined
+    undefined,
   )
 
   const {
@@ -86,12 +86,12 @@ export const DeleteBillableMetricDialog = forwardRef<DeleteBillableMetricDialogR
                   usedObject1: translate(
                     'text_63c842ee2cd5dfeb173c2726',
                     { count: activeSubscriptionsCount },
-                    activeSubscriptionsCount
+                    activeSubscriptionsCount,
                   ),
                   usedObject2: translate(
                     'text_63c8431193e8aca80f14cced',
                     { count: draftInvoicesCount },
-                    draftInvoicesCount
+                    draftInvoicesCount,
                   ),
                 }
               : {
@@ -100,15 +100,15 @@ export const DeleteBillableMetricDialog = forwardRef<DeleteBillableMetricDialogR
                       ? translate(
                           'text_63c842ee2cd5dfeb173c2726',
                           { count: activeSubscriptionsCount },
-                          activeSubscriptionsCount
+                          activeSubscriptionsCount,
                         )
                       : translate(
                           'text_63c8431193e8aca80f14cced',
                           { count: draftInvoicesCount },
-                          draftInvoicesCount
+                          draftInvoicesCount,
                         ),
                 },
-            draftInvoicesCount > 0 && activeSubscriptionsCount > 0 ? 2 : 0
+            draftInvoicesCount > 0 && activeSubscriptionsCount > 0 ? 2 : 0,
           )
         ) : (
           <Typography html={translate('text_6256f824b6368e01153caa49')} />

diff --git a/src/components/billableMetrics/EditBillableMetricGroupDialog.tsx b/src/components/billableMetrics/EditBillableMetricGroupDialog.tsx
@@ -58,7 +58,7 @@ export const EditBillableMetricGroupDialog = forwardRef<EditBillableMetricGroupD
         continueText={translate('text_64f2044bd3655501184fe147')}
       />
     )
-  }
+  },
 )
 
 EditBillableMetricGroupDialog.displayName = 'EditBillableMetricGroupDialog'
diff --git a/src/components/coupons/AddPlanToCouponDialog.tsx b/src/components/coupons/AddPlanToCouponDialog.tsx
@@ -123,7 +123,7 @@ export const AddPlanToCouponDialog = forwardRef<DialogRef, AddPlanToCouponDialog
         />
       </Dialog>
     )
-  }
+  },
 )
 
 AddPlanToCouponDialog.displayName = 'AddPlanToCouponDialog'

diff --git a/src/components/coupons/CouponCaption.tsx b/src/components/coupons/CouponCaption.tsx
@@ -68,14 +68,14 @@ export const CouponCaption = memo(({ coupon, variant = 'caption' }: CouponCaptio
           amount: intlFormatNumber(
             deserializeAmount(
               Number(amountCentsRemaining) || Number(amountCents),
-              amountCurrency || CurrencyEnum.Usd
+              amountCurrency || CurrencyEnum.Usd,
             ) || 0,
             {
               currencyDisplay: 'symbol',
               currency: amountCurrency || undefined,
-            }
+            },
           ),
-        }
+        },
       )
     } else if (couponType === CouponTypeEnum.Percentage && frequency === CouponFrequency.Once) {
       return translate('text_632d68358f1fedc68eed3eb5', {
@@ -94,16 +94,16 @@ export const CouponCaption = memo(({ coupon, variant = 'caption' }: CouponCaptio
           amount: intlFormatNumber(
             deserializeAmount(
               Number(amountCentsRemaining) || Number(amountCents),
-              amountCurrency || CurrencyEnum.Usd
+              amountCurrency || CurrencyEnum.Usd,
             ) || 0,
             {
               currencyDisplay: 'symbol',
               currency: amountCurrency || undefined,
-            }
+            },
           ),
           duration: frequencyDurationRemaining || frequencyDuration,
         },
-        frequencyDurationRemaining || frequencyDuration || 1
+        frequencyDurationRemaining || frequencyDuration || 1,
       )
     } else if (
       couponType === CouponTypeEnum.Percentage &&
@@ -118,7 +118,7 @@ export const CouponCaption = memo(({ coupon, variant = 'caption' }: CouponCaptio
           }),
           duration: frequencyDurationRemaining || frequencyDuration,
         },
-        frequencyDurationRemaining || frequencyDuration || 1
+        frequencyDurationRemaining || frequencyDuration || 1,
       )
     } else if (couponType === CouponTypeEnum.FixedAmount && frequency === CouponFrequency.Forever) {
       return translate('text_63c946e8bef768ead2fee35c', {
@@ -127,7 +127,7 @@ export const CouponCaption = memo(({ coupon, variant = 'caption' }: CouponCaptio
           {
             currencyDisplay: 'symbol',
             currency: amountCurrency || undefined,
-          }
+          },
         ),
       })
     } else if (couponType === CouponTypeEnum.Percentage && frequency === CouponFrequency.Forever) {

diff --git a/src/components/coupons/CouponCodeSnippet.tsx b/src/components/coupons/CouponCodeSnippet.tsx
@@ -18,7 +18,7 @@ const getSnippets = (
   hasBillableMetricLimit: boolean,
   limitPlansList?: PlansForCouponsFragment[],
   limitBillableMetricsList?: BillableMetricsForCouponsFragment[],
-  coupon?: CreateCouponInput
+  coupon?: CreateCouponInput,
 ) => {
   if (!coupon || !coupon.code) return '# Fill the form to generate the code snippet'
   const {
@@ -61,20 +61,20 @@ curl --location --request POST "${apiUrl}/api/v1/applied_coupons" \\
       "expiration_date": "${expirationAt ? expirationAt : '__MUST_BE_DEFINED__'}",`
           : `"expiration": "${expiration}",`
       }${
-    !!hasPlanLimit && !!limitPlansList?.length
-      ? `
+        !!hasPlanLimit && !!limitPlansList?.length
+          ? `
       "applies_to": { "plan_codes": [${limitPlansList.map(
-        (p: PlansForCouponsFragment) => `"${p.code}"`
+        (p: PlansForCouponsFragment) => `"${p.code}"`,
       )}] },`
-      : ''
-  }${
-    !!hasBillableMetricLimit && !!limitBillableMetricsList?.length
-      ? `
+          : ''
+      }${
+        !!hasBillableMetricLimit && !!limitBillableMetricsList?.length
+          ? `
       "applies_to": { "billable_metrics_codes": [${limitBillableMetricsList.map(
-        (b: BillableMetricsForCouponsFragment) => `"${b.code}"`
+        (b: BillableMetricsForCouponsFragment) => `"${b.code}"`,
       )}] },`
-      : ''
-  }
+          : ''
+      }
     }
   }'
 
@@ -107,7 +107,7 @@ export const CouponCodeSnippet = ({
         hasBillableMetricLimit,
         limitPlansList,
         limitBillableMetricsList,
-        coupon
+        coupon,
       )}
     />
   )
-Original file line number
+Diff line change
@@ Expand Up @@
                       (!!currentUser?.id
                         ? `
     **User Id :** ${currentUser?.id}`
-                        : '')
+                        : ''),
                   )
                   addToast({
@@ Expand Down @@