{"version":3,"sources":["webpack:///./app/src/components/signup2/E1PlanSignup.vue?c1b9","webpack:///./app/src/pages/onboarding/PlanSignup.vue?34b0","webpack:///./app/src/pages/AcquisitionFlow.vue?1433","webpack:///./app/src/pages/AcquisitionFlowWrapper.vue?a24f","webpack:///./app/src/pages/onboarding/PlanSignup.vue?a028","webpack:///app/src/pages/onboarding/PlanSignup.vue","webpack:///./app/src/pages/onboarding/PlanSignup.vue","webpack:///./app/src/pages/onboarding/PlanSignup.vue?0ea0","webpack:///./app/src/pages/AcquisitionFlow.vue?ca4a","webpack:///app/src/pages/AcquisitionFlow.vue","webpack:///./app/src/pages/AcquisitionFlow.vue","webpack:///./app/src/pages/AcquisitionFlow.vue?2d7e","webpack:///app/src/components/signup2/E1PlanSignup.vue","webpack:///./app/src/components/signup2/E1PlanSignup.vue?8ed0","webpack:///./app/src/components/signup2/E1PlanSignup.vue","webpack:///./app/src/components/signup2/E1PlanSignup.vue?a8f7","webpack:///app/src/pages/AcquisitionFlowWrapper.vue","webpack:///./app/src/pages/AcquisitionFlowWrapper.vue?9555","webpack:///./app/src/pages/AcquisitionFlowWrapper.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_ref_10_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_10_2_node_modules_sass_loader_lib_loader_js_ref_10_3_node_modules_vue_loader_lib_index_js_vue_loader_options_node_modules_vue_svg_inline_loader_dist_index_min_js_ref_0_1_E1PlanSignup_vue_vue_type_style_index_0_id_28a129ec_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","n","_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_ref_10_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_10_2_node_modules_sass_loader_lib_loader_js_ref_10_3_node_modules_vue_loader_lib_index_js_vue_loader_options_node_modules_vue_svg_inline_loader_dist_index_min_js_ref_0_1_PlanSignup_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_index_js_ref_10_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_10_2_node_modules_sass_loader_lib_loader_js_ref_10_3_node_modules_vue_loader_lib_index_js_vue_loader_options_node_modules_vue_svg_inline_loader_dist_index_min_js_ref_0_1_AcquisitionFlow_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","onboarding_PlanSignupvue_type_script_lang_js_","name","components","sign-up","SignUp","plans-chooser","PlansChooser","data","selectedPlan","userSelectedPlan","addPixel","userHasScrolledBack","isHideMonthly","computed","annualPlanEnabled","this","$store","getters","flagWithDefault","hasSelectedPlan","fadePlans","created","window","addEventListener","handleScroll","mounted","setMetaInformation","destroyed","removeEventListener","methods","$refs","pixel","utility","isElementVisible","scrollToSignUp","ctx","setTimeout","signUpElement","signup","$scrollTo","easing","onDone","onSelectPlan","trackSteps","step","flowType","onSuccessfulSignUp","routeTo","path","$router","push","toggleHideMonthly","Object","componentNormalizer","_vm","_h","$createElement","_c","_self","staticClass","isAlexaFlow","class","ref","_e","_v","attrs","display-as-stack","hide-monthly","toggle-hide-monthly","on","on-sign-up-success","pages_AcquisitionFlowvue_type_script_lang_js_","acquisition-navbar","AcquisitionFlowNavbar","tile-animation","TileAnimation","add-payment-info","UpdatePaymentInfo","PaymentInfoAdyen","planSelected","currentStep","preloadEnabled","isActive","extends_default","vuex_esm","isFreeUser","user","uuid","is_subscribed","currentProgress","headline","subheadline","freePlanSelected","beforeRouteEnter","to","from","next","document","querySelector","style","beforeRouteLeave","innerWidth","querySelectorAll","beforeMount","isAcquisitionFlow2","getCurrentStep","beforeDestroy","resetSignupState","dispatch","bool","stepThreeMethod","onSelectFreePlan","successAction","query","newSubscription","signup-step","reset-flow","reset-flow-url","percentage","stroke-width","show-text","color","type","justify","xs","sm","md","lg","xl","_s","show-continue-free","show-sign-in-prompt","acquisition-flow-display","show-hero","show-terms","show-subscribe-button","show-select-button","plan-selected","promoMeta","isChurned","show-top-headers","click","fill","aria-label","acquisition-flow-style","acquisition-flow","heading","success","serviceProvider","Optimize","optimizeService","signup2_E1PlanSignupvue_type_script_lang_js_","Navbar","E1Navbar","$route","meta","isFinalPage","watch","checkPath","replace","onBack","prev","label","constructor","triggerAnlyticsEvent","action","category","E1PlanSignup","show-step","show-back","swap-mobile-logo","back","AcquisitionFlowWrappervue_type_script_lang_js_optimizeService","pages_AcquisitionFlowWrappervue_type_script_lang_js_","sign-up-old","sign-up-new","sign-up-exp","isLoading","isNewFlowEnabled","isExperimentalSignup","signUpFlow","triggerSignUpExperiment","getFeatureFlag","_this","asyncToGenerator_default","regenerator_default","a","mark","_callee","wrap","_context","featureFlag","stop","AcquisitionFlowWrapper_component","__webpack_exports__"],"mappings":"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","file":"202473:5e26845903691f5ef60a/js/24.2f2aacb434191bd88a7c.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/index.js??ref--10-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--10-2!../../../../node_modules/sass-loader/lib/loader.js??ref--10-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./E1PlanSignup.vue?vue&type=style&index=0&id=28a129ec&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/index.js??ref--10-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--10-2!../../../../node_modules/sass-loader/lib/loader.js??ref--10-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./E1PlanSignup.vue?vue&type=style&index=0&id=28a129ec&lang=scss&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/index.js??ref--10-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--10-2!../../../../node_modules/sass-loader/lib/loader.js??ref--10-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./PlanSignup.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/index.js??ref--10-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--10-2!../../../../node_modules/sass-loader/lib/loader.js??ref--10-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./PlanSignup.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/index.js??ref--10-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--10-2!../../../node_modules/sass-loader/lib/loader.js??ref--10-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./AcquisitionFlow.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/index.js??ref--10-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--10-2!../../../node_modules/sass-loader/lib/loader.js??ref--10-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./AcquisitionFlow.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"acquisition-flow-wrapper\"},[(!_vm.isLoading && _vm.isExperimentalSignup)?_c('sign-up-exp'):_vm._e(),_vm._v(\" \"),(!_vm.isLoading && !_vm.isExperimentalSignup && !_vm.isNewFlowEnabled)?_c('sign-up-old'):_vm._e(),_vm._v(\" \"),(!_vm.isLoading && !_vm.isExperimentalSignup && _vm.isNewFlowEnabled)?_c('sign-up-new'):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./PlanSignup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./PlanSignup.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"plan-signup-container\">\n    <div v-if=\"!annualPlanEnabled || isAlexaFlow\">\n      <sign-up/>\n    </div>\n    <div v-else>\n      <div :class=\"['plans-container', fadePlans ? 'fade-out' : '']\">\n        <div\n          v-if=\"addPixel\"\n          ref=\"pixel\"\n          class=\"visible-pixel\"/>\n        <plans-chooser\n          :display-as-stack=\"true\"\n          :hide-monthly=\"isHideMonthly\"\n          :toggle-hide-monthly=\"toggleHideMonthly\"\n          @onSelectPlan=\"onSelectPlan\"/>\n      </div>\n      <div\n        v-if=\"!!hasSelectedPlan\"\n        ref=\"signup\"\n        class=\"signup-container\">\n        <sign-up :on-sign-up-success=\"onSuccessfulSignUp\"/>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport SignUp from './SignUp';\nimport PlansChooser from './PlansChooser';\nimport utility from '../../shared/utility';\n\n\nexport default {\n  name: 'PlanSignUp',\n  components: {\n    'sign-up': SignUp,\n    'plans-chooser': PlansChooser,\n  },\n  data() {\n    return {\n      selectedPlan: null,\n      userSelectedPlan: false,\n      addPixel: false,\n      userHasScrolledBack: false,\n      isHideMonthly: true,\n    };\n  },\n  computed: {\n    annualPlanEnabled() {\n      return this.$store.getters.flagWithDefault('annual_plan', true);\n    },\n    hasSelectedPlan() {\n      const { selectedPlan } = this.$store.getters;\n      return !!selectedPlan || (!selectedPlan && this.userSelectedPlan);\n    },\n    fadePlans() {\n      return this.userSelectedPlan && !this.userHasScrolledBack;\n    },\n  },\n  created() {\n    window.addEventListener('scroll', this.handleScroll);\n  },\n  mounted() {\n    this.setMetaInformation('Sign Up | Luminary', 'Get your Luminary subscription today & listen to original podcasts you won\\'t find anywhere else.');\n  },\n  destroyed() {\n    window.removeEventListener('scroll', this.handleScroll);\n    this.setMetaInformation();\n  },\n  methods: {\n    handleScroll() {\n      if (this.userSelectedPlan && this.$refs.pixel && !this.userHasScrolledBack) {\n        const pixelIsVisible = utility.isElementVisible(this.$refs.pixel);\n        if (pixelIsVisible) {\n          this.userHasScrolledBack = true;\n        }\n      }\n    },\n    scrollToSignUp() {\n      const ctx = this;\n      setTimeout(() => {\n        const signUpElement = ctx.$refs.signup;\n        const scrollTo = () => ctx.$scrollTo(signUpElement, 500, {\n          easing: 'ease-in-out',\n          onDone: () => {\n            ctx.addPixel = true;\n          },\n        });\n        scrollTo();\n      }, 400);\n    },\n    onSelectPlan() {\n      this.trackSteps({ step: 'stepOne', flowType: 'ctrl' });\n      this.userSelectedPlan = true;\n      this.scrollToSignUp();\n    },\n    onSuccessfulSignUp() {\n      this.trackSteps({ step: 'stepTwo', flowType: 'ctrl' });\n      const { selectedPlan } = this.$store.getters;\n      let routeTo = { path: '/premium-buy' };\n      if (selectedPlan === null) {\n        routeTo = { path: '/shows' };\n      }\n      this.$router.push(routeTo);\n    },\n    toggleHideMonthly() {\n      this.isHideMonthly = false;\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n@import '../../assets/scss/variables.scss';\n.plan-signup-container {\n  .plans-container {\n    max-width: 562px;\n    width: 96%;\n    margin: auto;\n    transition: opacity ease-out 300ms;\n    &.fade-out {\n      opacity: .4;\n    }\n    .visible-pixel {\n      width: 1px;\n      height: 1px;\n    }\n  }\n  .signup-container {\n    padding-top: 10px;\n    padding-bottom: 233px;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./PlanSignup.vue?vue&type=template&id=2a07d840&\"\nimport script from \"./PlanSignup.vue?vue&type=script&lang=js&\"\nexport * from \"./PlanSignup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlanSignup.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"plan-signup-container\"},[(!_vm.annualPlanEnabled || _vm.isAlexaFlow)?_c('div',[_c('sign-up')],1):_c('div',[_c('div',{class:['plans-container', _vm.fadePlans ? 'fade-out' : '']},[(_vm.addPixel)?_c('div',{ref:\"pixel\",staticClass:\"visible-pixel\"}):_vm._e(),_vm._v(\" \"),_c('plans-chooser',{attrs:{\"display-as-stack\":true,\"hide-monthly\":_vm.isHideMonthly,\"toggle-hide-monthly\":_vm.toggleHideMonthly},on:{\"onSelectPlan\":_vm.onSelectPlan}})],1),_vm._v(\" \"),(!!_vm.hasSelectedPlan)?_c('div',{ref:\"signup\",staticClass:\"signup-container\"},[_c('sign-up',{attrs:{\"on-sign-up-success\":_vm.onSuccessfulSignUp}})],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./AcquisitionFlow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./AcquisitionFlow.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"flow-page\">\n    <acquisition-navbar\n      :signup-step=\"currentStep\"\n      :reset-flow=\"resetSignupState\"\n      reset-flow-url=\"/signup\" />\n    <el-progress\n      :percentage=\"currentProgress\"\n      :stroke-width=\"9\"\n      :show-text=\"false\"\n      color=\"#FFE500\"/>\n    <div class=\"banner\">\n      <el-row\n        type=\"flex\"\n        justify=\"center\">\n        <grid-col\n          :xs=\"22\"\n          :sm=\"22\"\n          :md=\"20\"\n          :lg=\"20\"\n          :xl=\"20\">\n          <div>\n            <div\n              v-if=\"!hasSelectedPlan\">\n              <div class=\"section-title\">\n                <h1>{{ headline }}</h1>\n                <h2>{{ subheadline }}</h2>\n              </div>\n              <div\n                class=\"plans-container plans\">\n                <plans-chooser\n                  :show-continue-free=\"false\"\n                  :show-sign-in-prompt=\"false\"\n                  :acquisition-flow-display=\"true\"\n                  :show-hero=\"false\"\n                  :show-terms=\"false\"\n                  :show-subscribe-button=\"false\"\n                  :show-select-button=\"true\"\n                  :plan-selected=\"promoMeta.isChurned ? null : planSelected\"\n                  :show-top-headers=\"true\"\n                  @onSelectPlan=\"onSelectPlan\"/>\n              </div>\n              <div\n                class=\"free-plan plans\"\n                @click=\"onSelectFreePlan\">\n                <div\n                  :class=\"{'fill' : freePlanSelected}\"\n                  class=\"free-desc\">\n                  <span><p>Continue with limited access to Luminary Originals.</p></span>\n                </div>\n              </div>\n              <router-link\n                to=\"/promoterms\">\n                <div\n                  class=\"terms-link plans\"\n                  aria-label=\"Terms apply\"\n                >Terms Apply</div>\n              </router-link>\n            </div>\n            <div\n              v-if=\"!!hasSelectedPlan &!preloadEnabled &!isFreeUser\"\n              ref=\"signup\">\n              <div class=\"section-title\">\n                <h1>{{ headline }}</h1>\n                <h2>{{ subheadline }}</h2>\n              </div>\n              <div class=\"signup-container\">\n                <sign-up\n                  :acquisition-flow-style=\"true\"\n                  :on-sign-up-success=\"onSuccessfulSignUp\"\n                  @stepThreeMethod=\"stepThreeMethod\"\n                />\n              </div>\n            </div>\n            <div\n              v-if=\"preloadEnabled\">\n              <div class=\"section-title\">\n                <h1>{{ headline }}</h1>\n                <h2>{{ subheadline }}</h2>\n              </div>\n              <div class=\"billing-container\">\n                <payment-info-adyen\n                  v-if=\"isAdyenDropInEnabled\"\n                  :acquisition-flow=\"true\"\n                  heading=\"\"\n                  @success=\"successAction\"\n                />\n                <add-payment-info\n                  v-else\n                  :acquisition-flow=\"true\"\n                  heading=\"\"\n                  @success=\"successAction\"\n                />\n              </div>\n            </div>\n          </div>\n        </grid-col>\n      </el-row>\n      <el-row\n        type=\"flex\"\n        justify=\"center\"\n        class=\"hidden-sm-and-down\">\n        <grid-col\n          :xs=\"22\"\n          :sm=\"22\"\n          :md=\"20\"\n          :lg=\"20\"\n          :xl=\"20\">\n          <span>\n            <tile-animation/>\n          </span>\n        </grid-col>\n      </el-row>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapGetters } from 'vuex';\nimport Navbar from '../components/AcquisitionFlowNavbar';\nimport TileAnimation from '../components/TileAnimation';\nimport SignUp from './onboarding/SignUp';\nimport PlansChooser from './onboarding/PlansChooser';\nimport UpdatePaymentInfo from '../components/subscription/UpdatePaymentInfo';\nimport PaymentInfoAdyen from '../components/subscription/PaymentInfoAdyen';\n\nexport default {\n  name: 'AcquisitionFlow',\n  components: {\n    'acquisition-navbar': Navbar,\n    'tile-animation': TileAnimation,\n    'sign-up': SignUp,\n    'plans-chooser': PlansChooser,\n    'add-payment-info': UpdatePaymentInfo,\n    PaymentInfoAdyen,\n  },\n  data() {\n    return {\n      planSelected: false,\n      currentStep: '',\n      selectedPlan: null,\n      userSelectedPlan: false,\n      preloadEnabled: false,\n      isActive: false,\n    };\n  },\n  computed: {\n    ...mapGetters([\n      'isAdyenDropInEnabled',\n    ]),\n    isFreeUser() {\n      const { user } = this.$store.getters;\n      const isFreeUser = user && user.uuid && !user.is_subscribed;\n      return isFreeUser;\n    },\n    currentProgress() {\n      if (this.currentStep === 'stepOne') return 25;\n      if (this.currentStep === 'stepTwo') return 50;\n      if (this.currentStep === 'stepThree') return 75;\n      if (this.currentStep === 'stepFour') return 100;\n      return 'null';\n    },\n    headline() {\n      if (this.currentStep === 'stepOne') return \"Original podcasts you won't find anywhere else.\";\n      if (this.currentStep === 'stepTwo') return \"You're almost there.\";\n      if (this.currentStep === 'stepThree') return \"You're almost there.\";\n      if (this.currentStep === 'stepFour') return 'One last thing.';\n      return 'null';\n    },\n    subheadline() {\n      if (this.currentStep === 'stepOne') return 'Pick a plan. Cancel anytime.';\n      if (this.currentStep === 'stepTwo') return 'Create an Account.';\n      if (this.currentStep === 'stepThree') return 'Create an Account.';\n      if (this.currentStep === 'stepFour') return 'Enter billing info, then start listening.';\n      return 'null';\n    },\n    annualPlanEnabled() {\n      return this.$store.getters.flagWithDefault('annual_plan', true);\n    },\n    hasSelectedPlan() {\n      const { selectedPlan } = this.$store.getters;\n      return !!selectedPlan || (!selectedPlan && this.userSelectedPlan);\n    },\n    fadePlans() {\n      return this.userSelectedPlan && !this.userHasScrolledBack;\n    },\n    freePlanSelected() {\n      return this.$store.getters.freePlanSelected;\n    },\n  },\n  beforeRouteEnter(to, from, next) {\n    // remove audio player from DOM in order to remove white space from bottom\n    const elem = document.querySelector('[data-test=\"audioplayer\"]');\n    elem.style = 'display: none';\n    next();\n  },\n  beforeRouteLeave(to, from, next) {\n    // add back audio player in DOM before leaving this route.\n    const elem = document.querySelector('[data-test=\"audioplayer\"]');\n    elem.style = '';\n    // remove custom style from parent container so that for other pages does not effected by this force style updates\n    if ((window && window.innerWidth) <= 567) {\n      const pageWrapper = document.querySelectorAll('.page-wrapper')[0];\n      pageWrapper.style = '';\n    }\n    next();\n  },\n  beforeMount() {\n    this.isAcquisitionFlow2(true);\n    this.getCurrentStep();\n  },\n  mounted() {\n    // remove margin from parent container in order to remove white space from bottom of page\n    if ((window && window.innerWidth) <= 567) {\n      const pageWrapper = document.querySelectorAll('.page-wrapper')[0];\n      pageWrapper.style = 'margin-bottom: 0px';\n    }\n  },\n  beforeDestroy() {\n    this.isAcquisitionFlow2(false);\n  },\n  methods: {\n    resetSignupState() {\n      this.planSelected = false;\n      this.currentStep = '';\n      this.selectedPlan = null;\n      this.userSelectedPlan = false;\n      this.preloadEnabled = false;\n      this.isActive = false;\n      this.$store.dispatch('selectPricingPlan', null);\n      this.$store.dispatch('deselectFreePlan');\n      this.getCurrentStep();\n    },\n    isAcquisitionFlow2(bool) {\n      this.$store.dispatch('isAcquisitionFlow2', bool);\n    },\n    stepThreeMethod() {\n      this.currentStep = 'stepThree';\n      return this.currentStep;\n    },\n    getCurrentStep() {\n      this.currentStep = 'stepOne';\n      return this.currentStep;\n    },\n    onSelectPlan() {\n      const { user } = this.$store.getters;\n      const isFreeUser = user && user.uuid && !user.is_subscribed;\n      this.trackSteps({ step: 'stepOne', flowType: 'exp' });\n      if (isFreeUser) {\n        this.userSelectedPlan = true;\n        this.currentStep = 'stepFour';\n        this.preloadEnabled = true;\n        return this.preloadEnabled && this.currentStep;\n      }\n      this.userSelectedPlan = true;\n      this.currentStep = 'stepTwo';\n      return this.currentStep;\n    },\n    onSelectFreePlan() {\n      this.trackSteps({ step: 'stepOne', flowType: 'exp' });\n      this.userSelectedPlan = true;\n      this.$store.dispatch('selectFreePlan');\n    },\n    onSuccessfulSignUp() {\n      const { selectedPlan } = this.$store.getters;\n      if (selectedPlan != null) {\n        this.currentStep = 'stepFour';\n        this.trackSteps({ step: 'stepTwo', flowType: 'exp' });\n        this.preloadEnabled = true;\n        return this.preloadEnabled && this.currentStep;\n      }\n      return this.successAction();\n    },\n    successAction() {\n      const { selectedPlan } = this.$store.getters;\n      if (selectedPlan != null) {\n        this.trackSteps({ step: 'stepThree', flowType: 'exp' });\n      }\n      this.$router.push({ path: '/shows', query: { newSubscription: true } });\n    },\n  },\n};\n</script>\n\n<style lang='scss'>\n@import \"../assets/scss/variables.scss\";\n.flow-page {\n  @media (max-width: 567px) {\n    margin-top: -32px !important;\n  }\n  min-height: 100vh;\n  background-color: $bg-color;\n  .el-progress {\n    .el-progress-bar {\n      .el-progress-bar__outer {\n        background-color: $bg-color !important;\n        height: 6px !important;\n      }\n    }\n  }\n  .banner {\n    border-top: 1px solid $dark-border;\n    width: 100%;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    @media(min-width: $lg) {\n      width: 100%;\n      min-width: 250px;\n      margin-left: 100px;\n    }\n  }\n  .section-title {\n    @media (min-width: 1600px) {\n      padding: 64px 0 54px;\n    }\n    @media (min-width: 1024px) {\n      padding: 64px 0 44px;\n    }\n    @media (max-width: 768px) {\n      padding: 25px 5px 25px;\n\n    }\n    padding: 40px 0 40px;\n    text-align: center;\n    h1 {\n      transform: translateX(0px);\n      font-family: $serif;\n      font-size: 37px;\n      line-height: 37px;\n      text-align: left;\n      color: #FFFFFF;\n      margin: 0 0 15px;\n      -webkit-animation: .5s ease 0s normal forwards 1 fadein;\n      animation: .5s ease 0s normal forwards 1 fadein;\n      @media (max-width: 768px) {\n        font-size: 26px;\n        line-height: 28px;\n      }\n    }\n    h2 {\n      font-family: $serif;\n      font-style: normal;\n      font-size: 28px;\n      line-height: 27px;\n      text-align: left;\n      color: #BBBBBB;\n      -webkit-animation: 1s ease 0s normal forwards 1 fadein;\n      animation: 1s ease 0s normal forwards 1 fadein;\n      @media (max-width: 768px) {\n        font-size: 21px;\n        margin: -5px 0px;\n      }\n    }\n  }\n  .plans {\n    animation: 2s ease 0s normal forwards 1 fadein;\n  }\n  .free-plan {\n    padding-bottom: 30px;\n    background-color: $bg-color;\n    .free-desc p {\n      font-size: 16px;\n      line-height: 20px;\n      text-align: center;\n      color: $white;\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .terms-link {\n    text-align: center;\n    font-weight: 350;\n    font-size: 14px;\n    line-height: 19px;\n    text-align: center;\n    text-decoration-line: underline;\n    color: #666666;\n    margin-bottom: 30px;\n  }\n  .plans-container {\n    .free-plan {\n      display: block;\n      position: relative;\n      max-width: 480px;\n      width: 90%;\n      margin: auto;\n      margin-bottom: 24px;\n      .free-desc {\n        background: red;\n        border: 1px solid green;\n        box-sizing: border-box;\n        border-radius: 30px;\n        font-size: 14px;\n        line-height: 20px;\n        text-align: center;\n        padding: 13px 0;\n        color: $blue;\n        cursor: pointer;\n      }\n      .fill {\n        color: #ffffff;\n        background: $blue;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14);\n      }\n    }\n    animation: 2s ease 0s normal forwards 1 fadein;\n  }\n  .signup-container {\n    min-width: 300px !important;\n    padding-right: 200px;\n    @media(min-width: $lg) {\n      padding-right: 250px;\n    }\n  }\n  .billing-container {\n    animation: 2s ease 0s normal forwards 1 fadein;\n  }\n}\n\n@keyframes fadein {\n  0% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./AcquisitionFlow.vue?vue&type=template&id=00112d94&\"\nimport script from \"./AcquisitionFlow.vue?vue&type=script&lang=js&\"\nexport * from \"./AcquisitionFlow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AcquisitionFlow.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flow-page\"},[_c('acquisition-navbar',{attrs:{\"signup-step\":_vm.currentStep,\"reset-flow\":_vm.resetSignupState,\"reset-flow-url\":\"/signup\"}}),_vm._v(\" \"),_c('el-progress',{attrs:{\"percentage\":_vm.currentProgress,\"stroke-width\":9,\"show-text\":false,\"color\":\"#FFE500\"}}),_vm._v(\" \"),_c('div',{staticClass:\"banner\"},[_c('el-row',{attrs:{\"type\":\"flex\",\"justify\":\"center\"}},[_c('grid-col',{attrs:{\"xs\":22,\"sm\":22,\"md\":20,\"lg\":20,\"xl\":20}},[_c('div',[(!_vm.hasSelectedPlan)?_c('div',[_c('div',{staticClass:\"section-title\"},[_c('h1',[_vm._v(_vm._s(_vm.headline))]),_vm._v(\" \"),_c('h2',[_vm._v(_vm._s(_vm.subheadline))])]),_vm._v(\" \"),_c('div',{staticClass:\"plans-container plans\"},[_c('plans-chooser',{attrs:{\"show-continue-free\":false,\"show-sign-in-prompt\":false,\"acquisition-flow-display\":true,\"show-hero\":false,\"show-terms\":false,\"show-subscribe-button\":false,\"show-select-button\":true,\"plan-selected\":_vm.promoMeta.isChurned ? null : _vm.planSelected,\"show-top-headers\":true},on:{\"onSelectPlan\":_vm.onSelectPlan}})],1),_vm._v(\" \"),_c('div',{staticClass:\"free-plan plans\",on:{\"click\":_vm.onSelectFreePlan}},[_c('div',{staticClass:\"free-desc\",class:{'fill' : _vm.freePlanSelected}},[_c('span',[_c('p',[_vm._v(\"Continue with limited access to Luminary Originals.\")])])])]),_vm._v(\" \"),_c('router-link',{attrs:{\"to\":\"/promoterms\"}},[_c('div',{staticClass:\"terms-link plans\",attrs:{\"aria-label\":\"Terms apply\"}},[_vm._v(\"Terms Apply\")])])],1):_vm._e(),_vm._v(\" \"),(!!_vm.hasSelectedPlan &!_vm.preloadEnabled &!_vm.isFreeUser)?_c('div',{ref:\"signup\"},[_c('div',{staticClass:\"section-title\"},[_c('h1',[_vm._v(_vm._s(_vm.headline))]),_vm._v(\" \"),_c('h2',[_vm._v(_vm._s(_vm.subheadline))])]),_vm._v(\" \"),_c('div',{staticClass:\"signup-container\"},[_c('sign-up',{attrs:{\"acquisition-flow-style\":true,\"on-sign-up-success\":_vm.onSuccessfulSignUp},on:{\"stepThreeMethod\":_vm.stepThreeMethod}})],1)]):_vm._e(),_vm._v(\" \"),(_vm.preloadEnabled)?_c('div',[_c('div',{staticClass:\"section-title\"},[_c('h1',[_vm._v(_vm._s(_vm.headline))]),_vm._v(\" \"),_c('h2',[_vm._v(_vm._s(_vm.subheadline))])]),_vm._v(\" \"),_c('div',{staticClass:\"billing-container\"},[(_vm.isAdyenDropInEnabled)?_c('payment-info-adyen',{attrs:{\"acquisition-flow\":true,\"heading\":\"\"},on:{\"success\":_vm.successAction}}):_c('add-payment-info',{attrs:{\"acquisition-flow\":true,\"heading\":\"\"},on:{\"success\":_vm.successAction}})],1)]):_vm._e()])])],1),_vm._v(\" \"),_c('el-row',{staticClass:\"hidden-sm-and-down\",attrs:{\"type\":\"flex\",\"justify\":\"center\"}},[_c('grid-col',{attrs:{\"xs\":22,\"sm\":22,\"md\":20,\"lg\":20,\"xl\":20}},[_c('span',[_c('tile-animation')],1)])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"e1-plan-signup\">\n    <navbar\n      :step=\"currentStep\"\n      :show-step=\"!isFinalPage\"\n      :show-back=\"!isFinalPage\"\n      :swap-mobile-logo=\"isFinalPage\"\n      @back=\"onBack\"\n    />\n    <el-progress\n      v-if=\"!isFinalPage\"\n      :percentage=\"currentProgress\"\n      :stroke-width=\"7\"\n      :show-text=\"false\"\n      color=\"#FFE500\"\n      class=\"e1-plan-signup__progress\"\n    />\n    <div class=\"e1-plan-signup__container\">\n      <router-view/>\n    </div>\n  </div>\n</template>\n<script>\nimport Navbar from './E1Navbar';\nimport OptimizeService from '@/services/Optimize';\nimport { getServices } from '@/services/serviceProvider';\n\nconst [optimizeService] = getServices([OptimizeService]);\n\nexport default {\n  name: 'E1PlanSignUp',\n  components: {\n    Navbar,\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    currentStep() {\n      return (this.$route.meta && this.$route.meta.step) || 1;\n    },\n    currentProgress() {\n      return this.currentStep / 4 * 100;\n    },\n    isFinalPage() {\n      return this.$route.name === 'signup_done';\n    },\n  },\n  watch: {\n    $route() {\n      this.checkPath();\n    },\n  },\n  mounted() {\n    this.setMetaInformation('Sign Up | Luminary', 'Get your Luminary subscription today & listen to original podcasts you won\\'t find anywhere else.');\n    this.checkPath();\n  },\n  destroyed() {\n    this.setMetaInformation();\n  },\n  methods: {\n    checkPath() {\n      if (this.$route.name === 'account_create') this.$router.replace('/signup/plan');\n    },\n    onBack() {\n      if (this.$route.meta && this.$route.meta.prev) {\n        let label = this.$route.meta.prev;\n        if (this.$route.meta.prev.constructor.name === 'Object') {\n          label = this.$route.meta.prev.name || this.$route.meta.prev.path;\n        }\n        optimizeService.triggerAnlyticsEvent({\n          action: 'StepBack',\n          category: 'Signup',\n          label,\n        });\n        this.$router.push(this.$route.meta.prev);\n      }\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n@import '../../assets/scss/variables.scss';\n\n.e1-plan-signup {\n  font-family: $patron;\n  display: flex;\n  flex-flow: column;\n  position: absolute;\n  min-height: 100vh;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  &__progress /deep/ .el-progress-bar__outer {\n    background-color: $dark-background;\n  }\n  & /deep/ .btn-brand span {\n    font-size: 16px;\n  }\n  &__container {\n    flex: 1 1 100%;\n    padding: 16px;\n    display: flex;\n    flex-flow: column;\n    justify-content: stretch;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./E1PlanSignup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./E1PlanSignup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./E1PlanSignup.vue?vue&type=template&id=28a129ec&scoped=true&\"\nimport script from \"./E1PlanSignup.vue?vue&type=script&lang=js&\"\nexport * from \"./E1PlanSignup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./E1PlanSignup.vue?vue&type=style&index=0&id=28a129ec&lang=scss&scoped=true&\"\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  \"28a129ec\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"e1-plan-signup\"},[_c('navbar',{attrs:{\"step\":_vm.currentStep,\"show-step\":!_vm.isFinalPage,\"show-back\":!_vm.isFinalPage,\"swap-mobile-logo\":_vm.isFinalPage},on:{\"back\":_vm.onBack}}),_vm._v(\" \"),(!_vm.isFinalPage)?_c('el-progress',{staticClass:\"e1-plan-signup__progress\",attrs:{\"percentage\":_vm.currentProgress,\"stroke-width\":7,\"show-text\":false,\"color\":\"#FFE500\"}}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"e1-plan-signup__container\"},[_c('router-view')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"acquisition-flow-wrapper\">\n    <sign-up-exp v-if=\"!isLoading && isExperimentalSignup\"/>\n    <sign-up-old v-if=\"!isLoading && !isExperimentalSignup && !isNewFlowEnabled\"/>\n    <sign-up-new v-if=\"!isLoading && !isExperimentalSignup && isNewFlowEnabled\"/>\n  </div>\n</template>\n<script>\nimport { mapGetters } from 'vuex';\nimport PlanSignup from './onboarding/PlanSignup';\nimport AcquisitionFlow from './AcquisitionFlow';\nimport PlanSignupExp from '../components/signup2/E1PlanSignup';\nimport OptimizeService from '@/services/Optimize';\nimport { getServices } from '@/services/serviceProvider';\n\nconst [optimizeService] = getServices([OptimizeService]);\n\nexport default {\n  name: 'AcquisitionFlowWrapper',\n  components: {\n    // just leave no choice, quickfix to get rid of old a/b testing\n    'sign-up-old': PlanSignupExp, // PlanSignup,\n    'sign-up-new': PlanSignupExp, // AcquisitionFlow,\n    'sign-up-exp': PlanSignupExp,\n  },\n  data() {\n    return {\n      isLoading: true,\n      isNewFlowEnabled: false,\n    };\n  },\n  computed: {\n    ...mapGetters(['featureFlag']),\n    ...mapGetters('experiment', [\n      'signUpFlow',\n    ]),\n    isExperimentalSignup() {\n      return this.signUpFlow === 1;\n    },\n  },\n  beforeMount() {\n    optimizeService.triggerSignUpExperiment();\n    this.getFeatureFlag();\n    optimizeService.triggerAnlyticsEvent({\n      action: 'Started',\n      category: 'Signup',\n    });\n  },\n  methods: {\n    async getFeatureFlag() {\n      this.isLoading = false;\n      this.isNewFlowEnabled = this.featureFlag('acquisition_flow');\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./AcquisitionFlowWrapper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js??ref--0-1!./AcquisitionFlowWrapper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AcquisitionFlowWrapper.vue?vue&type=template&id=35e89ea2&\"\nimport script from \"./AcquisitionFlowWrapper.vue?vue&type=script&lang=js&\"\nexport * from \"./AcquisitionFlowWrapper.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}