feat(SW-706): enable lint rules for intl

apps/scandic-web/.eslintrc.json

@@ -74,14 +74,14 @@
       }
     ],
     // "formatjs/enforce-description": ["warn", "anything"],
-    // "formatjs/enforce-default-message": ["error", "literal"],
+    "formatjs/enforce-default-message": ["error", "literal"],
     "formatjs/enforce-placeholders": ["error"],
     "formatjs/enforce-plural-rules": ["error"],
     "formatjs/no-literal-string-in-jsx": ["error"],
     "formatjs/no-multiple-whitespaces": ["error"],
     "formatjs/no-multiple-plurals": ["error"],
     "formatjs/no-invalid-icu": ["error"],
-    // "formatjs/no-id": ["error"],
+    "formatjs/no-id": ["error"],
     "formatjs/no-complex-selectors": ["error"],
     "formatjs/no-useless-message": ["error"],
     "formatjs/prefer-pound-in-plural": ["error"]

apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/index.tsx

@@ -287,6 +287,7 @@ function BookingCodeError({ codeError }: { codeError: FieldError }) {
           className={styles.errorIcon}
         />
         {intl.formatMessage({
+          // eslint-disable-next-line formatjs/enforce-default-message
           defaultMessage: codeError.message,
         })}
       </Caption>

apps/scandic-web/components/Forms/BookingWidget/FormContent/RewardNight/index.tsx

@@ -126,6 +126,7 @@ export default function RewardNight() {
               className={styles.errorIcon}
             />
             {intl.formatMessage({
+              // eslint-disable-next-line formatjs/enforce-default-message
               defaultMessage: redemptionErr.message,
             })}
           </Caption>

apps/scandic-web/components/HotelReservation/FindMyBooking/schema.ts

@@ -9,19 +9,19 @@ export {
 }
 
 defineMessage({
-  id: "Invalid booking number",
+  defaultMessage: "Invalid booking number",
 })
 defineMessage({
-  id: "Booking number is required",
+  defaultMessage: "Booking number is required",
 })
 defineMessage({
-  id: "First name is required",
+  defaultMessage: "First name is required",
 })
 defineMessage({
-  id: "Last name is required",
+  defaultMessage: "Last name is required",
 })
 defineMessage({
-  id: "Email address is required",
+  defaultMessage: "Email address is required",
 })
 
 const additionalInfoFormSchema = z.object({

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/Campaign.tsx

@@ -178,7 +178,9 @@ export default function Campaign({
           product.public.localPrice.omnibusPricePerNight
             ? {
                 label: intl
-                  .formatMessage({ id: "Lowest price (last 30 days)" })
+                  .formatMessage({
+                    defaultMessage: "Lowest price (last 30 days)",
+                  })
                   .toUpperCase(),
                 price:
                   product.public.localPrice.omnibusPricePerNight.toString(),

apps/scandic-web/components/TempDesignSystem/Form/Input/index.tsx

@@ -82,6 +82,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
             <Caption className={styles.error} fontOnly>
               <MaterialIcon icon="info" color="Icon/Interactive/Accent" />
               {intl.formatMessage({
+                // eslint-disable-next-line formatjs/enforce-default-message
                 defaultMessage: fieldState.error.message,
               })}
             </Caption>

apps/scandic-web/components/TempDesignSystem/Form/PasswordInput/index.tsx

@@ -125,6 +125,7 @@ export default function PasswordInput({
                 <MaterialIcon icon="info" color="Icon/Feedback/Error" />
                 {fieldState.error &&
                   intl.formatMessage({
+                    // eslint-disable-next-line formatjs/enforce-default-message
                     defaultMessage: fieldState.error.message,
                   })}
               </Caption>