{"version":3,"sources":["webpack:///./src/helpers/plans.js","webpack:///./src/views/settings/billing/payment-successful.vue?ddb4","webpack:///./src/assets/img/billing/paypal.svg","webpack:///./src/views/settings/billing/checkout.vue","webpack:///src/views/settings/billing/checkout.vue","webpack:///./src/views/settings/billing/checkout.vue?8eed","webpack:///./src/views/settings/billing/checkout.vue?b8a9","webpack:///./src/views/settings/billing/payment-successful.vue","webpack:///src/views/settings/billing/payment-successful.vue","webpack:///./src/views/settings/billing/payment-successful.vue?f14b","webpack:///./src/views/settings/billing/payment-successful.vue?c227","webpack:///./src/assets/img/billing/alert_warning_icon.svg","webpack:///./src/views/settings/billing/checkout.vue?5b1c"],"names":["plans","funnelishApps","key","title","monthly","yearlyPerMonth","yearly","optionsList","funnelishPlus","module","exports","render","_vm","this","_c","_self","staticClass","attrs","_v","model","value","user_details","first_name","callback","$$v","$set","expression","last_name","business_name","_m","localCountries","item","id","country","zip","city","state","_e","directives","name","rawName","bottomTab","ref","class","cardFocused","cardError","expiryFocused","expiryError","cvcFocused","cvcError","require","_s","period","selectedPlan","on","$event","includesVAT","subtotal","VAT","total","youSave","loading","placeOrder","sasImage","done","staticRenderFns","staticStyle","components","PaymentSuccessful","InputField","VButton","mixins","props","data","plan","stripe","cardNumber","address","style","base","color","fontFamily","fontSmoothing","fontSize","invalid","iconColor","monthlyYearlyTab","computed","original","userInfo","watch","methods","s","document","window","currency","content_name","content_ids","onDone","setTimeout","generateStripeAddress","email","type","card","billing_details","user_id","plan_key","gateway_key","cycle","token","orderId","group","authPayment","payment_intent_id","subscription_id","updateSelectedPlanData","countriesChange","stripeKey","cardExpiry","cardCvc","loadData","created","component"],"mappings":"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IAAI,CAACG,MAAM,CAAC,OAAS,SAAS,KAAO,wCAAwC,CAACL,EAAIM,GAAG,2B,gGCmL1N,GACfiD,YACAC,+BACAC,kBACAC,gBAEAC,gBACAC,SACAC,OACA,OACAV,YACAC,QACAnB,aACAI,YACAF,eACA2B,sBACAtB,iBACApD,aACA2E,YACAC,gBACAf,WACAjB,eACAI,cACAF,iBACAzB,cACAC,cACAK,aACAC,iBACAiD,WACA5C,WACAC,OACAE,SACAD,SAEA2C,OACAC,MACAC,gBACAC,qDACAC,4BACAC,gBACA,iBACAH,kBAGAI,SACAJ,gBACAK,sBAGA5C,YACA6C,6BAGAC,UACA/B,cACA,yDAEAE,MACA,8BACA,iFACA,yBAEAC,QACA,iFAIA,OAHA,mBACAA,SAEA,GAEAC,UACA,mCAIA,OAHA,mBACA4B,SAEA,mCAEA/B,WACA,kFAEAJ,eACA,4DACA,sDACA,oDAEAvB,iBACA,eAEA2D,WACA,oCAGAC,OACAD,WACA,kBAGAE,SACA,yBACA,gHACA,gBAOA,uCACAC,uDACAC,8BAEA,cACA,iBAEA,IACAC,+BACA1E,QACA2E,eACAC,qCACAC,sCAEA,OAEA,6BACA,4CACA,2BACA,eACA,QACA,eACA,OACA,CACA,yBACA,6BACA,WACA,aAKA,8BACA,iBACA,IACAH,uCACA1E,QACA2E,eACAC,qCACAC,sCAEA,OAEA,mCACA,4CACA,2BACA,eACA,QACA,eACA,OACA,CACA,yBACA,6BACA,WACA,aAKAC,SACA,aAEA,aAEAC,gBACAL,0CAEA,MAEAM,wBACA,SAQA,OANA,iEACA,iEACA,+DACA,2DACA,wDAEA,GAEA,iBACA,mCACA,GACAC,8CACA9D,kEACAsC,WAGA,yCACAyB,YACAC,qBACAC,oBAGA,WAEA,sBAEA,2BAGA,uBACA,IACA,gBACA,+BACA,KAEA,qCACAC,gDACAC,+BACAC,mBACAC,kBACAvF,+BACAwF,UAEA,cACA,cACA,yBACApC,oEACA,+BACAqC,2BACA,wBACA,gBAEA,WACA,+BACAA,2BACA,yBAEA,eAEA,cACAC,aACA5G,yCACAmG,eAGA,SACA,eApCC,QAsCD,kBAIAU,gCACA,8CACA,WAEA,OADA,+BACA,GACA,CAEA,yCACAP,gDACAC,+BACAC,mBACAC,kBACAvF,+BACAwF,SACAI,qCACAC,oBAEA,cACA,cAEA,WAGAC,8BAMAC,qBAGA,mBACA,yCACA,uDACAC,sCAEA,oCAGA,+BAEA,uCACAvC,mBAGA,6CACA,+BACA,sBAEA,8BACA,sBAEA,gCACA,QACA,+BAEA,oBAIA,+BACAA,mBAGAwC,2BACAA,iBACA,wBAEAA,gBACA,wBAEAA,kBACA,QACA,iCAEA,sBAIA,4BACAxC,mBAGAyC,wBACAA,iBACA,qBAEAA,gBACA,qBAEAA,kBACA,QACA,8BAEA,oBAKAC,WACA,iCACA,iDACA,+CACA,gDAEA,oCACA,4BACA,gCACA,8BACA,sCAGA,gBACA,yEACA,8EAEA,kBAEA,oBACA,gBACA,gCAGAC,aC7iBgX,I,wBCQ5WC,EAAY,eACd,EACA/G,EACAsD,GACA,EACA,KACA,KACA,MAIa,aAAAyD,E,yECnBf,IAAI/G,EAAS,WAAkB,IAAIC,EAAIC,KAAQD,EAAIG,MAAMD,GAAG,OAAOF,EAAIiB,GAAG,IAEtEoC,EAAkB,CAAC,WAAY,IAAIrD,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,KAAK,CAACE,YAAY,YAAY,CAACJ,EAAIM,GAAG,eAAeJ,EAAG,MAAMF,EAAIM,GAAG,mCAAmCJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIM,GAAG,wCAAwCJ,EAAG,MAAMF,EAAIM,GAAG,2C,YCUlU,GACfqB,yBACA4B,YACAG,gBAEAiB,YAGAI,YCpB0X,I,wBCQtX+B,EAAY,eACd,EACA/G,EACAsD,GACA,EACA,KACA,KACA,MAIa,aAAAyD,E,8BCnBfjH,EAAOC,QAAU,IAA0B,uC,kCCA3C","file":"js/chunk-1102590a.bbb81579.js","sourcesContent":["let plans = {\n    funnelishApps: {\n        key: \"funnelish-apps\",\n        title: \"Funnelish Apps for Clickfunnels\",\n        monthly: 29,\n        yearlyPerMonth: 24,\n        yearly: 290,\n        optionsList: [\n            'No transaction fees',\n            'Unlimited Clickfunnels funnels',\n            'Unlimited customers',\n            '24+ Apps and Integrations',\n            'Automations',\n            'In-app chat support',\n            'Email support',\n            'Facebook & community support'\n        ]\n    },\n    funnelishPlus: [\n        {\n            key: \"basic-20k\",\n            title: 'Basic',\n            monthly: 49,\n            yearlyPerMonth: 39,\n            yearly: 468,\n            optionsList: [\n                '<b>Everything in Funnelish Apps, and:</b>',\n                'No transaction fees',\n                'Unlimited sales',\n                '<b>20,000</b> Visitors per month',\n                'Share funnels with your unique affiliate link',\n                '<b>20</b> Funnels',\n                '<b>100</b> Pages',\n                '<b>Unlimited</b> products',\n                'Free SSL for all domains',\n                '<b>1</b> Automation per funnel',\n                '<b>1</b> Custom domain',\n                '<b>3</b> Payment gateways',\n                '24+ Apps and Integrations',\n            ]\n        },\n        {\n            key: \"intermediate-100k\",\n            title: 'Intermediate',\n            monthly: 79,\n            yearlyPerMonth: 59,\n            yearly: 708,\n            optionsList: [\n                '<b>Everything in Basic, and:</b>',\n                'No transaction fees',\n                'Unlimited sales',\n                '<b>100,000</b> Visitors per month',\n                'Share funnels with your unique affiliate link',\n                '<b>100</b> Funnels',\n                '<b>Unlimited</b> pages',\n                '<b>Unlimited</b> products',\n                'Free SSL for all domains',\n                '<b>3</b> Automations per funnel',\n                '<b>3</b> Custom domains',\n                '<b>6</b> Payment gateways',\n                '24+ Apps and Integrations',\n            ]\n        },\n        {\n            key: \"advanced-500k\",\n            title: 'Advanced',\n            monthly: 199,\n            yearlyPerMonth: 159,\n            yearly: 1908,\n            optionsList: [\n                '<b>Everything in Pro, and:</b>',\n                'No transaction fees',\n                'Unlimited sales',\n                '<b>Unlimited</b> visitors per month',\n                'Share funnels with your unique affiliate link',\n                '<b>Unlimited</b> funnels',\n                '<b>Unlimited</b> pages',\n                '<b>Unlimited</b> products',\n                'Free SSL for all domains',\n                '<b>9</b> Automations per funnel',\n                '<b>9</b> Custom domains',\n                '<b>9</b> Payment gateways',\n                '24+ Apps and Integrations',\n            ]\n        },\n    ]\n}\n\nexport default plans\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payment-successful.vue?vue&type=style&index=0&id=c8a8a8f2&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/paypal.a994e90f.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"checkout-page\"},[_c('div',{staticClass:\"checkout_wrap\"},[_c('div',{staticClass:\"left_box\"},[_c('form',{staticClass:\"module__form\",attrs:{\"action\":\"\"}},[_c('div',{staticClass:\"item_form\"},[_c('h4',{staticClass:\"title_h4\"},[_vm._v(\"Your billing details\")]),_c('div',{staticClass:\"line\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col col-6\"},[_c('input-field',{attrs:{\"label\":\"First name\"},model:{value:(_vm.user_details.first_name),callback:function ($$v) {_vm.$set(_vm.user_details, \"first_name\", $$v)},expression:\"user_details.first_name\"}})],1),_c('div',{staticClass:\"col col-6\"},[_c('input-field',{attrs:{\"label\":\"Last name\"},model:{value:(_vm.user_details.last_name),callback:function ($$v) {_vm.$set(_vm.user_details, \"last_name\", $$v)},expression:\"user_details.last_name\"}})],1)])]),_c('div',{staticClass:\"line layout-row\"},[_c('input-field',{staticClass:\"flex\",attrs:{\"label\":\"Business name (optional)\"},model:{value:(_vm.user_details.business_name),callback:function ($$v) {_vm.$set(_vm.user_details, \"business_name\", $$v)},expression:\"user_details.business_name\"}})],1),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"line\"},[_c('fieldset',{staticClass:\"product-name input-field country-fieldset\"},[_vm._m(0),_c('v-select',{attrs:{\"options\":_vm.localCountries,\"label\":\"text\",\"searchable\":\"\",\"clearable\":\"\",\"reduce\":item => item.id,\"append-to-body\":\"\"},model:{value:(_vm.user_details.country),callback:function ($$v) {_vm.$set(_vm.user_details, \"country\", $$v)},expression:\"user_details.country\"}})],1)]),_c('div',{staticClass:\"line\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col col-100\"},[_c('input-field',{attrs:{\"label\":\"Zip\"},model:{value:(_vm.user_details.zip),callback:function ($$v) {_vm.$set(_vm.user_details, \"zip\", $$v)},expression:\"user_details.zip\"}})],1),_c('div',{staticClass:\"col col-100\"},[_c('input-field',{attrs:{\"label\":\"City\"},model:{value:(_vm.user_details.city),callback:function ($$v) {_vm.$set(_vm.user_details, \"city\", $$v)},expression:\"user_details.city\"}})],1),_c('div',{staticClass:\"col col-100\"},[_c('input-field',{attrs:{\"label\":\"State\",\"placeholder\":\"State...\"},model:{value:(_vm.user_details.state),callback:function ($$v) {_vm.$set(_vm.user_details, \"state\", $$v)},expression:\"user_details.state\"}})],1)])])]),_c('div',{staticClass:\"item_form\"},[_c('h4',{staticClass:\"title_h4\"},[_vm._v(\"Payment method\")]),(false)?_c('div',{staticClass:\"wrapper_radio\"},[_c('div',{staticClass:\"module__radio module__radio_1\",class:{ 'active': _vm.bottomTab === 1 },on:{\"click\":function($event){_vm.bottomTab = 1}}},[_c('span',{staticClass:\"text\"},[_vm._v(\"Credit Card\")])]),_c('div',{staticClass:\"module__radio module__radio_2\",class:{ 'active': _vm.bottomTab === 2 },on:{\"click\":function($event){_vm.bottomTab = 2}}},[_c('span',{staticClass:\"text\"},[_vm._v(\"PayPal\")])])]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.bottomTab === 1),expression:\"bottomTab === 1\"}]},[_c('form',[_c('div',{ref:\"card\",staticClass:\"column card\"},[_c('div',{staticClass:\"line\"},[_c('fieldset',{staticClass:\"card-input\",class:{'focused':_vm.cardFocused, 'error':!!_vm.cardError}},[_c('legend',[_vm._v(\"Card number\")]),_c('div',{ref:\"cardNumber\"})])]),_c('div',{staticClass:\"line\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col col-6\"},[_c('fieldset',{staticClass:\"product-name card-input\",class:{'focused':_vm.expiryFocused, 'error':!!_vm.expiryError}},[_c('legend',[_vm._v(\"Expiry\")]),_c('div',{ref:\"expiry\"})])]),_c('div',{staticClass:\"col col-6\"},[_c('fieldset',{staticClass:\"product-name card-input\",class:{'focused':_vm.cvcFocused, 'error':!!_vm.cvcError}},[_c('legend',[_vm._v(\"CVC\")]),_c('div',{ref:\"cvc\"})])])])])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.bottomTab === 2),expression:\"bottomTab === 2\"}]},[_c('div',{staticClass:\"line\"},[_c('div',{staticClass:\"pay_pal\"},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":require('@/assets/img/billing/paypal.svg'),\"alt\":\"\"}})]),_c('div',{staticClass:\"price\"},[_c('span',[_vm._v(\"$\")]),_vm._v(\" \"+_vm._s(_vm.period === 'monthly' ? _vm.selectedPlan.monthly : _vm.selectedPlan.yearly))])]),_c('div',{staticClass:\"alert\"},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":require('@/assets/img/billing/alert_warning_icon.svg'),\"alt\":\"\"}})]),_vm._m(1)])])])])])]),_c('div',{staticClass:\"right_box\"},[_c('aside',{staticClass:\"aside_box\"},[_c('div',{staticClass:\"wrapper_radio\"},[_c('div',{staticClass:\"module__radio module__radio_1\",class:{ 'active': _vm.period === 'monthly' },on:{\"click\":function($event){_vm.period = 'monthly'}}},[_c('span',{staticClass:\"text\"},[_vm._v(\"Monthly\")])]),_c('div',{staticClass:\"module__radio module__radio_2\",class:{ 'active': _vm.period === 'yearly' },on:{\"click\":function($event){_vm.period= 'yearly'}}},[_c('span',{staticClass:\"text\"},[_vm._v(\"Yearly\")])])]),_c('div',{staticClass:\"body_box\"},[_c('div',{staticClass:\"bill_title\"},[_vm._v(\"Order summary\")]),_c('div',{staticClass:\"sub_title\"},[_vm._v(\" \"+_vm._s(_vm.selectedPlan.title)+\" \")]),(_vm.includesVAT)?_c('span',{staticClass:\"subtotal\"},[_vm._v(\"Subtotal: \"),_c('b',[_vm._v(\"US$ \"+_vm._s(_vm.subtotal))])]):_vm._e(),(_vm.includesVAT)?_c('span',{staticClass:\"vat\"},[_vm._v(\"VAT (20%): \"),_c('b',[_vm._v(\"US$ \"+_vm._s(_vm.VAT))])]):_vm._e(),_c('div',{staticClass:\"total_per_month\"},[_vm._v(\"Total per \"+_vm._s(_vm.period === 'monthly' ? 'month' : 'year'))]),_c('div',{staticClass:\"layout-row flex-center\"},[_c('div',{staticClass:\"total_price\"},[_vm._v(\" \"+_vm._s(_vm.total)+\" \")]),_c('div',{staticClass:\"flex\"}),(_vm.period === 'yearly' && _vm.youSave > 0)?_c('div',{staticClass:\"you-save\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"You save \")]),_vm._v(\" \"),_c('span',{staticClass:\"total_price\"},[_vm._v(_vm._s(_vm.youSave))])]):_vm._e()]),(_vm.period === 'monthly')?_c('div',{staticClass:\"save_up\"},[_vm._v(\" Save more by switching to yearly plan \")]):_vm._e(),_c('v-button',{attrs:{\"label\":\"Place your order\",\"loading\":_vm.loading},on:{\"click\":function($event){return _vm.placeOrder()}}})],1)]),_vm._m(2)])]),(_vm.sasImage)?_c('img',{attrs:{\"src\":_vm.sasImage}}):_vm._e(),(_vm.done)?_c('payment-successful'):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('legend',[_vm._v(\"Country \"),_c('span',{staticStyle:{\"color\":\"red\"}},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"After clicking \"),_c('span',[_vm._v(\"Update payment method\")]),_vm._v(\" you’ll be redirected to Pay Pal to complete your purchase securely.\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"terms_text\"},[_vm._v(\"By placing your order, you agree to our \"),_c('br'),_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://community.funnelish.com/tos\"}},[_vm._v(\"Terms of Service.\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"checkout-page\">\n        <div class=\"checkout_wrap\">\n            <div class=\"left_box\">\n                <form action=\"\" class=\"module__form\">\n                    <div class=\"item_form\">\n                        <h4 class=\"title_h4\">Your billing details</h4>\n\t                    <div class=\"line\">\n\t\t                    <div class=\"row\">\n\t\t\t                    <div class=\"col col-6\">\n\t\t\t\t                    <input-field label=\"First name\" v-model=\"user_details.first_name\" />\n\t\t\t                    </div>\n\t\t\t                    <div class=\"col col-6\">\n\t\t\t\t                    <input-field label=\"Last name\" v-model=\"user_details.last_name\" />\n\t\t\t                    </div>\n\t\t                    </div>\n\t                    </div>\n\t                    <div class=\"line layout-row \">\n\t\t\t                    <input-field class=\"flex\" label=\"Business name (optional)\" v-model=\"user_details.business_name\" />\n\t                    </div>\n                        <div class=\"line\">\n<!--\t                        <input-field label=\"Company name\" />-->\n                        </div>\n                        <div class=\"line\">\n                            <fieldset class=\"product-name input-field country-fieldset\">\n                                <legend>Country <span style=\"color: red;\">*</span></legend>\n                                <v-select\n\t\t                                v-model=\"user_details.country\"\n                                    :options=\"localCountries\"\n                                    label=\"text\"\n                                    searchable\n                                    clearable\n                                    :reduce=\"item => item.id\"\n                                    append-to-body\n                                />\n                            </fieldset>\n                        </div>\n                        <div class=\"line\">\n                            <div class=\"row\">\n                                <div class=\"col col-100\">\n\t                                <input-field label=\"Zip\" v-model=\"user_details.zip\" />\n                                </div>\n                                <div class=\"col col-100\">\n\t                                <input-field label=\"City\" v-model=\"user_details.city\" />\n                                </div>\n                                <div class=\"col col-100\">\n\t                                <input-field label=\"State\" placeholder=\"State...\" v-model=\"user_details.state\" />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"item_form\">\n                        <h4 class=\"title_h4\">Payment method</h4>\n\n<!--\t                    TODO: implement paypal -->\n                        <div class=\"wrapper_radio\" v-if=\"false\">\n                            <div class=\"module__radio module__radio_1\" @click=\"bottomTab = 1\" :class=\"{ 'active': bottomTab === 1 }\">\n                                <span class=\"text\">Credit Card</span>\n                            </div>\n\n                            <div class=\"module__radio module__radio_2\" @click=\"bottomTab = 2\" :class=\"{ 'active': bottomTab === 2 }\">\n                                <span class=\"text\">PayPal</span>\n                            </div>\n                        </div>\n                        <div v-show=\"bottomTab === 1\">\n\n\t                        <form>\n                          <div class=\"column card\" ref=\"card\">\n\n\t                          <div class=\"line\">\n\t\t                          <fieldset class=\"card-input\" :class=\"{'focused':cardFocused, 'error':!!cardError}\">\n\t\t\t                          <legend>Card number</legend>\n\t\t\t                          <div ref=\"cardNumber\"></div>\n\t\t                          </fieldset>\n\t                          </div>\n\t                          <div class=\"line\">\n\t\t                          <div class=\"row\" >\n\n\t\t\t                          <div class=\"col col-6\">\n\t\t\t\t                          <fieldset class=\"product-name card-input\" :class=\"{'focused':expiryFocused, 'error':!!expiryError}\">\n\t\t\t\t\t                          <legend>Expiry</legend>\n\t\t\t\t\t                          <div ref=\"expiry\"></div>\n\t\t\t\t                          </fieldset>\n\t\t\t                          </div>\n\t\t\t                          <div class=\"col col-6\">\n\t\t\t\t                          <fieldset class=\"product-name card-input\" :class=\"{'focused':cvcFocused, 'error':!!cvcError}\">\n\t\t\t\t\t                          <legend>CVC</legend>\n\t\t\t\t\t                          <div ref=\"cvc\"></div>\n\t\t\t\t                          </fieldset>\n\t\t\t                          </div>\n\n\t\t                          </div>\n\t                          </div>\n\n                          </div>\n\t                        </form>\n                        </div>\n                        <div v-show=\"bottomTab === 2\">\n                            <div class=\"line\">\n                                <div class=\"pay_pal\">\n                                    <div class=\"image\">\n                                        <img :src=\"require('@/assets/img/billing/paypal.svg')\" alt=\"\">\n                                    </div>\n                                    <div class=\"price\"><span>$</span> {{ period === 'monthly' ? selectedPlan.monthly : selectedPlan.yearly }}</div>\n                                </div>\n                                <div class=\"alert\">\n                                    <div class=\"image\">\n                                        <img :src=\"require('@/assets/img/billing/alert_warning_icon.svg')\" alt=\"\">\n                                    </div>\n                                    <p>After clicking <span>Update payment method</span> you’ll be redirected to Pay Pal to\n                                        complete your purchase securely.</p>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </form>\n            </div>\n\n            <div class=\"right_box\">\n                <aside class=\"aside_box\">\n                    <div class=\"wrapper_radio\">\n                        <div\n                            class=\"module__radio module__radio_1\"\n                            @click=\"period = 'monthly'\"\n                            :class=\"{ 'active': period === 'monthly' }\"\n                        >\n                            <span class=\"text\">Monthly</span>\n                        </div>\n\n                        <div\n                            class=\"module__radio module__radio_2\"\n                            @click=\"period= 'yearly'\"\n                            :class=\"{ 'active': period === 'yearly' }\"\n                        >\n                            <span class=\"text\">Yearly</span>\n                        </div>\n                    </div>\n                    <div class=\"body_box\">\n                        <div class=\"bill_title\">Order summary</div>\n                        <div class=\"sub_title\">\n\t                        {{selectedPlan.title}}\n<!--\t                    ${{ selectedPlan.period === 'monthly' ? selectedPlan.monthly : selectedPlan.yearly }}-->\n                        </div>\n\n\t                    <span v-if=\"includesVAT\" class=\"subtotal\">Subtotal: <b>US$ {{ subtotal }}</b></span>\n\t                    <span v-if=\"includesVAT\" class=\"vat\">VAT (20%): <b>US$ {{ VAT }}</b></span>\n\n\t                    <div class=\"total_per_month\">Total per {{ period === 'monthly' ? 'month' : 'year' }}</div>\n\t                    <div class=\"layout-row flex-center\">\n\t\t                    <div class=\"total_price\">\n\t\t\t                    {{ total }}\n\t\t                    </div>\n\t\t                    <div class=\"flex\"></div>\n\t\t                    <div class=\"you-save\" v-if=\"period === 'yearly' && youSave > 0\">\n\t\t\t                    <span class=\"label\">You save </span> <span class=\"total_price\">{{ youSave }}</span>\n\t\t                    </div>\n\t                    </div>\n                        <div v-if=\"period === 'monthly'\" class=\"save_up\">\n\t                        Save more by switching to yearly plan\n                        </div>\n\n                        <v-button @click=\"placeOrder()\" label=\"Place your order\" :loading=\"loading\" />\n                    </div>\n                </aside>\n                <p class=\"terms_text\">By placing your order, you agree to our <br>\n\t                <a target=\"_blank\" href=\"https://community.funnelish.com/tos\">Terms of Service.</a></p>\n            </div>\n        </div>\n\t\t<img v-if=\"sasImage\" :src=\"sasImage\" />\n\t\t<payment-successful v-if=\"done\"  />\n\t</div>\n</template>\n\n<script>\nimport VButton from \"@/components/base/v-button\";\nimport countries from \"@/helpers/countries\";\nimport {loadStripe} from '@stripe/stripe-js';\nimport InputField from \"@/components/base/input-field\";\nimport API from '@/api';\nimport plans from '@/helpers/plans';\nimport PaymentSuccessful from \"@/views/settings/billing/payment-successful\";\nimport numbers from \"@/helpers/numbers\";\n\nexport default {\n\tcomponents: {\n\t\tPaymentSuccessful,\n\t\tInputField,\n\t\tVButton,\n  },\n\tmixins:[API],\n  props: [],\n  data() {\n      return {\n      \tsasImage: '',\n      \tdone: false,\n\t      cardError: '',\n\t      cvcError: '',\n\t      expiryError: '',\n      \tplan: \"funnelish-apps\",\n\t      period: \"monthly\",\n      \tplans: plans,\n        stripe: null,\n        cardNumber: null,\n        loading: false,\n        cardFocused: false,\n        cvcFocused: false,\n        expiryFocused: false,\n        user_details: {\n\t        first_name: \"\",\n\t        last_name: \"\",\n\t        business_name: \"\",\n\t        address: '',\n\t        country: '',\n\t        zip: '',\n\t        state: '',\n\t        city: ''\n        },\n        style: {\n\t        base: {\n\t\t        color: '#32325d',\n\t\t        fontFamily: '\"Helvetica Neue\", Helvetica, sans-serif',\n\t\t        fontSmoothing: 'antialiased',\n\t\t        fontSize: '16px',\n\t\t        '::placeholder': {\n\t\t\t        color: '#aab7c4'\n\t\t        }\n\t        },\n\t        invalid: {\n\t\t        color: '#fa755a',\n\t\t        iconColor: '#fa755a'\n\t        }\n        },\n          bottomTab: 1,\n          monthlyYearlyTab: 'Monthly',\n      }\n  },\n\tcomputed: {\n\t\tincludesVAT() {\n\t\t\treturn [\"GB\",\"UK\"].indexOf(this.user_details.country)>=0;\n\t\t},\n\t\tVAT() {\n\t\t\tif (!this.includesVAT) return 0.00;\n\t\t\tlet total = this.period === 'monthly' ? this.selectedPlan.monthly : this.selectedPlan.yearly;\n\t\t\treturn ((20 / 100) * total).toFixed(2);\n\t\t},\n\t\ttotal() {\n\t\t\tlet total = this.period === 'monthly' ? this.selectedPlan.monthly : this.selectedPlan.yearly;\n\t\t\tif (this.includesVAT) {\n\t\t\t\ttotal += (20 / 100) * total;\n\t\t\t}\n\t\t\treturn total;\n\t\t},\n\t\tyouSave(){\n\t\t\tlet original = this.selectedPlan.monthly * 12;\n\t\t\tif (this.includesVAT) {\n\t\t\t\toriginal += (20 / 100) * original;\n\t\t\t}\n\t\t\treturn numbers.round_to_two(original - this.total)\n\t\t},\n\t\tsubtotal() {\n\t\t\treturn this.period === 'monthly' ? this.selectedPlan.monthly : this.selectedPlan.yearly;\n\t\t},\n\t\tselectedPlan(){\n\t\t\tif (this.plan === \"funnelish-apps\") return plans.funnelishApps;\n\t\t\tlet p = plans.funnelishPlus.find(x => x.key === this.plan)\n\t\t\treturn p ?? plans.funnelishApps;\n\t\t},\n    localCountries(){\n      return countries\n    },\n\t\tuserInfo() {\n\t\t\treturn this.$store.state.userInfo;\n\t\t}\n\t},\n\twatch: {\n\t\tuserInfo() {\n\t\t\tthis.loadData();\n\t\t}\n\t},\n\tmethods: {\n\t\tasync trackShareASale(orderId) {\n\t\t\tlet url = `https://www.shareasale.com/sale.cfm?tracking=${orderId}&amount=${this.total}&merchantID=110214&transtype=sale`;\n\t\t\tthis.sasImage = url;\n\n\t\t\t// let resp = await axios({\n\t\t\t// \turl: `https://www.shareasale.com/sale.cfm?tracking=${orderId}&amount=${this.total}&merchantID=110214&transtype=sale`,\n\t\t\t// \tmethod:\"GET\",\n\t\t\t// });\n\n\t\t\tlet s = document.createElement('script')\n\t\t\ts.setAttribute('src', 'https://www.dwin1.com/19038.js')\n\t\t\tdocument.head.appendChild(s)\n\t\t},\n\t\tasync track() {\n\t\t\tlet amount = this.total;\n\n\t\t\ttry {\n\t\t\t\twindow.fbq('track', 'Purchase', {\n\t\t\t\t\tvalue: amount,\n\t\t\t\t\tcurrency: 'USD',\n\t\t\t\t\tcontent_name: this.selectedPlan.title,\n\t\t\t\t\tcontent_ids: [this.selectedPlan.key],\n\t\t\t\t});\n\t\t\t} catch {}\n\n\t\t\tthis.$gtag.event(\"purchase\", {\n\t\t\t\t'send_to': 'AW-823430941/UxjZCKnd6ecBEJ2e0ogD',\n\t\t\t\t'event_category': \"ecommerce\",\n\t\t\t\t'event_label': \"\",\n\t\t\t\t'value': amount,\n\t\t\t\t'currency': 'USD',\n\t\t\t\t\"items\": [\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\": this.selectedPlan.key,\n\t\t\t\t\t\t\"name\": this.selectedPlan.title,\n\t\t\t\t\t\t\"quantity\": 1,\n\t\t\t\t\t\t\"price\": amount,\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t});\n\t\t},\n\t\tasync trackInitiateCheckout() {\n\t\t\tlet amount = this.total;\n\t\t\ttry {\n\t\t\t\twindow.fbq('track', 'InitiateCheckout', {\n\t\t\t\t\tvalue: amount,\n\t\t\t\t\tcurrency: 'USD',\n\t\t\t\t\tcontent_name: this.selectedPlan.title,\n\t\t\t\t\tcontent_ids: [this.selectedPlan.key],\n\t\t\t\t});\n\t\t\t} catch {}\n\n\t\t\tthis.$gtag.event(\"begin_checkout\", {\n\t\t\t\t'send_to': 'AW-823430941/W69CCPqjktcCEJ2e0ogD',\n\t\t\t\t'event_category': \"ecommerce\",\n\t\t\t\t'event_label': \"\",\n\t\t\t\t'value': amount,\n\t\t\t\t'currency': 'USD',\n\t\t\t\t\"items\": [\n\t\t\t\t\t{\n\t\t\t\t\t\t\"id\": this.selectedPlan.key,\n\t\t\t\t\t\t\"name\": this.selectedPlan.title,\n\t\t\t\t\t\t\"quantity\": 1,\n\t\t\t\t\t\t\"price\": amount,\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t});\n\t\t},\n\t\tonDone() {\n\t\t\tthis.done = true;\n\n\t\t\tthis.track();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\twindow.location.href = \"/settings/billing\"; // Force reload the user's new status.\n\t\t\t\t// this.done = false;\n\t\t\t}, 2000)\n\t\t},\n\t\tgenerateStripeAddress() {\n\t\t\tlet address = {};\n\n\t\t\tif (this.user_details.country) address.country = this.user_details.country;\n\t\t\tif (this.user_details.zip) address.postal_code = this.user_details.country;\n\t\t\tif (this.user_details.address) address.line1 = this.user_details.address;\n\t\t\tif (this.user_details.state) address.state = this.user_details.state;\n\t\t\tif (this.user_details.city) address.city = this.user_details.city;\n\n\t\t\treturn address;\n\t\t},\n\t\tasync getToken() {\n\t\t\tlet address = this.generateStripeAddress();\n\t\t\tlet billing_details = {\n\t\t\t\temail: this.$store.state.userInfo.member.email,\n\t\t\t\tname: this.user_details.first_name + ' ' + this.user_details.last_name,\n\t\t\t\taddress: address,\n\t\t\t};\n\n\t\t\tlet result = await this.stripe.createPaymentMethod({\n\t\t\t\ttype: 'card',\n\t\t\t\tcard: this.cardNumber,\n\t\t\t\tbilling_details: billing_details,\n\t\t\t});\n\t\t\t// console.log(\"token\", result)\n\t\t\tif (result.error) {\n\t\t\t\t// Inform the user if there was an error.\n\t\t\t\tthrow  result.error.message;\n\t\t\t} else {\n\t\t\t\treturn result.paymentMethod.id;\n\t\t\t}\n\t\t},\n    async placeOrder(paymentIntent=\"\"){\n      try {\n        this.loading = true;\n\t\t\t\tlet token = paymentIntent ? paymentIntent : await this.getToken()\n\t      let orderId = '';\n\n        let data = await this.api.billing.placeOrder({\n\t        user_id: parseInt(this.$store.state.userInfo.id),\n\t        plan_key: this.selectedPlan.key,\n\t        gateway_key: 'card', // TODO: paypal\n\t        cycle: this.period,\n\t        user_details: this.user_details,\n\t        token: token\n        });\n        if (!data.success) {\n\t        throw data.error;\n        } else if (data.result.needs_approval) {\n\t        data = await this.authPayment(data.result.client_secret, data.result.reference);\n\t        if (data.result && data.result.reference) {\n\t\t        orderId = data.result.reference;\n\t\t        await this.trackShareASale(orderId);\n\t\t        this.onDone();\n\t        }\n        } else if (data.success) {\n        \tif (data.result && data.result.reference) {\n\t\t        orderId = data.result.reference;\n\t\t        await this.trackShareASale(orderId);\n\t        }\n        \tthis.onDone();\n        } else {\n\t        this.$notify({\n\t\t        group: 'main',\n\t\t        title: \"Something went wrong! try again.\",\n\t\t        type: 'error',\n\t        });\n        }\n      } catch (e) {\n      \tthis.$error(e)\n      } finally {\n        this.loading = false;\n      }\n    },\n\t\t// Auth payment if needs approval, eg. 3DS.\n\t\tauthPayment: async function(ref, subId) {\n\t\t\tlet result = await this.stripe.confirmCardPayment(ref);\n\t\t\tif (result.error) {\n\t\t\t\tthis.$error(result, result.error.message);\n\t\t\t\treturn {};\n\t\t\t} else {\n\t\t\t\t// Confirm payment on server again.\n\t\t\t\tlet data = await this.api.billing.placeOrder({\n\t\t\t\t\tuser_id: parseInt(this.$store.state.userInfo.id),\n\t\t\t\t\tplan_key: this.selectedPlan.key,\n\t\t\t\t\tgateway_key: 'card', // TODO: paypal\n\t\t\t\t\tcycle: this.period,\n\t\t\t\t\tuser_details: this.user_details,\n\t\t\t\t\ttoken: '',\n\t\t\t\t\tpayment_intent_id: result.paymentIntent.id,\n\t\t\t\t\tsubscription_id: subId,\n\t\t\t\t});\n\t\t\t\tif (!data.success) {\n\t\t\t\t\tthrow data.error;\n\t\t\t\t}\n\t\t\t\treturn data;\n\t\t\t}\n\t\t},\n    updateSelectedPlanData(dataName, data){\n        // var localData = {...this.selectedPlan};\n        // localData[dataName] = data;\n\t\t\t\t//\n        // this.$emit('updateSelectedPlanData', localData);\n    },\n    countriesChange(val){\n\n    },\n\t\tasync initStripe() {\n\t\t\tlet stripeKey = 'pk_test_nQZ3UAvSOCrRWRHaRkw87Ohh';\n\t\t\tif (window.location.origin===\"https://app.funnelish.com\")\n\t\t\t\tstripeKey = 'pk_live_XLay1TWP0g7aBX0xBVnDqH4R';\n\n\t\t\tthis.stripe = await loadStripe(stripeKey);\n\n\t\t\t// Create an instance of Elements.\n\t\t\tconst elements = this.stripe.elements();\n\n\t\t\tthis.cardNumber = elements.create('cardNumber', {\n\t\t\t\tstyle: this.style,\n\t\t\t\t// classes: elementClasses,\n\t\t\t});\n\t\t\tthis.cardNumber.mount(this.$refs.cardNumber);\n\t\t\tthis.cardNumber.on('focus', (event) => {\n\t\t\t\tthis.cardFocused = true;\n\t\t\t});\n\t\t\tthis.cardNumber.on('blur', (event) => {\n\t\t\t\tthis.cardFocused = false;\n\t\t\t});\n\t\t\tthis.cardNumber.on('change', (event) => {\n\t\t\t\tif (event.error) {\n\t\t\t\t\tthis.cardError = event.error.message;\n\t\t\t\t} else {\n\t\t\t\t\tthis.cardError = '';\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tconst cardExpiry = elements.create('cardExpiry', {\n\t\t\t\tstyle: this.style,\n\t\t\t\t// classes: elementClasses,\n\t\t\t});\n\t\t\tcardExpiry.mount(this.$refs.expiry);\n\t\t\tcardExpiry.on('focus', (event) => {\n\t\t\t\tthis.expiryFocused = true;\n\t\t\t});\n\t\t\tcardExpiry.on('blur', (event) => {\n\t\t\t\tthis.expiryFocused = false;\n\t\t\t});\n\t\t\tcardExpiry.on('change', (event) => {\n\t\t\t\tif (event.error) {\n\t\t\t\t\tthis.expiryError = event.error.message;\n\t\t\t\t} else {\n\t\t\t\t\tthis.expiryError = '';\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tconst cardCvc = elements.create('cardCvc', {\n\t\t\t\tstyle: this.style,\n\t\t\t\t// classes: elementClasses,\n\t\t\t});\n\t\t\tcardCvc.mount(this.$refs.cvc);\n\t\t\tcardCvc.on('focus', (event) => {\n\t\t\t\tthis.cvcFocused = true;\n\t\t\t});\n\t\t\tcardCvc.on('blur', (event) => {\n\t\t\t\tthis.cvcFocused = false;\n\t\t\t});\n\t\t\tcardCvc.on('change', (event) => {\n\t\t\t\tif (event.error) {\n\t\t\t\t\tthis.cvcError = event.error.message;\n\t\t\t\t} else {\n\t\t\t\t\tthis.cvcError = '';\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\n\t\tloadData() {\n\t\t\tlet ui = this.$store.state.userInfo;\n\t\t\tthis.user_details.first_name = ui.member.first_name\n\t\t\tthis.user_details.last_name = ui.member.last_name\n\t\t\tthis.user_details.business_name = ui.business_name\n\n\t\t\tthis.user_details.country = ui.country;\n\t\t\tthis.user_details.zip = ui.zip;\n\t\t\tthis.user_details.state = ui.state;\n\t\t\tthis.user_details.city = ui.city;\n\t\t\tthis.user_details.address = ui.address;\n\t\t}\n  },\n\tasync mounted() {\n\t\tthis.plan = this.$route.query.plan ? this.$route.query.plan : 'funnelish-apps';\n\t\tthis.period = this.$route.query.period ? this.$route.query.period : 'monthly';\n\n\t\tawait this.initStripe();\n\n\t\tthis.$nextTick(() =>{\n\t\t\tthis.loadData()\n\t\t\tthis.trackInitiateCheckout();\n\t\t});\n\t},\n\tcreated(){\n  }\n};\n</script>\n\n<style lang=\"scss\" >\n.checkout-page {\n\t.right_box {\n\t\twidth: 300px !important;\n\t}\n\t.you-save {\n\t\tcolor: $dark-grey;\n\t\tfont-size: 14px;\n\t\tfont-weight: 400;\n\t\t.total_price {\n\t\t\tcolor: $darker-grey;\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 400;\n\t\t\tpadding-left: 10px;\n\t\t\ttext-decoration: underline;\n\t\t\t&::before {\n\t\t\t\tcolor: $darker-grey;\n\t\t\t\tcontent: \"$\";\n\t\t\t\tfont-size: 14px;\n\t\t\t\tline-height: 14px;\n\t\t\t\tposition: absolute;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.total_per_month {\n\t\tdisplay: flex;\n\t\tmargin-top: 30px;\n\t}\n\t.vat {\n\t\tmargin-top: 5px;\n\t\tdisplay: flex;\n\t\tmargin-bottom: 10px;\n\t\t> b {\n\t\t\tmargin-left: 10px;\n\t\t}\n\t}\n\t.subtotal {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 10px;\n\t\t> b {\n\t\t\tmargin-left: 23px;\n\t\t}\n\t}\n\t.card-input {\n\t\tdisplay: flex;\n\t\tpadding: 0;\n\t\tborder: 2px solid #E4E6F1;\n\t\tborder-radius: 8px;\n\t\theight: 41px;\n\t\tposition: relative;\n\t\ttransition: 0.15s all ease-in-out;\n\n\t\t&.focused {\n\t\t\tborder-color: #4368E0;\n\t\t\tlegend {\n\t\t\t\tcolor: #4368E0;\n\t\t\t}\n\t\t}\n\t\t&.error {\n\t\t\tborder-color: red;\n\t\t\tlegend {\n\t\t\t\tcolor: red;\n\t\t\t}\n\t\t}\n\t\t.StripeElement {\n\t\t\tflex: 1;\n\t\t\tcursor: text;\n\t\t\tpadding: 8px 10px;\n\t\t}\n\t\tlegend {\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 150%;\n\t\t\tletter-spacing: 0.02em;\n\t\t\tcolor: #C5C7D2;\n\t\t\tmargin-left: 5px;\n\t\t\tpadding: 0 5px;\n\t\t\tdisplay: flex;\n\t\t\tposition: absolute;\n\t\t\ttop: -10px;\n\t\t\tleft: 10px;\n\t\t\tbackground: white;\n\t\t}\n\t}\n}\n.billing-page fieldset.input-field.country-fieldset {\n    border: 0;\n}\n.input-field.country-fieldset .v-select {\n    width: 100%;\n}\n.input-field.country-fieldset .v-select .vs__selected {\n    padding: 4px 12px;\n}\n.input-field.country-fieldset .v-select .vs__dropdown-toggle {\n    border-radius: 8px;\n    border: 2px solid #E4E6F1;\n}\n.billing-page fieldset.input-field.country-fieldset legend {\n    z-index: 2;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./checkout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./checkout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./checkout.vue?vue&type=template&id=c4c1da9e&\"\nimport script from \"./checkout.vue?vue&type=script&lang=js&\"\nexport * from \"./checkout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkout.vue?vue&type=style&index=0&id=c4c1da9e&prod&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 render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"box_h1 billing-payment-successful\"},[_c('h1',{staticClass:\"title_h1\"},[_vm._v(\"Thank You! \"),_c('br'),_vm._v(\" Your payment was successful!\")]),_c('div',{staticClass:\"info_text\"},[_vm._v(\"You'll be redirected in 3 seconds...\"),_c('br'),_vm._v(\" if not try to refresh the page! \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"box_h1 billing-payment-successful\">\n        <h1 class=\"title_h1\">Thank You! <br>\n            Your payment was successful!</h1>\n        <div class=\"info_text\">You'll be redirected in 3 seconds...<br> if not try to refresh the page!\n        </div>\n    </div>\n</template>\n\n<script>\nimport VButton from \"@/components/base/v-button\";\n\nexport default {\n\tname: \"PaymentSuccessful\",\n\tcomponents: {\n\t\tVButton,\n\t},\n\tcomputed: {\n\n\t},\n\tmethods: {\n  },\n};\n</script>\n<style lang=\"scss\">\n.billing-payment-successful {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-direction: column;\n\theight: 100%;\n\ttext-align: center;\n\tmargin: 0 auto;\n\tposition: absolute;\n\twidth: 100%;\n\tmin-height: 750px;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbackground: white;\n\tz-index: 4;\n\n\t&:before {\n\t\tcontent: '';\n\t\tbackground: url('~@/assets/img/billing/billing-step-3-bg.svg') no-repeat center center;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t}\n\t.title_h1 {\n\t\tfont-weight: bold;\n\t\tfont-size: 28px;\n\t\tline-height: 150%;\n\t\tletter-spacing: 0.02em;\n\t\tcolor: #252A32;\n\t\tmargin-bottom: 300px;\n\t\tmargin-top: 75px;\n\t}\n\t.info_text {\n\t\tfont-size: 16px;\n\t\tline-height: 150%;\n\t\tletter-spacing: 0.02em;\n\t\tcolor: #636A7B;\n\t}\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payment-successful.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payment-successful.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payment-successful.vue?vue&type=template&id=c8a8a8f2&\"\nimport script from \"./payment-successful.vue?vue&type=script&lang=js&\"\nexport * from \"./payment-successful.vue?vue&type=script&lang=js&\"\nimport style0 from \"./payment-successful.vue?vue&type=style&index=0&id=c8a8a8f2&prod&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","module.exports = __webpack_public_path__ + \"img/alert_warning_icon.cf70f733.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./checkout.vue?vue&type=style&index=0&id=c4c1da9e&prod&lang=scss&\""],"sourceRoot":""}