@lookit/templates 2.0.0 → 2.1.0

package/dist/index.cjs

@@ -9,7 +9,7 @@ var consent_garden = "<h1>\n  {{#if header}} {{exp-format header}} {{else}}\n
 
 var consent_template_5 = "<h1>\n  {{t \"consent-template-5.header\"}}:\n  {{experiment.name}}\n</h1>\n\n<p>\n  {{t\n    \"consent-template-5.intro-sentence\"\n    name=PIName\n    institution=institution\n    experiment=experiment.name\n  }}\n  {{exp-format summary_statement}}\n</p>\n\n<h2>\n  {{#if purpose_header}} {{purpose_header}} {{else}}\n    {{t \"consent-template-5.purpose-header\"}}\n  {{/if}}\n</h2>\n<p>{{exp-format purpose}}</p>\n\n<h2>\n  {{#if procedures_header}} {{procedures_header}} {{else}}\n    {{t \"consent-template-5.procedures-header\"}}\n  {{/if}}\n</h2>\n<p>\n  {{t \"consent-template-5.duration-statement\" duration=experiment.duration}}\n  {{exp-format procedures}}\n</p>\n\n<h2>\n  {{#if participation_header}} {{participation_header}} {{else}}\n    {{t \"consent-template-5.participation-header\"}}\n  {{/if}}\n</h2>\n<p>\n  {{t \"consent-template-5.participation-content\" only_adult=prompt_only_adults}}\n</p>\n\n{{#if voluntary_participation}}\n  <p>{{exp-format voluntary_participation}}</p>\n{{/if}}\n{{#if risk_statement}}\n\n  <h2>\n    {{#if risk_header}} {{risk_header}} {{else}}\n      {{t \"consent-template-5.risk-header\"}}\n    {{/if}}\n  </h2>\n\n  <p>{{exp-format risk_statement}}</p>\n{{/if}}\n\n<h2>\n  {{#if benefits_header}} {{benefits_header}} {{else}}\n    {{t \"consent-template-5.benefits-header\"}}\n  {{/if}}\n</h2>\n\n<p>{{exp-format payment}}</p>\n\n<h2>{{t \"consent-template-5.data-collection-header\"}}</h2>\n\n<p>\n  {{t \"consent-template-5.data-collection-1\" only_adult=prompt_only_adults}}\n  {{t \"consent-template-5.data-collection-2\"}}\n</p>\n\n<p>{{t \"consent-template-5.data-collection-3\"}}</p>\n\n<h2>{{t \"consent-template-5.video-privacy-header\"}}</h2>\n<p>{{t \"consent-template-5.video-privacy-consent\"}}</p>\n\n{{#if private_level_only}}\n  <p>\n    {{t \"consent-template-5.video-privacy-private-description\"}}\n    {{t \"consent-template-5.video-privacy-withdraw-private-only\"}}\n  </p>\n{{else}}\n  <p>{{t \"consent-template-5.video-privacy-overview\"}}:</p>\n  <ul>\n    <li>\n      \"{{t \"consent-template-5.video-privacy-Private\"}}\":\n      {{t \"consent-template-5.video-privacy-private-description\"}}\n    </li>\n    <li>\n      \"{{t \"consent-template-5.video-privacy-Scientific\"}}\":\n      {{t \"consent-template-5.video-privacy-scientific-description\"}}\n    </li>\n    <li>\n      \"{{t \"consent-template-5.video-privacy-Publicity\"}}\":\n      {{t \"consent-template-5.video-privacy-publicity-description\"}}\n    </li>\n  </ul>\n  <p>{{t \"consent-template-5.video-privacy-withdraw\"}}</p>\n{{/if}}\n{{#if include_databrary}}\n  <p>{{{t \"consent-template-5.databrary\"}}}</p>\n{{/if}}\n{{#if additional_video_privacy_statement}}\n  <p>{{exp-format additional_video_privacy_statement}}</p>\n{{/if}}\n\n<h2>{{t \"consent-template-5.data-use-researchers-header\"}}</h2>\n<p>\n  {{t\n    \"consent-template-5.data-use-researchers-content-1\"\n    name=PIName\n    institution=institution\n  }}\n</p>\n<ul>\n  <li>{{t \"consent-template-5.data-use-researchers-item-1\"}}</li>\n  <li>{{t \"consent-template-5.data-use-researchers-item-2\"}}</li>\n  <li>\n    {{t\n      \"consent-template-5.data-use-researchers-item-3\"\n      only_adult=prompt_only_adults\n    }}\n  </li>\n</ul>\n<p>\n  {{t\n    \"consent-template-5.data-use-researchers-content-2\"\n    only_adult=prompt_only_adults\n  }}\n</p>\n{{#if datause}}\n  <p>{{exp-format datause}}</p>\n{{/if}}\n\n<h2>{{t \"consent-template-5.data-use-Lookit-header\"}}</h2>\n<p>{{t \"consent-template-5.data-use-Lookit-content\"}}</p>\n\n<h2>{{t \"consent-template-5.publication-header\"}}</h2>\n<p>\n  {{t \"consent-template-5.publication-content\" only_adult=prompt_only_adults}}\n</p>\n\n{{#if additional_segments}}\n  {{#each additional_segments as |segment|}}\n    <h2>{{exp-format segment.title}}</h2>\n    <p>{{exp-format segment.text}}</p>\n  {{/each}}\n{{/if}}\n\n<h2>{{t \"consent-template-5.research-subject-rights-header\"}}</h2>\n<p>{{{exp-format research_rights_statement}}}</p>\n\n{{#if gdpr}}\n  <h2>{{t \"consent-template-5.gdpr-header\"}}</h2>\n  <p>\n    {{t \"consent-template-5.gdpr-personal\"}}:\n    {{exp-format gdpr_personal_data}}.\n    {{t \"consent-template-5.gdpr-sensitive\"}}:\n    {{exp-format gdpr_sensitive_data}}\n  </p>\n  <p>{{t \"consent-template-5.gdpr-2\"}}</p>\n{{/if}}\n\n<h2>{{t \"consent-template-5.contact-header\"}}</h2>\n<p>\n  {{t\n    \"consent-template-5.contact-statement-1\"\n    name=PIName\n    institution=institution\n    contact=PIContact\n    only_adult=prompt_only_adults\n    omit_injury=omit_injury_phrase\n  }}\n</p>\n<p>\n  {{t \"consent-template-5.contact-statement-2\" only_adult=prompt_only_adults}}\n</p>";
 
