Merged in SW-3270-move-interactive-map-to-design-system-or-booking-flow (pull request #2681)

SW-3270 move interactive map to design system or booking flow

* wip

* wip

* merge

* wip

* add support for locales in design-system

* add story for HotelCard

* setup alias

* .

* remove tracking from design-system for hotelcard

* pass isUserLoggedIn

* export design-system-new-deprecated.css from design-system

* Add HotelMarkerByType to Storybook

* Add interactive map to Storybook

* fix reactintl in vitest

* rename env variables

* .

* fix background colors

* add storybook stories for <Link />

* merge

* fix tracking for when clicking 'See rooms' in InteractiveMap

* Merge branch 'master' of bitbucket.org:scandic-swap/web into SW-3270-move-interactive-map-to-design-system-or-booking-flow

* remove deprecated comment


Approved-by: Anton Gunnarsson

packages/design-system/.storybook/main.ts

@@ -1,5 +1,6 @@
-import { dirname, join } from 'path'
 import type { StorybookConfig } from '@storybook/nextjs-vite'
+import { dirname, join } from 'path'
+import { mergeConfig } from 'vite'
 
 const config: StorybookConfig = {
   stories: ['../lib/**/*.mdx', '../lib/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
@@ -9,11 +10,42 @@ const config: StorybookConfig = {
     getAbsolutePath('@storybook/addon-vitest'),
     getAbsolutePath('@storybook/addon-docs'),
     getAbsolutePath('@storybook/addon-a11y'),
+    getAbsolutePath('storybook-react-intl'),
   ],
   framework: {
     name: getAbsolutePath('@storybook/nextjs-vite'),
     options: {},
   },
+  async viteFinal(config) {
+    return mergeConfig(config, {
+      plugins: [
+        // Add babel plugin for react-intl transformation
+        {
+          name: 'formatjs-transform',
+          async transform(code, id) {
+            if (id.includes('node_modules')) return
+            if (!/\.(jsx?|tsx?)$/.test(id)) return
+
+            const babel = await import('@babel/core')
+            const result = babel.transformSync(code, {
+              plugins: [
+                [
+                  'formatjs',
+                  {
+                    idInterpolationPattern: '[sha512:contenthash:base64:6]',
+                    ast: true,
+                  },
+                ],
+              ],
+              filename: id,
+            })
+
+            return result?.code
+          },
+        },
+      ],
+    })
+  },
 }
 export default config