{"version":3,"sources":["webpack:///./src/views/ScanTablePage.vue?3512","webpack:///src/views/ScanTablePage.vue","webpack:///./src/views/ScanTablePage.vue?9a3b","webpack:///./src/views/ScanTablePage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_e","staticRenderFns","computed","watch","getOrderType","handler","immediate","methods","waitForQueryAndSetTableId","$route","params","tid","$store","dispatch","undefined","query","vc","setTimeout","redirectToSingleMenu","_","debounce","component"],"mappings":"0HAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAiB,cAAEI,EAAG,sBAAsB,CAACE,YAAY,YAAYC,MAAM,CAAC,KAAO,IAAI,MAAQ,EAAE,MAAQ,UAAU,cAAgB,MAAMP,EAAIQ,MAAM,IAC1PC,EAAkB,G,6vCCetB,OACE,KADF,WAEI,MAAJ,CACM,eAAN,EACM,OAAN,EACM,eAAN,IAGEC,SAAU,EAAZ,GACA,gBACA,WACA,iBACA,oBACA,uBACA,eACA,eACA,aARA,CAUI,cAVJ,WAUM,IAAN,OACM,IACE,GAAR,oGACU,IAAV,6CACY,OAAZ,iCAAc,OAAO,EAArB,oBAQU,OANV,aACY,KAAZ,wHACc,kBAAd,uBACc,eAAd,oBAGA,EAQU,OANV,wBACY,KAAZ,wFAEA,kCACY,KAAZ,yGAEA,GAEA,SAEQ,OADA,KAAR,kBACA,OAIEC,MAAO,CAELC,aAAc,CACZC,QAAS,uBACTC,WAAW,IAGf,QArDF,iIAsDA,iCAtDA,SAwDA,yBACA,gDAzDA,SA0DA,sBA1DA,OA2DA,mBACA,gEAEA,0EACA,qEAEA,mGACA,8CACA,cACA,sCACA,oBACA,eACA,QACA,uBACA,sBACA,sBACA,QACA,MACA,mCAEA,OACA,MACA,aACA,UAKA,4BAGA,0DACA,cACA,yDA5FA,qDAgGA,0BACA,wCAjGA,yBAmGA,sBAnGA,qIAsGEC,QAAS,EAAX,CACIC,0BADJ,WACA,WACUf,KAAKgB,OAAOC,OAAOC,MACrBlB,KAAKmB,OAAOC,SAAS,aAAcpB,KAAKgB,OAAOC,OAAOC,KACtDlB,KAAKmB,OAAOC,SAAS,eAAgB,iBAGVC,IAAzBrB,KAAKgB,OAAOM,MAAMC,GACpBvB,KAAKmB,OAAOC,SAAS,qBAErBI,YAAW,gBACnB,IAAc,EAAd,iBACY,EAAZ,uCAEA,OAGA,+DAjBA,CAkBI,qBAlBJ,gHAoBA,kBApBA,gCAqBA,sBArBA,wGAwBI,eAxBJ,wCAwBA,GAxBA,kEAyBA,IACA,+BACA,qBACA,gCAEA,SACA,mDA/BA,yGAkCI,aAlCJ,wCAkCA,KAlCA,wEAoCA,kBACA,qBACA,sBACA,kBAEA,aAEA,4CACA,gBACA,gDAEA,wCA/CA,sGAkDIC,qBAAsBC,EAAEC,UAAS,WAC/B,IAAN,mBAAM,CACA,KAAN,iBACM,IAAN,iBAAQ,SAAR,kBACA,6BACA,yBACA,+BACA,gDACA,uBACA,GACQ,KAAR,QACQ,OAAR,GACU,IAAV,EACU,IAAV,2BACU,eAAV,oBACA,GAEQ,MAAR,CACU,WAAV,EACU,IAAV,EACU,iBAAV,EACU,GAAV,IAIA,2BACA,+DACA,4DAMA,oDACQ,aAAR,0CACA,OACU,aAAV,iDAEQ,KAAR,oBATQ,QAAR,2DAWA,QChNuV,I,YCOnVC,EAAY,eACd,EACA9B,EACAU,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E","file":"js/scan-table-page.d7a73dde.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.isDataLoading)?_c('v-progress-circular',{staticClass:\"mt-3 mb-3\",attrs:{\"size\":100,\"width\":7,\"color\":\"primary\",\"indeterminate\":\"\"}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-progress-circular\n      v-if=\"isDataLoading\"\n      :size=\"100\"\n      :width=\"7\"\n      color=\"primary\"\n      indeterminate\n      class=\"mt-3 mb-3\"\n    ></v-progress-circular>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\n\nexport default {\n     data() {\n      return {\n        isDataLoading: true,\n        popUp: false,\n        hasRedirected: false\n      };\n    },\n  computed: {\n    ...mapGetters([\n      'getStore',\n      'isStoreLoading',\n      'getAvailableMenus',\n      'isMenuChannelAllowed',\n      'getOrderType',\n      'getLiteMenus',\n      'getMenus'\n    ]),\n      filteredMenus() {\n        try {\n          if (this.getAvailableMenus && this.getAvailableMenus.length && this.getLiteMenus && this.getLiteMenus.length) {\n            const filteredMenus = this.getAvailableMenus.filter(menu => {\n              return this.getLiteMenus.some(liteMenu => liteMenu.code === menu.code);\n            });\n            if (filteredMenus.length == 0){\n              this.handleApiLog('Scan filteredMenus is an empty array. getAvailableMenus and getLiteMenus empty. These are the two menus', {\n                getAvailableMenus: this.getAvailableMenus,\n                fetchLiteMenus: this.getLiteMenus\n              })\n            }\n            return filteredMenus;\n          } else {\n            if (!this.getAvailableMenus) {\n              this.handleApiLog('Scan !getAvailableMenus. This is getMenus without filters', this.getMenus)\n            } \n            if (this.getAvailableMenus.length == 0) {\n              this.handleApiLog('Scan getAvailableMenus is an empty array. This is getMenus without filters', this.getMenus)\n            } \n            return [];\n          }\n        } catch (e) {\n          this.handleApiError(e);\n          return [];\n        }\n      }\n  },\n  watch: {\n    // Watch for changes in getOrderType and trigger a re-fetch if needed\n    getOrderType: {\n      handler: 'refetchMenusIfNeeded',\n      immediate: true // Trigger the handler immediately on component mount\n    }\n  },\n  async created() {\n    this.waitForQueryAndSetTableId();\n    try {\n      const { sid } = this.$route.params;\n      const tid = this.$route.query.tid || this.$route.params.tid;\n      await this.fetchLiteMenus();\n      if (!this.getLiteMenus) {\n        this.handleApiLog('MenuSelect !getLiteMenus', this.getLiteMenus)\n      } \n      if (this.getLiteMenus !== null && this.getLiteMenus && this.getLiteMenus.length == 0) {\n        this.handleApiLog('MenuSelect getLiteMenus empty',this.getLiteMenus)\n      } \n      if (this.getAvailableMenus && this.getLiteMenus && this.getAvailableMenus.length && this.getLiteMenus.length) {\n        if (this.getAvailableMenus.length > 1 && !this.popUp) {\n            this.popUp = true;\n            if (this.$route.name !== 'menu-selection') {\n              let query = this.$route.query;\n              const dineInOnlyQueryParam = query.dineInOnly;\n              query.tid = tid;\n              const vc = this.$route.query.vc;\n              this.$router.replace({\n                name: 'menu-selection',\n                params: {\n                  sid,\n                  restaurantSlug: this.getStore.slug\n                },\n                query: {\n                  tid,\n                  dineInOnly: dineInOnlyQueryParam,\n                  vc\n                }\n              })\n            }\n        } else {\n          this.redirectToSingleMenu();\n        }\n      } else {\n        if (this.getAvailableMenus !== null && this.getLiteMenus !== null){\n          this.popUp = true;\n          this.clearMenu(this.$vuetify.t('$vuetify.menu.noMenu'));\n        }\n      }\n    } catch (error) {\n      this.handleApiError(error);\n      console.error('Error in created:', error);\n    } finally {\n      this.isDataLoading = false;\n    }\n  },\n  methods: {\n    waitForQueryAndSetTableId() {\n      if (this.$route.params.tid) {\n        this.$store.dispatch(\"setTableId\", this.$route.params.tid);\n        this.$store.dispatch(\"setOrderType\", \"DINE_IN\")\n      }\n\n      if (this.$route.query.vc !== undefined) {\n        this.$store.dispatch(\"fetchShoppingCart\");\n      } else {\n        setTimeout(() => {\n          if (this.$route.query.vc !== undefined) {\n            this.$store.dispatch(\"fetchShoppingCart\");\n          }\n        }, 500); \n      }\n    },\n    ...mapActions(['setDineInOnly', 'clearMenu', 'fetchLiteMenus']),\n      async refetchMenusIfNeeded() {\n        // Check the flag that you want to trigger a re-fetch\n        if (this.getOrderType) {\n          await this.fetchLiteMenus();\n        }\n      },\n      async handleApiError(error) {\n        try {\n          this.$api.post('/order/error', {\n            error: 'Scan ERROR' + error,\n            storeId: this.getStore.storeId\n          });\n        } catch (postError) {\n          console.error('Error while handling API error:', postError);\n        }\n      },\n    async handleApiLog(part, log) {\n      let formattedMsg;\n      if (Array.isArray(log)) {\n        const formattedLog = log.map(item => {\n          if (typeof item === 'object') {\n            return JSON.stringify(item);\n          }\n          return String(item);\n        });\n        formattedMsg = `Scan ${part} ${formattedLog.join(', ')}`;\n      } else if (typeof log === 'object') {\n        formattedMsg = `Scan ${part} ${JSON.stringify(log)}`;\n      } else {\n        formattedMsg = `Scan ${part} ${String(log)}`;\n      }\n    },\n    redirectToSingleMenu: _.debounce(function() {\n        if (this.hasRedirected) return;\n        this.hasRedirected = true;\n        const referrerParam = this.referrer ? { referrer: this.referrer } : {};\n        const referrerPath = this.$route.query.referrer;\n        const { sid } = this.$route.params;\n        const dineInOnlyQueryParam = this.$route.query.dineInOnly;\n        const tid = this.$route.query.tid || this.$route.params.tid;\n        const vc = this.$route.query.vc;\n        const targetRoute = {\n          name: 'store',\n          params: {\n              sid,\n              mid: this.filteredMenus[0].code,\n              restaurantSlug: this.getStore.slug,\n              ...referrerParam\n          },\n          query: {\n              dineInOnly: dineInOnlyQueryParam,\n              tid,\n              skipBeforeEnter: true,\n              vc\n          }\n        };\n        if (\n          this.$route.name === targetRoute.name &&\n          JSON.stringify(this.$route.params) === JSON.stringify(targetRoute.params) &&\n          JSON.stringify(this.$route.query) === JSON.stringify(targetRoute.query)\n        ) {\n            console.log('Navigation skipped: Already at the target route.');\n            return;\n        }\n\n        if (this.filteredMenus && this.filteredMenus.length === 1) {\n            localStorage.setItem('forcePopup', JSON.stringify(true));\n            if (referrerParam || referrerPath) {\n                localStorage.setItem('forcePopupReferral', JSON.stringify(true));\n            }\n            this.$router.replace(targetRoute);\n        }\n    }, 500)\n  }\n};\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!./ScanTablePage.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!./ScanTablePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ScanTablePage.vue?vue&type=template&id=7e82a764&\"\nimport script from \"./ScanTablePage.vue?vue&type=script&lang=js&\"\nexport * from \"./ScanTablePage.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":""}