@mindful-web/marko-web-theme-monorail 1.0.0

package/templates/taxonomy.marko.js

@@ -0,0 +1,194 @@
+// 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-theme-monorail$1.0.0/templates/taxonomy.marko",
+    marko_component = require("./taxonomy.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_hierarchyAliases = require("@mindful-web/marko-web/utils/hierarchy-aliases"),
+    hierarchyAliases = module_hierarchyAliases.default || module_hierarchyAliases,
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    module_queryFragment = require("../graphql/fragments/section-feed-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    theme_gam_define_display_ad_template = require("../components/gam/define-display-ad.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_gam_define_display_ad_tag = marko_loadTag(theme_gam_define_display_ad_template),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_website_section_name_template = require("@mindful-web/marko-web/components/element/website-section/name.marko"),
+    marko_web_website_section_name_tag = marko_loadTag(marko_web_website_section_name_template),
+    theme_section_feed_content_node_template = require("../components/nodes/section-feed-content.marko"),
+    theme_section_feed_content_node_tag = marko_loadTag(theme_section_feed_content_node_template),
+    marko_web_node_list_template = require("@mindful-web/marko-web/components/node-list/index.marko"),
+    marko_web_node_list_tag = marko_loadTag(marko_web_node_list_template),
+    marko_web_query_template = require("@mindful-web/marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template),
+    theme_pagination_controls_template = require("../components/pagination-controls.marko"),
+    theme_pagination_controls_tag = marko_loadTag(theme_pagination_controls_template),
+    theme_query_total_count_template = require("../components/query-total-count.marko"),
+    theme_query_total_count_tag = marko_loadTag(theme_query_total_count_template),
+    marko_web_page_wrapper_template = require("@mindful-web/marko-web/components/page/wrapper.marko"),
+    marko_web_page_wrapper_tag = marko_loadTag(marko_web_page_wrapper_template),
+    marko_web_default_page_layout_template = require("@mindful-web/marko-web/components/page/layouts/default.marko"),
+    marko_web_default_page_layout_tag = marko_loadTag(marko_web_default_page_layout_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { id, name, type, description } = input;
+
+  const { GAM, req, i18n, pagination: p } = out.global;
+
+  const perPage = 12;
+
+  const queryParams = {
+  limit: perPage,
+  skip: p.skip({ perPage }),
+  includeTaxonomyIds: [id],
+  queryFragment,
+};
+
+  const title = `${type}: ${name}`;
+
+  marko_web_default_page_layout_tag({
+      type: "taxonomy",
+      title: title,
+      description: description,
+      head: {
+          renderBody: function(out) {
+            out.w("<meta name=\"robots\" content=\"noindex\">");
+          }
+        },
+      page: {
+          renderBody: function(out) {
+            marko_web_page_wrapper_tag({
+                blockName: "page-wrapper",
+                tag: "div",
+                sections: [
+                    {
+                        tag: "div",
+                        modifiers: [
+                            "first"
+                          ],
+                        renderBody: function(out) {
+                          theme_gam_define_display_ad_tag({
+                              name: "leaderboard",
+                              position: "section_page",
+                              modifiers: [
+                                  "inter-block"
+                                ]
+                            }, out, __component, "6");
+                        }
+                      },
+                    {
+                        tag: "div",
+                        renderBody: function(out, { blockName }) {
+                          marko_web_website_section_name_tag({
+                              tag: "h1",
+                              blockName: blockName,
+                              obj: {
+                                  name: title
+                                },
+                              renderBody: function(out, { value }) {
+                                if (p.page > 1) {
+                                  out.w(marko_escapeXml(value) +
+                                    ": " +
+                                    marko_escapeXml(i18n("Page")) +
+                                    " " +
+                                    marko_escapeXml(p.page));
+                                } else {
+                                  out.w(marko_escapeXml(value));
+                                }
+                              }
+                            }, out, __component, "8");
+
+                          marko_web_query_tag({
+                              collapsible: true,
+                              name: "all-published-content",
+                              params: queryParams,
+                              renderBody: function(out, { nodes }) {
+                                marko_web_node_list_tag({
+                                    blockName: "node-list",
+                                    tag: "div",
+                                    justified: false,
+                                    innerJustified: true,
+                                    flushX: true,
+                                    flushY: false,
+                                    fullHeight: false,
+                                    collapsible: true,
+                                    modifiers: [
+                                        "section-feed"
+                                      ],
+                                    nodes: {
+                                        nodes: nodes,
+                                        slots: [
+                                            {
+                                                renderBody: function(out, { node }) {
+                                                  theme_section_feed_content_node_tag({
+                                                      node: node
+                                                    }, out, __component, "13");
+                                                }
+                                              }
+                                          ]
+                                      }
+                                  }, out, __component, "10");
+                              }
+                            }, out, __component, "9");
+
+                          theme_query_total_count_tag({
+                              name: "all-published-content",
+                              params: {
+                                  includeTaxonomyIds: [
+                                      id
+                                    ]
+                                },
+                              renderBody: function(out, { totalCount }) {
+                                theme_pagination_controls_tag({
+                                    perPage: perPage,
+                                    totalCount: totalCount,
+                                    path: req.path
+                                  }, out, __component, "15");
+                              }
+                            }, out, __component, "14");
+                        }
+                      },
+                    {
+                        tag: "div",
+                        renderBody: function(out) {
+                          theme_gam_define_display_ad_tag({
+                              name: "rotation",
+                              position: "section_page",
+                              modifiers: [
+                                  "inter-block"
+                                ]
+                            }, out, __component, "17");
+                        }
+                      }
+                  ]
+              }, out, __component, "4");
+          }
+        }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/templates/taxonomy.marko",
+    component: "./taxonomy.marko",
+    tags: [
+      "../components/gam/define-display-ad.marko",
+      "@mindful-web/marko-web/components/element/website-section/name.marko",
+      "../components/nodes/section-feed-content.marko",
+      "@mindful-web/marko-web/components/node-list/index.marko",
+      "@mindful-web/marko-core/components/queries/index.marko",
+      "../components/pagination-controls.marko",
+      "../components/query-total-count.marko",
+      "@mindful-web/marko-web/components/page/wrapper.marko",
+      "@mindful-web/marko-web/components/page/layouts/default.marko"
+    ]
+  };

package/translations.js

@@ -0,0 +1,14 @@
+module.exports = {
+  en: {
+    phoneLabel: 'Phone',
+    mobileLabel: 'Mobile',
+    tollFreeLabel: 'Toll Free',
+    faxLabel: 'Fax',
+  },
+  es: {
+    phoneLabel: 'Número telefónico',
+    mobileLabel: 'Número de móvil o celular',
+    tollFreeLabel: 'Número tollfree',
+    faxLabel: 'Número de fax',
+  },
+};

package/utils/content-iframe.js

@@ -0,0 +1,34 @@
+const { buildImgixUrl } = require('@mindful-web/image');
+const cheerio = require('cheerio');
+const { URL, URLSearchParams } = require('url');
+
+const supportedUrl = (src) => /vimeo\.com|youtu\.be|youtube\.com/.test(src);
+
+const autoplayUrl = (src) => {
+  const url = new URL(src);
+  const searchParams = new URLSearchParams(url.search);
+  searchParams.set('autoplay', 1);
+  url.search = searchParams;
+  return `${url}`;
+};
+
+module.exports = (content) => {
+  if (!content.embedCode) return content;
+  const { embedCode } = content;
+  const $ = cheerio.load(embedCode, {}, false);
+  $('iframe').each(function fn() {
+    const src = $(this).attr('src');
+    if (supportedUrl(src)) {
+      const primaryImageSrc = buildImgixUrl(content.primaryImage.src, { w: 700, auto: 'format,compress' });
+      const autoplaySrc = autoplayUrl(src);
+      const spanStyle = "span{position:absolute;top: 50%;left:50%;width:70px;height:70px;content:'';background-image:url('data:image/png;base64,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');filter:brightness(0) invert(1) drop-shadow(2px 2px 2px rgba(0, 0, 0, .5));background-size:contain;opacity:1;transform:translate(-50%, -50%);}";
+      const srcdoc = `<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}${spanStyle}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}</style><a href='${autoplaySrc}'><img src='${primaryImageSrc}' alt='${content.name}'><span></span></a>`;
+      $(this).attr('srcdoc', srcdoc);
+    }
+  });
+  const iframeContent = {
+    ...content,
+    embedCode: $.html(),
+  };
+  return iframeContent;
+};

package/utils/content-meter-helpers.js

@@ -0,0 +1,58 @@
+const debug = require('debug')('content-meter');
+const { get } = require('@mindful-web/object-path');
+const { isFunction: isFn } = require('@mindful-web/utils');
+
+const shouldOverlay = (contentMeterState) => {
+  if (!contentMeterState) return false;
+  if (!contentMeterState.displayOverlay) return false;
+  if (!contentMeterState.isLoggedIn && !contentMeterState.displayGate) return false;
+  if (contentMeterState.isLoggedIn) return false;
+  return true;
+};
+
+const defaultHandler = ({ content }) => get(content, 'userRegistration.isCurrentlyRequired');
+
+const restrictContentByReg = (contentMeterState, handler, content) => {
+  if (!contentMeterState) return false;
+
+  // If content is gated by reg return true all the time
+  const contentReg = isFn(handler) ? handler({ content }) : defaultHandler({ content });
+  if (contentReg === true) return true;
+
+  const { isLoggedIn, requiresUserInput } = contentMeterState;
+  const displayOverlay = shouldOverlay(contentMeterState);
+  // if the overlay is displayed require reg
+  if (displayOverlay) return true;
+  // if the user is logged in but doesnt have the required fields display gate
+  if (isLoggedIn && requiresUserInput) return true;
+
+  return false;
+};
+
+const shouldTruncate = (contentMeterState) => {
+  if (!contentMeterState) return false;
+
+  const { isLoggedIn, requiresUserInput } = contentMeterState;
+  const displayOverlay = shouldOverlay(contentMeterState);
+  if (!displayOverlay) return false;
+  if (isLoggedIn && !requiresUserInput) return false;
+  return true;
+};
+
+module.exports = {
+  shouldOverlay: (...args) => {
+    const out = shouldOverlay(...args);
+    debug('shouldOverlay', out, args);
+    return out;
+  },
+  restrictContentByReg: (...args) => {
+    const out = restrictContentByReg(...args);
+    debug('restrictContentByReg', out);
+    return out;
+  },
+  shouldTruncate: (...args) => {
+    const out = shouldTruncate(...args);
+    debug('shouldTruncate', out);
+    return out;
+  },
+};

package/utils/convert-mindful-ad-preview.js

@@ -0,0 +1,34 @@
+const { get } = require('@mindful-web/object-path');
+
+const now = new Date();
+
+module.exports = (creative) => {
+  const { _id, url } = creative;
+  return {
+    id: _id,
+    name: get(creative, 'name.default'),
+    // linkText: creative.linkText,
+    shortName: get(creative, 'name.default'),
+    typeTitled: 'Mindful',
+    type: 'mindful',
+    teaser: get(creative, 'teaser'),
+    published: now,
+    siteContext: {
+      path: url,
+      canonicalUrl: url,
+      url,
+    },
+    primaryImage: {
+      id: get(creative, 'imageEdge.node.id'),
+      src: get(creative, 'imageEdge.node.src.url'),
+    },
+    primarySection: {
+      name: 'Sponsored',
+      fullName: 'Sponsored',
+    },
+    company: {
+      id: get(creative, 'companyEdge.node.id'),
+      name: get(creative, 'companyEdge.node.name.default'),
+    },
+  };
+};

package/utils/get-child-sections-by-id.js

@@ -0,0 +1,11 @@
+const { getAsArray } = require('@mindful-web/object-path');
+
+const getChildSectionsById = (section, childSections = {}, includeSelf = true) => {
+  const { id } = section;
+  const children = getAsArray(section, 'children.edges').map(({ node }) => node);
+  return {
+    ...children.reduce((obj, child) => getChildSectionsById(child, obj), childSections),
+    ...(includeSelf && !section[id] && { [id]: section }),
+  };
+};
+module.exports = { getChildSectionsById };

package/utils/get-content-preview.js

@@ -0,0 +1,7 @@
+const cheerio = require('cheerio');
+
+module.exports = ({ body, selector } = {}) => {
+  if (!body) return '';
+  const $ = cheerio.load(body);
+  return $.html(selector);
+};

package/utils/get-sections-from-schedules.js

@@ -0,0 +1,10 @@
+module.exports = (schedules = [], rootAlias = 'directory') => {
+  const sections = schedules
+    .filter((schedule) => {
+      const { alias } = schedule.section;
+      return alias.startsWith(rootAlias) && alias !== rootAlias;
+    })
+    .map((schedule) => schedule.section)
+    .sort((a, b) => a.name.localeCompare(b.name));
+  return sections;
+};

package/utils/has-omeda-id.js

@@ -0,0 +1,11 @@
+// Currently setup to take and destructure req
+module.exports = ({ query, cookies }) => {
+  const getOmedaId = (value) => {
+    if (!value) return null;
+    const trimmed = `${value}`.trim();
+    return /^[a-z0-9]{15}$/i.test(trimmed) ? trimmed : null;
+  };
+  const idFromQuery = getOmedaId(query.oly_enc_id);
+  const idFromCookie = cookies.oly_enc_id ? getOmedaId(cookies.oly_enc_id.replace(/^"/, '').replace(/"$/, '')) : undefined;
+  return Boolean(idFromQuery || idFromCookie);
+};

package/utils/query-total-count.js

@@ -0,0 +1,90 @@
+const gql = require('graphql-tag');
+const { asObject } = require('@mindful-web/utils');
+
+const queryMap = {
+  'website-scheduled-content': gql`
+    query WebsiteScheduledContentCount($input: WebsiteScheduledContentQueryInput!) {
+      result: websiteScheduledContent(input: $input) {
+        totalCount
+      }
+    }
+  `,
+  'website-optioned-content': gql`
+    query WebsiteScheduledContentCount($input: WebsiteScheduledContentQueryInput!) {
+      result: websiteScheduledContent(input: $input) {
+        totalCount
+      }
+    }
+  `,
+  'all-author-content': gql`
+    query AllAuthorContentCount($input: AllAuthorContentQueryInput!) {
+      result: allAuthorContent(input: $input) {
+        totalCount
+      }
+    }
+  `,
+  'all-company-content': gql`
+    query AllCompanyContentCount($input: AllCompanyContentQueryInput!) {
+      result: allCompanyContent(input: $input) {
+        totalCount
+      }
+    }
+  `,
+  'all-published-content': gql`
+    query AllPublishedContentCount($input: AllPublishedContentQueryInput!) {
+      result: allPublishedContent(input: $input) {
+        totalCount
+      }
+    }
+  `,
+  'magazine-active-issues': gql`
+    query MagazineActiveIssuesCount($input: MagazineActiveIssuesQueryInput!) {
+      result: magazineActiveIssues(input: $input) {
+        totalCount
+      }
+    }
+  `,
+  'magazine-scheduled-content': gql`
+    query MagazineScheduledContent($input: MagazineScheduledContentQueryInput!) {
+      result: magazineScheduledContent(input: $input) {
+        totalCount
+      }
+    }
+  `,
+};
+
+const date = (v) => (v instanceof Date ? v.valueOf() : v);
+
+const validate = (params) => {
+  const p = { ...asObject(params) };
+  // Ref package web-common/src/block-loader/website-scheduled-content.js
+  // If endingAfter set ending to the following and remove invalid endingAfter param
+  if (p.endingAfter) {
+    p.ending = { after: date(p.endingAfter) };
+    delete p.endingAfter;
+  }
+  if (p.beginningBefore || p.beginningAfter) {
+    p.beginning = {
+      ...(p.beginningBefore && { before: date(p.beginningBefore) }),
+      ...(p.beginningAfter && { after: date(p.beginningAfter) }),
+    };
+  }
+  delete p.beginningBefore;
+  delete p.beginningAfter;
+  delete p.queryFragment;
+  delete p.sectionFragment;
+  return p;
+};
+
+module.exports = async (apollo, {
+  name,
+  params,
+} = {}) => {
+  const query = queryMap[name];
+  if (!query) throw new Error(`No query has been defined for ${name}`);
+
+  const input = validate(params);
+  const { data } = await apollo.query({ query, variables: { input } });
+
+  return data.result.totalCount;
+};

package/utils/render-site-idx-newsletter-menu.js

@@ -0,0 +1,26 @@
+const { randomElementId } = require('@mindful-web/utils');
+const renderVueSSRComponent = require('@mindful-web/marko-web/utils/render-ssr-component-from-marko');
+const buildProps = require('./site-idx-newsletter-menu-props');
+
+module.exports = async ({
+  out,
+  input,
+  user,
+  application,
+}) => {
+  const props = buildProps({
+    out,
+    input,
+    user,
+    application,
+  });
+  if (!props.name || !props.description) return '';
+  return renderVueSSRComponent({
+    id: randomElementId({ prefix: 'vue' }),
+    input: {
+      name: 'IdentityXNewsletterFormInline',
+      props,
+    },
+    out,
+  });
+};

package/utils/render-site-newsletter-menu.js

@@ -0,0 +1,16 @@
+const { randomElementId } = require('@mindful-web/utils');
+const renderVueSSRComponent = require('@mindful-web/marko-web/utils/render-ssr-component-from-marko');
+const buildProps = require('./site-newsletter-menu-props');
+
+module.exports = async ({ out }) => {
+  const props = buildProps({ out });
+  if (!props.name || !props.description) return '';
+  return renderVueSSRComponent({
+    id: randomElementId({ prefix: 'vue' }),
+    input: {
+      name: 'ThemeSiteNewsletterMenu',
+      props,
+    },
+    out,
+  });
+};

package/utils/set-section-name-from-label.js

@@ -0,0 +1,14 @@
+const { getAsArray } = require('@mindful-web/object-path');
+
+module.exports = ({ nodes, label, sectionName }) => nodes.map((node) => {
+  const { primarySection, ...rest } = node;
+  const generatedPrimarySection = getAsArray(node, 'labels').includes(label) ? {
+    ...primarySection, name: sectionName,
+  } : primarySection;
+  const parsedNode = generatedPrimarySection.name === sectionName ? {
+    ...rest,
+    primarySection: generatedPrimarySection,
+    withSection: true,
+  } : node;
+  return parsedNode;
+});

package/utils/shuffle-array.js

@@ -0,0 +1,9 @@
+module.exports = (a) => {
+  const shuffled = [...a];
+
+  for (let i = shuffled.length - 1; i > 0; i -= 1) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
+  }
+  return shuffled;
+};

package/utils/site-idx-newsletter-menu-props.js

@@ -0,0 +1,61 @@
+const { buildImgixUrl } = require('@mindful-web/image');
+const { get } = require('@mindful-web/object-path');
+const defaultValue = require('@mindful-web/marko-core/utils/default-value');
+
+module.exports = ({ out, input }) => {
+  const { config, site, req } = out.global;
+  const { user, application } = input;
+  const { identityX } = req;
+  const additionalEventData = defaultValue(input.additionalEventData, {});
+  const buttonLabels = defaultValue(input.buttonLabels, { continue: 'Sign Up' });
+  const loginEmailPlaceholder = defaultValue(input.loginEmailPlaceholder, 'example@gmail.com');
+  const source = defaultValue(input.source, 'newsletterSignup');
+  const configName = defaultValue(input.configName, 'signupBanner');
+  const newsletterSignupType = defaultValue(input.type, 'default');
+  const validTypes = ['inlineContent', 'inlineSection', 'footer', 'modal'];
+  const withImage = defaultValue(input.withImage, true);
+
+  if (!validTypes.includes(newsletterSignupType)) {
+    console.log(`Unknown inline signup type. One of ${validTypes} expected!`);
+  }
+
+  const {
+    name,
+    description,
+    imagePath,
+    disabled,
+  } = site.getAsObject(`newsletter.${configName}`);
+
+  const lang = site.config.lang || 'en';
+  const imageSrc = imagePath ? buildImgixUrl(`https://${config.website('imageHost')}/${imagePath}`, { w: 120, auto: 'format,compress' }) : null;
+  const imageSrcset = imageSrc ? `${imageSrc}&dpr=2 2x` : null;
+
+  return {
+    ...((withImage && imageSrc) && { imageSrc }),
+    ...((withImage && imageSrcset) && { imageSrcset }),
+    imageWidth: defaultValue(input.imageWidth, ''),
+    imageHeight: defaultValue(input.imageHeight, ''),
+    siteName: config.website('name'),
+    name,
+    description,
+    disabled,
+    lang,
+    additionalEventData,
+    source,
+    type: newsletterSignupType,
+    activeUser: user,
+    endpoints: identityX.config.getEndpoints(),
+    buttonLabels,
+    redirect: input.redirect,
+    loginEmailPlaceholder,
+    loginEmailLabel: input.loginEmailLabel,
+    modifiers: input.modifiers,
+    actionText: input.actionText,
+    consentPolicy: input.consentPolicy || get(application, 'organization.consentPolicy'),
+    emailConsentRequest: get(application, 'organization.emailConsentRequest'),
+    regionalConsentPolicies: get(application, 'organization.regionalConsentPolicies'),
+    appContextId: identityX.config.get('appContextId'),
+    requiredCreateFields: identityX.config.getRequiredCreateFields(),
+    defaultFieldLabels: identityX.config.get('defaultFieldLabels'),
+  };
+};

package/utils/site-newsletter-menu-props.js

@@ -0,0 +1,41 @@
+const { buildImgixUrl } = require('@mindful-web/image');
+const { getAsObject } = require('@mindful-web/object-path');
+
+module.exports = ({ out }) => {
+  const { site, config, recaptcha } = out.global;
+  const {
+    name,
+    description,
+    imagePath,
+    defaultNewsletter,
+    newsletters,
+    demographic,
+    disabled,
+    step1CtaLabel,
+    step2CtaLabel,
+    privacyPolicy,
+  } = site.getAsObject('newsletter.pushdown');
+
+  const lang = site.config.lang || 'en';
+  const { initiallyExpanded } = getAsObject(out.global, 'newsletterState');
+  const imageSrc = imagePath ? buildImgixUrl(`https://${config.website('imageHost')}/${imagePath}`, { w: 280, auto: 'format,compress' }) : null;
+  const imageSrcset = imageSrc ? `${imageSrc}&dpr=2 2x` : null;
+
+  return {
+    siteName: config.website('name'),
+    name,
+    description,
+    defaultNewsletter,
+    newsletters,
+    demographic,
+    disabled,
+    imageSrc,
+    imageSrcset,
+    initiallyExpanded,
+    step1CtaLabel,
+    step2CtaLabel,
+    recaptchaSiteKey: recaptcha.siteKey,
+    privacyPolicyLink: privacyPolicy,
+    lang,
+  };
+};