{"version":3,"sources":["webpack:///../../../src/components/VOverlay/VOverlay.ts","webpack:///../../../src/components/VOverlay/index.ts","webpack:///../../../src/mixins/overlayable/index.ts","webpack:///../../../src/components/VDialog/VDialog.ts","webpack:///../../../src/components/VToolbar/index.ts","webpack:///./src/components/layout/TopnavbarBackCustom.vue?48c4","webpack:///src/components/layout/TopnavbarBackCustom.vue","webpack:///./src/components/layout/TopnavbarBackCustom.vue?7b66","webpack:///./src/components/layout/TopnavbarBackCustom.vue","webpack:///./src/views/chat/ChatGroupPage.vue?9055","webpack:///./src/views/chat/ChatGroupPage.vue?4868","webpack:///src/views/chat/ChatGroupPage.vue","webpack:///./src/views/chat/ChatGroupPage.vue?0aa3","webpack:///./src/views/chat/ChatGroupPage.vue","webpack:///../../../src/components/VToolbar/VToolbar.ts","webpack:///./src/components/layout/DialogConfirm.vue?af2c","webpack:///src/components/layout/DialogConfirm.vue","webpack:///./src/components/layout/DialogConfirm.vue?4b03","webpack:///./src/components/layout/DialogConfirm.vue","webpack:///./src/views/payment/Payment.vue?92d0","webpack:///src/views/payment/Payment.vue","webpack:///./src/views/payment/Payment.vue?2f53","webpack:///./src/views/payment/Payment.vue","webpack:///../../../src/components/VCard/index.ts","webpack:///../../../src/components/VCard/VCard.ts","webpack:///./src/components/layout/TopnavbarBackCustom.vue?2d0b"],"names":["mixins","name","props","absolute","color","type","default","dark","opacity","Number","value","zIndex","computed","__scrim","data","this","setBackgroundColor","staticClass","style","computedOpacity","$createElement","classes","themeClasses","isActive","styles","methods","genContent","$slots","render","children","h","class","hideOverlay","overlayColor","overlayOpacity","String","animationFrame","overlay","watch","genOverlay","beforeDestroy","createOverlay","propsData","parent","$el","document","requestAnimationFrame","removeOverlay","showScroll","cancelAnimationFrame","scrollListener","e","includes","up","down","checkPath","hasScrollbar","el","Node","window","shouldScroll","delta","isInside","path","composedPath","dialog","$refs","selected","index","hideScroll","$vuetify","breakpoint","passive","baseMixins","directives","ClickOutside","disabled","fullscreen","light","maxWidth","noClickAnimation","origin","persistent","retainFocus","scrollable","transition","width","activatedBy","animate","animateTimeout","stackMinZIndex","previousActiveElement","contentClasses","hasActivator","Boolean","$scopedSlots","created","$attrs","hasOwnProperty","beforeMount","unbind","animateClick","closeConditional","target","_isDestroyed","content","contains","activeZIndex","show","bind","onClickOutside","onKeydown","getOpenDependents","activator","onFocusin","getOpenDependentElements","some","focusable","querySelectorAll","showLazyContent","root","attrs","role","tabindex","on","keydown","ref","genTransition","appear","genInnerContent","handler","include","transformOrigin","undefined","attach","VToolbarTitle","VToolbarItems","_vm","_h","_c","_self","staticStyle","handleBack","_v","_s","receiver","title","scopedSlots","_u","key","fn","_g","_b","_l","item","$event","handleAction","action","icon","staticRenderFns","component","VBtn","VIcon","VList","VListItem","VListItemTitle","VMenu","VSpacer","VToolbar","members","length","member","last_message","is_seen","currentUser","table","table_from","unread_messages_count","_e","domProps","messageText","formatChatListTime","created_at","tz","handleRoute","gc","keyVal","id","openDetails","handleOpenArkive","dialogConfirm","message","handleArchive","handleClose","console","error","VCol","VContainer","VRow","bottom","collapse","dense","extended","extensionHeight","flat","floating","prominent","short","src","tag","isExtended","computedHeight","height","parseInt","isCollapsed","isNaN","computedContentHeight","isProminent","breakingProps","original","replacement","genBackground","image","img","genExtension","$listeners","model","callback","$$v","expression","defaultMessage","loading","handleConfirm","VCard","VCardActions","VCardText","VDialog","handleSubmit","VCardSubtitle","VCardTitle","hover","link","loaderHeight","raised","genProgress"],"mappings":"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","file":"js/ChatGroup.4e712886.js","sourcesContent":["// Styles\nimport './VOverlay.sass'\n\n// Mixins\nimport Colorable from './../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from './../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Themeable,\n  Toggleable\n).extend({\n  name: 'v-overlay',\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: '#212121',\n    },\n    dark: {\n      type: Boolean,\n      default: true,\n    },\n    opacity: {\n      type: [Number, String],\n      default: 0.46,\n    },\n    value: {\n      default: true,\n    },\n    zIndex: {\n      type: [Number, String],\n      default: 5,\n    },\n  },\n\n  computed: {\n    __scrim (): VNode {\n      const data = this.setBackgroundColor(this.color, {\n        staticClass: 'v-overlay__scrim',\n        style: {\n          opacity: this.computedOpacity,\n        },\n      })\n\n      return this.$createElement('div', data)\n    },\n    classes (): object {\n      return {\n        'v-overlay--absolute': this.absolute,\n        'v-overlay--active': this.isActive,\n        ...this.themeClasses,\n      }\n    },\n    computedOpacity (): number {\n      return Number(this.isActive ? this.opacity : 0)\n    },\n    styles (): object {\n      return {\n        zIndex: this.zIndex,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'v-overlay__content',\n      }, this.$slots.default)\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.__scrim]\n\n    if (this.isActive) children.push(this.genContent())\n\n    return h('div', {\n      staticClass: 'v-overlay',\n      class: this.classes,\n      style: this.styles,\n    }, children)\n  },\n})\n","import VOverlay from './VOverlay'\n\nexport { VOverlay }\n\nexport default VOverlay\n","// Components\nimport VOverlay from '../../components/VOverlay'\n\n// Utilities\nimport {\n  keyCodes,\n  addOnceEventListener,\n  addPassiveEventListener,\n  getZIndex,\n} from '../../util/helpers'\n\n// Types\nimport Vue from 'vue'\n\ninterface Toggleable extends Vue {\n  isActive?: boolean\n}\n\ninterface Stackable extends Vue {\n  activeZIndex: number\n}\n\ninterface options {\n  absolute?: boolean\n  $refs: {\n    dialog?: HTMLElement\n    content?: HTMLElement\n  }\n}\n\n/* @vue/component */\nexport default Vue.extend<Vue & Toggleable & Stackable & options>().extend({\n  name: 'overlayable',\n\n  props: {\n    hideOverlay: Boolean,\n    overlayColor: String,\n    overlayOpacity: [Number, String],\n  },\n\n  data () {\n    return {\n      animationFrame: 0,\n      overlay: null as InstanceType<typeof VOverlay> | null,\n    }\n  },\n\n  watch: {\n    hideOverlay (value) {\n      if (!this.isActive) return\n\n      if (value) this.removeOverlay()\n      else this.genOverlay()\n    },\n  },\n\n  beforeDestroy () {\n    this.removeOverlay()\n  },\n\n  methods: {\n    createOverlay () {\n      const overlay = new VOverlay({\n        propsData: {\n          absolute: this.absolute,\n          value: false,\n          color: this.overlayColor,\n          opacity: this.overlayOpacity,\n        },\n      })\n\n      overlay.$mount()\n\n      const parent = this.absolute\n        ? this.$el.parentNode\n        : document.querySelector('[data-app]')\n\n      parent && parent.insertBefore(overlay.$el, parent.firstChild)\n\n      this.overlay = overlay\n    },\n    genOverlay () {\n      this.hideScroll()\n\n      if (this.hideOverlay) return\n\n      if (!this.overlay) this.createOverlay()\n\n      this.animationFrame = requestAnimationFrame(() => {\n        if (!this.overlay) return\n\n        if (this.activeZIndex !== undefined) {\n          this.overlay.zIndex = String(this.activeZIndex - 1)\n        } else if (this.$el) {\n          this.overlay.zIndex = getZIndex(this.$el)\n        }\n\n        this.overlay.value = true\n      })\n\n      return true\n    },\n    /** removeOverlay(false) will not restore the scollbar afterwards */\n    removeOverlay (showScroll = true) {\n      if (this.overlay) {\n        addOnceEventListener(this.overlay.$el, 'transitionend', () => {\n          if (\n            !this.overlay ||\n            !this.overlay.$el ||\n            !this.overlay.$el.parentNode ||\n            this.overlay.value\n          ) return\n\n          this.overlay.$el.parentNode.removeChild(this.overlay.$el)\n          this.overlay.$destroy()\n          this.overlay = null\n        })\n\n        // Cancel animation frame in case\n        // overlay is removed before it\n        // has finished its animation\n        cancelAnimationFrame(this.animationFrame)\n\n        this.overlay.value = false\n      }\n\n      showScroll && this.showScroll()\n    },\n    scrollListener (e: WheelEvent & KeyboardEvent) {\n      if (e.type === 'keydown') {\n        if (\n          ['INPUT', 'TEXTAREA', 'SELECT'].includes((e.target as Element).tagName) ||\n          // https://github.com/vuetifyjs/vuetify/issues/4715\n          (e.target as HTMLElement).isContentEditable\n        ) return\n\n        const up = [keyCodes.up, keyCodes.pageup]\n        const down = [keyCodes.down, keyCodes.pagedown]\n\n        if (up.includes(e.keyCode)) {\n          (e as any).deltaY = -1\n        } else if (down.includes(e.keyCode)) {\n          (e as any).deltaY = 1\n        } else {\n          return\n        }\n      }\n\n      if (e.target === this.overlay ||\n        (e.type !== 'keydown' && e.target === document.body) ||\n        this.checkPath(e)) e.preventDefault()\n    },\n    hasScrollbar (el?: Element) {\n      if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n      const style = window.getComputedStyle(el)\n      return ['auto', 'scroll'].includes(style.overflowY!) && el.scrollHeight > el.clientHeight\n    },\n    shouldScroll (el: Element, delta: number) {\n      if (el.scrollTop === 0 && delta < 0) return true\n      return el.scrollTop + el.clientHeight === el.scrollHeight && delta > 0\n    },\n    isInside (el: Element, parent: Element): boolean {\n      if (el === parent) {\n        return true\n      } else if (el === null || el === document.body) {\n        return false\n      } else {\n        return this.isInside(el.parentNode as Element, parent)\n      }\n    },\n    checkPath (e: WheelEvent) {\n      const path = e.path || this.composedPath(e)\n      const delta = e.deltaY\n\n      if (e.type === 'keydown' && path[0] === document.body) {\n        const dialog = this.$refs.dialog\n        // getSelection returns null in firefox in some edge cases, can be ignored\n        const selected = window.getSelection()!.anchorNode as Element\n        if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {\n          return this.shouldScroll(dialog, delta)\n        }\n        return true\n      }\n\n      for (let index = 0; index < path.length; index++) {\n        const el = path[index]\n\n        if (el === document) return true\n        if (el === document.documentElement) return true\n        if (el === this.$refs.content) return true\n\n        if (this.hasScrollbar(el as Element)) return this.shouldScroll(el as Element, delta)\n      }\n\n      return true\n    },\n    /**\n     * Polyfill for Event.prototype.composedPath\n     */\n    composedPath (e: WheelEvent): EventTarget[] {\n      if (e.composedPath) return e.composedPath()\n\n      const path = []\n      let el = e.target as Element\n\n      while (el) {\n        path.push(el)\n\n        if (el.tagName === 'HTML') {\n          path.push(document)\n          path.push(window)\n\n          return path\n        }\n\n        el = el.parentElement!\n      }\n      return path\n    },\n    hideScroll () {\n      if (this.$vuetify.breakpoint.smAndDown) {\n        document.documentElement!.classList.add('overflow-y-hidden')\n      } else {\n        addPassiveEventListener(window, 'wheel', this.scrollListener as EventHandlerNonNull, { passive: false })\n        window.addEventListener('keydown', this.scrollListener as EventHandlerNonNull)\n      }\n    },\n    showScroll () {\n      document.documentElement!.classList.remove('overflow-y-hidden')\n      window.removeEventListener('wheel', this.scrollListener as EventHandlerNonNull)\n      window.removeEventListener('keydown', this.scrollListener as EventHandlerNonNull)\n    },\n  },\n})\n","// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VThemeProvider } from '../VThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Overlayable from '../../mixins/overlayable'\nimport Returnable from '../../mixins/returnable'\nimport Stackable from '../../mixins/stackable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Helpers\nimport mixins from '../../util/mixins'\nimport { removed } from '../../util/console'\nimport {\n  convertToUnit,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue'\n\nconst baseMixins = mixins(\n  Activatable,\n  Dependent,\n  Detachable,\n  Overlayable,\n  Returnable,\n  Stackable,\n  Toggleable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-dialog',\n\n  directives: { ClickOutside },\n\n  props: {\n    dark: Boolean,\n    disabled: Boolean,\n    fullscreen: Boolean,\n    light: Boolean,\n    maxWidth: {\n      type: [String, Number],\n      default: 'none',\n    },\n    noClickAnimation: Boolean,\n    origin: {\n      type: String,\n      default: 'center center',\n    },\n    persistent: Boolean,\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n    transition: {\n      type: [String, Boolean],\n      default: 'dialog-transition',\n    },\n    width: {\n      type: [String, Number],\n      default: 'auto',\n    },\n  },\n\n  data () {\n    return {\n      activatedBy: null as EventTarget | null,\n      animate: false,\n      animateTimeout: -1,\n      isActive: !!this.value,\n      stackMinZIndex: 200,\n      previousActiveElement: null as HTMLElement | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        [(`v-dialog ${this.contentClass}`).trim()]: true,\n        'v-dialog--active': this.isActive,\n        'v-dialog--persistent': this.persistent,\n        'v-dialog--fullscreen': this.fullscreen,\n        'v-dialog--scrollable': this.scrollable,\n        'v-dialog--animated': this.animate,\n      }\n    },\n    contentClasses (): object {\n      return {\n        'v-dialog__content': true,\n        'v-dialog__content--active': this.isActive,\n      }\n    },\n    hasActivator (): boolean {\n      return Boolean(\n        !!this.$slots.activator ||\n        !!this.$scopedSlots.activator\n      )\n    },\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.show()\n        this.hideScroll()\n      } else {\n        this.removeOverlay()\n        this.unbind()\n        this.previousActiveElement?.focus()\n      }\n    },\n    fullscreen (val) {\n      if (!this.isActive) return\n\n      if (val) {\n        this.hideScroll()\n        this.removeOverlay(false)\n      } else {\n        this.showScroll()\n        this.genOverlay()\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('full-width')) {\n      removed('full-width', this)\n    }\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.isBooted = this.isActive\n      this.isActive && this.show()\n    })\n  },\n\n  beforeDestroy () {\n    if (typeof window !== 'undefined') this.unbind()\n  },\n\n  methods: {\n    animateClick () {\n      this.animate = false\n      // Needed for when clicking very fast\n      // outside of the dialog\n      this.$nextTick(() => {\n        this.animate = true\n        window.clearTimeout(this.animateTimeout)\n        this.animateTimeout = window.setTimeout(() => (this.animate = false), 150)\n      })\n    },\n    closeConditional (e: Event) {\n      const target = e.target as HTMLElement\n      // Ignore the click if the dialog is closed or destroyed,\n      // if it was on an element inside the content,\n      // if it was dragged onto the overlay (#6969),\n      // or if this isn't the topmost dialog (#9907)\n      return !(\n        this._isDestroyed ||\n        !this.isActive ||\n        this.$refs.content.contains(target) ||\n        (this.overlay && target && !this.overlay.$el.contains(target))\n      ) && this.activeZIndex >= this.getMaxZIndex()\n    },\n    hideScroll () {\n      if (this.fullscreen) {\n        document.documentElement.classList.add('overflow-y-hidden')\n      } else {\n        Overlayable.options.methods.hideScroll.call(this)\n      }\n    },\n    show () {\n      !this.fullscreen && !this.hideOverlay && this.genOverlay()\n      // Double nextTick to wait for lazy content to be generated\n      this.$nextTick(() => {\n        this.$nextTick(() => {\n          this.previousActiveElement = document.activeElement as HTMLElement\n          this.$refs.content.focus()\n          this.bind()\n        })\n      })\n    },\n    bind () {\n      window.addEventListener('focusin', this.onFocusin)\n    },\n    unbind () {\n      window.removeEventListener('focusin', this.onFocusin)\n    },\n    onClickOutside (e: Event) {\n      this.$emit('click:outside', e)\n\n      if (this.persistent) {\n        this.noClickAnimation || this.animateClick()\n      } else {\n        this.isActive = false\n      }\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.esc && !this.getOpenDependents().length) {\n        if (!this.persistent) {\n          this.isActive = false\n          const activator = this.getActivator()\n          this.$nextTick(() => activator && (activator as HTMLElement).focus())\n        } else if (!this.noClickAnimation) {\n          this.animateClick()\n        }\n      }\n      this.$emit('keydown', e)\n    },\n    // On focus change, wrap focus to stay inside the dialog\n    // https://github.com/vuetifyjs/vuetify/issues/6892\n    onFocusin (e: Event) {\n      if (!e || !this.retainFocus) return\n\n      const target = e.target as HTMLElement\n\n      if (\n        !!target &&\n        // It isn't the document or the dialog body\n        ![document, this.$refs.content].includes(target) &&\n        // It isn't inside the dialog body\n        !this.$refs.content.contains(target) &&\n        // We're the topmost dialog\n        this.activeZIndex >= this.getMaxZIndex() &&\n        // It isn't inside a dependent element (like a menu)\n        !this.getOpenDependentElements().some(el => el.contains(target))\n        // So we must have focused something outside the dialog and its children\n      ) {\n        // Find and focus the first available element inside the dialog\n        const focusable = this.$refs.content.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n        const el = [...focusable].find(el => !el.hasAttribute('disabled')) as HTMLElement | undefined\n        el && el.focus()\n      }\n    },\n    genContent () {\n      return this.showLazyContent(() => [\n        this.$createElement(VThemeProvider, {\n          props: {\n            root: true,\n            light: this.light,\n            dark: this.dark,\n          },\n        }, [\n          this.$createElement('div', {\n            class: this.contentClasses,\n            attrs: {\n              role: 'document',\n              tabindex: this.isActive ? 0 : undefined,\n              ...this.getScopeIdAttrs(),\n            },\n            on: { keydown: this.onKeydown },\n            style: { zIndex: this.activeZIndex },\n            ref: 'content',\n          }, [this.genTransition()]),\n        ]),\n      ])\n    },\n    genTransition () {\n      const content = this.genInnerContent()\n\n      if (!this.transition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n          origin: this.origin,\n          appear: true,\n        },\n      }, [content])\n    },\n    genInnerContent () {\n      const data: VNodeData = {\n        class: this.classes,\n        ref: 'dialog',\n        directives: [\n          {\n            name: 'click-outside',\n            value: {\n              handler: this.onClickOutside,\n              closeConditional: this.closeConditional,\n              include: this.getOpenDependentElements,\n            },\n          },\n          { name: 'show', value: this.isActive },\n        ],\n        style: {\n          transformOrigin: this.origin,\n        },\n      }\n\n      if (!this.fullscreen) {\n        data.style = {\n          ...data.style as object,\n          maxWidth: this.maxWidth === 'none' ? undefined : convertToUnit(this.maxWidth),\n          width: this.width === 'auto' ? undefined : convertToUnit(this.width),\n        }\n      }\n\n      return this.$createElement('div', data, this.getContentSlot())\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-dialog__container',\n      class: {\n        'v-dialog__container--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      },\n      attrs: { role: 'dialog' },\n    }, [\n      this.genActivator(),\n      this.genContent(),\n    ])\n  },\n})\n","// Components\nimport VToolbar from './VToolbar'\n\n// Utilities\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VToolbarTitle = createSimpleFunctional('v-toolbar__title')\nconst VToolbarItems = createSimpleFunctional('v-toolbar__items')\n\nexport {\n  VToolbar,\n  VToolbarItems,\n  VToolbarTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VToolbar,\n    VToolbarItems,\n    VToolbarTitle,\n  },\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-toolbar',{staticStyle:{\"position\":\"sticky\",\"top\":\"0\",\"z-index\":\"2\"},attrs:{\"color\":\"primary\"}},[_c('v-btn',{staticClass:\"pl-0\",attrs:{\"tile\":\"\",\"text\":\"\",\"color\":\"white\"},on:{\"click\":_vm.handleBack}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")]),_vm._v(\"Back \")],1),_c('v-toolbar-title',{staticStyle:{\"font-size\":\"0.9rem\",\"font-weight\":\"500\",\"margin-left\":\"10px\",\"color\":\"#fff\"}},[_vm._v(_vm._s(_vm.receiver ? _vm.receiver.name : _vm.title))]),_c('v-spacer'),_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"pr-0\",attrs:{\"text\":\"\",\"color\":\"primary\",\"small\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"mdi-dots-vertical\")])],1)]}}])},[_c('v-list',_vm._l((_vm.items),function(item,index){return _c('v-list-item',{key:index,on:{\"click\":function($event){return _vm.handleAction(item.action)}}},[_c('v-list-item-title',[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(item.icon))]),_vm._v(\" \"+_vm._s(item.title))],1)],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n        <v-toolbar color=\"primary\" style=\"position: sticky;top: 0;px;z-index: 2;\">\r\n           <v-btn class=\"pl-0\" @click=\"handleBack\" tile text color=\"white\">\r\n            <v-icon>mdi-chevron-left</v-icon>Back \r\n            </v-btn> \r\n            <v-toolbar-title style=\"font-size: 0.9rem;font-weight: 500; margin-left:10px; color:#fff;\">{{ receiver ? receiver.name : title }}</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n            <v-menu offset-y>\r\n                <template v-slot:activator=\"{ on, attrs }\">\r\n                    <v-btn\r\n                    text\r\n                    color=\"primary\"\r\n                    v-bind=\"attrs\"\r\n                    v-on=\"on\"\r\n                    small\r\n                    class=\"pr-0\"\r\n\r\n                    >\r\n                    <v-icon color=\"white\">mdi-dots-vertical</v-icon>\r\n                    </v-btn>\r\n                </template>\r\n                <v-list>\r\n                    <v-list-item\r\n                    v-for=\"(item, index) in items\"\r\n                    :key=\"index\"\r\n                    @click=\"handleAction(item.action)\"\r\n                    >\r\n                    <v-list-item-title><v-icon color=\"primary\">{{ item.icon }}</v-icon> &nbsp; {{ item.title }}</v-list-item-title>\r\n                    </v-list-item>\r\n                </v-list>\r\n            </v-menu>\r\n        </v-toolbar>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { mdiAccountCircle, mdiLogout } from '@mdi/js'\r\nimport {ApiService} from '@/core/services/api.service'\r\n// import JwtService from '@/core/services/jwt.service'\r\nimport {PURGE_AUTH} from '@/core/services/store/auth.module'\r\nexport default {\r\n    props:{\r\n        receiver : {},\r\n        title:{\r\n            type:String,\r\n            default : ''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            iconAccount: mdiAccountCircle,\r\n            iconLogout: mdiLogout,\r\n            items: [\r\n                {id:1, icon:'mdi-account', title: 'Profile', action:'profile' },\r\n                {id:2, icon:'mdi-logout', title: 'Logout', action:'logout' },\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        viewProfile() {\r\n            this.$router.push('/profile');\r\n        },\r\n        handleBack() {\r\n            this.$emit('back');\r\n        },\r\n        handleAction(action) {\r\n            switch(action) {\r\n                case 'logout':\r\n                    this.handleLogouts();\r\n                    break;\r\n                case 'profile':\r\n                    this.viewProfile();\r\n                    break;\r\n            }\r\n        },\r\n        async handleLogouts(){\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            await ApiService.post('/logout')\r\n            .then(() => {\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.$router.push({name:'loginPage'});\r\n            })\r\n            .catch(() => {\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$router.push({name:'loginPage'});\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            })\r\n            \r\n            // this.$router.push('/');\r\n            // ApiService.defaults.headers.common['Authorization'] = `Bearer ${JwtService.getToken()}`;\r\n            // this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            // ApiService.post(\"logout\",{\r\n            //     access_token: JwtService.getToken(),\r\n            // })\r\n            // .then(() => {\r\n            //     this.$store.commit(PURGE_AUTH);\r\n            //     this.$router.push('/login');\r\n            //     this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            // })\r\n            // .catch(() => {\r\n            //     this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            //     this.$store.commit(PURGE_AUTH);\r\n            //     this.messageError('error',\"Failed to logout\");\r\n            // });\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters(['currentUser'])\r\n    }\r\n\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n$colorprimary : #19477e !important;\r\n$colorsecondary : #75ab26;\r\n.section-top-navbar{\r\n    background:$colorprimary;\r\n    padding: 6px 24px;\r\n    height: 52px;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    .page-title{\r\n        margin: 0;\r\n        font-weight: 500;\r\n    }\r\n    i{\r\n        color:#fff !important;\r\n    }\r\n}\r\n</style>","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!./TopnavbarBackCustom.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!./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopnavbarBackCustom.vue?vue&type=template&id=f22ed85a&scoped=true&\"\nimport script from \"./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"\nexport * from \"./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopnavbarBackCustom.vue?vue&type=style&index=0&id=f22ed85a&lang=scss&scoped=true&\"\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  \"f22ed85a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VIcon,VList,VListItem,VListItemTitle,VMenu,VSpacer,VToolbar,VToolbarTitle})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatGroupPage.vue?vue&type=style&index=0&id=73b97252&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"h-100 bg-bug\",attrs:{\"fluid\":true}},[_c('div',[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\",\"offset-md\":\"1\",\"lg\":\"8\",\"offset-lg\":\"2\",\"xl\":\"6\",\"offset-xl\":\"3\"}},[(_vm.members && _vm.members.length)?_c('div',[_c('ul',{staticClass:\"chat-lists custom-bs pa-4\"},_vm._l((_vm.members),function(member,index){return _c('li',{key:index},[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('h4',{staticClass:\"text-uppercase\",class:!member.last_message.is_seen && _vm.currentUser.table != member.last_message.table_from ? '' : 'font-weight-light'},[_vm._v(\" \"+_vm._s(member.name)+\" \"),(member.unread_messages_count)?_c('i',{staticClass:\"color-secondary font-weight-light badge\"},[_vm._v(_vm._s(member.unread_messages_count)+\" New Message\")]):_vm._e()]),_c('div',{staticClass:\"last_msg\",class:!member.last_message.is_seen && _vm.currentUser.table != member.last_message.table_from ? 'f8-bold' : ''},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.messageText(member.last_message))}})]),_c('p',{staticClass:\"last_msg_date\"},[_vm._v(\" \"+_vm._s(_vm.formatChatListTime(member.last_message.created_at, null, _vm.tz))+\" \")])])])]),_c('div',{staticClass:\"text-right pt-3\"},[_c('v-btn',{staticClass:\"mr-3\",attrs:{\"fab\":\"\",\"small\":\"\",\"outlined\":\"\",\"color\":\"warning\"},on:{\"click\":function($event){return _vm.handleRoute(member.gc, {key : member.key, keyVal : member.id})}}},[_c('v-icon',[_vm._v(\"mdi-chat\")])],1),_c('v-btn',{staticClass:\"mr-3\",attrs:{\"fab\":\"\",\"small\":\"\",\"outlined\":\"\",\"color\":\"warning\"},on:{\"click\":function($event){return _vm.openDetails(member)}}},[_c('v-icon',[_vm._v(\"mdi-eye\")])],1),_c('v-btn',{attrs:{\"fab\":\"\",\"small\":\"\",\"outlined\":\"\",\"color\":\"error\"},on:{\"click\":function($event){return _vm.handleOpenArkive(member)}}},[_c('v-icon',[_vm._v(\"mdi-archive-outline\")])],1)],1)])}),0)]):_c('div',{staticClass:\"mt-3\"},[_c('div',{staticClass:\"custom-bs pa-4\"},[_c('p',[_vm._v(\"No chat history\")])])]),_c('DialogConfirm',{attrs:{\"dialogConfirm\":_vm.dialogConfirm,\"message\":_vm.message},on:{\"handleConfirm\":_vm.handleArchive,\"close\":_vm.handleClose}})],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container :fluid=\"true\" class=\"h-100 bg-bug\">\r\n        <div>\r\n            <v-container>  \r\n                <v-row>\r\n                    <v-col cols=\"12\" md=\"10\" offset-md=\"1\" lg=\"8\" offset-lg=\"2\" xl=\"6\" offset-xl=\"3\">  \r\n                        <div v-if=\"members && members.length\">\r\n                            <ul class=\"chat-lists custom-bs pa-4\">\r\n                                <li v-for=\"(member, index) in members\" :key=\"index\">\r\n                                    <div class=\"d-flex align-center justify-space-between\">\r\n                                        <div class=\"d-flex\">\r\n                                            <div>\r\n                                                <h4 class=\"text-uppercase\" :class=\"!member.last_message.is_seen && currentUser.table != member.last_message.table_from ? '' : 'font-weight-light'\">\r\n                                                    {{ member.name }}\r\n                                                    <i class=\"color-secondary font-weight-light badge\" v-if=\"member.unread_messages_count\">{{ member.unread_messages_count }} New Message</i>\r\n                                                </h4>\r\n                                                <div\r\n                                                    class=\"last_msg\"\r\n                                                    :class=\"!member.last_message.is_seen && currentUser.table != member.last_message.table_from ? 'f8-bold' : ''\"\r\n                                                    >\r\n                                                    <div v-html=\"messageText(member.last_message)\">\r\n                                                    </div>\r\n                                                </div>\r\n                                                <p class=\"last_msg_date\">\r\n                                                    {{ formatChatListTime(member.last_message.created_at, null, tz) }}\r\n                                                </p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"text-right pt-3\">\r\n                                        <v-btn\r\n                                            fab\r\n                                            small\r\n                                            outlined\r\n                                            color=\"warning\"\r\n                                            class=\"mr-3\"\r\n                                            @click=\"handleRoute(member.gc, {key : member.key, keyVal : member.id})\">\r\n                                            <v-icon>mdi-chat</v-icon>\r\n                                        </v-btn\r\n                                        >\r\n                                        <v-btn\r\n                                            fab\r\n                                            small\r\n                                            outlined\r\n                                            color=\"warning\"\r\n                                            @click=\"openDetails(member)\"\r\n                                            class=\"mr-3\"\r\n                                        >\r\n                                            <v-icon>mdi-eye</v-icon>\r\n                                        </v-btn\r\n                                        >\r\n                                        <v-btn\r\n                                            fab\r\n                                            small\r\n                                            outlined\r\n                                            color=\"error\"\r\n                                            @click=\"handleOpenArkive(member)\"\r\n                                        >\r\n                                            <v-icon>mdi-archive-outline</v-icon>\r\n                                        </v-btn\r\n                                        >\r\n                                    </div>\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                        <div v-else class=\"mt-3\">\r\n                            <div class=\"custom-bs pa-4\">\r\n                                <p>No chat history</p>\r\n                            </div>\r\n                        </div>\r\n                        <DialogConfirm\r\n                            :dialogConfirm=\"dialogConfirm\"\r\n                            :message=\"message\"\r\n                            @handleConfirm=\"handleArchive\"\r\n                            @close=\"handleClose\"\r\n                        />\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </div>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport {base_url} from '@/core/services/config';\r\n// import Topnavbar from \"@/components/layout/TopnavbarBackCustom\";\r\n// import Bottomnavbar from '@/components/layout/Bottomnavbar'\r\n// import BottomnavbarFixed from '@/components/layout/BottomnavbarFixed'\r\n\r\nimport {ApiService} from \"@/core/services/api.service\";\r\nimport DialogConfirm from \"@/components/layout/DialogConfirm\";\r\nimport {mapGetters} from \"vuex\";\r\n\r\nexport default {\r\n    name: \"ChatList\",\r\n    data() {\r\n        return {\r\n            base_url,\r\n            title: \"\",\r\n            indexValue: 1,\r\n            indexValue1: 2,\r\n            valid: true,\r\n            maxHeight: 100,\r\n            dialogConfirm: false,\r\n            message: \"Do you want to archive?\",\r\n            tz: null,\r\n            customer: {\r\n                fname: \"\",\r\n                lname: \"\",\r\n                phone_no: \"\",\r\n                email: \"\",\r\n                profile_pic: \"\",\r\n            },\r\n            file_name: \"\",\r\n            ruleRequired: [(v) => !!v || \"Required\"],\r\n            rulesEmail: [\r\n                (v) => !!v || \"E-mail is required\",\r\n                (v) => /.+@.+/.test(v) || \"E-mail must be valid\",\r\n            ],\r\n            update_input_file: true,\r\n            src: \"\",\r\n            members: [],\r\n            appointmentRoute : 'appointment',\r\n            archive: {\r\n                table_name: \"\",\r\n                table_id: \"\",\r\n            },\r\n            utype:'client',\r\n        };\r\n    },\r\n    mounted() {\r\n        if(localStorage.getItem('utype') === 'service_provider') {\r\n            this.utype = 'service_provider';\r\n            this.appointmentRoute = 'technical-service';\r\n        }\r\n        this.fetchTrucks();\r\n        this.initTimezone();\r\n    },\r\n    methods: {\r\n        openDetails(member) {\r\n            if(member.key === 'apt_id') {\r\n                this.$router.push(`/${this.appointmentRoute}/` + member.id);\r\n                return;\r\n            }\r\n            this.$router.push('/pest-identify/' + member.id);\r\n        },\r\n        messageText(message) {\r\n            let text = message.message;\r\n            if (message.table_from_id == this.currentUser.table_id && message.table_from == this.currentUser.table) {\r\n                text = 'You: ' + text;\r\n            }\r\n            return text.substr(0, 25);\r\n        },\r\n        async initTimezone() {\r\n            let timezone_offset_minutes = new Date().getTimezoneOffset();\r\n            timezone_offset_minutes =\r\n                timezone_offset_minutes === 0 ? 0 : -timezone_offset_minutes;\r\n\r\n            try {\r\n                let res = await ApiService.get(\"timezone/\" + timezone_offset_minutes);\r\n                this.tz = res.tz\r\n            } catch (error) {\r\n                console.error(error);\r\n            }\r\n        },\r\n        handleClose() {\r\n            this.dialogConfirm = false;\r\n        },\r\n        handleOpenArkive(param) {\r\n            this.archive.table_name = param.key;\r\n            this.archive.table_id = param.id;\r\n            this.dialogConfirm = true;\r\n        },\r\n        handleArchive() {\r\n            this.$bus.$emit(\"SHOW_PAGE_LOADER\");\r\n            ApiService.post(\"/chat/archive\", this.archive)\r\n            .then((resp) => {\r\n                this.$bus.$emit(\"HIDE_PAGE_LOADER\");\r\n                this.messageSuccess(resp.message);\r\n                this.handleClose();\r\n                this.fetchTrucks();\r\n            })\r\n            .catch(() => {\r\n                this.$bus.$emit(\"HIDE_PAGE_LOADER\");\r\n                this.messageError(\"Failed to archive\");\r\n            });\r\n        },\r\n        handleBack() {\r\n            this.$router.back();\r\n        },\r\n        handleRoute(id, {key, keyVal}) {\r\n            this.$router.push(\"/gc/\" + id + `?key=${key}&keyVal=${keyVal}`);\r\n        },\r\n        fetchTrucks() {\r\n            this.$bus.$emit(\"SHOW_PAGE_LOADER\");\r\n            ApiService.post(\"/chat/list\")\r\n                .then((resp) => {\r\n                    this.$bus.$emit(\"HIDE_PAGE_LOADER\");\r\n                    this.members = resp.members;\r\n                })\r\n                .catch(() => {\r\n                    this.$bus.$emit(\"HIDE_PAGE_LOADER\");\r\n                    this.message(\"Failed to fetch members\");\r\n                });\r\n        },\r\n    },\r\n    components: {\r\n        // Topnavbar,\r\n        // Bottomnavbar,\r\n        DialogConfirm,\r\n        // BottomnavbarFixed,\r\n        // InputUpload\r\n    },\r\n    computed: {\r\n        ...mapGetters([\"currentUser\"]),\r\n    },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.badge {\r\n    font-size: 90%;\r\n}\r\n.chat-lists {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0px;\r\n    li {\r\n        padding-bottom: 20px;\r\n\r\n        &:not(:last-child) {\r\n            margin-bottom: 20px;\r\n            border-bottom: 1px solid #dadada;\r\n        }\r\n\r\n        .last_msg {\r\n            margin: 0;\r\n            font-size: 0.8rem;\r\n            // font-weight: 600;\r\n        }\r\n\r\n        .last_msg_date {\r\n            margin: 0;\r\n            font-size: 0.7rem;\r\n            // font-style: italic;\r\n            color: #757575;\r\n        }\r\n    }\r\n}\r\n\r\n.price {\r\n    font-size: 3rem;\r\n    color: #000000;\r\n}\r\n\r\n.package-container {\r\n    background: #acfa95;\r\n    border-radius: 10px;\r\n    padding: 18px;\r\n    text-align: center;\r\n}\r\n\r\n.form-container {\r\n    // .login-container{\r\n    background: #acfa95;\r\n    border-radius: 10px;\r\n    margin-top: 27px !important;\r\n    padding: 20px;\r\n    // }\r\n}\r\n</style>\r\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!./ChatGroupPage.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!./ChatGroupPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatGroupPage.vue?vue&type=template&id=73b97252&scoped=true&\"\nimport script from \"./ChatGroupPage.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatGroupPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChatGroupPage.vue?vue&type=style&index=0&id=73b97252&lang=scss&scoped=true&\"\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  \"73b97252\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,VIcon,VRow})\n","// Styles\nimport './VToolbar.sass'\n\n// Extensions\nimport VSheet from '../VSheet/VSheet'\n\n// Components\nimport VImg, { srcObject } from '../VImg/VImg'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\n/* @vue/component */\nexport default VSheet.extend({\n  name: 'v-toolbar',\n\n  props: {\n    absolute: Boolean,\n    bottom: Boolean,\n    collapse: Boolean,\n    dense: Boolean,\n    extended: Boolean,\n    extensionHeight: {\n      default: 48,\n      type: [Number, String],\n    },\n    flat: Boolean,\n    floating: Boolean,\n    prominent: Boolean,\n    short: Boolean,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    tag: {\n      type: String,\n      default: 'header',\n    },\n  },\n\n  data: () => ({\n    isExtended: false,\n  }),\n\n  computed: {\n    computedHeight (): number {\n      const height = this.computedContentHeight\n\n      if (!this.isExtended) return height\n\n      const extensionHeight = parseInt(this.extensionHeight)\n\n      return this.isCollapsed\n        ? height\n        : height + (!isNaN(extensionHeight) ? extensionHeight : 0)\n    },\n    computedContentHeight (): number {\n      if (this.height) return parseInt(this.height)\n      if (this.isProminent && this.dense) return 96\n      if (this.isProminent && this.short) return 112\n      if (this.isProminent) return 128\n      if (this.dense) return 48\n      if (this.short || this.$vuetify.breakpoint.smAndDown) return 56\n      return 64\n    },\n    classes (): object {\n      return {\n        ...VSheet.options.computed.classes.call(this),\n        'v-toolbar': true,\n        'v-toolbar--absolute': this.absolute,\n        'v-toolbar--bottom': this.bottom,\n        'v-toolbar--collapse': this.collapse,\n        'v-toolbar--collapsed': this.isCollapsed,\n        'v-toolbar--dense': this.dense,\n        'v-toolbar--extended': this.isExtended,\n        'v-toolbar--flat': this.flat,\n        'v-toolbar--floating': this.floating,\n        'v-toolbar--prominent': this.isProminent,\n      }\n    },\n    isCollapsed (): boolean {\n      return this.collapse\n    },\n    isProminent (): boolean {\n      return this.prominent\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n        height: convertToUnit(this.computedHeight),\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['app', '<v-app-bar app>'],\n      ['manual-scroll', '<v-app-bar :value=\"false\">'],\n      ['clipped-left', '<v-app-bar clipped-left>'],\n      ['clipped-right', '<v-app-bar clipped-right>'],\n      ['inverted-scroll', '<v-app-bar inverted-scroll>'],\n      ['scroll-off-screen', '<v-app-bar scroll-off-screen>'],\n      ['scroll-target', '<v-app-bar scroll-target>'],\n      ['scroll-threshold', '<v-app-bar scroll-threshold>'],\n      ['card', '<v-app-bar flat>'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genBackground () {\n      const props = {\n        height: convertToUnit(this.computedHeight),\n        src: this.src,\n      }\n\n      const image = this.$scopedSlots.img\n        ? this.$scopedSlots.img({ props })\n        : this.$createElement(VImg, { props })\n\n      return this.$createElement('div', {\n        staticClass: 'v-toolbar__image',\n      }, [image])\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'v-toolbar__content',\n        style: {\n          height: convertToUnit(this.computedContentHeight),\n        },\n      }, getSlot(this))\n    },\n    genExtension () {\n      return this.$createElement('div', {\n        staticClass: 'v-toolbar__extension',\n        style: {\n          height: convertToUnit(this.extensionHeight),\n        },\n      }, getSlot(this, 'extension'))\n    },\n  },\n\n  render (h): VNode {\n    this.isExtended = this.extended || !!this.$scopedSlots.extension\n\n    const children = [this.genContent()]\n    const data = this.setBackgroundColor(this.color, {\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners,\n    })\n\n    if (this.isExtended) children.push(this.genExtension())\n    if (this.src || this.$scopedSlots.img) children.unshift(this.genBackground())\n\n    return h(this.tag, data, children)\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"290\"},model:{value:(_vm.dialogConfirm),callback:function ($$v) {_vm.dialogConfirm=$$v},expression:\"dialogConfirm\"}},[_c('v-card',[_c('v-card-text',{staticClass:\"text-center\"},[_c('h3',{staticStyle:{\"padding-top\":\"40px\"}},[_vm._v(_vm._s(_vm.message ? _vm.message : _vm.defaultMessage))])]),_c('v-card-actions',[_c('v-btn',{attrs:{\"color\":\"secondary\",\"text\":\"\"},on:{\"click\":_vm.handleClose}},[_vm._v(\" No \")]),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\",\"loading\":_vm.loading},on:{\"click\":_vm.handleConfirm}},[_vm._v(\" Yes \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row justify=\"center\">\r\n    <v-dialog\r\n      v-model=\"dialogConfirm\"\r\n      persistent\r\n      max-width=\"290\"\r\n    >\r\n      <v-card>\r\n        <!-- <v-card-title>Confirm</v-card-title> -->\r\n        <v-card-text class=\"text-center\">\r\n            <h3 style=\"padding-top:40px;\">{{ message ? message : defaultMessage}}</h3>\r\n        </v-card-text>\r\n        <v-card-actions>\r\n          <v-btn\r\n            color=\"secondary\"\r\n            text\r\n            @click=\"handleClose\"\r\n          >\r\n            No\r\n          </v-btn>\r\n          <v-spacer></v-spacer>\r\n          <v-btn\r\n            color=\"primary\"\r\n            text\r\n            :loading=\"loading\"\r\n            @click=\"handleConfirm\"\r\n          >\r\n            Yes\r\n          </v-btn>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n  </v-row>\r\n</template>\r\n<script>\r\n  export default {\r\n    props:{\r\n        dialogConfirm:{},\r\n        message:{}\r\n    },\r\n    data () {\r\n      return {\r\n          loading:false,\r\n          type:'deliver',\r\n          defaultMessage:'Do you want to continue?'\r\n      }\r\n    },\r\n    watch:{\r\n        dialogConfirm: function(){\r\n            this.loading = false;\r\n        },\r\n    },\r\n    methods: {\r\n        handleClose(){\r\n            this.$emit('close');\r\n        },\r\n        handleConfirm(){\r\n            this.$emit('handleConfirm');\r\n        }\r\n    }\r\n  }\r\n</script>","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!./DialogConfirm.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!./DialogConfirm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DialogConfirm.vue?vue&type=template&id=642992c8&\"\nimport script from \"./DialogConfirm.vue?vue&type=script&lang=js&\"\nexport * from \"./DialogConfirm.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { 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 { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VDialog,VRow,VSpacer})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"ma-0 pa-0\"},[_c('Topnavbar',{attrs:{\"title\":_vm.title},on:{\"back\":function($event){return _vm.handleBack()}}}),_c('v-container',{staticClass:\"mb80\"},[_c('form',{attrs:{\"id\":\"payment-form\"}},[_c('div',{attrs:{\"id\":\"card-container\"}}),_c('v-btn',{attrs:{\"block\":\"\",\"rounded\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.handleSubmit}},[_vm._v(\"submit\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container class=\"ma-0 pa-0\">\r\n        <Topnavbar :title=\"title\" @back=\"handleBack()\"/>\r\n        <v-container class=\"mb80\">\r\n            <form id=\"payment-form\">\r\n                <div id=\"card-container\"></div>\r\n                <v-btn block rounded color=\"primary\" @click=\"handleSubmit\">submit</v-btn>\r\n            </form>\r\n        </v-container>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport Topnavbar from '@/components/layout/TopnavbarBackCustom'\r\nexport default {\r\n    data() {\r\n        return {\r\n            title:'',\r\n            apikey:'',\r\n            appId: \"sandbox-sq0idb-n-23Y2P_qj3Tzc5R8s3zYA\",\r\n            locationId:'L1MPZMPEMYFS8',\r\n        }\r\n    },\r\n    async mounted() {\r\n        if (!window.Square) {\r\n            throw new Error('Square.js failed to load properly');\r\n        }\r\n        const payments = window.Square.payments(this.appId, this.locationId);\r\n        try {\r\n            this.card = await this.initializeCard(payments);\r\n        } catch (e) {\r\n            console.error('Initializing Card failed', e);\r\n            return;\r\n        }\r\n        // Step 5.2: create card payment\r\n        // });\r\n    \r\n    },\r\n    methods: {\r\n        async initializeCard(payments) {\r\n            const card = await payments.card();\r\n            await card.attach(document.getElementById('card-container'));\r\n            return card;\r\n        },\r\n        async handleSubmit(e){\r\n            await this.handlePaymentMethodSubmission(e);\r\n        },\r\n        async handlePaymentMethodSubmission(event) {\r\n          event.preventDefault();\r\n          try {\r\n            const tokenResult = await this.card.tokenize();\r\n            console.log({tokenResult});\r\n        \r\n          } catch (e) {\r\n        \r\n            console.error(e.message);\r\n          }\r\n        },\r\n        handleBack(){\r\n            this.$router.back();\r\n        },\r\n    },\r\n    components:{\r\n        Topnavbar,\r\n    }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n</style>","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!./Payment.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!./Payment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Payment.vue?vue&type=template&id=2a13d7fb&scoped=true&\"\nimport script from \"./Payment.vue?vue&type=script&lang=js&\"\nexport * from \"./Payment.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  \"2a13d7fb\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VContainer})\n","import VCard from './VCard'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle')\nconst VCardText = createSimpleFunctional('v-card__text')\nconst VCardTitle = createSimpleFunctional('v-card__title')\n\nexport {\n  VCard,\n  VCardActions,\n  VCardSubtitle,\n  VCardText,\n  VCardTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCard,\n    VCardActions,\n    VCardSubtitle,\n    VCardText,\n    VCardTitle,\n  },\n}\n","// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4,\n    },\n    raised: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.options.computed.styles.call(this),\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    },\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.options.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-card__progress',\n        key: 'progress',\n      }, [render])\n    },\n  },\n\n  render (h): VNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.attrs = data.attrs || {}\n      data.attrs.tabindex = 0\n    }\n\n    return h(tag, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      this.$slots.default,\n    ])\n  },\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopnavbarBackCustom.vue?vue&type=style&index=0&id=f22ed85a&lang=scss&scoped=true&\""],"sourceRoot":""}