{"version":3,"file":"b-brand-CCNoBLPq.js","sources":["../../../../src/main/js/pages/b/b-brand/components/BrandTopCategories.vue","../../../../src/main/js/pages/b/b-brand/BrandLandingDefault.vue","../../../../src/main/js/pages/b/b-brand/main.js","../../../../src/main/js/pages/b/b-brand/entry-client.js"],"sourcesContent":["<script>\nimport {\n  CdrGrid,\n  CdrLink,\n  CdrList,\n  CdrImg,\n  CdrText,\n} from '@rei/cedar';\n\nexport default {\n  name: 'BrandTopCategories',\n  components: {\n    CdrGrid,\n    CdrLink,\n    CdrList,\n    CdrImg,\n    CdrText,\n  },\n  props: {\n    brandCategories: { type: Array, default: () => [] },\n    brandName: { type: String, default: null },\n  },\n};\n\n</script>\n<template>\n  <div class=\"brand-top-categories\">\n    <cdr-text\n      class=\"brand-top-categories__heading\"\n      tag=\"h2\"\n    >\n      Shop by category\n    </cdr-text>\n    <cdr-grid class=\"brand-top-categories__grid\">\n      <div\n        v-for=\"(category, index) in brandCategories\"\n        :key=\"`${category.parent.name}-${index}`\"\n        span=\"6 4@sm\"\n      >\n        <div>\n          <cdr-list class=\"brand-top-categories__list\">\n            <li class=\"brand-top-categories__link-heading\">\n              <cdr-text\n                tag=\"h4\"\n              >\n                <cdr-link\n                  :href=\"category.parent.link\"\n                  modifier=\"standalone\"\n                  class=\"brand-top-categories__primary-link\"\n                >\n                  <cdr-img\n                    v-if=\"category.image\"\n                    :src=\"category.image.src\"\n                    alt=\"\"\n                    class=\"brand-top-categories__image\"\n                    ratio=\"1/1\"\n                    fit=\"contain\"\n                  />\n                  {{ category.parent.name }}\n                </cdr-link>\n              </cdr-text>\n            </li>\n            <li\n              v-for=\"(child, i) in category.children\"\n              :key=\"`${child.name}-${i}`\"\n              data-ui=\"brand-top-categories--child-category\"\n            >\n              <cdr-link\n                :href=\"child.link\"\n                modifier=\"standalone\"\n                class=\"brand-top-categories__link\"\n              >\n                <cdr-text\n                  tag=\"p\"\n                >\n                  {{ child.name }}\n                </cdr-text>\n              </cdr-link>\n            </li>\n          </cdr-list>\n        </div>\n      </div>\n    </cdr-grid>\n  </div>\n</template>\n<style lang=\"scss\">\n@import '@rei/cdr-tokens/dist/rei-dot-com/scss/cdr-tokens.scss';\n.brand-top-categories {\n\n  &__heading {\n    @include cdr-text-heading-serif-700;\n    text-align: center;\n    margin-bottom: $cdr-space-two-x;\n  }\n\n  &__image {\n    display: block;\n    max-width: 200px;\n    margin: 0 auto;\n    width: 100%;\n  }\n\n  &__grid {\n    grid-template-columns: repeat(3, 1fr);\n\n    @include cdr-xs-mq-only {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  ul {\n    margin: $cdr-space-one-x 0;\n  }\n\n  &__primary-link {\n    display: block;\n    font-weight: 700;\n    color: $cdr-color-text-primary;\n\n    &:hover {\n      color: $cdr-color-text-primary;\n    }\n  }\n\n  &__link,\n  &__link:hover {\n    @include cdr-text-default;\n    margin: 0;\n    color: $cdr-color-text-primary;\n  }\n}\n</style>\n","<script>\nimport { CdrButton, CdrText } from '@rei/cedar';\nimport ProductRecommendations from '../../../common/async-components/product-recommendations/AsyncProductRecommendations.vue';\nimport BrandTopCategories from './components/BrandTopCategories.vue';\nimport getRecs from '../../../utils/recommendations';\nimport analytics from '../../../common/mixins/analytics';\n\nexport default {\n  name: 'BrandLandingDefault',\n  components: {\n    CdrButton,\n    CdrText,\n    BrandTopCategories,\n    ProductRecommendations,\n  },\n  mixins: [analytics],\n  props: {\n    richRelevanceEnabled: { type: Boolean, default: true },\n    brandName: { type: String, default: null },\n    canonicalBrandName: { type: String, default: null },\n    searchAllUrl: { type: String, default: null },\n    brandCategories: { type: Array, default() { return null; } },\n    totalProducts: { type: Number, default: null },\n  },\n  data() {\n    return {\n      recsPlacement: [],\n      recsPlacementConfig: [{ placementType: 'brand_page.core_ol_rec_1' }],\n    };\n  },\n  computed: {\n    renderPage() {\n      return this.totalProducts && this.brandCategories;\n    },\n    snapshotProducts() {\n      return this.totalProducts === 1 ? 'product' : 'products';\n    },\n  },\n  async mounted() {\n    if (this.richRelevanceEnabled) {\n      this.recsPlacement = await getRecs(this.recsPlacementConfig, 'brand', this.brandName);\n    }\n  },\n};\n</script>\n<template>\n  <div>\n    <div\n      v-if=\"renderPage\"\n      id=\"brand-landing\"\n      data-ui=\"brand-landing\"\n      class=\"brand-landing__container\"\n    >\n      <cdr-text\n        tag=\"h1\"\n        class=\"brand-landing__heading\"\n      >\n        {{ brandName }}\n      </cdr-text>\n      <hr class=\"brand-landing__divider\">\n      <cdr-button\n        :href=\"searchAllUrl\"\n        size=\"large\"\n        class=\"brand-landing__all-btn\"\n        tag=\"a\"\n      >\n        Shop all {{ brandName }}\n      </cdr-button>\n      <cdr-text\n        class=\"brand-landing__snapshot\"\n      >\n        REI offers {{ totalProducts }} {{ brandName }} {{ snapshotProducts }}\n      </cdr-text>\n      <brand-top-categories\n        :brand-categories=\"brandCategories\"\n        :brand-name=\"brandName\"\n        class=\"brand-landing__top-categories\"\n      />\n      <section\n        v-if=\"richRelevanceEnabled && !!recsPlacement[0]\"\n        class=\"brand-landing__recommendations\"\n      >\n        <product-recommendations\n          :placement=\"recsPlacement[0]\"\n          :metrics=\"metrics\"\n        />\n      </section>\n    </div>\n    <div\n      v-else\n      class=\"brand-landing__container\"\n      data-ui=\"brand-landing-error\"\n    >\n      <cdr-text\n        tag=\"h1\"\n        class=\"brand-landing__heading\"\n      >\n        {{ brandName }}\n      </cdr-text>\n      <hr class=\"brand-landing__divider\">\n      <cdr-text>\n        We're having trouble retrieving information for {{ brandName }}.\n        Please try again later or <a :href=\"searchAllUrl\">search all {{ brandName }} products</a>.\n      </cdr-text>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\">\n@import '@rei/cdr-tokens/dist/rei-dot-com/scss/cdr-tokens.scss';\n\n.brand-landing {\n  &__container {\n    @include cdr-container;\n    text-align: center;\n    margin-bottom: $cdr-space-two-x;\n  }\n\n  &__heading {\n    @include cdr-text-heading-serif-strong-900;\n    margin-top: $cdr-space-one-x;\n\n    @include cdr-sm-mq-up {\n      @include cdr-text-heading-serif-strong-1200;\n    }\n  }\n\n  &__divider {\n    width: 500px;\n    border: 0;\n    border-top: 1px solid #e5e5e5;\n    margin: $cdr-space-one-x auto;\n\n    @include cdr-xs-mq-only {\n      width: 300px;\n    }\n  }\n\n  &__snapshot {\n    @include cdr-text-subheading-sans-400\n  }\n\n  &__recommendations,\n  &__top-categories {\n    margin-top: $cdr-space-three-x;\n  }\n\n  &__recommendations {\n    overflow: hidden;\n    text-align: left;\n  }\n  &__all-btn {\n    margin: $cdr-space-one-x auto;\n\n    @include cdr-xs-mq-only {\n      margin: $cdr-space-two-x auto;\n    }\n  }\n}\n</style>\n","/* c8 ignore start */\nimport { createSSRApp } from 'vue';\nimport App from './BrandLandingDefault.vue';\n\nexport default function createApp(props) {\n  const app = createSSRApp(App, props);\n  return { app };\n}\n","import '@rei/cedar/dist/cdr-fonts.css';\nimport '@rei/cedar/dist/cdr-reset.css';\nimport '../../../../style/common/landing-site-base.scss';\n\nimport '@rei/cedar/dist/style/cdr-link.css';\nimport '@rei/cedar/dist/style/cdr-grid.css';\nimport '@rei/cedar/dist/style/cdr-list.css';\nimport '@rei/cedar/dist/style/cdr-img.css';\nimport '@rei/cedar/dist/style/cdr-button.css';\nimport '@rei/cedar/dist/style/cdr-text.css';\nimport '@rei/cedar/dist/style/cdr-icon.css';\nimport '@rei/cedar/dist/style/cdr-rating.css';\n\nimport createApp from './main';\nimport getClientPageData from '../../../utils/clientPageData';\n\nconst { pageData: props } = getClientPageData();\n\nconst { app } = createApp(props);\napp.mount('#app');\n"],"names":["_sfc_main","name","components","CdrGrid","CdrLink","CdrList","CdrImg","CdrText","props","brandCategories","type","Array","default","brandName","String","_hoisted_1","class","_hoisted_2","_openBlock","_createElementBlock","_createVNode","_component_cdr_text","tag","_withCtx","_cache","_createTextVNode","_","_component_cdr_grid","_Fragment","_renderList","$props","category","index","key","parent","span","_createElementVNode","_component_cdr_list","_component_cdr_link","href","link","modifier","image","_createBlock","_component_cdr_img","src","alt","ratio","fit","_createCommentVNode","_toDisplayString","children","child","i","CdrButton","BrandTopCategories","ProductRecommendations","mixins","analytics","richRelevanceEnabled","Boolean","canonicalBrandName","searchAllUrl","totalProducts","Number","data","recsPlacement","recsPlacementConfig","placementType","computed","renderPage","snapshotProducts","mounted","getRecs","id","_hoisted_4","$options","_component_cdr_button","size","_component_brand_top_categories","$data","_component_product_recommendations","placement","metrics","_ctx","_hoisted_3","createApp","app","createSSRApp","App","pageData","getClientPageData","mount"],"mappings":"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"}