{"version":3,"file":"D9EUm7jx.js","sources":["../../../../constants/header-constants.ts","../../../../assets/images/ft-logo/uicons-coins.svg","../../../../assets/images/hyp-line-logo.png","../../../../components/AppHeader.vue","../../../../components/FooterTop.vue","../../../../constants/footer-constants.ts","../../../../components/AppFooter.vue","../../../../layouts/default.vue"],"sourcesContent":["export const HEADER_CONSTANTS = {\n  TITLE: \"HYP-Loyal\",\n  LOGO_ALT: \"hyp logo\",\n  ADDITIONAL: \"Additional\",\n  POINTS_UNLOCKED: \"points unlocked\",\n  LINKS: {\n    HOME: \"Home\",\n    PAY: \"Pay\",\n    HISTORY: \"History\",\n    REWARDS: \"Rewards\",\n    REFER_AND_EARN: \"Refer & Earn\",\n    POINTS_HISTORY: \"Points History\",\n    ORDER_HISTORY: \"Order History\",\n    PAYMENT_HISTORY: \"Payment History\",\n  },\n  BG_COLOR: \"#FFFFFF\",\n  FG_COLOR: \"#3E3E3E\",\n};\n","export default \"data:image/svg+xml,%3csvg%20width='257'%20height='257'%20viewBox='0%200%20257%20257'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M231.764%20115.284C232.766%20112.08%20233.315%20108.75%20233.394%20105.393V58.8481C233.394%2025.6842%20183.357%200.666016%20117.03%200.666016C50.7022%200.666016%200.666016%2025.6842%200.666016%2058.8481V105.393C1.30747%20113.145%203.93585%20120.602%208.29764%20127.042C12.6594%20133.483%2018.6074%20138.691%2025.5678%20142.164C24.4994%20145.313%2023.9493%20148.614%2023.9388%20151.939V198.485C23.9388%20231.648%2073.9752%20256.666%20140.302%20256.666C206.63%20256.666%20256.666%20231.648%20256.666%20198.485V151.939C256.039%20144.198%20253.415%20136.751%20249.05%20130.327C244.686%20123.902%20238.73%20118.72%20231.764%20115.284ZM117.03%20163.575C161.83%20163.575%20199.183%20151.939%20218.732%20134.484C228.041%20140.07%20233.394%20146.121%20233.394%20151.939C233.394%20166.135%20197.088%20186.848%20140.302%20186.848C83.5168%20186.848%2048.2586%20166.717%2047.2113%20152.521C69.6759%20160.19%2093.2946%20163.93%20117.03%20163.575ZM117.03%2023.9388C173.815%2023.9388%20210.121%2044.6515%20210.121%2058.8481C210.121%2073.0441%20173.815%2093.7572%20117.03%2093.7572C60.2444%2093.7572%2023.9388%2073.0441%2023.9388%2058.8481C23.9388%2044.6515%2060.2444%2023.9388%20117.03%2023.9388ZM23.9388%2094.4554C52.2404%20110.555%2084.497%20118.377%20117.03%20117.03C149.563%20118.377%20181.819%20110.555%20210.121%2094.4554V105.393C210.121%20119.59%20173.815%20140.302%20117.03%20140.302C60.2444%20140.302%2023.9388%20119.59%2023.9388%20105.393V94.4554ZM140.302%20233.394C83.5168%20233.394%2047.2113%20212.681%2047.2113%20198.485V187.546C75.5133%20203.646%20107.77%20211.468%20140.302%20210.121C172.835%20211.468%20205.092%20203.646%20233.394%20187.546V198.485C233.394%20212.681%20197.088%20233.394%20140.302%20233.394Z'%20fill='black'/%3e%3c/svg%3e\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAABSCAYAAABKbQaKAAAOl0lEQVR4Ae2deZAU1RnAv+/1HDt7cUSuRYHlFo8AC4hBDUS51BC1CvwjpX+YiikrFbxZCpIsWykhCyiUlKQKKxWjqUqCJiZeXOpqIhKVZZHI4bKygKAiu8Luwu5c/b583cMOe0y/HmGG3Zm8X9XSPfO+Pqb76++973gNgEaj0Wg0Go1Go9FoNBqNRqPRaDQajUaj0Wg0Go1Go9FoNJruBqEHQQS4aOvEnyLhAEIy+OQ8gtBDKA1u8iCgtYyunL3zEdBkPB7oQazeem2uQFzOq9/Bc88F2QsRf0pQ0n5eaOXLAgT0IBoxUAQEvVUyrIz/BU1W0KOUz/SYo3hhqGQEyE9AkxX0LOWL0Eg3mSiIXaDJCnqU8iHSOBeRoB/FHtBkBT1L+UiMVbXzeO9kk3nqa9BkBT1G+e7fWeKVQMNVMkj0+bq5tWHQZAU9RvkKG/x9eNFfKURYwzEXAk1W0GOUz2u0juBYnk8thftBkzX0GOWTJKwwizLjQmQeAE3WkNYMx7a6W6ZKEGO4oywkMAtIYIAzFAFe+jiT4ZMmnZw7/M1fWbIkYaxLrs/0ePEwXEJK3558lYiYxe2/k5z3yxGyunxW9ReqbRdvnjgSEbo4UJFQdO/qeXvqEm1T9sZ1hS0QneoxqEMPEDbp0JO3Vu+DJCAiXLRpyk0ewyzo2IInV8yu+iDRNk+9f33gRFPofgK6ApKAs08hHgI1sPxh8Iu9pwvp0IZJVRH4lqRN+aw87ZYjuIK1anrMnvEpW6M1jC3JEhD0Wps8i1yp3B9Qc2s0eAwuEYu3TZogI3KHBPR3aOATDZE48PQbI8cvvLU2lGjbVR/Pyqv/quFd/plFnds8Od5g6caSgRULqho7twUNcx13RffKTh2Ax0BatOnaK1fO3fMpuFC6teQBYeAznfdhXfLSbZPurJi585+dtznRFL6T78ta/DapfrTvKD9NUvapx4N83Nc9Efn0E7dVH0l2F2nrdp87PN3PZkIdNJZgx+we5iePr80opSzB8UJ//ya4RPDNGsKX1p+oTbJS1Yl+eU7bfv3NKcvqFCXcL0GO2SuS0MKwL9UXEoMgvI+DC5YF43DVg4l3wM+8NK9L1EbOx00CtBLvVu/2iOkRNYu2TSqz7EoyW6ZN+Ybl5fbmG9hPLUX2GM5oNgfy+Q5WSbLBPFo+450oXCJI0iWv+OHe4AWnNj6Zex56ebwy7/1VS3gBq9hoRwEJb0Ea4fvt42HVstKtk/78UKX6XC3SpnzhpuBwVhi/SoY8aCufB81RfHELlLKISY15MpmcHbte4sXHDs2+nIDxM6dty8rKhIjiEqd2fpjeWjm3Oq3K1wZb8Lv9YfG7so3jlNGL9I35hDEOFCE5a7TQapoHrXVJtrPhUlAAcU/3PaooOHMkmm/6yGd4DC8YET9KyIlI4Q/4wBMmPD2379KMS8OVl4Ms3QZL2UK9lqidfZ2FfEPXlC/Y1yXQ3jrt9ds5CJ/Q6vFdCGEE74MLBel0/FaiPdLL565VqTvck90dLAxs4tXnnWSSVr5jtHx0BLDIiA3Ac6JAPmGvs/PHT6UJeLwYF8cHs6z9Y1TRYO7Ujt0x9J3GmCwqFRXsHknWnFvBbfXL/4X5ND528qal6bY2e1l9o6Z97D9ww4Vf7G6kYmbV64u2lGznnzOtaysWtRb67+aVLt0zX4GfO11BdvCeqZhXdRQujKM523cVWw9G2xeWRWst8N+IQizljzMSHtM6LMLjbJH/VF5eLhPJJNXtWjfcBPF7VrZK/oGb+e8frIQb+QAvsOI8y1r+DLfd3mEbAco8LR94H8azFa7ORiTqAduLegee85OgIaA+34wORvNlqeCFQ+gCH7j/lZLc9t+Ubiu5hrvVHzjsrlFKWA8pxLK8Vhce8pl3sQ7820mOLfG4yI2br3ZqT0r5TsIy9uxwtEqGQMbHKhtpvsFKqfR02ZJ9ZC3nsyy45HSZhuaz4qS1Em74chgfTOmd8Y/KaOWrmL3rVe7WXkrUhojX983BH3X4zoSFrLEJezFW5A2rbq36DNLA2hm7T0tBi8ip20IUMhKZ6LR9UsoXhLwBbu44W8L4D8yvPdOXrY/SeyXw2gHPoVs//Q73wZerZenIhnlVLbEPEbWVBDsUchAyHcP7G/63JVET3+mH52+cb4+Rl747+Qru3uYnkmPF+1IEWtdAOgkE9nIP9o1TM/dSjvc2KeXjH2HFvJTjwyjIeNQec2gQH9YxDsZXLyo80lZWD3iucHpq251AXLEJDWUwmiVaIuHo55DhrLzlPwf4oXs1YSPRd0f2rptqrcqQtBSvVyIxjhY9v/ym/V9CGokIycN/a+CdGE6bOupYUsrHe1eO31g5W/LBOB7/HImOtYOPzhucJi/a6Sm2zG4FpNb+D5w/YZzqIl03r6i8FTIdtJxbzwq2KmcStPok0MLFr13Th638rxPvgA4G/OZvIc346sNWLNexV0Skeqe2pLxd7lJHk8IbZYfjRD8sbT7/BV1lueSO8giH5wzceja2LblYMjsUY4/hNlKZz6yXU4R63/vSXXbF3qPXh+H7SrdOTKjkGJaFqTiBijkffsye71/51/6kSyPBbeTxreVlQqsngJaU85gM0o0fHgCFHqFEx5BXUsrHT9cYVbifFajjgFZwukUB37ya89viGLcwC5ix/ecfh/4igP2U4uYlGO8hcDoQVoFDEiSlmi8jqzi19mNey+nUksfncW/ijWjvilnVf4M08tiWa/MEee/h1cWOQghfDKbGj5yaXZWvkspYhoapZLgrjCeTicrEliPvj7SSmI7nhB28UbWnS3DGg2h36R6/fwSR6VVWXnlwL2QRVjEBJ+3XW7nTZLchEMtSaP17haaVrFy0+VyojsdJAsVl7FBO5WMonT9WgT86FV9YuCrfKPD3Mh2S5G3w+COuTG8e2lfApm2oSj8kSVtBrIICbI6MUF4lpGO+QK9T1ipHG8eBqj+3xE3hWvmRabQUNy7Jret1n9ucZgu+4TvqmopfBtgJKaIX7/NRbDeEJ3LXa6s3lBBdq5JxdTj4KWLFw3yndrRuN5i1bZ9bRSN7uoqLhGBKKWx579nQMD5JZU6XPbbqtoICsjMhypMN+vzBpEt6MoV1o2pDaNLyJEQt87T0xQUvmtC9nCATZ6+evUc52ctV+TjMPozvqmPelZUnjOCPh1lykAPGqtAJQUu4KRYKQRPdgsuWt7Q7vg7gMruN6qcXLGuALIQ8uIEvgPK3oaA3Vs6pqoTuhO9XmOiGZALbrspnuBR5skI01MOZeN6QFWAyqDl+x/hYTle6pODs/QtpV7Ns/KTMhy5jDPaCOWWH6Z9ghNDKluhmA80Jif5MkjMhxXDOt5Ef3NXOEiTNCD4E3cdx7o4fPtUXp6yZs6s2mQ1cx3ysXMoCAbbzRydgeTuXHr8H6rDM/racLjsqV7r5htxH28rXewDwIBcGqGS5/ZLM8eDjRMLCv3vNrB0JI/uPV04eCGEJqYav1AHnAS+G05VGa1/VwvfP+mFBvgj13C0d4nu5xwzJzat/WL0DviXqshg+0ueAI1xKow61rZexpwtHtitzuijl+VCIpBEuU4YaWxqjdk4XDKOY5f0qT5e7nayv+esGulS1pAqXbvdpjqRbYz4VGDexNx5/rw9JGKIWj3m653KTymIFPr1j6xfsiwWjyTPWxdONcoI96zzdbEapfDXQdBmCVJbCS8B4wDgSZWVSOBtom9BY9XJx/tFB/IVLmb1dwxczu1JerZaFU2EP1oEmY1AqXy54B7Oy5KpkvEB17Xam9F45IdASOhuryyMRKbY3V8DOQ835D6AMs7CGHvuwdyTjCwr+n1AqnwmmW/lSmMfe8RvOMbmrVMIkqX5wqNEepLMVLAEXzGisetnOsqC6PlAQ1JZjeepH+Zq0oVQ+BOEyJoPTl0Nh/fmdqYsEeMRWM6ltcrEQU8AFMmNpuFATFLLzM0gpC9rZyDRcQi04Vh0KIe5CfxEGWBj7BGrLx9kQ29koKwPRKq3KF5U0RLwG2M5MS7Mf8wLyWfY6OHOCBXxGfTia15e78V5oZ0gwN0pa+TINpfKxs9GfFeqsczt+1hbU3fLVrDxolYNIub+Ys5E7c1pe8EzQxZJBg++DeRzRr4a7Ll9iRfYfjE1GJlgGy4ySL8BXkAs+0+vzh0Nhb59QU1ZmNrIZpfIZ4J3fCs2OXXMUcuP1bNGzcrghwLl6mUd8QYzN22hoDhVxnroPKGCLVtN51lMsOI2xQ8f+WkCTsSiVbzA+Vg/J7kiIEQRS0ZHiN1B/2rZ8nCkegW7zPqUOm2Q7KXtjgQSpztMiHJs3KTYJSIB0nQTEwehunYFGJIJObWyBZcjf6PiGVM8pjKjq6RCFY42bCqE4Jx6SXNA+Yyckm50bqTkd2Q2LlL2xgE2eOg5nnp+HwUE+15yupHYxvm4Ag77tMjdYZgCNt+Ytx78HNEnKv6+fse+M07Yr7vqwoXRLyYM8HJ7RYVv+gn/XR6tm7b6gamt/09m3gwWBp0DITvFUJDTgL3CBBEz/y60i0oew44xDASIqPfgipImUvQxn02c3V6HAiYoj/XLOsDefsNYWb5lYyb7D91X7IxkZm8wrwTSZS0q63YMH5/pBqGvzyDTtbrTslZKAa1Eo251WajkMmqwmJd1urYcG8RCn0NmQEhmC7OqX8nlVLY++NcGt5g/WzdJvnc92UqJ8ROZoROd5ujy6C+bmR+K1Zk/enPzbKzXZS0q6XcMg9VRJgEM39NveDBpNO1KifCTd3qeM6amw1WQ0F618lZXTra5bXVAgUf8XBpouXLzlK7KnSSq7XR4UZtVEbk1quGjlC+f4hvJioErG65fa8mm6cNHKZ6JpFXkq3twD0WgoeBg0mk5cdKjFkHi1MlEm4Ehj8WBd7qTpwkVbPlY89cQeCXULsNtf36DpgVy05SOCIRxgDisE9HhPo9FoNBqNRqPRaDQajUaj0Wg0Go1GkyX8Dy1FXnP+4eqLAAAAAElFTkSuQmCC\"","<!-- Header component that provides navigation and user interaction features\nFeatures responsive design, dropdown menus, and mobile drawer navigation\nDisplays user points, cart count, and customizable branding -->\n\n<template>\n  <!-- Main header container with dynamic background color -->\n  <div\n    class=\"header-wrap\"\n    :style=\"{\n      backgroundColor: headerData.bgColor,\n      color: headerData.fgColor,\n    }\"\n  >\n    <div class=\"hyp-container\">\n      <div class=\"d-flex justify-center align-center\">\n        <!-- Mobile menu toggle button -->\n        <v-btn\n          variant=\"text\"\n          class=\"hidden-lg-and-up\"\n          icon\n          :color=\"headerData.fgColor\"\n          @click=\"toggleDrawer\"\n        >\n          <v-icon>{{ ICON_CONSTANTS.MENU_ICON }}</v-icon>\n        </v-btn>\n\n        <!-- Logo section -->\n        <v-toolbar-title>\n          <nuxt-link :to=\"headerData.title.to\">\n            <img\n              :src=\"headerData.title.url\"\n              :width=\"['lg', 'xl'].includes(currentSize) ? '160px' : '65px'\"\n              :height=\"['lg', 'xl'].includes(currentSize) ? '80px' : '33spx'\"\n              :alt=\"headerData.title.alt\"\n            />\n          </nuxt-link>\n        </v-toolbar-title>\n\n        <!-- Navigation and user interaction section -->\n        <div class=\"mx-auto\">\n          <!-- Navigation links with dropdowns -->\n          <template v-for=\"link in headerData.links\">\n            <!-- Dropdown menu -->\n            <v-menu\n              v-if=\"link.dropdown\"\n              :key=\"link.text + '-dropdown'\"\n              location=\"bottom\"\n              transition=\"slide-y-transition\"\n            >\n              <template #activator=\"{ props }\">\n                <v-btn\n                  class=\"hidden-md-and-down header-btn\"\n                  v-bind=\"props\"\n                  variant=\"text\"\n                  :color=\"headerData.fgColor\"\n                >\n                  {{ link.text }}\n                  <v-icon class=\"ml-0\" right>\n                    {{ ICON_CONSTANTS.CHEVRON_DOWN_ICON }}\n                  </v-icon>\n                </v-btn>\n              </template>\n              <v-list>\n                <v-list-item v-for=\"item in link.dropdown\" :key=\"item.text\">\n                  <nuxt-link :to=\"item.to\" class=\"nuxtLink\">\n                    <v-list-item-title>\n                      {{ item.text }}\n                    </v-list-item-title>\n                  </nuxt-link>\n                </v-list-item>\n              </v-list>\n            </v-menu>\n            <!-- Regular navigation link -->\n            <nuxt-link v-else :key=\"link.text\" :to=\"link.to\" class=\"nuxtLink\">\n              <!-- Customizable component -->\n              <component\n                :is=\"link.component\"\n                variant=\"text\"\n                class=\"hidden-md-and-down header-btn\"\n                :color=\"headerData.fgColor\"\n              >\n                {{ link.text }}\n              </component>\n            </nuxt-link>\n          </template>\n\n          <!-- Points display with tooltip -->\n          <!-- <v-tooltip\n                location=\"bottom\"\n                theme=\"light\"\n                open-on-click\n                :color=\"headerData.fgColor\"\n            >\n                <template v-slot:activator=\"{ props }\"> -->\n          <!-- v-bind=\"props\" -->\n          <v-btn\n            rounded\n            variant=\"outlined\"\n            class=\"header-btn\"\n            :color=\"headerData.fgColor\"\n            :size=\"['lg', 'xl'].includes(currentSize) ? 'large' : 'default'\"\n          >\n            <span class=\"hidden-md-and-down\">\n              {{ pointsText }}\n            </span>\n            <span class=\"hidden-lg-and-up\">\n              <v-img :width=\"18\" :height=\"18\" :src=\"coinLogo\" class=\"mr-4\" />\n            </span>\n            <span>: {{ AvailablePoints }}</span>\n          </v-btn>\n          <!-- </template>\n                <span\n                    >{{ HEADER_CONSTANTS.ADDITIONAL }} -->\n          <!-- {{ ADDITIONAL_POINTS_VALUE_TEXT }} -->\n          <!-- {{ HEADER_CONSTANTS.POINTS_UNLOCKED }}\n                </span>\n            </v-tooltip> -->\n          <!-- Action icons (profile, wishlist, cart) -->\n          <template v-for=\"(icon, index) in headerData.icons\" :key=\"index\">\n            <v-btn\n              icon\n              variant=\"text\"\n              :color=\"headerData.fgColor\"\n              :class=\"{\n                'hidden-md-and-down': icon.icon === 'mdi-account-outline',\n                'mx-1': ['lg', 'xl'].includes(currentSize),\n              }\"\n            >\n              <!-- Badge for wishlist and cart counts -->\n              <v-badge\n                v-if=\"icon.icon !== 'mdi-account-outline'\"\n                :color=\"headerData.fgColor\"\n                :content=\"\n                  icon.icon === 'mdi-heart-outline'\n                    ? WishlistCount\n                    : icon.icon === 'mdi-cart-outline'\n                      ? CartCount\n                      : ''\n                \"\n                :size=\"\n                  ['lg', 'xl'].includes(currentSize) ? 'x-large' : 'default'\n                \"\n              >\n                <nuxt-link :to=\"icon.to\" class=\"nuxtLink\">\n                  <v-icon\n                    :size=\"\n                      ['lg', 'xl'].includes(currentSize) ? 'x-large' : 'default'\n                    \"\n                    :color=\"headerData.fgColor\"\n                  >\n                    {{ icon.icon }}\n                  </v-icon>\n                </nuxt-link>\n              </v-badge>\n              <nuxt-link v-else :to=\"icon.to\" class=\"nuxtLink\">\n                <v-icon\n                  :size=\"\n                    ['lg', 'xl'].includes(currentSize) ? 'x-large' : 'default'\n                  \"\n                  :color=\"headerData.fgColor\"\n                >\n                  {{ icon.icon }}\n                </v-icon>\n              </nuxt-link>\n            </v-btn>\n          </template>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Mobile navigation drawer -->\n  <v-navigation-drawer\n    v-model=\"drawer\"\n    class=\"hidden-lg-and-up navigation-drawer\"\n    location=\"start\"\n    :style=\"{\n      backgroundColor: headerData.bgColor,\n      color: headerData.fgColor,\n    }\"\n  >\n    <v-list>\n      <v-list-item :elevation=\"3\">\n        <div class=\"d-flex align-center justify-space-between\">\n          <img\n            :src=\"headerData.title.url\"\n            :width=\"\n              ['lg', 'xl'].includes(currentSize)\n                ? headerData.title.width\n                : '65px'\n            \"\n            :height=\"\n              ['lg', 'xl'].includes(currentSize)\n                ? headerData.title.height\n                : '33spx'\n            \"\n            :alt=\"headerData.title.alt\"\n            :href=\"headerData.title.to\"\n          />\n          <v-spacer />\n          <v-btn\n            variant=\"text\"\n            icon\n            :color=\"headerData.fgColor\"\n            @click=\"toggleDrawer\"\n          >\n            <v-icon>{{ ICON_CONSTANTS.CLOSE_ICON }}</v-icon>\n          </v-btn>\n        </div>\n      </v-list-item>\n\n      <v-divider />\n\n      <!-- Iterate through navigation links -->\n      <template v-for=\"link in headerData.links\" :key=\"link.text\">\n        <v-list-item class=\"mx-0 my-2\">\n          <!-- Regular navigation link -->\n          <nuxt-link\n            v-if=\"!link.dropdown\"\n            :to=\"link.to\"\n            class=\"nuxtLink\"\n            :style=\"{\n              backgroundColor: headerData.bgColor,\n              color: headerData.fgColor,\n            }\"\n          >\n            <v-list-item-title>\n              {{ link.text }}\n            </v-list-item-title>\n          </nuxt-link>\n\n          <!-- Dropdown menu -->\n          <v-list-group v-else>\n            <template #activator=\"{ props }\">\n              <v-list-item-title\n                v-bind=\"props\"\n                class=\"d-flex justify-space-between\"\n              >\n                {{ link.text }}\n                <v-icon>\n                  {{ ICON_CONSTANTS.CHEVRON_DOWN_ICON }}\n                </v-icon>\n              </v-list-item-title>\n            </template>\n\n            <!-- Iterate through dropdown items -->\n\n            <v-list-item\n              v-for=\"item in link.dropdown\"\n              :key=\"item.text\"\n              style=\"\n                padding-inline-start: 2px !important;\n                border-top: 1px solid #ccc;\n                padding: 8px 0;\n                margin-top: 5px;\n              \"\n            >\n              <nuxt-link\n                :to=\"item.to\"\n                class=\"nuxtLink\"\n                :style=\"{\n                  backgroundColor: headerData.bgColor,\n                  color: headerData.fgColor,\n                }\"\n              >\n                <v-list-item-title>\n                  {{ item.text }}\n                </v-list-item-title>\n              </nuxt-link>\n            </v-list-item>\n          </v-list-group>\n        </v-list-item>\n        <v-divider class=\"mx-0 my-0\" />\n      </template>\n\n      <!-- Profile link -->\n      <v-list-item class=\"mx-0 my-2\">\n        <nuxt-link\n          to=\"/profile\"\n          class=\"nuxtLink\"\n          :style=\"{\n            backgroundColor: headerData.bgColor,\n            color: headerData.fgColor,\n          }\"\n        >\n          <v-list-item-title class=\"\">\n            {{ COMMON_CONSTANTS.BUTTON.PROFILE }}\n          </v-list-item-title>\n        </nuxt-link>\n      </v-list-item>\n\n      <v-divider class=\"mx-0 my-0\" />\n\n      <!-- Logout button -->\n      <v-list-item class=\"mx-0 my-2\">\n        <v-btn\n          variant=\"flat\"\n          class=\"px-0\"\n          :style=\"{\n            backgroundColor: headerData.bgColor,\n            color: headerData.fgColor,\n          }\"\n          @click=\"() => logout()\"\n        >\n          <v-list-item-title>\n            {{ COMMON_CONSTANTS.BUTTON.LOGOUT }}\n          </v-list-item-title>\n        </v-btn>\n      </v-list-item>\n    </v-list>\n  </v-navigation-drawer>\n</template>\n\n<script setup lang=\"ts\">\n// Constants and type imports\nimport type { HeaderData } from \"~/types/Header\";\nimport { HEADER_CONSTANTS } from \"~/constants/header-constants\";\nimport { ICON_CONSTANTS } from \"~/constants/icon-constants\";\nimport { LOGIN_CONSTANTS } from \"~/constants/login-constants\";\nimport { COMMON_CONSTANTS } from \"~/constants/common-constants\";\nimport coinLogo from \"~/assets/images/ft-logo/uicons-coins.svg\";\nimport hypLogo from \"~/assets/images/hyp-line-logo.png\";\n\n// Composables and store initialization\nconst { logout } = useLogout();\nconst { currentSize } = useScreenSize();\nconst { getallmodulecount } = useCommon();\n\n// Store initialization\nconst loginStore = useLoginStore();\nconst homeStore = useHomeStore();\nconst rewardsStore = useRewardsStore();\n\n// State management\nconst drawer = ref<boolean>(false);\nconst WishlistCount = ref<number>(0);\nconst CartCount = computed(\n  () => rewardsStore.getallmodulecount()?.cart_total ?? 0,\n);\nconst AvailablePoints = computed(\n  () => rewardsStore.getallmodulecount()?.available_points ?? 0,\n);\nconst hasReferral = computed(() => loginStore.hasReferral);\nconst loginType = computed(() => loginStore.loginType);\nconst pointsText = computed(\n  () => rewardsStore.getallmodulecount()?.available_point_text,\n);\nconst headerStoreData = computed(() => {\n  return homeStore.headerData;\n});\n\n/**\n * Toggles mobile navigation drawer\n */\nfunction toggleDrawer() {\n  drawer.value = !drawer.value;\n}\n\n/**\n * Computed header configuration\n * Includes navigation links, icons, and styling\n * Handles header data and styling\n */\nconst headerData = computed((): HeaderData => {\n  return {\n    title: {\n      title: HEADER_CONSTANTS.TITLE,\n      url: rewardsStore.getLogo() || hypLogo,\n      width: \"160\",\n      height: \"80\",\n      alt: HEADER_CONSTANTS.LOGO_ALT,\n      to: \"/home\",\n    },\n    links: [\n      {\n        text: HEADER_CONSTANTS.LINKS.HOME,\n        component: \"v-btn\",\n        to: \"/home\",\n      },\n      // commented out for now as we don't have payment page in phase 1\n      // {\n      //     text: HEADER_CONSTANTS.LINKS.PAY,\n      //     component: \"v-btn\",\n      //     to: \"/payment\",\n      // },\n      {\n        text: HEADER_CONSTANTS.LINKS.HISTORY,\n        component: \"v-btn\",\n        dropdown: [\n          {\n            text: HEADER_CONSTANTS.LINKS.POINTS_HISTORY,\n            to: \"/points-history\",\n          },\n          {\n            text: HEADER_CONSTANTS.LINKS.ORDER_HISTORY,\n            to: \"/order-history\",\n          },\n          // commented out for now as we don't have payment history page in phase 1\n          // {\n          //   text: HEADER_CONSTANTS.LINKS.PAYMENT_HISTORY,\n          //   to: \"/payment-history\",\n          // },\n        ],\n      },\n      {\n        text: HEADER_CONSTANTS.LINKS.REWARDS,\n        component: \"v-btn\",\n        to: \"/rewards\",\n      },\n      // Conditionally include the referral link\n      ...(hasReferral.value === COMMON_CONSTANTS.POSITIVE_VALUE &&\n      loginType.value !== LOGIN_CONSTANTS.UID_TYPE\n        ? [\n            {\n              text: HEADER_CONSTANTS.LINKS.REFER_AND_EARN,\n              component: \"v-btn\",\n              to: \"/refer-and-earn\",\n            },\n          ]\n        : []),\n    ],\n    icons: [\n      { icon: ICON_CONSTANTS.ACCOUNT_OUTLINE, to: \"/profile\" },\n      // { icon: ICON_CONSTANTS.HEART_OUTLINE, to: \"/wishlist\" },\n      { icon: ICON_CONSTANTS.CART_OUTLINE, to: \"/cart\" },\n    ],\n    bgColor: headerStoreData.value.header_bg_color ?? HEADER_CONSTANTS.BG_COLOR,\n    fgColor: headerStoreData.value.header_fg_color ?? HEADER_CONSTANTS.FG_COLOR,\n  };\n});\n\nonMounted(() => {\n  getallmodulecount();\n});\n</script>\n","<!-- Footer top section component that displays navigation links\nFeatures responsive layout with dynamic styling and link rendering\nSupports configurable background color and accessibility features -->\n\n<template>\n  <!-- Main row container with custom background -->\n  <v-row\n    no-gutters\n    class=\"footer-top justify-center align-center\"\n    :style=\"{ backgroundColor: color, color: backgroundColor }\"\n  >\n    <!-- Links column, rendered only if links exist -->\n    <v-col v-if=\"footerLinks && footerLinks.length > 0\" cols=\"12\">\n      <!-- Centered container for links -->\n      <div class=\"text-center d-flex justify-center\">\n        <!-- Responsive links container with flexible layout -->\n        <div\n          class=\"d-flex flex-md-row flex-column justify-space-between align-center ga-lg-16 ga-sm-2 links-container\"\n        >\n          <!-- Individual footer links -->\n          <v-btn\n            v-for=\"link in footerLinks\"\n            :key=\"link.page_name\"\n            variant=\"text\"\n            :color=\"backgroundColor\"\n            class=\"footer-link\"\n            :aria-label=\"link.page_name\"\n            @click=\"handleLinkClick(link.page_id, link.page_slug)\"\n          >\n            {{ link.page_name }}\n          </v-btn>\n        </div>\n      </div>\n    </v-col>\n  </v-row>\n</template>\n\n<script setup lang=\"ts\">\n// Type imports\nimport type { IFooterSetting } from \"~/types/home\";\n\n// Component props interface\ndefineProps({\n  footerLinks: {\n    type: Array as PropType<IFooterSetting[]>, // Array of footer navigation links\n    required: true,\n  },\n  backgroundColor: {\n    type: String,\n    required: true,\n  },\n  color: {\n    type: String,\n    required: true,\n  },\n});\n\n// Composables initialization\nconst router = useRouter();\nconst userStore = useUserStore();\n\nconst handleLinkClick = (pageId: string, pageSlug: string) => {\n  userStore.setPageId(pageId);\n  router.push(`/static/${pageSlug}`);\n};\n</script>\n","export const FOOTER_LINKS = [\n  { text: \"Contact Us\", href: \"/contact\", width: 78 },\n  { text: \"About Program\", href: \"/about\", width: 116 },\n  { text: \"Terms & Conditions (T&Cs)\", href: \"/terms\", width: 206 },\n];\n\nexport const FOOTER_IMAGES = {\n  logo: {\n    alt: \"Company Logo\",\n  },\n};\n\nconst currentYear = new Date().getFullYear();\n\nexport const COPYRIGHT_TEXT = `${currentYear} HYP. All Rights Reserved`;\n","<!-- Footer component that provides site-wide footer functionality\nFeatures two-section layout with navigation links and social media\nSupports dynamic styling and content from store data -->\n\n<template>\n  <!-- Main footer container with flex layout -->\n  <v-footer\n    class=\"d-flex flex-column justify-start align-center text-center pa-0\"\n  >\n    <!-- Top footer section with navigation links -->\n    <FooterTop\n      :footer-links=\"footerLinks\"\n      :background-color=\"footerStoreData.footer_bg_color\"\n      :color=\"footerStoreData.footer_fg_color\"\n    />\n\n    <!-- Bottom footer section with logo and social links -->\n    <FooterBottom\n      :footer-data=\"footerData\"\n      :background-color=\"footerStoreData.footer_bg_color\"\n      :color=\"footerStoreData.footer_fg_color\"\n    />\n  </v-footer>\n</template>\n\n<script setup lang=\"ts\">\n// Constants and type imports\nimport { ICON_CONSTANTS } from \"~/constants/icon-constants\";\nimport type { FooterData } from \"~/types/Footer\";\n\n// Store data for footer configuration\nconst footerStoreData = computed(() => {\n  return useHomeStore().footerData;\n});\n\n/**\n * Computed property for footer navigation links\n * Returns footer settings from store\n */\nconst footerLinks = computed(() => {\n  return footerStoreData.value.footer_settings;\n});\n\n/**\n * Computed property for footer configuration\n * Includes logo, styling, and social media links\n */\nconst footerData = computed((): FooterData => {\n  return {\n    logo: useRewardsStore().getLogo(),\n    backgroundColor: footerStoreData.value.footer_bg_color,\n    color: footerStoreData.value.footer_fg_color,\n    socialLinks: [\n      {\n        url: footerStoreData.value.instagram_url,\n        icon: ICON_CONSTANTS.INSTAGRAM,\n      },\n      {\n        url: footerStoreData.value.facebook_url,\n        icon: ICON_CONSTANTS.FACEBOOK,\n      },\n      {\n        url: footerStoreData.value.pinterest_url,\n        icon: ICON_CONSTANTS.PINTEREST,\n      },\n      {\n        url: footerStoreData.value.youtube_url,\n        icon: ICON_CONSTANTS.YOUTUBE,\n      },\n      {\n        url: footerStoreData.value.linkedIn_url,\n        icon: ICON_CONSTANTS.LINKEDIN,\n      },\n      {\n        url: footerStoreData.value.twitter_url,\n        icon: ICON_CONSTANTS.TWITTER,\n      },\n    ],\n  };\n});\n</script>\n","<template>\n  <v-app>\n    <AppHeader />\n    <slot />\n    <AppFooter />\n  </v-app>\n</template>\n\n<script setup lang=\"ts\"></script>\n"],"names":["HEADER_CONSTANTS","coinLogo","hypLogo","logout","useLogout","currentSize","useScreenSize","getallmodulecount","useCommon","loginStore","useLoginStore","homeStore","useHomeStore","rewardsStore","useRewardsStore","drawer","ref","WishlistCount","CartCount","computed","_a","AvailablePoints","hasReferral","loginType","pointsText","headerStoreData","toggleDrawer","headerData","COMMON_CONSTANTS","LOGIN_CONSTANTS","ICON_CONSTANTS","onMounted","router","useRouter","userStore","useUserStore","handleLinkClick","pageId","pageSlug","FOOTER_IMAGES","currentYear","COPYRIGHT_TEXT","footerStoreData","footerLinks","footerData","_openBlock","_createBlock","_component_v_app","_withCtx","_createVNode","_component_AppHeader","_renderSlot","_ctx"],"mappings":"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"}