@mindful-web/marko-web-identity-x 1.0.0

package/browser/utils/clean-path.js

@@ -0,0 +1 @@
+export default (value) => value.replace(/^\/+/, '');

package/browser/utils/cookies-enabled.js

@@ -0,0 +1,10 @@
+export default () => {
+  try {
+    document.cookie = 'cookietest=1';
+    const created = document.cookie.indexOf('cookietest=') !== -1;
+    document.cookie = 'cookietest=1; expires=Thu, 01-Jan-1970 00:00:01 GMT';
+    return created;
+  } catch (e) {
+    return false;
+  }
+};

package/browser/utils/get-as-array.js

@@ -0,0 +1,6 @@
+import { get } from 'object-path';
+
+export default (obj, path) => {
+  const v = get(obj, path, []);
+  return Array.isArray(v) ? v : [];
+};

package/browser/utils/get-referring-page.js

@@ -0,0 +1,7 @@
+export default () => {
+  const { referrer } = document;
+  const { origin } = window;
+  if (!referrer) return '/'; // no referrer
+  if (referrer.indexOf(origin) !== 0) return '/'; // off-site referrer
+  return referrer.replace(origin, '');
+};

package/browser/utils/get.js

@@ -0,0 +1,8 @@
+export default (path) => {
+  const endpoint = path.replace(/^\/+/, '');
+  const uri = `/__idx/${endpoint}`;
+  return fetch(uri, {
+    credentials: 'same-origin',
+    method: 'get',
+  });
+};

package/browser/utils/post.js

@@ -0,0 +1,10 @@
+export default (path, body) => {
+  const endpoint = path.replace(/^\/+/, '');
+  const uri = `/__idx/${endpoint}`;
+  return fetch(uri, {
+    credentials: 'same-origin',
+    method: 'post',
+    headers: { 'content-type': 'application/json' },
+    body: body ? JSON.stringify(body) : undefined,
+  });
+};

package/browser/utils/redirect.js

@@ -0,0 +1,7 @@
+import cleanPath from './clean-path';
+
+export default (to) => {
+  const path = cleanPath(to);
+  const url = `${window.location.origin}/${path}`;
+  window.location.replace(url);
+};

package/browser/utils/region-country-codes.js

@@ -0,0 +1 @@
+export default ['US', 'CA', 'MX'];

package/components/access.marko

@@ -0,0 +1,24 @@
+import { getAsArray } from "@mindful-web/object-path";
+
+$ const { req } = out.global;
+$ const isEnabled = input.enabled || false;
+$ const { identityX } = req;
+
+$ const accessObj = {
+  canAccess: true,
+  isLoggedIn: false,
+  hasRequiredAccessLevel: false,
+  requiresAccessLevel: false,
+  requiredAccessLevels: [],
+  requiresUserInput: false,
+  messages: {},
+};
+
+$ const requiredAccessLevelIds = getAsArray(input.requiredAccessLevelIds);
+$ const params = { isEnabled, requiredAccessLevelIds };
+
+$ const checkContentAccess = async () => (isEnabled && Boolean(req.identityX) ? identityX.checkContentAccess(params) : accessObj);
+
+<marko-web-resolve|{ resolved }| promise=checkContentAccess()>
+  <${input.renderBody} ...resolved />
+</marko-web-resolve>

package/components/access.marko.js

