Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/vreg/node_modules/.cache/nuxt/dist/server/pages/portal/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

{"version":3,"file":"pages/portal/index.js","sources":["webpack:///./components/Forms/Payments/stripeCardElement.vue?d1e5","webpack:///./components/Forms/Payments/stripeCardElement.vue?2057","webpack:///./components/Forms/Payments/stripeCardElement.vue?e9be","webpack:///./components/Forms/PaymentsGateways.vue?30aa","webpack:///./components/Forms/Payments/stripeCardElement.vue?fe88","webpack:///./mixins/payments.js","webpack:///./components/Forms/Payments/stripeCardElement.vue","webpack:///./components/Forms/Payments/stripeCardElement.vue?7f71","webpack:///./components/Forms/Payments/stripeCardElement.vue?2ede","webpack:///./components/Forms/Payments/StripeOtherCards.vue?06c9","webpack:///./components/Forms/Payments/StripeOtherCards.vue","webpack:///./components/Forms/Payments/StripeOtherCards.vue?1b83","webpack:///./components/Forms/Payments/StripeOtherCards.vue?344b","webpack:///./components/Forms/Payments/Nmi.vue?deec","webpack:///./components/Forms/Payments/Nmi.vue","webpack:///./components/Forms/Payments/Nmi.vue?2655","webpack:///./components/Forms/Payments/Nmi.vue?b2b5","webpack:///./components/Forms/PaymentsGateways.vue","webpack:///./components/Forms/PaymentsGateways.vue?cb92","webpack:///./components/Forms/PaymentsGateways.vue?06e3","webpack:///./components/Portal/PayOrderModal.vue?e17a","webpack:///./pages/portal/index.vue?eea5","webpack:///./components/Portal/PayOrderModal.vue?99c2","webpack:///./components/Portal/PayOrderModal.vue?eceb","webpack:///./pages/portal/index.vue?8755","webpack:///./pages/portal/index.vue?74c3","webpack:///./pages/portal/index.vue?2da8","webpack:///./components/Portal/PayOrderModal.vue?bcd7","webpack:///./components/Portal/PayOrderModal.vue","webpack:///./components/Portal/PayOrderModal.vue?b882","webpack:///./components/Portal/PayOrderModal.vue?1a66","webpack:///./pages/portal/index.vue","webpack:///./pages/portal/index.vue?93e3","webpack:///./pages/portal/index.vue?9bea","webpack:///./components/Forms/InputField.vue?b99a","webpack:///./components/Forms/InputField.vue","webpack:///./components/Forms/InputField.vue?b7d9","webpack:///./components/Forms/InputField.vue?be57","webpack:///./components/Forms/InputField.vue?bf7d","webpack:///./components/Forms/FormErrorMsg.vue?9f25","webpack:///./mixins/forms.js","webpack:///./components/Forms/FormErrorMsg.vue?497a","webpack:///./components/Forms/FormErrorMsg.vue","webpack:///./components/Forms/FormErrorMsg.vue?5544","webpack:///./components/Forms/FormErrorMsg.vue?6e2b","webpack:///./components/Forms/InputField.vue?db84","webpack:///./components/Forms/InputField.vue?fbac","webpack:///./components/Forms/FormErrorMsg.vue?6c28","webpack:///./components/Forms/FormErrorMsg.vue?d1be","webpack:///./components/Forms/VregSuggesstions/v-reg-vue-simple-suggest.vue?29b1","webpack:///./components/Forms/VregSelect.vue?359b","webpack:///./components/Forms/VregSelect.vue","webpack:///./components/Forms/VregSelect.vue?3476","webpack:///./components/Forms/VregSelect.vue?daa6","webpack:///./components/Forms/VregSuggesstions/v-reg-vue-simple-suggest.vue?d4c4","webpack:///./components/Forms/VregSuggesstions/v-reg-vue-simple-suggest.vue?41a5","webpack:///./components/Forms/VregSuggesstions/v-reg-vue-simple-suggest.vue?f66b","webpack:///./components/Forms/VregSuggesstions/misc.js","webpack:///./components/Forms/VregSuggesstions/v-reg-vue-simple-suggest.vue","webpack:///./components/Forms/VregSuggesstions/v-reg-vue-simple-suggest.vue?b11c","webpack:///./components/Forms/VregSuggesstions/v-reg-vue-simple-suggest.vue?73de","webpack:///./components/Forms/Address.vue?5ea3","webpack:///./components/Forms/Address.vue","webpack:///./components/Forms/Address.vue?3fed","webpack:///./components/Forms/Address.vue?4775","webpack:///./components/Forms/Edit/EditAddress.vue?2554","webpack:///./components/Forms/Edit/EditAddress.vue","webpack:///./components/Forms/Edit/EditAddress.vue?627d","webpack:///./components/Forms/Edit/EditAddress.vue?e9ca"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stripeCardElement.vue?vue&type=style&index=0&id=210678ce&scoped=true&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"a606f7b4\", content, true, context)\n};","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stripeCardElement.vue?vue&type=style&index=0&id=210678ce&scoped=true&lang=css&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"#stripe-card-element[data-v-210678ce]{border:1px solid #9ca3b5;padding:13px;box-shadow:none;text-shadow:none;border-radius:4px;height:50px;background-color:#fff}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.ready)?_c('ValidationProvider',{attrs:{\"rules\":\"required\",\"name\":\"paymentMethod\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('keep-alive',[(_vm.hasGateway('Stripe') && _vm.form.amount)?_c('stripe-other-cards',{ref:\"stripe_other_cards\",attrs:{\"form\":_vm.form,\"paymentMethod\":_vm.paymentMethod},on:{\"payment-form-submitting\":function($event){return _vm.$emit('payment-form-submitting')},\"payment-form-submitted\":function($event){return _vm.$emit('payment-form-submitted')},\"has-other-payment-opts\":function (){ return _vm.hasStripeOtherOptions=true; },\"submit-form\":function($event){return _vm.$emit('ready-to-submit')}}}):_vm._e()],1),_vm._v(\" \"),(_vm.hasGateway('Stripe'))?_c('div',{staticClass:\"payment-box\"},[_c('label',{staticClass:\"step-radio-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.paymentMethod),expression:\"paymentMethod\"}],staticClass:\"radio-input\",attrs:{\"type\":\"radio\",\"name\":\"paymentMethod\",\"value\":\"stripe_credit_card\"},domProps:{\"checked\":_vm._q(_vm.paymentMethod,\"stripe_credit_card\")},on:{\"change\":function($event){_vm.paymentMethod=\"stripe_credit_card\"}}}),_vm._v(\" \"),_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.stripe-credit-card-element\",modifiers:{\"stripe-credit-card-element\":true}}],staticClass:\"step-radio-box\"},[_c('div',{staticClass:\"outer\"},[_c('div',{staticClass:\"inner\"})]),_vm._v(\" \"),_c('p',[_vm._v(\"Credit/Debit Card\")]),_vm._v(\" \"),_c('div',{staticClass:\"img-wrapper\"},[_c('img',{attrs:{\"src\":\"/images/payments/payment-img-1.svg\",\"alt\":\"VISA\"}}),_vm._v(\" \"),_c('img',{attrs:{\"src\":\"/images/payments/payment-img-2.svg\",\"alt\":\"Master Card\"}}),_vm._v(\" \"),_c('img',{attrs:{\"src\":\"/images/payments/payment-img-3.svg\",\"alt\":\"Discover\"}}),_vm._v(\" \"),_c('img',{attrs:{\"src\":\"/images/payments/payment-img-4.svg\",\"alt\":\"American Express\"}})])])]),_vm._v(\" \"),_c('b-collapse',{attrs:{\"id\":\"stripe-credit-card-element\",\"accordion\":\"payment-methods-accordion\"}},[_c('keep-alive',[(_vm.paymentMethod==='stripe_credit_card')?_c('stripe-card-element',{ref:\"stripe_credit_card\",staticClass:\"payment-details credit-card\",attrs:{\"form\":_vm.form,\"order\":_vm.order},on:{\"payment-form-submitting\":function($event){return _vm.$emit('payment-form-submitting')},\"payment-form-submitted\":function($event){return _vm.$emit('payment-form-submitted')},\"submit-form\":function($event){return _vm.$emit('ready-to-submit')}}}):_vm._e()],1)],1)],1):_vm._e(),_vm._v(\" \"),(_vm.hasGateway('Nmi'))?_c('div',{staticClass:\"payment-box\"},[_c('label',{staticClass:\"step-radio-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.paymentMethod),expression:\"paymentMethod\"}],staticClass:\"radio-input\",attrs:{\"type\":\"radio\",\"name\":\"paymentMethod\",\"value\":\"nmi_card\"},domProps:{\"checked\":_vm._q(_vm.paymentMethod,\"nmi_card\")},on:{\"change\":function($event){_vm.paymentMethod=\"nmi_card\"}}}),_vm._v(\" \"),_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.nmi-card\",modifiers:{\"nmi-card\":true}}],staticClass:\"step-radio-box\"},[_c('div',{staticClass:\"outer\"},[_c('div',{staticClass:\"inner\"})]),_vm._v(\" \"),_c('img',{staticClass:\"payment-img\",attrs:{\"src\":\"/images/payments/nmi.png\",\"alt\":\"nmi\"}})])]),_vm._v(\" \"),_c('b-collapse',{attrs:{\"id\":\"nmi-card\",\"accordion\":\"payment-methods-accordion\"}},[_c('keep-alive',[(_vm.paymentMethod==='nmi_card')?_c('nmi',{ref:\"nmi_card\",staticClass:\"payment-details credit-card\",attrs:{\"form\":_vm.form},on:{\"payment-form-submitting\":function($event){return _vm.$emit('payment-form-submitting')},\"payment-form-submitted\":function($event){return _vm.$emit('payment-form-submitted')},\"submit-form\":function($event){return _vm.$emit('ready-to-submit')}}}):_vm._e()],1)],1)],1):_vm._e()]}}],null,false,3995643870)}):_c('h3',[_vm._v(\"\\n    Loading payments gateways...\\n  \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._ssrNode(\"<div id=\\\"stripe-card-element\\\" class=\\\"form-group\\\" data-v-210678ce></div> <h6 class=\\\"mt-2 text-danger\\\" data-v-210678ce>\"+(_vm._s(_vm.cardErrors))+\"</h6>\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n\n  methods: {\n    handleServerResponse(response, event = null) {\n      if (this.thds_tries > 4 && response.status !== \"requires_capture\") {\n        this.paymentFormSubmittedEvent()\n        this.cardErrors = \"Payment Error, Try another Card Please.\";\n        return;\n      }\n\n\n      if ((['requires_source_action', 'requires_action'].includes(response.status)) && (response.next_action.type === \"use_stripe_sdk\")) {\n        this.handleAction(response, event);\n      } else if (['requires_source', 'requires_payment_method'].includes(response.status)) {\n        this.cardErrors = \"Invalid Payment method, Please select another card or payment method\";\n        this.paymentFormSubmittedEvent()\n\n        if (event) {\n          event.complete('fail');\n        }\n      } else if (response.status === \"requires_capture\") {\n\n        this.handleRequiresCapture(response, event);\n\n      } else {\n        this.paymentFormSubmittedEvent()\n        if (event) {\n          event.complete('fail');\n        }\n        this.cardErrors = \"Payment Error\";\n      }\n    },\n    handleAction(response, event = null) {\n\n      if (event) {\n        event.complete('success');\n      }\n      console.log('handleAction: ', response);\n      this.$stripe.handleCardAction(\n        response.client_secret\n      ).then((result) => {\n        if (result.error) {\n          this.paymentFormSubmittedEvent()\n          this.cardErrors = result.error.message;\n\n          if (event) {\n            event.complete('fail');\n          }\n\n        } else {\n          let url = `payment/order/gateway-check-payment-token/Stripe?gateway_account=${this.stripeAccount.account_key}&payment_intent_id=${response.payment_intent_id}`;\n\n          this.$axios.get(url).then((result) => {\n            this.thds_tries++;\n            this.handleServerResponse(result.data, event);\n          }).catch((error) => {\n            this.paymentFormSubmittedEvent();\n\n            if (error.response) {\n              this.cardErrors = error.response.data.message;\n            }\n\n            if (event) {\n              event.complete('fail');\n            }\n\n          })\n        }\n      });\n    },\n    paymentFormSubmittingEvent() {\n      this.$emit('payment-form-submitting');\n    },\n    paymentFormSubmittedEvent() {\n      this.$emit('payment-form-submitted');\n    },\n\n    handleRequiresCapture(data, event = null) {\n\n\n      this.form.checkoutToken = data.payment_intent_id;\n      this.form.is_intent = 1;\n\n      if (event) {\n        let paymentMethodCard = event.paymentMethod.card;\n        this.form.card_last_four = paymentMethodCard.last4;\n        this.form.card_expiry_month = paymentMethodCard.exp_month;\n        this.form.card_expiry_year = paymentMethodCard.exp_year;\n        this.form.card_brand = paymentMethodCard.brand;\n        this.form.billing_information = event.paymentMethod.billing_details;\n        event.complete('success');\n      }\n\n      this.fireFormSubmitEvent();\n\n    },\n\n  }\n}\n","//\n//\n//\n//\n//\n//\n//\n//\n\n\nimport payments from \"@/mixins/payments\";\n\nexport default {\n  name: \"paymentElement\",\n  props: {\n    form: {\n      required: true\n    },\n    order: {\n      required: false\n    }\n  },\n\n  mixins: [payments],\n\n  data() {\n    return {\n      cardErrors: '',\n      paymentElement: ''\n    }\n  },\n  mounted() {\n    this.createStripeCard();\n  },\n  methods: {\n    createStripeCard() {\n      let elements = this.$stripe.elements();\n\n      this.paymentElement = elements.create('card', {\n        style: {\n          base: {\n            fontSize: '16px'\n          }\n        }\n      });\n\n      this.paymentElement.mount('#stripe-card-element');\n      this.paymentElement.addEventListener('change', event => this.toggleStripeError(event));\n    },\n    toggleStripeError(event) {\n      if (event.error) {\n        this.cardErrors = event.error.message;\n      } else {\n        this.cardErrors = '';\n      }\n    },\n    submitFormToCreateToken() {\n      this.clearCardErrors();\n      this.createIntent();\n    },\n    clearCardErrors() {\n      this.cardErrors = '';\n    },\n    fireFormSubmitEvent() {\n      this.form.gateway = this.stripeAccount.gateway;\n      this.form.payment_account_key = this.stripeAccount.account_key;\n      this.$emit('submit-form');\n    },\n    createIntent() {\n      this.paymentFormSubmittingEvent();\n      this.thds_tries = 0;\n      this.form.is_intent = 1;\n      this.$stripe.createPaymentMethod('card', this.paymentElement).then((result) => {\n        if (result.error) {\n          this.cardErrors = result.error.message;\n          this.paymentFormSubmittedEvent();\n        } else {\n\n          let url = `payment/order/gateway-payment-token/Stripe`;\n\n          if (this.order) {\n            url += `/${this.order.id}`;\n          }\n\n          url += `?gateway_account=${this.stripeAccount.account_key}&payment_method_id=${result.paymentMethod.id}&amount=${this.form.amount}`;\n\n          this.$axios.get(url).then((result) => {\n            this.thds_tries++;\n            this.handleServerResponse(result.data);\n          }).catch((error) => {\n            this.paymentFormSubmittedEvent();\n            this.cardErrors = error.response.data.message;\n          })\n        }\n      })\n    },\n  },\n\n  computed: {\n    stripeAccount() {\n      return this.$store.getters.getPaymentsKeys[this.currentStateCode]['Stripe'];\n    }\n  }\n\n}\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stripeCardElement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./stripeCardElement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./stripeCardElement.vue?vue&type=template&id=210678ce&scoped=true&\"\nimport script from \"./stripeCardElement.vue?vue&type=script&lang=js&\"\nexport * from \"./stripeCardElement.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./stripeCardElement.vue?vue&type=style&index=0&id=210678ce&scoped=true&lang=css&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  \"210678ce\",\n  \"1ed2aa66\"\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',[_vm._ssrNode(\"<div id=\\\"stripe-other-cards-elements\\\" class=\\\"form-group card-no\\\" style=\\\"width: 25%\\\" data-v-1f7556d2></div> <h6 class=\\\"mt-2 text-danger\\\" data-v-1f7556d2>\"+(_vm._s(_vm.cardErrors))+\"</h6>\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\nimport payments from \"@/mixins/payments\";\n\nexport default {\n  name: \"StripeOtherCards\",\n  mixins: [payments],\n  props: {\n    form: {\n      required: true\n    }\n  },\n  data() {\n    return {\n      cardErrors: '',\n      paymentElement: '',\n      noOtherPaymentMethodsFound: false,\n      thds_tries: 0\n    }\n  },\n  mounted() {\n    this.createStripePaymentRequest();\n  },\n  methods: {\n    toggleStripeError(event) {\n      if (event.error) {\n        this.cardErrors = event.error.message;\n      } else {\n        this.cardErrors = '';\n      }\n    },\n    submitFormToCreateToken() {\n      this.clearCardErrors();\n      this.createIntent();\n    },\n    fireFormSubmitEvent() {\n      this.form.gateway = this.stripeAccount.gateway;\n      this.form.payment_account_key = this.stripeAccount.account_key;\n\n      this.$emit('submit-form');\n    },\n    clearCardErrors() {\n      this.cardErrors = '';\n    },\n    createStripePaymentRequest() {\n\n      let paymentRequest = this.$stripe.paymentRequest({\n        country: 'US',\n        currency: 'usd',\n        total: {\n          label: 'Estimated Order Total',\n          amount: Math.round(this.form.amount * 100),\n        },\n        requestPayerName: true,\n        requestPayerEmail: true,\n      });\n\n\n      let elements = this.$stripe.elements();\n\n\n      this.paymentElement = elements.create('paymentRequestButton', {\n        paymentRequest: paymentRequest\n      });\n\n      paymentRequest.canMakePayment().then((result) => {\n        this.noOtherPaymentMethodsFound = false;\n\n        if (!result) {\n          return this.noOtherPaymentMethodsFound = true;\n        }\n\n        this.paymentElement.mount('#stripe-other-cards-elements');\n\n        this.paymentElement.addEventListener('change', event => this.toggleStripeError(event));\n\n        this.bindPaymentRequestEvents(paymentRequest);\n\n        this.$emit('has-other-payment-opts')\n      });\n    },\n    bindPaymentRequestEvents(paymentRequest) {\n      paymentRequest.on('token', function (event) {\n        // event.token is available\n        // console.log('paymentRequest.token', event);\n      });\n\n      paymentRequest.on('paymentmethod', this.onPaymentMethod);\n\n\n      paymentRequest.on('source', function (event) {\n        // event.source is available\n        // console.log('paymentRequest.source', event);\n      });\n\n      paymentRequest.on('cancel', function () {\n\n        // handle cancel event\n        console.log('paymentRequest.cancel');\n      });\n\n\n    },\n\n    onPaymentMethod(event) {\n\n      let url = `payment/order/gateway-payment-token/Stripe?gateway_account=${this.stripeAccount.account_key}&payment_method_id=${event.paymentMethod.id}&amount=${this.form.amount}`;\n      this.$axios.get(url).then((result) => {\n        let data = result.data;\n        this.handleServerResponse(data, event);\n      }).catch((error) => {\n        this.paymentFormSubmittedEvent()\n        this.cardErrors = error.response.data.message;\n        event.complete('fail');\n      })\n    },\n\n  },\n  computed: {\n    stripeAccount() {\n      return this.$store.getters.getPaymentsKeys[this.currentStateCode]['Stripe'];\n    }\n  }\n}\n\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripeOtherCards.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripeOtherCards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StripeOtherCards.vue?vue&type=template&id=1f7556d2&scoped=true&\"\nimport script from \"./StripeOtherCards.vue?vue&type=script&lang=js&\"\nexport * from \"./StripeOtherCards.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  \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  injectStyles,\n  \"1f7556d2\",\n  \"0d6f31e2\"\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',[_vm._ssrNode(\"<div class=\\\"v-form-row\\\" data-v-7177c8e5><div class=\\\"v-form-col\\\" data-v-7177c8e5><div class=\\\"form-group\\\" data-v-7177c8e5><label for=\\\"card_number\\\" data-v-7177c8e5>Card Number</label> <div id=\\\"card_number\\\" class=\\\"form-control-input\\\" data-v-7177c8e5></div> \"+((_vm.errors['ccnumber'])?(\"<div id=\\\"ccnumber-error\\\" class=\\\"error validation-err-msg\\\" data-v-7177c8e5>\"+(_vm._s(_vm.errors['ccnumber']))+\"</div>\"):\"<!---->\")+\"</div></div></div> <div class=\\\"v-form-row\\\" data-v-7177c8e5><div class=\\\"v-form-col\\\" data-v-7177c8e5><div class=\\\"form-group\\\" data-v-7177c8e5><label for=\\\"expiry_month\\\" data-v-7177c8e5>Expiry</label> <div id=\\\"cc_expiry\\\" class=\\\"form-control-input\\\" data-v-7177c8e5></div> \"+((_vm.errors['ccexp'])?(\"<div id=\\\"ccexp-error\\\" class=\\\"error validation-err-msg\\\" data-v-7177c8e5>\"+(_vm._s(_vm.errors['ccexp']))+\"</div>\"):\"<!---->\")+\"</div></div> <div class=\\\"v-form-col\\\" data-v-7177c8e5><div class=\\\"form-group\\\" data-v-7177c8e5><label for=\\\"ccv\\\" data-v-7177c8e5>CCV</label> <div id=\\\"ccv\\\" class=\\\"form-control-input\\\" data-v-7177c8e5></div> \"+((_vm.errors['cvv'])?(\"<div id=\\\"cvv-error\\\" class=\\\"error validation-err-msg\\\" data-v-7177c8e5>\"+(_vm._s(_vm.errors['cvv']))+\"</div>\"):\"<!---->\")+\"</div></div></div>\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport VregSelect from \"@/components/Forms/VregSelect\";\nimport InputField from \"@/components/Forms/InputField\";\n\nexport default {\n  name: \"Nmi\",\n  components: {InputField, VregSelect},\n  props: {\n    form: {\n      required: true\n    }\n  },\n  data() {\n    return {\n      errors: {},\n    }\n  },\n  mounted() {\n    this.initCollectJs();\n  },\n  methods: {\n    initCollectJs() {\n      let fieldsStatus = {\n        ccnumber: {\n          valid: false,\n        },\n        ccexp: {\n          valid: false,\n        },\n        cvv: {\n          valid: false,\n        },\n      };\n      CollectJS.configure({\n        \"paymentSelector\": \"#payment-form-submit\",\n        \"variant\": \"inline\",\n        \"styleSniffer\": \"true\",\n        'theme': 'bootstrap',\n        \"customCss\": {\n          \"color\": \"black\",\n        },\n        \"invalidCss\": {\n          \"color\": \"red\",\n        },\n        \"validCss\": {\n          \"color\": \"black\",\n        },\n        \"placeholderCss\": {\n          \"color\": \"gray\",\n        },\n        \"fields\": {\n          \"ccnumber\": {\n            \"selector\": \"#card_number\",\n            \"title\": \"Card Number\",\n            \"placeholder\": \"0000 0000 0000 0000\"\n          },\n          \"ccexp\": {\n            \"selector\": \"#cc_expiry\",\n            \"title\": \"Card Expiration\",\n            \"placeholder\": \"00 / 00\"\n          },\n          \"cvv\": {\n            \"display\": \"show\",\n            \"selector\": \"#ccv\",\n            \"title\": \"CVV Code\",\n            \"placeholder\": \"***\"\n          },\n        },\n        'validationCallback': (field, status, message) => {\n          if (status) {\n            fieldsStatus[field].valid = true;\n            this.$set(this.errors, field, '');\n\n          } else {\n            this.$set(this.errors, field, message);\n            fieldsStatus[field].valid = false;\n          }\n\n          let disabled = false;\n\n          for (let fieldStatus in fieldsStatus) {\n            if (fieldsStatus.hasOwnProperty(fieldStatus)) {\n              if (!fieldsStatus[fieldStatus].valid) {\n                disabled = true;\n                break;\n              }\n            }\n          }\n        },\n        \"fieldsAvailableCallback\": function () {\n        },\n        'callback': (response) => {\n          this.fireFormSubmitEvent(response);\n\n        }\n      });\n    },\n    fireFormSubmitEvent(response) {\n      this.form.checkoutToken = response.token;\n      this.form.cardReference = response.card.hash;\n      this.form.payment_account_key = this.nmiAccount.account_key;\n      this.form.gateway = this.nmiAccount.gateway\n\n      this.$emit('submit-form');\n    }\n  },\n  computed: {\n    nmiAccount() {\n      return this.$store.getters.getPaymentsKeys[this.currentStateCode]['Nmi'];\n    }\n  },\n  watch: {\n    'form.card_number'(value) {\n      if (value > 16) {\n        this.form.card_number = value.substr(0, 16);\n      }\n\n    },\n  }\n}\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Nmi.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Nmi.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Nmi.vue?vue&type=template&id=7177c8e5&scoped=true&\"\nimport script from \"./Nmi.vue?vue&type=script&lang=js&\"\nexport * from \"./Nmi.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  \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  injectStyles,\n  \"7177c8e5\",\n  \"454ff210\"\n  \n)\n\nexport default component.exports","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport StripeCardElement from \"@/components/Forms/Payments/stripeCardElement\";\nimport StripeOtherCards from \"@/components/Forms/Payments/StripeOtherCards\";\nimport Nmi from \"@/components/Forms/Payments/Nmi\";\n\nexport default {\n  name: \"PaymentsGateways\",\n  props: ['form', 'order'],\n  components: {\n    Nmi,\n    StripeOtherCards,\n    StripeCardElement\n  },\n  head() {\n    return {\n      script: [\n        {\n          src: 'https://js.stripe.com/v3',\n          defer: true,\n          callback: () => {\n            this.loadPaymentsComponents();\n            this.ready = true;\n          }\n        },\n      ]\n    }\n  },\n  data() {\n    return {\n      ready: false,\n      paymentMethod: '',\n      hasStripeOtherOptions: false\n    }\n  },\n  methods: {\n    submit() {\n\n      let targetPaymentComponent = this.$refs[this.paymentMethod];\n\n\n      if (targetPaymentComponent.submitFormToCreateToken) {\n        targetPaymentComponent.submitFormToCreateToken();\n      }\n    }\n  }\n}\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentsGateways.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentsGateways.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentsGateways.vue?vue&type=template&id=3df256ef&scoped=true&\"\nimport script from \"./PaymentsGateways.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentsGateways.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  \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  injectStyles,\n  \"3df256ef\",\n  \"461f396c\"\n  \n)\n\nexport default component.exports","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PayOrderModal.vue?vue&type=style&index=0&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"1aee72f0\", content, true, context)\n};","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"16c1a03c\", content, true, context)\n};","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PayOrderModal.vue?vue&type=style&index=0&lang=css&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"#pay-order-modal .checkout-box{box-shadow:unset!important;padding:unset!important}#stripe-element-errors{margin-top:10px;color:red}#payOrderModal___BV_modal_body_{padding:5px}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".alert-danger{font-family:\\\"Open Sans\\\";text-align:justify;font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#1d2e59;background:#ffecec;border:1px solid #fad9d7;border-radius:5px}#edit-address-modal .modal-dialog{max-width:556px!important;margin-top:130px!important}.modal{background:rgba(0,0,0,.8)}.modal-dialog{max-width:446px;margin-top:58px;margin-bottom:58px}.modal-content{border-radius:4px;border:1px solid #fff}.modal-body{padding:25px 38px 31px}.u-modal h4{color:#1d2e59;margin:0 0 19px;font:700 20px/20px \\\"Open Sans\\\";display:flex;align-items:center}.u-modal h4 svg{width:20px;margin-right:14px}.u-modal p{margin:0 0 25px;color:#1d2e59;font:16px/26px \\\"Open Sans\\\"}.u-modal p a{transition:all .2s ease-in}.u-modal p a:focus,.u-modal p a:hover{text-decoration:none}.portal-modal .modal-dialog{max-width:275px;margin:0 auto}.portal-modal .modal-content{border:none;border-radius:0}.portal-modal .modal-header{padding:15px;border:none}.portal-modal .modal-header .close{padding:15px;opacity:1}.portal-modal .modal-header .close img{transition:all .3s ease-in;display:block}.portal-modal .modal-header .close:focus img,.portal-modal .modal-header .close:hover img{transform:rotate(90deg)}.portal-modal .modal-body{padding:5px 15px 25px}.portal-modal .order-details{padding-bottom:10px;border-bottom:1px solid #b4b4bc;margin-bottom:10px}.portal-modal .modal-row{display:flex}.portal-modal .modal-row .left{flex-shrink:0;width:50%}.portal-modal .modal-row .right{flex-grow:1}.portal-modal .modal-row p{color:#8c92a3;margin:0;font:10px/14px \\\"Open Sans\\\"}.portal-modal .modal-row h6{margin:0 0 10px;color:#1d2e59;font:600 12px/15px \\\"Open Sans\\\"}.portal-modal .fees{margin:0 0 10px;padding:0 0 10px;border-bottom:1px dashed #b4b4bc;color:#8c92a3;font:10px/12px \\\"Open Sans\\\";display:flex;justify-content:space-between;align-items:flex-start}.portal-modal .fees .fee-number{font-weight:700;margin-left:25px}.portal-modal .fees.total{justify-content:flex-end;border-bottom:none;padding:0;margin:0;font:600 12px/14px \\\"Open Sans\\\";color:#1d2e59}#payOrderModal .modal-dialog{margin-top:130px!important}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.ready)?_c('section',{staticClass:\"checkout-section portal-section mt-5\"},[_vm._ssrNode(\"<div class=\\\"container\\\">\",\"</div>\",[_vm._ssrNode(\"<div class=\\\"checkout-box\\\">\",\"</div>\",[_vm._ssrNode(\"<h3>Registration Renewal Order(s)</h3> \"),_vm._ssrNode(\"<div class=\\\"form-step-box flow2\\\">\",\"</div>\",[_vm._ssrNode(\"<div class=\\\"flow3-vehicle-wrapper\\\">\",\"</div>\",[_vm._l((_vm.orders),function(orderObject){return (orderObject.items.length)?[_vm._ssrNode(\"<div class=\\\"contact-info\\\"><p>Contact and Mailing Address:</p> <div class=\\\"row\\\"><div class=\\\"col-md-6\\\"><h6><b>\"+_vm._ssrEscape(_vm._s(orderObject.full_name))+\"</b></h6> <h6>\"+_vm._ssrEscape(_vm._s(orderObject.email))+\"</h6> <h6>\"+_vm._ssrEscape(_vm._s(orderObject.phone))+\"</h6></div> \"+((orderObject.mailing_address && orderObject.mailing_address.zip)?(\"<div class=\\\"col-md-6\\\"><a href=\\\"#\\\">\\n                    Edit\\n                  </a> <h6>\"+_vm._ssrEscape(_vm._s(orderObject.mailing_address.street)+\" \")+\"</h6> <h6>\"+_vm._ssrEscape(_vm._s(orderObject.mailing_address.address_2))+\"</h6> <h6>\"+_vm._ssrEscape(_vm._s(orderObject.mailing_address.city)+\", \"+_vm._s(orderObject.mailing_address.state_code)+\"\\n                    \"+_vm._s(orderObject.mailing_address.zip))+\"</h6> <h6>USA</h6></div>\"):\"<!---->\")+\"</div> \"+((orderObject.status )?(\"<div class=\\\"row\\\"><div class=\\\"col-md-6\\\"><a href=\\\"#\\\" class=\\\"btn btn-sm btn-success\\\">\"+_vm._ssrEscape(\"\\n                    Pay order \"+_vm._s(orderObject.code)+\" - \")+\"<b>\"+_vm._ssrEscape(\" \"+_vm._s(_vm.$money(orderObject.amount))+\" \")+\"</b></a></div></div>\"):\"<!---->\")+\"</div> \"),_vm._l((orderObject.items),function(item){return _vm._ssrNode(\"<div class=\\\"vehicle-info\\\">\",\"</div>\",[_vm._ssrNode(\"<div class=\\\"vehicle-info-header\\\">\",\"</div>\",[_c(_vm.splittedPlateNumberComponent,{tag:\"component\",attrs:{\"plate\":item,\"small\":true}}),_vm._ssrNode(\" <div class=\\\"header-sub\\\"><h4>\"+((item.properties.vehicle_year)?(\"<span class=\\\"d-block\\\">\"+_vm._ssrEscape(\"\\n                      \"+_vm._s(item.properties.vehicle_year)+\"\\n                    \")+\"</span>\"):\"<!---->\")+\" <b>\"+_vm._ssrEscape(_vm._s(_vm._f(\"cleanMake\")(item.properties.license_make)))+\"</b></h4> <p>\\n                    Order Status: <b>\"+_vm._ssrEscape(_vm._s(orderObject.status_formatted))+\"</b> \"+((item.new_plate_issued)?(\"<br> <b>*New Plate Issued*</b>\"):\"<!---->\")+\"</p></div>\")],2),_vm._ssrNode(\" <div class=\\\"vehicle-info-body\\\"><div class=\\\"portal-row\\\"><div class=\\\"portal-left\\\"><div class=\\\"row\\\"><div class=\\\"col-md-4\\\"><p>Order ID</p> <h6>\"+_vm._ssrEscape(_vm._s(orderObject.code)+\" \")+\"</h6></div> <div class=\\\"col-md-4\\\"><p>Order Placed</p> <h6>\"+_vm._ssrEscape(_vm._s(orderObject.formatted_order_date)+\" \")+\"</h6></div> <div class=\\\"col-md-4\\\"><p>RENEWAL TYPE</p> <h6>\"+_vm._ssrEscape(_vm._s(item.renewal_type))+\"</h6></div></div></div> <div class=\\\"portal-right body\\\"><a href=\\\"#\\\" class=\\\"btn-receipt\\\">\"+((orderObject.status==='chargeback')?(\"<span>\\n                        Payment Due\\n                      </span>\"):(\"<span>Show Order <br> Receipt</span>\"))+\" <img src=\\\"/images/portal/receipt-icon.svg\\\" alt=\\\"Icon\\\"></a></div></div> \"+((item.title_stops && orderObject.status !== 'shipped' && orderObject.status !== 'renewal_processed' && orderObject.status !== 'digital_download' && orderObject.status !== 'chargeback' )?(\"<div class=\\\"row\\\"><div class=\\\"col\\\">\"+(_vm._ssrList((item.title_stops),function(stop){return (\"<div class=\\\"alert alert-danger mt-3 p-2 d-flex align-items-start\\\"><div class=\\\"d-inline-block mr-2\\\"><img src=\\\"/images/portal/error_icon.svg\\\" alt=\\\"Icon\\\"></div> <div class=\\\"d-inline-block\\\">\"+(_vm._s(stop))+\"</div></div>\")}))+\"</div></div>\"):\"<!---->\")+\"</div> \"+((orderObject.state_code!=='AZ' && orderObject.state_code!=='WI')?(\"<div class=\\\"vehicle-info-footer\\\"><div class=\\\"portal-row\\\"><div class=\\\"portal-left\\\"><p><b>Registration Digital Copy</b> <br>\\n                      Click ”Download Digital Copy” and save your registration card copy to your device or print it.\\n                    </p></div> <div class=\\\"portal-right\\\">\"+((item.has_digital_copy)?(\"<a\"+(_vm._ssrAttr(\"href\",item.digital_copy_link))+\" class=\\\"btn btn-primary shadow-none btn-green\\\">Download Digital Copy\\n                    </a>\"):\"<!---->\")+\" \"+((!item.has_digital_copy )?(\"<span class=\\\"ml-2 badge bg-warning text-white\\\">\\n                    Digital Copy is Pending\\n                  </span>\"):\"<!---->\")+\"</div></div></div>\"):\"<!---->\"))],2)}),_vm._ssrNode(\" <hr style=\\\"border-top:  2px rgb(0,107,205) solid\\\">\")]:_vm._e()}),_vm._ssrNode(\" <p class=\\\"support\\\">\"+_vm._ssrEscape(\"If you have any questions or need assistance, please contact Customer Support by phone at\\n            \"+_vm._s(_vm.appPhone)+\" or by email at \")+\"<a\"+(_vm._ssrAttr(\"href\",(\"mailto:\" + _vm.appEmail)))+\">\"+_vm._ssrEscape(_vm._s(_vm.appEmail))+\"</a></p>\")],2)])],2)]),_vm._ssrNode(\" \"),_c('b-modal',{attrs:{\"id\":\"portalReceiptModal\",\"modal-class\":\"portal-modal\",\"hide-header\":\"\",\"hide-footer\":\"\",\"dialog-class\":\"modal-dialog-centered\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('img',{attrs:{\"src\":\"/images/portal/logo-modal.svg\",\"alt\":\"Logo\"}}),_vm._v(\" \"),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$bvModal.hide('portalReceiptModal')}}},[_c('img',{attrs:{\"src\":\"/images/portal/close-icon.svg\",\"alt\":\"Close\"}})])]),_vm._v(\" \"),(_vm.selectedItem && _vm.selectedOrder)?_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"order-details\"},[_c('div',{staticClass:\"modal-row\"},[_c('div',{staticClass:\"left\"},[_c('p',[_vm._v(\"Order ID\")]),_vm._v(\" \"),_c('h6',[_vm._v(_vm._s(_vm.selectedOrder.code)+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right\"},[_c('p',[_vm._v(\"Order Placed\")]),_vm._v(\" \"),_c('h6',[_vm._v(_vm._s(_vm.selectedOrder.formatted_order_date)+\" \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"modal-row\"},[_c('div',{staticClass:\"left\"},[_c('p',[_vm._v(\"Tag \")]),_vm._v(\" \"),_c('h6',[_vm._v(_vm._s(_vm.selectedItem.licence_plate)+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right\"},[_c('p',[_vm._v(_vm._s(_vm.selectedItem.properties.vehicle_year))]),_vm._v(\" \"),_c('h6',[_vm._v(_vm._s(_vm._f(\"cleanMake\")(_vm.selectedItem.properties.license_make)))])])]),_vm._v(\" \"),(_vm.selectedOrder.confirmation_id)?_c('div',{staticClass:\"modal-row\"},[_c('div',{staticClass:\"left\",staticStyle:{\"width\":\"100%\"}},[_c('p',[_vm._v(\"Confirmation:\")]),_vm._v(\" \"),_c('h6',[_vm._v(_vm._s(_vm.selectedOrder.confirmation_id)+\" \")])])]):_vm._e()]),_vm._v(\" \"),_vm._l((_vm.selectedOrder.break_down_items),function(breakDownItem){return _c('p',{staticClass:\"fees\"},[_c('span',{staticClass:\"fee-title\"},[_vm._v(_vm._s(breakDownItem.title))]),_vm._v(\" \"),_c('span',{staticClass:\"fee-number\"},[_vm._v(_vm._s(_vm.$money(breakDownItem.custom_amount || breakDownItem.pure_amount)))])])}),_vm._v(\" \"),_c('p',{staticClass:\"fees total\"},[_c('span',{staticClass:\"fee-title\"},[_vm._v(\"Order Total:\")]),_vm._v(\" \"),_c('span',{staticClass:\"fee-number\"},[_vm._v(_vm._s(_vm.selectedOrder.formatted_amount))])])],2):_vm._e()])]),_vm._ssrNode(\" \"),_c('b-modal',{attrs:{\"id\":\"payOrderModal\",\"hide-footer\":\"\",\"no-close-on-backdrop\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"\\n      Pay order [ \"+_vm._s(_vm.selectedOrder.code)+\" ]\\n    \")]},proxy:true}],null,false,4024972594)},[_vm._v(\" \"),_c('pay-order-modal',{attrs:{\"order\":this.selectedOrder}})],1),_vm._ssrNode(\" \"),_c('b-modal',{attrs:{\"id\":\"lockScreenModal\",\"hide-footer\":\"\",\"hide-header\":\"\",\"no-close-on-backdrop\":\"\"}},[_c('div',{staticClass:\"my-5 text-center\"},[_c('svg',{staticClass:\"svg-inline--fa fa-exclamation-triangle fa-w-18 text-warning\",attrs:{\"aria-hidden\":\"true\",\"focusable\":\"false\",\"data-prefix\":\"fas\",\"data-icon\":\"exclamation-triangle\",\"width\":\"25\",\"height\":\"25\",\"role\":\"img\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 576 512\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\"}})]),_vm._v(\"\\n\\n      Your session is Locked!\\n    \")]),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-primary btn-block\",on:{\"click\":function($event){$event.preventDefault();return _vm.reloadPage.apply(null, arguments)}}},[_vm._v(\"\\n      Unlock Here\\n    \")])]),_vm._ssrNode(\" \"),_c('v-idle',{attrs:{\"hidden\":true,\"loop\":true,\"wait\":0,\"duration\":600},on:{\"idle\":_vm.onidle}}),_vm._ssrNode(\" \"),(_vm.showEditAddressModal)?_c('edit-address',{attrs:{\"address-field\":\"mailing_address\",\"form\":_vm.form,\"isEdit\":true,\"liveUpdate\":true,\"ajaxURL\":_vm.editAddressAjaxURL,\"modal-title\":\"Change mailing address\"},on:{\"close-modal\":_vm.closeEditAddressModal}}):_vm._e()],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\",attrs:{\"id\":\"pay-order-modal\"}},[_vm._ssrNode(\"<div class=\\\"checkout-box\\\">\",\"</div>\",[_c('ValidationObserver',{ref:\"form\",scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar invalid = ref.invalid;\nreturn [_c('payments-gateways',{ref:\"payments-gateways\",attrs:{\"form\":_vm.form,\"order\":_vm.order},on:{\"payment-form-submitting\":function (){ return _vm.canSubmit=false; },\"payment-form-submitted\":function (){ return _vm.canSubmit=true; },\"ready-to-submit\":_vm.submitForm}}),_vm._v(\" \"),(_vm.responseErrorMessage)?_c('h6',{staticClass:\"my-2 text-danger\",domProps:{\"innerHTML\":_vm._s(_vm.responseErrorMessage)}}):_vm._e(),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-success pull-right\",attrs:{\"id\":\"payment-form-submit\",\"disabled\":!_vm.canSubmit || invalid},on:{\"click\":function($event){$event.preventDefault();return _vm.submit.apply(null, arguments)}}},[_vm._v(\"\\n        Pay (\"),_c('b',[_vm._v(_vm._s(_vm.$money(_vm.order.amount)))]),_vm._v(\")\\n      \")])]}}])})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\nimport forms from \"@/mixins/forms\";\nimport PaymentsGateways from \"../Forms/PaymentsGateways\";\n\nexport default {\n  name: \"PayOrderModal\",\n  components: {PaymentsGateways},\n  mixins: [forms],\n  props: {\n    order: {\n      required: true\n    }\n  },\n  data() {\n\n    return {\n      responseErrorMessage: '',\n      canSubmit: true,\n      form: this.$form({\n        gateway: '',\n        cardReference: '',\n        payment_account_key: '',\n        checkoutToken: '',\n        is_intent: '',\n        cardholder_name: this.order.full_name,\n        card_number: '',\n        card_expiry_month: '',\n        card_expiry_year: '',\n        cvv: '',\n        zip_code: ''\n      })\n    }\n  },\n  methods: {\n    submit() {\n      this.$refs['payments-gateways'].submit();\n    },\n    submitForm() {\n      this.form.canSubmit = false;\n      this.responseErrorMessage = '';\n\n      this.form.post(`orders/${this.order.id}/do-pay`)\n        .then(this.formSubmittedSuccessfully)\n        .catch(this.formSubmitFailed)\n    },\n    formSubmittedSuccessfully(response) {\n      this.form.canSubmit = true;\n      this.$toast.success(response.message);\n      this.$bvModal.hide('payOrderModal');\n\n      setTimeout(() => {\n        window.location.reload();\n      }, 1000);\n    },\n    formSubmitFailed(response) {\n      this.form.canSubmit = true;\n      this.responseErrorMessage = response.message;\n    }\n  },\n}\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PayOrderModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PayOrderModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PayOrderModal.vue?vue&type=template&id=0e5338e8&\"\nimport script from \"./PayOrderModal.vue?vue&type=script&lang=js&\"\nexport * from \"./PayOrderModal.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./PayOrderModal.vue?vue&type=style&index=0&lang=css&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  null,\n  \"586142b4\"\n  \n)\n\nexport default component.exports","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\nimport EditAddress from \"@/components/Forms/Edit/EditAddress\";\nimport PayOrderModal from \"@/components/Portal/PayOrderModal\";\n\nexport default {\n  name: \"portal\",\n\n  components: {EditAddress, PayOrderModal},\n  middleware({store, redirect}) {\n    if (!store.getters.isLoggedIn) {\n      store.commit('RESET_STORE');\n      redirect('/login');\n    }\n  },\n  data() {\n    return {\n      showEditAddressModal: false,\n      selectedOrder: null,\n      selectedItem: null,\n      currentUpdateOrder: null,\n      ready: false,\n      editAddressAjaxURL: '',\n      form: this.$form({\n        mailing_address: {},\n        email: '',\n      })\n    }\n  },\n  methods: {\n    closeEditAddressModal(data = null) {\n\n      if (data) {\n        let d = _.cloneDeep(data);\n        this.currentUpdateOrder.email = d.email;\n        this.currentUpdateOrder.mailing_address = d.mailing_address;\n      }\n\n      this.showEditAddressModal = false;\n    },\n    openEditAddressModal(order) {\n      this.form.mailing_address = _.cloneDeep(order.mailing_address);\n      this.form.email = order.email\n      this.currentUpdateOrder = order;\n      this.editAddressAjaxURL = `orders/${order.id}/update-order-fields`\n      this.showEditAddressModal = true;\n    },\n    reloadPage() {\n      window.location.reload();\n    },\n    onidle() {\n      this.$bvModal.show('lockScreenModal');\n    },\n    payOrderModal(targetOrder) {\n\n      this.$store.commit('SET_CURRENT_STATE_CODE', targetOrder.state_code);\n      this.$store.commit('SET_PAYMENTS_KEYS', targetOrder.payment_keys)\n      this.selectedOrder = targetOrder;\n      this.$bvModal.show('payOrderModal');\n    },\n    showReceiptModal(targetOrder, targetItem) {\n      this.selectedOrder = targetOrder;\n      this.selectedItem = targetItem;\n      this.$bvModal.show('portalReceiptModal')\n    }\n  },\n  mounted() {\n    this.$axios.post(`orders/auth/login`, {\n      email_phone: this.order.email || this.order.phone,\n      zip_code: this.order.zip_code || this.order.residential_address.zip || this.order.mailing_address.zip\n    }).then(({data}) => {\n\n      data = data.data;\n\n      this.$store.commit('SET_ORDER', data.order);\n      this.$store.commit('SET_ORDERS', data.orders);\n      this.$store.commit('SET_ACCESS_TOKEN', data.login_token);\n      this.$store.commit('SET_LOGGED_IN', 1);\n\n      this.ready = true;\n    })\n  },\n  computed: {\n    order() {\n      return this.$store.getters.order;\n    },\n    orders() {\n      return _.cloneDeep(this.$store.getters.orders || []);\n    }\n  },\n  filters: {\n    cleanMake(make) {\n      if (!make) {\n        return '';\n      }\n\n      return make.replace(/[()]/g, '');\n    },\n    money(value) {\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: 'USD',\n        minimumFractionDigits: 2\n      }).format(value);\n    },\n  }\n}\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=b3d3219c&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./index.vue?vue&type=style&index=0&lang=css&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  null,\n  \"16d29b9a\"\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('ValidationProvider',{attrs:{\"rules\":_vm.rules,\"name\":_vm.vName || _vm.field},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{staticClass:\"form-group with-animation\",class:_vm.formGroupClasses},[_vm._t(\"default\",function(){return [_c('p',{staticClass:\"placeholder-text\",class:{'required':_vm.isRequired}},[_vm._v(_vm._s(_vm.placeholder))]),_vm._v(\" \"),((_vm.type)==='checkbox')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.field]),expression:\"form[field]\"}],staticClass:\"form-control\",class:{'with-border':_vm.addWithBorderClass},attrs:{\"disabled\":_vm.$attrs['disabled'],\"name\":_vm.vName || _vm.field,\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.form[_vm.field])?_vm._i(_vm.form[_vm.field],null)>-1:(_vm.form[_vm.field])},on:{\"change\":function($event){var $$a=_vm.form[_vm.field],$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.form, _vm.field, $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.form, _vm.field, $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.form, _vm.field, $$c)}}}}):((_vm.type)==='radio')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.field]),expression:\"form[field]\"}],staticClass:\"form-control\",class:{'with-border':_vm.addWithBorderClass},attrs:{\"disabled\":_vm.$attrs['disabled'],\"name\":_vm.vName || _vm.field,\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.form[_vm.field],null)},on:{\"change\":function($event){return _vm.$set(_vm.form, _vm.field, null)}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.field]),expression:\"form[field]\"}],staticClass:\"form-control\",class:{'with-border':_vm.addWithBorderClass},attrs:{\"disabled\":_vm.$attrs['disabled'],\"name\":_vm.vName || _vm.field,\"type\":_vm.type},domProps:{\"value\":(_vm.form[_vm.field])},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, _vm.field, $event.target.value)}}})]}),_vm._v(\" \"),_vm._l((_vm.$getFormInputErrors(errors,_vm.field,_vm.form)),function(err){return (!_vm.errorMsgsOutOfWrapper)?_c('span',{staticClass:\"validation-err-msg\",domProps:{\"innerHTML\":_vm._s(err)}}):_vm._e()})],2),_vm._v(\" \"),_vm._l((_vm.$getFormInputErrors(errors,_vm.field,_vm.form)),function(err){return (_vm.errorMsgsOutOfWrapper)?_c('span',{staticClass:\"validation-err-msg\",domProps:{\"innerHTML\":_vm._s(err)}}):_vm._e()})]}}],null,true)})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n  name: \"input-field\",\n  props: {\n    vName: {\n      required: false,\n    },\n    type: {\n      required: false,\n      default: 'text'\n    },\n    rules: {\n      required: false,\n      type: String,\n      default: ''\n    },\n    formGroupClass: {\n      require: false,\n      default: ''\n    },\n    form: {\n      required: true\n    },\n    field: {\n      required: true,\n      type: String\n    },\n    placeholder: {\n      required: false,\n      default: ''\n    },\n    errorMsgsOutOfWrapper: {\n      required: false,\n      default: false\n    }\n  },\n  data() {\n    return {\n      addWithBorderClass: false,\n      formGroupClasses: []\n    }\n  },\n  mounted() {\n\n    this.formGroupClass.split(' ').forEach(c => {\n      if (c.trim()) {\n        this.formGroupClasses.push({[c]: true});\n      }\n    });\n\n    this.focusOnInputIfValue();\n\n  },\n  methods: {\n    focusOnInputIfValue() {\n\n      if (!this.fieldValue) {\n        return;\n      }\n\n      let hasFocusedClass = this.formGroupClasses.find(c => {\n        if (c['focused']) {\n          return c;\n        }\n      });\n\n      if (hasFocusedClass) {\n        return;\n      }\n\n      this.formGroupClasses.push({\n        'focused': true\n      });\n    },\n\n  },\n  computed: {\n    isRequired() {\n      return this.rules.indexOf('required') >= 0;\n    },\n    fieldValue() {\n      return this.field.split('.').reduce((o, f) => o[f], this.form);\n    }\n  },\n  watch: {\n    fieldValue() {\n      this.focusOnInputIfValue();\n    }\n  }\n}\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputField.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputField.vue?vue&type=template&id=7fbd73e8&scoped=true&\"\nimport script from \"./InputField.vue?vue&type=script&lang=js&\"\nexport * from \"./InputField.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./InputField.vue?vue&type=style&index=0&id=7fbd73e8&scoped=true&lang=css&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  \"7fbd73e8\",\n  \"4951dfc0\"\n  \n)\n\nexport default component.exports","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputField.vue?vue&type=style&index=0&id=7fbd73e8&scoped=true&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"f5598fc8\", content, true, context)\n};","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormErrorMsg.vue?vue&type=style&index=0&id=4c656529&scoped=true&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"3e06b350\", content, true, context)\n};","import InputField from \"@/components/Forms/InputField\";\nimport FormErrorMsg from \"@/components/Forms/FormErrorMsg\";\nimport {toPng} from 'html-to-image';\n\nexport default {\n  components: {\n    InputField, FormErrorMsg\n  },\n  data() {\n    return {\n      formErrorMsg: ''\n    }\n  },\n  methods: {\n    frontendFormSubmitHandler() {\n\n      if (!this.$refs.form) {\n        return this.submit();\n      }\n\n      this.$refs.form.validate().then(success => {\n        //submit the form if not errors occurs\n        if (success) {\n          return this.submit();\n        }\n\n        let firstErrorFieldName = this.getFirstFieldErrorName();\n\n        //focus on the input if found!\n        if (firstErrorFieldName) {\n          this.focusOnElement(firstErrorFieldName);\n        }\n\n      });\n\n    },\n    getFirstFieldErrorName() {\n      let errorsKeys = Object.keys(this.$refs.form.errors),\n        firstErrorFieldName;\n\n      while (errorsKeys.length) {\n        firstErrorFieldName = errorsKeys.shift();\n\n        if (this.$refs.form.errors[firstErrorFieldName].length) {\n          return firstErrorFieldName;\n        }\n      }\n    },\n    focusOnElement(fieldName) {\n      let [el] = document.getElementsByName(fieldName);\n\n      //try with id\n      if (!el) {\n        el = document.getElementById(fieldName);\n      }\n\n      el.scrollIntoView({behavior: 'smooth'});\n      el.focus();\n    },\n    catchError(err) {\n      if (err.response) {\n        this.form.onFail(err.response.data.data);\n        this.formErrorMsg = err.response.data.message;\n      } else {\n        this.formErrorMsg = err.message;\n      }\n    },\n    storeSavedSession(step, redirectTo, payload) {\n      let storedOrderId = this.$store.state.orderId;\n\n      if (storedOrderId) {\n\n        this.$axios.post(`orders/${storedOrderId}/${step}/store-saved-session`, {\n          payload: payload\n        });\n\n      }\n\n      if (redirectTo) {\n        this.$router.push({path: redirectTo});\n      }\n\n    },\n    saveElectronicSignature() {\n      const {isEmpty, data} = this.$refs.signaturePad.saveSignature();\n\n      if (isEmpty) {\n        this.form.electronic_signature = '';\n      } else {\n        this.form.electronic_signature = data;\n      }\n    },\n    clearElectronicSignature() {\n      this.$refs.signaturePad.clearSignature();\n      this.saveElectronicSignature();\n    },\n    async htmlToPNG() {\n      const el = this.$refs.screenShotSection;\n      this.form.signature_sc = await toPng(el);\n    },\n    async screenshot() {\n      await this.htmlToPNG();\n      this.ipVisible = false;\n    },\n    onBeginSignature() {\n    },\n    onEndSignature() {\n      this.saveElectronicSignature();\n    },\n  }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.errorMsg)?_c('p',{staticClass:\"form-error-msg\",domProps:{\"innerHTML\":_vm._s(_vm.errorMsg)}},[]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n\nexport default {\n  name: \"FormErrorMsg\",\n  props: {\n    msg: {\n      type: String\n    }\n  },\n  data() {\n    return {\n      errorMsg: ''\n    }\n  },\n  mounted() {\n    this.setFormErrorMsg(this.msg);\n  },\n  methods: {\n    setFormErrorMsg(msg) {\n      this.errorMsg = msg;\n    }\n  },\n  beforeMount() {\n    this.$eventBus.$on('setFormErrorMsg', this.setFormErrorMsg)\n  },\n  watch: {\n    msg() {\n      this.setFormErrorMsg(this.msg);\n    }\n  }\n}\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormErrorMsg.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormErrorMsg.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormErrorMsg.vue?vue&type=template&id=4c656529&scoped=true&\"\nimport script from \"./FormErrorMsg.vue?vue&type=script&lang=js&\"\nexport * from \"./FormErrorMsg.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./FormErrorMsg.vue?vue&type=style&index=0&id=4c656529&scoped=true&lang=css&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  \"4c656529\",\n  \"1910dda6\"\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputField.vue?vue&type=style&index=0&id=7fbd73e8&scoped=true&lang=css&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".form-control[data-v-7fbd73e8]:disabled{background-color:unset!important}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormErrorMsg.vue?vue&type=style&index=0&id=4c656529&scoped=true&lang=css&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".form-error-msg[data-v-4c656529]{text-align:right;margin-top:10px;color:red;font-weight:700}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./v-reg-vue-simple-suggest.vue?vue&type=style&index=0&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"0611e616\", content, true, context)\n};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ValidationProvider',{attrs:{\"rules\":\"required\",\"name\":_vm.vName || _vm.field},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.fieldValue),expression:\"fieldValue\"}],staticClass:\"vehicle-type-input hidden-input\",attrs:{\"type\":\"hidden\"},domProps:{\"value\":(_vm.fieldValue)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.fieldValue=$event.target.value}}}),_vm._v(\" \"),_c('div',{staticClass:\"vehicle-type-wrapper medium-height\",class:{'opened mh-50':_vm.headerOpened},attrs:{\"id\":_vm.vName}},[_c('div',{staticClass:\"vehicle-type-wrapper-menu\"},[_c('div',{staticClass:\"vehicle-type-header\",class:{'open':_vm.headerOpened,'selected':!!_vm.selectedValue},on:{\"click\":function($event){$event.preventDefault();return _vm.selectHeaderClicked.apply(null, arguments)}}},[_c('p',{staticClass:\"vehicle-type-title\",class:{'required':_vm.required},domProps:{\"innerHTML\":_vm._s(_vm.headerText)}}),_vm._v(\" \"),_c('h5',{staticClass:\"vehicle-type-name\",domProps:{\"innerHTML\":_vm._s(_vm.displayableName)}}),_vm._v(\" \"),_c('svg',{staticClass:\"arrow\",attrs:{\"width\":\"10\",\"height\":\"7\",\"viewBox\":\"0 0 10 7\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M6.20003 6.56466C5.80005 7.04961 5.0571 7.04961 4.65712 6.56466L1.21085 2.38628C0.672897 1.73404 1.13684 0.749999 1.98231 0.749999L8.87484 0.75C9.72031 0.75 10.1843 1.73404 9.6463 2.38628L6.20003 6.56466Z\",\"fill\":\"#182D40\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"vehicle-type-options\",class:_vm.headerOpened ? 'd-block':'d-none'},_vm._l((_vm.options),function(option,index){return _c('div',{key:((option[_vm.usedValueKey]) + \"_\" + index),staticClass:\"vehicle-type-row\",on:{\"click\":function($event){$event.preventDefault();return _vm.optionClicked(option)}}},[_c('h6',[_vm._v(_vm._s(option.label))]),_vm._v(\" \"),(option.tooltip)?_c('p',{staticClass:\"small-text\",domProps:{\"innerHTML\":_vm._s(option.tooltip)}}):_vm._e()])}),0)]),_vm._v(\" \"),_vm._t(\"extra-field\")],2),_vm._v(\" \"),_vm._l((_vm.$getFormInputErrors(errors,_vm.field,_vm.form)),function(err){return _c('span',{staticClass:\"validation-err-msg\",domProps:{\"innerHTML\":_vm._s(err)}})})]}}],null,true)})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n  name: \"VregSelect\",\n  props: {\n    vName: {\n      required: false\n    },\n    required: {\n      type: Boolean,\n      default: false\n    },\n    fieldValue: {\n      required: false\n    },\n    options: {\n      required: true\n    },\n    headerText: {\n      required: false,\n      default: 'Select'\n    },\n    field: {},\n    form: {\n      default: () => {\n        return {}\n      }\n    },\n    usedValueKey: {\n      required: false,\n      default: 'value'\n    }\n  },\n  data() {\n    return {\n      headerOpened: false,\n      selectedValue: '',\n      displayableName: ''\n    }\n  },\n  mounted() {\n    this.setSelectedValue();\n  },\n  methods: {\n    setSelectedValue() {\n\n      this.selectedValue = this.fieldValue || '';\n      if (this.selectedValue) {\n        this.setSelectedOption();\n      }\n\n    },\n    setSelectedOption() {\n      let option = this.options\n        .find(option => option[this.usedValueKey].toLowerCase() === this.selectedValue.toLowerCase());\n\n      if (option) {\n        this.setSelectedValueAndDisplayableName(option);\n      }\n\n    },\n    selectHeaderClicked() {\n      this.headerOpened = !this.headerOpened;\n    },\n    optionClicked(option) {\n      this.setSelectedValueAndDisplayableName(option);\n      this.headerOpened = false;\n    },\n\n    setSelectedValueAndDisplayableName(option) {\n      this.selectedValue = option[this.usedValueKey];\n      this.displayableName = option.label;\n    }\n  },\n\n  watch: {\n    fieldValue() {\n      if (this.fieldValue) {\n        this.setSelectedValue();\n      }\n    },\n    selectedValue: {\n      handler() {\n\n        this.$emit('value-selected', this.selectedValue);\n      },\n      immediate: true\n    }\n  }\n}\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VregSelect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VregSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VregSelect.vue?vue&type=template&id=5bb083e6&scoped=true&\"\nimport script from \"./VregSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./VregSelect.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  \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  injectStyles,\n  \"5bb083e6\",\n  \"bb0edb2c\"\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./v-reg-vue-simple-suggest.vue?vue&type=style&index=0&lang=css&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".vue-simple-suggest>ul{list-style:none;margin:0;padding:0}.vue-simple-suggest.designed{position:relative}.vue-simple-suggest.designed,.vue-simple-suggest.designed *{box-sizing:border-box}.vue-simple-suggest.designed .input-wrapper input{display:block;width:100%;border:1px solid #cde;border-radius:3px;color:#000;background:#fff;outline:none;transition:all .1s;transition-delay:.05s}.vue-simple-suggest.designed.focus .input-wrapper input{border:1px solid #aaa}.vue-simple-suggest.designed .suggestions{position:absolute;left:0;right:0;top:100%;top:calc(100% + 5px);border-radius:3px;border:1px solid #aaa;background-color:#fff;opacity:1;z-index:1000;max-height:344px;overflow-y:scroll}.vue-simple-suggest.designed .suggestions .suggest-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vue-simple-suggest.designed .suggestions .misc-item,.vue-simple-suggest.designed .suggestions .suggest-item{padding:5px 10px}.vue-simple-suggest.designed .suggestions .suggest-item.hover{background-color:#2874d5!important;color:#fff!important}.vue-simple-suggest.designed .suggestions .suggest-item.selected{background-color:#2832d5;color:#fff}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vue-simple-suggest\",class:[_vm.styles.vueSimpleSuggest, { designed: !_vm.destyled, focus: _vm.isInFocus }],on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"tab\",9,$event.key,\"Tab\")){ return null; }_vm.isTabbed = true}}},[_c('ValidationProvider',{attrs:{\"rules\":_vm.rules,\"name\":_vm.vName || _vm.field},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('div',{ref:\"inputSlot\",staticClass:\"input-wrapper form-group with-animation\",class:[_vm.styles.inputWrapper,{'focused':_vm.addFocusedClass}],attrs:{\"role\":\"combobox\",\"aria-haspopup\":\"listbox\",\"aria-owns\":_vm.listId,\"aria-expanded\":!!_vm.listShown && !_vm.removeList ? 'true' : 'false'}},[_c('p',{staticClass:\"placeholder-text\",class:{'required':_vm.isRequired}},[_vm._v(_vm._s(_vm.placeholderText))]),_vm._v(\" \"),_vm._t(\"default\",function(){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.text),expression:\"text\"}],staticClass:\"default-input form-control v-reg-select-input\",class:_vm.styles.defaultInput,attrs:{\"name\":_vm.vName || _vm.field},domProps:{\"value\":(_vm.text)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.text=$event.target.value}}})]}),_vm._v(\" \"),_vm._l((_vm.$getFormInputErrors(errors,_vm.field)),function(err){return _c('span',{staticClass:\"validation-err-msg\",domProps:{\"innerHTML\":_vm._s(err)}})})],2)]}}],null,true)}),_vm._ssrNode(\" \"),_c('transition',{attrs:{\"name\":\"vue-simple-suggest\"}},[(!!_vm.listShown && !_vm.removeList)?_c('ul',{staticClass:\"suggestions\",class:_vm.styles.suggestions,attrs:{\"id\":_vm.listId,\"role\":\"listbox\",\"aria-labelledby\":_vm.listId}},[(!!this.$scopedSlots['misc-item-above'])?_c('li',[_vm._t(\"misc-item-above\",null,{\"suggestions\":_vm.suggestions,\"query\":_vm.text})],2):_vm._e(),_vm._v(\" \"),_vm._l((_vm.suggestions),function(suggestion,index){return _c('li',{key:_vm.getId(suggestion, index),staticClass:\"suggest-item\",class:[\n          _vm.styles.suggestItem,{\n          selected: _vm.isSelected(suggestion),\n          hover: _vm.isHovered(suggestion)\n          }],attrs:{\"role\":\"option\",\"aria-selected\":(_vm.isHovered(suggestion) || _vm.isSelected(suggestion)) ? 'true' : 'false',\"id\":_vm.getId(suggestion, index)},on:{\"mouseenter\":function($event){return _vm.hover(suggestion, $event.target)},\"mouseleave\":function($event){return _vm.hover(undefined)},\"click\":function($event){return _vm.suggestionClick(suggestion, $event)}}},[_vm._t(\"suggestion-item\",function(){return [_c('span',[_vm._v(_vm._s(_vm.displayProperty(suggestion)))])]},{\"autocomplete\":function () { return _vm.autocompleteText(suggestion); },\"suggestion\":suggestion,\"query\":_vm.text})],2)}),_vm._v(\" \"),(!!this.$scopedSlots['misc-item-below'])?_c('li',[_vm._t(\"misc-item-below\",null,{\"suggestions\":_vm.suggestions,\"query\":_vm.text})],2):_vm._e()],2):_vm._e()])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const defaultControls = {\n  selectionUp: [38],\n  selectionDown: [40],\n  select: [13],\n  hideList: [27],\n  showList: [40],\n  autocomplete: [32, 13]\n}\n\nexport const modes = {\n  input: String,\n  select: Object,\n}\n\nexport function fromPath(obj, path) {\n  return path.split('.').reduce((o, i) => (o === Object(o) ? o[i] : o), obj)\n}\n\nexport function hasKeyCode(arr, event) {\n  return hasKeyCodeByCode(arr, event.keyCode)\n}\n\nexport function hasKeyCodeByCode(arr, keyCode) {\n  if (arr.length <= 0) return false\n\n  const has = arr => arr.some(code => code === keyCode)\n  if (Array.isArray(arr[0])) {\n    return arr.some(array => has(array))\n  } else {\n    return has(arr)\n  }\n}\n","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport {\n  defaultControls,\n  modes,\n  fromPath,\n  hasKeyCodeByCode,\n  hasKeyCode\n} from './misc'\n\nexport default {\n  name: 'vue-simple-suggest',\n  inheritAttrs: false,\n  model: {\n    prop: 'value',\n    event: 'input'\n  },\n  props: {\n    vName: {\n      required: false\n    },\n    field: {},\n    rules: {},\n    placeholderText: {},\n    useRandomUnique: {\n      type: Boolean,\n      default: true\n    },\n    styles: {\n      type: Object,\n      default: () => ({})\n    },\n    controls: {\n      type: Object,\n      default: () => defaultControls\n    },\n    minLength: {\n      type: Number,\n      default: 1\n    },\n    maxSuggestions: {\n      type: Number,\n      default: 10\n    },\n    displayAttribute: {\n      type: String,\n      default: 'title'\n    },\n    valueAttribute: {\n      type: String,\n      default: 'id'\n    },\n    list: {\n      type: [Function, Array],\n      default: () => []\n    },\n    removeList: {\n      type: Boolean,\n      default: false\n    },\n    destyled: {\n      type: Boolean,\n      default: false\n    },\n    filterByQuery: {\n      type: Boolean,\n      default: false\n    },\n    filter: {\n      type: Function,\n      default(el, value) {\n        return value ? ~this.displayProperty(el).toLowerCase().indexOf(value.toLowerCase()) : true\n      }\n    },\n    debounce: {\n      type: Number,\n      default: 0\n    },\n    nullableSelect: {\n      type: Boolean,\n      default: false\n    },\n    value: {},\n    mode: {\n      type: String,\n      default: 'input',\n      validator: value => !!~Object.keys(modes).indexOf(value.toLowerCase())\n    },\n    preventHide: {\n      type: Boolean,\n      default: false\n    }\n  },\n  // Handle run-time mode changes (now working):\n  watch: {\n    mode: {\n      handler(current, old) {\n        this.constructor.options.model.event = current\n\n        // Can be null if the component is root\n        this.$parent && this.$parent.$forceUpdate()\n\n        this.$nextTick(() => {\n          if (current === 'input') {\n            this.$emit('input', this.text)\n          } else {\n            this.$emit('select', this.selected)\n          }\n        })\n      },\n      immediate: true\n    },\n    value: {\n      handler(current) {\n\n        if (typeof current !== 'string') {\n          current = this.displayProperty(current)\n        }\n\n        // this.updateTextOutside(current)\n      },\n      immediate: true\n    },\n    isInFocus() {\n      this.focusOnInputIfValue();\n    }\n  },\n  //\n  data() {\n    return {\n      addFocusedClass: false,\n      selected: null,\n      hovered: null,\n      suggestions: [],\n      listShown: false,\n      inputElement: null,\n      canSend: true,\n      timeoutInstance: null,\n      text: this.value,\n      isPlainSuggestion: false,\n      isClicking: false,\n      isInFocus: false,\n      isFalseFocus: false,\n      isTabbed: false,\n      controlScheme: {},\n      listId: `${this._uid}-suggestions`\n    }\n  },\n  computed: {\n    isRequired() {\n      return this.rules.indexOf('required') >= 0;\n    },\n    listIsRequest() {\n      return typeof this.list === 'function'\n    },\n    inputIsComponent() {\n      return (this.$slots.default && this.$slots.default.length > 0) && !!this.$slots.default[0].componentInstance\n    },\n    input() {\n      return this.inputIsComponent ? this.$slots.default[0].componentInstance : this.inputElement\n    },\n    on() {\n      return this.inputIsComponent ? '$on' : 'addEventListener'\n    },\n    off() {\n      return this.inputIsComponent ? '$off' : 'removeEventListener'\n    },\n    hoveredIndex() {\n      for (let i = 0; i < this.suggestions.length; i++) {\n        const el = this.suggestions[i];\n        if (this.hovered && (this.valueProperty(this.hovered) == this.valueProperty(el))) {\n          return i;\n        }\n      }\n      return -1;\n    },\n    textLength() {\n      return (this.text && this.text.length) || (this.inputElement.value.length) || 0\n    },\n    isSelectedUpToDate() {\n      return !!this.selected && this.displayProperty(this.selected) === this.text\n    }\n  },\n  created() {\n    this.controlScheme = Object.assign({}, defaultControls, this.controls)\n  },\n  async mounted() {\n    await this.$slots.default;\n\n    this.$nextTick(() => {\n      this.inputElement = this.$refs['inputSlot'].querySelector('input')\n\n      if (this.inputElement) {\n        this.setInputAriaAttributes()\n        this.prepareEventHandlers(true)\n      } else {\n        console.error('No input element found')\n      }\n\n      this.focusOnInputIfValue();\n    })\n  },\n  beforeDestroy() {\n    this.prepareEventHandlers(false)\n  },\n  methods: {\n    focusOnInputIfValue() {\n      if (this.isInFocus) {\n        return this.addFocusedClass = true;\n      }\n\n      if (this.value || this.text) {\n        return this.addFocusedClass = true;\n      }\n\n      return this.addFocusedClass = false;\n    },\n\n    isEqual(suggestion, item) {\n      return item && (this.valueProperty(suggestion) == this.valueProperty(item))\n    },\n    isSelected(suggestion) {\n      return this.isEqual(suggestion, this.selected)\n    },\n    isHovered(suggestion) {\n      return this.isEqual(suggestion, this.hovered)\n    },\n    setInputAriaAttributes() {\n      this.inputElement.setAttribute('aria-activedescendant', '')\n      this.inputElement.setAttribute('aria-autocomplete', 'list')\n      this.inputElement.setAttribute('aria-controls', this.listId)\n    },\n    prepareEventHandlers(enable) {\n      const binder = this[enable ? 'on' : 'off']\n      const keyEventsList = {\n        click: this.showSuggestions,\n        keydown: this.onKeyDown,\n        keyup: this.onListKeyUp\n      }\n      const eventsList = Object.assign({\n        blur: this.onBlur,\n        focus: this.onFocus,\n        input: this.onInput,\n      }, keyEventsList)\n\n      for (const event in eventsList) {\n        this.input[binder](event, eventsList[event])\n      }\n\n      const listenerBinder = enable ? 'addEventListener' : 'removeEventListener'\n\n      for (const event in keyEventsList) {\n        this.inputElement[listenerBinder](event, keyEventsList[event])\n      }\n    },\n    isScopedSlotEmpty(slot) {\n      if (slot) {\n        const vNode = slot(this)\n        return !(Array.isArray(vNode) || (vNode && (vNode.tag || vNode.context || vNode.text || vNode.children)))\n      }\n\n      return true\n    },\n    miscSlotsAreEmpty() {\n      const slots = ['misc-item-above', 'misc-item-below'].map(s => this.$scopedSlots[s])\n\n      if (slots.every(s => !!s)) {\n        return slots.every(this.isScopedSlotEmpty.bind(this))\n      }\n\n      const slot = slots.find(s => !!s)\n\n      return this.isScopedSlotEmpty.call(this, slot)\n    },\n    getPropertyByAttribute(obj, attr) {\n      return this.isPlainSuggestion ? obj : typeof obj !== undefined ? fromPath(obj, attr) : obj\n    },\n    displayProperty(obj) {\n      if (this.isPlainSuggestion) {\n        return obj\n      }\n\n      let display = this.getPropertyByAttribute(obj, this.displayAttribute);\n\n      if (typeof display === 'undefined') {\n        display = JSON.stringify(obj)\n\n        if (process && ~process.env.NODE_ENV.indexOf('dev')) {\n          console.warn('[vue-simple-suggest]: Please, provide `display-attribute` as a key or a dotted path for a property from your object.')\n        }\n      }\n\n      return String(display || '')\n    },\n    valueProperty(obj) {\n      if (this.isPlainSuggestion || this.useRandomUnique) {\n        return obj\n      }\n\n      const value = this.getPropertyByAttribute(obj, this.valueAttribute);\n\n      if (typeof value === 'undefined') {\n        console.error(\n          `[vue-simple-suggest]: Please, check if you passed 'value-attribute' (default is 'id') and 'display-attribute' (default is 'title') props correctly.\n        Your list objects should always contain a unique identifier.`\n        )\n      }\n\n      return value\n    },\n\n    autocompleteText(suggestion) {\n      this.setText(this.displayProperty(suggestion));\n    },\n    setText(text) {\n      this.$nextTick(() => {\n        this.inputElement.value = text\n        this.text = text\n        this.$emit('input', text)\n      })\n    },\n    select(item) {\n      if (this.selected !== item || (this.nullableSelect && !item)) {\n        this.selected = item\n        this.$emit('select', item)\n\n        if (item) {\n          this.autocompleteText(item)\n        }\n      }\n\n      this.hover(null)\n    },\n    hover(item, elem) {\n      const elemId = !!item ? this.getId(item, this.hoveredIndex) : ''\n\n      this.inputElement.setAttribute('aria-activedescendant', elemId)\n\n      if (item && (item !== this.hovered)) {\n        this.$emit('hover', item, elem)\n      }\n\n      this.hovered = item\n    },\n    hideList() {\n      if (this.listShown) {\n        this.listShown = false\n        this.hover(null)\n        this.$emit('hide-list')\n      }\n    },\n    showList() {\n      if (!this.listShown) {\n        if (this.textLength >= this.minLength\n          && ((this.suggestions.length > 0) || !this.miscSlotsAreEmpty())\n        ) {\n          this.listShown = true\n          this.$emit('show-list')\n        }\n      }\n    },\n    async showSuggestions() {\n      if (this.suggestions.length === 0 && this.minLength <= this.textLength) {\n        // try show misc slots while researching\n        this.showList()\n        await this.research()\n      }\n\n      this.showList()\n    },\n    onShowList(e) {\n      if (hasKeyCode(this.controlScheme.showList, e)) {\n        this.showSuggestions()\n      }\n    },\n    moveSelection(e) {\n      if (!this.listShown || !this.suggestions.length) return\n      if (hasKeyCode([this.controlScheme.selectionUp, this.controlScheme.selectionDown], e)) {\n        e.preventDefault()\n\n        const isMovingDown = hasKeyCode(this.controlScheme.selectionDown, e)\n        const direction = isMovingDown * 2 - 1\n        const listEdge = isMovingDown ? 0 : this.suggestions.length - 1\n        const hoversBetweenEdges = isMovingDown ? this.hoveredIndex < this.suggestions.length - 1 : this.hoveredIndex > 0\n\n        let item = null\n\n        if (!this.hovered) {\n          item = this.selected || this.suggestions[listEdge]\n        } else if (hoversBetweenEdges) {\n          item = this.suggestions[this.hoveredIndex + direction]\n        } else /* if hovers on edge */ {\n          item = this.suggestions[listEdge]\n        }\n        this.hover(item)\n      }\n    },\n    onKeyDown(e) {\n      const select = this.controlScheme.select,\n        hideList = this.controlScheme.hideList\n\n      // prevent form submit on keydown if Enter key registered in the keyup list\n      if (e.key === 'Enter' && this.listShown && hasKeyCodeByCode([select, hideList], 13)) {\n        e.preventDefault()\n      }\n\n      if (e.key === 'Tab' && this.hovered) {\n        this.select(this.hovered)\n      }\n\n      this.onShowList(e)\n      this.moveSelection(e);\n      this.onAutocomplete(e);\n    },\n    onListKeyUp(e) {\n      const select = this.controlScheme.select,\n        hideList = this.controlScheme.hideList\n\n      if (this.listShown && hasKeyCode([select, hideList], e)) {\n        e.preventDefault()\n        if (hasKeyCode(select, e)) {\n          this.select(this.hovered)\n        }\n\n        this.hideList()\n      }\n    },\n    onAutocomplete(e) {\n      if (hasKeyCode(this.controlScheme.autocomplete, e)\n        && (e.ctrlKey || e.shiftKey)\n        && (this.suggestions.length > 0 && this.suggestions[0])\n        && (this.listShown)\n      ) {\n        e.preventDefault()\n        this.hover(this.suggestions[0])\n        this.autocompleteText(this.suggestions[0])\n      }\n    },\n    suggestionClick(suggestion, e) {\n      this.$emit('suggestion-click', suggestion, e)\n      this.select(suggestion)\n\n      if (!this.preventHide) this.hideList()\n\n      if (this.isClicking) {\n        setTimeout(() => {\n          this.inputElement.focus()\n\n          /// Ensure, that all needed flags are off before finishing the click.\n          this.isClicking = false\n        }, 0)\n      }\n    },\n    onBlur(e) {\n      if (this.isInFocus) {\n\n        /// Clicking starts here, because input's blur occurs before the suggestionClick\n        /// and exactly when the user clicks the mouse button or taps the screen.\n        this.isClicking = this.hovered && !this.isTabbed\n\n        if (!this.isClicking) {\n          this.isInFocus = false\n          this.hideList()\n\n          this.$emit('blur', e)\n        } else if (e && e.isTrusted && !this.isTabbed) {\n          this.isFalseFocus = true\n        }\n      } else {\n        this.inputElement.blur()\n        console.error(\n          `This should never happen!\n          If you encountered this error, please make sure that your input component emits 'focus' events properly.\n          For more info see https://github.com/KazanExpress/vue-simple-suggest#custom-input.\n\n          If your 'vue-simple-suggest' setup does not include a custom input component - please,\n          report to https://github.com/KazanExpress/vue-simple-suggest/issues/new`\n        )\n      }\n\n      this.isTabbed = false\n    },\n    onFocus(e) {\n      this.isInFocus = true\n\n      // Only emit, if it was a native input focus\n      if (e && !this.isFalseFocus) {\n        this.$emit('focus', e)\n      }\n\n      // Show list only if the item has not been clicked (isFalseFocus indicates that click was made earlier)\n      if (!this.isClicking && !this.isFalseFocus) {\n        this.showSuggestions()\n      }\n\n      this.isFalseFocus = false\n    },\n    onInput(inputEvent) {\n      const value = !inputEvent.target ? inputEvent : inputEvent.target.value\n\n      this.updateTextOutside(value)\n      this.$emit('input', value)\n    },\n    updateTextOutside(value) {\n\n      //to determined get new list or keep same list.\n      // if (this.text === value) {\n      //   return\n      // }\n\n      this.text = value\n      if (this.hovered) this.hover(null)\n\n      if (this.text.length < this.minLength) {\n        this.hideList()\n        return;\n      }\n\n      if (this.debounce) {\n        clearTimeout(this.timeoutInstance)\n        this.timeoutInstance = setTimeout(this.research, this.debounce)\n      } else {\n        this.research()\n      }\n    },\n    async research() {\n      try {\n\n\n        if (this.canSend) {\n          this.canSend = false\n          // @TODO: fix when promises will be cancelable (never :D)\n          let textBeforeRequest = this.text\n          let newList = await this.getSuggestions(this.text)\n\n          if (textBeforeRequest === this.text) {\n            this.$set(this, 'suggestions', newList)\n          }\n        }\n      } catch (e) {\n        this.clearSuggestions()\n        throw e\n      } finally {\n        this.canSend = true;\n\n        if ((this.suggestions.length === 0) && this.miscSlotsAreEmpty()) {\n          this.hideList()\n        } else if (this.isInFocus) {\n          this.showList()\n        }\n\n        return this.suggestions\n      }\n    },\n    async getSuggestions(value) {\n      value = value || '';\n\n      if (value.length < this.minLength) {\n        return []\n      }\n\n      this.selected = null\n\n      // Start request if can\n      if (this.listIsRequest) {\n        this.$emit('request-start', value)\n      }\n\n      let nextIsPlainSuggestion = false\n      let result = []\n      try {\n        if (this.listIsRequest) {\n          result = (await this.list(value)) || []\n        } else {\n          result = this.list\n        }\n\n        // IFF the result is not an array (just in case!) - make it an array\n        if (!Array.isArray(result)) {\n          result = [result]\n        }\n\n        nextIsPlainSuggestion = (typeof result[0] !== 'object' && typeof result[0] !== 'undefined') || Array.isArray(result[0])\n\n        if (this.filterByQuery) {\n          result = result.filter((el) => this.filter(el, value))\n        }\n\n        if (this.listIsRequest) {\n          this.$emit('request-done', result)\n        }\n      } catch (e) {\n        if (this.listIsRequest) {\n          this.$emit('request-failed', e)\n        } else {\n          throw e\n        }\n      } finally {\n        if (this.maxSuggestions) {\n          result.splice(this.maxSuggestions)\n        }\n\n        this.isPlainSuggestion = nextIsPlainSuggestion\n        return result\n      }\n    },\n    clearSuggestions() {\n      this.suggestions.splice(0)\n    },\n    getId(value, i) {\n      let id;\n\n      if (this.useRandomUnique || this.this.isPlainSuggestion) {\n        id = i;\n      } else {\n        id = this.valueProperty(value) || i;\n      }\n\n      return `${this.listId}-suggestion-${id}`\n    }\n  }\n}\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./v-reg-vue-simple-suggest.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./v-reg-vue-simple-suggest.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./v-reg-vue-simple-suggest.vue?vue&type=template&id=0d2d8e89&\"\nimport script from \"./v-reg-vue-simple-suggest.vue?vue&type=script&lang=js&\"\nexport * from \"./v-reg-vue-simple-suggest.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./v-reg-vue-simple-suggest.vue?vue&type=style&index=0&lang=css&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  null,\n  \"65999c95\"\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',[_c('v-reg-vue-simple-suggest',{ref:\"address\",attrs:{\"mode\":\"input\",\"placeholder-text\":\"Address\",\"display-attribute\":\"streetLine\",\"filterByQuery\":true,\"field\":(_vm.addressField + \".street\"),\"rules\":\"required\",\"list\":_vm.getSuggestionList},on:{\"suggestion-click\":_vm.suggestionClicked},scopedSlots:_vm._u([{key:\"suggestion-item\",fn:function(ref){\nvar suggestion = ref.suggestion;\nvar query = ref.query;\nreturn _c('div',{},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.buildAddress(suggestion))}})])}}]),model:{value:(_vm.form[_vm.addressField].street),callback:function ($$v) {_vm.$set(_vm.form[_vm.addressField], \"street\", $$v)},expression:\"form[addressField].street\"}}),_vm._ssrNode(\" \"),_c('input-field',{attrs:{\"form\":_vm.form,\"field\":(_vm.addressField + \".address_2\")}},[_c('p',{staticClass:\"placeholder-text\"},[_vm._v(\"Apartment, suite, etc. (optional)\")]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.addressField].address_2),expression:\"form[addressField].address_2\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"name\":(_vm.addressField + \".address_2\")},domProps:{\"value\":(_vm.form[_vm.addressField].address_2)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form[_vm.addressField], \"address_2\", $event.target.value)}}})]),_vm._ssrNode(\" \"),_c('input-field',{attrs:{\"form\":_vm.form,\"field\":(_vm.addressField + \".city\"),\"rules\":\"required\"}},[_c('p',{staticClass:\"placeholder-text required\"},[_vm._v(\"City\")]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.addressField].city),expression:\"form[addressField].city\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"name\":(_vm.addressField + \".city\")},domProps:{\"value\":(_vm.form[_vm.addressField].city)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form[_vm.addressField], \"city\", $event.target.value)}}})]),_vm._ssrNode(\" \"),_vm._ssrNode(\"<div class=\\\"v-form-row\\\" data-v-32eee166>\",\"</div>\",[_vm._ssrNode(\"<div class=\\\"v-form-col\\\" data-v-32eee166>\",\"</div>\",[(_vm.states)?_c('vreg-select',{attrs:{\"required\":\"\",\"form\":_vm.form,\"fieldValue\":_vm.form[_vm.addressField].state_code,\"options\":_vm.states,\"header-text\":\"State\",\"field\":(_vm.addressField + \".state_code\")},on:{\"value-selected\":function (v){ return _vm.form[_vm.addressField].state_code=v; }}}):_vm._e()],1),_vm._ssrNode(\" \"),_vm._ssrNode(\"<div class=\\\"v-form-col\\\" data-v-32eee166>\",\"</div>\",[_c('input-field',{attrs:{\"form\":_vm.form,\"field\":(_vm.addressField + \".zip\"),\"rules\":\"required|length:5\"}},[_c('p',{staticClass:\"placeholder-text required\"},[_vm._v(\"Zip code\")]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form[_vm.addressField].zip),expression:\"form[addressField].zip\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"name\":(_vm.addressField + \".zip\")},domProps:{\"value\":(_vm.form[_vm.addressField].zip)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form[_vm.addressField], \"zip\", $event.target.value)}}})])],1)],2)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport inputField from \"@/components/Forms/InputField\";\nimport VRegVueSimpleSuggest from \"@/components/Forms/VregSuggesstions/v-reg-vue-simple-suggest\";\nimport VregSelect from \"@/components/Forms/VregSelect\";\nimport states from \"@/data/states.json\"\n\nexport default {\n  name: \"Address\",\n  components: {VregSelect, VRegVueSimpleSuggest, inputField},\n  props: {\n    addressField: {\n      required: true\n    },\n    form: {\n      required: true\n    }\n  },\n  data() {\n    return {\n      selectedSearchItem: null,\n      states\n    }\n  },\n  mounted() {\n    this.watchZipcodeField();\n  },\n  methods: {\n    watchZipcodeField() {\n      this.$watch(`form.${this.addressField}.zip`, (zipCode) => {\n        if (this.form[this.addressField].zip.length > 5) {\n          this.form[this.addressField].zip = this.form[this.addressField].zip.substr(0, 5);\n        }\n      });\n    },\n    async suggestionClicked(suggestion) {\n\n      if (suggestion.entries > 1) {\n        return this.handleSuggestionEntries(suggestion);\n      }\n\n      this.selectedSearchItem = suggestion;\n      this.form[this.addressField].street = suggestion.text;\n      this.setAddressFields(this.form[this.addressField]);\n    },\n    async handleSuggestionEntries(suggestion) {\n      let query = suggestion.streetLine,\n        lookup = new this.$addressLookup(query);\n      lookup.selected = this.buildAddress(suggestion, true);\n\n      return await this.$addressLookupClient.send(lookup)\n        .then(suggestions => {\n          let vregSuggestComponent = this.$refs.address;\n\n          this.$set(vregSuggestComponent, 'suggestions', suggestions.result);\n          vregSuggestComponent.showList();\n        }).catch(console.log);\n    },\n    setAddressFields(addressFieldObject) {\n      addressFieldObject.street = this.selectedSearchItem.streetLine;\n      addressFieldObject.address_2 = this.selectedSearchItem.secondary;\n      addressFieldObject.city = this.selectedSearchItem.city;\n      addressFieldObject.state_code = this.selectedSearchItem.state;\n      addressFieldObject.zip = this.selectedSearchItem.zipcode;\n    },\n    async getSuggestionList(query) {\n\n      if (query.trim().length <= 3) {\n        return [];\n      }\n\n      let lookup = new this.$addressLookup(query);\n\n      return await this.$addressLookupClient.send(lookup)\n        .then(suggestions => {\n          return suggestions.result;\n        }).catch(console.log);\n    },\n    buildAddress(suggestion, onlyEntries) {\n      let whiteSpace = \"\",\n        secondary = suggestion.secondary;\n\n      if (suggestion.secondary) {\n\n        if (suggestion.entries > 1) {\n          if (onlyEntries) {\n            secondary += ` (${suggestion.entries})`;\n          } else {\n            secondary += ` ( ${suggestion.entries}  more entries)`;\n          }\n        }\n\n        whiteSpace = \" \";\n      }\n\n      return suggestion.streetLine + whiteSpace + secondary + \" \" + suggestion.city + \", \" + suggestion.state + \" \" + suggestion.zipcode;\n    }\n  }\n}\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Address.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Address.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Address.vue?vue&type=template&id=32eee166&scoped=true&\"\nimport script from \"./Address.vue?vue&type=script&lang=js&\"\nexport * from \"./Address.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  \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  injectStyles,\n  \"32eee166\",\n  \"7817d498\"\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('b-modal',{attrs:{\"id\":_vm.editAddressModalId,\"hide-footer\":\"\",\"modal-class\":\"address-confirm-modal\",\"hide-header-close\":\"\",\"visible\":\"\",\"header-class\":\"justify-content-center\",\"title\":_vm.modalTitle,\"no-close-on-backdrop\":\"\"}},[_c('ValidationObserver',{ref:\"form\",scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar invalid = ref.invalid;\nreturn [_c('Address',{attrs:{\"address-field\":_vm.addressField,\"form\":_vm.form}}),_vm._v(\" \"),_c('div',{staticClass:\"form-button-wrapper\"},[_c('a',{staticClass:\"btn-return\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.cancelEdit.apply(null, arguments)}}},[_c('svg',{attrs:{\"width\":\"6\",\"height\":\"10\",\"viewBox\":\"0 0 6 10\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M5 9L1 5L5 1\",\"stroke\":\"#182D40\",\"stroke-width\":\"1.2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_vm._v(\"\\n        Back\\n      \")]),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-form-green\",attrs:{\"type\":\"submit\",\"disabled\":invalid || !_vm.readyToContinue},on:{\"click\":function($event){$event.preventDefault();return _vm.frontendFormSubmitHandler.apply(null, arguments)}}},[_vm._v(\"\\n        Continue\\n        \"),_c('svg',{attrs:{\"width\":\"7\",\"height\":\"13\",\"viewBox\":\"0 0 7 13\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M1 1.5L6 6.5L1 11.5\",\"stroke\":\"white\",\"stroke-width\":\"1.2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])])])]}}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport forms from \"@/mixins/forms\";\nimport Address from \"@/components/Forms/Address\";\n\nexport default {\n  name: \"EditAddress\",\n  components: {Address},\n  mixins: [forms],\n  props: {\n    addressField: {\n      required: true\n    },\n    modalTitle: {\n      required: false,\n      default: 'Change address'\n    },\n    form: {\n      required: true\n    },\n    liveUpdate: {\n      required: false,\n      type: Boolean\n    },\n    ajaxURL: {\n      required: false,\n      type: String\n    }\n  },\n  data() {\n    return {\n      editAddressModalId: 'edit-address-modal',\n      originalAddress: this.$copyObject(this.form[this.addressField]),\n      readyToContinue: true\n    }\n  },\n  methods: {\n    submit() {\n      if (this.liveUpdate && this.ajaxURL) {\n        this.$axios.post(this.ajaxURL, {\n          [this.addressField]: this.form[this.addressField]\n        }).then(response => {\n          this.$emit('close-modal')\n        });\n      } else {\n        this.$emit('close-modal');\n      }\n\n    },\n    cancelEdit() {\n      this.form[this.addressField] = this.$copyObject(this.originalAddress);\n      this.$emit('close-modal');\n    },\n\n  }\n}\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditAddress.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditAddress.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditAddress.vue?vue&type=template&id=ae4b7f40&scoped=true&\"\nimport script from \"./EditAddress.vue?vue&type=script&lang=js&\"\nexport * from \"./EditAddress.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  \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  injectStyles,\n  \"ae4b7f40\",\n  \"34e8c456\"\n  \n)\n\nexport default component.exports"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACXA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;;;;;ACJA;AACA;AACA;;;;;ACFA;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;ACVA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvBA;AACA;AACA;;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAkFA;AACA;AAOA;AACA;AAKA;;AC3GA;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACrBA;AACA;AACA;;;;;;;;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AClDA;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AC/FA;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACXA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACNA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACNA;AACA;AACA;;;;;;;;ACFA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;AC7BA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;ACtPA;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACvBA;AACA;AACA;AACA;AACA;;;;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AC5BA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACXA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAOA;AAuBA;;;;;;;;;;ACpDA;AACA;AACA;;;;;ACFA;AACA;AACA;AACA;AAEA;;ACLA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACvBA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;ACNA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACXA;AACA;AACA;AACA;AACA;;;;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AChDA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACrBA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACRA;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AA4FA;AAMA;AAoBA;AAQA;AAgLA;AA4DA;AAsCA;AA+CA;AAQA;AACA;AAcA;AACA;AACA;AACA;AACA;AAUA;AAKA;AAeA;AACA;AACA;AAEA;AAsBA;AAgCA;AAcA;;AC1oBA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;ACvBA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AC1DA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;ACrBA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;ACrCA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;A","sourceRoot":""}