-var consentVideoTrialTemplate = "<div id=\"consent-video-trial\">\n  <div class=\"left-column\">{{{consent}}}</div>\n  <div class=\"right-column\">\n    <div id=\"{{video_container_id}}\" class=\"jspsych-content\"></div>\n\n    <ol>\n      <li>{{t \"exp-lookit-video-consent.consent-step-1\"}}.</li>\n      <li>{{t \"exp-lookit-video-consent.click-to\"}}\n        <button class=\"jspsych-btn\" id=\"record\">\n          {{t \"exp-lookit-video-consent.start-consent-recording\"}}...\n        </button>\n      </li>\n      <li>\n        {{{t \"exp-lookit-video-consent.read-statement-below\"}}}\n        {{t \"exp-lookit-video-consent.signed-alternative\"}}\n\n        <div class=\"consent-statement\">\n          {{#if consent_statement_text}}\n            \"{{consent_statement_text}}\"\n          {{else if prompt_only_adults}}\n            \"{{t \"exp-lookit-video-consent.prompt-adult-only\"}}\"\n          {{else}}\n            \"{{t \"exp-lookit-video-consent.prompt\"}}\"\n          {{/if}}\n        </div>\n\n      </li>\n      <li>{{t \"exp-lookit-video-consent.click-to\"}}\n        <button class=\"jspsych-btn\" id=\"stop\" disabled>\n          {{t \"exp-lookit-video-consent.stop-recording\"}}\n        </button>\n      </li>\n      <li>\n        <button class=\"jspsych-btn\" id=\"play\" disabled>\n          {{t \"exp-lookit-video-consent.play-consent-video-button\"}}\n        </button>\n        {{t \"exp-lookit-video-consent.review-video\"}}\n      </li>\n    </ol>\n    <button id=\"next\" class=\"jspsych-btn\" disabled>Next</button>\n  </div>\n\n</div>";
+var consentVideoTrialTemplate = "<div id=\"consent-video-trial\">\n  <div class=\"left-column\">{{{consent}}}</div>\n  <div class=\"right-column\">\n    <div id=\"{{msg_container_id}}\">{{t\n        \"exp-lookit-video-consent.Not-recording\"\n      }}</div>\n    <div id=\"{{video_container_id}}\" class=\"jspsych-content\"></div>\n\n    <ol>\n      <li>{{t \"exp-lookit-video-consent.consent-step-1\"}}.</li>\n      <li>{{t \"exp-lookit-video-consent.click-to\"}}\n        <button class=\"jspsych-btn\" id=\"record\">\n          {{t \"exp-lookit-video-consent.start-consent-recording\"}}...\n        </button>\n      </li>\n      <li>\n        {{{t \"exp-lookit-video-consent.read-statement-below\"}}}\n        {{t \"exp-lookit-video-consent.signed-alternative\"}}\n\n        <div class=\"consent-statement\">\n          {{#if consent_statement_text}}\n            \"{{consent_statement_text}}\"\n          {{else if prompt_only_adults}}\n            \"{{t \"exp-lookit-video-consent.prompt-adult-only\"}}\"\n          {{else}}\n            \"{{t \"exp-lookit-video-consent.prompt\"}}\"\n          {{/if}}\n        </div>\n\n      </li>\n      <li>{{t \"exp-lookit-video-consent.click-to\"}}\n        <button class=\"jspsych-btn\" id=\"stop\" disabled>\n          {{t \"exp-lookit-video-consent.stop-recording\"}}\n        </button>\n      </li>\n      <li>\n        <button class=\"jspsych-btn\" id=\"play\" disabled>\n          {{t \"exp-lookit-video-consent.play-consent-video-button\"}}\n        </button>\n        {{t \"exp-lookit-video-consent.review-video\"}}\n      </li>\n    </ol>\n    <button id=\"next\" class=\"jspsych-btn\" disabled>Next</button>\n  </div>\n\n</div>";
 
 class LocaleNotFoundError extends Error {
   constructor(baseName) {
@@ -89,8 +89,12 @@ Handlebars.registerHelper("t", (context, { hash }) => {
   const txt = String(i18next.t(context, hash));
   return hash.htmlSafe ? new Handlebars.SafeString(txt) : txt;
 });
+const translateString = (messageIdStr) => {
+  return i18next.t(messageIdStr);
+};
 
 const video_container_id = "lookit-jspsych-video-container";
+const msg_container_id = "lookit-jspsych-video-msg-container";
 const consentVideo = (trial) => {
   const experiment = window.chs.study.attributes;
   const { PIName, PIContact } = trial;
@@ -105,7 +109,8 @@ const consentVideo = (trial) => {
   return Handlebars.compile(consentVideoTrialTemplate)({
     ...trial,
     consent,
-    video_container_id
+    video_container_id,
+    msg_container_id
   });
 };
 const consentDocument = (trial) => {
@@ -276,7 +281,13 @@ const videoConfig = (trial, html_params) => {
   });
 };
 
-var index = { consentVideo, videoConfig, uploadingVideo, exitSurvey };
+var index = {
+  consentVideo,
+  videoConfig,
+  uploadingVideo,
+  exitSurvey,
+  translateString
+};
 
 module.exports = index;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/errors.ts","../src/utils.ts","../src/consentVideoTemplate.ts","../src/exitSurveyTemplate.ts","../src/uploadingVideoTemplate.ts","../src/videoConfigTemplate.ts","../src/index.ts"],"sourcesContent":["/** Error thrown when specified language isn't found */\nexport class LocaleNotFoundError extends Error {\n  /**\n   * This will be thrown when attempting to init i18n\n   *\n   * @param baseName - Language a2code with region\n   */\n  public constructor(baseName: string) {\n    super(`\"${baseName}\" locale not found.`);\n  }\n}\n/** Error thrown when researcher selects template that isn't available. */\nexport class ConsentTemplateNotFound extends Error {\n  /**\n   * This will let the researcher know that their template isn't found.\n   *\n   * @param template - Supplied name of consent template.\n   */\n  public constructor(template: string) {\n    super(`Consent template \"${template}\" not found.`);\n  }\n}\n","import Handlebars from \"handlebars\";\nimport i18next from \"i18next\";\nimport ICU from \"i18next-icu\";\nimport Yaml from \"js-yaml\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport en_us from \"../i18n/en-us.yaml\";\nimport eu from \"../i18n/eu.yaml\";\nimport fr from \"../i18n/fr.yaml\";\nimport hu from \"../i18n/hu.yaml\";\nimport it from \"../i18n/it.yaml\";\nimport ja from \"../i18n/ja.yaml\";\nimport nl from \"../i18n/nl.yaml\";\nimport pt_br from \"../i18n/pt-br.yaml\";\nimport pt from \"../i18n/pt.yaml\";\nimport { LocaleNotFoundError } from \"./errors\";\n\n/**\n * Pulled from EFP. Function to convert researcher's text to HTML.\n *\n * @param text - Text\n * @returns Formatted string\n */\nexport const expFormat = (text?: string | string[]) => {\n  if (!text) {\n    return \"\";\n  }\n\n  if (Array.isArray(text)) {\n    text = text.join(\"\\n\\n\");\n  }\n\n  return text\n    .replace(/(\\r\\n|\\n|\\r)/gm, \"<br>\")\n    .replace(/\\t/gm, \"&nbsp;&nbsp;&nbsp;&nbsp;\");\n};\n\n/**\n * Get a translation resources from yaml files.\n *\n * @returns Resources for i18next\n */\nconst resources = () => {\n  const translations = {\n    \"en-us\": en_us,\n    eu,\n    fr,\n    hu,\n    it,\n    ja,\n    nl,\n    \"pt-br\": pt_br,\n    pt,\n  };\n\n  return Object.entries(translations).reduce((prev, [locale, translation]) => {\n    const lcl = new Intl.Locale(locale);\n    return {\n      ...prev,\n      [lcl.baseName]: {\n        translation: Yaml.load(translation) as Record<string, string>,\n      },\n    };\n  }, {});\n};\n\n/**\n * Initialize i18next with parameters from trial.\n *\n * @param trial - Trial data including user supplied parameters.\n */\nexport const setLocale = (trial: TrialType<PluginInfo>) => {\n  const lcl = new Intl.Locale(trial.locale);\n\n  if (!i18next.hasResourceBundle(lcl.baseName, \"translation\")) {\n    throw new LocaleNotFoundError(trial.locale);\n  }\n\n  if (i18next.language !== lcl.baseName) {\n    i18next.changeLanguage(lcl.baseName);\n  }\n};\n\n// Initialize translations\ni18next.use(ICU).init({\n  debug: process.env.DEBUG === \"true\",\n  resources: resources(),\n});\n\n// Setup Handlebars' helpers\nHandlebars.registerHelper(\"exp-format\", (context) => expFormat(context));\nHandlebars.registerHelper(\"t\", (context, { hash }) => {\n  const txt = String(i18next.t(context, hash));\n  return hash.htmlSafe ? new Handlebars.SafeString(txt) : txt;\n});\n","import { LookitWindow } from \"@lookit/data/dist/types\";\nimport Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport consent_garden from \"../hbs/consent-garden.hbs\";\nimport consent_template_5 from \"../hbs/consent-template-5.hbs\";\nimport consentVideoTrialTemplate from \"../hbs/consent-video-trial.hbs\";\nimport { ConsentTemplateNotFound } from \"./errors\";\nimport { setLocale } from \"./utils\";\n\ndeclare const window: LookitWindow;\n\nconst video_container_id = \"lookit-jspsych-video-container\";\n\n/**\n * Translate, render, and get consent document HTML.\n *\n * @param trial - JsPsych trial object containing trial params\n * @returns Consent document HTML\n */\nexport const consentVideo = (trial: TrialType<PluginInfo>) => {\n  const experiment = window.chs.study.attributes;\n  const { PIName, PIContact } = trial;\n\n  setLocale(trial);\n\n  const consentDocumentTemplate = consentDocument(trial);\n\n  const consent = Handlebars.compile(consentDocumentTemplate)({\n    ...trial,\n    name: PIName,\n    contact: PIContact,\n    experiment,\n  });\n\n  return Handlebars.compile(consentVideoTrialTemplate)({\n    ...trial,\n    consent,\n    video_container_id,\n  });\n};\n\n/**\n * Get consent template by name.\n *\n * @param trial - Trial data including user supplied parameters.\n * @returns Consent template\n */\nconst consentDocument = (trial: TrialType<PluginInfo>) => {\n  switch (trial.template) {\n    case \"consent-template-5\":\n      return consent_template_5;\n    case \"consent-garden\":\n      return consent_garden;\n    default:\n      throw new ConsentTemplateNotFound(trial.template);\n  }\n};\n","import { LookitWindow } from \"@lookit/data/dist/types\";\nimport i18next from \"i18next\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport { setLocale } from \"./utils\";\n\ndeclare const window: LookitWindow;\n\n/**\n * Class to augment and translate the exit survey JSON based on user set\n * parameters.\n */\nclass ExitSurveyJson {\n  private names = <const>{\n    birthDate: \"birthDate\",\n    databraryShare: \"databraryShare\",\n    useOfMedia: \"useOfMedia\",\n    withdrawal: \"withdrawal\",\n    feedback: \"feedback\",\n  };\n  public survey = {\n    pages: [\n      {\n        elements: [\n          {\n            description: \"exp-lookit-exit-survey.why-birthdate\",\n            inputType: \"date\",\n            isRequired: true,\n            maxValueExpression: \"today()\",\n            name: this.names.birthDate,\n            title: \"exp-lookit-exit-survey.confirm-birthdate\",\n            type: \"text\",\n          },\n          {\n            description: \"exp-lookit-exit-survey.databrary-info\",\n            enableIf: \"({withdrawal} empty) or ({withdrawal.length} = 0)\",\n            isRequired: true,\n            name: this.names.databraryShare,\n            title: \"exp-lookit-exit-survey.q-databrary\",\n            type: \"boolean\",\n            valueFalse: \"no\",\n            valueTrue: \"yes\",\n          },\n          {\n            choices: [\n              {\n                text: \"exp-lookit-exit-survey.private-option-part-1\",\n                value: \"private\",\n              },\n              {\n                text: \"exp-lookit-exit-survey.scientific-option\",\n                value: \"scientific\",\n              },\n              {\n                text: \"exp-lookit-exit-survey.publicity-option\",\n                value: \"public\",\n              },\n            ],\n            description: \"\",\n            enableIf: \"({withdrawal} empty) or ({withdrawal.length} = 0)\",\n            isRequired: true,\n            name: this.names.useOfMedia,\n            title: \"exp-lookit-exit-survey.acceptable-use-header\",\n            type: \"radiogroup\",\n          },\n          {\n            choices: [\n              {\n                text: \"exp-lookit-exit-survey.withdrawal-details\",\n                value: true,\n              },\n            ],\n            defaultValue: [],\n            isRequired: false,\n            name: this.names.withdrawal,\n            title: \"exp-lookit-exit-survey.withdrawal-header\",\n            type: \"checkbox\",\n          },\n          {\n            autoGrow: true,\n            name: this.names.feedback,\n            rows: 3,\n            title: \"exp-lookit-exit-survey.feedback-label\",\n            type: \"comment\",\n          },\n        ],\n        name: \"page1\",\n      },\n    ],\n    showQuestionNumbers: \"off\",\n  };\n\n  /**\n   * Adjust survey json to meet user's parameters.\n   *\n   * @param trial - Trial data including user supplied parameters.\n   */\n  public constructor(private trial: TrialType<PluginInfo>) {\n    this.showDatabraryOptions();\n    this.additionalVideoPrivacyText();\n    this.privateLevelOnly();\n    this.translation();\n  }\n\n  /** Alter survey to show Databrary options. */\n  private showDatabraryOptions() {\n    if (!this.trial.show_databrary_options) {\n      const survey_elements = this.survey.pages[0].elements;\n      const databrary_share_element_idx = survey_elements.findIndex(\n        (element) => element.name === this.names.databraryShare,\n      );\n      survey_elements.splice(databrary_share_element_idx, 1);\n    }\n  }\n\n  /** Alter survey to contain additional video privacy text. */\n  private additionalVideoPrivacyText() {\n    const element = this.survey.pages[0].elements.find(\n      (element) => element.name === this.names.useOfMedia,\n    );\n    element &&\n      Object.assign(element, {\n        description: this.trial.additional_video_privacy_text,\n      });\n  }\n\n  /** Alter survey to only show \"private\" on use of media question. */\n  private privateLevelOnly() {\n    if (this.trial.private_level_only) {\n      const media_use_element = this.survey.pages[0].elements.find(\n        (element) => element.name === this.names.useOfMedia,\n      );\n      media_use_element &&\n        Object.assign(media_use_element, {\n          defaultValue: \"private\",\n          description: \"exp-lookit-exit-survey.private-option-part-1\",\n          choicesVisibleIf: \"false\", // this must be a string expression\n          isRequired: false,\n        });\n    }\n  }\n\n  /** Translate the survey text. */\n  private translation() {\n    const { contact_info, name } = window.chs.study.attributes;\n    const view = {\n      ...this.trial,\n      include_example: this.trial.include_withdrawal_example,\n      contact: contact_info,\n      name,\n    };\n\n    this.survey.pages[0].elements.forEach((element) => {\n      // Descriptions\n      element.description &&\n        Object.assign(element, {\n          description: i18next.t(element.description, view),\n        });\n\n      // Titles\n      Object.assign(element, { title: i18next.t(element.title, view) });\n\n      // Choices\n      element.choices &&\n        element.choices.forEach((choice) => {\n          Object.assign(choice, { text: i18next.t(choice.text, view) });\n        });\n    });\n  }\n}\n\n/**\n * Translate survey text to desired locale.\n *\n * @param trial - Trial data including user supplied parameters.\n * @returns Survey json\n */\nexport const exitSurvey = (trial: TrialType<PluginInfo>) => {\n  setLocale(trial);\n  return new ExitSurveyJson(trial).survey;\n};\n","import Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport uploadingVideoTemplate from \"../hbs/uploading-video.hbs\";\nimport { setLocale } from \"./utils\";\n\n/**\n * Get translated template for uploading video message.\n *\n * @param trial - JsPsych trial object containing trial params\n * @returns Uploading video message HTML\n */\nexport const uploadingVideo = (trial: TrialType<PluginInfo>) => {\n  setLocale(trial);\n\n  return Handlebars.compile(uploadingVideoTemplate)({});\n};\n","import Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport videoConfigTemplate from \"../hbs/video-config.hbs\";\nimport { setLocale } from \"./utils\";\n\ntype VideoConfigTemplateParams = {\n  webcam_container_id: string;\n  reload_button_id_cam: string;\n  camera_selection_id: string;\n  mic_selection_id: string;\n  step1_id: string;\n  step2_id: string;\n  step3_id: string;\n  step_complete_class: string;\n  reload_button_id_text: string;\n  next_button_id: string;\n  waiting_for_access_msg_id: string;\n  checking_mic_msg_id: string;\n  access_problem_msg_id: string;\n  setup_problem_msg_id: string;\n  chromeInitialPrompt: string;\n  chromeAlwaysAllow: string;\n  chromePermissions: string;\n  firefoxInitialPrompt: string;\n  firefoxChooseDevice: string;\n  firefoxDevicesBlocked: string;\n  checkmarkIcon: string;\n};\n\n/**\n * Get translated template for video config.\n *\n * @param trial - JsPsych trial object containing trial params\n * @param html_params - Additional context variables for the template.\n * @returns Video config HTML\n */\nexport const videoConfig = (\n  trial: TrialType<PluginInfo>,\n  html_params: VideoConfigTemplateParams,\n) => {\n  setLocale(trial);\n\n  return Handlebars.compile(videoConfigTemplate)({\n    ...trial,\n    ...html_params,\n  });\n};\n","import { consentVideo } from \"./consentVideoTemplate\";\nimport { exitSurvey } from \"./exitSurveyTemplate\";\nimport { uploadingVideo } from \"./uploadingVideoTemplate\";\nimport { videoConfig } from \"./videoConfigTemplate\";\n\nexport default { consentVideo, videoConfig, uploadingVideo, exitSurvey };\n"],"names":["element"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/errors.ts","../src/utils.ts","../src/consentVideoTemplate.ts","../src/exitSurveyTemplate.ts","../src/uploadingVideoTemplate.ts","../src/videoConfigTemplate.ts","../src/index.ts"],"sourcesContent":["/** Error thrown when specified language isn't found */\nexport class LocaleNotFoundError extends Error {\n  /**\n   * This will be thrown when attempting to init i18n\n   *\n   * @param baseName - Language a2code with region\n   */\n  public constructor(baseName: string) {\n    super(`\"${baseName}\" locale not found.`);\n  }\n}\n/** Error thrown when researcher selects template that isn't available. */\nexport class ConsentTemplateNotFound extends Error {\n  /**\n   * This will let the researcher know that their template isn't found.\n   *\n   * @param template - Supplied name of consent template.\n   */\n  public constructor(template: string) {\n    super(`Consent template \"${template}\" not found.`);\n  }\n}\n","import Handlebars from \"handlebars\";\nimport i18next from \"i18next\";\nimport ICU from \"i18next-icu\";\nimport Yaml from \"js-yaml\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport en_us from \"../i18n/en-us.yaml\";\nimport eu from \"../i18n/eu.yaml\";\nimport fr from \"../i18n/fr.yaml\";\nimport hu from \"../i18n/hu.yaml\";\nimport it from \"../i18n/it.yaml\";\nimport ja from \"../i18n/ja.yaml\";\nimport nl from \"../i18n/nl.yaml\";\nimport pt_br from \"../i18n/pt-br.yaml\";\nimport pt from \"../i18n/pt.yaml\";\nimport { LocaleNotFoundError } from \"./errors\";\n\n/**\n * Pulled from EFP. Function to convert researcher's text to HTML.\n *\n * @param text - Text\n * @returns Formatted string\n */\nexport const expFormat = (text?: string | string[]) => {\n  if (!text) {\n    return \"\";\n  }\n\n  if (Array.isArray(text)) {\n    text = text.join(\"\\n\\n\");\n  }\n\n  return text\n    .replace(/(\\r\\n|\\n|\\r)/gm, \"<br>\")\n    .replace(/\\t/gm, \"&nbsp;&nbsp;&nbsp;&nbsp;\");\n};\n\n/**\n * Get a translation resources from yaml files.\n *\n * @returns Resources for i18next\n */\nconst resources = () => {\n  const translations = {\n    \"en-us\": en_us,\n    eu,\n    fr,\n    hu,\n    it,\n    ja,\n    nl,\n    \"pt-br\": pt_br,\n    pt,\n  };\n\n  return Object.entries(translations).reduce((prev, [locale, translation]) => {\n    const lcl = new Intl.Locale(locale);\n    return {\n      ...prev,\n      [lcl.baseName]: {\n        translation: Yaml.load(translation) as Record<string, string>,\n      },\n    };\n  }, {});\n};\n\n/**\n * Initialize i18next with parameters from trial.\n *\n * @param trial - Trial data including user supplied parameters.\n */\nexport const setLocale = (trial: TrialType<PluginInfo>) => {\n  const lcl = new Intl.Locale(trial.locale);\n\n  if (!i18next.hasResourceBundle(lcl.baseName, \"translation\")) {\n    throw new LocaleNotFoundError(trial.locale);\n  }\n\n  if (i18next.language !== lcl.baseName) {\n    i18next.changeLanguage(lcl.baseName);\n  }\n};\n\n// Initialize translations\ni18next.use(ICU).init({\n  debug: process.env.DEBUG === \"true\",\n  resources: resources(),\n});\n\n// Setup Handlebars' helpers\nHandlebars.registerHelper(\"exp-format\", (context) => expFormat(context));\nHandlebars.registerHelper(\"t\", (context, { hash }) => {\n  const txt = String(i18next.t(context, hash));\n  return hash.htmlSafe ? new Handlebars.SafeString(txt) : txt;\n});\n\n/**\n * Public method for directly translating a string, without a corresponding\n * template.\n *\n * @param messageIdStr - Message ID string to be looked up in the translation\n *   files.\n * @returns Translated string\n */\nexport const translateString = (messageIdStr: string) => {\n  return i18next.t(messageIdStr);\n};\n","import { LookitWindow } from \"@lookit/data/dist/types\";\nimport Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport consent_garden from \"../hbs/consent-garden.hbs\";\nimport consent_template_5 from \"../hbs/consent-template-5.hbs\";\nimport consentVideoTrialTemplate from \"../hbs/consent-video-trial.hbs\";\nimport { ConsentTemplateNotFound } from \"./errors\";\nimport { setLocale } from \"./utils\";\n\ndeclare const window: LookitWindow;\n\nconst video_container_id = \"lookit-jspsych-video-container\";\nconst msg_container_id = \"lookit-jspsych-video-msg-container\";\n\n/**\n * Translate, render, and get consent document HTML.\n *\n * @param trial - JsPsych trial object containing trial params\n * @returns Consent document HTML\n */\nexport const consentVideo = (trial: TrialType<PluginInfo>) => {\n  const experiment = window.chs.study.attributes;\n  const { PIName, PIContact } = trial;\n\n  setLocale(trial);\n\n  const consentDocumentTemplate = consentDocument(trial);\n\n  const consent = Handlebars.compile(consentDocumentTemplate)({\n    ...trial,\n    name: PIName,\n    contact: PIContact,\n    experiment,\n  });\n\n  return Handlebars.compile(consentVideoTrialTemplate)({\n    ...trial,\n    consent,\n    video_container_id,\n    msg_container_id,\n  });\n};\n\n/**\n * Get consent template by name.\n *\n * @param trial - Trial data including user supplied parameters.\n * @returns Consent template\n */\nconst consentDocument = (trial: TrialType<PluginInfo>) => {\n  switch (trial.template) {\n    case \"consent-template-5\":\n      return consent_template_5;\n    case \"consent-garden\":\n      return consent_garden;\n    default:\n      throw new ConsentTemplateNotFound(trial.template);\n  }\n};\n","import { LookitWindow } from \"@lookit/data/dist/types\";\nimport i18next from \"i18next\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport { setLocale } from \"./utils\";\n\ndeclare const window: LookitWindow;\n\n/**\n * Class to augment and translate the exit survey JSON based on user set\n * parameters.\n */\nclass ExitSurveyJson {\n  private names = <const>{\n    birthDate: \"birthDate\",\n    databraryShare: \"databraryShare\",\n    useOfMedia: \"useOfMedia\",\n    withdrawal: \"withdrawal\",\n    feedback: \"feedback\",\n  };\n  public survey = {\n    pages: [\n      {\n        elements: [\n          {\n            description: \"exp-lookit-exit-survey.why-birthdate\",\n            inputType: \"date\",\n            isRequired: true,\n            maxValueExpression: \"today()\",\n            name: this.names.birthDate,\n            title: \"exp-lookit-exit-survey.confirm-birthdate\",\n            type: \"text\",\n          },\n          {\n            description: \"exp-lookit-exit-survey.databrary-info\",\n            enableIf: \"({withdrawal} empty) or ({withdrawal.length} = 0)\",\n            isRequired: true,\n            name: this.names.databraryShare,\n            title: \"exp-lookit-exit-survey.q-databrary\",\n            type: \"boolean\",\n            valueFalse: \"no\",\n            valueTrue: \"yes\",\n          },\n          {\n            choices: [\n              {\n                text: \"exp-lookit-exit-survey.private-option-part-1\",\n                value: \"private\",\n              },\n              {\n                text: \"exp-lookit-exit-survey.scientific-option\",\n                value: \"scientific\",\n              },\n              {\n                text: \"exp-lookit-exit-survey.publicity-option\",\n                value: \"public\",\n              },\n            ],\n            description: \"\",\n            enableIf: \"({withdrawal} empty) or ({withdrawal.length} = 0)\",\n            isRequired: true,\n            name: this.names.useOfMedia,\n            title: \"exp-lookit-exit-survey.acceptable-use-header\",\n            type: \"radiogroup\",\n          },\n          {\n            choices: [\n              {\n                text: \"exp-lookit-exit-survey.withdrawal-details\",\n                value: true,\n              },\n            ],\n            defaultValue: [],\n            isRequired: false,\n            name: this.names.withdrawal,\n            title: \"exp-lookit-exit-survey.withdrawal-header\",\n            type: \"checkbox\",\n          },\n          {\n            autoGrow: true,\n            name: this.names.feedback,\n            rows: 3,\n            title: \"exp-lookit-exit-survey.feedback-label\",\n            type: \"comment\",\n          },\n        ],\n        name: \"page1\",\n      },\n    ],\n    showQuestionNumbers: \"off\",\n  };\n\n  /**\n   * Adjust survey json to meet user's parameters.\n   *\n   * @param trial - Trial data including user supplied parameters.\n   */\n  public constructor(private trial: TrialType<PluginInfo>) {\n    this.showDatabraryOptions();\n    this.additionalVideoPrivacyText();\n    this.privateLevelOnly();\n    this.translation();\n  }\n\n  /** Alter survey to show Databrary options. */\n  private showDatabraryOptions() {\n    if (!this.trial.show_databrary_options) {\n      const survey_elements = this.survey.pages[0].elements;\n      const databrary_share_element_idx = survey_elements.findIndex(\n        (element) => element.name === this.names.databraryShare,\n      );\n      survey_elements.splice(databrary_share_element_idx, 1);\n    }\n  }\n\n  /** Alter survey to contain additional video privacy text. */\n  private additionalVideoPrivacyText() {\n    const element = this.survey.pages[0].elements.find(\n      (element) => element.name === this.names.useOfMedia,\n    );\n    element &&\n      Object.assign(element, {\n        description: this.trial.additional_video_privacy_text,\n      });\n  }\n\n  /** Alter survey to only show \"private\" on use of media question. */\n  private privateLevelOnly() {\n    if (this.trial.private_level_only) {\n      const media_use_element = this.survey.pages[0].elements.find(\n        (element) => element.name === this.names.useOfMedia,\n      );\n      media_use_element &&\n        Object.assign(media_use_element, {\n          defaultValue: \"private\",\n          description: \"exp-lookit-exit-survey.private-option-part-1\",\n          choicesVisibleIf: \"false\", // this must be a string expression\n          isRequired: false,\n        });\n    }\n  }\n\n  /** Translate the survey text. */\n  private translation() {\n    const { contact_info, name } = window.chs.study.attributes;\n    const view = {\n      ...this.trial,\n      include_example: this.trial.include_withdrawal_example,\n      contact: contact_info,\n      name,\n    };\n\n    this.survey.pages[0].elements.forEach((element) => {\n      // Descriptions\n      element.description &&\n        Object.assign(element, {\n          description: i18next.t(element.description, view),\n        });\n\n      // Titles\n      Object.assign(element, { title: i18next.t(element.title, view) });\n\n      // Choices\n      element.choices &&\n        element.choices.forEach((choice) => {\n          Object.assign(choice, { text: i18next.t(choice.text, view) });\n        });\n    });\n  }\n}\n\n/**\n * Translate survey text to desired locale.\n *\n * @param trial - Trial data including user supplied parameters.\n * @returns Survey json\n */\nexport const exitSurvey = (trial: TrialType<PluginInfo>) => {\n  setLocale(trial);\n  return new ExitSurveyJson(trial).survey;\n};\n","import Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport uploadingVideoTemplate from \"../hbs/uploading-video.hbs\";\nimport { setLocale } from \"./utils\";\n\n/**\n * Get translated template for uploading video message.\n *\n * @param trial - JsPsych trial object containing trial params\n * @returns Uploading video message HTML\n */\nexport const uploadingVideo = (trial: TrialType<PluginInfo>) => {\n  setLocale(trial);\n\n  return Handlebars.compile(uploadingVideoTemplate)({});\n};\n","import Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport videoConfigTemplate from \"../hbs/video-config.hbs\";\nimport { setLocale } from \"./utils\";\n\ntype VideoConfigTemplateParams = {\n  webcam_container_id: string;\n  reload_button_id_cam: string;\n  camera_selection_id: string;\n  mic_selection_id: string;\n  step1_id: string;\n  step2_id: string;\n  step3_id: string;\n  step_complete_class: string;\n  reload_button_id_text: string;\n  next_button_id: string;\n  waiting_for_access_msg_id: string;\n  checking_mic_msg_id: string;\n  access_problem_msg_id: string;\n  setup_problem_msg_id: string;\n  chromeInitialPrompt: string;\n  chromeAlwaysAllow: string;\n  chromePermissions: string;\n  firefoxInitialPrompt: string;\n  firefoxChooseDevice: string;\n  firefoxDevicesBlocked: string;\n  checkmarkIcon: string;\n};\n\n/**\n * Get translated template for video config.\n *\n * @param trial - JsPsych trial object containing trial params\n * @param html_params - Additional context variables for the template.\n * @returns Video config HTML\n */\nexport const videoConfig = (\n  trial: TrialType<PluginInfo>,\n  html_params: VideoConfigTemplateParams,\n) => {\n  setLocale(trial);\n\n  return Handlebars.compile(videoConfigTemplate)({\n    ...trial,\n    ...html_params,\n  });\n};\n","import { consentVideo } from \"./consentVideoTemplate\";\nimport { exitSurvey } from \"./exitSurveyTemplate\";\nimport { uploadingVideo } from \"./uploadingVideoTemplate\";\nimport { translateString } from \"./utils\";\nimport { videoConfig } from \"./videoConfigTemplate\";\n\nexport default {\n  consentVideo,\n  videoConfig,\n  uploadingVideo,\n  exitSurvey,\n  translateString,\n};\n"],"names":["element"],"mappings":"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"}

