%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/forge/takeaseat.eco-n-tech.co.uk/.nuxt/dist/server/components/
Upload File :
Create Path :
Current File : //home/forge/takeaseat.eco-n-tech.co.uk/.nuxt/dist/server/components/new-card-modal.js

exports.ids = [20];
exports.modules = {

/***/ 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);

/***/ })

};;
//# sourceMappingURL=new-card-modal.js.map

Zerion Mini Shell 1.0