{"version":3,"file":"template.page.landingSS24.js?v=d5dc86cc2d4461f52eac","mappings":"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","sources":["webpack://ratandboa/./src/entry-points/page.landingSS24.js","webpack://ratandboa/./src/views/LandingSS24.vue","webpack://ratandboa/./src/views/LandingSS24.vue?0394"],"sourcesContent":["import initVueApp from \"@/core.js\";\nconst component = require(`./../views/LandingSS24.vue`).default;\ninitVueApp(component);\n","<template>\n  <section v-if=\"mq.mdPlus\" class=\"countdown\">\n    <div v-if=\"mq.mdPlus\" class=\"logo-container\">\n      <img src=\"@/assets/images/logo.svg\" class=\"logo\" />\n    </div>\n    <div class=\"container\">\n      <h2>Be The First To Know</h2>\n      <Countdown :end=\"endDate\" />\n    </div>\n  </section>\n  <section v-else class=\"countdown-section\">\n    <div class=\"container container--narrow\">\n      <p>Members Early Access</p>\n      <Countdown :end=\"endDate\" />\n    </div>\n  </section>\n  <section v-if=\"!mq.mdPlus\">\n    <Picture :images=\"firstImage\" />\n  </section>\n  <section v-if=\"!isLoggedIn\" ref=\"form\" class=\"register-form\">\n    <div class=\"container\">\n      <div class=\"intro\">\n        <h3>\n          Sign up & create a Members Only account to receive early access to the\n          collection\n        </h3>\n        <p>\n          Create an account now and you'll step into our V.I.P. world of unique\n          rewards and bespoke benefits. Membership earns you early access to\n          sales and new collections, vouchers, exclusive gifts and more - and\n          we'll give you £20 to spend on your first order.\n        </p>\n        <div class=\"sso\">\n          <SingleSignOn />\n        </div>\n      </div>\n      <div class=\"divider\">or</div>\n      <RegisterForm @success=\"handleRegisterSuccess\" />\n    </div>\n  </section>\n  <section>\n    <Picture :images=\"secondImage\" />\n  </section>\n</template>\n\n<script>\nimport { mapGetters, mapState } from \"vuex\";\nimport Countdown from \"@/components/landing/Countdown.vue\";\nimport RegisterForm from \"@/components/account/RegisterForm.vue\";\nimport SingleSignOn from \"@/components/SingleSignOn.vue\";\nimport { signUpBonus } from \"@/config.js\";\nimport Picture from \"@/components/Picture.vue\";\n\nexport default {\n  name: \"LandingSS24\",\n  components: {\n    Countdown,\n    RegisterForm,\n    SingleSignOn,\n    Picture,\n  },\n  inject: [\"mq\"],\n  data() {\n    return {\n      endDate: \"2024-02-25T14:00\",\n      firstImage: {\n        smallMedia:\n          \"https://cdn.shopify.com/s/files/1/0942/9062/files/gloria.jpg?v=1715859251\",\n        smallMedia2x:\n          \"https://cdn.shopify.com/s/files/1/0942/9062/files/gloria.jpg?v=1715859251\",\n        mediumMedia:\n          \"https://cdn.shopify.com/s/files/1/0942/9062/files/gloria.jpg?v=1715859251\",\n      },\n      secondImage: {\n        smallMedia:\n          \"https://cdn.shopify.com/s/files/1/0942/9062/files/Product_Image_4_1.jpg?v=1715859334\",\n        smallMedia2x:\n          \"https://cdn.shopify.com/s/files/1/0942/9062/files/Product_Image_4_1.jpg?v=1715859334\",\n        mediumMedia:\n          \"https://cdn.shopify.com/s/files/1/0942/9062/files/Background_Image_1_e8c85760-c2af-4b1c-bd9b-6b0817c3ffdb.jpg?v=1715856011\",\n      },\n    };\n  },\n  computed: {\n    ...mapGetters(\"auth\", [\"isLoggedIn\"]),\n    ...mapGetters(\"app\", [\"currencyCode\"]),\n    ...mapState(\"auth\", [\"multipassAccount\"]),\n    bonus() {\n      if (!this.currencyCode) {\n        return null;\n      }\n\n      const amount = signUpBonus[this.currencyCode];\n      return this.$filters.toCurrency(amount, this.currencyCode, 0);\n    },\n  },\n  methods: {\n    handleRegisterSuccess() {\n      const VWO = window.VWO || [];\n      VWO.event =\n        VWO.event ||\n        function () {\n          VWO.push([\"event\"].concat([].slice.call(arguments)));\n        };\n\n      VWO.event(\"accountSignup\", {\n        signup: \"success\",\n      });\n\n      window.location.href = this.multipassAccount.url;\n    },\n    scrollDownToForm() {\n      this.$refs[\"form\"].scrollIntoView({\n        behavior: \"smooth\",\n        block: \"end\",\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh1 {\n  @include t__editorial-headline-10;\n  color: white;\n  margin-bottom: 33px;\n\n  @include respond-above(md) {\n    @include t__editorial-headline-50;\n  }\n}\n\nh2 {\n  @include utility-body(11px);\n  text-wrap: balance;\n  margin-bottom: 13px;\n\n  @include respond-above(md) {\n    @include utility-body(32px);\n  }\n}\n\np {\n  @include t__utility-body-10;\n  margin-bottom: 5px;\n\n  @include respond-above(md) {\n    @include t__utility-body-20;\n  }\n}\n\n.divider {\n  position: relative;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: 10px;\n  font-weight: 600;\n  margin-bottom: 20px;\n\n  &::before,\n  &::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    border-bottom: solid 1px #d4d4d4;\n    width: 40%;\n    left: 0;\n  }\n\n  &::after {\n    left: auto;\n    right: 0;\n  }\n}\n\n.countdown-section {\n  background-color: black;\n  text-align: center;\n  padding: 38px 0;\n\n  @include respond-above(md) {\n    padding: 68px 0;\n  }\n\n  p {\n    color: white;\n    text-transform: uppercase;\n    font-weight: 600;\n    margin-bottom: 10px;\n  }\n}\n\n.image {\n  width: 100%; //temporary\n  height: auto;\n}\n\nsection.intro {\n  padding: 50px 0;\n\n  @include respond-above(md) {\n    text-align: center;\n    padding: 58px 0;\n  }\n\n  .container {\n    max-width: 830px;\n  }\n}\n\nsection.register-form {\n  padding: 50px 0 30px;\n  text-align: center;\n\n  @include respond-above(md) {\n    padding: 30px 0 50px;\n  }\n\n  .container {\n    max-width: 830px;\n  }\n\n  h2 {\n    margin-bottom: 30px;\n  }\n\n  .sso {\n    max-width: 475px;\n    margin: 0 auto;\n\n    :deep(.sso-buttons) {\n      border-bottom: none;\n    }\n  }\n\n  :deep(.sso-buttons .button--medium),\n  :deep(.form .button) {\n    max-width: 335px;\n    margin: 0 auto;\n  }\n}\n\nsection.media {\n  position: relative;\n  cursor: pointer;\n\n  h2 {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 2;\n    color: white;\n\n    @include respond-above(md) {\n      top: auto;\n      bottom: 100px;\n    }\n  }\n}\n\n.early-access-video {\n  :deep(.video__element) {\n    aspect-ratio: 390/689;\n  }\n}\n\n// section countdown styles\n\nsection.countdown {\n  height: 110vh;\n  position: relative;\n  background-image: url(\"https://cdn.shopify.com/s/files/1/0942/9062/files/footer_1.jpg?v=1715860699\");\n  background-position: top center;\n  background-size: cover;\n\n  :deep(.video__element) {\n    object-fit: cover;\n  }\n\n  .container {\n    position: absolute;\n    margin: 0 auto;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n    z-index: 2;\n  }\n\n  :deep(.countdown-clock) {\n    margin-bottom: 25px;\n  }\n\n  h2 {\n    font-size: 16px;\n    font-weight: 400;\n    color: $color-white;\n    font-family: $body-font-family;\n    margin-bottom: 10px;\n\n    @include respond-above(md) {\n      font-size: 32px;\n    }\n  }\n}\n\n// register form stylings\n\nsection.register-form {\n  text-align: center;\n  padding: 45px 0;\n\n  @include respond-above(md) {\n    padding: 45px 0 100px;\n  }\n\n  .container {\n    max-width: 830px;\n  }\n\n  .login-button__wrapper {\n    padding-bottom: 35px;\n\n    @include respond-above(md) {\n      max-width: 335px;\n      margin: 0 auto;\n    }\n  }\n\n  .intro {\n    padding: 30px 0 40px;\n\n    @include respond-above(md) {\n      padding: 50px 0;\n    }\n\n    h3 {\n      margin-bottom: 60px;\n      @include editorial-headline(32px);\n      text-wrap: balance;\n\n      @include respond-above(md) {\n        @include editorial-headline(40px);\n        margin-bottom: 80px;\n      }\n    }\n\n    p {\n      display: none;\n      font-size: 24px;\n      font-weight: 400;\n      font-family: $heading-font-family;\n      font-weight: 150%;\n      text-wrap: pretty;\n      margin-bottom: 100px;\n\n      @include respond-above(md) {\n        display: block;\n      }\n    }\n  }\n\n  .sso {\n    :deep(.sso-buttons) {\n      border-bottom: none;\n      padding: 0;\n      margin-bottom: 0;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  :deep(.form) {\n    @include respond-above(md) {\n      margin: 0 auto;\n      max-width: 335px;\n    }\n  }\n\n  :deep(.sso-buttons .button--medium) {\n    @include respond-above(md) {\n      max-width: 335px;\n      margin: 0 auto;\n    }\n  }\n}\n\n.logo-container {\n  bottom: 40px;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n}\n\n.logo {\n  display: none;\n  @include respond-above(md) {\n    width: 90%;\n    z-index: 1;\n    filter: invert(1);\n    display: block;\n  }\n}\n</style>\n","import { render } from \"./LandingSS24.vue?vue&type=template&id=4aa036ac&scoped=true\"\nimport script from \"./LandingSS24.vue?vue&type=script&lang=js\"\nexport * from \"./LandingSS24.vue?vue&type=script&lang=js\"\n\nimport \"./LandingSS24.vue?vue&type=style&index=0&id=4aa036ac&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/alisterhewitt/Documents/DEV/RB/rb-redev/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4aa036ac\"]])\n\nexport default __exports__"],"names":["component","require","initVueApp","class","_createElementVNode","src","_imports_0","ref","name","components","Countdown","RegisterForm","SingleSignOn","Picture","inject","data","endDate","firstImage","smallMedia","smallMedia2x","mediumMedia","secondImage","computed","mapGetters","mapState","bonus","this","currencyCode","amount","signUpBonus","$filters","toCurrency","methods","handleRegisterSuccess","VWO","window","event","push","concat","slice","call","arguments","signup","location","href","multipassAccount","url","scrollDownToForm","$refs","scrollIntoView","behavior","block","$options","mq","mdPlus","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_component_Countdown","end","$data","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_component_Picture","images","_ctx","isLoggedIn","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_component_SingleSignOn","_hoisted_17","_component_RegisterForm","onSuccess"],"sourceRoot":""}