@@ -0,0 +1,61 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.0.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"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_resolve_template = require("@mindful-web/marko-core/components/resolve.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { req } = out.global;
+
+  const isEnabled = input.enabled || false;
+
+  const { identityX } = req;
+
+  const accessObj = {
+  canAccess: true,
+  isLoggedIn: false,
+  hasRequiredAccessLevel: false,
+  requiresAccessLevel: false,
+  requiredAccessLevels: [],
+  requiresUserInput: false,
+  messages: {},
+};
+
+  const requiredAccessLevelIds = getAsArray(input.requiredAccessLevelIds);
+
+  const params = { isEnabled, requiredAccessLevelIds };
+
+  const checkContentAccess = async () => (isEnabled && Boolean(req.identityX) ? identityX.checkContentAccess(params) : accessObj);
+
+  marko_web_resolve_tag({
+      promise: checkContentAccess(),
+      renderBody: function(out, { resolved }) {
+        marko_dynamicTag(out, input.renderBody, function() {
+          return resolved;
+        }, null, null, null, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-identity-x$1.0.0/components/access.marko",
+    component: "./access.marko",
+    tags: [
+      "@mindful-web/marko-core/components/resolve.marko"
+    ]
+  };

package/components/comment-stream.marko

@@ -0,0 +1,31 @@
+import { get } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { req } = out.global;
+$ const { identityX } = req;
+$ const additionalEventData = defaultValue(input.additionalEventData, {});
+
+<if(identityX)>
+  <marko-web-identity-x-context|{ user, isEnabled, application }|>
+    $ const props = {
+      additionalEventData: additionalEventData,
+      loginSource: input.loginSource,
+      activeUser: user,
+      identifier: `${input.identifier}`,
+      title: input.title,
+      description: input.description,
+      url: input.url,
+      loadMoreButtonClass: input.loadMoreButtonClass,
+      loginButtonLabels: input.loginButtonLabels,
+      endpoints: identityX.config.getEndpoints(),
+      consentPolicy: get(application, "organization.consentPolicy"),
+      regionalConsentPolicies: get(application, "organization.regionalConsentPolicies"),
+      appContextId: identityX.config.get("appContextId"),
+      requiredCreateFields: identityX.config.getRequiredCreateFields(),
+      defaultFieldLabels: identityX.config.get("defaultFieldLabels"),
+    };
+    <if(isEnabled && identityX.config.commentsEnabled())>
+      <marko-web-browser-component name="IdentityXCommentStream" props=props />
+    </if>
+  </marko-web-identity-x-context>
+</if>

package/components/comment-stream.marko.js

@@ -0,0 +1,71 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.0.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"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    get = module_objectPath_module.get,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template),
+    marko_web_identity_x_context_template = require("./context.marko"),
+    marko_web_identity_x_context_tag = marko_loadTag(marko_web_identity_x_context_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { req } = out.global;
+
+  const { identityX } = req;
+
+  const additionalEventData = defaultValue(input.additionalEventData, {});
+
+  if (identityX) {
+    marko_web_identity_x_context_tag({
+        renderBody: function(out, { user, isEnabled, application }) {
+          const props = {
+      additionalEventData: additionalEventData,
+      loginSource: input.loginSource,
+      activeUser: user,
+      identifier: `${input.identifier}`,
+      title: input.title,
+      description: input.description,
+      url: input.url,
+      loadMoreButtonClass: input.loadMoreButtonClass,
+      loginButtonLabels: input.loginButtonLabels,
+      endpoints: identityX.config.getEndpoints(),
+      consentPolicy: get(application, "organization.consentPolicy"),
+      regionalConsentPolicies: get(application, "organization.regionalConsentPolicies"),
+      appContextId: identityX.config.get("appContextId"),
+      requiredCreateFields: identityX.config.getRequiredCreateFields(),
+      defaultFieldLabels: identityX.config.get("defaultFieldLabels"),
+    };
+
+          if (isEnabled && identityX.config.commentsEnabled()) {
+            marko_web_browser_component_tag({
+                name: "IdentityXCommentStream",
+                props: props
+              }, out, __component, "1");
+          }
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-identity-x$1.0.0/components/comment-stream.marko",
+    component: "./comment-stream.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko",
+      "./context.marko"
+    ]
+  };

package/components/context.marko

@@ -0,0 +1,15 @@
+$ const { req } = out.global;
+$ const { identityX } = req;
+$ const isEnabled = Boolean(req.identityX);
+$ const loadContext = async () => (isEnabled ? identityX.loadActiveContext() : {
+  user: null,
+  mergedAccessLevels: [],
+  mergedTeams: [],
+  hasTeams: false,
+  hasUser: false,
+});
+
+<marko-web-resolve|{ resolved }| promise=loadContext()>
+  $ const output = { ...resolved, isEnabled };
+  <${input.renderBody} ...output />
+</marko-web-resolve>

package/components/context.marko.js

@@ -0,0 +1,52 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.0.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"),
+    marko_web_resolve_template = require("@mindful-web/marko-core/components/resolve.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { req } = out.global;
+
+  const { identityX } = req;
+
+  const isEnabled = Boolean(req.identityX);
+
+  const loadContext = async () => (isEnabled ? identityX.loadActiveContext() : {
+  user: null,
+  mergedAccessLevels: [],
+  mergedTeams: [],
+  hasTeams: false,
+  hasUser: false,
+});
+
+  marko_web_resolve_tag({
+      promise: loadContext(),
+      renderBody: function(out, { resolved }) {
+        const output = { ...resolved, isEnabled };
+
+        marko_dynamicTag(out, input.renderBody, function() {
+          return output;
+        }, null, null, null, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-identity-x$1.0.0/components/context.marko",
+    component: "./context.marko",
+    tags: [
+      "@mindful-web/marko-core/components/resolve.marko"
+    ]
+  };

package/components/form-access.marko

@@ -0,0 +1,60 @@
+
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import { get, getAsObject } from "@mindful-web/object-path";
+
+$ const { req: { identityX } } = out.global;
+$ const { content, formId, user, application } = input;
+$ const form = identityX.config.getAsObject(`forms.${formId}`);
+$ const additionalEventData = defaultValue(input.additionalEventData, {});
+$ const ctaPrefix = defaultValue(input.ctaPrefix, `To access "${content.name}"`);
+$ const callToAction = defaultValue(input.callToAction, `${ctaPrefix}, please fill out the form below.`);
+$ const callToActionLoggedOut = defaultValue(input.callToAction, `${ctaPrefix}, please enter your email address below. You will receive an email containing a verification link.`);
+$ const buttonLabel = defaultValue(input.buttonLabel, "Submit & Access");
+$ const title = defaultValue(input.title, "Complete the form to access this content");
+$ const updateProfileOnSubmit = defaultValue(input.updateProfileOnSubmit, true);
+$ const { displayForm, cookie } = getAsObject(out, "global.contentAccessState");
+$ const consentPolicy = defaultValue(form.consentPolicy, get(application, "organization.consentPolicy"));
+$ const emailConsentRequest = defaultValue(form.emailConsentRequest, get(application, "organization.emailConsentRequest"));
+
+<if(identityX && form.fieldRows, displayForm)>
+  <div class="content-survey-access-idx__wrapper">
+    $ const props = {
+      // Access form props
+      content: content,
+      title: form.title,
+      fieldRows: form.fieldRows,
+      loginSource: "contentAccess",
+      title: title,
+      cookie,
+      displayForm,
+      callToAction: callToAction,
+      callToActionLoggedOut: callToActionLoggedOut,
+      updateProfileOnSubmit,
+
+      // Login props
+      activeUser: user,
+      additionalEventData: additionalEventData,
+      appContextId: identityX.config.get("appContextId"),
+      buttonLabel: buttonLabel,
+      defaultCountryCode: identityX.config.get("defaultCountryCode"),
+      defaultFieldLabels: identityX.config.get("defaultFieldLabels"),
+      enableChangeEmail: identityX.config.get("enableChangeEmail"),
+      endpoints: identityX.config.getEndpoints(),
+      requiredCreateFields: identityX.config.getRequiredCreateFields(),
+
+      // Consent
+      consentPolicy: consentPolicy,
+      consentPolicyEnabled: defaultValue(input.consentPolicyEnabled, true),
+      emailConsentRequest: emailConsentRequest,
+      emailConsentRequestEnabled: defaultValue(input.emailConsentRequest, true),
+      regionalConsentPolicies: get(application, "organization.regionalConsentPolicies"),
+    };
+    <marko-web-browser-component name="IdentityXAccess" props=props />
+  </div>
+</if>
+<else>
+  $ const msg = `IdentityX Survey Gating: couldn't load form "${formId}"!`;
+  <p class="text-danger" data-marko-error=msg>
+    ${msg}
+  </p>
+</else>

package/components/form-access.marko.js

@@ -0,0 +1,111 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.0.0/components/form-access.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,
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    get = module_objectPath_module.get,
+    getAsObject = module_objectPath_module.getAsObject,
+    marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_attr = require("marko/dist/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { req: { identityX } } = out.global;
+
+  const { content, formId, user, application } = input;
+
+  const form = identityX.config.getAsObject(`forms.${formId}`);
+
+  const additionalEventData = defaultValue(input.additionalEventData, {});
+
+  const ctaPrefix = defaultValue(input.ctaPrefix, `To access "${content.name}"`);
+
+  const callToAction = defaultValue(input.callToAction, `${ctaPrefix}, please fill out the form below.`);
+
+  const callToActionLoggedOut = defaultValue(input.callToAction, `${ctaPrefix}, please enter your email address below. You will receive an email containing a verification link.`);
+
+  const buttonLabel = defaultValue(input.buttonLabel, "Submit & Access");
+
+  const title = defaultValue(input.title, "Complete the form to access this content");
+
+  const updateProfileOnSubmit = defaultValue(input.updateProfileOnSubmit, true);
+
+  const { displayForm, cookie } = getAsObject(out, "global.contentAccessState");
+
+  const consentPolicy = defaultValue(form.consentPolicy, get(application, "organization.consentPolicy"));
+
+  const emailConsentRequest = defaultValue(form.emailConsentRequest, get(application, "organization.emailConsentRequest"));
+
+  if (identityX && form.fieldRows, displayForm) {
+    out.w("<div class=\"content-survey-access-idx__wrapper\">");
+
+    const props = {
+      // Access form props
+      content: content,
+      title: form.title,
+      fieldRows: form.fieldRows,
+      loginSource: "contentAccess",
+      title: title,
+      cookie,
+      displayForm,
+      callToAction: callToAction,
+      callToActionLoggedOut: callToActionLoggedOut,
+      updateProfileOnSubmit,
+
+      // Login props
+      activeUser: user,
+      additionalEventData: additionalEventData,
+      appContextId: identityX.config.get("appContextId"),
+      buttonLabel: buttonLabel,
+      defaultCountryCode: identityX.config.get("defaultCountryCode"),
+      defaultFieldLabels: identityX.config.get("defaultFieldLabels"),
+      enableChangeEmail: identityX.config.get("enableChangeEmail"),
+      endpoints: identityX.config.getEndpoints(),
+      requiredCreateFields: identityX.config.getRequiredCreateFields(),
+
+      // Consent
+      consentPolicy: consentPolicy,
+      consentPolicyEnabled: defaultValue(input.consentPolicyEnabled, true),
+      emailConsentRequest: emailConsentRequest,
+      emailConsentRequestEnabled: defaultValue(input.emailConsentRequest, true),
+      regionalConsentPolicies: get(application, "organization.regionalConsentPolicies"),
+    };
+
+    marko_web_browser_component_tag({
+        name: "IdentityXAccess",
+        props: props
+      }, out, __component, "1");
+
+    out.w("</div>");
+  } else {
+    const msg = `IdentityX Survey Gating: couldn't load form "${formId}"!`;
+
+    out.w("<p class=\"text-danger\"" +
+      marko_attr("data-marko-error", msg) +
+      ">" +
+      marko_escapeXml(msg) +
+      "</p>");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-identity-x$1.0.0/components/form-access.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko"
+    ]
+  };

package/components/form-authenticate.marko

@@ -0,0 +1,32 @@
+import { get } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { req } = out.global;
+$ const { identityX, query } = req;
+$ const isEnabled = Boolean(req.identityX);
+$ const additionalEventData = defaultValue(input.additionalEventData, {});
+
+<if(isEnabled)>
+  <marko-web-identity-x-context|{ application }|>
+    $ const props = {
+      additionalEventData: additionalEventData,
+      token: query.token,
+      redirectTo: query.redirectTo,
+      requiredServerFields: identityX.config.getRequiredServerFields(),
+      requiredClientFields: identityX.config.getRequiredClientFields(),
+      activeCustomFieldIds: identityX.config.getActiveCustomFieldIds(),
+      defaultCountryCode: identityX.config.get("defaultCountryCode"),
+      defaultFieldLabels: identityX.config.get("defaultFieldLabels"),
+      booleanQuestionsLabel: identityX.config.get("booleanQuestionsLabel"),
+      hiddenFields: identityX.config.getHiddenFields(),
+      endpoints: identityX.config.getEndpoints(),
+      callToAction: input.callToAction,
+      buttonLabel: input.buttonLabel,
+      consentPolicy: get(application, "organization.consentPolicy"),
+      emailConsentRequest: get(application, "organization.emailConsentRequest"),
+      regionalConsentPolicies: get(application, "organization.regionalConsentPolicies"),
+      enableChangeEmail: identityX.config.get("enableChangeEmail")
+    };
+    <marko-web-browser-component name="IdentityXAuthenticate" props=props />
+  </marko-web-identity-x-context>
+</if>

package/components/form-authenticate.marko.js

@@ -0,0 +1,73 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-identity-x$1.0.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"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    get = module_objectPath_module.get,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template),
+    marko_web_identity_x_context_template = require("./context.marko"),
+    marko_web_identity_x_context_tag = marko_loadTag(marko_web_identity_x_context_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { req } = out.global;
+
+  const { identityX, query } = req;
+
+  const isEnabled = Boolean(req.identityX);
+
+  const additionalEventData = defaultValue(input.additionalEventData, {});
+
+  if (isEnabled) {
+    marko_web_identity_x_context_tag({
+        renderBody: function(out, { application }) {
+          const props = {
+      additionalEventData: additionalEventData,
+      token: query.token,
+      redirectTo: query.redirectTo,
+      requiredServerFields: identityX.config.getRequiredServerFields(),
+      requiredClientFields: identityX.config.getRequiredClientFields(),
+      activeCustomFieldIds: identityX.config.getActiveCustomFieldIds(),
+      defaultCountryCode: identityX.config.get("defaultCountryCode"),
+      defaultFieldLabels: identityX.config.get("defaultFieldLabels"),
+      booleanQuestionsLabel: identityX.config.get("booleanQuestionsLabel"),
+      hiddenFields: identityX.config.getHiddenFields(),
+      endpoints: identityX.config.getEndpoints(),
+      callToAction: input.callToAction,
+      buttonLabel: input.buttonLabel,
+      consentPolicy: get(application, "organization.consentPolicy"),
+      emailConsentRequest: get(application, "organization.emailConsentRequest"),
+      regionalConsentPolicies: get(application, "organization.regionalConsentPolicies"),
+      enableChangeEmail: identityX.config.get("enableChangeEmail")
+    };
+
+          marko_web_browser_component_tag({
+              name: "IdentityXAuthenticate",
+              props: props
+            }, out, __component, "1");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-identity-x$1.0.0/components/form-authenticate.marko",
+    component: "./form-authenticate.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko",
+      "./context.marko"
+    ]
+  };

package/components/form-change-email.marko

@@ -0,0 +1,27 @@
+import { get } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { req } = out.global;
+$ const { identityX } = req;
+
+<if(Boolean(identityX))>
+  <marko-web-identity-x-context|{ user, isEnabled, application }|>
+    $ const props = {
+      actionText: input.actionText,
+      activeUser: user,
+      endpoints: identityX.config.getEndpoints(),
+      buttonLabels: input.buttonLabels,
+      consentPolicy: get(application, "organization.consentPolicy"),
+      appContextId: identityX.config.get("appContextId"),
+      token: get(req, "query.token"),
+    };
+    <if(isEnabled)>
+      <if(props.token)>
+        <marko-web-browser-component name="IdentityXChangeEmailConfirm" props=props />
+      </if>
+      <else>
+        <marko-web-browser-component name="IdentityXChangeEmailInit" props=props />
+      </else>
+    </if>
+  </marko-web-identity-x-context>
+</if>