MDN add browsers short survey (mdn#7336)

* Add browsers survey to 5% audience

* remove unused

* Add prod values for survey

Author: Guy Sleigh

.github/workflows/prod-build.yml

@@ -182,6 +182,11 @@ jobs:
           REACT_APP_SURVEY_RATE_FROM_CSS_CASCADE_2022_B: 0.05
           REACT_APP_SURVEY_RATE_TILL_CSS_CASCADE_2022_B: 0.1
 
+          REACT_APP_SURVEY_START_BROWSER_SURVEY_OCT_2022: 1665655200000 # (new Date("2022-10-13 12:00:00")).getTime()
+          REACT_APP_SURVEY_END_BROWSER_SURVEY_OCT_2022: 1666260000000 # (new Date("2022-10-20 12:00:00")).getTime()
+          REACT_APP_SURVEY_RATE_FROM_BROWSER_SURVEY_OCT_2022: 0.0 # 5 %
+          REACT_APP_SURVEY_RATE_TILL_BROWSER_SURVEY_OCT_2022: 0.05 # 5 %
+
           REACT_APP_GLEAN_CHANNEL: prod
           REACT_APP_GLEAN_ENABLED: true
 

.github/workflows/stage-build.yml

@@ -179,6 +179,11 @@ jobs:
           REACT_APP_SURVEY_RATE_FROM_CSS_CASCADE_2022_B: 0.25 # 25 %
           REACT_APP_SURVEY_RATE_TILL_CSS_CASCADE_2022_B: 0.5 # 25 %
 
+          REACT_APP_SURVEY_START_BROWSER_SURVEY_OCT_2022: 1665568800000 # (new Date("2022-10-12 12:00:00")).getTime()
+          REACT_APP_SURVEY_END_BROWSER_SURVEY_OCT_2022: 1666173600000 # (new Date("2022-10-19 12:00:00")).getTime()
+          REACT_APP_SURVEY_RATE_FROM_BROWSER_SURVEY_OCT_2022: 0.0 # 5 %
+          REACT_APP_SURVEY_RATE_TILL_BROWSER_SURVEY_OCT_2022: 0.05 # 5 %
+
           REACT_APP_GLEAN_CHANNEL: stage
           REACT_APP_GLEAN_ENABLED: true
 

client/src/ui/molecules/document-survey/surveys.ts

@@ -1,4 +1,5 @@
 import { Doc } from "../../../../../libs/types/document";
+import { survey_duration, survey_rates } from "../../../env";
 
 export interface Survey {
   key: SurveyKey;
@@ -17,12 +18,28 @@ export interface Survey {
 }
 
 enum SurveyBucket {
+  BROWSER_SURVEY_OCT_2022 = "BROWSER_SURVEY_OCT_2022",
   CSS_CASCADE_2022 = "CSS_CASCADE_2022",
 }
 
 enum SurveyKey {
+  BROWSER_SURVEY_OCT_2022 = "BROWSER_SURVEY_OCT_2022",
   CSS_CASCADE_2022_A = "CSS_CASCADE_2022_A",
   CSS_CASCADE_2022_B = "CSS_CASCADE_2022_B",
 }
 
-export const SURVEYS: Survey[] = [];
+export const SURVEYS: Survey[] = [
+  {
+    key: SurveyKey.BROWSER_SURVEY_OCT_2022,
+    bucket: SurveyBucket.BROWSER_SURVEY_OCT_2022,
+    show: (doc: Doc) =>
+      doc?.body.some((section) => section.type === "browser_compatibility"),
+    src: "https://survey.alchemer.com/s3/7049440/Short-survey-browsers",
+    teaser:
+      "What is important to you when deciding which browser features to use? Take our 1 minute survey:",
+    question:
+      "What's important to you when deciding which browser features to use?",
+    ...survey_duration(SurveyBucket.BROWSER_SURVEY_OCT_2022),
+    ...survey_rates(SurveyKey.BROWSER_SURVEY_OCT_2022),
+  },
+];