{"version":3,"sources":["webpack:///./src/components/storeMenuView.vue?0102","webpack:///./src/components/storeMenuView.vue?f4ff","webpack:///./src/views/MenuSelectionPage.vue?f0ef","webpack:///./src/views/MenuSelectionPage.vue?e47f","webpack:///./src/components/storeMenuView.vue?1ba8","webpack:///src/components/storeMenuView.vue","webpack:///./src/components/storeMenuView.vue?c22a","webpack:///./src/components/storeMenuView.vue?7474","webpack:///src/views/MenuSelectionPage.vue","webpack:///./src/views/MenuSelectionPage.vue?a28b","webpack:///./src/views/MenuSelectionPage.vue?ccdc"],"names":["render","_vm","this","_h","$createElement","_c","_self","isDataLoading","isStoreLoading","getAvailableMenus","filteredMenus","length","_e","staticClass","attrs","shouldShowModal","popUp","imagePath","imgLoading","shouldShowReferralModal","imageReferralPath","imgReferralLoading","class","$vuetify","breakpoint","smAndDown","mdAndUp","_v","_s","t","_l","menu","key","code","staticRenderFns","isAvailable","on","onMenuClicked","menuImage","$event","onError","name","buildRenderMobile","staticStyle","domProps","showImage","menuDescription","menuName","replaceAll","buildRender","component"],"mappings":"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","file":"js/menu-selection-page.9c71098f.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./storeMenuView.vue?vue&type=style&index=0&id=629f5dfa&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./storeMenuView.vue?vue&type=style&index=0&id=629f5dfa&scoped=true&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./storeMenuView.vue?vue&type=style&index=1&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./storeMenuView.vue?vue&type=style&index=1&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuSelectionPage.vue?vue&type=style&index=0&id=e8253420&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MenuSelectionPage.vue?vue&type=style&index=0&id=e8253420&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isDataLoading || !_vm.isStoreLoading || _vm.getAvailableMenus === null || _vm.filteredMenus.length === 0)?_c('v-layout',{staticClass:\"sticky-parent mb-5\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[(_vm.shouldShowModal && _vm.popUp)?_c('PopupModal',{attrs:{\"imagePth\":_vm.imagePath,\"loading\":_vm.imgLoading}}):_vm._e(),(_vm.shouldShowReferralModal && _vm.popUp)?_c('PopupModal',{attrs:{\"imagePth\":_vm.imageReferralPath,\"loading\":_vm.imgReferralLoading}}):_vm._e(),_c('v-flex',{staticClass:\"MenuSelectTitle\",class:{\n      'headline': _vm.$vuetify.breakpoint.smAndDown,\n      'display-1': _vm.$vuetify.breakpoint.mdAndUp,\n      'py-3': _vm.$vuetify.breakpoint.smAndDown,\n      'py-1': _vm.$vuetify.breakpoint.mdAndUp\n    },attrs:{\"row\":\"\",\"xs12\":\"\",\"display-1\":\"\",\"py-3\":\"\"}},[(_vm.filteredMenus.length === 0 && !_vm.isDataLoading)?_c('div',[_vm._v(\"\\n      \"+_vm._s(_vm.$vuetify.t('$vuetify.menu.noMenu'))+\"\\n    \")]):(_vm.filteredMenus.length > 1)?_c('div',[_vm._v(\"\\n      \"+_vm._s(_vm.$vuetify.t('$vuetify.menu.selectMenu'))+\"\\n    \")]):_vm._e()]),_c('v-layout',{staticClass:\"MenuContainer justify-center\",attrs:{\"row\":\"\",\"wrap\":\"\",\"grid-list-md\":\"\"}},_vm._l((_vm.filteredMenus),function(menu){return _c('v-flex',{key:menu.code,staticClass:\"pa-3\",attrs:{\"xs12\":\"\",\"sm4\":\"\",\"md3\":\"\",\"xl2\":\"\"}},[_c('store-menu-view',{attrs:{\"menu\":menu}})],1)}),1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hover-animation-container\",class:{ 'disabled': !_vm.isAvailable }},[_c('v-card',{class:{ 'clickable': _vm.isAvailable },attrs:{\"flat\":\"\"},on:{\"click\":_vm.onMenuClicked}},[(_vm.showImage)?_c('div',[_c('v-img',{staticClass:\"menu-image\",attrs:{\"src\":_vm.menuImage,\"aspect-ratio\":\"1.3\"},on:{\"error\":function($event){return _vm.onError()}}})],1):(_vm.$vuetify.breakpoint.name == 'xs' && _vm.buildRenderMobile)?_c('div',{staticClass:\"mobileDetails\",staticStyle:{\"visibility\":\"hidden\"},domProps:{\"innerHTML\":_vm._s(_vm.buildRenderMobile)}}):_vm._e(),_c('div',{staticClass:\"menuTitle title\",class:{ 'block-with-text': _vm.showImage || _vm.menuDescription }},[_vm._v(\" \\n      \"+_vm._s(_vm.menuName)+\" \\n    \")]),(_vm.menuDescription)?_c('div',{staticClass:\"menuDescription\",domProps:{\"innerHTML\":_vm._s(_vm.menuDescription.replaceAll('\\n', '<br>'))}}):_vm._e(),(_vm.$vuetify.breakpoint.name == 'xs' && _vm.buildRenderMobile)?_c('div',{staticClass:\"mobileDetails fixed-details\",domProps:{\"innerHTML\":_vm._s(_vm.buildRenderMobile)}}):(!!_vm.buildRender)?_c('div',{attrs:{\"id\":\"hoverOverlay\"},domProps:{\"innerHTML\":_vm._s(_vm.buildRender)}}):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"hover-animation-container\" :class=\"{ 'disabled': !isAvailable }\">\r\n    <v-card flat @click=\"onMenuClicked\" :class=\"{ 'clickable': isAvailable }\">\r\n      <div v-if=\"showImage\">\r\n        <v-img\r\n          :src=\"menuImage\"\r\n          aspect-ratio=\"1.3\"\r\n          class=\"menu-image\"\r\n          @error=\"onError()\"\r\n        />\r\n      </div>\r\n      <!-- When there's no image, the hours block covers the name. So use an invisible block to accocate the space -->\r\n      <div v-else-if=\"$vuetify.breakpoint.name == 'xs' && buildRenderMobile\" v-html=\"buildRenderMobile\" class=\"mobileDetails\" style=\"visibility: hidden;\"> </div>\r\n\r\n      <div class=\"menuTitle title\" :class=\"{ 'block-with-text': showImage || menuDescription }\"> \r\n        {{ menuName }} \r\n      </div> \r\n\r\n      <div v-if=\"menuDescription\"\r\n        class=\"menuDescription\"\r\n        v-html=\"menuDescription.replaceAll('\\n', '<br>')\"\r\n      > </div> \r\n\r\n      <div v-if=\"$vuetify.breakpoint.name == 'xs' && buildRenderMobile\" class=\"mobileDetails fixed-details\" v-html=\"buildRenderMobile\"> </div>\r\n      <div v-else-if=\"!!buildRender\" id=\"hoverOverlay\" v-html=\"buildRender\"> </div>\r\n    </v-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import get from 'lodash/get';\r\n\r\n  import { mapGetters, mapActions } from 'vuex'\r\n\r\n  import { formatTime, revertTimeFraction, matchTranslation, isNullOrEmpty } from '@/services/util.service'\r\n  import { allNextAvailableDaySchedules } from '@/services/schedule.service'\r\n\r\n  export default {\r\n    props: {\r\n      menu: Object\r\n    },\r\n\r\n    data() {\r\n      return {\r\n        imageError: false\r\n      }\r\n    },\r\n    created() {\r\n      const tid = this.$route.query['tid'];\r\n      const restrictMenu = get(this.getStore, 'settings.orderSettings.restrictMenuOnDiningTable');\r\n\r\n      if (restrictMenu && tid) {\r\n        this.$store.dispatch('fetchAssignedMenus', tid);\r\n      }\r\n\r\n      this.$watch(\r\n        'getTableId',\r\n        (newTableId) => {\r\n          if (newTableId) {\r\n            this.$store.dispatch('fetchAssignedMenus', newTableId);\r\n          }\r\n        },\r\n        { immediate: true } \r\n      );\r\n    },\r\n    computed: {\r\n      restrictedAssignedMenus() {\r\n        return this.$store.getters.getAssignedMenus;\r\n      },\r\n      hasImage() {\r\n        return !!this.menuImage\r\n      },\r\n      menuImage() {\r\n        const path = process.env.VUE_APP_API_IMAGE\r\n        const imgPath = get(this.menu, 'imageUrl', '')\r\n        if (imgPath.startsWith('https://')) {\r\n          return imgPath\r\n        } else {\r\n         return path && imgPath ? `${path}${imgPath}` : null\r\n        }\r\n      },\r\n      showImage() {\r\n        return this.hasImage && !this.imageError\r\n      },\r\n\r\n      menuName() {\r\n        const _name = get(this.menu.name, 'translations', [])\r\n\r\n        if (!isNullOrEmpty(_name))\r\n          return matchTranslation(_name)\r\n        return ''\r\n      },\r\n\r\n      menuDescription() {\r\n        const _desc = get(this.menu.description, 'translations', [])\r\n\r\n        if (!isNullOrEmpty(_desc))\r\n          return matchTranslation(_desc)\r\n        return ''\r\n      },\r\n\r\n      getMenuSchedulesStartEnd() {\r\n        return allNextAvailableDaySchedules(get(this.menu, 'schedule.items', []) || [])\r\n      },\r\n\r\n      buildRender() {\r\n        const schedules = this.getMenuSchedulesStartEnd\r\n\r\n        if (!isNullOrEmpty(schedules)) {\r\n          const { nextAvailableDay } = schedules[0]\r\n\r\n          return `\r\n            <h1>\r\n              ${this.menuName}\r\n            </h1>\r\n            ${!!nextAvailableDay\r\n              ? `<h3 style=\"margin-top: 10px\">\r\n                ${this.$vuetify.t('$vuetify.menu.dayAvailable')}: ${this.$capatalize(nextAvailableDay)}\r\n              </h3>`\r\n              : ''}\r\n            <h3 style=\"margin-top: 10px\">\r\n              ${this.$vuetify.t('$vuetify.menu.available')}\r\n            </h3>\r\n            ${schedules.map(_schedule => `${this.buildTime(_schedule.start)} - ${this.buildTime(_schedule.end)}`).join(',<br>')}\r\n          `\r\n        }\r\n\r\n        return ''\r\n      },\r\n      buildRenderMobile() {\r\n        const schedules = this.getMenuSchedulesStartEnd\r\n\r\n        if (!isNullOrEmpty(schedules)) {\r\n          const { nextAvailableDay } = schedules[0]\r\n\r\n          return `\r\n            <h3>\r\n              ${this.$vuetify.t('$vuetify.menu.available')}:\r\n            </h3>\r\n            ${!!nextAvailableDay\r\n              ? `<div style=\"margin-top: 10px\">\r\n                ${this.$vuetify.t('$vuetify.menu.dayAvailable')}: ${this.$capatalize(nextAvailableDay)}\r\n              </div>`\r\n              : ''}\r\n            <div style=\"margin-top: 10px\">\r\n              ${this.$vuetify.t('$vuetify.menu.available')}\r\n            </div>\r\n            ${schedules.map(_schedule => `${this.buildTime(_schedule.start)} - ${this.buildTime(_schedule.end)}`).join(',<br>')}\r\n          `\r\n        }\r\n\r\n        return ''\r\n      },\r\n\r\n      isAvailable() {\r\n        const tid = this.$route.query['tid'];\r\n        const restrictMenu = get(this.getStore, 'settings.orderSettings.restrictMenuOnDiningTable');\r\n\r\n        if (restrictMenu && tid) {\r\n          const assignedMenus = this.restrictedAssignedMenus;\r\n          const isMenuAssigned = assignedMenus.some(menu => menu === this.menu.code);\r\n          return isMenuAssigned;\r\n        }\r\n        return this.assignedMenuIsAllowed(this.menu);\r\n      },\r\n\r\n      ...mapGetters([\r\n        'getTableId',\r\n        'getStore',\r\n        'getLocalCart',\r\n        'getServerCart',\r\n        'isDineIn',\r\n        'isDineInTableSet',\r\n        'menuAvailableTime',\r\n        'assignedMenuIsAllowed',\r\n        'fetchAssignedMenus'\r\n      ])\r\n    },\r\n\r\n    methods: {\r\n      onError() {\r\n        this.imageError = true\r\n      },\r\n      onMenuClicked() {\r\n        const dineInOnlyQueryParam = this.$route.query.dineInOnly;\r\n        const referrerPath = this.$route.query.referrer;\r\n        if (referrerPath) {\r\n          localStorage.setItem('forcePopupReferral', JSON.stringify(true));\r\n        }\r\n        const tid = this.$route.query.tid;\r\n        const vc = this.$route.query.vc;\r\n        this.$router.push({\r\n          name: 'store',\r\n          params: {\r\n            gid: this.getStore.groupId,\r\n            sid: this.getStore.storeId,\r\n            mid: this.menu.code,\r\n            restaurantSlug: this.getStore.slug,\r\n            tid,\r\n            dineInOnly: dineInOnlyQueryParam\r\n          },\r\n          query: {\r\n            dineInOnly: dineInOnlyQueryParam,\r\n            tid: tid,\r\n            vc: vc\r\n          }\r\n        }).catch(error => { console.log(error)});\r\n      },\r\n\r\n      buildTime(time) {\r\n        return formatTime(revertTimeFraction(time))\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .hover-animation-container, .v-card {\r\n    height: 100%;\r\n  }\r\n  .v-card {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .disabled .v-card {\r\n    background-color: rgba(240, 240, 240, 0.65) !important;\r\n    color: #3a3939;\r\n  }\r\n\r\n  #hoverOverlay {\r\n    position: absolute;\r\n    top: 100%;\r\n\r\n    background-color: rgba(255, 255, 255, 0.92);\r\n\r\n    text-align: left;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    padding: 40px;\r\n\r\n    transition: all 0.3s ease-in-out;\r\n    -webkit-transition: all 0.3s ease-in-out;\r\n    -moz-transition: all 0.3s ease-in-out;\r\n    -ms-transition: all 0.3s ease-in-out;\r\n    -o-transition: all 0.3s ease-in-out;\r\n  }\r\n  .hover-animation-container:hover #hoverOverlay {\r\n    top: 0;\r\n  }\r\n\r\n  .block-with-text {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical !important;\r\n  }\r\n\r\n  .menuTitle {\r\n    font-size: var(--text-size-2);\r\n    font-weight: 600;;\r\n\r\n    margin: 5px;\r\n  }\r\n  .menuTitle:not(.block-with-text) {\r\n    padding: 35px 0px;\r\n  }\r\n  .menuDescription {\r\n    font-size: var(--text-size-1);\r\n    text-align: left;\r\n\r\n    margin: 5px;\r\n  }\r\n</style>\r\n<style>\r\n  .mobileDetails {\r\n    background-color: rgba(250, 250, 250, 0.95);\r\n    border-color: silver;\r\n    border-width: 0px 0.5px 0.5px 0px;\r\n    border-style: solid;\r\n\r\n    z-index: 0;\r\n    padding: 5px 15px 5px 5px;\r\n\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    text-align: left;\r\n  }\r\n  .fixed-details {\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n  }\r\n  .fixed-details>div {\r\n    font-size: 16px;\r\n    font-weight: 500;\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!./storeMenuView.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!./storeMenuView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./storeMenuView.vue?vue&type=template&id=629f5dfa&scoped=true&\"\nimport script from \"./storeMenuView.vue?vue&type=script&lang=js&\"\nexport * from \"./storeMenuView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./storeMenuView.vue?vue&type=style&index=0&id=629f5dfa&scoped=true&lang=css&\"\nimport style1 from \"./storeMenuView.vue?vue&type=style&index=1&lang=css&\"\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  \"629f5dfa\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<v-layout row wrap v-if=\"!isDataLoading || !isStoreLoading || getAvailableMenus === null || filteredMenus.length === 0\" class=\"sticky-parent mb-5\">\n    <PopupModal v-if=\"shouldShowModal && popUp\" :imagePth=\"imagePath\" :loading=\"imgLoading\" />\n    <PopupModal v-if=\"shouldShowReferralModal && popUp\" :imagePth=\"imageReferralPath\" :loading=\"imgReferralLoading\" />\n  <v-flex row xs12 display-1 py-3\n    class=\"MenuSelectTitle\"\n    :class=\"{\n      'headline': $vuetify.breakpoint.smAndDown,\n      'display-1': $vuetify.breakpoint.mdAndUp,\n      'py-3': $vuetify.breakpoint.smAndDown,\n      'py-1': $vuetify.breakpoint.mdAndUp\n    }\"\n  >\n    <div v-if=\"filteredMenus.length === 0 && !isDataLoading\">\n      {{$vuetify.t('$vuetify.menu.noMenu')}}\n    </div>\n    <div v-else-if=\"filteredMenus.length > 1\">\n      {{$vuetify.t('$vuetify.menu.selectMenu')}}\n    </div>\n  </v-flex>\n\n  <v-layout row wrap grid-list-md class=\"MenuContainer justify-center\">\n    <v-flex v-for=\"menu in filteredMenus\" :key=\"menu.code\" xs12 sm4 md3 xl2 class=\"pa-3\">\n      <store-menu-view :menu=\"menu\" />\n    </v-flex>\n  </v-layout>\n</v-layout>\n</template>\n\n<script>\n  import { mapActions, mapGetters } from \"vuex\";\n\n  import StoreMenuView from \"@/components/storeMenuView\";\n  import PopupModal from '@/views/PopupModal.vue'\n\n  export default {\n    components: { StoreMenuView, PopupModal },\n    data() {\n      return {\n        shouldShowModal: false,\n        imagePath: null,\n        shouldShowReferralModal: false,\n        imageReferralPath: null,\n        imgReferralLoading: true,\n        imgLoading: true,\n        isFirstVisit: false,\n        popUp: false,\n        isDataLoading: true,\n        referrer: '',\n        hasRedirected: false\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\n    computed: {\n      ...mapGetters([\n        'isStoreLoading',\n        'getAvailableMenus',\n        'isMenuChannelAllowed',\n        'getStore',\n        'getOrderType',\n        'getLiteMenus',\n        'getMenus'\n      ]),\n      isFetchingMenus() {\n        return this.getAvailableMenus === null || this.getLiteMenus === null;\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              if(menu.channels && menu.channels.length) {\n                return menu.channels.includes(\"ONLINE\") && this.getLiteMenus.some(liteMenu => liteMenu.code === menu.code);\n              } else {\n                return this.getLiteMenus.some(liteMenu => liteMenu.code === menu.code)\n              }\n            });\n            if (filteredMenus.length == 0){\n              this.handleApiLog('MenuSelect 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('MenuSelect !getAvailableMenus. This is getMenus without filters', this.getMenus)\n            } \n            if (this.getAvailableMenus.length == 0) {\n              this.handleApiLog('MenuSelect 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    methods: {\n      async initializeComponent() {\n        this.isDataLoading = true;\n        try {\n            const { sid } = this.$route.params;\n            await this.fetchStore({\n                gid: this.getStore.groupId,\n                sid\n            });\n            if (!this.getStore || !this.getStore.storeId) {\n                throw new Error(\"Store data is missing or invalid.\");\n            }\n            await this.fetchLiteMenus();\n            if (this.filteredMenus.length === 1) {\n                this.redirectToSingleMenu();\n            } else {\n                this.popUp = true;\n            }\n        } catch (error) {\n            console.error(\"An error occurred during initialization:\", error);\n            this.handleApiError(error);\n        } finally {\n            this.isDataLoading = false;\n        }\n    },\n      extractReferrer() {\n        const urlParams = new URLSearchParams(window.location.search);\n        this.referrer = urlParams.get('referrer') || '';\n      },\n      ...mapActions([ 'clearMenu', 'fetchLiteMenus', 'fetchStore' ]),\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: 'MenuSelect 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 = `MenuSelect ${part} ${formattedLog.join(', ')}`;\n        }  else if (typeof log === 'object') {\n          formattedMsg = `MenuSelect ${part} ${JSON.stringify(log)}`;\n        } else {\n          formattedMsg = `MenuSelect ${part} ${String(log)}`;\n        }\n        try {\n          this.$api.post('/order/error', {\n            error: formattedMsg,\n            storeId: this.getStore.storeId\n          });\n        } catch (postError) {\n          console.error('Error while handling API error:', postError);\n        }\n      },\n      imagePth() {\n        const store = this.getStore;\n        let path;\n        if (store &&\n        store.settings &&\n        store.settings.owaSettings &&\n        store.settings.owaSettings.owaStoreNews && \n        store.settings.owaSettings.owaStoreNews.news && \n        store.settings.owaSettings.owaStoreNews.news.length\n        ) {\n          path = `${process.env.VUE_APP_API_IMAGE}${store.settings.owaSettings.owaStoreNews.news[0].imgUrl}`\n          this.shouldShowModal = this.isFirstVisit;\n        }\n        this.imagePath = path\n      },\n      imageReferralPth() {\n        const store = this.getStore;\n        const referrerPath = this.$route.query.referrer;\n        let path;\n        if (store &&\n        store.settings &&\n        store.settings.rewardsSettings &&\n        store.settings.rewardsSettings.referralSettings &&\n        store.settings.rewardsSettings.referralSettings.referralBannerImageUrl &&\n        store.settings.rewardsSettings.supportsReferralBonus &&\n        referrerPath\n        ) {\n          path = `${process.env.VUE_APP_API_IMAGE}${store.settings.rewardsSettings.referralSettings.referralBannerImageUrl}`\n          this.shouldShowReferralModal = this.isFirstVisit;\n        }\n        this.imageReferralPath = path\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    beforeRouteEnter(to, from, next) {\n      const isFirstVisit = from.name === null;\n      next(vm => {\n        vm.isFirstVisit = isFirstVisit;\n        vm.imagePth();\n      });\n    },\n\n created() {\n  this.initializeComponent();\n}\n\n}\n</script>\n\n<style scoped>\n  .MenuSelectTitle {\n    font-size: var(--text-size-3) !important;\n    font-weight: 500;\n  }\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!./MenuSelectionPage.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!./MenuSelectionPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuSelectionPage.vue?vue&type=template&id=e8253420&scoped=true&\"\nimport script from \"./MenuSelectionPage.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuSelectionPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MenuSelectionPage.vue?vue&type=style&index=0&id=e8253420&scoped=true&lang=css&\"\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  \"e8253420\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}