package/dist/index.d.ts

@@ -114,6 +114,7 @@ declare const _default: {
         }[];
         showQuestionNumbers: string;
     };
+    translateString: (messageIdStr: string) => string;
 };
 
 export { _default as default };

package/dist/index.js

@@ -7,7 +7,7 @@ var consent_garden = "<h1>\n  {{#if header}} {{exp-format header}} {{else}}\n
 
 var consent_template_5 = "<h1>\n  {{t \"consent-template-5.header\"}}:\n  {{experiment.name}}\n</h1>\n\n<p>\n  {{t\n    \"consent-template-5.intro-sentence\"\n    name=PIName\n    institution=institution\n    experiment=experiment.name\n  }}\n  {{exp-format summary_statement}}\n</p>\n\n<h2>\n  {{#if purpose_header}} {{purpose_header}} {{else}}\n    {{t \"consent-template-5.purpose-header\"}}\n  {{/if}}\n</h2>\n<p>{{exp-format purpose}}</p>\n\n<h2>\n  {{#if procedures_header}} {{procedures_header}} {{else}}\n    {{t \"consent-template-5.procedures-header\"}}\n  {{/if}}\n</h2>\n<p>\n  {{t \"consent-template-5.duration-statement\" duration=experiment.duration}}\n  {{exp-format procedures}}\n</p>\n\n<h2>\n  {{#if participation_header}} {{participation_header}} {{else}}\n    {{t \"consent-template-5.participation-header\"}}\n  {{/if}}\n</h2>\n<p>\n  {{t \"consent-template-5.participation-content\" only_adult=prompt_only_adults}}\n</p>\n\n{{#if voluntary_participation}}\n  <p>{{exp-format voluntary_participation}}</p>\n{{/if}}\n{{#if risk_statement}}\n\n  <h2>\n    {{#if risk_header}} {{risk_header}} {{else}}\n      {{t \"consent-template-5.risk-header\"}}\n    {{/if}}\n  </h2>\n\n  <p>{{exp-format risk_statement}}</p>\n{{/if}}\n\n<h2>\n  {{#if benefits_header}} {{benefits_header}} {{else}}\n    {{t \"consent-template-5.benefits-header\"}}\n  {{/if}}\n</h2>\n\n<p>{{exp-format payment}}</p>\n\n<h2>{{t \"consent-template-5.data-collection-header\"}}</h2>\n\n<p>\n  {{t \"consent-template-5.data-collection-1\" only_adult=prompt_only_adults}}\n  {{t \"consent-template-5.data-collection-2\"}}\n</p>\n\n<p>{{t \"consent-template-5.data-collection-3\"}}</p>\n\n<h2>{{t \"consent-template-5.video-privacy-header\"}}</h2>\n<p>{{t \"consent-template-5.video-privacy-consent\"}}</p>\n\n{{#if private_level_only}}\n  <p>\n    {{t \"consent-template-5.video-privacy-private-description\"}}\n    {{t \"consent-template-5.video-privacy-withdraw-private-only\"}}\n  </p>\n{{else}}\n  <p>{{t \"consent-template-5.video-privacy-overview\"}}:</p>\n  <ul>\n    <li>\n      \"{{t \"consent-template-5.video-privacy-Private\"}}\":\n      {{t \"consent-template-5.video-privacy-private-description\"}}\n    </li>\n    <li>\n      \"{{t \"consent-template-5.video-privacy-Scientific\"}}\":\n      {{t \"consent-template-5.video-privacy-scientific-description\"}}\n    </li>\n    <li>\n      \"{{t \"consent-template-5.video-privacy-Publicity\"}}\":\n      {{t \"consent-template-5.video-privacy-publicity-description\"}}\n    </li>\n  </ul>\n  <p>{{t \"consent-template-5.video-privacy-withdraw\"}}</p>\n{{/if}}\n{{#if include_databrary}}\n  <p>{{{t \"consent-template-5.databrary\"}}}</p>\n{{/if}}\n{{#if additional_video_privacy_statement}}\n  <p>{{exp-format additional_video_privacy_statement}}</p>\n{{/if}}\n\n<h2>{{t \"consent-template-5.data-use-researchers-header\"}}</h2>\n<p>\n  {{t\n    \"consent-template-5.data-use-researchers-content-1\"\n    name=PIName\n    institution=institution\n  }}\n</p>\n<ul>\n  <li>{{t \"consent-template-5.data-use-researchers-item-1\"}}</li>\n  <li>{{t \"consent-template-5.data-use-researchers-item-2\"}}</li>\n  <li>\n    {{t\n      \"consent-template-5.data-use-researchers-item-3\"\n      only_adult=prompt_only_adults\n    }}\n  </li>\n</ul>\n<p>\n  {{t\n    \"consent-template-5.data-use-researchers-content-2\"\n    only_adult=prompt_only_adults\n  }}\n</p>\n{{#if datause}}\n  <p>{{exp-format datause}}</p>\n{{/if}}\n\n<h2>{{t \"consent-template-5.data-use-Lookit-header\"}}</h2>\n<p>{{t \"consent-template-5.data-use-Lookit-content\"}}</p>\n\n<h2>{{t \"consent-template-5.publication-header\"}}</h2>\n<p>\n  {{t \"consent-template-5.publication-content\" only_adult=prompt_only_adults}}\n</p>\n\n{{#if additional_segments}}\n  {{#each additional_segments as |segment|}}\n    <h2>{{exp-format segment.title}}</h2>\n    <p>{{exp-format segment.text}}</p>\n  {{/each}}\n{{/if}}\n\n<h2>{{t \"consent-template-5.research-subject-rights-header\"}}</h2>\n<p>{{{exp-format research_rights_statement}}}</p>\n\n{{#if gdpr}}\n  <h2>{{t \"consent-template-5.gdpr-header\"}}</h2>\n  <p>\n    {{t \"consent-template-5.gdpr-personal\"}}:\n    {{exp-format gdpr_personal_data}}.\n    {{t \"consent-template-5.gdpr-sensitive\"}}:\n    {{exp-format gdpr_sensitive_data}}\n  </p>\n  <p>{{t \"consent-template-5.gdpr-2\"}}</p>\n{{/if}}\n\n<h2>{{t \"consent-template-5.contact-header\"}}</h2>\n<p>\n  {{t\n    \"consent-template-5.contact-statement-1\"\n    name=PIName\n    institution=institution\n    contact=PIContact\n    only_adult=prompt_only_adults\n    omit_injury=omit_injury_phrase\n  }}\n</p>\n<p>\n  {{t \"consent-template-5.contact-statement-2\" only_adult=prompt_only_adults}}\n</p>";
 
