{"version":3,"file":"ServiceUnavailable-DxaM-9Tn.js","sources":["../../src/apps/orderFromTable/views/outside/NoTable.vue","../../src/apps/orderFromTable/views/outside/NoOrder.vue","../../src/apps/orderFromTable/views/outside/TableClosed.vue","../../src/apps/orderFromTable/views/feedback/PaymentSuccess.vue","../../src/apps/orderFromTable/views/feedback/PaymentError.vue","../../src/apps/orderFromTable/views/feedback/PaymentPending.vue","../../src/apps/orderFromTable/views/feedback/PaymentExceedsTotal.vue","../../src/store/table/modules/cart.ts","../../src/apps/orderFromTable/views/checkout/PersonalizedAmount.vue","../../src/apps/orderFromTable/views/checkout/PaymentMethod.vue","../../src/apps/orderFromTable/views/more/CloseTable.vue","../../src/components/ExpansionPanel.vue","../../src/apps/orderFromTable/views/checkout/Checkout.vue","../../src/apps/orderFromTable/views/checkout/DutchPayment.vue","../../src/apps/orderFromTable/views/checkout/SplitPayment.vue","../../src/apps/orderFromTable/views/more/PaymentErrorModal.vue","../../src/apps/orderFromTable/views/outside/ServiceUnavailable.vue"],"sourcesContent":["<template lang=\"pug\">\nEatView(:isScrollable=\"true\")\n  template(v-slot:default)\n    div.d-flex.flex-column.flex-grow-1.bg-white.pb-5.rounded-t-xxl(v-if=\"app && location\")\n      div.cover-image-background.rounded-t-xxl\n        div.cover-image__container.rounded-t-xxl.overflow-hidden\n          EatImage.cover-image(:src=\"app.coverImageUrl\" aspectRatio=\"16/9\")\n          div.logo__container.rounded-lg\n            EatImage.logo.rounded-lg(:src=\"location.logoUrl\")\n\n        div.d-flex.flex-column\n          div.container.rounded-b-xxl.pb-3.mb-1\n            div.location-info\n              h1.text-h5.font-weight-medium {{ location.businessName }}\n              div.subtitle-2.mt-2 {{ fullAddress(location) }}\n              div.text-primary.subtitle-2.pb-3 {{ isLocationOpenToday ? $t(\"location.open\") + \" \" + todaysOpeningHours : $t(\"location.closed\") }}\n        div.container.pb-3\n          div.text-h5.text-center.font-weight-medium.pb-5 {{$t('table.noTable.noTableSpecified')}}\n          div.px-5.pb-5\n            div.mt-3.text-center {{$t('table.noTable.noTableSpecifiedInstructions')}}\n            div.mt-3.text-center {{$t('table.noTable.contactStaff')}}\n</template>\n\n<script setup lang=\"ts\">\nimport { useApp } from \"@/store/app\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { fullAddress } from \"@/models/AppLocation\";\nimport useOpeningHours from \"@/store/openingHours\";\nimport { useI18n } from \"vue-i18n\";\n\nconst { app, location } = useApp();\nconst { isLocationOpenToday, todaysOpeningHours } = useOpeningHours(\n  location.value?.openingHours\n);\n\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"table.noTable.title\").toString());\n</script>\n\n<style lang=\"scss\" scoped>\n$logoHeight: 112px;\n\n.cover-image__container {\n  position: relative;\n  padding-bottom: calc(#{$logoHeight} / 2);\n  .logo__container {\n    width: $logoHeight;\n    position: absolute;\n    bottom: 0;\n    left: 20px;\n    /* transform: translateY(50%); */\n    background: rgb(197, 245, 49);\n    background: linear-gradient(226deg, rgba(197, 245, 49, 1) 10%, rgba(0, 113, 242, 1) 92%);\n    .logo {\n      border: 1px solid transparent;\n    }\n  }\n}\n</style>\n","<template lang=\"pug\">\nEatView.bg-neutral-a(:isScrollable=\"true\")\n  template(v-slot:default)\n    div.d-flex.flex-column.flex-grow-1.bg-neutral-a.pb-5.rounded-t-xl\n      div.cover-image-background.rounded-t-xl.bg-white\n        div.cover-image__container.rounded-t-xl.overflow-hidden.bg-white\n          EatImage.cover-image(:src=\"app?.coverImageUrl\" aspectRatio=\"16/9\")\n        div.logo__container.rounded-lg\n          EatImage.logo.rounded(:src=\"location?.logoUrl\")\n\n      div.d-flex.flex-column(v-if=\"location\")\n        div.container.rounded-b-xxl.pb-3.bg-white.mb-1\n          div.location-info\n            h1.text-h5.font-weight-medium {{ location.businessName }}\n            div.subtitle-2.mt-2 {{ fullAddress(location) }}\n            div.text-primary.subtitle-2.pb-3 {{ isLocationOpenToday ? $t(\"location.open\") + \" \" + todaysOpeningHours : $t(\"location.closed\") }}\n      RoundedContainer.flex-grow-1.pb-10.mb-16\n          div.pa-3.pb-0.flex-grow-1.d-flex.flex-column\n            div.mt-3.text-center.font-weight-bold {{$t('table.noOrder.title')}}\n            div.mt-3.text-center {{$t('table.noOrder.noOrderItems')}}\n            div.mt-3.text-center {{$t('table.noOrder.contactStaff')}}\n</template>\n\n<script setup lang=\"ts\">\nimport { useApp } from \"@/store/app\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { fullAddress } from \"@/models/AppLocation\";\nimport useOpeningHours from \"@/store/openingHours\";\nimport { useI18n } from \"vue-i18n\";\n\nconst { app, location } = useApp();\nconst { isLocationOpenToday, todaysOpeningHours } = useOpeningHours(location.value?.openingHours);\n\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"table.noOrder.title\").toString());\n</script>\n\n<style lang=\"scss\" scoped>\n$coverHeight: 200px;\n$logoHeight: 112px;\n\n.cover-image-background {\n  min-height: calc(#{$coverHeight} + calc(#{$logoHeight} / 2));\n  position: relative;\n  .cover-image__container {\n    height: $coverHeight;\n    width: 100%;\n    .cover-image {\n      height: 100%;\n      width: 100%;\n      object-fit: cover;\n    }\n  }\n  .logo__container {\n    height: $logoHeight;\n    width: $logoHeight;\n    position: absolute;\n    bottom: 0;\n    left: 20px;\n    background: rgb(197, 245, 49);\n    background: linear-gradient(226deg, rgba(197, 245, 49, 1) 10%, rgba(0, 113, 242, 1) 92%);\n    .logo {\n      border: 1px solid transparent;\n    }\n  }\n}\n</style>\n","<template lang=\"pug\">\nEatView(:loading=\"viewLoading\" :isScrollable=\"true\")\n  template(v-slot:default)\n    div.d-flex.flex-column.flex-grow-1.bg-white.pb-5.rounded-t-xxl(v-if=\"location && app\")\n      div.cover-image-background.rounded-t-xxl\n        div.cover-image__container.rounded-t-xxl.overflow-hidden\n          EatImage.cover-image(:src=\"app.coverImageUrl\" :aspectRatio=\"appHeight < 700 ? '16/9': '5/4'\")\n          div.logo__container.rounded-lg\n            EatImage.logo.rounded(:src=\"location.logoUrl\")\n\n        div.container.flex-grow-1.pb-3\n          div.text-h5.text-center.font-weight-medium.pb-5 {{ $t('table.tableClosed.orderingFinished') }} \n          div.px-5.pb-5\n              div.mt-3.text-center {{ $t('table.tableClosed.orderingFinishedSubtitle') }} \n</template>\n\n<script setup lang=\"ts\">\nimport { useApp } from \"@/store/app\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { onMounted, ref } from \"vue\";\nimport { useTableActions } from \"@/store/table/modules/table\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAppHeight } from \"@/store/layout/layout\";\n\nconst { app, location } = useApp();\nconst appHeight = useAppHeight();\nconst viewLoading = ref(true);\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"table.tableClosed.title\").toString());\n\nconst { clearTable } = useTableActions();\n\nonMounted(() => {\n  clearTable();\n  viewLoading.value = false;\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$logoHeight: 112px;\n\n.cover-image__container {\n  position: relative;\n  padding-bottom: calc(#{$logoHeight} / 2);\n  .logo__container {\n    width: $logoHeight;\n    position: absolute;\n    bottom: 0;\n    left: 20px;\n    /* transform: translateY(50%); */\n    background: rgb(197, 245, 49);\n    background: linear-gradient(226deg, rgba(197, 245, 49, 1) 10%, rgba(0, 113, 242, 1) 92%);\n    .logo {\n      border: 1px solid transparent;\n    }\n  }\n}\n\n.start-bottom-bar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n</style>\n","<template lang=\"pug\">\nFeedbackView(:loading=\"loading || !order\" :showQrCode=\"showQr\" :qrcode=\"order ? order.qrcode : ''\" :secondContainer=\"showQr\" @close-page=\"onClosePage\" :image=\"getSaletypeImage(Saletype.ORDER_FROM_TABLE)\" backgroundClass=\"bg-white\")\n\n  template(v-slot:first-container)\n    div.text-h5.font-weight-medium.mb-6(v-if=\"isPayAtTheCashier\") {{ $t('table.payment.success.billRequestSent') }}\n    div.text-h5.font-weight-medium.mb-6(v-else) {{ $t('table.payment.success.paymentOk') }}\n    div.mx-10\n      div.pb-6(v-if=\"confirmMessage\") {{ confirmMessage }}\n      div.pb-6(v-if=\"authenticated\") {{ $t(\"payment.success.checkOrderStatus\") }}\n    div(v-if=\"!authenticated\")\n      div.mx-10 {{ $t(\"table.payment.success.loginOrRegister\") }}\n      div.d-flex.justify-center.mt-4.mb-6\n          a.bg-primary.flex-grow-1.rounded-xl.me-1.px-8.py-2.elevation-1(:href=\"'https://'+ host +'/#/auth/login'\") {{ $t(\"auth.login.login\") }}\n          a.border.border-clr-primary.text-primary.flex-grow-1.rounded-xl.ms-1.px-8.py-2.elevation-1(:href=\"'https://'+ host +'/#/auth/register'\") {{ $t(\"auth.register.createAccount\") }}\n    eat-btn.flex-grow-1.mb-6.elevation-1.w-100.bg-primary(v-if=\"order && !order.hasBeenPaid\" :to=\"{ name: 'checkout' }\") {{ $t(\"table.payment.success.backToCheckout\") }}\n    eat-btn.flex-grow-1.mb-6.elevation-1.w-100.bg-primary(v-else :to=\"{ name: 'tableClosed' }\") {{ $t(\"general.action.close\") }}\n\n  template(v-slot:above-qrcode)\n    div.mt-6 {{ $t('table.payment.success.showQr') }}\n</template>\n\n<script setup lang=\"ts\">\nimport FeedbackView from \"@/layout/FeedbackView.vue\";\nimport { getUnauthenticated as getOrderUnauthenticated } from \"@/api/Order\";\nimport { useApp } from \"@/store/app\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport type { NullRef } from \"@/utils\";\nimport { computed, onMounted, ref } from \"vue\";\nimport type { Order } from \"@/models/Order\";\nimport { getQueryParam } from \"@/utils/queryParams\";\nimport { PaymentMethod, Saletype } from \"@/models/App\";\nimport { useOrderActions } from \"@/store/table/modules/order\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\nimport { inject } from \"vue\";\nimport type { Auth } from \"@/plugins/auth\";\nimport type { Ref } from \"vue\";\n\nconst i18n = useI18n();\nconst router = useRouter();\nconst { app, getSaletypeImage } = useApp();\nconst loading = ref(false);\nconst order: NullRef<Order> = ref(null);\nconst showQr = ref(false);\nconst confirmMessage: NullRef<string> = ref(null);\nconst auth = inject('auth') as Ref<Auth>;\nconst authenticated = ref(auth.value.check());\nconst isPayAtTheCashier = computed(\n  () => order.value?.paymentMethod === PaymentMethod.CASH_ON_DELIVERY\n);\nconst { updateOrder } = useOrderActions();\n\nsetAppTitle(i18n.t(\"table.payment.success.paymentOk\").toString());\n\nonMounted(async () => {\n  loading.value = true;\n  const orderId = getQueryParam(\"orderId\");\n  if (!orderId) {\n    return router.replace({ name: \"cart\" });\n  }\n\n  if (!auth.value.check()) {\n    const userToken = getQueryParam(\"token\");\n    if (userToken) {\n      auth.value.setUserToken(userToken);\n      authenticated.value = true;\n    }\n  }\n  order.value = await getOrderUnauthenticated(orderId as string);\n  updateOrder(order.value, router, auth.value);\n  if (app.value) {\n    showQr.value = app.value.services[order.value.saleType].showQrCode;\n    confirmMessage.value = app.value.services[order.value.saleType].orderConfirmedMessage;\n  }\n  loading.value = false;\n});\n\nconst onClosePage = () => {\n  if (order.value?.hasBeenPaid) {\n    router.push({ name: \"tableClosed\" });\n  } else {\n    router.push({ name: \"checkout\" });\n  }\n};\n\nconst host = window.location.host;\n</script>\n","<template lang=\"pug\">\nFeedbackView(:loading=\"loading\" backgroundClass=\"bg-white\" @close-page=\"onClosePage\" :image=\"getSaletypeImage(Saletype.ORDER_FROM_TABLE)\")\n  template(v-slot:first-container)\n    div.text-h5.font-weight-medium.mt-6 {{ $t('payment.error.title') }}\n    div.mt-6(v-if=\"reason === 'fidelityCard'\") {{ $t('table.payment.error.fidelityCardNoMoney') }}\n    div.mt-10.order-error__buttons(v-if=\"authenticated\")\n      eat-btn.mt-4.bg-primary(@click=\"retryPayment\" v-if=\"order && order.paymentMethod != PaymentMethod.FIDELITY_CARD && retryPaymentURL\") {{$t('payment.error.retryPayment')}}\n    eat-btn.mt-4.mb-6.bg-primary.w-100(:to=\"{ name: 'checkout' }\") {{ $t(\"table.payment.error.backToCheckout\") }}\n</template>\n\n<script setup lang=\"ts\">\nimport FeedbackView from \"@/layout/FeedbackView.vue\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { onMounted, ref } from \"vue\";\nimport { getUnauthenticated as getOrderUnauthenticated } from \"@/api/Order\";\nimport { PaymentMethod, Saletype } from \"@/models/App\";\nimport { useApp } from \"@/store/app\";\nimport type { NullRef } from \"@/utils\";\nimport type { Order } from \"@/models/Order\";\nimport { getQueryParam } from \"@/utils/queryParams\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { inject } from \"vue\";\nimport type { Auth } from \"@/plugins/auth\";\nimport type { Ref } from \"vue\";\n\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"payment.error.title\").toString());\n\nconst { app, getSaletypeImage } = useApp();\nconst route = useRoute();\nconst router = useRouter();\n\nconst auth = inject('auth') as Ref<Auth>;\nconst authenticated = auth.value.check();\n\nconst loading = ref(true);\nconst order: NullRef<Order> = ref(null);\nconst retryPaymentURL: NullRef<string> = ref(null);\n\nconst reason: NullRef<string> = ref(null);\n\nconst showQr = ref(false);\nonMounted(async () => {\n  const orderId = getQueryParam(\"orderId\");\n  if (!orderId) {\n    router.replace({ name: \"cart\" });\n    return;\n  }\n\n  order.value = await getOrderUnauthenticated(orderId as string);\n\n  if (app.value) {\n    showQr.value = app.value.services[order.value.saleType].showQrCode;\n  }\n\n  reason.value = route.query.reason as string | null;\n  loading.value = false;\n});\n\nconst retryPayment = async () => {\n  if (!order.value) return;\n  if (!retryPaymentURL.value) return;\n  window.location.assign(retryPaymentURL.value);\n};\n\nconst onGoToPayments = () => {\n  router.push({ name: \"checkout\" });\n};\n\nconst onClosePage = async () => {\n  router.replace({ name: \"checkout\" });\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.order-error__buttons {\n  width: 100%;\n}\n</style>\n","<template lang=\"pug\">\nFeedbackView(:loading=\"loading\" backgroundClass=\"bg-warning\" @close-page=\"onClosePage\" :image=\"getSaletypeImage(Saletype.ORDER_FROM_TABLE)\")\n  template(v-slot:first-container)\n    div.content\n      div.text-center\n        div.title.mb-2 {{ $t('payment.pending.title') }}\n        div.mt-10 {{ $t(\"payment.pending.wait\") }}\n        div.mt-3.mb-10 {{ $t(\"payment.pending.paymentCanceled\") }}\n        eat-btn.mt-15.mb-10.bg-white(:to=\"{ name: 'checkout' }\") {{ $t('payment.pending.backToCart') }}\n</template>\n\n<script setup lang=\"ts\">\nimport { getUnauthenticated as getOrderUnauthenticated } from \"@/api/Order\";\nimport FeedbackView from \"@/layout/FeedbackView.vue\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport type { NullRef } from \"@/utils\";\nimport { onMounted, onUnmounted, ref } from \"vue\";\nimport type { Order } from \"@/models/Order\";\nimport { getQueryParam } from \"@/utils/queryParams\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\nimport { useApp } from \"@/store/app\";\nimport { Saletype } from \"@/models/App\";\n\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"payment.pending.appTitle\").toString());\n\nconst router = useRouter();\nconst { getSaletypeImage } = useApp();\nconst loading = ref(false);\nconst orderId = ref(\"\");\nconst order: NullRef<Order> = ref(null);\nlet lastTimeOut = 0;\nconst timeouts: number[] = [];\nconst externalPaymentId = getQueryParam(\"externalPaymentId\");\n\nconst checkForPayment = async () => {\n  order.value = await getOrderUnauthenticated(orderId.value);\n  const paymentData = order.value?.payments.find(payment => payment.id === externalPaymentId);\n  if (paymentData && paymentData.hasBeenPaid) {\n    router.push({ name: \"payment.success\", query: { orderId: orderId.value } });\n  }\n};\n\nonMounted(async () => {\n  loading.value = true;\n  orderId.value = getQueryParam(\"orderId\");\n  if (!orderId.value) {\n    return router.replace({ name: \"payment.error\" });\n  }\n\n  const timeoutPeriodMs = 5000;\n  const maxProcessingDuration = 1000 * 60 * 5;\n  const numberOfTimeouts = maxProcessingDuration / timeoutPeriodMs;\n  for (let i = 0; i < numberOfTimeouts; i++) {\n    const timeout = setTimeout(checkForPayment, timeoutPeriodMs * i) as unknown as number;\n    timeouts.push(timeout);\n  }\n  lastTimeOut = setTimeout(\n    () => router.replace({ name: \"payment.error\", query: { orderId: orderId.value } }),\n    maxProcessingDuration\n  ) as unknown as number;\n\n  loading.value = false;\n});\n\nonUnmounted(() => {\n  timeouts.forEach(timeout => {\n    clearTimeout(timeout);\n  });\n  clearTimeout(lastTimeOut);\n});\n\nconst onClosePage = () => {\n  router.replace({ name: \"checkout\" });\n};\n</script>\n","<template lang=\"pug\">\nEatView.bg-white.d-flex.flex-column\n  template(v-slot:default)\n    div.pa-4.d-flex.flex-column(v-scrollable=\"false\")\n      div.flex-grow-0.d-flex.justify-start\n          EatIconBtn(icon=\"$close\" @click=\"onGoBack\")\n      div.flex-grow-1.d-flex.flex-column.align-center(v-scrollable=\"true\")\n          EatIcon.mt-5.text-warning(icon=\"$wink\" size=\"200\")\n\n          div.text-h5.pt-6.pb-8.font-weight-medium {{ $t(\"table.paymentExceedsTotal.title\") }}\n          div.text-h6.pb-4 {{ $t(\"table.paymentExceedsTotal.message\") }}\n          div.text-p.message.text-center {{ $t(\"table.paymentExceedsTotal.goToCheckout\") }}\n  template(v-slot:cta)\n    EatCta\n      EatCtaButton(:primary=\"true\" :to=\"{ name: 'checkout' }\") {{ $t(\"general.action.close\") }}\n</template>\n\n<script setup lang=\"ts\">\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\n\nconst router = useRouter();\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"table.paymentExceedsTotal.appTitle\").toString());\n\nconst onGoBack = () => {\n  router.push({ name: \"checkout\" });\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.bottom-bar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.message {\n  max-width: 30ch;\n}\n</style>\n","import { order as sendTableOrder } from \"@/api/Table\";\nimport { computed } from \"vue\";\nimport { Saletype } from \"@/models/App\";\nimport { useGlobalState } from \"..\";\nimport { useTableGetters } from \"./table\";\nimport { useCart } from \"@/store/cart\";\nimport { useCartItems } from \"@/store/cart/cartItems\";\n\nexport const useTableCartWritableGetters = () => {\n  const { cart } = useGlobalState();\n  const note = computed({\n    get: () => cart.value.note,\n    set: (value: string) => (cart.value.note = value)\n  });\n  const isSendingOrder = computed({\n    get: () => cart.value.isSendingOrder,\n    set: (value: boolean) => (cart.value.isSendingOrder = value)\n  });\n\n  return {\n    note,\n    isSendingOrder\n  };\n};\n\nexport const useTableCartActions = () => {\n  const sendOrder = async () => {\n    const { id, priceList } = useTableGetters();\n    const { cart: cartState } = useGlobalState();\n    const { cart } = useCart();\n    const { clearCartItems } = useCartItems();\n\n    if (!id.value) return;\n    if (!cart.value) return;\n    if (!priceList.value) return;\n    cartState.value.isSendingOrder = true;\n    try {\n      await sendTableOrder(id.value, {\n        saleType: Saletype.ORDER_FROM_TABLE,\n        note: cartState.value.note,\n        priceListId: cart.value.priceList || \"\",\n        orderItems: cart.value.items\n          .filter(item => !!item.quantity)\n          .map(item => {\n            const mandatoryComponents = item.configuration.mandatoryComponents\n              ? item.configuration.mandatoryComponents?.map(mc => mc.productId)\n              : [];\n            return {\n              productId: item.product.id,\n              quantity: item.quantity,\n              addedComponents: item.configuration.addedComponents\n                .map(ac => ac.productId)\n                .concat(mandatoryComponents),\n              removedComponents: item.configuration.removedComponents.map(rc => rc.productId),\n              modules: Object.entries(item.configuration.modules).map(([name, products]) => ({\n                name: name,\n                choosenProducts: products.map(p => p.id),\n                upsellingProducts: (item.configuration.upsellingModules[name] || []).map(p => p.id)\n              })),\n              articleAttributes: Object.entries(item.configuration.articleAttributes).map(\n                ([id, attr]) => ({\n                  attributeTypeId: id,\n                  attributeValue: attr.value\n                })\n              )\n            };\n          })\n      });\n      clearCartItems();\n    } finally {\n      cartState.value.isSendingOrder = false;\n    }\n  };\n\n  return {\n    sendOrder\n  };\n};\n","<template lang=\"pug\">\nEatView.bg-neutral-a\n  div.bg-white\n    div.table-total.border-b.d-flex.align-center.px-5.py-3 \n      div.me-auto.text-h6.font-weight-medium {{ $t(\"table.checkout.leftToPay\") }}\n      div.ms-2.text-h5.font-weight-medium {{ formatPrice(leftToPayAmount) }} \n\n  div.flex-grow-1(v-scrollable=\"true\")\n    div.pb-8.mt-2.bg-white\n      div.text-h6.pt-3.pb-5.px-5.text-center {{ $t(\"table.personalizedAmount.title\") }}\n      div.display.text-primary.text-h3.d-flex.align-center.justify-center.px-5.pb-3\n        span.pe-4 €\n        span {{ localAmount }}\n      div.d-flex.justify-end.px-5\n        button.text-primary.text-end.mt-1(@click=\"setLeftToPayAsAmount\") {{ $t(\"table.presonalizedAmount.setRemainderAsAmountToPay\")}}\n                \n  template(v-slot:cta)\n    div\n      div.mt-auto.flex-shrink-0.d-flex.flex-column\n        div.d-flex.numeric-keyboard__row\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('1')\") 1\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('2')\") 2\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('3')\") 3\n        div.d-flex.numeric-keyboard__row\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('4')\") 4\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('5')\") 5\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('6')\") 6\n        div.d-flex.numeric-keyboard__row\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('7')\") 7\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('8')\") 8\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('9')\") 9\n        div.d-flex.numeric-keyboard__row\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress(',')\") ,\n          button.numeric-keyboard__btn.text-h5(@click=\"onKeyPress('0')\") 0\n          button.numeric-keyboard__btn.text-h5.pt-3(@click=\"deleteLastCharacter()\") \n            EatIcon(:size=\"28\" icon=\"$keyboardCancel\")\n    EatCta\n      EatCtaButton(:primary=\"true\" @click=\"onSubmit\") {{ $t(\"table.checkout.pay\") + \" \" + formatPrice(parseFloat(localAmount.replace(\",\", \".\"))) }}\n</template>\n\n<script setup lang=\"ts\">\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { onMounted, ref, watch } from \"vue\";\nimport { setSnackbar, TypeSnackbar } from \"@/store/layout/snackbar\";\nimport { formatPrice } from \"@/utils/formatPrice\";\nimport { useOrderGetters } from \"@/store/table/modules/order\";\nimport { PaymentFlow } from \"@/models/App\";\nimport { usePaymentActions, usePaymentGetters } from \"@/store/table/modules/payment\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\n\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"table.personalizedAmount.appTitle\").toString());\nconst router = useRouter();\nconst localAmount = ref(\"0\");\n\nconst { leftToPayAmount } = useOrderGetters();\nconst { payingAmount } = usePaymentGetters();\nconst { updatePayingAmount } = usePaymentActions();\nconst { setPaymentFlow } = usePaymentActions();\n\nonMounted(() => setPaymentFlow(PaymentFlow.DEPOSIT));\n\nwatch(leftToPayAmount, () => {\n  if (leftToPayAmount.value < payingAmount.value) {\n    setSnackbar(i18n.t(\"table.snackbar.maxAmountExceeded\", TypeSnackbar.WARNING).toString());\n  }\n});\n\nconst isAmountExceedingLeftToPay = (newAmount: string) => {\n  return parseFloat(newAmount.replace(\",\", \".\")) * 100 > leftToPayAmount.value * 100;\n};\n\nconst isNewAmountValid = (newAmount: string) => {\n  const commaSeparatedDigitsArray = newAmount.split(\",\");\n  if (commaSeparatedDigitsArray.length === 1) return !isAmountExceedingLeftToPay(newAmount);\n  if (commaSeparatedDigitsArray.length > 2) return false;\n  const decimalPlaces = commaSeparatedDigitsArray[commaSeparatedDigitsArray.length - 1].length;\n  return !isAmountExceedingLeftToPay(newAmount) && decimalPlaces <= 2;\n};\n\nconst onKeyPress = (input: string) => {\n  const newAmount =\n    localAmount.value === \"0\" && input !== \",\" ? input : localAmount.value + input;\n  if (isNewAmountValid(newAmount)) localAmount.value = newAmount;\n  else\n    setSnackbar(\n      i18n.t(\"table.snackbar.maxAmountExceeded\", TypeSnackbar.WARNING).toString(),\n      TypeSnackbar.WARNING\n    );\n};\n\nconst deleteLastCharacter = () => {\n  localAmount.value = localAmount.value.slice(0, -1);\n  if (localAmount.value === \"\") localAmount.value = \"0\";\n};\n\nconst onSubmit = () => {\n  updatePayingAmount(parseFloat(localAmount.value.replace(\",\", \".\")));\n  if (payingAmount.value > 0) {\n    if (payingAmount.value <= leftToPayAmount.value) {\n      router.push({ name: \"checkout.paymentMethod\" });\n    } else {\n      setSnackbar(\n        i18n.t(\"table.snackbar.maxAmountExceeded\", TypeSnackbar.WARNING).toString(),\n        TypeSnackbar.WARNING\n      );\n    }\n  } else {\n    setSnackbar(i18n.t(\"table.snackbar.insertAmountToPay\").toString(), TypeSnackbar.WARNING);\n  }\n};\n\nconst setLeftToPayAsAmount = () => {\n  localAmount.value = leftToPayAmount.value.toLocaleString(undefined, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2\n  });\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.numeric-keyboard__row {\n  &:nth-of-type(1) {\n    border-top: 1px solid var(--base-border-clr);\n  }\n  border-bottom: 1px solid var(--base-border-clr);\n}\n.numeric-keyboard__btn {\n  width: calc(100% / 3);\n  height: 60px;\n  background-color: white;\n  &:nth-of-type(2) {\n    border-left: 1px solid var(--base-border-clr);\n    border-right: 1px solid var(--base-border-clr);\n  }\n}\n.display {\n  border-bottom: 2px solid var(--clr-primary);\n}\n</style>\n","<template lang=\"pug\">\nEatView.bg-neutral-a\n  div.bg-white\n    div.table-total.border-b.d-flex.align-center.px-5.py-3 \n      div.me-auto {{ $t(\"table.checkout.total\") }}\n      div.ms-2.text-h5 {{ formatPrice(finalPrice) }}\n    div.table-total.border-b.d-flex.align-center.px-5.py-3 \n      div.me-auto {{ $t(\"table.checkout.leftToPay\") }}\n      div.ms-2.text-h5 {{ formatPrice(leftToPayAmount) }} \n  div.bg-white.pa-5.mt-3\n    div.text-h6.mb-8 {{ $t(\"checkout.payment\") }}\n    EatSelector(:options=\"splitPaymentCompatibleMethods\" v-model=\"selectedPaymentMethod\")\n      template(v-slot=\"{ option, selected }\")\n        RouterLink.flex-grow-1.d-flex.align-center.justify-space-between.px-5.mb-2.border.rounded-sm(v-if=\"!auth.check() && option === PaymentMethod.FIDELITY_CARD\" :to=\"{ name: 'auth.login' }\")\n          div.text-h6.font-weight-regular.text-black {{ $t(getPaymentMethodTranslationKey(option)) }}\n          EatIcon(:icon=\"getPaymentIcon(option)\")\n        div.flex-grow-1.d-flex.align-center.justify-space-between.px-5.mb-2.border.rounded-sm(v-else :class=\"{ 'bg-selected': selected, 'border-clr-primary': selected }\")\n          div.text-h6.font-weight-regular {{ $t(getPaymentMethodTranslationKey(option)) }}\n          EatIcon(:icon=\"getPaymentIcon(option)\")\n\n  div.text-caption.text--disabled.pb-8.mb-16.pt-4.px-5.text-center {{ $t(\"checkout.termsOfSales\") }} \n    a.text-decoration-underline(:href=\"app?.urlTermsOfSales || ''\" @click.stop) {{ $t('checkout.termsOfSalesLink') }}      \n    \n  template(v-slot:cta)\n    EatCta\n      EatCtaButton(:primary=\"true\" @click=\"onSubmit\") {{ selectedPaymentMethod === PaymentMethod.CASH_ON_DELIVERY ? $t(\"checkout.action.sendOrder\") : $t(\"checkout.action.pay\") }} {{ formatPrice(payingAmount) }}\n</template>\n\n<script setup lang=\"ts\">\nimport { PaymentMethod } from \"@/models/App\";\nimport { useApp } from \"@/store/app\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { useCheckout } from \"@/store/cart/checkout\";\nimport { setSnackbar, TypeSnackbar } from \"@/store/layout/snackbar\";\nimport { formatPrice } from \"@/utils/formatPrice\";\nimport { computed, onMounted, watch } from \"vue\";\nimport { useOrderGetters } from \"@/store/table/modules/order\";\nimport { usePaymentGetters } from \"@/store/table/modules/payment\";\nimport { useSyncActions } from \"@/store/table/modules/sync\";\nimport { useRouter } from \"vue-router\";\nimport { useI18n } from \"vue-i18n\";\nimport { inject } from \"vue\";\nimport type { Auth } from \"@/plugins/auth\";\nimport type { Ref } from \"vue\";\nimport { ref } from \"vue\";\n\nconst router = useRouter();\nconst i18n = useI18n();\nconst auth = inject('auth') as Ref<Auth>;\nconst { app, paymentMethods, getPaymentIcon, getPaymentMethodTranslationKey } = useApp();\n\nsetAppTitle(i18n.t(\"table.checkout.appTitle\").toString());\n\nconst { stopSync, startSync } = useSyncActions();\nconst { finalPrice, leftToPayAmount } = useOrderGetters();\n\nconst { payingAmount } = usePaymentGetters();\nconst selectedPaymentMethod = ref<PaymentMethod>();\n\nonMounted(() => {\n  if (payingAmount.value === 0) {\n    router.push({ name: \"checkout.personalizedAmount\" });\n  }\n});\n\nconst { closeTable } = useCheckout();\n\nconst splitPaymentCompatibleMethods = computed(() => {\n  return paymentMethods.value.filter(method => method !== PaymentMethod.CASH_ON_DELIVERY);\n});\n\nconst isValid = computed(() => !!selectedPaymentMethod.value);\n\nconst onSubmit = () => {\n  if (selectedPaymentMethod.value) {\n    stopSync();\n    try {\n      closeTable(selectedPaymentMethod.value, auth.value.check(), router);\n    } catch (e) {\n      startSync(router, auth.value);\n      throw e;\n    }\n  } else {\n    setSnackbar(\n      i18n.t(\"table.checkout.snackbar.choosePaymentMethod\", TypeSnackbar.WARNING).toString(),\n      TypeSnackbar.WARNING\n    );\n  }\n};\n\nwatch(leftToPayAmount, () => {\n  if (payingAmount.value > leftToPayAmount.value) {\n    setSnackbar(i18n.t(\"table.snackbar.maxAmountExceeded\", TypeSnackbar.WARNING).toString());\n  }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.checkout-bottom-bar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n</style>\n","<template lang=\"pug\">\nMoreDialog(v-if=\"showSplitPayments\")\n  template(v-slot:top)\n    div.container.d-flex.justify-space-between.align-center\n      EatIconBtn(icon=\"$chevronDown\" @click=\"showMoreDialog = false\")\n  template(v-slot:main)\n    div.pb-8.px-5\n      div.text-h6.font-weight-medium.text-center {{ $t(\"table.closeTable.howDoYouWantToPay\") }}\n    div.pt-3.pb-8.px-8\n      eat-btn.mb-4.elevation-1.text-primary.border(v-if=\"canPayAtTheCashier\" @click=\"onAskForTheBill\") \n        div.font-weight-medium.me-auto {{ $t(\"table.closeTable.action.payAtTheCashier\") }}\n        eat-icon(icon=\"$cash\")\n      eat-btn.mb-4.elevation-1.text-primary.border(:to=\"{ name: 'checkout.dutchPayment' }\")  \n        div.font-weight-medium.me-auto {{ $t(\"general.dutchPayment\") }}\n        eat-icon(icon=\"$dutchPayment\")\n      eat-btn.mb-4.elevation-1.text-primary.border(:to=\"{ name: 'checkout.splitPayment' }\") \n        div.font-weight-medium.me-auto {{ $t(\"general.splitPayment\") }}\n        eat-icon(icon=\"$splitPayment\")\n      eat-btn.mb-4.elevation-1.text-primary.border(:to=\"{ name: 'checkout.personalizedAmount' }\") \n        div.font-weight-medium.me-auto {{ $t(\"general.personalizedAmount\") }}\n        eat-icon(icon=\"$personalizedAmount\")\n    EatCta(v-if=\"payments.length === 0\")\n      EatCtaButton(:primary=\"true\" @click=\"onPayTheRemainder\")  \n        span.font-weight-medium {{ $t('table.closeTable.action.payAll') }}\n\nMoreDialog(v-else)\n  template(v-slot:top)\n    div.container.d-flex.justify-space-between.align-center\n      div.text-h6 {{$t('table.closeTable.title')}}\n      EatIconBtn(icon=\"$close\" @click=\"onCloseDialog\")\n  template(v-slot:main)\n    div.pb-8.px-5\n      div.text-center {{$t('table.closeTable.warning')}}\n      div.text-center.my-3 {{$t('table.closeTable.choosePayment')}}\n    div.px-5.pb-10.d-flex.flex-grow-1\n      EatSelector.flex-grow-1(:options=\"paymentMethods\" v-model=\"selectedPaymentMethod\")\n        template(v-slot=\"{ option, selected }\")\n          RouterLink.flex-grow-1.d-flex.align-center.justify-space-between.px-5.border.mb-2(v-if=\"option === PaymentMethod.FIDELITY_CARD && !auth.check()\" :to=\"{ name: 'auth.login' }\")\n            div.text-h6.font-weight-regular.text-black {{ $t(getPaymentMethodTranslationKey(option)) }}\n            EatIcon(:icon=\"getPaymentIcon(option)\")\n          button.flex-grow-1.d-flex.align-center.justify-space-between.px-5.border.mb-2(v-else :class=\"{ 'bg-selected': selected }\")\n            div.text-h6.font-weight-regular {{ $t(getPaymentMethodTranslationKey(option)) }}\n            EatIcon(:icon=\"getPaymentIcon(option)\")\n\n  template(v-slot:bottom)\n    EatCta\n      EatCtaButton(@click=\"onSubmit\" :primary=\"true\") {{ hasOnlyPayAtTheCashier ? $t(\"table.checkout.askForTheBill\") : $t('table.closeTable.action.payAll') }}\n</template>\n\n<script setup lang=\"ts\">\nimport { PaymentFlow, PaymentMethod } from \"@/models/App\";\nimport { computed, onUnmounted, ref } from \"vue\";\nimport { useShowMoreDialog } from \"@/store/layout/moreDialog\";\nimport MoreDialog from \"@/layout/partials/MoreDialog.vue\";\nimport { useApp } from \"@/store/app\";\nimport { useCheckout } from \"@/store/cart/checkout\";\nimport { useOrderGetters } from \"@/store/table/modules/order\";\nimport { useSyncActions } from \"@/store/table/modules/sync\";\nimport { usePaymentActions } from \"@/store/table/modules/payment\";\nimport { useRouter } from \"vue-router\";\nimport { inject } from \"vue\";\nimport type { Auth } from \"@/plugins/auth\";\nimport type { Ref } from \"vue\";\n\nconst router = useRouter();\nconst auth = inject('auth') as Ref<Auth>;\nconst showMoreDialog = useShowMoreDialog();\nconst { orderFromTableService, paymentMethods, getPaymentIcon, getPaymentMethodTranslationKey } = useApp();\nconst { closeTable } = useCheckout();\nconst { stopSync, startSync } = useSyncActions();\nconst selectedPaymentMethod = ref<PaymentMethod>();\n\nconst showSplitPayments = computed(() => {\n  return orderFromTableService.value?.enableSplitAndDutchPayments || false\n})\n\nonUnmounted(() => {\n  showMoreDialog.value = false;\n});\n\nconst { leftToPayAmount, payments } = useOrderGetters();\nconst { updatePayingAmount, setPaymentFlow } = usePaymentActions();\n\nconst canPayAtTheCashier = computed(() => {\n  return !payments.value.length && paymentMethods.value.includes(PaymentMethod.CASH_ON_DELIVERY);\n});\n\nconst onPayTheRemainder = () => {\n  updatePayingAmount(leftToPayAmount.value);\n  setPaymentFlow(PaymentFlow.STANDARD);\n  router.push({ name: \"checkout.paymentMethod\" });\n};\n\nconst onCloseDialog = () => {\n  showMoreDialog.value = false;\n};\n\nconst onCloseTable = async (paymentMethod: PaymentMethod) => {\n  stopSync();\n  try {\n    setPaymentFlow(PaymentFlow.STANDARD);\n    await closeTable(paymentMethod, auth.value.check(), router);\n  } catch (e) {\n    await startSync(router, auth.value);\n  }\n};\n\nconst onSubmit = () => {\n  if(selectedPaymentMethod.value) onCloseTable(selectedPaymentMethod.value);\n}\n\nconst onAskForTheBill = async () => {\n  onCloseTable(PaymentMethod.CASH_ON_DELIVERY);\n};\n\nconst hasOnlyPayAtTheCashier = computed(() => {\n  return (\n    paymentMethods.value.length === 1 &&\n    paymentMethods.value[0] === PaymentMethod.CASH_ON_DELIVERY\n  );\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.cursor-pointer {\n  cursor: pointer;\n}\n</style>\n","<template lang=\"pug\">\ndiv.expansion__container.bg-white(:class=\"{ expanded }\" ref=\"container\")\n  div.expansion__absolute-container\n    div.expansion__header.d-flex.justify-space-between.align-center.px-4.pt-8.pb-4(ref=\"header\")\n      slot(name=\"title\")\n      EatIconBtn(icon=\"$chevronUp\" @click=\"expanded = !expanded\").expansion__icon\n    div.expansion__content(ref=\"content\")\n      slot(name=\"content\")\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUpdated, ref, watch } from \"vue\";\n\nconst expanded = ref(true);\nconst container = ref<HTMLElement>();\nconst header = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst headerHeight = ref(0);\nconst contentHeight = ref(0);\nconst totalHeight = computed(() => headerHeight.value + contentHeight.value);\n\nonMounted(() => {\n  headerHeight.value = header.value?.clientHeight || 0;\n  contentHeight.value = content.value?.clientHeight || 0;\n  if (content.value) {\n    new ResizeObserver(() => {\n      contentHeight.value = content.value?.clientHeight || 0;\n    }).observe(content.value);\n  }\n});\n\nonUpdated(() => {\n  contentHeight.value = content.value?.clientHeight || 0;\n});\n\nwatch(totalHeight, () => {\n  if (container.value) {\n    container.value.style.paddingBottom = expanded.value\n      ? `${totalHeight.value}px`\n      : `${headerHeight.value}px`;\n  }\n});\n\nwatch(\n  expanded,\n  value => {\n    if (container.value) {\n      container.value.style.paddingBottom = value\n        ? `${totalHeight.value}px`\n        : `${headerHeight.value}px`;\n    }\n  },\n  { immediate: true }\n);\n</script>\n\n<style lang=\"scss\" scoped>\n.expansion__container {\n  position: relative;\n  overflow: hidden;\n  transition: padding-bottom 0.3s ease-in-out;\n  .expansion__icon {\n    transition: transform 0.3s ease-in-out;\n  }\n  &.expanded {\n    .expansion__icon {\n      transform: rotate(-180deg);\n    }\n  }\n  .expansion__absolute-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    width: 100%;\n  }\n}\n</style>\n","<template lang=\"pug\">\nEatView.bg-neutral-a(:loading=\"viewLoading\")\n  template(v-slot:default)\n    teleport(to=\"#topBarAction\")\n      div.d-flex.align-center.table-name.overflow-hidden\n        EatIcon(icon=\"$table\").me-2\n        div.text-h5.font-weight-medium.text-truncate {{ name }}\n    div.order-container.flex-grow-1.d-flex.flex-column(v-scrollable=\"false\")\n\n      div.order-details.flex-grow-1(v-if=\"items.length\" v-scrollable=\"true\")\n        ExpansionPanel.mt-2(v-if=\"payments.length\")\n          template(v-slot:title)\n            div.text-h6 {{ $t(\"table.checkout.payments\") }}\n          template(v-slot:content)\n            div.d-flex.align-center.text-primary.px-4.py-3(v-for=\"payment, i in payments\" :key=\"payment.id\" :class=\"{ 'border-bottom': i < (payments.length - 1) }\")\n              div.me-auto.text-capitalize {{ payment.isFromApp ? 'Pagamento in cassa' : $t(getPaymentMethodTranslationKey(payment.paymentMethod)) }}\n              div.font-weight-regular.text-h6 {{ formatPrice(payment.amount) }}\n\n        ExpansionPanel.mt-2\n          template(v-slot:title)\n            div.text-h6 {{ $t(\"table.checkout.order\") }}\n          template(v-slot:content)\n            CheckoutProductsList.overflow-hidden(:items=\"items\")\n            div.border-t.d-flex.px-4.py-4(v-if=\"serviceChargeItem\")\n              div.font-weight-medium {{ serviceChargeItem.quantity }} \n              div.ms-3.me-auto.font-weight-medium {{ serviceChargeItem.name }} \n              ItemPrice.pl-4.font-weight-medium(\n                v-if=\"serviceChargeItem.finalUnitaryPriceVariation\"\n                :isPercentage=\"serviceChargeItem.finalUnitaryPriceVariation.isPercentage\"\n                :variation=\"serviceChargeItem.finalUnitaryPriceVariation.variation\", \n                :price=\"serviceChargeItem.price\", \n                :finalPrice=\"serviceChargeItem.finalPrice\"\n              )\n              Price(v-else :price=\"serviceChargeItem.finalPrice\")\n            div.border-t.d-flex.px-4.py-4(v-if=\"subtotalItem\")\n              div.me-auto {{ $t(\"cart.order\") }}\n              div.font-weight-medium {{ formatPrice(subtotalItem.price) }}\n            div.border-t.d-flex.px-4.py-4(v-if=\"subtotalItem\")\n              div.me-auto {{ subtotalItem.name === \"no_name\" ? \"Arrotondamento\" : subtotalItem.name }}\n              SubTotalPrice(\n                :isPercentage=\"subtotalItem.finalUnitaryPriceVariation.isPercentage\"\n                :variation=\"subtotalItem.finalUnitaryPriceVariation.variation\" \n                :priceVariation=\"subtotalItem.priceVariation\"  \n              ) \n\n  template(v-slot:cta)\n    div.float-btn__container.border-t(v-if=\"items.length\")\n      div.bg-white\n        div.table-total.border-b.d-flex.align-center.px-5.py-3\n          div.me-auto {{ $t(\"table.checkout.total\") }}\n          div.ms-2 {{ formatPrice(finalPrice) }}\n        div.table-total.border-b.d-flex.align-center.px-5.py-3 \n          div.me-auto.text-h6.font-weight-medium {{ $t(\"table.checkout.leftToPay\") }}\n          div.ms-2.text-h5.font-weight-medium {{ formatPrice(leftToPayAmount) }} \n      EatCta(:columns=\"leftToPayAmount > 0 ? 2 : 1\")\n        EatCtaButton.flex-grow-1(v-if=\"leftToPayAmount > 0\" @click=\"onAskForTheBillClick\" :loading=\"isSendingOrder\" :primary=\"true\") {{ $t(\"table.checkout.pay\") }}\n        EatCtaButton(:to=\"{ name: 'tableClosed' }\") {{ $t(\"general.action.exit\") }}\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\nimport CheckoutProductsList from \"@/components/table/CheckoutProductsList.vue\";\nimport Price from \"@/components/utils/Price.vue\";\nimport ItemPrice from \"@/components/utils/ItemPrice.vue\";\nimport SubTotalPrice from \"@/components/utils/SubTotalPrice.vue\";\nimport { useApp } from \"@/store/app\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { useShowMoreDialog } from \"@/store/layout/moreDialog\";\nimport { setSnackbar, TypeSnackbar } from \"@/store/layout/snackbar\";\nimport { formatPrice } from \"@/utils/formatPrice\";\nimport { PaymentFlow } from \"@/models/App\";\nimport ExpansionPanel from \"@/components/ExpansionPanel.vue\";\nimport { useOrderGetters } from \"@/store/table/modules/order\";\nimport { useTableGetters } from \"@/store/table/modules/table\";\nimport { useTableCartWritableGetters } from \"@/store/table/modules/cart\";\nimport { usePaymentActions } from \"@/store/table/modules/payment\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\n\nconst { getPaymentMethodTranslationKey } = useApp();\nconst i18n = useI18n();\nconst router = useRouter();\nconst viewLoading = ref(false);\nsetAppTitle(i18n.t(\"table.checkout.appTitle\").toString());\n\nconst { name } = useTableGetters();\nconst {\n  status,\n  finalPrice,\n  serviceChargeItem,\n  subtotalItem,\n  items,\n  leftToPayAmount,\n  payments\n} = useOrderGetters();\n\nconst { isSendingOrder } = useTableCartWritableGetters();\nconst showMoreDialog = useShowMoreDialog();\nconst { clearPayment } = usePaymentActions();\nconst { paymentFlow } = useOrderGetters();\n\nonMounted(() => {\n  clearPayment();\n});\n\nconst onAskForTheBillClick = () => {\n  if (items.value.length) {\n    if (status.value === \"PROCESSING\") {\n      if (!paymentFlow.value) showMoreDialog.value = true;\n      else if (paymentFlow.value === PaymentFlow.DEPOSIT) {\n        router.push({ name: \"checkout.personalizedAmount\" });\n      } else if (paymentFlow.value === PaymentFlow.DUTCH) {\n        router.push({ name: \"checkout.dutchPayment\" });\n      } else if (paymentFlow.value === PaymentFlow.SPLIT) {\n        router.push({ name: \"checkout.splitPayment\" });\n      }\n    } else {\n      setSnackbar(\n        i18n.t(\"table.cart.snackBar.waitForTheBill\").toString(),\n        TypeSnackbar.WARNING\n      );\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.table-name {\n  max-width: 100px;\n}\n\n.order-container {\n  position: relative;\n  .order-details {\n    padding-bottom: 200px;\n  }\n}\n\n.float-btn__container {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  .float-btn__background {\n    width: 100%;\n    .float-btn__controls {\n      width: 100%;\n      display: grid;\n      grid-template-columns: 2fr 3fr;\n      gap: 8px;\n    }\n  }\n}\n</style>\n","<template lang=\"pug\">\nFormView.bg-neutral-a(@submit=\"onSubmit\")\n  template(#default)\n    div.bg-white\n      div.table-total.border-b.d-flex.align-center.px-5.py-3 \n        div.me-auto {{ $t(\"table.checkout.total\") }}\n        div.ms-2.text-h5 {{ formatPrice(finalPrice) }}\n      div.table-total.border-b.d-flex.align-center.px-5.py-3 \n        div.me-auto {{ $t(\"table.checkout.leftToPay\") }}\n        div.ms-2.text-h5 {{ formatPrice(leftToPayAmount) }} \n\n    div.flex-grow-1.d-flex.flex-column.overflow-hidden\n      div.flex-grow-1.d-flex.flex-column(v-scrollable=\"true\")\n        div.mt-2.bg-white\n          div.text-h6.pt-3.pb-5.px-5.text-center {{ $t(\"table.dutchPayment.title\") }}\n          div.text-h3.d-flex.align-center.justify-center.px-5.pb-3\n            EatIconBtn(icon=\"$minus\" @click=\"onDecreaseRates\" :class=\"!dutchDivider ? 'text-primary' : 'text-gcontrols'\")\n            div.px-8.text-primary {{ localDutchDivider }}\n            EatIconBtn(icon=\"$plus\" :size=\"18\" @click=\"onIncreaseRates\" :class=\"!dutchDivider ? 'text-primary' : 'text-gcontrols'\")\n\n        div.mt-2.mb-2.bg-white.flex-grow-1.pb-5(v-if=\"rates.length\")  \n          div.text-h6.pt-3.pb-8.px-5 {{ $t(\"table.dutchPayment.howManyRates\") }}\n          EatUl\n            li.d-flex.mx-4(v-for=\"rate, i in rates\" :key=\"i\" :class=\"{ 'border border-clr-primary': rate.isSelected, 'border': !rate.isSelected, 'bgpage': rate.hasBeenPaid, 'mt-4': i > 0 }\")\n              div.flex-grow-1.d-flex.align-center.justify-space-between.px-5.py-4(v-if=\"rate.hasBeenPaid\")\n                div.text-h6.font-weight-regular {{ rate.name }}\n                div.text-h6.font-weight-regular.text-primary {{ $t(\"table.dutchPayment.paidRate\", { amount: formatPrice(rate.price) }) }}                    \n              button.flex-grow-1.d-flex.align-center.justify-space-between.px-5.py-4(v-else type=\"button\" :class=\"{ 'bg-selected': rate.isSelected }\" @click=\"onRateSelect(i)\")\n                div.text-h6.font-weight-regular {{ rate.name }}\n                div.text-h6.font-weight-regular {{ formatPrice(rate.price) }}\n  template(#cta)\n    EatCta\n      EatCtaButton(type=\"submit\" :primary=\"true\") {{ $t(\"table.checkout.pay\") + \" \" + formatPrice(localAmount) }}\n</template>\n\n<script setup lang=\"ts\">\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { computed, onMounted, ref, watch } from \"vue\";\nimport { formatPrice } from \"@/utils/formatPrice\";\nimport { setSnackbar, TypeSnackbar } from \"@/store/layout/snackbar\";\nimport { useOrderGetters } from \"@/store/table/modules/order\";\nimport { PaymentFlow } from \"@/models/App\";\nimport { usePaymentActions, usePaymentGetters } from \"@/store/table/modules/payment\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\n\ninterface Rate {\n  name: string;\n  paymentFlow: PaymentFlow;\n  price: number;\n  hasBeenPaid: boolean;\n  isSelected: boolean;\n}\n\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"table.dutchPayment.appTitle\").toString());\nconst router = useRouter();\nconst { payingAmount } = usePaymentGetters();\nconst { setPaymentFlow, updateDutchPayment } = usePaymentActions();\nconst { finalPrice, leftToPayAmount, dutchDivider, dutchPaid, payments } = useOrderGetters();\nconst rates = ref<Rate[]>([]);\nconst localDutchDivider = computed(() => {\n  return (\n    dutchDivider.value ||\n    rates.value.filter(rate => rate.paymentFlow === PaymentFlow.DUTCH).length ||\n    1\n  );\n});\n\nconst addNewRate = (params: { price: number; hasBeenPaid?: boolean }) => {\n  const number = rates.value.filter(rate => rate.paymentFlow === PaymentFlow.DUTCH).length + 1;\n  const isSelected = !params.hasBeenPaid && number === (dutchPaid.value || 0) + 1;\n  rates.value.push({\n    name: i18n.t(\"table.dutchPayment.rateNumber\", { number }).toString(),\n    paymentFlow: PaymentFlow.DUTCH,\n    price: params.price,\n    hasBeenPaid: !!params.hasBeenPaid,\n    isSelected: isSelected\n  });\n};\n\nconst addNewDeposit = (params: { price: number }) => {\n  rates.value.push({\n    name: i18n.t(\"table.dutchPayment.deposit\").toString(),\n    paymentFlow: PaymentFlow.DEPOSIT,\n    price: params.price,\n    hasBeenPaid: true,\n    isSelected: false\n  });\n};\n\nconst applyDutchDivider = (dutchDivider: number) => {\n  rates.value = [];\n  payments.value.forEach(payment => {\n    const price = Math.floor((payment.amount * 100) / payment.dutchPaying) / 100;\n    if (payment.dutchPaying) {\n      [...Array(payment.dutchPaying as number).keys()].forEach(() => {\n        addNewRate({ price, hasBeenPaid: true });\n      });\n    } else addNewDeposit({ price: payment.amount });\n  });\n  const leftToPayRates = dutchDivider - (dutchPaid.value || 0);\n  const price = Math.round((leftToPayAmount.value * 100) / leftToPayRates) / 100;\n  [...Array(leftToPayRates).keys()].forEach(() => {\n    addNewRate({ price, hasBeenPaid: false });\n  });\n};\n\nconst onIncreaseRates = () => {\n  if (dutchDivider.value) return;\n  applyDutchDivider(localDutchDivider.value + 1);\n};\nconst onDecreaseRates = () => {\n  if (dutchDivider.value || localDutchDivider.value <= 1) return;\n  applyDutchDivider(localDutchDivider.value - 1);\n};\n\nonMounted(() => {\n  setPaymentFlow(PaymentFlow.DUTCH);\n  applyDutchDivider(localDutchDivider.value);\n});\n\nwatch(dutchPaid, (value, oldValue) => {\n  if (value !== oldValue && dutchDivider.value) {\n    applyDutchDivider(localDutchDivider.value);\n  }\n});\n\nconst onRateSelect = (index: number) => {\n  if (rates.value[index].hasBeenPaid) return;\n  rates.value[index].isSelected = !rates.value[index].isSelected;\n};\n\nconst localAmount = computed(() => {\n  const selectedRates = rates.value.filter(rate => rate.isSelected);\n  const leftToPayRates = rates.value.filter(rate => !rate.hasBeenPaid);\n  if (selectedRates.length === leftToPayRates.length) return leftToPayAmount.value;\n  else return selectedRates.reduce((total, { price }) => total + price, 0);\n});\n\nconst onSubmit = () => {\n  const selectedRates = rates.value.filter(rate => rate.isSelected);\n  if (selectedRates.length === 0) {\n    setSnackbar(i18n.t(\"table.dutchPayment.chooseYourRates\").toString(), TypeSnackbar.WARNING);\n  } else {\n    updateDutchPayment(\n      dutchDivider.value || rates.value.length,\n      selectedRates.length,\n      localAmount.value\n    );\n    router.push({ name: \"checkout.paymentMethod\" });\n  }\n};\n\nwatch(leftToPayAmount, () => {\n  applyDutchDivider(localDutchDivider.value);\n  if (payingAmount.value > leftToPayAmount.value) {\n    setSnackbar(i18n.t(\"table.snackbar.maxAmountExceeded\", TypeSnackbar.WARNING).toString());\n  }\n});\n</script>\n","<template lang=\"pug\">\nEatView.bg-neutral-a\n  div.bg-white\n    div.table-total.border-b.d-flex.align-center.px-5.py-3 \n      div.me-auto {{ $t(\"table.checkout.total\") }}\n      div.ms-2.text-h5 {{ formatPrice(finalPrice) }}\n    div.table-total.border-b.d-flex.align-center.px-5.py-3 \n      div.me-auto {{ $t(\"table.checkout.leftToPay\") }}\n      div.ms-2.text-h5 {{ formatPrice(leftToPayAmount) }} \n\n  div.flex-grow-1.d-flex.flex-column.overflow-hidden\n      div.flex-grow-1.d-flex.flex-column(v-scrollable=\"true\")\n          div.mt-1.mb-1.bg-white.pb-5(v-if=\"toBePaidItems.length\")\n            div.text-h6.pt-3.pb-8.px-5 {{ $t(\"table.splitPayment.title\") }}\n            EatUl\n              EatLi(v-for=\"splitItem, i in toBePaidItems\" :key=\"i\")\n                div.d-flex.align-center.overflow-hidden\n                  div.me-3 {{ splitItem.toBePaid }}\n                  div.me-auto.font-weight-medium.flex-grow-0 {{ splitItem.item.name }}\n                  div.px-4.font-weight-medium.flex-shrink-0(v-if=\"splitItem.paying > 0\") {{ formatPrice(computeItemPrice(splitItem)) }}\n                  div.product-stepper__width-contraint.flex-shrink-0\n                    EatStepper(@increase=\"increaseQuantity(splitItem)\" :value=\"splitItem.paying\" @decrease=\"decreaseQuantity(splitItem)\" small :transparent=\"true\")\n                ItemConfigurationSummary(:item=\"splitItem.item\")\n          div.mb-1.bg-white.pb-5(v-if=\"paidItems.length\")\n              div.text-h6.pt-3.pb-8.px-5 {{ $t(\"table.splitPayment.paidProducts\") }}    \n              EatUl\n                EatLi(v-for=\"splitItem, i in paidItems\" :key=\"i\")\n                  div.d-flex.align-center.overflow-hidden\n                    div.me-3 {{ splitItem.paid || 0 }}\n                    div.me-auto.font-weight-medium.flex-grow-0 {{ splitItem.item.name }}\n                    div.px-4.flex-shrink-0.text-primary {{ $t(\"table.splitPayment.paid\") }}\n                  ItemConfigurationSummary(:item=\"splitItem.item\")\n\n          div.flex-grow-1.d-flex.align-center.justify-center(v-if=\"!toBePaidItems.length && !paidItems.length\")\n            Loading.text-primary\n            \n  template(v-slot:cta)\n    EatCta\n      EatCtaButton(:primary=\"true\" @click=\"onSubmit\") {{ $t(\"checkout.action.pay\") + \" \" + formatPrice(localAmount) }}\n</template>\n\n<script setup lang=\"ts\">\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { computed, onMounted, ref, watch } from \"vue\";\nimport { formatPrice } from \"@/utils/formatPrice\";\nimport type { OrderItem } from \"@/models/Order\";\nimport { setSnackbar, TypeSnackbar } from \"@/store/layout/snackbar\";\nimport ItemConfigurationSummary from \"@/components/ItemConfigurationSummary.vue\";\nimport Loading from \"@/components/utils/Loading.vue\";\nimport { useOrderGetters } from \"@/store/table/modules/order\";\nimport { usePaymentActions, usePaymentGetters } from \"@/store/table/modules/payment\";\nimport { PaymentFlow } from \"@/models/App\";\nimport type { PaidItem } from \"@/store/table\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\n\ninterface SplitItem {\n  paying: number;\n  paid: number;\n  toBePaid: number;\n  item: OrderItem;\n}\n\nconst i18n = useI18n();\nsetAppTitle(i18n.t(\"table.splitPayment.appTitle\").toString());\nconst router = useRouter();\nconst { finalPrice, leftToPayAmount } = useOrderGetters();\nconst { items, serviceChargeItem } = useOrderGetters();\nconst { payingAmount } = usePaymentGetters();\nconst { setPaymentFlow, updateSplitPayment } = usePaymentActions();\nconst toBePaidItems = ref<SplitItem[]>([]);\nconst paidItems = ref<SplitItem[]>([]);\n\nconst populateToBePaidAndPaidItems = () => {\n  const userPaying = toBePaidItems.value.filter(item => item.paying);\n  const allItems = serviceChargeItem.value\n    ? items.value.concat(serviceChargeItem.value)\n    : items.value;\n  const splitItems = allItems.map(item => {\n    const userPayingItem = userPaying.find(userItem => item.id === userItem.item.id);\n    const paid = item.paidQuantity || 0;\n    const toBePaid = item.quantity - paid;\n    const paying =\n      userPayingItem && toBePaid && userPayingItem?.paying <= toBePaid\n        ? userPayingItem?.paying\n        : 0;\n    return { paying, toBePaid, paid, item };\n  });\n  toBePaidItems.value = splitItems.filter(splitItem => splitItem.toBePaid);\n  paidItems.value = splitItems.filter(splitItem => splitItem.paid);\n};\n\nonMounted(() => {\n  setPaymentFlow(PaymentFlow.SPLIT);\n  populateToBePaidAndPaidItems();\n});\n\nconst computeItemPrice = (splitItem: SplitItem) => {\n  return (\n    Math.floor(splitItem.item.unitaryPrice * (splitItem.paying || splitItem.paid) * 100) / 100\n  );\n};\n\nconst localAmount = computed(() => {\n  let price = 0;\n  for (const item of toBePaidItems.value.filter(item => item.paying)) {\n    price += computeItemPrice(item);\n  }\n  return price;\n});\n\nconst increaseQuantity = (splitItem: SplitItem) => {\n  if (splitItem.paying >= splitItem.toBePaid) return;\n  const newLocalAmount =\n    Math.floor((localAmount.value + splitItem.item.unitaryPrice) * 100) / 100;\n  if (newLocalAmount > leftToPayAmount.value) {\n    setSnackbar(\n      i18n.t(\"table.splitPayment.productExceedsLeftToPay\").toString(),\n      TypeSnackbar.WARNING\n    );\n  } else {\n    splitItem.paying += 1;\n  }\n};\nconst decreaseQuantity = (item: SplitItem) => {\n  if (item.paying > 0) {\n    item.paying -= 1;\n  }\n};\n\nconst onSubmit = () => {\n  if (localAmount.value === 0) {\n    setSnackbar(i18n.t(\"table.splitPayment.addProduct\").toString(), TypeSnackbar.WARNING);\n  } else {\n    const itemsPaying = toBePaidItems.value.reduce((items, splitItem) => {\n      if (splitItem.paying)\n        items.push({ orderItemId: splitItem.item.id, quantity: splitItem.paying });\n      return items;\n    }, [] as PaidItem[]);\n    updateSplitPayment(itemsPaying, localAmount.value);\n    router.push({ name: \"checkout.paymentMethod\" });\n  }\n};\n\nwatch(leftToPayAmount, (value, oldValue) => {\n  if (value === oldValue) return;\n  populateToBePaidAndPaidItems();\n  if (payingAmount.value > leftToPayAmount.value) {\n    setSnackbar(i18n.t(\"table.snackbar.maxAmountExceeded\", TypeSnackbar.WARNING).toString());\n  }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.product-stepper__width-contraint {\n  width: 76px;\n}\n</style>\n","<template lang=\"pug\">\nMoreDialog\n  template(v-slot:top)\n    div.container.d-flex.justify-space-between.align-center\n      EatIconBtn(icon=\"$chevronDown\" @click=\"showMoreDialog = false\")\n  template(v-slot:main)\n    div(v-if=\"remainingCents\")\n      div.pb-5.px-5\n          div.text-h6.font-weight-medium.text-center {{ $t(\"table.remainingCents.title\", { amount: formatPrice(remainingCents/100) }) }}\n      div.d-flex.flex-column\n        div.flex-grow-1.px-8.d-flex.flex-column.align-center\n          div.message.text-center {{ $t('table.remainingCents.message') }}\n          EatIcon.mt-8.mb-10.text-warning(icon=\"$oops\" :size=\"200\")\n        EatCta\n          EatCtaButton(@click=\"payLeftToPayAmount\" :primary=\"true\") {{ $t(\"table.checkout.pay\") + \" \" + formatPrice(leftToPayAmount) }}\n    div(v-else-if=\"dutchDividerMismatch\") \n      div.pb-5.px-5\n          div.text-h6.font-weight-medium.text-center {{ $t(\"table.dutchDividerMismatch.title\") }}\n      div.d-flex.flex-column\n        div.flex-grow-1.px-8.d-flex.flex-column.align-center\n          div.text-center {{ $t('table.dutchDividerMismatch.message', { amount: dutchDivider }) }}\n          EatIcon.mt-8.mb-10.text-warning(icon=\"$oops\" :size=\"200\")\n        EatCta\n          EatCtaButton(:to=\"{ name: 'checkout.dutchPayment' }\" :primary=\"true\") {{ $t('table.dutchDividerMismatch.button') }}\n</template>\n\n<script setup lang=\"ts\">\nimport { onUnmounted } from \"vue\";\nimport MoreDialog from \"@/layout/partials/MoreDialog.vue\";\nimport { formatPrice } from \"@/utils/formatPrice\";\nimport { useShowMoreDialog } from \"@/store/layout/moreDialog\";\nimport { usePaymentErrorsActions, usePaymentErrorsGetters } from \"@/store/table/modules/errors\";\nimport { useOrderGetters } from \"@/store/table/modules/order\";\nimport { usePaymentActions } from \"@/store/table/modules/payment\";\n\nconst showMoreDialog = useShowMoreDialog();\nconst { remainingCents, dutchDividerMismatch } = usePaymentErrorsGetters();\nconst { leftToPayAmount, dutchDivider } = useOrderGetters();\nconst { updatePayingAmount } = usePaymentActions();\nconst payLeftToPayAmount = () => {\n  updatePayingAmount(leftToPayAmount.value);\n  showMoreDialog.value = false;\n};\n\nonUnmounted(() => {\n  const { clearError } = usePaymentErrorsActions();\n  clearError();\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.message {\n  max-width: 25ch;\n}\n</style>\n","<template lang=\"pug\">\nEatView(:isScrollable=\"true\")\n  template(v-slot:default)\n    div.d-flex.flex-column.flex-grow-1.bg-white.pb-5.rounded-t-xxl(v-if=\"app && location\")\n      div.cover-image-background.rounded-t-xxl\n        div.cover-image__container.rounded-t-xxl.overflow-hidden\n          EatImage.cover-image(:src=\"app.coverImageUrl\" :aspectRatio=\"appHeight < 700 ? '16/9': '5/4'\")\n          div.logo__container.rounded-lg\n            EatImage.logo.rounded(:src=\"location.logoUrl\")\n\n      div.container.pb-3\n        div.text-h5.text-center.font-weight-medium.pb-5 {{ $t('table.serviceUnavailable.title') }} \n        div.px-5.pb-5\n            div.mt-3.text-center {{ $t('table.serviceUnavailable.message') }} \n            div.mt-3.text-center {{ $t('table.serviceUnavailable.contactStaff') }}\n\n        div.rounded-xxl.py-3.px-5.mb-1(v-if=\"isLocationOpenToday\")\n          div.opening-hours.text-h6.py-4 {{ $t(\"table.serviceUnavailable.openingHours\") }}\n          div.opening-hours__container.my-3\n            div.opening-hours__btn.align-center.py-3.border\n              EatIcon.text-primary.ms-4(icon=\"$clock\")\n              div.d-flex.todays-opening-hour\n                div.pr-2 {{ $t(\"table.serviceUnavailable.available\") }} \n                div.flex-shrink-0 {{ todaysOpeningHours }}\n</template>\n\n<script setup lang=\"ts\">\nimport { useApp } from \"@/store/app\";\nimport { setAppTitle } from \"@/store/appTitle\";\nimport { onMounted } from \"vue\";\nimport useOpeningHours from \"@/store/openingHours\";\nimport { useTableActions } from \"@/store/table/modules/table\";\nimport { useAppHeight } from \"@/store/layout/layout\";\n\nconst { app, location, orderFromTableService } = useApp();\nconst { clearTable } = useTableActions();\n\nconst appHeight = useAppHeight();\n\nconst {\n  isLocationOpenToday,\n  todaysOpeningHours,\n} = useOpeningHours(orderFromTableService.value?.openingHours);\n\nonMounted(async () => {\n  if (!location.value) return;\n  setAppTitle(location.value.businessName);\n  clearTable();\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$logoHeight: 112px;\n\n.cover-image__container {\n  position: relative;\n  padding-bottom: calc(#{$logoHeight} / 2);\n  .logo__container {\n    width: $logoHeight;\n    position: absolute;\n    bottom: 0;\n    left: 20px;\n    /* transform: translateY(50%); */\n    background: rgb(197, 245, 49);\n    background: linear-gradient(226deg, rgba(197, 245, 49, 1) 10%, rgba(0, 113, 242, 1) 92%);\n    .logo {\n      border: 1px solid transparent;\n    }\n  }\n}\n\n.opening-hours__container {\n  position: relative;\n  .opening-hours__btn {\n    display: grid;\n    grid-template-columns: 56px auto 56px;\n    background-color: var(--gcontrols);\n    .todays-opening-hour {\n      flex-wrap: wrap;\n    }\n  }\n  .opening-hours__dropdown {\n    border-bottom: 1px solid var(--border);\n    border-left: 1px solid var(--border);\n    border-right: 1px solid var(--border);\n    background-color: inherit;\n  }\n  .opening-hours__day {\n    display: grid;\n    grid-template-columns: 56px auto;\n    .week-day-label {\n      text-transform: capitalize;\n    }\n  }\n}\n</style>\n"],"names":["order","PaymentMethod","getOrderUnauthenticated","sendTableOrder","id","_a","dutchDivider","price","item","items"],"mappings":"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"}