%PDF-
%PDF-
Mini Shell
Mini Shell
exports.ids = [32,10,20];
exports.modules = {
/***/ 131:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/slots/Block.vue?vue&type=template&id=0e972406&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"bg-gray py-8 md:py-20 px-4 md:px-8 mb-8"},[_vm._ssrNode("<div class=\"max-w-xl mx-auto w-full\"><header class=\"text-center mb-10\"><h2"+(_vm._ssrClass("text-2xl sm:text-3xl font-bold",_vm.description ? 'mb-8' : ''))+">"+_vm._ssrEscape(_vm._s(_vm.title))+"</h2> "+((_vm.description)?("<p class=\"text-sm sm:text-base\">"+_vm._ssrEscape(_vm._s(_vm.description))+"</p>"):"<!---->")+"</header></div> "),_vm._ssrNode("<div"+(_vm._ssrClass("mx-auto w-full",_vm.width ? _vm.width : 'max-w-xl'))+">","</div>",[_vm._t("default")],2)],2)}
var staticRenderFns = []
// CONCATENATED MODULE: ./components/slots/Block.vue?vue&type=template&id=0e972406&
// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/slots/Block.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var Blockvue_type_script_lang_js_ = ({
props: {
title: {
type: String,
required: true
},
description: {
type: String,
required: false
},
width: {
type: String,
required: false
}
}
});
// CONCATENATED MODULE: ./components/slots/Block.vue?vue&type=script&lang=js&
/* harmony default export */ var slots_Blockvue_type_script_lang_js_ = (Blockvue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(1);
// CONCATENATED MODULE: ./components/slots/Block.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
slots_Blockvue_type_script_lang_js_,
render,
staticRenderFns,
false,
null,
null,
"127f880a"
)
/* harmony default export */ var Block = __webpack_exports__["default"] = (component.exports);
/* nuxt-component-imports */
installComponents(component, {Header: __webpack_require__(12).default})
/***/ }),
/***/ 151:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(165);
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to SSR context
var add = __webpack_require__(6).default
module.exports.__inject__ = function (context) {
add("5984fed3", content, true, context)
};
/***/ }),
/***/ 164:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_4_oneOf_1_0_node_modules_nuxt_postcss8_node_modules_css_loader_dist_cjs_js_ref_4_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_nuxt_postcss8_node_modules_postcss_loader_dist_cjs_js_ref_4_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_NewCardModal_vue_vue_type_style_index_0_id_7219ff7f_lang_postcss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(151);
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_4_oneOf_1_0_node_modules_nuxt_postcss8_node_modules_css_loader_dist_cjs_js_ref_4_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_nuxt_postcss8_node_modules_postcss_loader_dist_cjs_js_ref_4_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_NewCardModal_vue_vue_type_style_index_0_id_7219ff7f_lang_postcss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_4_oneOf_1_0_node_modules_nuxt_postcss8_node_modules_css_loader_dist_cjs_js_ref_4_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_nuxt_postcss8_node_modules_postcss_loader_dist_cjs_js_ref_4_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_NewCardModal_vue_vue_type_style_index_0_id_7219ff7f_lang_postcss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_4_oneOf_1_0_node_modules_nuxt_postcss8_node_modules_css_loader_dist_cjs_js_ref_4_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_nuxt_postcss8_node_modules_postcss_loader_dist_cjs_js_ref_4_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_NewCardModal_vue_vue_type_style_index_0_id_7219ff7f_lang_postcss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_ref_4_oneOf_1_0_node_modules_nuxt_postcss8_node_modules_css_loader_dist_cjs_js_ref_4_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_nuxt_postcss8_node_modules_postcss_loader_dist_cjs_js_ref_4_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_NewCardModal_vue_vue_type_style_index_0_id_7219ff7f_lang_postcss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/***/ }),
/***/ 165:
/***/ (function(module, exports, __webpack_require__) {
// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(5);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".modal[data-v-7219ff7f]{padding-top:20vh}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;
/***/ }),
/***/ 168:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/blocks/Account/financial/Modals/NewCardModal.vue?vue&type=template&id=7219ff7f&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.value == true),expression:"value == true"}],staticClass:"modal fixed z-50 bottom-0 left-0 w-full h-screen"},[_vm._ssrNode("<div"+(_vm._ssrClass("absolute z-10 top-0 left-0 w-full h-full bg-black bg-opacity-25 cursor-pointer transition duration-100",_vm.isActive == true ? 'opacity-100' : 'opacity-0'))+" data-v-7219ff7f></div> "),_vm._ssrNode("<div"+(_vm._ssrClass("relative z-20 h-full bg-white shadow-lg p-10 pt-16 transition transform duration-100",_vm.isActive == true ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0'))+" data-v-7219ff7f>","</div>",[_vm._ssrNode("<button type=\"button\" class=\"absolute top-6 right-10 uppercase hover:text-blue-light focus:outline-none transition\" data-v-7219ff7f>Close</button> "),_vm._ssrNode("<div class=\"relative h-full bg-gray p-8 overflow-y-auto\" data-v-7219ff7f>","</div>",[_vm._ssrNode("<div class=\"max-w-lg w-full mx-auto\" data-v-7219ff7f>","</div>",[_vm._ssrNode("<h2 class=\"mb-8 text-center text-4xl font-bold\" data-v-7219ff7f>Add new card</h2> "),_c('ValidationObserver',{ref:"paymentForm"},[_c('form',{attrs:{"role":"form","method":"POST"},on:{"submit":function($event){$event.preventDefault();return _vm.submitForm($event)}}},[_c('ValidationProvider',{attrs:{"rules":"required"},scopedSlots:_vm._u([{key:"default",fn:function(ref){
var errors = ref.errors;
return [_c('t-input-group',{attrs:{"label":"Name on Card"}},[_c('t-input',{attrs:{"type":"text","placeholder":"Name on Card"},model:{value:(_vm.card_name),callback:function ($$v) {_vm.card_name=$$v},expression:"card_name"}}),_vm._v(" "),(errors[0])?_c('span',{staticClass:"field-invalid"},[_vm._v(_vm._s(errors[0]))]):_vm._e()],1)]}}])}),_vm._v(" "),_c('t-input-group',{attrs:{"label":"Card Information"}},[_c('div',{staticClass:"px-4 py-4 bg-white border border-black border-opacity-20 rounded-xl",attrs:{"id":"new-card-element"}})]),_vm._v(" "),_c('div',{staticClass:"flex items-center justify-center px-10"},[_c('button',{staticClass:"w-full btn btn-primary btn-small rounded-full",attrs:{"disabled":_vm.working == true,"type":"submit"}},[(_vm.working == false)?_c('span',[_vm._v("Submit")]):_c('span',{staticClass:"flex items-center justify-center"},[_c('svg',{staticClass:"animate-spin -ml-1 mr-3 h-5 w-5 text-current",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24"}},[_c('circle',{staticClass:"opacity-25",attrs:{"cx":"12","cy":"12","r":"10","stroke":"currentColor","stroke-width":"4"}}),_vm._v(" "),_c('path',{staticClass:"opacity-75",attrs:{"fill":"currentColor","d":"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}})]),_vm._v(" "),_c('span',[_vm._v("Processing")])])])]),_vm._v(" "),_c('p',{staticClass:"text-sm text-center mt-6 text-black text-opacity-75"},[_vm._v("By subscribing to Take a Seat you are agreeing to all site "),_c('NuxtLink',{staticClass:"text-blue-light hover:underline",attrs:{"to":"/terms-conditions","target":"_blank"}},[_vm._v("Terms and Conditions")]),_vm._v(". Please read carefully before continuing.")],1)],1)])],2)])],2)],2)}
var staticRenderFns = []
// CONCATENATED MODULE: ./components/blocks/Account/financial/Modals/NewCardModal.vue?vue&type=template&id=7219ff7f&scoped=true&
// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/blocks/Account/financial/Modals/NewCardModal.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var NewCardModalvue_type_script_lang_js_ = ({
props: {
value: {
required: true
}
},
data() {
return {
isActive: false,
working: false,
card: {},
card_name: null
};
},
computed: {
setup_intent() {
return this.$store.state.account.billing.setupIntent;
}
},
mounted() {
const elements = this.$stripe.elements();
this.$store.dispatch('account/billing/setupIntent');
this.card = elements.create('card', {
style: {
base: {
fontSize: '15px',
fontFamily: 'Poppins, sans-serif'
}
}
});
this.card.mount('#new-card-element');
},
methods: {
closeModal: function () {
this.$emit("input", !this.value);
},
submitForm() {
this.$refs.paymentForm.validate().then(success => {
if (!success) {
return;
}
this.saveCard();
});
},
async saveCard() {
if (this.setup_intent !== null) {
this.working = true;
const {
setupIntent,
error
} = await this.$stripe.confirmCardSetup(this.setup_intent, {
payment_method: {
card: this.card,
billing_details: {
name: this.card_name
}
}
});
if (error) {
this.$toast.error(error.message).goAway(3000);
this.$store.dispatch('account/billing/setupIntent');
this.working = false;
} else {
this.$store.dispatch('account/billing/savePaymentMethod', setupIntent.payment_method).then(() => {
this.$store.dispatch('account/progress/get', {
slug: 'financial'
});
this.$emit("input", false);
this.working = false;
});
}
}
}
},
watch: {
value: function () {
if (this.value == true) {
setTimeout(() => {
this.isActive = true;
}, 100);
} else {
setTimeout(() => {
this.isActive = false;
}, 100);
}
}
}
});
// CONCATENATED MODULE: ./components/blocks/Account/financial/Modals/NewCardModal.vue?vue&type=script&lang=js&
/* harmony default export */ var Modals_NewCardModalvue_type_script_lang_js_ = (NewCardModalvue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(1);
// CONCATENATED MODULE: ./components/blocks/Account/financial/Modals/NewCardModal.vue
function injectStyles (context) {
var style0 = __webpack_require__(164)
if (style0.__inject__) style0.__inject__(context)
}
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
Modals_NewCardModalvue_type_script_lang_js_,
render,
staticRenderFns,
false,
injectStyles,
"7219ff7f",
"6717c23d"
)
/* harmony default export */ var NewCardModal = __webpack_exports__["default"] = (component.exports);
/***/ }),
/***/ 187:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/blocks/Account/financial/SavedCards.vue?vue&type=template&id=3470de18&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Block',{attrs:{"title":"Saved Cards","description":"Manage your saved cards, these cards will be used any payments you make through the take a seat website"}},[(_vm.loading == true)?_c('div',[_c('span',{staticClass:"flex items-center justify-center mb-8"},[_c('svg',{staticClass:"animate-spin -ml-1 mr-3 h-5 w-5 text-current",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24"}},[_c('circle',{staticClass:"opacity-25",attrs:{"cx":"12","cy":"12","r":"10","stroke":"currentColor","stroke-width":"4"}}),_vm._v(" "),_c('path',{staticClass:"opacity-75",attrs:{"fill":"currentColor","d":"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}})]),_vm._v(" "),_c('span',[_vm._v("Fetching Payment Methods")])])]):(_vm.loading == false && _vm.payment_methods.length)?_c('div',{staticClass:"grid grid-cols-1 gap-y-3 mb-10"},_vm._l((_vm.payment_methods),function(payment_method,key){return _c('div',{key:key},[_c('div',{staticClass:"relative grid grid-cols-3 bg-white border border-black border-opacity-10 pl-6 pr-8 py-4 rounded-lg"},[_c('span',[_vm._v(_vm._s(payment_method.billing_details.name))]),_vm._v(" "),_c('span',{staticClass:"flex items-center justify-center"},[_c('span',{staticClass:"font-medium mr-1"},[_vm._v("Last 4:")]),_vm._v(_vm._s(payment_method.card.last4))]),_vm._v(" "),_c('span',{staticClass:"flex items-center justify-end"},[_c('span',{staticClass:"font-medium mr-1"},[_vm._v("Expiry:")]),_vm._v(_vm._s(payment_method.card.exp_month)+"/"+_vm._s(payment_method.card.exp_year))])]),_vm._v(" "),_c('div',{staticClass:"pt-2 px-3 flex items-center justify-end"},[(payment_method.id !== _vm.default_payment_method.id)?_c('button',{staticClass:"ml-3 uppercase text-xs text-blue-light",attrs:{"type":"button"},on:{"click":function($event){return _vm.makeMethodPrimary(payment_method.id)}}},[(_vm.isMakingPrimary == false)?_c('span',[_vm._v("Make Primary")]):_c('span',[_vm._v("Processing...")])]):_vm._e(),_vm._v(" "),(payment_method.id !== _vm.default_payment_method.id)?_c('button',{staticClass:"ml-3 uppercase text-xs text-red text-opacity-80",attrs:{"type":"button"},on:{"click":function($event){return _vm.removePaymentMethod(payment_method.id)}}},[(_vm.isDeleting == false)?_c('span',[_vm._v("Remove")]):_c('span',[_vm._v("Processing...")])]):_vm._e()])])}),0):_c('div',{staticClass:"text-center mb-10"},[_c('p',{staticClass:"text-md font-bold"},[_vm._v("You have no cards yet")])]),_vm._v(" "),_c('div',{staticClass:"flex items-center justify-center"},[_c('button',{staticClass:"btn btn-primary btn-small rounded-full",on:{"click":function($event){_vm.modalOpen =! _vm.modalOpen}}},[_vm._v("Add a new card")])]),_vm._v(" "),_c('NewCardModal',{model:{value:(_vm.modalOpen),callback:function ($$v) {_vm.modalOpen=$$v},expression:"modalOpen"}})],1)}
var staticRenderFns = []
// CONCATENATED MODULE: ./components/blocks/Account/financial/SavedCards.vue?vue&type=template&id=3470de18&
// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/blocks/Account/financial/SavedCards.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var SavedCardsvue_type_script_lang_js_ = ({
data() {
return {
modalOpen: false,
error: null,
loading: false,
working: false,
isMakingPrimary: false,
isDeleting: false,
card: {},
cardHolderName: null
};
},
computed: {
payment_methods() {
return this.$store.state.account.billing.paymentMethods;
},
default_payment_method() {
return this.$store.state.account.billing.defaultPaymentMethod;
}
},
async mounted() {
this.loading = true;
await this.$store.dispatch('account/billing/getPaymentMethods').then(() => {
this.loading = false;
});
},
methods: {
async removePaymentMethod(payment_method_id) {
await this.$store.dispatch('account/billing/deletePaymentMethod', {
payment_method: payment_method_id
});
},
async makeMethodPrimary(payment_method_id) {
await this.$store.dispatch('account/billing/makePrimary', {
payment_method: payment_method_id
});
}
}
});
// CONCATENATED MODULE: ./components/blocks/Account/financial/SavedCards.vue?vue&type=script&lang=js&
/* harmony default export */ var financial_SavedCardsvue_type_script_lang_js_ = (SavedCardsvue_type_script_lang_js_);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(1);
// CONCATENATED MODULE: ./components/blocks/Account/financial/SavedCards.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
financial_SavedCardsvue_type_script_lang_js_,
render,
staticRenderFns,
false,
null,
null,
"05e21815"
)
/* harmony default export */ var SavedCards = __webpack_exports__["default"] = (component.exports);
/* nuxt-component-imports */
installComponents(component, {NewCardModal: __webpack_require__(168).default,Block: __webpack_require__(131).default})
/***/ })
};;
//# sourceMappingURL=saved-cards.js.map
Zerion Mini Shell 1.0