\n \n \n \n \n
\n \n \n {{ activeShipping.nickname }}\n {{ activeShipping.address1 }}\n \n \n {{ activeShipping ? activeShipping.address1 : null }}\n {{ activeShipping ? activeShipping.address2 : null }}\n \n \n \n \n Shipping Address\n
\n \n\n XXXX XXXX\n
\n \n XXXX XXXX\n
\n \n \n \n
\n\n \n
\n\n Notice: Address Change Impact
\n\n\n Please be advised that changing your address may affect the contents of your cart.\n
\n\n\n \n
\n\n \n {{ data.address?.nickname ?? data.address?.company_name }}\n\n \n {{ \n data.address?.city +\", \"+ data.address?.state +\", \"+ data.address?.zip_code \n }}\n \n
\n \n \n
\n\n \n Certain items may be removed due to either a lack of appropriate licensing at the new address or the expiration of your existing license. \n
\n\n \n\n \n
\n \n \n
\n\n \n {{ data.items.length }}\n {{ data.items.length > 1 ? \"Items\" : \"Item\" }}\n
\n\n \n\n will be removed\n\n \n
\n \n \n \n \n\n
\n\n \n {{ item.qty }}\n \n \n \n {{ item.name }}\n \n\n {{ item.brand }} \n
\n \n \n 5\"\n @click=\"catShowMore = !catShowMore\"\n class=\"toggle-view-btn\"\n >\n Show {{ catShowMore ? \"Less\" : \"More\" }}\n
\n \n \n \n \n 1\">\n
\n \n \n 1\">\n
\n \n \n \n Contact your Rep\n
\n \n \n \n \n \n
\n \n \n \n
\n \n \n \n \n {{ rep.representative.email }}\n
\n \n \n {{ rep.representative?.name + \" \" + rep.representative?.last_name }}\n
\n\n {{ rep.representative?.phone_number }}\n
\n\n {{ rep.manager?.name + \" \" + rep.manager?.last_name }}\n
\nVP of Sales
\n{{ rep.manager?.phone_number }}
\n {{ rep.manager?.email }}\n \n \n\n \n \n \n \n \n \n \n
\n \n \n This message will be delivered instantly\n
\n\n \n \n \n Today \n
\n \n \n Please call me back\n
\n\n What time?\n
\n\n \n Call Me\n \n
\n \n \n
\n \n
\n\n\n\n\n\n","import { render } from \"./TopNavLayout.vue?vue&type=template&id=a29c103a&scoped=true\"\nimport script from \"./TopNavLayout.vue?vue&type=script&lang=js\"\nexport * from \"./TopNavLayout.vue?vue&type=script&lang=js\"\n\nimport \"./TopNavLayout.vue?vue&type=style&index=0&id=a29c103a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_NEW_Staging_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-a29c103a\"]])\n\nexport default __exports__","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.es/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n findIndex: function findIndex(callbackfn /* , that = undefined */) {\n return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./WelcomeTour.vue?vue&type=style&index=0&id=6dffb006&lang=scss&scoped=true\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./NoticeModal.vue?vue&type=style&index=0&id=76dc6236&lang=scss&scoped=true\"","import { inject, onMounted, onUnmounted, reactive } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { store } from \"../store\";\nimport Segments from \"./Segments\";\nconst { ProductListViewedNonLoggedIn } = Segments();\n\nexport default function Categories() {\n const axios = inject(\"axios\");\n const route = useRoute();\n\n const categories = reactive({\n loading: false,\n data: [],\n error: \"\",\n });\n\n const getCategories = async (val = null) => {\n let filter = val ? val.value.map((c) => c.slug) : null;\n categories.loading = true;\n axios.api\n .get(\"/categories\", {\n params: {\n brand: filter,\n },\n })\n .then((resp) => {\n if (resp.status) {\n let data = resp.data.data;\n if (store.getters.cart.price_list_id == \"33\") {\n categories.data = data;\n } else {\n categories.data = data.filter((e) => !e.name.includes(\"GGG\"));\n }\n } else {\n categories.error = resp.data.error;\n }\n })\n .catch(function(error) {\n console.log(error);\n })\n .finally(() => (categories.loading = false));\n };\n\n const topSellProducts = reactive({\n loading: false,\n data: [],\n error: \"\",\n });\n\n const getTopSellProducts = async () => {\n if (axios.isLoggedIn) {\n topSellProducts.loading = true;\n axios.authApi\n .get(\"/top-sell-product\")\n .then((resp) => {\n if (resp.status) {\n topSellProducts.data = resp.data.data;\n\n // Fire Segment Event\n ProductListViewedNonLoggedIn(route, topSellProducts.data, 'trending', 1, 'home');\n } else {\n topSellProducts.error = resp.data.error;\n }\n })\n .catch(function(error) {\n console.log(error);\n })\n .finally(() => (topSellProducts.loading = false));\n }\n };\n const banner = reactive({\n loading: false,\n data: [],\n name: \"\",\n image: \"\",\n error: \"\",\n });\n\n const getBanner = async () => {\n banner.loading = true;\n axios.api\n .get(\"/collection-details?category_slug=\" + route.params.slug)\n .then((resp) => {\n if (resp.status) {\n banner.data = resp.data.data;\n } else {\n banner.error = resp.data.error;\n }\n })\n .catch(function(error) {\n console.log(error);\n })\n .finally(() => (banner.loading = false));\n };\n var page = 1;\n let sort = \"\";\n let stock = false;\n\n const category = reactive({\n loading: false,\n data: [],\n error: \"\",\n onScrollLoading: false,\n });\n\n async function getData(load) {\n let d = {};\n const brand = store.getters.getSelected.map((r) => r.id);\n const price = store.getters.getPriceCheck ? store.getters.getPriceRange : 0;\n let dataToPost = {\n page,\n stock,\n sort,\n brand,\n min: 0,\n max: price,\n };\n category[load] = true;\n if (axios.isLoggedIn) {\n await axios.authApi\n .get(\"/aCollection?category_slug=\" + route.params.slug, {\n params: dataToPost,\n })\n .then((res) => {\n d = res.data.data;\n if (res.data.filterOptions.length > 0){\n store.dispatch(\"updateBrandFilter\", res.data.filterOptions);\n }\n });\n } else {\n await axios.api\n .get(\"/collection?category_slug=\" + route.params.slug, {\n params: dataToPost,\n })\n .then((res) => {\n d = res.data.data;\n if (res.data.filterOptions)\n store.dispatch(\"updateBrandFilter\", res.data.filterOptions.filter(i => !i.login_required));\n });\n }\n category[load] = false;\n return d;\n }\n\n const reset = () => {\n category.data = [];\n page = 1;\n };\n async function onSortChanged(v) {\n reset();\n sort = v;\n category.data = await getData(\"loading\");\n }\n\n async function onStockChanged(v) {\n reset();\n stock = v;\n // maxPrice(stock);\n store.dispatch(\"updateBrandFilter\", []);\n store.dispatch(\"removeOption\", \"clear\");\n }\n\n async function onFilterChanged(v) {\n reset();\n const brand = store.getters.getSelected.map((r) => r.id);\n maxPrice(stock, brand);\n category.data = await getData(\"loading\");\n }\n async function onPriceRangeChanged(v) {\n reset();\n category.data = await getData(\"loading\");\n // store.dispatch(\"removeOption\",'clear');\n }\n\n async function maxPrice(stock = false, brand = []) {\n await axios.authApi\n .get(\"/max-price?category_slug=\" + route.params.slug, {\n params: {\n stock: stock,\n brand: brand,\n },\n })\n .then((res) => {\n if (res.data.status) {\n store.dispatch(\"setPriceRange\", Number(res.data.data.max_price));\n store.dispatch(\"setMaxPrice\", Number(res.data.data.max_price));\n store.dispatch(\"setPriceCheck\", false);\n }\n });\n }\n\n async function handleScroll() {\n const itemsContainer = document.querySelector(\".items-listing-container\");\n if (!itemsContainer) {\n return;\n }\n const canLoadMore = page < category.data.last_page;\n const elemScrollHeight = itemsContainer.scrollHeight;\n const elemScrollLoadHeight = elemScrollHeight - elemScrollHeight * 0.5;\n const shouldLoadMore =\n window.pageYOffset + 200 > elemScrollLoadHeight ||\n elemScrollHeight < window.innerHeight ||\n window.pageYOffset + elemScrollLoadHeight < window.innerHeight;\n if (canLoadMore && shouldLoadMore && !category.isLoadingScrollData) {\n page++;\n category.isLoadingScrollData = true;\n const res = await getData(\"onScrollLoading\");\n category.data.current_page = page;\n category.data.data?.push(...res.data);\n category.isLoadingScrollData = false;\n }\n }\n\n // this will register the event when the component is mounted on the DOM\n onMounted(() => window.addEventListener(\"scroll\", handleScroll));\n\n // We then unregister the listener when the component is removed from the DOM\n onUnmounted(() => window.removeEventListener(\"scroll\", handleScroll));\n\n return {\n isLoggedIn: !!localStorage.getItem('LoggedUser'),\n categories,\n getCategories,\n topSellProducts,\n getTopSellProducts,\n banner,\n getBanner,\n category,\n onSortChanged,\n onStockChanged,\n onFilterChanged,\n onPriceRangeChanged,\n maxPrice,\n };\n}\n","\n \n
\n \n \n
\n \n
\n \n $\n
\n\n\n\n\n\n\n","import { render } from \"./NumberInput.vue?vue&type=template&id=42703896&scoped=true\"\nimport script from \"./NumberInput.vue?vue&type=script&lang=js\"\nexport * from \"./NumberInput.vue?vue&type=script&lang=js\"\n\nimport \"./NumberInput.vue?vue&type=style&index=0&id=42703896&lang=scss&scoped=true\"\nimport \"./NumberInput.vue?vue&type=style&index=1&id=42703896&scoped=true&lang=css\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_NEW_Staging_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-42703896\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Navbar.vue?vue&type=style&index=0&id=3bfbcb0c&lang=scss\"","var Vue = require('vue')\n\nObject.keys(Vue).forEach(function(key) {\n exports[key] = Vue[key]\n})\n\nexports.set = function(target, key, val) {\n if (Array.isArray(target)) {\n target.length = Math.max(target.length, key)\n target.splice(key, 1, val)\n return val\n }\n target[key] = val\n return val\n}\n\nexports.del = function(target, key) {\n if (Array.isArray(target)) {\n target.splice(key, 1)\n return\n }\n delete target[key]\n}\n\nexports.Vue = Vue\nexports.Vue2 = undefined\nexports.isVue2 = false\nexports.isVue3 = true\nexports.install = function(){}\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./PriceFilter.vue?vue&type=style&index=0&id=865bf900&lang=scss&scoped=true\"","\n \n \n \n
\n \n
\n\n \n \n \n \n ![]()
\n \n
\n \n \n
\n\n \n = 100 }\" v-if=\"showShippingInfo\">\n \n
\n \n \n \n ${{ getFreeShippingRemaining }}\n away from\n free shipping!\n
\n\n This order qualifies for\n free shipping!\n
\n\n \n
\n \n
\n\n ${{ freeShippingOn.toFixed(0) }}\n \n \n
\n \n
\n \n \n Are you sure you want to clear your cart?\n
\n\n This will remove all items from your order.\n
\n\n \n Clear Cart\n \n \n {{ togglerText }}\n \n
\n {{ items.name }}
\n\n \n
\n \n
\n {{ item.productName }}
\n {{ item.optionLabel }}\n ${{ currencyFormat(item.singlePrice) }}\n${{ currencyFormat(item.singlePrice * item.qty) }}
\n \n\n \n
\n \n ${{ currencyFormat(item.singlePrice * item.qty) }}
\n- \n \n \n
- \n Bulk Price Savings\n \n
- ${{ currencyFormat(cart.bulkDiscount) }} \n
- \n Order Total\n \n
- \n \n ${{ commaFormat(getOrderTotal(cart.itemsByCat).toFixed(2)) }}\n \n
\n
\n \n \n \n
\n \n \n\n \n
\n \n Use Medusa Coins\n
\n\n USE {{ commaFormat(cart.coins_saving.points) }} Coins \n \n \n \n
\n \n You can save up to ${{ commaFormat(Number(cart.coins_saving.saving).toFixed(2)) }}\n on this order at checkout using your Medusa Coins\n
\n\n However, at checkout, you will have the option to not use any Medusa Coins.\n
\n \n\n
\n \n
\n \n \n \n \n\n \n A shipping address must be selected before you can checkout\n
\n\n
\n \n
\n Are you sure?
\n \n\n
\n \n
\n Do you really want to clear your cart ?
\n\n \n \n
\n \n\n
\n\n\n\n","import { render } from \"./NotificationItem.vue?vue&type=template&id=077efe06&scoped=true\"\nimport script from \"./NotificationItem.vue?vue&type=script&lang=js\"\nexport * from \"./NotificationItem.vue?vue&type=script&lang=js\"\n\nimport \"./NotificationItem.vue?vue&type=style&index=0&id=077efe06&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_NEW_Staging_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-077efe06\"]])\n\nexport default __exports__","\n \n
\n {{title}}
\n {{desc}}\n\n {{time}}\n
\n \n
\n\n\n\n\n\n\n","/**\n * Vue 3 Carousel 0.2.14\n * (c) 2023\n * @license MIT\n */\nimport { defineComponent, inject, ref, h, reactive, provide, onMounted, nextTick, onUnmounted, computed, watch, cloneVNode } from 'vue';\n\nconst defaultConfigs = {\r\n itemsToShow: 1,\r\n itemsToScroll: 1,\r\n modelValue: 0,\r\n transition: 300,\r\n autoplay: 0,\r\n snapAlign: 'center',\r\n wrapAround: false,\r\n throttle: 16,\r\n pauseAutoplayOnHover: false,\r\n mouseDrag: true,\r\n touchDrag: true,\r\n dir: 'ltr',\r\n breakpoints: undefined,\r\n};\n\nconst carouselProps = {\r\n // count of items to showed per view\r\n itemsToShow: {\r\n default: defaultConfigs.itemsToShow,\r\n type: Number,\r\n },\r\n // count of items to be scrolled\r\n itemsToScroll: {\r\n default: defaultConfigs.itemsToScroll,\r\n type: Number,\r\n },\r\n // control infinite scrolling mode\r\n wrapAround: {\r\n default: defaultConfigs.wrapAround,\r\n type: Boolean,\r\n },\r\n // control max drag\r\n throttle: {\r\n default: defaultConfigs.throttle,\r\n type: Number,\r\n },\r\n // control snap position alignment\r\n snapAlign: {\r\n default: defaultConfigs.snapAlign,\r\n validator(value) {\r\n // The value must match one of these strings\r\n return ['start', 'end', 'center', 'center-even', 'center-odd'].includes(value);\r\n },\r\n },\r\n // sliding transition time in ms\r\n transition: {\r\n default: defaultConfigs.transition,\r\n type: Number,\r\n },\r\n // an object to store breakpoints\r\n breakpoints: {\r\n default: defaultConfigs.breakpoints,\r\n type: Object,\r\n },\r\n // time to auto advance slides in ms\r\n autoplay: {\r\n default: defaultConfigs.autoplay,\r\n type: Number,\r\n },\r\n // pause autoplay when mouse hover over the carousel\r\n pauseAutoplayOnHover: {\r\n default: defaultConfigs.pauseAutoplayOnHover,\r\n type: Boolean,\r\n },\r\n // slide number number of initial slide\r\n modelValue: {\r\n default: undefined,\r\n type: Number,\r\n },\r\n // toggle mouse dragging.\r\n mouseDrag: {\r\n default: defaultConfigs.mouseDrag,\r\n type: Boolean,\r\n },\r\n // toggle mouse dragging.\r\n touchDrag: {\r\n default: defaultConfigs.touchDrag,\r\n type: Boolean,\r\n },\r\n // control snap position alignment\r\n dir: {\r\n default: defaultConfigs.dir,\r\n validator(value) {\r\n // The value must match one of these strings\r\n return ['rtl', 'ltr'].includes(value);\r\n },\r\n },\r\n // an object to pass all settings\r\n settings: {\r\n default() {\r\n return {};\r\n },\r\n type: Object,\r\n },\r\n};\n\nfunction getMaxSlideIndex({ config, slidesCount }) {\r\n const { snapAlign, wrapAround, itemsToShow = 1 } = config;\r\n if (wrapAround) {\r\n return Math.max(slidesCount - 1, 0);\r\n }\r\n let output;\r\n switch (snapAlign) {\r\n case 'start':\r\n output = slidesCount - itemsToShow;\r\n break;\r\n case 'end':\r\n output = slidesCount - 1;\r\n break;\r\n case 'center':\r\n case 'center-odd':\r\n output = slidesCount - Math.ceil((itemsToShow - 0.5) / 2);\r\n break;\r\n case 'center-even':\r\n output = slidesCount - Math.ceil(itemsToShow / 2);\r\n break;\r\n default:\r\n output = 0;\r\n break;\r\n }\r\n return Math.max(output, 0);\r\n}\n\nfunction getMinSlideIndex({ config, slidesCount }) {\r\n const { wrapAround, snapAlign, itemsToShow = 1 } = config;\r\n let output = 0;\r\n if (wrapAround || itemsToShow > slidesCount) {\r\n return output;\r\n }\r\n switch (snapAlign) {\r\n case 'start':\r\n output = 0;\r\n break;\r\n case 'end':\r\n output = itemsToShow - 1;\r\n break;\r\n case 'center':\r\n case 'center-odd':\r\n output = Math.floor((itemsToShow - 1) / 2);\r\n break;\r\n case 'center-even':\r\n output = Math.floor((itemsToShow - 2) / 2);\r\n break;\r\n default:\r\n output = 0;\r\n break;\r\n }\r\n return output;\r\n}\n\nfunction getNumberInRange({ val, max, min }) {\r\n if (max < min) {\r\n return val;\r\n }\r\n return Math.min(Math.max(val, min), max);\r\n}\n\nfunction getSlidesToScroll({ config, currentSlide, slidesCount }) {\r\n const { snapAlign, wrapAround, itemsToShow = 1 } = config;\r\n let output = currentSlide;\r\n switch (snapAlign) {\r\n case 'center':\r\n case 'center-odd':\r\n output -= (itemsToShow - 1) / 2;\r\n break;\r\n case 'center-even':\r\n output -= (itemsToShow - 2) / 2;\r\n break;\r\n case 'end':\r\n output -= itemsToShow - 1;\r\n break;\r\n }\r\n if (wrapAround) {\r\n return output;\r\n }\r\n return getNumberInRange({\r\n val: output,\r\n max: slidesCount - itemsToShow,\r\n min: 0,\r\n });\r\n}\n\nfunction getSlidesVNodes(vNode) {\r\n var _a, _b, _c, _d;\r\n // Return empty array if there's any node\r\n if (!vNode)\r\n return [];\r\n // Check if the Slides components are added directly without v-for (#72)\r\n if (((_a = vNode[0]) === null || _a === void 0 ? void 0 : _a.children) === \"v-if\" || ((_c = (_b = vNode[0]) === null || _b === void 0 ? void 0 : _b.type) === null || _c === void 0 ? void 0 : _c.name) === 'CarouselSlide')\r\n return vNode.filter((node) => { var _a; return ((_a = node.type) === null || _a === void 0 ? void 0 : _a.name) === \"CarouselSlide\"; });\r\n return ((_d = vNode[0]) === null || _d === void 0 ? void 0 : _d.children) || [];\r\n}\n\nfunction mapNumberToRange({ val, max, min = 0 }) {\r\n if (val > max) {\r\n return mapNumberToRange({ val: val - (max + 1), max, min });\r\n }\r\n if (val < min) {\r\n return mapNumberToRange({ val: val + (max + 1), max, min });\r\n }\r\n return val;\r\n}\n\n/**\r\n * return a throttle version of the function\r\n * Throttling\r\n *\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction throttle(fn, limit) {\r\n let inThrottle;\r\n if (!limit) {\r\n return fn;\r\n }\r\n return function (...args) {\r\n const self = this;\r\n if (!inThrottle) {\r\n fn.apply(self, args);\r\n inThrottle = true;\r\n setTimeout(() => (inThrottle = false), limit);\r\n }\r\n };\r\n}\n\n/**\r\n * return a debounced version of the function\r\n * @param fn\r\n * @param delay\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction debounce(fn, delay) {\r\n let timerId;\r\n return function (...args) {\r\n if (timerId) {\r\n clearTimeout(timerId);\r\n }\r\n timerId = setTimeout(() => {\r\n fn(...args);\r\n timerId = null;\r\n }, delay);\r\n };\r\n}\n\nvar ARIAComponent = defineComponent({\r\n name: 'ARIA',\r\n setup() {\r\n const currentSlide = inject('currentSlide', ref(0));\r\n const slidesCount = inject('slidesCount', ref(0));\r\n return () => h('div', {\r\n class: ['carousel__liveregion', 'carousel__sr-only'],\r\n 'aria-live': 'polite',\r\n 'aria-atomic': 'true',\r\n }, `Item ${currentSlide.value + 1} of ${slidesCount.value}`);\r\n },\r\n});\n\nvar Carousel = defineComponent({\r\n name: 'Carousel',\r\n props: carouselProps,\r\n setup(props, { slots, emit, expose }) {\r\n var _a;\r\n const root = ref(null);\r\n const slides = ref([]);\r\n const slideWidth = ref(0);\r\n const slidesCount = ref(0);\r\n let breakpoints = ref({});\r\n // generate carousel configs\r\n let __defaultConfig = Object.assign({}, defaultConfigs);\r\n // current config\r\n const config = reactive(Object.assign({}, __defaultConfig));\r\n // slides\r\n const currentSlideIndex = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : 0);\r\n const prevSlideIndex = ref(0);\r\n const middleSlideIndex = ref(0);\r\n const maxSlideIndex = ref(0);\r\n const minSlideIndex = ref(0);\r\n let autoplayTimer;\r\n let transitionTimer;\r\n provide('config', config);\r\n provide('slidesCount', slidesCount);\r\n provide('currentSlide', currentSlideIndex);\r\n provide('maxSlide', maxSlideIndex);\r\n provide('minSlide', minSlideIndex);\r\n provide('slideWidth', slideWidth);\r\n /**\r\n * Configs\r\n */\r\n function initDefaultConfigs() {\r\n // generate carousel configs\r\n const mergedConfigs = Object.assign(Object.assign({}, props), props.settings);\r\n // Set breakpoints\r\n breakpoints = ref(Object.assign({}, mergedConfigs.breakpoints));\r\n // remove extra values\r\n __defaultConfig = Object.assign(Object.assign({}, mergedConfigs), { settings: undefined, breakpoints: undefined });\r\n bindConfigs(__defaultConfig);\r\n }\r\n function updateBreakpointsConfigs() {\r\n if (!Object.keys(breakpoints.value).length)\r\n return;\r\n const breakpointsArray = Object.keys(breakpoints.value)\r\n .map((key) => Number(key))\r\n .sort((a, b) => +b - +a);\r\n let newConfig = Object.assign({}, __defaultConfig);\r\n breakpointsArray.some((breakpoint) => {\r\n const isMatched = window.matchMedia(`(min-width: ${breakpoint}px)`).matches;\r\n if (isMatched) {\r\n newConfig = Object.assign(Object.assign({}, newConfig), breakpoints.value[breakpoint]);\r\n return true;\r\n }\r\n return false;\r\n });\r\n bindConfigs(newConfig);\r\n }\r\n function bindConfigs(newConfig) {\r\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n //@ts-ignore\r\n Object.entries(newConfig).forEach(([key, val]) => (config[key] = val));\r\n }\r\n const handleWindowResize = debounce(() => {\r\n updateBreakpointsConfigs();\r\n updateSlidesData();\r\n updateSlideWidth();\r\n }, 16);\r\n /**\r\n * Setup functions\r\n */\r\n function updateSlideWidth() {\r\n if (!root.value)\r\n return;\r\n const rect = root.value.getBoundingClientRect();\r\n slideWidth.value = rect.width / config.itemsToShow;\r\n }\r\n function updateSlidesData() {\r\n if (slidesCount.value <= 0)\r\n return;\r\n middleSlideIndex.value = Math.ceil((slidesCount.value - 1) / 2);\r\n maxSlideIndex.value = getMaxSlideIndex({ config, slidesCount: slidesCount.value });\r\n minSlideIndex.value = getMinSlideIndex({ config, slidesCount: slidesCount.value });\r\n if (!config.wrapAround) {\r\n currentSlideIndex.value = getNumberInRange({\r\n val: currentSlideIndex.value,\r\n max: maxSlideIndex.value,\r\n min: minSlideIndex.value,\r\n });\r\n }\r\n }\r\n onMounted(() => {\r\n nextTick(() => setTimeout(() => {\r\n updateBreakpointsConfigs();\r\n updateSlidesData();\r\n updateSlideWidth();\r\n emit('init');\r\n }, 16));\r\n initAutoplay();\r\n window.addEventListener('resize', handleWindowResize, { passive: true });\r\n });\r\n onUnmounted(() => {\r\n if (transitionTimer) {\r\n clearTimeout(transitionTimer);\r\n }\r\n if (autoplayTimer) {\r\n clearInterval(autoplayTimer);\r\n }\r\n window.removeEventListener('resize', handleWindowResize, {\r\n passive: true,\r\n });\r\n });\r\n /**\r\n * Carousel Event listeners\r\n */\r\n let isTouch = false;\r\n const startPosition = { x: 0, y: 0 };\r\n const endPosition = { x: 0, y: 0 };\r\n const dragged = reactive({ x: 0, y: 0 });\r\n const isHover = ref(false);\r\n const handleMouseEnter = () => {\r\n isHover.value = true;\r\n };\r\n const handleMouseLeave = () => {\r\n isHover.value = false;\r\n };\r\n function handleDragStart(event) {\r\n if (['INPUT', 'TEXTAREA'].includes(event.target.tagName)) {\r\n return;\r\n }\r\n isTouch = event.type === 'touchstart';\r\n if (!isTouch) {\r\n event.preventDefault();\r\n }\r\n if ((!isTouch && event.button !== 0) || isSliding.value) {\r\n return;\r\n }\r\n startPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\r\n startPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\r\n document.addEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\r\n document.addEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\r\n }\r\n const handleDragging = throttle((event) => {\r\n endPosition.x = isTouch ? event.touches[0].clientX : event.clientX;\r\n endPosition.y = isTouch ? event.touches[0].clientY : event.clientY;\r\n const deltaX = endPosition.x - startPosition.x;\r\n const deltaY = endPosition.y - startPosition.y;\r\n dragged.y = deltaY;\r\n dragged.x = deltaX;\r\n }, config.throttle);\r\n function handleDragEnd() {\r\n const direction = config.dir === 'rtl' ? -1 : 1;\r\n const tolerance = Math.sign(dragged.x) * 0.4;\r\n const draggedSlides = Math.round(dragged.x / slideWidth.value + tolerance) * direction;\r\n // Prevent clicking if there is clicked slides\r\n if (draggedSlides && !isTouch) {\r\n const captureClick = (e) => {\r\n e.stopPropagation();\r\n window.removeEventListener('click', captureClick, true);\r\n };\r\n window.addEventListener('click', captureClick, true);\r\n }\r\n slideTo(currentSlideIndex.value - draggedSlides);\r\n dragged.x = 0;\r\n dragged.y = 0;\r\n document.removeEventListener(isTouch ? 'touchmove' : 'mousemove', handleDragging, true);\r\n document.removeEventListener(isTouch ? 'touchend' : 'mouseup', handleDragEnd, true);\r\n }\r\n /**\r\n * Autoplay\r\n */\r\n function initAutoplay() {\r\n if (!config.autoplay || config.autoplay <= 0) {\r\n return;\r\n }\r\n autoplayTimer = setInterval(() => {\r\n if (config.pauseAutoplayOnHover && isHover.value) {\r\n return;\r\n }\r\n next();\r\n }, config.autoplay);\r\n }\r\n function resetAutoplay() {\r\n if (autoplayTimer) {\r\n clearInterval(autoplayTimer);\r\n autoplayTimer = null;\r\n }\r\n initAutoplay();\r\n }\r\n /**\r\n * Navigation function\r\n */\r\n const isSliding = ref(false);\r\n function slideTo(slideIndex) {\r\n const currentVal = config.wrapAround\r\n ? slideIndex\r\n : getNumberInRange({\r\n val: slideIndex,\r\n max: maxSlideIndex.value,\r\n min: minSlideIndex.value,\r\n });\r\n if (currentSlideIndex.value === currentVal || isSliding.value) {\r\n return;\r\n }\r\n emit('slide-start', {\r\n slidingToIndex: slideIndex,\r\n currentSlideIndex: currentSlideIndex.value,\r\n prevSlideIndex: prevSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n });\r\n isSliding.value = true;\r\n prevSlideIndex.value = currentSlideIndex.value;\r\n currentSlideIndex.value = currentVal;\r\n transitionTimer = setTimeout(() => {\r\n if (config.wrapAround) {\r\n const mappedNumber = mapNumberToRange({\r\n val: currentVal,\r\n max: maxSlideIndex.value,\r\n min: 0,\r\n });\r\n if (mappedNumber !== currentSlideIndex.value) {\r\n currentSlideIndex.value = mappedNumber;\r\n emit('loop', {\r\n currentSlideIndex: currentSlideIndex.value,\r\n slidingToIndex: slideIndex,\r\n });\r\n }\r\n }\r\n emit('update:modelValue', currentSlideIndex.value);\r\n emit('slide-end', {\r\n currentSlideIndex: currentSlideIndex.value,\r\n prevSlideIndex: prevSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n });\r\n isSliding.value = false;\r\n resetAutoplay();\r\n }, config.transition);\r\n }\r\n function next() {\r\n slideTo(currentSlideIndex.value + config.itemsToScroll);\r\n }\r\n function prev() {\r\n slideTo(currentSlideIndex.value - config.itemsToScroll);\r\n }\r\n const nav = { slideTo, next, prev };\r\n provide('nav', nav);\r\n provide('isSliding', isSliding);\r\n /**\r\n * Track style\r\n */\r\n const slidesToScroll = computed(() => getSlidesToScroll({\r\n config,\r\n currentSlide: currentSlideIndex.value,\r\n slidesCount: slidesCount.value,\r\n }));\r\n provide('slidesToScroll', slidesToScroll);\r\n const trackStyle = computed(() => {\r\n const direction = config.dir === 'rtl' ? -1 : 1;\r\n const xScroll = slidesToScroll.value * slideWidth.value * direction;\r\n return {\r\n transform: `translateX(${dragged.x - xScroll}px)`,\r\n transition: `${isSliding.value ? config.transition : 0}ms`,\r\n margin: config.wrapAround ? `0 -${slidesCount.value * slideWidth.value}px` : '',\r\n width: `100%`,\r\n };\r\n });\r\n function restartCarousel() {\r\n initDefaultConfigs();\r\n updateBreakpointsConfigs();\r\n updateSlidesData();\r\n updateSlideWidth();\r\n resetAutoplay();\r\n }\r\n // Update the carousel on props change\r\n Object.keys(carouselProps).forEach((prop) => {\r\n if (['modelValue'].includes(prop))\r\n return;\r\n watch(() => props[prop], restartCarousel);\r\n });\r\n // Handle changing v-model value\r\n watch(() => props['modelValue'], (val) => {\r\n if (val !== currentSlideIndex.value) {\r\n slideTo(Number(val));\r\n }\r\n });\r\n // Handel when slides added/removed\r\n watch(slidesCount, updateSlidesData);\r\n // Init carousel\r\n initDefaultConfigs();\r\n const data = {\r\n config,\r\n slidesCount,\r\n slideWidth,\r\n next,\r\n prev,\r\n slideTo,\r\n currentSlide: currentSlideIndex,\r\n maxSlide: maxSlideIndex,\r\n minSlide: minSlideIndex,\r\n middleSlide: middleSlideIndex,\r\n };\r\n expose({\r\n updateBreakpointsConfigs,\r\n updateSlidesData,\r\n updateSlideWidth,\r\n initDefaultConfigs,\r\n restartCarousel,\r\n slideTo,\r\n next,\r\n prev,\r\n nav,\r\n data,\r\n });\r\n const slotSlides = slots.default || slots.slides;\r\n const slotAddons = slots.addons;\r\n const slotsProps = reactive(data);\r\n return () => {\r\n const slidesElements = getSlidesVNodes(slotSlides === null || slotSlides === void 0 ? void 0 : slotSlides(slotsProps));\r\n const addonsElements = (slotAddons === null || slotAddons === void 0 ? void 0 : slotAddons(slotsProps)) || [];\r\n slidesElements.forEach((el, index) => (el.props.index = index));\r\n let output = slidesElements;\r\n if (config.wrapAround) {\r\n const slidesBefore = slidesElements.map((el, index) => cloneVNode(el, {\r\n index: -slidesElements.length + index,\r\n isClone: true,\r\n key: `clone-before-${index}`,\r\n }));\r\n const slidesAfter = slidesElements.map((el, index) => cloneVNode(el, {\r\n index: slidesElements.length + index,\r\n isClone: true,\r\n key: `clone-after-${index}`,\r\n }));\r\n output = [...slidesBefore, ...slidesElements, ...slidesAfter];\r\n }\r\n slides.value = slidesElements;\r\n slidesCount.value = Math.max(slidesElements.length, 1);\r\n const trackEl = h('ol', {\r\n class: 'carousel__track',\r\n style: trackStyle.value,\r\n onMousedownCapture: config.mouseDrag ? handleDragStart : null,\r\n onTouchstartPassiveCapture: config.touchDrag ? handleDragStart : null,\r\n }, output);\r\n const viewPortEl = h('div', { class: 'carousel__viewport' }, trackEl);\r\n return h('section', {\r\n ref: root,\r\n class: {\r\n carousel: true,\r\n 'carousel--rtl': config.dir === 'rtl',\r\n },\r\n dir: config.dir,\r\n 'aria-label': 'Gallery',\r\n tabindex: '0',\r\n onMouseenter: handleMouseEnter,\r\n onMouseleave: handleMouseLeave,\r\n }, [viewPortEl, addonsElements, h(ARIAComponent)]);\r\n };\r\n },\r\n});\n\nconst icons = {\r\n arrowUp: 'M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z',\r\n arrowDown: 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',\r\n arrowRight: 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z',\r\n arrowLeft: 'M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z',\r\n};\n\nconst Icon = (props) => {\r\n const iconName = props.name;\r\n if (!iconName || typeof iconName !== 'string') {\r\n return;\r\n }\r\n const path = icons[iconName];\r\n const pathEl = h('path', { d: path });\r\n const iconTitle = (props.title || iconName);\r\n const titleEl = h('title', iconTitle);\r\n return h('svg', {\r\n class: 'carousel__icon',\r\n viewBox: '0 0 24 24',\r\n role: 'img',\r\n ariaLabel: iconTitle,\r\n }, [titleEl, pathEl]);\r\n};\r\nIcon.props = { name: String, title: String };\n\nconst Navigation = (props, { slots, attrs }) => {\r\n const { next: slotNext, prev: slotPrev } = slots || {};\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const maxSlide = inject('maxSlide', ref(1));\r\n const minSlide = inject('minSlide', ref(1));\r\n const currentSlide = inject('currentSlide', ref(1));\r\n const nav = inject('nav', {});\r\n const { dir, wrapAround } = config;\r\n const isRTL = dir === 'rtl';\r\n const prevButton = h('button', {\r\n type: 'button',\r\n class: [\r\n 'carousel__prev',\r\n !wrapAround && currentSlide.value <= minSlide.value && 'carousel__prev--disabled',\r\n attrs === null || attrs === void 0 ? void 0 : attrs.class,\r\n ],\r\n 'aria-label': `Navigate to previous slide`,\r\n onClick: nav.prev,\r\n }, (slotPrev === null || slotPrev === void 0 ? void 0 : slotPrev()) || h(Icon, { name: isRTL ? 'arrowRight' : 'arrowLeft' }));\r\n const nextButton = h('button', {\r\n type: 'button',\r\n class: [\r\n 'carousel__next',\r\n !wrapAround && currentSlide.value >= maxSlide.value && 'carousel__next--disabled',\r\n attrs === null || attrs === void 0 ? void 0 : attrs.class,\r\n ],\r\n 'aria-label': `Navigate to next slide`,\r\n onClick: nav.next,\r\n }, (slotNext === null || slotNext === void 0 ? void 0 : slotNext()) || h(Icon, { name: isRTL ? 'arrowLeft' : 'arrowRight' }));\r\n return [prevButton, nextButton];\r\n};\n\nconst Pagination = () => {\r\n const maxSlide = inject('maxSlide', ref(1));\r\n const minSlide = inject('minSlide', ref(1));\r\n const currentSlide = inject('currentSlide', ref(1));\r\n const nav = inject('nav', {});\r\n const isActive = (slide) => mapNumberToRange({\r\n val: currentSlide.value,\r\n max: maxSlide.value,\r\n min: 0,\r\n }) === slide;\r\n const children = [];\r\n for (let slide = minSlide.value; slide < maxSlide.value + 1; slide++) {\r\n const button = h('button', {\r\n type: 'button',\r\n class: {\r\n 'carousel__pagination-button': true,\r\n 'carousel__pagination-button--active': isActive(slide),\r\n },\r\n 'aria-label': `Navigate to slide ${slide + 1}`,\r\n onClick: () => nav.slideTo(slide),\r\n });\r\n const item = h('li', { class: 'carousel__pagination-item', key: slide }, button);\r\n children.push(item);\r\n }\r\n return h('ol', { class: 'carousel__pagination' }, children);\r\n};\n\nvar Slide = defineComponent({\r\n name: 'CarouselSlide',\r\n props: {\r\n index: {\r\n type: Number,\r\n default: 1,\r\n },\r\n isClone: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n setup(props, { slots }) {\r\n const config = inject('config', reactive(Object.assign({}, defaultConfigs)));\r\n const currentSlide = inject('currentSlide', ref(0));\r\n const slidesToScroll = inject('slidesToScroll', ref(0));\r\n const slideWidth = inject('slideWidth', ref(0));\r\n const isSliding = inject('isSliding', ref(false));\r\n const slideStyle = computed(() => ({\r\n width: slideWidth.value ? `${slideWidth.value}px` : `100%`,\r\n }));\r\n const isActive = () => props.index === currentSlide.value;\r\n const isPrev = () => props.index === currentSlide.value - 1;\r\n const isNext = () => props.index === currentSlide.value + 1;\r\n const isVisible = () => {\r\n const min = Math.floor(slidesToScroll.value);\r\n const max = Math.ceil(slidesToScroll.value + config.itemsToShow - 1);\r\n return props.index >= min && props.index <= max;\r\n };\r\n return () => {\r\n var _a;\r\n return h('li', {\r\n style: slideStyle.value,\r\n class: {\r\n carousel__slide: true,\r\n 'carousel_slide--clone': props.isClone,\r\n 'carousel__slide--visible': isVisible(),\r\n 'carousel__slide--active': isActive(),\r\n 'carousel__slide--prev': isPrev(),\r\n 'carousel__slide--next': isNext(),\r\n 'carousel__slide--sliding': isSliding.value,\r\n },\r\n 'aria-hidden': !isVisible(),\r\n }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));\r\n };\r\n },\r\n});\n\nexport { Carousel, Icon, Navigation, Pagination, Slide };\n","import { render } from \"./WelcomeTour.vue?vue&type=template&id=6dffb006&scoped=true\"\nimport script from \"./WelcomeTour.vue?vue&type=script&lang=js\"\nexport * from \"./WelcomeTour.vue?vue&type=script&lang=js\"\n\nimport \"./WelcomeTour.vue?vue&type=style&index=0&id=6dffb006&lang=scss&scoped=true\"\nimport \"./WelcomeTour.vue?vue&type=style&index=1&id=6dffb006&lang=scss\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_NEW_Staging_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6dffb006\"]])\n\nexport default __exports__","export default function _objectDestructuringEmpty(obj) {\n if (obj == null) throw new TypeError(\"Cannot destructure undefined\");\n}","\n \n
\n Welcome to Medusa
\n \n\n \n \n \n \n \n \n \n \n \n
\n \n \n
\n Shipping Address
\n\n
\n \n Select your store shipping address in order to display products or\n some text here\n
\n- \n
Point one explaining why
\n Point two explaining why
\n Point three explaining why
\n
\n
\n Info Slide 2
\n\n
\n Video Slide
\n \n\n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n \n
\n {{ item.brand }}\n \n \n \n \n \n 0\"\n index-name=\"products_index\"\n >\n 0\">\n \n
\n \n \n PRODUCTS
\n\n \n i.status === 'active' &&\n i.active === 1 &&\n (price_list == '33' || i.tags != 'GGV ONLY') &&\n (isLoggedIn || !i.login_required)\n )\"\n :key=\"item.objectId\"\n :value=\"item\"\n v-slot=\"{ active }\"\n >\n i.status === 'active' && i.active === 1\n ),\n true\n )\n \"\n >\n \n
\n \n \n \n {{ item.brand }} -\n {{ item.product_type }} \n
\n {{ item.name }}
\n\n No results have been found.\n
\n \n \n \n Categories
\n\n \n
\n \n {{ item.product_type }}
\n \nPOPULAR SEARCHES
\n 0\">\n r.name),\n items\n )\n \"\n >\n VIEW ALL PRODUCTS\n \n
\n \n \n \n \n {{items_count}}\n
\n\n\n\n\n\n","import { render } from \"./CartCount.vue?vue&type=template&id=2e123a8c&scoped=true\"\nimport script from \"./CartCount.vue?vue&type=script&lang=js\"\nexport * from \"./CartCount.vue?vue&type=script&lang=js\"\n\nimport \"./CartCount.vue?vue&type=style&index=0&id=2e123a8c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_NEW_Staging_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2e123a8c\"]])\n\nexport default __exports__","\n \n \n
\n \n {{ msg }}\n
\n\n Warning: Once your license\n expires, you won’t be able to purchase certain items for this location\n until your new license is approved.\n
\n \n\n {{ title }}\n
\n \n\n
\n \n
\n \n \n \n \n \n \n
\n \n
\n