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

package/browser/progressive-profile.vue

@@ -0,0 +1,388 @@
+<template>
+  <div
+    id="progressive-profile-idx-form"
+    ref="root"
+    class="content-page-gate content-page-gate--progressive-profile p-block"
+  >
+    <h5 class="content-page-gate__title">
+      {{ translate({ key: title }) }}
+    </h5>
+
+    <template v-if="!didSubmit">
+      <p class="content-page-gate__description" v-html="callToAction" />
+      <form @submit.prevent="handleSubmit">
+        <fieldset :disabled="isLoading">
+          <div v-for="(row, ridx) in fieldRows" :key="ridx" class="row">
+            <custom-column
+              v-for="(col, cidx) in row"
+              :key="`${ridx}_${cidx}`"
+              :custom-boolean-field-answers="customBooleanFieldAnswers"
+              :custom-select-field-answers="customSelectFieldAnswers"
+              :custom-text-field-answers="customTextFieldAnswers"
+              :label="col.label || defaultFieldLabels[col.key]"
+              :field-key="col.key"
+              :field-id="col.id"
+              :type="col.type"
+              :required="true"
+              :width="col.width || 1"
+              :user="user"
+              :endpoints="endpoints"
+              :enable-change-email="enableChangeEmail"
+              :lang="lang"
+            />
+          </div>
+
+          <div class="content-page-gate__actions d-flex align-items-center">
+            <button
+              type="submit"
+              class="btn btn-primary"
+              :disabled="isLoading || recaptcha.loading"
+            >
+              {{ translate({ key: buttonLabel }) }}
+            </button>
+            <button
+              v-if="dismissible"
+              type="button"
+              class="btn btn-link ml-2"
+              @click="handleDismiss"
+            >
+              {{ translate({ key: dismissLabel }) }}
+            </button>
+          </div>
+        </fieldset>
+        <p v-if="error" class="mt-3 text-danger">
+          {{ translate({ key: 'An error occurred:' }) }} {{ error }}
+        </p>
+      </form>
+    </template>
+
+    <div v-else class="success-message">
+      <p class="success-message__title">
+        {{
+          translate({
+            key: 'Thank you. This page will automatically reload.'
+          })
+        }}
+      </p>
+      <p class="success-message__title d-flex justify-content-between">
+        {{ translate({ key: 'If not, click the reload button' }) }}
+        <a class="btn btn-primary mr-3" href="#" @click.prevent="reload">{{
+          translate({ key: 'Reload' })
+        }}</a>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+import recaptchaLoad from '@mindful-web/marko-web-recaptcha/browser/load';
+import recaptchaGetToken from '@mindful-web/marko-web-recaptcha/browser/get-token';
+
+import post from './utils/post';
+import cookiesEnabled from './utils/cookies-enabled';
+
+import CustomColumn from './custom-column.vue';
+import FeatureError from './errors/feature';
+import FormError from './errors/form';
+import EventEmitter from './mixins/global-event-emitter';
+
+// Deferred navigation, same reasoning as `google-init.marko`: give the dataLayer/p1events
+// subscribers a tick to dispatch before the page goes away.
+const RELOAD_DELAY_MS = 300;
+
+// Declared here and checked server-side, so a v3 token minted for another form on the site cannot
+// be replayed against this one. Must match `routes/progressive-profile.js`.
+const RECAPTCHA_ACTION = 'progressiveProfileSubmit';
+
+export default {
+  components: { CustomColumn },
+
+  mixins: [EventEmitter],
+
+  props: {
+    /**
+     * `state.missingRows` — only the questions this visitor has not answered, every one required.
+     */
+    fieldRows: {
+      type: Array,
+      required: true,
+    },
+    activeUser: {
+      type: Object,
+      default: () => ({}),
+    },
+    customBooleanFieldAnswers: {
+      type: Array,
+      default: () => [],
+    },
+    customSelectFieldAnswers: {
+      type: Array,
+      default: () => [],
+    },
+    customTextFieldAnswers: {
+      type: Array,
+      default: () => [],
+    },
+    content: {
+      type: Object,
+      required: true,
+    },
+    /**
+     * `base.<tenant>.content-<type>*<id>` — the gated article. Passed to `emit` as the event's
+     * top-level entity, NOT nested inside `additionalEventData`: `global-event-emitter.js`
+     * assigns `additionalEventData` *after* spreading `data`, so anything the caller puts under
+     * that key is clobbered.
+     */
+    contentEntity: {
+      type: String,
+      default: null,
+    },
+    /**
+     * `identity-x.<appId>.app-user*<oid>`. Already known at render time — resolving the identity
+     * is what decided to show this gate at all — so the view event is never anonymous.
+     */
+    idxEntity: {
+      type: String,
+      default: null,
+    },
+    userId: {
+      type: String,
+      required: true,
+    },
+    /**
+     * `identified` | `authenticated`.
+     */
+    audience: {
+      type: String,
+      default: 'identified',
+    },
+    fieldIds: {
+      type: Array,
+      default: () => [],
+    },
+    recaptchaSiteKey: {
+      type: String,
+      default: null,
+    },
+    dismissible: {
+      type: Boolean,
+      default: false,
+    },
+    title: {
+      type: String,
+      default: 'Tell us a bit more about yourself',
+    },
+    callToAction: {
+      type: String,
+      default: 'Please answer the questions below to continue reading.',
+    },
+    buttonLabel: {
+      type: String,
+      default: 'Continue Reading',
+    },
+    dismissLabel: {
+      type: String,
+      default: 'Not right now',
+    },
+    endpoints: {
+      type: Object,
+      required: true,
+    },
+    enableChangeEmail: {
+      type: Boolean,
+      default: false,
+    },
+    defaultFieldLabels: {
+      type: Object,
+      default: () => ({}),
+    },
+    loginSource: {
+      type: String,
+      default: 'progressiveProfile',
+    },
+    lang: {
+      type: String,
+      default: 'en',
+    },
+  },
+
+  data() {
+    return {
+      error: null,
+      isLoading: false,
+      didSubmit: false,
+      recaptcha: { loading: false, error: null },
+      user: { ...this.activeUser },
+    };
+  },
+
+  computed: {
+    fieldCount() {
+      return this.fieldIds.length;
+    },
+  },
+
+  mounted() {
+    if (!cookiesEnabled()) {
+      // A cookie-less browser can never satisfy this gate: the identity itself lives in a cookie.
+      const error = new FeatureError('Your browser does not support cookies. Please enable cookies to use this feature.');
+      this.error = error.message;
+      this.emit('progressive-profile-errored', { message: error.message });
+      return;
+    }
+
+    this.loadRecaptcha();
+
+    this.emit('progressive-profile-mounted', {
+      contentId: this.content.id,
+      contentType: this.content.type,
+      userId: this.userId,
+      audience: this.audience,
+      fieldCount: this.fieldCount,
+      // Which questions were asked — ids only. Submitted *answers* are never tracked.
+      fieldKeys: this.fieldIds.join(','),
+      contentGateType: 'progressive-profile',
+      idxEntity: this.idxEntity,
+    }, this.contentEntity);
+  },
+
+  methods: {
+    /**
+     * Loaded in `mounted`, as every other reCAPTCHA-protected form on the fleet does — but with one
+     * deliberate difference: a load failure does **not** disable submit.
+     *
+     * Elsewhere it does, which is right for a newsletter signup: the worst case is a signup that
+     * has to be retried. Here the form is the only way past a gate on the article, so blocking
+     * submit on a script an ad blocker routinely eats would lock a real reader out of the content
+     * entirely, with nothing to click. Instead the submit goes through with no token, the server
+     * records `no-token`, and the write is dropped rather than the visitor.
+     */
+    async loadRecaptcha() {
+      this.recaptcha.loading = true;
+      try {
+        await recaptchaLoad({ siteKey: this.recaptchaSiteKey });
+        this.recaptcha.error = null;
+      } catch (e) {
+        this.recaptcha.error = e;
+      } finally {
+        this.recaptcha.loading = false;
+      }
+    },
+
+    async getRecaptchaToken() {
+      if (this.recaptcha.error || !this.recaptchaSiteKey) return null;
+      try {
+        const { recaptchaSiteKey: siteKey } = this;
+        return await recaptchaGetToken({ siteKey, action: RECAPTCHA_ACTION });
+      } catch (e) {
+        return null;
+      }
+    },
+
+    reload() {
+      window.location.reload();
+    },
+
+    async handleSubmit() {
+      this.error = null;
+      this.isLoading = true;
+      try {
+        // A fresh token per attempt — they are single-use and expire after two minutes. Never
+        // fatal: if the script was blocked or `execute` rejects, submit without one and let the
+        // server decide. The alternative is refusing to submit, which strands the visitor behind
+        // a gate they have no way to clear.
+        const recaptchaToken = await this.getRecaptchaToken();
+
+        const res = await post('/progressive-profile', {
+          recaptchaToken,
+          userId: this.userId,
+          contentId: this.content.id,
+          // Only the answers. The route resolves the target member and the writable field set
+          // itself, so nothing else in the body would be read.
+          customSelectFieldAnswers: this.user.customSelectFieldAnswers,
+          customBooleanFieldAnswers: this.user.customBooleanFieldAnswers,
+          customTextFieldAnswers: this.user.customTextFieldAnswers,
+        });
+        const data = await res.json();
+        if (!res.ok) throw new FormError(data.message, res.status);
+
+        this.didSubmit = true;
+
+        // Emitted for the dataLayer only — the p1events bridge deliberately does not map this
+        // event. `member-events` is the authoritative submission count; GA4 exists here for the
+        // campaign/source attribution a server-side record cannot provide, and its conversion
+        // trigger filters on `changed === true`. `changed` is server-truth, not a client guess.
+        this.emit('progressive-profile-submitted', {
+          contentId: this.content.id,
+          contentType: this.content.type,
+          userId: this.userId,
+          audience: this.audience,
+          changed: Boolean(data.changed),
+          // 'written' | 'unverified'. The GA4 conversion already filters on `changed === true`, so
+          // a discarded submit is excluded from completions without a GTM change; this just makes
+          // the discards separately countable.
+          accepted: data.accepted || null,
+          fieldCount: this.fieldCount,
+          contentGateType: 'progressive-profile',
+          idxEntity: this.idxEntity,
+        }, this.contentEntity);
+
+        setTimeout(() => this.reload(), RELOAD_DELAY_MS);
+      } catch (e) {
+        this.error = e.message;
+        this.emit('progressive-profile-errored', { message: e.message });
+      } finally {
+        this.isLoading = false;
+      }
+    },
+
+    async handleDismiss() {
+      try {
+        const res = await post('/progressive-profile/dismiss');
+        const data = await res.json();
+        if (!res.ok) throw new FormError(data.message, res.status);
+        this.emit('progressive-profile-dismissed', {
+          contentId: this.content.id,
+          contentType: this.content.type,
+          userId: this.userId,
+          contentGateType: 'progressive-profile',
+          idxEntity: this.idxEntity,
+        }, this.contentEntity);
+        setTimeout(() => this.reload(), RELOAD_DELAY_MS);
+      } catch (e) {
+        this.error = e.message;
+        this.emit('progressive-profile-errored', { message: e.message });
+      }
+    },
+
+    translate({ key }) {
+      const { lang } = this;
+      const i18n = {
+        pt: {
+          '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',
+          'Not right now': 'Agora não',
+          'An error occurred:': 'Ocorreu um erro:',
+          'Thank you. This page will automatically reload.': 'Obrigado. Esta página será recarregada automaticamente.',
+          'If not, click the reload button': 'Caso contrário, clique no botão de recarregar',
+          Reload: 'Recarregar',
+        },
+        es: {
+          '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',
+          'Not right now': 'Ahora no',
+          'An error occurred:': 'Se produjo un error:',
+          'Thank you. This page will automatically reload.': 'Gracias. Esta página se recargará automáticamente.',
+          'If not, click the reload button': 'En caso contrario, haga clic en el botón recargar',
+          Reload: 'Recargar',
+        },
+        en: {},
+      };
+      const value = (i18n[lang] && i18n[lang][key]) ? i18n[lang][key] : key;
+      return value;
+    },
+  },
+};
+</script>

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.83.0/components/access.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/access.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/comment-stream.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/comment-stream.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/context.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/context.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-access.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-access.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-authenticate.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-authenticate.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-change-email.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-change-email.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-login.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-login.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-logout.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-logout.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-profile.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-profile.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-register.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/form-register.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/google-init.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/google-init.marko"
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/google-sign-in-button.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/google-sign-in-button.marko"
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/identify.marko",
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.85.0/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.83.0/components/identify.marko",
+    id: "/@mindful-web/marko-web-identity-x$1.85.0/components/identify.marko",
     component: "./identify.marko",
     tags: [
       "@mindful-web/marko-web-gtm/components/push.marko",

package/components/marko.json

@@ -68,6 +68,22 @@
     },
     "@allow-anonymous": "string"
   },
