{"version":3,"sources":["webpack:///../../../src/components/VSkeletonLoader/VSkeletonLoader.ts","webpack:///../../../src/components/VRadioGroup/VRadioGroup.ts","webpack:///../../../src/components/VRadioGroup/VRadio.ts","webpack:///./src/components/buy_license.vue?ed58","webpack:///src/components/buy_license.vue","webpack:///./src/components/buy_license.vue?0f9e","webpack:///./src/components/buy_license.vue"],"names":["extend","name","props","boilerplate","Boolean","loading","tile","transition","String","type","types","Object","default","computed","this","isLoading","role","$attrs","themeClasses","elevationClasses","$scopedSlots","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","children","$createElement","staticClass","bone","length","split","generator","genStructure","Array","from","map","rootTypes","indexOf","mapBones","genBones","push","genBone","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","h","attrs","$listeners","class","classes","measurableStyles","undefined","genSkeleton","baseMixins","radioGroup","column","height","Number","row","value","options","call","id","computedId","genDefaultSlot","render","genInputSlot","data","click","label","genLabel","for","tag","onClick","vnode","_b","attrs$","inheritAttrs","disabled","offIcon","onIcon","readonly","isFocused","isDisabled","groupClasses","computedColor","isActive","hasLabel","hasState","isReadonly","_uid","rippleState","validationState","args","genInput","color","focused","title","radioAttrs","setTextColor","dense","computedIcon","computedName","genRipple","e","$emit","toggle","onKeydown","onChange","listeners$","genRadio","_vm","_h","_c","_self","VDialog","model","callback","$$v","show_payment","expression","VCard","VToolbar","_v","staticStyle","VTextField","payment","$set","VRadioGroup","payment_options","selected_payment_option","_l","n","index","VRadio","key","VSkeletonLoader","_e","VBtn","$event","close_dialog","VSpacer","is_btn_loading","send_for_payment","staticRenderFns","monri","Monri","component"],"mappings":"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A,aACA,4BAGA,UACA,2CACA,aACA,UACA,gBAGA,aACA,2BAIA,WACA,2BACA,wBACA,uCACA,2BACA,gCACA,wBACA,8BACA,+BACA,wCACA,6BACA,yCACA,yBACA,sCAEA,OAIA,mBACA,uBACA,SACA,6BACA,2BACA,uBACA,6BACA,6BACA,aACA,yBACA,UACA,+DAEA,+BACA,6CACA,SACA,8BACA,wBACA,yBAEA,uBACA,uCAIA,oBACA,2CAYA,OAVA,EADA,SACA,mDACA,kDACA,QACA,qBAEA,uBACA,kDACA,QACA,qBAEA,YACA,cACA,iCACA,MACA,oCACA,2CACA,oBACA,kBAIA,sBACA,2BACA,IACA,OACA,kBACA,4CACA,cACA,YACA,eACA,aACA,mBAGA,cACA,mCACA,SACA,QACA,oBACA,kCACA,kBACA,oBAEA,UACA,cACA,0BAEA,mBACA,mCACA,uCAEA,UACA,iBACA,8BACA,8EACA,oCACA,OACA,YACA,cACA,+BACA,SAEA,UACA,MAEA,UACA,SAGA,UACA,OAEA,SACA,SAIA,uBACA,WACA,qBACA,sBACA,oCACA,MACA,sCACA,qBACA,SACA,oBACA,EACA,sBACA,UACA,kBACA,wCAEA,oCAGA,UACA,2CACA,aACA,kBACA,kBAKA,+BAGA,eACA,mBACA,0CAIA,OACA,SACA,WACA,+BACA,IACA,gDACA,kDACA,8DACA,0DACA,wDACA,qDACA,gEAGA,cAEA,yBACA,UACA,8BAEA,eAGA,UACA,+BCpaqV,I,YCOjV+I,EAAY,eACd,EACAlF,EACA+E,GACA,EACA,KACA,KACA,MAIa,aAAAG,E","file":"js/chunk-38e22e73.bfeb6cf2.js","sourcesContent":["// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\n        ...this.$attrs,\n      } : {}\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n","// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './VRadioGroup.sass'\n\n// Extensions\nimport VInput from '../VInput'\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { PropType } from 'vue'\n\nconst baseMixins = mixins(\n  BaseItemGroup,\n  VInput\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-radio-group',\n\n  provide () {\n    return {\n      radioGroup: this,\n    }\n  },\n\n  props: {\n    column: {\n      type: Boolean,\n      default: true,\n    },\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    name: String,\n    row: Boolean,\n    // If no value set on VRadio\n    // will match valueComparator\n    // force default to null\n    value: null as unknown as PropType<any>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls v-input--radio-group': true,\n        'v-input--radio-group--column': this.column && !this.row,\n        'v-input--radio-group--row': this.row,\n      }\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return this.$createElement('div', {\n        staticClass: 'v-input--radio-group__input',\n        attrs: {\n          id: this.id,\n          role: 'radiogroup',\n          'aria-labelledby': this.computedId,\n        },\n      }, VInput.options.methods.genDefaultSlot.call(this))\n    },\n    genInputSlot () {\n      const render = VInput.options.methods.genInputSlot.call(this)\n\n      delete render.data!.on!.click\n\n      return render\n    },\n    genLabel () {\n      const label = VInput.options.methods.genLabel.call(this)\n\n      if (!label) return null\n\n      label.data!.attrs!.id = this.computedId\n      // WAI considers this an orphaned label\n      delete label.data!.attrs!.for\n      label.tag = 'legend'\n\n      return label\n    },\n    onClick: BaseItemGroup.options.methods.onClick,\n  },\n\n  render (h) {\n    const vnode = VInput.options.render.call(this, h)\n\n    this._b(vnode.data!, 'div', this.attrs$)\n\n    return vnode\n  },\n})\n","// Styles\nimport './VRadio.sass'\n\n// Components\nimport VRadioGroup from './VRadioGroup'\nimport VLabel from '../VLabel'\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\nimport Selectable, { prevent } from '../../mixins/selectable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue'\nimport mixins from '../../util/mixins'\nimport { mergeListeners } from '../../util/mergeData'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Colorable,\n  Rippleable,\n  GroupableFactory('radioGroup'),\n  Themeable\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  radioGroup: InstanceType<typeof VRadioGroup>\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-radio',\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    id: String,\n    label: String,\n    name: String,\n    offIcon: {\n      type: String,\n      default: '$radioOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$radioOn',\n    },\n    readonly: Boolean,\n    value: {\n      default: null,\n    },\n  },\n\n  data: () => ({\n    isFocused: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-radio--is-disabled': this.isDisabled,\n        'v-radio--is-focused': this.isFocused,\n        ...this.themeClasses,\n        ...this.groupClasses,\n      }\n    },\n    computedColor (): string | undefined {\n      if (this.isDisabled) return undefined\n      return Selectable.options.computed.computedColor.call(this)\n    },\n    computedIcon (): string {\n      return this.isActive\n        ? this.onIcon\n        : this.offIcon\n    },\n    computedId (): string {\n      return VInput.options.computed.computedId.call(this)\n    },\n    hasLabel: VInput.options.computed.hasLabel,\n    hasState (): boolean {\n      return (this.radioGroup || {}).hasState\n    },\n    isDisabled (): boolean {\n      return this.disabled || (\n        !!this.radioGroup &&\n        this.radioGroup.isDisabled\n      )\n    },\n    isReadonly (): boolean {\n      return this.readonly || (\n        !!this.radioGroup &&\n        this.radioGroup.isReadonly\n      )\n    },\n    computedName (): string {\n      if (this.name || !this.radioGroup) {\n        return this.name\n      }\n\n      return this.radioGroup.name || `radio-${this.radioGroup._uid}`\n    },\n    rippleState (): string | undefined {\n      return Selectable.options.computed.rippleState.call(this)\n    },\n    validationState (): string | undefined {\n      return (this.radioGroup || {}).validationState || this.computedColor\n    },\n  },\n\n  methods: {\n    genInput (args: any) {\n      // We can't actually use the mixin directly because\n      // it's made for standalone components, but its\n      // genInput method is exactly what we need\n      return Selectable.options.methods.genInput.call(this, 'radio', args)\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return this.$createElement(VLabel, {\n        on: {\n          // Label shouldn't cause the input to focus\n          click: prevent,\n        },\n        attrs: {\n          for: this.computedId,\n        },\n        props: {\n          color: this.validationState,\n          focused: this.hasState,\n        },\n      }, getSlot(this, 'label') || this.label)\n    },\n    genRadio () {\n      const { title, ...radioAttrs } = this.attrs$\n\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.$createElement(VIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.radioGroup && this.radioGroup.dense,\n          },\n        }), this.computedIcon),\n        this.genInput({\n          name: this.computedName,\n          value: this.value,\n          ...radioAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    onFocus (e: Event) {\n      this.isFocused = true\n      this.$emit('focus', e)\n    },\n    onBlur (e: Event) {\n      this.isFocused = false\n      this.$emit('blur', e)\n    },\n    onChange () {\n      if (this.isDisabled || this.isReadonly || this.isActive) return\n\n      this.toggle()\n    },\n    onKeydown: () => {}, // Override default with noop\n  },\n\n  render (h): VNode {\n    const data: VNodeData = {\n      staticClass: 'v-radio',\n      class: this.classes,\n      on: mergeListeners({\n        click: this.onChange,\n      }, this.listeners$),\n      attrs: { title: this.attrs$.title },\n    }\n\n    return h('div', data, [\n      this.genRadio(),\n      this.genLabel(),\n    ])\n  },\n})\n","import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VRadio } from 'vuetify/lib/components/VRadioGroup';\nimport { VRadioGroup } from 'vuetify/lib/components/VRadioGroup';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VDialog,{attrs:{\"persistent\":\"\",\"scrollable\":\"\",\"width\":\"45rem\"},model:{value:(_vm.show_payment),callback:function ($$v) {_vm.show_payment=$$v},expression:\"show_payment\"}},[_c(VCard,[_c(VToolbar,{attrs:{\"dark\":\"\",\"flat\":\"\",\"color\":\"primary\"}},[_c('sabira_icon',{staticClass:\"mr-3\",attrs:{\"icon\":\"credit-card\",\"strokewidth\":3,\"fill\":\"white\"}}),_c(VToolbarTitle,{attrs:{\"ml-1\":\"\"}},[_vm._v(\"Kartično plaćanje - uplata SABIRA licence\")])],1),_c(VCardText,{staticClass:\"pa-4\",staticStyle:{\"height\":\"35rem\",\"display\":\"grid\",\"align-items\":\"start\"}},[_c('div',{staticStyle:{\"display\":\"grid\",\"grid-row-gap\":\"1rem\",\"grid-template-columns\":\"1fr 1fr\",\"grid-column-gap\":\"1rem\"}},[_c(VTextField,{attrs:{\"label\":\"Ime i prezime na kartici\",\"placeholder\":\"Unesite ime i prezime sa kartice za plaćanje\",\"persistent-placeholder\":\"\",\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.payment.name),callback:function ($$v) {_vm.$set(_vm.payment, \"name\", $$v)},expression:\"payment.name\"}}),_c(VTextField,{attrs:{\"label\":\"Adresa\",\"placeholder\":\"Adresa registrovana kredit karticom\",\"persistent-placeholder\":\"\",\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.payment.address),callback:function ($$v) {_vm.$set(_vm.payment, \"address\", $$v)},expression:\"payment.address\"}}),_c(VTextField,{attrs:{\"label\":\"Grad\",\"placeholder\":\"Unesite ime grada\",\"persistent-placeholder\":\"\",\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.payment.city),callback:function ($$v) {_vm.$set(_vm.payment, \"city\", $$v)},expression:\"payment.city\"}}),_c(VTextField,{attrs:{\"label\":\"Postanski broj\",\"placeholder\":\"Unesite poštanski broj\",\"persistent-placeholder\":\"\",\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.payment.postal_code),callback:function ($$v) {_vm.$set(_vm.payment, \"postal_code\", $$v)},expression:\"payment.postal_code\"}}),_c(VTextField,{attrs:{\"label\":\"Telefon\",\"placeholder\":\"Unesite broj telefona\",\"persistent-placeholder\":\"\",\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.payment.telephone),callback:function ($$v) {_vm.$set(_vm.payment, \"telephone\", $$v)},expression:\"payment.telephone\"}}),_c(VTextField,{attrs:{\"label\":\"Email\",\"placeholder\":\"Unesite email adresu\",\"persistent-placeholder\":\"\",\"hide-details\":\"\",\"outlined\":\"\"},model:{value:(_vm.payment.email),callback:function ($$v) {_vm.$set(_vm.payment, \"email\", $$v)},expression:\"payment.email\"}})],1),_c('div',{staticClass:\"mt-0\",staticStyle:{\"display\":\"grid\",\"grid-row-gap\":\"1rem\"}},[_c(VRadioGroup,{attrs:{\"label\":\"Vrsta usluge\",\"item-text\":\"name\",\"items\":_vm.payment_options,\"outlined\":\"\",\"hide-details\":\"\",\"return-object\":\"\"},model:{value:(_vm.selected_payment_option),callback:function ($$v) {_vm.selected_payment_option=$$v},expression:\"selected_payment_option\"}},_vm._l((_vm.payment_options),function(n,index){return _c(VRadio,{key:'payment_option_' + index,attrs:{\"label\":n.name,\"value\":n,\"row\":\"\"}})}),1),_c('div',{staticClass:\"pa-4 pb-0 rounded\",staticStyle:{\"background\":\"#fff\"}},[(_vm.payment_loading)?_c(VSkeletonLoader,{attrs:{\"type\":\"list-item@3\"}}):_vm._e(),_c('div',{attrs:{\"id\":\"card-errors\"}}),_c('div',{attrs:{\"id\":\"card-element\"}})],1)],1)]),_c(VCardActions,{staticStyle:{\"background\":\"rgba(0,0,0,0.15)\"}},[_c(VBtn,{attrs:{\"plain\":\"\"},on:{\"click\":function($event){return _vm.close_dialog()}}},[_vm._v(\"Odustani\")]),_c(VSpacer),_c(VBtn,{attrs:{\"plain\":\"\",\"loading\":_vm.is_btn_loading,\"disabled\":_vm.is_btn_loading},on:{\"click\":function($event){return _vm.send_for_payment()}}},[_vm._v(\"Plati\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog persistent scrollable v-model=\"show_payment\" width=\"45rem\">\n    <v-card>\n      <v-toolbar dark flat color=\"primary\">\n        <sabira_icon\n          icon=\"credit-card\"\n          class=\"mr-3\"\n          :strokewidth=\"3\"\n          fill=\"white\"\n        />\n        <v-toolbar-title ml-1\n          >Kartično plaćanje - uplata SABIRA licence</v-toolbar-title\n        >\n      </v-toolbar>\n      <v-card-text\n        style=\"height: 35rem;display:grid;align-items:start;\"\n        class=\"pa-4\"\n      >\n        <div\n          style=\"display:grid;grid-row-gap: 1rem;grid-template-columns: 1fr 1fr;grid-column-gap:1rem;\"\n        >\n          <v-text-field\n            label=\"Ime i prezime na kartici\"\n            placeholder=\"Unesite ime i prezime sa kartice za plaćanje\"\n            persistent-placeholder\n            hide-details\n            v-model=\"payment.name\"\n            outlined\n          ></v-text-field>\n\n          <v-text-field\n            label=\"Adresa\"\n            placeholder=\"Adresa registrovana kredit karticom\"\n            persistent-placeholder\n            v-model=\"payment.address\"\n            hide-details\n            outlined\n          ></v-text-field>\n\n          <v-text-field\n            label=\"Grad\"\n            placeholder=\"Unesite ime grada\"\n            persistent-placeholder\n            v-model=\"payment.city\"\n            hide-details\n            outlined\n          ></v-text-field>\n\n          <v-text-field\n            label=\"Postanski broj\"\n            placeholder=\"Unesite poštanski broj\"\n            persistent-placeholder\n            v-model=\"payment.postal_code\"\n            hide-details\n            outlined\n          ></v-text-field>\n\n          <v-text-field\n            label=\"Telefon\"\n            placeholder=\"Unesite broj telefona\"\n            persistent-placeholder\n            v-model=\"payment.telephone\"\n            hide-details\n            outlined\n          ></v-text-field>\n\n          <v-text-field\n            label=\"Email\"\n            placeholder=\"Unesite email adresu\"\n            persistent-placeholder\n            v-model=\"payment.email\"\n            hide-details\n            outlined\n          ></v-text-field>\n        </div>\n        <div class=\"mt-0\" style=\"display:grid;grid-row-gap:1rem;\">\n          <v-radio-group\n            label=\"Vrsta usluge\"\n            item-text=\"name\"\n            :items=\"payment_options\"\n            v-model=\"selected_payment_option\"\n            outlined\n            hide-details\n            return-object\n          >\n            <v-radio\n              v-for=\"(n, index) in payment_options\"\n              :key=\"'payment_option_' + index\"\n              :label=\"n.name\"\n              :value=\"n\"\n              row\n            ></v-radio>\n          </v-radio-group>\n          <div style=\"background: #fff;\" class=\"pa-4 pb-0 rounded\">\n            <v-skeleton-loader\n              v-if=\"payment_loading\"\n              type=\"list-item@3\"\n            ></v-skeleton-loader>\n            <div id=\"card-errors\"></div>\n            <div id=\"card-element\">\n              <!-- A Monri Component will be inserted here. -->\n            </div>\n          </div>\n        </div>\n      </v-card-text>\n      <v-card-actions style=\"background: rgba(0,0,0,0.15)\">\n        <v-btn plain @click=\"close_dialog()\">Odustani</v-btn>\n        <v-spacer></v-spacer>\n        <v-btn\n          plain\n          :loading=\"is_btn_loading\"\n          :disabled=\"is_btn_loading\"\n          @click=\"send_for_payment()\"\n          >Plati</v-btn\n        >\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nvar monri = Monri(\"157fa872f1a6f7e3d7e0f4305a99028644bc82da\", {\n  locale: \"hr\",\n});\nvar card = null;\nexport default {\n  components: {\n    sabira_icon: () => import(\"@/components/sabira_icon\"),\n  },\n  props: {\n    close: {\n      type: String,\n      default: null,\n    },\n    visible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      is_btn_loading: false,\n      show_payment: false,\n      payment_loading: false,\n      selected_payment_option: {\n        amount: 10,\n        name: \"10 KM za tekući mjesec\",\n        months: 1,\n      },\n      payment: {\n        name: null,\n        address: null,\n        city: null,\n        country: \"BA\",\n        postal_code: null,\n        telephone: null,\n        amount: 0,\n      },\n      payment_options: [\n        { amount: 10, name: \"10 KM za tekući mjesec\", months: 1 },\n        {\n          amount: 54,\n          name: \"54 KM za narednih 6 mjeseci (10% popusta)\",\n          months: 6,\n        },\n        {\n          amount: 102,\n          name: \"102 KM za narednih 12 mjeseci (15% popusta)\",\n          months: 12,\n        },\n      ],\n    };\n  },\n  methods: {\n    generate_payment_form() {\n      if (this.show_payment) {\n        //document.getElementById(\"card-element\").innerHTML = \"\";\n        this.validate()\n          .then(() => {\n            this.payment_loading = true;\n            var post_object = {\n              amount: this.selected_payment_option.amount * 100,\n            };\n            this.$http({\n              method: \"POST\",\n              url: \"/generate_payment_form\",\n              data: post_object,\n            })\n              .then((resp) => {\n                document.getElementById(\"card-element\").innerHTML = \"\";\n                var components = monri.components({\n                  clientSecret: resp.data.client_secret,\n                });\n                var style = {\n                  base: {\n                    fontSize: \"16px\",\n                    color: \"#6cadd8\",\n                  },\n                };\n                card = components.create(\"card\", { style: style });\n                card.mount(\"card-element\");\n                card.onChange(function(event) {\n                  var displayError = document.getElementById(\"card-errors\");\n                  if (event.error) {\n                    displayError.textContent = event.error.message;\n                    displayError.style.display = \"block\";\n                  } else {\n                    displayError.textContent = \"\";\n                    displayError.style.display = \"none\";\n                  }\n                });\n              })\n              .catch((err) => {\n                this.$webpageEventBus.$emit(\"show_status\", {\n                  type: \"error\",\n                  message: err,\n                  timeout: 2000,\n                });\n              })\n              .finally(() => {\n                this.payment_loading = false;\n              });\n          })\n          .catch((e) => {\n            this.$webpageEventBus.$emit(\"show_status\", {\n              type: \"error\",\n              message: e,\n              timeout: 2000,\n            });\n          })\n          .finally(() => {\n            this.payment_loading = false;\n          });\n      }\n    },\n    validate() {\n      return new Promise((resolve, reject) => {\n        if (this.payment.name == null) {\n          reject(\"Molimo Vas unesite ime i prezime.\");\n        } else if (this.payment.address == null) {\n          reject(\"Molimo Vas unesite adresu.\");\n        } else if (this.payment.city == null) {\n          reject(\"Molimo Vas unesite grad.\");\n        } else if (this.payment.postal_code == null) {\n          reject(\"Molimo Vas unesite poštanski broj.\");\n        } else if (this.payment.telephone == null) {\n          reject(\"Molimo Vas unesite telefonski broj.\");\n        } else if (this.payment.email == null) {\n          reject(\"Molimo Vas unesite email adresu.\");\n        } else {\n          resolve();\n        }\n      });\n    },\n    send_for_payment() {\n      this.is_btn_loading = true;\n      const transactionParams = {\n        address: this.payment.address,\n        fullName: this.payment.name,\n        city: this.payment.city,\n        zip: this.payment.postal_code,\n        phone: this.payment.telephone,\n        country: \"BA\",\n        email: this.payment.email,\n        orderInfo:\n          \"Sabira.ba Licenca. Korisnik: \" + this.$store.getters.user.name,\n      };\n      monri.confirmPayment(card, transactionParams).then((result) => {\n        var errorElement = document.getElementById(\"card-errors\");\n        if (result.error) {\n          errorElement.textContent = result.error.message;\n          errorElement.style.display = \"block\";\n          this.is_btn_loading = false;\n        } else {\n          errorElement.style.display = \"none\";\n          this.handlePaymentResult(result.result);\n        }\n      });\n    },\n    register_payment(reference) {\n      var valid_until = this.$store.getters.user.valid_until;\n      if (valid_until !== null) {\n        valid_until = this.$moment(this.$store.getters.user.valid_until)\n          .add(this.selected_payment_option.months, \"months\")\n          .local()\n          .format(\"YYYY-MM-DD\");\n      } else {\n        valid_until = this.$moment(new Date())\n          .add(this.selected_payment_option.months, \"months\")\n          .local()\n          .format(\"YYYY-MM-DD\");\n      }\n      return this.$http({\n        method: \"POST\",\n        url: \"/accounts/register_payment\",\n        data: {\n          user_id: this.$store.getters.user.id,\n          amount: this.selected_payment_option.amount,\n          payment_reference: reference,\n          valid_until: valid_until,\n        },\n      });\n    },\n    send_payment_email(invoice) {\n      return new Promise((resolve, reject) => {\n        try {\n          var message = {\n            template: \"sabira\",\n            subject: \"Hvala na izvršenoj uplati \" + invoice.broj,\n            recipients: [],\n            sender: null,\n            attachments: [],\n            message: null,\n            account_logo: null,\n          };\n\n          this.$helpers\n            .generate_invoice_pdf(invoice, true, true, null)\n            .then((resp) => {\n              var invoice_pdf = resp;\n              message.attachments.push({\n                filename: \"faktura_\" + invoice.broj + \".pdf\",\n                content: invoice_pdf.content,\n                encoding: \"binary\",\n              });\n              message.sender = {\n                name: \"SABIRA\",\n                email: \"mailer@sabira.ba\",\n              };\n              message.recipients.push({\n                name: this.$store.getters.user.name,\n                email: this.$store.getters.user.email,\n              });\n              message.message =\n                \"Poštovana(ni) \" +\n                this.$store.getters.user.name +\n                \", ovim putem Vas želimo obavjestiti da smo primili vašu uplatu u iznosu od \" +\n                this.selected_payment_option.amount +\n                \" KM.\";\n              this.$http({\n                method: \"POST\",\n                url: \"https://sabira.ba/mailer\",\n                data: message,\n              })\n                .then(() => {\n                  resolve();\n                })\n                .catch((email_ex) => {\n                  reject(email_ex);\n                });\n            })\n            .catch((t) => {\n              reject(t);\n            });\n        } catch (error) {\n          reject(error);\n        }\n      });\n    },\n    handlePaymentResult(paymentResult) {\n      var vue_root = this;\n      if (paymentResult.status == \"approved\") {\n        this.register_payment(\n          paymentResult.transaction_response.order_number +\n            \" / \" +\n            paymentResult.transaction_response.approval_code,\n          new Date().getTime()\n        ).then((r_payment_resp) => {\n          var payment_response = r_payment_resp.data.result;\n          vue_root\n            .send_payment_email(payment_response)\n            .then(() => {\n              if (this.close !== null) {\n                this.$webpageEventBus.$emit(this.close);\n              } else {\n                alert(\"no close event specified\");\n              }\n            })\n            .catch((ex) => {\n              this.$webpageEventBus.$emit(\"show_status\", {\n                type: \"error\",\n                message: ex.message,\n                timeout: 4000,\n              });\n            });\n        });\n      } else {\n        alert(\"Transakcija odbijena\");\n      }\n    },\n    close_dialog() {\n      if (this.close !== null) {\n        this.$webpageEventBus.$emit(this.close);\n      }\n    },\n  },\n  watch: {\n    visible: {\n      handler(newVal) {\n        this.show_payment = this.visible;\n        if (newVal) {\n          this.payment.name = this.$store.getters.user.name;\n          this.payment.email = this.$store.getters.user.email;\n          this.payment.address = this.$store.getters.user.account_address;\n          this.payment.telephone = this.$store.getters.user.telephone;\n          this.payment.city = this.$store.getters.user.account_city;\n          this.selected_payment_option = this.payment_options[0];\n          this.payment.postal_code = this.$store.getters.user.account_zip;\n        }\n      },\n      immediate: true,\n    },\n    selected_payment_option: {\n      handler() {\n        this.generate_payment_form();\n      },\n      immediate: false,\n    },\n  },\n  mounted() {\n    this.generate_payment_form();\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./buy_license.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./buy_license.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./buy_license.vue?vue&type=template&id=4806ae5e&\"\nimport script from \"./buy_license.vue?vue&type=script&lang=js&\"\nexport * from \"./buy_license.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}