Merge branch 'dev' into chore/VCST-2408-analytics-module

.github/workflows/theme-ci.yml

@@ -101,6 +101,15 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
 
+      - name: Check Locales
+        run: |
+          set -o pipefail
+          yarn check-locales 2>&1 | tee check-locales.log
+          if grep -q "Warning:" check-locales.log; then
+            echo "Locale check completed with warnings."
+            exit 1
+          fi
+
       - name: Build
         run: |
           yarn build

README.md

@@ -243,6 +243,13 @@ yarn generate:dependency-graph client-app/main.ts client-app/shared/account/comp
 ```
 The generated graph will also be saved in the `artifacts` folder.
 
+```
+yarn check-locales -- path/to/locales_folder path/to/**/locales
+```
+The command is used to ensure that all locale files have consistent keys across different languages. This helps in maintaining uniformity and avoiding missing translations.
+
+The script will output warnings for any missing keys in the locale files. Review these warnings to ensure all necessary translations are present. Also added to the CI pipeline.
+
 ### Troubleshooting
 
 If you encounter an error such as `dot command not found` on Windows, ensure that [Graphviz](https://graphviz.gitlab.io/download/) is installed on your system.

client-app/assets/styles/preflight.scss

@@ -9,12 +9,6 @@
   body {
     @apply text-[--body-text-color];
   }
-
-  .builder-block {
-    .vc-container {
-      --body-bg-color: transparent;
-    }
-  }
 }
 
 /* Chrome, Safari, Edge, Opera */

client-app/assets/styles/vendors.scss

@@ -1 +1,2 @@
 @use "vendors/swiper";
+@use "vendors/builder-io";

client-app/assets/styles/vendors/_builder-io.scss

@@ -0,0 +1,49 @@
+.builder-block {
+  .vc-container {
+    --body-bg-color: transparent;
+  }
+
+  h1 {
+    @apply text-2xl tracking-wide font-bold uppercase;
+
+    @media (min-width: theme("screens.lg")) {
+      @apply text-3xl;
+    }
+  }
+
+  h2 {
+    @apply text-xl tracking-wide font-bold uppercase;
+
+    @media (min-width: theme("screens.lg")) {
+      @apply text-2xl;
+    }
+  }
+
+  h3 {
+    @apply text-lg tracking-wide font-bold uppercase;
+
+    @media (min-width: theme("screens.lg")) {
+      @apply text-xl;
+    }
+  }
+
+  h4 {
+    @apply text-base font-bold uppercase;
+
+    @media (min-width: theme("screens.lg")) {
+      @apply text-lg;
+    }
+  }
+
+  h5 {
+    @apply text-base font-bold uppercase;
+  }
+
+  h6 {
+    @apply text-base font-bold uppercase;
+  }
+
+  p {
+    @apply text-base;
+  }
+}