+  "<marko-web-identity-x-progressive-profile-form>": {
+    "template": "./progressive-profile-form.marko",
+    "@state": {
+      "type": "object",
+      "required": true
+    },
+    "@content": {
+      "type": "object",
+      "required": true
+    },
+    "@additional-event-data": "object",
+    "@title": "string",
+    "@call-to-action": "string",
+    "@button-label": "string",
+    "@dismiss-label": "string"
+  },
   "<marko-web-identity-x-form-profile>": {
     "template": "./form-profile.marko",
     "@additional-event-data": "object",

package/components/non-auth-identify.marko

@@ -4,7 +4,12 @@ $ const { identityX } = req;
 <if(Boolean(identityX))>
   <marko-web-resolve|{ resolved: user }| promise=identityX.getIdentityData()>
     <if(user && user.id)>
-      <marko-web-resolve|{ resolved: fullUser }| promise=identityX.findUserById(user.id)>
+      <!--
+        Memoized: a progressive-profile page load resolves this same identity in the middleware and
+        again in `getIdentityData()`. Read-only, so a per-request cache is safe here -- see
+        `service.findUserByIdMemoized` for the one caller that must NOT use it.
+      -->
+      <marko-web-resolve|{ resolved: fullUser }| promise=identityX.findUserByIdMemoized(user.id)>
         <${input.renderBody} user=fullUser />
       </marko-web-resolve>
     </if>