Merge branch 'main' into fix/environment-route-cache

Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>
Co-authored-by: Anshuman Pandey <54475686+pandeymangg@users.noreply.github.com>

.husky/pre-commit

@@ -1,5 +1,5 @@
 pnpm lint-staged
-pnpm tolgee-pull || true
+pnpm tolgee-pull || true 
 echo "{\"branchName\": \"main\"}" > ../branch.json
 git add branch.json packages/lib/messages/*.json
 

apps/web/app/api/v1/client/[environmentId]/environment/route.ts

@@ -6,6 +6,8 @@ import { environmentCache } from "@formbricks/lib/environment/cache";
 import { ResourceNotFoundError } from "@formbricks/types/errors";
 import { ZJsSyncInput } from "@formbricks/types/js";
 
+export const fetchCache = "force-no-store";
+
 export const OPTIONS = async (): Promise<Response> => {
   return responses.successResponse({}, true);
 };

apps/web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formbricks/web",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "private": true,
   "scripts": {
     "clean": "rimraf .turbo node_modules .next",

packages/lib/messages/de-DE.json

@@ -1245,7 +1245,7 @@
       "edit": {
         "1_choose_the_default_language_for_this_survey": "1. Wähle die Standardsprache für diese Umfrage:",
         "2_activate_translation_for_specific_languages": "2. Übersetzung für bestimmte Sprachen aktivieren:",
-        "add": "Hinzufügen +",
+        "add": "+ hinzufügen",
         "add_a_delay_or_auto_close_the_survey": "Füge eine Verzögerung hinzu oder schließe die Umfrage automatisch.",
         "add_a_four_digit_pin": "Füge eine vierstellige PIN hinzu",
         "add_a_new_question_to_your_survey": "Neue Frage hinzufügen",

packages/lib/messages/fr-FR.json

@@ -242,7 +242,7 @@
     "minimum": "Min",
     "mobile_overlay_text": "Formbricks n'est pas disponible pour les appareils avec des résolutions plus petites.",
     "move_down": "Déplacer vers le bas",
-    "move_up": "Monter",
+    "move_up": "Déplacer vers le haut",
     "multiple_languages": "Plusieurs langues",
     "name": "Nom",
     "negative": "Négatif",
@@ -1276,14 +1276,14 @@
         "address_fields": "Champs d'adresse",
         "address_line_1": "Ligne d'adresse 1",
         "address_line_2": "Ligne d'adresse 2",
-        "adjust_survey_closed_message": "Ajuster le message \"Sondage fermé",
+        "adjust_survey_closed_message": "Ajuster le message \"Sondage fermé\"",
         "adjust_survey_closed_message_description": "Modifiez le message que les visiteurs voient lorsque l'enquête est fermée.",
         "adjust_the_theme_in_the": "Ajustez le thème dans le",
-        "all_other_answers_will_continue_to": "Tous les autres réponses continueront à",
+        "all_other_answers_will_continue_to": "Toutes les autres réponses continueront à",
         "allow_file_type": "Autoriser le type de fichier",
         "allow_multi_select": "Autoriser la sélection multiple",
         "allow_multiple_files": "Autoriser plusieurs fichiers",
-        "allow_users_to_select_more_than_one_image": "Permettre aux utilisateurs de sélectionner plus d'une image",
+        "allow_users_to_select_more_than_one_image": "Permettre aux utilisateurs de sélectionner plusieurs images",
         "always_show_survey": "Afficher toujours l'enquête",
         "and_launch_surveys_in_your_website_or_app": "et lancez des enquêtes sur votre site web ou votre application.",
         "animation": "Animation",
@@ -1297,13 +1297,13 @@
         "automatically_closes_the_survey_at_the_beginning_of_the_day_utc": "Ferme automatiquement l'enquête au début de la journée (UTC).",
         "automatically_mark_the_survey_as_complete_after": "Marquer automatiquement l'enquête comme terminée après",
         "automatically_release_the_survey_at_the_beginning_of_the_day_utc": "Libérer automatiquement l'enquête au début de la journée (UTC).",
-        "back_button_label": "Label du bouton 'Retour''",
+        "back_button_label": "Label du bouton \"Retour''",
         "background_styling": "Style de fond",
         "blocks_survey_if_a_submission_with_the_single_use_id_suid_exists_already": "Bloque les enquêtes si une soumission avec l'Identifiant à Usage Unique (suId) existe déjà.",
         "blocks_survey_if_the_survey_url_has_no_single_use_id_suid": "Bloque les enquêtes si l'URL de l'enquête n'a pas d'Identifiant d'Utilisation Unique (suId).",
         "brand_color": "Couleur de marque",
         "brightness": "Luminosité",
-        "button_label": "Étiquette du bouton",
+        "button_label": "Label du bouton",
         "button_to_continue_in_survey": "Bouton pour continuer dans l'enquête",
         "button_to_link_to_external_url": "Bouton pour lier à une URL externe",
         "button_url": "URL du bouton",
@@ -1495,7 +1495,7 @@
         "max_file_size_limit_is": "La taille maximale du fichier est",
         "multiply": "Multiplier *",
         "needed_for_self_hosted_cal_com_instance": "Nécessaire pour une instance Cal.com auto-hébergée",
-        "next_button_label": "Étiquette du bouton \"Suivant",
+        "next_button_label": "Label du bouton \"Suivant\"",
         "next_question": "Question suivante",
         "no_hidden_fields_yet_add_first_one_below": "Aucun champ caché pour le moment. Ajoutez le premier ci-dessous.",
         "no_images_found_for": "Aucune image trouvée pour ''{query}\"",

packages/surveys/src/components/questions/date-question.tsx

@@ -158,7 +158,7 @@ export function DateQuestion({
             subheader={question.subheader ? getLocalizedValue(question.subheader, languageCode) : ""}
             questionId={question.id}
           />
-          <div className="fb-text-red-600">
+          <div id="error-message" className="fb-text-red-600" aria-live="assertive">
             <span>{errorMessage}</span>
           </div>
           <div
@@ -166,7 +166,7 @@ export function DateQuestion({
             id="date-picker-root">
             <div className="fb-relative">
               {!datePickerOpen && (
-                <div
+                <button
                   onClick={() => {
                     setDatePickerOpen(true);
                   }}
@@ -174,6 +174,8 @@ export function DateQuestion({
                   onKeyDown={(e) => {
                     if (e.key === " ") setDatePickerOpen(true);
                   }}
+                  aria-label={selectedDate ? `You have selected ${formattedDate}` : "Select a date"}
+                  aria-describedby={errorMessage ? "error-message" : undefined}
                   className="focus:fb-outline-brand fb-bg-input-bg hover:fb-bg-input-bg-selected fb-border-border fb-text-heading fb-rounded-custom fb-relative fb-flex fb-h-[12dvh] fb-w-full fb-cursor-pointer fb-appearance-none fb-items-center fb-justify-center fb-border fb-text-left fb-text-base fb-font-normal">
                   <div className="fb-flex fb-items-center fb-gap-2">
                     {selectedDate ? (
@@ -186,7 +188,7 @@ export function DateQuestion({
                       </div>
                     )}
                   </div>
-                </div>
+                </button>
               )}
 
               <DatePicker
@@ -222,14 +224,14 @@ export function DateQuestion({
                     "calendar-root !fb-bg-input-bg fb-border fb-border-border fb-rounded-custom fb-p-3 fb-h-[46dvh] sm:fb-h-[33dvh] fb-overflow-auto",
                   tileClassName: ({ date }: { date: Date }) => {
                     const baseClass =
-                      "hover:fb-bg-input-bg-selected fb-rounded-custom fb-h-9 fb-p-0 fb-mt-1 fb-font-normal fb-text-heading aria-selected:fb-opacity-100 focus:fb-ring-2 focus:fb-bg-slate-200";
+                      "hover:fb-bg-input-bg-selected fb-rounded-custom fb-h-9 fb-p-0 fb-mt-1 fb-font-normal aria-selected:fb-opacity-100 focus:fb-ring-2 focus:fb-bg-slate-200";
                     // today's date class
                     if (
                       date.getDate() === new Date().getDate() &&
                       date.getMonth() === new Date().getMonth() &&
                       date.getFullYear() === new Date().getFullYear()
                     ) {
-                      return `${baseClass} !fb-bg-brand !fb-border-border-highlight !fb-text-heading focus:fb-ring-2 focus:fb-bg-slate-200`;
+                      return `${baseClass} !fb-bg-brand !fb-border-border-highlight !fb-text-calendar-tile focus:fb-ring-2 focus:fb-bg-slate-200`;
                     }
                     // active date class
                     if (
@@ -238,10 +240,10 @@ export function DateQuestion({
                       date.getMonth() === selectedDate.getMonth() &&
                       date.getFullYear() === selectedDate.getFullYear()
                     ) {
-                      return `${baseClass} !fb-bg-brand !fb-border-border-highlight !fb-text-heading`;
+                      return `${baseClass} !fb-bg-brand !fb-border-border-highlight !fb-text-calendar-tile`;
                     }
 
-                    return baseClass;
+                    return `${baseClass} !fb-text-heading`;
                   },
                   formatShortWeekday: (_: any, date: Date) => {
                     return date.toLocaleDateString("en-US", { weekday: "short" }).slice(0, 2);

packages/surveys/src/lib/styles.ts

@@ -77,16 +77,17 @@ export const addCustomThemeToDom = ({ styling }: { styling: TProjectStyling | TS
   appendCssVariable("input-background-color", styling.inputColor?.light);
 
   if (styling.questionColor?.light) {
-    let signatureColor = "";
-    let brandingColor = "";
-
-    if (isLight(styling.questionColor.light)) {
-      signatureColor = mixColor(styling.questionColor.light, "#000000", 0.2);
-      brandingColor = mixColor(styling.questionColor.light, "#000000", 0.3);
-    } else {
-      signatureColor = mixColor(styling.questionColor.light, "#ffffff", 0.2);
-      brandingColor = mixColor(styling.questionColor.light, "#ffffff", 0.3);
-    }
+    const isLightQuestionColor = isLight(styling.questionColor.light);
+    const signatureColor = mixColor(
+      styling.questionColor.light,
+      isLightQuestionColor ? "#000000" : "#ffffff",
+      0.2
+    );
+    const brandingColor = mixColor(
+      styling.questionColor.light,
+      isLightQuestionColor ? "#000000" : "#ffffff",
+      0.3
+    );
 
     appendCssVariable("signature-text-color", signatureColor);
     appendCssVariable("branding-text-color", brandingColor);
@@ -115,6 +116,10 @@ export const addCustomThemeToDom = ({ styling }: { styling: TProjectStyling | TS
 
     appendCssVariable("accent-background-color", accentColor);
     appendCssVariable("accent-background-color-selected", accentColorSelected);
+
+    if (isLight(brandColor)) {
+      appendCssVariable("calendar-tile-color", mixColor(brandColor, "#000000", 0.7));
+    }
   }
 
   // Close the :root block

packages/surveys/src/styles/global.css

@@ -93,7 +93,7 @@ p.fb-editor-paragraph {
   --fb-rating-selected: black;
   --fb-close-btn-color: var(--slate-500);
   --fb-close-btn-color-hover: var(--slate-700);
-
+  --fb-calendar-tile-color: var(--slate-50);
   --fb-border-radius: 8px;
 }
 

packages/surveys/tailwind.config.cjs

@@ -37,6 +37,7 @@ module.exports = {
         "submit-button-border": "var(--fb-submit-btn-border)",
         "close-button": "var(--fb-close-btn-color)",
         "close-button-focus": "var(--fb-close-btn-hover-color)",
+        "calendar-tile": "var(--fb-calendar-tile-color)",
       },
       borderRadius: {
         custom: "var(--fb-border-radius)",