-var consentVideoTrialTemplate = "<div id=\"consent-video-trial\">\n  <div class=\"left-column\">{{{consent}}}</div>\n  <div class=\"right-column\">\n    <div id=\"{{video_container_id}}\" class=\"jspsych-content\"></div>\n\n    <ol>\n      <li>{{t \"exp-lookit-video-consent.consent-step-1\"}}.</li>\n      <li>{{t \"exp-lookit-video-consent.click-to\"}}\n        <button class=\"jspsych-btn\" id=\"record\">\n          {{t \"exp-lookit-video-consent.start-consent-recording\"}}...\n        </button>\n      </li>\n      <li>\n        {{{t \"exp-lookit-video-consent.read-statement-below\"}}}\n        {{t \"exp-lookit-video-consent.signed-alternative\"}}\n\n        <div class=\"consent-statement\">\n          {{#if consent_statement_text}}\n            \"{{consent_statement_text}}\"\n          {{else if prompt_only_adults}}\n            \"{{t \"exp-lookit-video-consent.prompt-adult-only\"}}\"\n          {{else}}\n            \"{{t \"exp-lookit-video-consent.prompt\"}}\"\n          {{/if}}\n        </div>\n\n      </li>\n      <li>{{t \"exp-lookit-video-consent.click-to\"}}\n        <button class=\"jspsych-btn\" id=\"stop\" disabled>\n          {{t \"exp-lookit-video-consent.stop-recording\"}}\n        </button>\n      </li>\n      <li>\n        <button class=\"jspsych-btn\" id=\"play\" disabled>\n          {{t \"exp-lookit-video-consent.play-consent-video-button\"}}\n        </button>\n        {{t \"exp-lookit-video-consent.review-video\"}}\n      </li>\n    </ol>\n    <button id=\"next\" class=\"jspsych-btn\" disabled>Next</button>\n  </div>\n\n</div>";
+var consentVideoTrialTemplate = "<div id=\"consent-video-trial\">\n  <div class=\"left-column\">{{{consent}}}</div>\n  <div class=\"right-column\">\n    <div id=\"{{msg_container_id}}\">{{t\n        \"exp-lookit-video-consent.Not-recording\"\n      }}</div>\n    <div id=\"{{video_container_id}}\" class=\"jspsych-content\"></div>\n\n    <ol>\n      <li>{{t \"exp-lookit-video-consent.consent-step-1\"}}.</li>\n      <li>{{t \"exp-lookit-video-consent.click-to\"}}\n        <button class=\"jspsych-btn\" id=\"record\">\n          {{t \"exp-lookit-video-consent.start-consent-recording\"}}...\n        </button>\n      </li>\n      <li>\n        {{{t \"exp-lookit-video-consent.read-statement-below\"}}}\n        {{t \"exp-lookit-video-consent.signed-alternative\"}}\n\n        <div class=\"consent-statement\">\n          {{#if consent_statement_text}}\n            \"{{consent_statement_text}}\"\n          {{else if prompt_only_adults}}\n            \"{{t \"exp-lookit-video-consent.prompt-adult-only\"}}\"\n          {{else}}\n            \"{{t \"exp-lookit-video-consent.prompt\"}}\"\n          {{/if}}\n        </div>\n\n      </li>\n      <li>{{t \"exp-lookit-video-consent.click-to\"}}\n        <button class=\"jspsych-btn\" id=\"stop\" disabled>\n          {{t \"exp-lookit-video-consent.stop-recording\"}}\n        </button>\n      </li>\n      <li>\n        <button class=\"jspsych-btn\" id=\"play\" disabled>\n          {{t \"exp-lookit-video-consent.play-consent-video-button\"}}\n        </button>\n        {{t \"exp-lookit-video-consent.review-video\"}}\n      </li>\n    </ol>\n    <button id=\"next\" class=\"jspsych-btn\" disabled>Next</button>\n  </div>\n\n</div>";
 
 class LocaleNotFoundError extends Error {
   constructor(baseName) {
@@ -87,8 +87,12 @@ Handlebars.registerHelper("t", (context, { hash }) => {
   const txt = String(i18next.t(context, hash));
   return hash.htmlSafe ? new Handlebars.SafeString(txt) : txt;
 });
+const translateString = (messageIdStr) => {
+  return i18next.t(messageIdStr);
+};
 
 const video_container_id = "lookit-jspsych-video-container";
+const msg_container_id = "lookit-jspsych-video-msg-container";
 const consentVideo = (trial) => {
   const experiment = window.chs.study.attributes;
   const { PIName, PIContact } = trial;
@@ -103,7 +107,8 @@ const consentVideo = (trial) => {
   return Handlebars.compile(consentVideoTrialTemplate)({
     ...trial,
     consent,
-    video_container_id
+    video_container_id,
+    msg_container_id
   });
 };
 const consentDocument = (trial) => {
@@ -274,7 +279,13 @@ const videoConfig = (trial, html_params) => {
   });
 };
 
-var index = { consentVideo, videoConfig, uploadingVideo, exitSurvey };
+var index = {
+  consentVideo,
+  videoConfig,
+  uploadingVideo,
+  exitSurvey,
+  translateString
+};
 
 export { index as default };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/errors.ts","../src/utils.ts","../src/consentVideoTemplate.ts","../src/exitSurveyTemplate.ts","../src/uploadingVideoTemplate.ts","../src/videoConfigTemplate.ts","../src/index.ts"],"sourcesContent":["/** Error thrown when specified language isn't found */\nexport class LocaleNotFoundError extends Error {\n  /**\n   * This will be thrown when attempting to init i18n\n   *\n   * @param baseName - Language a2code with region\n   */\n  public constructor(baseName: string) {\n    super(`\"${baseName}\" locale not found.`);\n  }\n}\n/** Error thrown when researcher selects template that isn't available. */\nexport class ConsentTemplateNotFound extends Error {\n  /**\n   * This will let the researcher know that their template isn't found.\n   *\n   * @param template - Supplied name of consent template.\n   */\n  public constructor(template: string) {\n    super(`Consent template \"${template}\" not found.`);\n  }\n}\n","import Handlebars from \"handlebars\";\nimport i18next from \"i18next\";\nimport ICU from \"i18next-icu\";\nimport Yaml from \"js-yaml\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport en_us from \"../i18n/en-us.yaml\";\nimport eu from \"../i18n/eu.yaml\";\nimport fr from \"../i18n/fr.yaml\";\nimport hu from \"../i18n/hu.yaml\";\nimport it from \"../i18n/it.yaml\";\nimport ja from \"../i18n/ja.yaml\";\nimport nl from \"../i18n/nl.yaml\";\nimport pt_br from \"../i18n/pt-br.yaml\";\nimport pt from \"../i18n/pt.yaml\";\nimport { LocaleNotFoundError } from \"./errors\";\n\n/**\n * Pulled from EFP. Function to convert researcher's text to HTML.\n *\n * @param text - Text\n * @returns Formatted string\n */\nexport const expFormat = (text?: string | string[]) => {\n  if (!text) {\n    return \"\";\n  }\n\n  if (Array.isArray(text)) {\n    text = text.join(\"\\n\\n\");\n  }\n\n  return text\n    .replace(/(\\r\\n|\\n|\\r)/gm, \"<br>\")\n    .replace(/\\t/gm, \"&nbsp;&nbsp;&nbsp;&nbsp;\");\n};\n\n/**\n * Get a translation resources from yaml files.\n *\n * @returns Resources for i18next\n */\nconst resources = () => {\n  const translations = {\n    \"en-us\": en_us,\n    eu,\n    fr,\n    hu,\n    it,\n    ja,\n    nl,\n    \"pt-br\": pt_br,\n    pt,\n  };\n\n  return Object.entries(translations).reduce((prev, [locale, translation]) => {\n    const lcl = new Intl.Locale(locale);\n    return {\n      ...prev,\n      [lcl.baseName]: {\n        translation: Yaml.load(translation) as Record<string, string>,\n      },\n    };\n  }, {});\n};\n\n/**\n * Initialize i18next with parameters from trial.\n *\n * @param trial - Trial data including user supplied parameters.\n */\nexport const setLocale = (trial: TrialType<PluginInfo>) => {\n  const lcl = new Intl.Locale(trial.locale);\n\n  if (!i18next.hasResourceBundle(lcl.baseName, \"translation\")) {\n    throw new LocaleNotFoundError(trial.locale);\n  }\n\n  if (i18next.language !== lcl.baseName) {\n    i18next.changeLanguage(lcl.baseName);\n  }\n};\n\n// Initialize translations\ni18next.use(ICU).init({\n  debug: process.env.DEBUG === \"true\",\n  resources: resources(),\n});\n\n// Setup Handlebars' helpers\nHandlebars.registerHelper(\"exp-format\", (context) => expFormat(context));\nHandlebars.registerHelper(\"t\", (context, { hash }) => {\n  const txt = String(i18next.t(context, hash));\n  return hash.htmlSafe ? new Handlebars.SafeString(txt) : txt;\n});\n","import { LookitWindow } from \"@lookit/data/dist/types\";\nimport Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport consent_garden from \"../hbs/consent-garden.hbs\";\nimport consent_template_5 from \"../hbs/consent-template-5.hbs\";\nimport consentVideoTrialTemplate from \"../hbs/consent-video-trial.hbs\";\nimport { ConsentTemplateNotFound } from \"./errors\";\nimport { setLocale } from \"./utils\";\n\ndeclare const window: LookitWindow;\n\nconst video_container_id = \"lookit-jspsych-video-container\";\n\n/**\n * Translate, render, and get consent document HTML.\n *\n * @param trial - JsPsych trial object containing trial params\n * @returns Consent document HTML\n */\nexport const consentVideo = (trial: TrialType<PluginInfo>) => {\n  const experiment = window.chs.study.attributes;\n  const { PIName, PIContact } = trial;\n\n  setLocale(trial);\n\n  const consentDocumentTemplate = consentDocument(trial);\n\n  const consent = Handlebars.compile(consentDocumentTemplate)({\n    ...trial,\n    name: PIName,\n    contact: PIContact,\n    experiment,\n  });\n\n  return Handlebars.compile(consentVideoTrialTemplate)({\n    ...trial,\n    consent,\n    video_container_id,\n  });\n};\n\n/**\n * Get consent template by name.\n *\n * @param trial - Trial data including user supplied parameters.\n * @returns Consent template\n */\nconst consentDocument = (trial: TrialType<PluginInfo>) => {\n  switch (trial.template) {\n    case \"consent-template-5\":\n      return consent_template_5;\n    case \"consent-garden\":\n      return consent_garden;\n    default:\n      throw new ConsentTemplateNotFound(trial.template);\n  }\n};\n","import { LookitWindow } from \"@lookit/data/dist/types\";\nimport i18next from \"i18next\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport { setLocale } from \"./utils\";\n\ndeclare const window: LookitWindow;\n\n/**\n * Class to augment and translate the exit survey JSON based on user set\n * parameters.\n */\nclass ExitSurveyJson {\n  private names = <const>{\n    birthDate: \"birthDate\",\n    databraryShare: \"databraryShare\",\n    useOfMedia: \"useOfMedia\",\n    withdrawal: \"withdrawal\",\n    feedback: \"feedback\",\n  };\n  public survey = {\n    pages: [\n      {\n        elements: [\n          {\n            description: \"exp-lookit-exit-survey.why-birthdate\",\n            inputType: \"date\",\n            isRequired: true,\n            maxValueExpression: \"today()\",\n            name: this.names.birthDate,\n            title: \"exp-lookit-exit-survey.confirm-birthdate\",\n            type: \"text\",\n          },\n          {\n            description: \"exp-lookit-exit-survey.databrary-info\",\n            enableIf: \"({withdrawal} empty) or ({withdrawal.length} = 0)\",\n            isRequired: true,\n            name: this.names.databraryShare,\n            title: \"exp-lookit-exit-survey.q-databrary\",\n            type: \"boolean\",\n            valueFalse: \"no\",\n            valueTrue: \"yes\",\n          },\n          {\n            choices: [\n              {\n                text: \"exp-lookit-exit-survey.private-option-part-1\",\n                value: \"private\",\n              },\n              {\n                text: \"exp-lookit-exit-survey.scientific-option\",\n                value: \"scientific\",\n              },\n              {\n                text: \"exp-lookit-exit-survey.publicity-option\",\n                value: \"public\",\n              },\n            ],\n            description: \"\",\n            enableIf: \"({withdrawal} empty) or ({withdrawal.length} = 0)\",\n            isRequired: true,\n            name: this.names.useOfMedia,\n            title: \"exp-lookit-exit-survey.acceptable-use-header\",\n            type: \"radiogroup\",\n          },\n          {\n            choices: [\n              {\n                text: \"exp-lookit-exit-survey.withdrawal-details\",\n                value: true,\n              },\n            ],\n            defaultValue: [],\n            isRequired: false,\n            name: this.names.withdrawal,\n            title: \"exp-lookit-exit-survey.withdrawal-header\",\n            type: \"checkbox\",\n          },\n          {\n            autoGrow: true,\n            name: this.names.feedback,\n            rows: 3,\n            title: \"exp-lookit-exit-survey.feedback-label\",\n            type: \"comment\",\n          },\n        ],\n        name: \"page1\",\n      },\n    ],\n    showQuestionNumbers: \"off\",\n  };\n\n  /**\n   * Adjust survey json to meet user's parameters.\n   *\n   * @param trial - Trial data including user supplied parameters.\n   */\n  public constructor(private trial: TrialType<PluginInfo>) {\n    this.showDatabraryOptions();\n    this.additionalVideoPrivacyText();\n    this.privateLevelOnly();\n    this.translation();\n  }\n\n  /** Alter survey to show Databrary options. */\n  private showDatabraryOptions() {\n    if (!this.trial.show_databrary_options) {\n      const survey_elements = this.survey.pages[0].elements;\n      const databrary_share_element_idx = survey_elements.findIndex(\n        (element) => element.name === this.names.databraryShare,\n      );\n      survey_elements.splice(databrary_share_element_idx, 1);\n    }\n  }\n\n  /** Alter survey to contain additional video privacy text. */\n  private additionalVideoPrivacyText() {\n    const element = this.survey.pages[0].elements.find(\n      (element) => element.name === this.names.useOfMedia,\n    );\n    element &&\n      Object.assign(element, {\n        description: this.trial.additional_video_privacy_text,\n      });\n  }\n\n  /** Alter survey to only show \"private\" on use of media question. */\n  private privateLevelOnly() {\n    if (this.trial.private_level_only) {\n      const media_use_element = this.survey.pages[0].elements.find(\n        (element) => element.name === this.names.useOfMedia,\n      );\n      media_use_element &&\n        Object.assign(media_use_element, {\n          defaultValue: \"private\",\n          description: \"exp-lookit-exit-survey.private-option-part-1\",\n          choicesVisibleIf: \"false\", // this must be a string expression\n          isRequired: false,\n        });\n    }\n  }\n\n  /** Translate the survey text. */\n  private translation() {\n    const { contact_info, name } = window.chs.study.attributes;\n    const view = {\n      ...this.trial,\n      include_example: this.trial.include_withdrawal_example,\n      contact: contact_info,\n      name,\n    };\n\n    this.survey.pages[0].elements.forEach((element) => {\n      // Descriptions\n      element.description &&\n        Object.assign(element, {\n          description: i18next.t(element.description, view),\n        });\n\n      // Titles\n      Object.assign(element, { title: i18next.t(element.title, view) });\n\n      // Choices\n      element.choices &&\n        element.choices.forEach((choice) => {\n          Object.assign(choice, { text: i18next.t(choice.text, view) });\n        });\n    });\n  }\n}\n\n/**\n * Translate survey text to desired locale.\n *\n * @param trial - Trial data including user supplied parameters.\n * @returns Survey json\n */\nexport const exitSurvey = (trial: TrialType<PluginInfo>) => {\n  setLocale(trial);\n  return new ExitSurveyJson(trial).survey;\n};\n","import Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport uploadingVideoTemplate from \"../hbs/uploading-video.hbs\";\nimport { setLocale } from \"./utils\";\n\n/**\n * Get translated template for uploading video message.\n *\n * @param trial - JsPsych trial object containing trial params\n * @returns Uploading video message HTML\n */\nexport const uploadingVideo = (trial: TrialType<PluginInfo>) => {\n  setLocale(trial);\n\n  return Handlebars.compile(uploadingVideoTemplate)({});\n};\n","import Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport videoConfigTemplate from \"../hbs/video-config.hbs\";\nimport { setLocale } from \"./utils\";\n\ntype VideoConfigTemplateParams = {\n  webcam_container_id: string;\n  reload_button_id_cam: string;\n  camera_selection_id: string;\n  mic_selection_id: string;\n  step1_id: string;\n  step2_id: string;\n  step3_id: string;\n  step_complete_class: string;\n  reload_button_id_text: string;\n  next_button_id: string;\n  waiting_for_access_msg_id: string;\n  checking_mic_msg_id: string;\n  access_problem_msg_id: string;\n  setup_problem_msg_id: string;\n  chromeInitialPrompt: string;\n  chromeAlwaysAllow: string;\n  chromePermissions: string;\n  firefoxInitialPrompt: string;\n  firefoxChooseDevice: string;\n  firefoxDevicesBlocked: string;\n  checkmarkIcon: string;\n};\n\n/**\n * Get translated template for video config.\n *\n * @param trial - JsPsych trial object containing trial params\n * @param html_params - Additional context variables for the template.\n * @returns Video config HTML\n */\nexport const videoConfig = (\n  trial: TrialType<PluginInfo>,\n  html_params: VideoConfigTemplateParams,\n) => {\n  setLocale(trial);\n\n  return Handlebars.compile(videoConfigTemplate)({\n    ...trial,\n    ...html_params,\n  });\n};\n","import { consentVideo } from \"./consentVideoTemplate\";\nimport { exitSurvey } from \"./exitSurveyTemplate\";\nimport { uploadingVideo } from \"./uploadingVideoTemplate\";\nimport { videoConfig } from \"./videoConfigTemplate\";\n\nexport default { consentVideo, videoConfig, uploadingVideo, exitSurvey };\n"],"names":["element"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/errors.ts","../src/utils.ts","../src/consentVideoTemplate.ts","../src/exitSurveyTemplate.ts","../src/uploadingVideoTemplate.ts","../src/videoConfigTemplate.ts","../src/index.ts"],"sourcesContent":["/** Error thrown when specified language isn't found */\nexport class LocaleNotFoundError extends Error {\n  /**\n   * This will be thrown when attempting to init i18n\n   *\n   * @param baseName - Language a2code with region\n   */\n  public constructor(baseName: string) {\n    super(`\"${baseName}\" locale not found.`);\n  }\n}\n/** Error thrown when researcher selects template that isn't available. */\nexport class ConsentTemplateNotFound extends Error {\n  /**\n   * This will let the researcher know that their template isn't found.\n   *\n   * @param template - Supplied name of consent template.\n   */\n  public constructor(template: string) {\n    super(`Consent template \"${template}\" not found.`);\n  }\n}\n","import Handlebars from \"handlebars\";\nimport i18next from \"i18next\";\nimport ICU from \"i18next-icu\";\nimport Yaml from \"js-yaml\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport en_us from \"../i18n/en-us.yaml\";\nimport eu from \"../i18n/eu.yaml\";\nimport fr from \"../i18n/fr.yaml\";\nimport hu from \"../i18n/hu.yaml\";\nimport it from \"../i18n/it.yaml\";\nimport ja from \"../i18n/ja.yaml\";\nimport nl from \"../i18n/nl.yaml\";\nimport pt_br from \"../i18n/pt-br.yaml\";\nimport pt from \"../i18n/pt.yaml\";\nimport { LocaleNotFoundError } from \"./errors\";\n\n/**\n * Pulled from EFP. Function to convert researcher's text to HTML.\n *\n * @param text - Text\n * @returns Formatted string\n */\nexport const expFormat = (text?: string | string[]) => {\n  if (!text) {\n    return \"\";\n  }\n\n  if (Array.isArray(text)) {\n    text = text.join(\"\\n\\n\");\n  }\n\n  return text\n    .replace(/(\\r\\n|\\n|\\r)/gm, \"<br>\")\n    .replace(/\\t/gm, \"&nbsp;&nbsp;&nbsp;&nbsp;\");\n};\n\n/**\n * Get a translation resources from yaml files.\n *\n * @returns Resources for i18next\n */\nconst resources = () => {\n  const translations = {\n    \"en-us\": en_us,\n    eu,\n    fr,\n    hu,\n    it,\n    ja,\n    nl,\n    \"pt-br\": pt_br,\n    pt,\n  };\n\n  return Object.entries(translations).reduce((prev, [locale, translation]) => {\n    const lcl = new Intl.Locale(locale);\n    return {\n      ...prev,\n      [lcl.baseName]: {\n        translation: Yaml.load(translation) as Record<string, string>,\n      },\n    };\n  }, {});\n};\n\n/**\n * Initialize i18next with parameters from trial.\n *\n * @param trial - Trial data including user supplied parameters.\n */\nexport const setLocale = (trial: TrialType<PluginInfo>) => {\n  const lcl = new Intl.Locale(trial.locale);\n\n  if (!i18next.hasResourceBundle(lcl.baseName, \"translation\")) {\n    throw new LocaleNotFoundError(trial.locale);\n  }\n\n  if (i18next.language !== lcl.baseName) {\n    i18next.changeLanguage(lcl.baseName);\n  }\n};\n\n// Initialize translations\ni18next.use(ICU).init({\n  debug: process.env.DEBUG === \"true\",\n  resources: resources(),\n});\n\n// Setup Handlebars' helpers\nHandlebars.registerHelper(\"exp-format\", (context) => expFormat(context));\nHandlebars.registerHelper(\"t\", (context, { hash }) => {\n  const txt = String(i18next.t(context, hash));\n  return hash.htmlSafe ? new Handlebars.SafeString(txt) : txt;\n});\n\n/**\n * Public method for directly translating a string, without a corresponding\n * template.\n *\n * @param messageIdStr - Message ID string to be looked up in the translation\n *   files.\n * @returns Translated string\n */\nexport const translateString = (messageIdStr: string) => {\n  return i18next.t(messageIdStr);\n};\n","import { LookitWindow } from \"@lookit/data/dist/types\";\nimport Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport consent_garden from \"../hbs/consent-garden.hbs\";\nimport consent_template_5 from \"../hbs/consent-template-5.hbs\";\nimport consentVideoTrialTemplate from \"../hbs/consent-video-trial.hbs\";\nimport { ConsentTemplateNotFound } from \"./errors\";\nimport { setLocale } from \"./utils\";\n\ndeclare const window: LookitWindow;\n\nconst video_container_id = \"lookit-jspsych-video-container\";\nconst msg_container_id = \"lookit-jspsych-video-msg-container\";\n\n/**\n * Translate, render, and get consent document HTML.\n *\n * @param trial - JsPsych trial object containing trial params\n * @returns Consent document HTML\n */\nexport const consentVideo = (trial: TrialType<PluginInfo>) => {\n  const experiment = window.chs.study.attributes;\n  const { PIName, PIContact } = trial;\n\n  setLocale(trial);\n\n  const consentDocumentTemplate = consentDocument(trial);\n\n  const consent = Handlebars.compile(consentDocumentTemplate)({\n    ...trial,\n    name: PIName,\n    contact: PIContact,\n    experiment,\n  });\n\n  return Handlebars.compile(consentVideoTrialTemplate)({\n    ...trial,\n    consent,\n    video_container_id,\n    msg_container_id,\n  });\n};\n\n/**\n * Get consent template by name.\n *\n * @param trial - Trial data including user supplied parameters.\n * @returns Consent template\n */\nconst consentDocument = (trial: TrialType<PluginInfo>) => {\n  switch (trial.template) {\n    case \"consent-template-5\":\n      return consent_template_5;\n    case \"consent-garden\":\n      return consent_garden;\n    default:\n      throw new ConsentTemplateNotFound(trial.template);\n  }\n};\n","import { LookitWindow } from \"@lookit/data/dist/types\";\nimport i18next from \"i18next\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport { setLocale } from \"./utils\";\n\ndeclare const window: LookitWindow;\n\n/**\n * Class to augment and translate the exit survey JSON based on user set\n * parameters.\n */\nclass ExitSurveyJson {\n  private names = <const>{\n    birthDate: \"birthDate\",\n    databraryShare: \"databraryShare\",\n    useOfMedia: \"useOfMedia\",\n    withdrawal: \"withdrawal\",\n    feedback: \"feedback\",\n  };\n  public survey = {\n    pages: [\n      {\n        elements: [\n          {\n            description: \"exp-lookit-exit-survey.why-birthdate\",\n            inputType: \"date\",\n            isRequired: true,\n            maxValueExpression: \"today()\",\n            name: this.names.birthDate,\n            title: \"exp-lookit-exit-survey.confirm-birthdate\",\n            type: \"text\",\n          },\n          {\n            description: \"exp-lookit-exit-survey.databrary-info\",\n            enableIf: \"({withdrawal} empty) or ({withdrawal.length} = 0)\",\n            isRequired: true,\n            name: this.names.databraryShare,\n            title: \"exp-lookit-exit-survey.q-databrary\",\n            type: \"boolean\",\n            valueFalse: \"no\",\n            valueTrue: \"yes\",\n          },\n          {\n            choices: [\n              {\n                text: \"exp-lookit-exit-survey.private-option-part-1\",\n                value: \"private\",\n              },\n              {\n                text: \"exp-lookit-exit-survey.scientific-option\",\n                value: \"scientific\",\n              },\n              {\n                text: \"exp-lookit-exit-survey.publicity-option\",\n                value: \"public\",\n              },\n            ],\n            description: \"\",\n            enableIf: \"({withdrawal} empty) or ({withdrawal.length} = 0)\",\n            isRequired: true,\n            name: this.names.useOfMedia,\n            title: \"exp-lookit-exit-survey.acceptable-use-header\",\n            type: \"radiogroup\",\n          },\n          {\n            choices: [\n              {\n                text: \"exp-lookit-exit-survey.withdrawal-details\",\n                value: true,\n              },\n            ],\n            defaultValue: [],\n            isRequired: false,\n            name: this.names.withdrawal,\n            title: \"exp-lookit-exit-survey.withdrawal-header\",\n            type: \"checkbox\",\n          },\n          {\n            autoGrow: true,\n            name: this.names.feedback,\n            rows: 3,\n            title: \"exp-lookit-exit-survey.feedback-label\",\n            type: \"comment\",\n          },\n        ],\n        name: \"page1\",\n      },\n    ],\n    showQuestionNumbers: \"off\",\n  };\n\n  /**\n   * Adjust survey json to meet user's parameters.\n   *\n   * @param trial - Trial data including user supplied parameters.\n   */\n  public constructor(private trial: TrialType<PluginInfo>) {\n    this.showDatabraryOptions();\n    this.additionalVideoPrivacyText();\n    this.privateLevelOnly();\n    this.translation();\n  }\n\n  /** Alter survey to show Databrary options. */\n  private showDatabraryOptions() {\n    if (!this.trial.show_databrary_options) {\n      const survey_elements = this.survey.pages[0].elements;\n      const databrary_share_element_idx = survey_elements.findIndex(\n        (element) => element.name === this.names.databraryShare,\n      );\n      survey_elements.splice(databrary_share_element_idx, 1);\n    }\n  }\n\n  /** Alter survey to contain additional video privacy text. */\n  private additionalVideoPrivacyText() {\n    const element = this.survey.pages[0].elements.find(\n      (element) => element.name === this.names.useOfMedia,\n    );\n    element &&\n      Object.assign(element, {\n        description: this.trial.additional_video_privacy_text,\n      });\n  }\n\n  /** Alter survey to only show \"private\" on use of media question. */\n  private privateLevelOnly() {\n    if (this.trial.private_level_only) {\n      const media_use_element = this.survey.pages[0].elements.find(\n        (element) => element.name === this.names.useOfMedia,\n      );\n      media_use_element &&\n        Object.assign(media_use_element, {\n          defaultValue: \"private\",\n          description: \"exp-lookit-exit-survey.private-option-part-1\",\n          choicesVisibleIf: \"false\", // this must be a string expression\n          isRequired: false,\n        });\n    }\n  }\n\n  /** Translate the survey text. */\n  private translation() {\n    const { contact_info, name } = window.chs.study.attributes;\n    const view = {\n      ...this.trial,\n      include_example: this.trial.include_withdrawal_example,\n      contact: contact_info,\n      name,\n    };\n\n    this.survey.pages[0].elements.forEach((element) => {\n      // Descriptions\n      element.description &&\n        Object.assign(element, {\n          description: i18next.t(element.description, view),\n        });\n\n      // Titles\n      Object.assign(element, { title: i18next.t(element.title, view) });\n\n      // Choices\n      element.choices &&\n        element.choices.forEach((choice) => {\n          Object.assign(choice, { text: i18next.t(choice.text, view) });\n        });\n    });\n  }\n}\n\n/**\n * Translate survey text to desired locale.\n *\n * @param trial - Trial data including user supplied parameters.\n * @returns Survey json\n */\nexport const exitSurvey = (trial: TrialType<PluginInfo>) => {\n  setLocale(trial);\n  return new ExitSurveyJson(trial).survey;\n};\n","import Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport uploadingVideoTemplate from \"../hbs/uploading-video.hbs\";\nimport { setLocale } from \"./utils\";\n\n/**\n * Get translated template for uploading video message.\n *\n * @param trial - JsPsych trial object containing trial params\n * @returns Uploading video message HTML\n */\nexport const uploadingVideo = (trial: TrialType<PluginInfo>) => {\n  setLocale(trial);\n\n  return Handlebars.compile(uploadingVideoTemplate)({});\n};\n","import Handlebars from \"handlebars\";\nimport { PluginInfo, TrialType } from \"jspsych\";\nimport videoConfigTemplate from \"../hbs/video-config.hbs\";\nimport { setLocale } from \"./utils\";\n\ntype VideoConfigTemplateParams = {\n  webcam_container_id: string;\n  reload_button_id_cam: string;\n  camera_selection_id: string;\n  mic_selection_id: string;\n  step1_id: string;\n  step2_id: string;\n  step3_id: string;\n  step_complete_class: string;\n  reload_button_id_text: string;\n  next_button_id: string;\n  waiting_for_access_msg_id: string;\n  checking_mic_msg_id: string;\n  access_problem_msg_id: string;\n  setup_problem_msg_id: string;\n  chromeInitialPrompt: string;\n  chromeAlwaysAllow: string;\n  chromePermissions: string;\n  firefoxInitialPrompt: string;\n  firefoxChooseDevice: string;\n  firefoxDevicesBlocked: string;\n  checkmarkIcon: string;\n};\n\n/**\n * Get translated template for video config.\n *\n * @param trial - JsPsych trial object containing trial params\n * @param html_params - Additional context variables for the template.\n * @returns Video config HTML\n */\nexport const videoConfig = (\n  trial: TrialType<PluginInfo>,\n  html_params: VideoConfigTemplateParams,\n) => {\n  setLocale(trial);\n\n  return Handlebars.compile(videoConfigTemplate)({\n    ...trial,\n    ...html_params,\n  });\n};\n","import { consentVideo } from \"./consentVideoTemplate\";\nimport { exitSurvey } from \"./exitSurveyTemplate\";\nimport { uploadingVideo } from \"./uploadingVideoTemplate\";\nimport { translateString } from \"./utils\";\nimport { videoConfig } from \"./videoConfigTemplate\";\n\nexport default {\n  consentVideo,\n  videoConfig,\n  uploadingVideo,\n  exitSurvey,\n  translateString,\n};\n"],"names":["element"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookit/templates",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "CHS jsPsych trial templates and their translations",
   "homepage": "https://github.com/lookit/lookit-jspsych#readme",
   "bugs": {

package/src/consentVideoTemplate.ts

@@ -10,6 +10,7 @@ import { setLocale } from "./utils";
 declare const window: LookitWindow;
 
 const video_container_id = "lookit-jspsych-video-container";
+const msg_container_id = "lookit-jspsych-video-msg-container";
 
 /**
  * Translate, render, and get consent document HTML.
@@ -36,6 +37,7 @@ export const consentVideo = (trial: TrialType<PluginInfo>) => {
     ...trial,
     consent,
     video_container_id,
+    msg_container_id,
   });
 };
 

package/src/index.ts

@@ -1,6 +1,13 @@
 import { consentVideo } from "./consentVideoTemplate";
 import { exitSurvey } from "./exitSurveyTemplate";
 import { uploadingVideo } from "./uploadingVideoTemplate";
+import { translateString } from "./utils";
 import { videoConfig } from "./videoConfigTemplate";
 
-export default { consentVideo, videoConfig, uploadingVideo, exitSurvey };
+export default {
+  consentVideo,
+  videoConfig,
+  uploadingVideo,
+  exitSurvey,
+  translateString,
+};

package/src/utils.spec.ts

@@ -1,6 +1,7 @@
+import i18next from "i18next";
 import { PluginInfo, TrialType } from "jspsych";
 import { LocaleNotFoundError } from "./errors";
-import { expFormat, setLocale } from "./utils";
+import { expFormat, setLocale, translateString } from "./utils";
 
 test("expFormat convert written text to format well in HTML", () => {
   expect(expFormat("abcdefg")).toStrictEqual("abcdefg");
@@ -25,3 +26,12 @@ test("setLocale throw error with non-existing locale", () => {
   const trial = { locale: "non-existing" } as unknown as TrialType<PluginInfo>;
   expect(() => setLocale(trial)).toThrow(LocaleNotFoundError);
 });
+
+test("translateString translates the string with the appropriate locale", () => {
+  const en = new Intl.Locale("en-us");
+  i18next.changeLanguage(en.baseName);
+  expect(translateString("Continue")).toBe("Continue");
+  const fr = new Intl.Locale("fr");
+  i18next.changeLanguage(fr.baseName);
+  expect(translateString("Continue")).toBe("Continuer");
+});

package/src/utils.ts

@@ -92,3 +92,15 @@ Handlebars.registerHelper("t", (context, { hash }) => {
   const txt = String(i18next.t(context, hash));
   return hash.htmlSafe ? new Handlebars.SafeString(txt) : txt;
 });
+
+/**
+ * Public method for directly translating a string, without a corresponding
+ * template.
+ *
+ * @param messageIdStr - Message ID string to be looked up in the translation
+ *   files.
+ * @returns Translated string
+ */
+export const translateString = (messageIdStr: string) => {
+  return i18next.t(messageIdStr);
+};