@mindful-web/marko-web-identity-x 1.85.0 → 1.85.3

package/CLAUDE.md

@@ -382,6 +382,27 @@ No coverage is lost: every field the fleet-wide impact analysis measured is a se
   suppression, and the 3-day suppression that follows an unverified submit. **Not** bot safeguards;
   that is reCAPTCHA's job, below.
 
+### Gate copy
+
+Defaults live in `progressive-profile-form.marko`; a site overrides them per-instance with
+`title` / `callToAction` (threaded through the theme's `progressive-profile-gate.marko`). The
+theme middleware's Joi schema does **not** accept them, so they cannot go in a site's
+`progressiveProfile` config without extending it first — and unknown keys there fail the boot by
+design.
+
+The default title names the number of questions (`One` / `Two` / `A few` … `quick question(s),
+then keep reading`), read off `state.missingCount` so it reflects what is actually rendered, not
+what is configured: a two-question site shows the one-question title to a reader who has already
+answered half of it.
+
+**Changing any default string is an i18n edit too.** `browser/progressive-profile.vue`'s
+`translate()` map is keyed by the **English source string**, so a reworded default silently falls
+back to English on pt/es sites — no error, no warning. Update the maps in the same change, and add
+one key per count rather than interpolating the number: both translation layers here (the
+app-level `i18n` function and `translate()`) are flat key lookups with no placeholder support.
+Note the two strings translate by different paths — the title runs through `i18n()` *and*
+`translate()`, while `callToAction` is rendered with `v-html` and so never reaches `translate()`.
+
 ### What happens server-side of the route
 
 Everything, in one Mongo transaction: the re-diff that drops already-filled fields, the attribute

package/browser/progressive-profile.vue

@@ -168,13 +168,16 @@ export default {
       type: Boolean,
       default: false,
     },
+    // `progressive-profile-form.marko` always passes both of these, and derives the title from the
+    // number of questions actually being rendered. These defaults are the two-question wording,
+    // which only applies if the component is ever mounted directly.
     title: {
       type: String,
-      default: 'Tell us a bit more about yourself',
+      default: 'Two quick questions, then keep reading',
     },
     callToAction: {
       type: String,
-      default: 'Please answer the questions below to continue reading.',
+      default: 'Knowing your role helps us cover the topics that matter to your work. We only ask once.',
     },
     buttonLabel: {
       type: String,
@@ -359,6 +362,14 @@ export default {
       const { lang } = this;
       const i18n = {
         pt: {
+          // One key per question count -- see `progressive-profile-form.marko` for why the count
+          // isn't interpolated.
+          'One quick question, then keep reading': 'Uma pergunta rápida e continue lendo',
+          'Two quick questions, then keep reading': 'Duas perguntas rápidas e continue lendo',
+          'A few quick questions, then keep reading': 'Algumas perguntas rápidas e continue lendo',
+          'Knowing your role helps us cover the topics that matter to your work. We only ask once.': 'Saber sua função nos ajuda a cobrir os temas que importam para o seu trabalho. Perguntamos apenas uma vez.',
+          // Retained: these were the defaults before the count-aware rewording, and a site may
+          // still be passing them explicitly as `title`/`callToAction`.
           'Tell us a bit more about yourself': 'Conte-nos um pouco mais sobre você',
           'Please answer the questions below to continue reading.': 'Responda às perguntas abaixo para continuar lendo.',
           'Continue Reading': 'Continuar lendo',
@@ -369,6 +380,13 @@ export default {
           Reload: 'Recarregar',
         },
         es: {
+          // Formal register (usted), matching the existing strings below.
+          'One quick question, then keep reading': 'Una pregunta rápida y continúe leyendo',
+          'Two quick questions, then keep reading': 'Dos preguntas rápidas y continúe leyendo',
+          'A few quick questions, then keep reading': 'Algunas preguntas rápidas y continúe leyendo',
+          'Knowing your role helps us cover the topics that matter to your work. We only ask once.': 'Conocer su función nos ayuda a cubrir los temas que importan para su trabajo. Solo se lo preguntamos una vez.',
+          // Retained: these were the defaults before the count-aware rewording, and a site may
+          // still be passing them explicitly as `title`/`callToAction`.
           'Tell us a bit more about yourself': 'Cuéntenos un poco más sobre usted',
           'Please answer the questions below to continue reading.': 'Responda las siguientes preguntas para continuar leyendo.',
           'Continue Reading': 'Continuar leyendo',

package/components/access.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/access.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/access.marko",
     marko_component = require("./access.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -53,7 +53,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/access.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/access.marko",
     component: "./access.marko",
     tags: [
       "@mindful-web/marko-core/components/resolve.marko"

package/components/comment-stream.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/comment-stream.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/comment-stream.marko",
     marko_component = require("./comment-stream.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -91,7 +91,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/comment-stream.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/comment-stream.marko",
     component: "./comment-stream.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/context.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/context.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/context.marko",
     marko_component = require("./context.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
@@ -49,7 +49,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/context.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/context.marko",
     component: "./context.marko",
     tags: [
       "@mindful-web/marko-core/components/resolve.marko"

package/components/form-access.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/form-access.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/form-access.marko",
     marko_component = require("./form-access.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
@@ -179,7 +179,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/form-access.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/form-access.marko",
     component: "./form-access.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-authenticate.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/form-authenticate.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/form-authenticate.marko",
     marko_component = require("./form-authenticate.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -81,7 +81,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/form-authenticate.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/form-authenticate.marko",
     component: "./form-authenticate.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-change-email.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/form-change-email.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/form-change-email.marko",
     marko_component = require("./form-change-email.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -59,7 +59,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/form-change-email.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/form-change-email.marko",
     component: "./form-change-email.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-login.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/form-login.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/form-login.marko",
     marko_component = require("./form-login.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -92,7 +92,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/form-login.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/form-login.marko",
     component: "./form-login.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-logout.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/form-logout.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/form-logout.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
     defaultValue = module_defaultValue.default || module_defaultValue,
@@ -29,7 +29,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/form-logout.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/form-logout.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko"
     ]

package/components/form-profile.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/form-profile.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/form-profile.marko",
     marko_component = require("./form-profile.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -84,7 +84,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/form-profile.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/form-profile.marko",
     component: "./form-profile.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/form-register.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/form-register.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/form-register.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_assign = require("marko/dist/runtime/helpers/assign"),
     marko_web_identity_x_form_login_template = require("./form-login.marko"),
@@ -25,7 +25,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/form-register.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/form-register.marko",
     tags: [
       "./form-login.marko"
     ]

package/components/google-init.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/google-init.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/google-init.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_attr = require("marko/dist/runtime/html/helpers/attr"),
     marko_str = require("marko/dist/runtime/helpers/to-string");
@@ -239,5 +239,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/google-init.marko"
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/google-init.marko"
   };

package/components/google-sign-in-button.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/google-sign-in-button.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/google-sign-in-button.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
     marko_escapeXml = helpers_escape_xml.x,
@@ -40,5 +40,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/google-sign-in-button.marko"
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/google-sign-in-button.marko"
   };

package/components/identify.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/identify.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/identify.marko",
     marko_component = require("./identify.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -50,7 +50,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/identify.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/identify.marko",
     component: "./identify.marko",
     tags: [
       "@mindful-web/marko-web-gtm/components/push.marko",

package/components/non-auth-identify.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/non-auth-identify.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/non-auth-identify.marko",
     marko_component = require("./non-auth-identify.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
@@ -45,7 +45,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/non-auth-identify.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/non-auth-identify.marko",
     component: "./non-auth-identify.marko",
     tags: [
       "@mindful-web/marko-core/components/resolve.marko"

package/components/progressive-profile-form.marko

@@ -35,8 +35,29 @@ $ const contentId = content && content.id;
     contentGateType: "progressive-profile",
     ...(profileState.promoCode ? { promoCode: profileState.promoCode } : {}),
   };
-  $ const title = defaultValue(input.title, i18n("Tell us a bit more about yourself"));
-  $ const callToAction = defaultValue(input.callToAction, i18n("Please answer the questions below to continue reading."));
+  <!--
+    The default title names how many questions are about to be asked, which is the single biggest
+    lever on completion: most abandonment on a gate like this is fear of a long form.
+
+    Read from `state.missingCount` (the middleware already flattens it), so it is the number
+    actually being rendered rather than the number configured -- a site asking two questions shows
+    the one-question title to a reader who has already answered half of them. The `missingRows`
+    fallback covers a caller that builds the state by hand rather than via the theme middleware.
+
+    Each count is its own string rather than an interpolated number because both translation
+    layers here (the app-level `i18n` function and the Vue component's own `translate` map) are
+    flat key lookups with no placeholder support. Three variants covers it: a real form is one or
+    two questions, and anything longer reads better as "a few" than as a number.
+  -->
+  $ const questionCount = profileState.missingCount || fieldRows.reduce((total, row) => total + row.length, 0);
+  $ const defaultTitlesByCount = {
+    1: "One quick question, then keep reading",
+    2: "Two quick questions, then keep reading",
+  };
+  $ const defaultTitle = defaultTitlesByCount[questionCount] || "A few quick questions, then keep reading";
+
+  $ const title = defaultValue(input.title, i18n(defaultTitle));
+  $ const callToAction = defaultValue(input.callToAction, i18n("Knowing your role helps us cover the topics that matter to your work. We only ask once."));
   $ const buttonLabel = defaultValue(input.buttonLabel, i18n("Continue Reading"));
   $ const dismissLabel = defaultValue(input.dismissLabel, i18n("Not right now"));
   $ const lang = site.config.lang || "en";

package/components/progressive-profile-form.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/progressive-profile-form.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/progressive-profile-form.marko",
     marko_component = require("./progressive-profile-form.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
@@ -45,9 +45,18 @@ function render(input, out, __component, component, state) {
     ...(profileState.promoCode ? { promoCode: profileState.promoCode } : {}),
   };
 
-    const title = defaultValue(input.title, i18n("Tell us a bit more about yourself"));
+    const questionCount = profileState.missingCount || fieldRows.reduce((total, row) => total + row.length, 0);
 
-    const callToAction = defaultValue(input.callToAction, i18n("Please answer the questions below to continue reading."));
+    const defaultTitlesByCount = {
+    1: "One quick question, then keep reading",
+    2: "Two quick questions, then keep reading",
+  };
+
+    const defaultTitle = defaultTitlesByCount[questionCount] || "A few quick questions, then keep reading";
+
+    const title = defaultValue(input.title, i18n(defaultTitle));
+
+    const callToAction = defaultValue(input.callToAction, i18n("Knowing your role helps us cover the topics that matter to your work. We only ask once."));
 
     const buttonLabel = defaultValue(input.buttonLabel, i18n("Continue Reading"));
 
@@ -128,7 +137,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/progressive-profile-form.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/progressive-profile-form.marko",
     component: "./progressive-profile-form.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/components/subscribe.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/components/subscribe.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.3/components/subscribe.marko",
     marko_component = require("./subscribe.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_objectPath_module = require("@mindful-web/object-path"),
@@ -73,7 +73,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/subscribe.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.3/components/subscribe.marko",
     component: "./subscribe.marko",
     tags: [
       "@mindful-web/marko-web/components/browser-component.marko",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindful-web/marko-web-identity-x",
-  "version": "1.85.0",
+  "version": "1.85.3",
   "description": "Marko Wrapper for IdentityX",
   "repository": "https://github.com/parameter1/mindful-web/tree/main/packages/marko-web-identity-x",
   "author": "Josh Worden <josh@parameter1.com>",
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f605eeeddb1f44c632feb239d37a98560bb82416"
+  "gitHead": "34418dcc1061957e9782f403c17093281f08c07d"
 }

package/routes/change-email-confirm.js

@@ -41,6 +41,8 @@ module.exports = asyncRoute(async (req, res) => {
 
   const decoded = await jwt.decode(token);
   await callHooksFor(identityX, 'onChangeEmailSuccess', {
+    req,
+    res,
     user,
     oldEmail: get(decoded, 'data.email'),
   });