\n
\n \n
\n \n ![\"Save](\"@/assets/images/save-time.png\")
\n
\n \n \n
\n Saves time, so you can get back to running your business
\n\n We know you love hanging out with us, but probably have better things\n to do.\n
\n \n\n \n \n\n
\n \n
\n \n \n
\n \n \n 0 ? 'add-action-btn' : 'btn-disabled'\n \"\n @click=\"addProductsIntoCart\"\n >\n ADD TO ORDER\n \n
\n Add products to your order
\n\n \n \n \n \n \n \n \n \n 0 && optionsToggle\"\n class=\"p-4\"\n >\n \n \n \n
\n \n \n \n
\n
\n | PRODUCT | \n\n | \n QUANTITY\n | \n\n PRICE\n | \n\n TOTAL\n | \n
|---|---|---|---|---|
| \n \n \n \n \n \n \n \n \n \n \n \n {{ row.name }} \n\n
\n Price: ${{ commaFormat(getBulkPrice(row)) }}\n \n\n Total:\n \n\n ${{ commaFormat(getBulkTotal(row)) }}\n \n \n\n \n\n | \n \n | \n \n | \n \n \n ${{ commaFormat(getBulkPrice(row)) }}\n \n | \n \n \n \n ${{ commaFormat(getBulkTotal(row)) }} \n \n | \n \n \n \n \n \n \n \n \n Bulk Pricing\n\n Automatic volume discounts for {{ row.name }}\n ${{ row.price }}\n \n\n \n
| \n \n
| \n \n \n There’s nothing in lightning order \n Search for a product below to add products\n | \n
\n
\n \n \n \n
\n \n \n \n \n \n \n \n Coming Soon \n Out of Stock \n \n\n \n
\n \n \n
\n \n \n \n ${{\n Number(\n customPriceList[val.id] ??\n val.price\n ).toFixed(2)\n }}\n |\n \n {{ val.brand }} -\n {{ val.product_type }}\n \n
\n \n {{ val.productName }} -\n {{ val.label }}\n
\n \n\n The products in lightning order haven't been added to your order. They\n will be saved here so you can come back and add them\n
\n \n\n\n
\n Product
\n Quantity
\n \n ![\"Image\"]()
\n
\n \n
\n {{ item.name }}
\n {{ item.brand }} - {{ item.product_type }}\n\n {{ item.qty }}\n
\n \n \n \n\n\n\n\n\n","import {inject, onMounted, onUnmounted, reactive} from 'vue';\nimport {useRoute} from 'vue-router'\nimport { store } from \"../store\";\n\nexport default function Bulk() {\n const axios = inject('axios');\n\n\n const bulk = reactive({\n loading: false,\n data: [],\n name:'',\n price:'',\n error: ''\n });\n\n const getBulk = (val)=>{\n bulk.loading = true\n bulk.name = val.name+\"-\"+val.opt1;\n bulk.price = val.price;\n axios.authApi.get('/productBulkDiscount/'+val.id).then((resp) => {\n if (resp.status) {\n bulk.data = resp.data.data;\n } else {\n bulk.error = resp.data.error;\n }\n }).catch(function (error) {\n console.log(error);\n }).finally(() => (bulk.loading = false));\n };\n\n const getBulkPrice = (row)=>{\n let data = JSON.parse(localStorage.getItem(\"lightning_order\"));\n let qty = 0;\n data.forEach(t => {\n if(t.bulkTag == row.bulkTag)\n qty += t.qty;\n });\n\n let bulkTags = store.getters.cart.bulkTags;\n qty = parseInt(qty) + ((bulkTags && bulkTags[row.bulkTag]) ? parseInt(bulkTags[row.bulkTag]) : 0);\n if(row.bulk.length>0){\n const dis = row.bulk.filter(r=> qty >= r.min_quantity)\n const discount_row = dis[dis.length-1]\n return discount_row?(row.price-(row.price*discount_row.discount_percentage)/100).toFixed(2): (Number(row.price).toFixed(2))\n }\n else{\n return (Number(row.price).toFixed(2))\n }\n };\n const getBulkTotal = (row)=>{\n const getPrc = getBulkPrice(row)\n return (Number(row.qty*getPrc).toFixed(2))\n };\n return {bulk, getBulk, getBulkPrice, getBulkTotal}\n\n}","import { render } from \"./Lightning.vue?vue&type=template&id=9490d56c&scoped=true\"\nimport script from \"./Lightning.vue?vue&type=script&lang=js\"\nexport * from \"./Lightning.vue?vue&type=script&lang=js\"\n\nimport \"./Lightning.vue?vue&type=style&index=0&id=9490d56c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-9490d56c\"]])\n\nexport default __exports__","\n \n \n
\n \n \n\n\n\n\n","import{Fragment as E,computed as d,defineComponent as s,h as f,inject as L,provide as P,ref as m}from\"vue\";import{render as h,compact as j,omit as G}from'../../utils/render.js';import{useId as H}from'../../hooks/use-id.js';import{Keys as y}from'../../keyboard.js';import{Label as V,useLabels as B}from'../label/label.js';import{Description as I,useDescriptions as O}from'../description/description.js';import{useResolveButtonType as T}from'../../hooks/use-resolve-button-type.js';import{Hidden as F,Features as M}from'../../internal/hidden.js';import{attemptSubmit as $}from'../../utils/form.js';import{useControllable as A}from'../../hooks/use-controllable.js';let b=Symbol(\"GroupContext\"),te=s({name:\"SwitchGroup\",props:{as:{type:[Object,String],default:\"template\"}},setup(l,{slots:a,attrs:r}){let n=m(null),u=B({name:\"SwitchLabel\",props:{onClick(){!n.value||(n.value.click(),n.value.focus({preventScroll:!0}))}}}),t=O({name:\"SwitchDescription\"});return P(b,{switchRef:n,labelledby:u,describedby:t}),()=>h({theirProps:l,ourProps:{},slot:{},slots:a,attrs:r,name:\"SwitchGroup\"})}}),le=s({name:\"Switch\",emits:{\"update:modelValue\":l=>!0},props:{as:{type:[Object,String],default:\"button\"},modelValue:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},name:{type:String,optional:!0},value:{type:String,optional:!0}},inheritAttrs:!1,setup(l,{emit:a,attrs:r,slots:n,expose:u}){let t=L(b,null),p=`headlessui-switch-${H()}`,[i,S]=A(d(()=>l.modelValue),e=>a(\"update:modelValue\",e),d(()=>l.defaultChecked));function c(){S(!i.value)}let v=m(null),o=t===null?v:t.switchRef,w=T(d(()=>({as:l.as,type:r.type})),o);u({el:o,$el:o});function k(e){e.preventDefault(),c()}function g(e){e.key===y.Space?(e.preventDefault(),c()):e.key===y.Enter&&$(e.currentTarget)}function C(e){e.preventDefault()}return()=>{let{name:e,value:R,...D}=l,K={checked:i.value},x={id:p,ref:o,role:\"switch\",type:w.value,tabIndex:0,\"aria-checked\":i.value,\"aria-labelledby\":t==null?void 0:t.labelledby.value,\"aria-describedby\":t==null?void 0:t.describedby.value,onClick:k,onKeyup:g,onKeypress:C};return f(E,[e!=null&&i.value!=null?f(F,j({features:M.Hidden,as:\"input\",type:\"checkbox\",hidden:!0,readOnly:!0,checked:i.value,name:e,value:R})):null,h({ourProps:x,theirProps:{...r,...G(D,[\"modelValue\",\"defaultChecked\"])},slot:K,attrs:r,slots:n,name:\"Switch\"})])}}}),ne=V,re=I;export{le as Switch,re as SwitchDescription,te as SwitchGroup,ne as SwitchLabel};\n","import { render } from \"./Banner.vue?vue&type=template&id=41dc6e42&scoped=true\"\nimport script from \"./Banner.vue?vue&type=script&lang=js\"\nexport * from \"./Banner.vue?vue&type=script&lang=js\"\n\nimport \"./Banner.vue?vue&type=style&index=0&id=41dc6e42&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-41dc6e42\"]])\n\nexport default __exports__","!function(e,n){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=n():\"function\"==typeof define&&define.amd?define(n):(e||self)[\"v-click-outside\"]=n()}(this,function(){var e=\"__v-click-outside\",n=\"undefined\"!=typeof window,t=\"undefined\"!=typeof navigator,r=n&&(\"ontouchstart\"in window||t&&navigator.msMaxTouchPoints>0)?[\"touchstart\"]:[\"click\"],i=function(e){var n=e.event,t=e.handler;(0,e.middleware)(n)&&t(n)},a=function(n,t){var a=function(e){var n=\"function\"==typeof e;if(!n&&\"object\"!=typeof e)throw new Error(\"v-click-outside: Binding value must be a function or an object\");return{handler:n?e:e.handler,middleware:e.middleware||function(e){return e},events:e.events||r,isActive:!(!1===e.isActive),detectIframe:!(!1===e.detectIframe),capture:Boolean(e.capture)}}(t.value),o=a.handler,d=a.middleware,c=a.detectIframe,u=a.capture;if(a.isActive){if(n[e]=a.events.map(function(e){return{event:e,srcTarget:document.documentElement,handler:function(e){return function(e){var n=e.el,t=e.event,r=e.handler,a=e.middleware,o=t.path||t.composedPath&&t.composedPath();(o?o.indexOf(n)<0:!n.contains(t.target))&&i({event:t,handler:r,middleware:a})}({el:n,event:e,handler:o,middleware:d})},capture:u}}),c){var l={event:\"blur\",srcTarget:window,handler:function(e){return function(e){var n=e.el,t=e.event,r=e.handler,a=e.middleware;setTimeout(function(){var e=document.activeElement;e&&\"IFRAME\"===e.tagName&&!n.contains(e)&&i({event:t,handler:r,middleware:a})},0)}({el:n,event:e,handler:o,middleware:d})},capture:u};n[e]=[].concat(n[e],[l])}n[e].forEach(function(t){var r=t.event,i=t.srcTarget,a=t.handler;return setTimeout(function(){n[e]&&i.addEventListener(r,a,u)},0)})}},o=function(n){(n[e]||[]).forEach(function(e){return e.srcTarget.removeEventListener(e.event,e.handler,e.capture)}),delete n[e]},d=n?{beforeMount:a,updated:function(e,n){var t=n.value,r=n.oldValue;JSON.stringify(t)!==JSON.stringify(r)&&(o(e),a(e,{value:t}))},unmounted:o}:{};return{install:function(e){e.directive(\"click-outside\",d)},directive:d}});\n//# sourceMappingURL=v-click-outside.umd.js.map\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!./GuestBanner.vue?vue&type=style&index=0&id=3935dc4a&lang=scss&scoped=true\"","import{watchEffect as u}from\"vue\";import{getOwnerDocument as E}from'../utils/owner.js';function p({container:e,accept:t,walk:d,enabled:o}){u(()=>{let r=e.value;if(!r||o!==void 0&&!o.value)return;let l=E(e);if(!l)return;let c=Object.assign(f=>t(f),{acceptNode:t}),n=l.createTreeWalker(r,NodeFilter.SHOW_ELEMENT,c,!1);for(;n.nextNode();)d(n.currentNode)})}export{p as useTreeWalker};\n","\n \n
\n \n
\n \n ![]()
\n
\n \n
\n \n \n \n {{ pretext }}\n \n \n {{ subtitle }}\n \n \n \n {{\n items\n ? items\n : `${getProductCount} ${\n getProductCount > 1 ? \"products\" : \"product\"\n }`\n }}\n \n
\n \n {{ title }}\n
\n\n \n Show Stocks\n In Stock Only \n
\n \n \n \n
\n\n\n\n\n\n","import { render } from \"./TestimonialSlider.vue?vue&type=template&id=3591fd7c&scoped=true\"\nimport script from \"./TestimonialSlider.vue?vue&type=script&lang=js\"\nexport * from \"./TestimonialSlider.vue?vue&type=script&lang=js\"\n\nimport \"./TestimonialSlider.vue?vue&type=style&index=0&id=3591fd7c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/MEDUSA_Frontend_Production_XZT/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3591fd7c\"]])\n\nexport default __exports__","import { inject, reactive } from \"vue\";\nimport Segments from \"@/modules/Segments\";\nimport { useRoute } from 'vue-router';\nconst { ProductNotify } = Segments();\n\n\nexport default function Notifications() {\n const axios = inject('axios');\n const route = useRoute();\n const notification = reactive({\n loading: false,\n error: '',\n data: [],\n count: 0,\n });\n const getNotifications = async() => {\n if (axios.isLoggedIn) {\n notification.loading = true;\n axios.authApi.get(\"/notifications\")\n .then((response) => {\n if (response.data.status) {\n notification.data = (response.data.data.notifications)\n notification.count = response.data.data.count\n } else {\n notification.error = response.data.error;\n }\n })\n .catch(function(error) {\n console.log(error);\n }).finally(() => (notification.loading = false));\n }\n };\n\n const notify = reactive({\n loading: false,\n error: '',\n data: [],\n });\n const notifyme = async(variant,pro,type=null) => {\n if (axios.isLoggedIn) {\n notify.loading = true;\n axios.authApi.post(\"/notify\", {\n variant_id: variant.id\n }).then((resp) => {\n if (resp.data.status) {\n notify.data = resp.data.data;\n ProductNotify('add',route,variant,pro,type);\n } else {\n notify.error = resp.data.error;\n }\n })\n .catch(function(error) {\n console.log(error);\n }).finally(() => (notify.loading = false));\n }\n };\n const deleteNotify = async(variant,pro,type=null) => {\n if (axios.isLoggedIn) {\n notify.loading = true;\n axios.authApi.post(\"/deleteNotify\", {\n variant_id: variant.id\n }).then((resp) => {\n\n if (resp.data.status) {\n notify.data = resp.data.data;\n ProductNotify('remove',route,variant,pro,type);\n } else {\n notify.error = resp.data.error;\n }\n })\n .catch(function(error) {\n console.log(error);\n }).finally(() => (notify.loading = false));\n }\n };\n return {\n notification,\n getNotifications,\n notify,\n notifyme,\n deleteNotify\n }\n}","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(\"/topSellProduct\")\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(\"/collectionDetails?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);\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(\"/maxPrice?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","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!./TestimonialSlider.vue?vue&type=style&index=0&id=3591fd7c&lang=scss&scoped=true\"","import{defineComponent as y,ref as S,provide as O,inject as P,computed as b,watchEffect as T}from\"vue\";import{Keys as f}from'../../keyboard.js';import{match as h}from'../../utils/match.js';import{render as v,Features as E}from'../../utils/render.js';import{useId as I}from'../../hooks/use-id.js';import{dom as p}from'../../utils/dom.js';import{useOpenClosedProvider as k,State as g,useOpenClosed as K}from'../../internal/open-closed.js';import{useResolveButtonType as R}from'../../hooks/use-resolve-button-type.js';var w=(n=>(n[n.Open=0]=\"Open\",n[n.Closed=1]=\"Closed\",n))(w||{});let x=Symbol(\"DisclosureContext\");function C(l){let r=P(x,null);if(r===null){let n=new Error(`<${l} /> is missing a parent \n
\n \n
\n Trusted by our customers
\n\n
\n \n \n \n
\n \n \n
\n \n
\n \n
\n {{ t.title }}
\n {{ t.text }}\n\n ![]()
\n
\n \n
\n {{ t.name }}
\n {{ t.place }}\n