{"version":3,"sources":["webpack:///./src/views/thanks-page/Index.vue?39be","webpack:///src/views/thanks-page/Index.vue","webpack:///./src/views/thanks-page/Index.vue?6aa2","webpack:///./src/views/thanks-page/Index.vue","webpack:///./src/views/thanks-page/Index.vue?28f8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","thanksPageHeader","replace","customerName","_m","_l","whatToExpectNext","item","index","key","disclaimer","domProps","disclaimerContent","_e","staticRenderFns","name","data","$store","getters","isMobile","computed","mobileMediaQuery","window","matchMedia","locid","queryObject","isNZ","parseInt","replacements","forEach","result","placeholder","createLink","url","mounted","addListener","e","matches","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gFAAgF,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,8EAA8E,CAACF,EAAG,IAAI,CAACE,YAAY,wCAAwC,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,iBAAiBC,QAAQ,iBAAkBV,EAAIW,eAAe,OAAOX,EAAIY,GAAG,KAAKR,EAAG,MAAM,CAACE,YAAY,mEAAmE,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,IAAI,CAACE,YAAY,qCAAqC,CAACN,EAAIO,GAAG,4BAA4BH,EAAG,KAAKJ,EAAIa,GAAIb,EAAIc,iBAAqB,MAAE,SAASC,EAAKC,GAAO,OAAOZ,EAAG,KAAK,CAACa,IAAID,EAAMV,YAAY,oBAAoB,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGO,GAAM,UAAS,KAAMf,EAAIkB,WAAiB,OAAEd,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,IAAI,CAACE,YAAY,qCAAqC,CAACN,EAAIO,GAAG,iCAAiCH,EAAG,IAAI,CAACE,YAAY,yBAAyBa,SAAS,CAAC,UAAYnB,EAAIQ,GAAGR,EAAIoB,wBAAwBpB,EAAIqB,YACtoCC,EAAkB,CAAC,WAAa,IAAItB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qEAAqE,CAACF,EAAG,IAAI,CAACE,YAAY,4CAA4C,CAACN,EAAIO,GAAG,qF,kECkD9Q,GACEgB,KAAM,QACNC,KAFF,WAGI,MAAO,CACLb,aAAcV,KAAKwB,OAAOC,QAAQf,aAClCgB,UAAU,IAGdC,SAAU,OAAZ,OAAY,CAAZ,kBACA,gBACI,iBAAJ,YAAM,OAAN,wCACI,iBAAJ,YAAM,OAAN,+CACI,WAAJ,YAAM,OAAN,mDACI,qBAAJ,YAAM,OAAN,2CALA,IAOIC,iBAAkB,WAChB,OAAOC,OAAOC,WAAW,uBAE3BC,MAAO,WACL,IAAN,0DACM,OAAOC,EAAYD,OAAS,MAE9BE,KAAM,WACJ,OAAgC,IAAzBC,SAASlC,KAAK+B,QAEvBZ,kBAAmB,WACjB,IAAN,4FACA,EADA,6BACA,EADA,SAGA,uBAEA,GACA,CAAQ,YAAR,mBAAQ,IAAR,sDACA,CAAQ,YAAR,OAAQ,IAAR,kDAOM,OAJAgB,EAAaC,SAAQ,SAA3B,+BACQC,EAASA,EAAO5B,QAAQ6B,EAAaC,EAAWD,EAAaE,OAGxDH,KAGXI,QA3CF,WA2CA,WAEIzC,KAAK4B,iBAAiBc,aAAY,SAAtC,GACUC,EAAEC,QACJ,EAAR,YAEQ,EAAR,eAII5C,KAAK0B,UAAY1B,KAAK4B,iBAAiBgB,UCxGmT,I,wBCQ1VC,EAAY,eACd,EACA/C,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAwB,E,6CCnBf,W","file":"js/chunk-5ebb0a2e.f71c6228.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content text-center mx-auto d-flex justify-content-center align-items-center\"},[_c('div',{staticClass:\"body-content\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center title-content\"},[_c('p',{staticClass:\"top-head font-weight-bold fs-16 mb-0\"},[_vm._v(\" \"+_vm._s(_vm.thanksPageHeader.replace('{customerName}', _vm.customerName))+\" \")]),_vm._m(0)]),_c('div',{staticClass:\"bg-white d-flex flex-column align-items-center thanks-page-body\"},[_c('div',{staticClass:\"bottom-content\"},[_c('p',{staticClass:\"bottom-head font-weight-bold mt-3\"},[_vm._v(\" What to expect next? \")]),_c('ul',_vm._l((_vm.whatToExpectNext.text),function(item,index){return _c('li',{key:index,staticClass:\"font-weight-thin\"},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0)]),(_vm.disclaimer.active)?_c('div',{staticClass:\"bottom-content mt-1\"},[_c('p',{staticClass:\"bottom-head font-weight-bold mt-3\"},[_vm._v(\" Seller agreement and fees \")]),_c('p',{staticClass:\"font-weight-thin fs-18\",domProps:{\"innerHTML\":_vm._s(_vm.disclaimerContent)}})]):_vm._e()])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center desc\"},[_c('p',{staticClass:\"desc-content font-weight-thin fs-14 mb-0\"},[_vm._v(\" You will receive a confirmation email with a summary of the updates made. \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"content text-center mx-auto d-flex justify-content-center align-items-center\"\n  >\n    <div class=\"body-content\">\n      <div\n        class=\"d-flex flex-column justify-content-center align-items-center title-content\"\n      >\n        <p class=\"top-head font-weight-bold fs-16 mb-0\">\n          {{ thanksPageHeader.replace('{customerName}', customerName) }}\n        </p>\n        <div\n          class=\"d-flex flex-column justify-content-center align-items-center desc\"\n        >\n          <p class=\"desc-content font-weight-thin fs-14 mb-0\">\n            You will receive a confirmation email with a summary of the updates\n            made.\n          </p>\n        </div>\n      </div>\n      <div\n        class=\"bg-white d-flex flex-column align-items-center thanks-page-body\"\n      >\n        <div class=\"bottom-content\">\n          <p class=\"bottom-head font-weight-bold mt-3\">\n            What to expect next?\n          </p>\n          <ul>\n            <li\n              v-for=\"(item, index) in whatToExpectNext.text\"\n              :key=\"index\"\n              class=\"font-weight-thin\"\n            >\n              {{ item }}\n            </li>\n          </ul>\n        </div>\n        <div v-if=\"disclaimer.active\" class=\"bottom-content mt-1\">\n          <p class=\"bottom-head font-weight-bold mt-3\">\n            Seller agreement and fees\n          </p>\n          <p v-html=\"disclaimerContent\" class=\"font-weight-thin fs-18\"></p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"Index\",\n  data() {\n    return {\n      customerName: this.$store.getters.customerName,\n      isMobile: true,\n    };\n  },\n  computed: {\n    ...mapState({\n      whatToExpectNext: (state) => state.commonVariables.copyBlocks.nextSteps,\n      thanksPageHeader: (state) => state.commonVariables.copyBlocks.thanksPageHeader,\n      disclaimer: (state) => state.commonVariables.copyBlocks.thanksMailDisclaimer,\n      policyDocumentsLinks: (state) => state.commonVariables.policyDocumentsLinks,\n    }),\n    mobileMediaQuery: function() {\n      return window.matchMedia(\"(min-width: 768px)\");\n    },\n    locid: function() {\n      const queryObject = JSON.parse(window.localStorage.getItem('universal-qs'));\n      return queryObject.locid || null;\n    },\n    isNZ: function() {\n      return parseInt(this.locid) === 2;\n    },\n    disclaimerContent: function () {\n      const createLink = (text, url) => \n        `<a style=\"color: #000000; text-decoration: underline\" href=\"${url}\" target=\"_blank\">${text}</a>`;\n\n      let result = this.disclaimer.text;\n\n      const replacements = [\n        { placeholder: \"Seller Agreement\", url: `${this.policyDocumentsLinks.sellerAgreement}` },\n        { placeholder: \"Fees\", url: `${this.policyDocumentsLinks.successFee}` },\n      ];\n\n      replacements.forEach(({ placeholder, url }) => {\n        result = result.replace(placeholder, createLink(placeholder, url));\n      });\n\n      return result;\n    },\n  },\n  mounted() {\n    // Check mobile screen\n    this.mobileMediaQuery.addListener((e) => {\n      if (e.matches) {\n        this.isMobile = false;\n      } else {\n        this.isMobile = true;\n      }\n    });\n\n    this.isMobile = !this.mobileMediaQuery.matches;\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.content {\n  color: #404040;\n  min-height: calc(100vh -  75px - 235px);\n  \n  .body-content {\n    margin-bottom: 30px;\n    min-height: calc(100vh - 75px - 235px - 30px);\n\n    .title-content {\n      background-color: #F9FAFB;\n      padding: 35px 15px;\n\n      .top-head {\n        color: #414141;\n        font-size: 36px;\n        line-height: 44px;\n      }\n\n      .desc {\n        .desc-content {\n          color: #4F4F4F;\n          font-size: 18px;\n          line-height: 28px;\n          margin-top: 20px;\n        }\n      }\n    }\n\n    .bottom-head {\n      color: var(--primary-color);\n      font-size: 32px;\n      line-height: 40px;\n    }\n\n    .bottom-content {\n      a {\n        color: #000000;\n      }\n    }\n    \n    .thanks-page-body {\n      min-height: calc(100vh - 255px - 60px - 60px - 216px);\n      text-align: left;\n      padding: 15px 15px 15px 20px;\n      margin-bottom: 25px;\n      align-items: flex-start !important;\n      ul {\n        padding-left: 30px;\n        margin-bottom: unset;\n        li {\n          font-family: Avenir Next LT W05 Thin !important;\n          font-size: 18px;\n          line-height: 28px;\n          color: #414141;\n          font-weight: 600;\n        }\n      }\n    }\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .container {\n    padding: unset !important;\n    max-width: unset !important;\n    min-height: unset;\n  }\n  .content {\n    // min-height: calc(100vh - 225px);\n    .body-content {\n      // min-height: calc(100vh - 75px - 120px - 30px);\n      width: 100%;\n    }\n  }\n  .title-content {\n    padding: 40px 40px !important;\n\n    .top-head {\n      line-height: 48px !important;\n    }\n    .desc {\n      margin-top: 8px !important;\n      .desc-content {\n        font-size: inherit !important;\n        margin-top: 0 !important;\n      }\n    }\n  }\n  .thanks-page-body {\n    width: 784px;\n    margin: 0 auto;\n    padding: unset !important;\n  }\n  .bottom-head {\n    line-height: 44px !important;\n    max-width: unset !important;\n    margin-top: unset !important;\n  }\n  .bottom-content {\n    margin-top: 30px;\n    padding: 10px 20px 20px 20px !important;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=68d4b391&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}