{"version":3,"sources":["webpack:///./src/modules/checkout/assets/svg/iconStore.vue?1f2a","webpack:///./src/modules/checkout/view/DeliveryDetails.vue","webpack:///src/modules/checkout/view/DeliveryDetails.vue","webpack:///./src/modules/checkout/view/DeliveryDetails.vue?5e8e","webpack:///./src/modules/checkout/view/DeliveryDetails.vue?654a","webpack:///./src/modules/checkout/components/modals/DeliveryDetail.vue?176a","webpack:///./src/modules/checkout/view/DeliveryDetails.vue?f5fb","webpack:///./src/modules/checkout/components/modals/DeliveryDetail.vue","webpack:///./src/modules/checkout/assets/svg/iconMoney.vue","webpack:///src/modules/checkout/assets/svg/iconMoney.vue","webpack:///./src/modules/checkout/assets/svg/iconMoney.vue?7563","webpack:///./src/modules/checkout/assets/svg/iconMoney.vue?cad8","webpack:///./src/modules/checkout/assets/svg/iconStore.vue","webpack:///src/modules/checkout/assets/svg/iconStore.vue","webpack:///./src/modules/checkout/assets/svg/iconStore.vue?8afd","webpack:///./src/modules/checkout/assets/svg/iconStore.vue?3c4c","webpack:///src/modules/checkout/components/modals/DeliveryDetail.vue","webpack:///./src/modules/checkout/components/modals/DeliveryDetail.vue?83a9","webpack:///./src/modules/checkout/components/modals/DeliveryDetail.vue?2405","webpack:///./src/common/svg/iconPin.vue","webpack:///src/common/svg/iconPin.vue","webpack:///./src/common/svg/iconPin.vue?b89e","webpack:///./src/common/svg/iconPin.vue?bf9b"],"names":["render","_vm","this","_c","_self","staticClass","attrs","branch","address","coordinates","lat","long","quantity","staticRenderFns","components","DeliveryDetail","name","data","available","base_price","coords","km","min","minimum_quantity","price","price_per_km","price_per_min","price_per_quantity","show","loading","$route","query","stores","$store","dispatch","$options","filters","filterBranch","parseInt","response","nodeService","post","latitud","longitud","branch_codes","calculate_prices","verify","length","limits","error","console","log","chat","document","querySelector","style","display","component","on","$event","$emit","_v","_s","$t","_f","delivery","staticStyle","ref","accessToken","mapStyle","onMapLoaded","slot","size","color","iconBase","props","type","Number","default","String","MainModal","IconMoney","MglMap","MglMarker","MglGeolocateControl","MglNavigationControl","IconPin","IconStore","Object","mixins","addressesMixin","computed","sources","layer","layers","push","process","center","methods","event","getLimits","mapbox","Mapbox","forEach","source","id","map","addSource","addLayer","animationOptions","animate","duration","essential","setTimeout","zoomTo","addRoute","$refs","getSource","removeLayer","removeSource","enableBackground","Boolean"],"mappings":"kHAAA,W,2FCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,kBAAkB,CAACE,YAAY,YAAYC,MAAM,CAAC,OAASL,EAAIM,OAAO,SAAWN,EAAIO,QAAQ,IAAMP,EAAIQ,YAAYC,IAAI,KAAOT,EAAIQ,YAAYE,KAAK,SAAWV,EAAIW,aAEpOC,EAAkB,G,wBCOP,GACfC,WAAA,CAAAC,uBACAC,KAAA,kBACAC,OACA,OACAV,OAAA,GACAE,YAAA,GACAG,SAAA,EACAJ,QAAA,CACAU,WAAA,EACAC,WAAA,EACAC,OAAA,KACAC,GAAA,EACAC,IAAA,EACAC,iBAAA,EACAC,MAAA,EACAC,aAAA,EACAC,cAAA,EACAC,mBAAA,GAEAC,MAAA,EACAC,SAAA,IAGA,gBACA,KAAApB,YAAA,CAAAC,IAAA,KAAAoB,OAAAC,MAAArB,IAAAC,KAAA,KAAAmB,OAAAC,MAAApB,MACA,IACA,KAAAkB,SAAA,EACA,MAAAG,QAAA,KAAAC,OAAAC,SAAA,wBACA3B,EAAA,KAAA4B,SAAAC,QAAAC,aAAAL,EAAAM,SAAA,KAAAR,OAAAC,MAAAxB,SACA,KAAAA,SACA,IAAAgC,QAAAC,OAAAC,KAAA,uBACAjC,QAAA,EACAkC,QAAA,KAAAjC,YAAAC,IACAiC,SAAA,KAAAlC,YAAAE,OAEAiC,aAAA,CAAAN,SAAA,KAAAR,OAAAC,MAAAxB,SACAsC,iBAAA,IAEAN,EAAAtB,UAAA,GAAA6B,OAAAC,OAAA,IACA,KAAAvC,QAAA+B,EAAAtB,UAAA,GAAA6B,OAAA,GAAAE,QAEA,MAAAC,GACAC,QAAAC,IAAAF,GACA,QACA,KAAApB,SAAA,EAEA,IAAAuB,EAAAC,SAAAC,cAAA,0BACAF,IACAA,EAAAG,MAAAC,QAAA,UC1DsX,I,wBCQlXC,EAAY,eACd,EACAzD,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAA4C,E,2CCnBf,W,kCCAA,W,yDCAA,IAAIzD,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACE,YAAY,kBAAkBC,MAAM,CAAC,MAAQ,IAAIoD,GAAG,CAAC,WAAa,SAASC,GAAQ,OAAO1D,EAAI2D,MAAM,iBAAiB,CAACzD,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,2BAA2B,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,kCAAkC5D,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,eAAe,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,yCAAyC,OAAO5D,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,aAAa,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,MAAMH,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,2BAA2B5D,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI+D,GAAG,cAAP/D,CAAsBA,EAAIgE,SAAS9C,iBAAiB,GAAGhB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,QAAQ,CAACE,YAAY,6BAA6B,CAACF,EAAG,QAAQ,CAAC+D,YAAY,CAAC,gBAAgB,sBAAsB,CAAC/D,EAAG,KAAK,CAACE,YAAY,uCAAuC,CAACF,EAAG,KAAK,CAACG,MAAM,CAAC,MAAQ,QAAQ,CAACL,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,sBAAsB5D,EAAG,KAAK,CAACG,MAAM,CAAC,MAAQ,QAAQ,CAACL,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,2BAA2B5D,EAAG,KAAK,CAACG,MAAM,CAAC,MAAQ,QAAQ,CAACL,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,qBAAqB5D,EAAG,KAAK,CAACG,MAAM,CAAC,MAAQ,QAAQ,CAACL,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,sCAAsC5D,EAAG,QAAQ,CAACE,YAAY,mCAAmC,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,uBAAuB5D,EAAG,KAAK,CAACF,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAIgE,SAAS3C,KAAK,UAAUnB,EAAG,KAAK,CAACF,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI+D,GAAG,cAAP/D,CAAsBA,EAAIgE,SAASvC,mBAAmBvB,EAAG,KAAK,CAACF,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI+D,GAAG,sBAAP/D,CAA8BA,EAAIgE,SAASvC,cAAczB,EAAIgE,SAAS3C,WAAWnB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,0BAA0B5D,EAAG,KAAK,CAACF,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAIgE,SAAS5C,IAAI,SAASlB,EAAG,KAAK,CAACF,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI+D,GAAG,cAAP/D,CAAsBA,EAAIgE,SAASxC,kBAAkBtB,EAAG,KAAK,CAACF,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI+D,GAAG,sBAAP/D,CAA8BA,EAAIgE,SAASxC,aAAaxB,EAAIgE,SAAS5C,UAAUlB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,qBAAqB5D,EAAG,KAAK,CAACF,EAAI4D,GAAG,OAAO1D,EAAG,KAAK,CAACF,EAAI4D,GAAG,OAAO1D,EAAG,KAAK,CAACF,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI+D,GAAG,cAAP/D,CAAsBA,EAAIgE,SAAS9C,wBAAwBhB,EAAG,MAAM,CAACE,YAAY,2CAA2C,CAACF,EAAG,KAAK,CAACE,YAAY,2CAA2C,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,wBAAwB,KAAK5D,EAAG,IAAI,CAACE,YAAY,mCAAmC,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI+D,GAAG,cAAP/D,CAAsBA,EAAIgE,SAASzC,iBAAiBrB,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,WAAW,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,MAAMH,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,sCAAsC,GAAG5D,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,SAAS,CAACgE,IAAI,MAAM9D,YAAY,mBAAmBC,MAAM,CAAC,OAAS,CAACL,EAAIU,KAAMV,EAAIS,KAAK,YAAcT,EAAImE,YAAY,KAAO,GAAG,YAAa,EAAM,SAAWnE,EAAIoE,UAAUX,GAAG,CAAC,KAAOzD,EAAIqE,cAAc,CAACnE,EAAG,sBAAsB,CAACG,MAAM,CAAC,mBAAoB,EAAK,SAAW,eAAeH,EAAG,YAAY,CAACG,MAAM,CAAC,YAAc,CAACL,EAAIU,KAAMV,EAAIS,KAAK,MAAQ,qBAAqBP,EAAG,YAAY,CAACG,MAAM,CAAC,YAAc,CAACL,EAAIM,OAAOI,KAAMV,EAAIM,OAAOG,OAAO,CAACP,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,UAAUiE,KAAK,UAAU,CAACpE,EAAG,aAAa,CAACG,MAAM,CAAC,KAAO,GAAG,MAAQ,sBAAsB,KAAKH,EAAG,uBAAuB,CAACG,MAAM,CAAC,SAAW,gBAAgB,IAAI,KAAKH,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACJ,EAAI4D,GAAG5D,EAAI6D,GAAG7D,EAAI8D,GAAG,wCAAwC,cAElrHlD,EAAkB,G,wBCFlBb,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQL,EAAIuE,KAAO,KAAK,KAAOvE,EAAIwE,QAAQ,CAACtE,EAAG,IAAI,CAACG,MAAM,CAAC,GAAK,aAAa,CAACH,EAAG,IAAI,CAACA,EAAG,IAAI,CAACA,EAAG,IAAI,CAACA,EAAG,OAAO,CAACE,YAAY,MAAMC,MAAM,CAAC,EAAI,shBAAshBH,EAAG,IAAI,CAACA,EAAG,OAAO,CAACE,YAAY,MAAMC,MAAM,CAAC,EAAI,sRAAsRH,EAAG,OAAO,CAACE,YAAY,MAAMC,MAAM,CAAC,EAAI,6lCAExmCO,EAAkB,GCiBP,GACfG,KAAA,YACAF,WAAA,CACA4D,aAAA,6CAEAC,MAAA,CACAH,KAAA,CACAI,KAAAC,OACAC,QAAA,IAEAL,MAAA,CACAG,KAAAG,OACAD,QAAA,sBC/B+X,I,YCO3XrB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,iEClBXzD,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQL,EAAIuE,KAAO,KAAK,KAAOvE,EAAIwE,MAAM,QAAU,cAAc,CAACtE,EAAG,OAAO,CAACG,MAAM,CAAC,EAAI,ynBAE9KO,EAAkB,GCKP,GACfG,KAAA,YACAF,WAAA,CACA4D,aAAA,6CAEAC,MAAA,CACAH,KAAA,CACAI,KAAAC,OACAC,QAAA,IAEAL,MAAA,CACAG,KAAAG,OACAD,QAAA,sBCnB+X,ICQ3X,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCuEA,GACf9D,KAAA,iBACAF,WAAA,CACAkE,uBACAC,YACAC,cACAC,iBACAC,2BACAC,4BACAC,eACAC,aAEAZ,MAAA,CACAjE,IAAA,CACAkE,KAAA,CAAAC,OAAAE,SAEApE,KAAA,CACAiE,KAAA,CAAAC,OAAAE,SAEAxE,OAAA,CACAqE,KAAAY,QAEAvB,SAAA,CACAW,KAAAY,QAEA5E,SAAA,CACAgE,KAAAC,SAGAY,OAAA,CAAAC,QACAC,SAAA,CACAC,UACA,IAAAA,EAAA,GACA,QAAAC,KAAA,KAAAC,OACAF,EAAAG,KAAA,CACA,eACA,KAAAF,IAGA,OAAAD,IAGA3E,OACA,OACAmD,YAAA4B,6FACA3B,SAAA,qDACA4B,OAAA,uCACAH,OAAA,KAGAI,QAAA,CACA,kBAAAC,SACA,KAAAC,UAAA,KAAA7F,QACA,KAAA8F,OAAAC,IACA,KAAAV,QAAAW,QAAA,CAAAC,EAAAC,KACAN,EAAAO,IAAAC,UAAA,eAAAF,EAAAD,GACAL,EAAAO,IAAAE,SACA,CACA,uBAAAH,EACA,YACA,sBAAAA,EACA,UACA,OACA,uBACA,uBAMAN,EAAAO,IAAAhD,GAAA,uBACA,KAAAkC,QAAAW,QAAA,CAAAC,EAAAC,KACAN,EAAAO,IAAAC,UAAA,eAAAF,EAAAD,GACAL,EAAAO,IAAAE,SACA,CACA,uBAAAH,EACA,YACA,sBAAAA,EACA,UACA,OACA,uBACA,yBAOA,MAAAI,EAAA,CACAC,SAAA,EAAAC,SAAA,IAAAC,WAAA,GAEAC,WAAA,KACAd,EAAAO,IAAAQ,OAAA,GAAAL,IACA,KACA,KAAAM,SAAA,KAAAlD,SAAA7C,SAEA+F,SAAA/F,GACA,KAAAgG,MAAAV,QAAAW,UAAA,UACA,KAAAD,MAAAV,QAAAY,YAAA,SACA,KAAAF,MAAAV,QAAAa,aAAA,UAEA,KAAAH,MAAAV,QAAAE,SAAA,CACA,WACA,YACA,QACA,eACA,MACA,eACA,cACA,SAAAxF,IAGA,QACA,oBACA,oBAEA,OACA,uBACA,eACA,wBCjNoY,ICQhY,G,UAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,WACA,OAIa,S,2CCnBf,IAAIb,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQL,EAAIuE,KAAO,KAAK,KAAOvE,EAAIwE,QAAQ,CAACtE,EAAG,IAAI,CAACA,EAAG,OAAO,CAACG,MAAM,CAAC,EAAI,8RAEhKO,EAAkB,GCUP,GACfG,KAAA,UACAF,WAAA,CACA4D,aAAA,6CAEAC,MAAA,CACAH,KAAA,CACAI,KAAAC,OACAC,QAAA,IAEAL,MAAA,CACAG,KAAAG,OACAD,QAAA,0BAEA0C,iBAAA,CACA5C,KAAA6C,WC3B+V,I,YCO3VhE,EAAY,eACd,EACAzD,EACAa,GACA,EACA,KACA,WACA,MAIa,OAAA4C,E","file":"js/chunk-100d1c68.0487e7c8.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconStore.vue?vue&type=style&index=0&id=13441ed9&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('delivery-detail',{staticClass:\"container\",attrs:{\"branch\":_vm.branch,\"delivery\":_vm.address,\"lat\":_vm.coordinates.lat,\"long\":_vm.coordinates.long,\"quantity\":_vm.quantity}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <delivery-detail :branch=\"branch\" :delivery=\"address\" :lat=\"coordinates.lat\" :long=\"coordinates.long\" :quantity=\"quantity\" class=\"container\"/>\n</template>\n\n\n<script>\nimport DeliveryDetail from '../components/modals/DeliveryDetail.vue'\nimport { http as  nodeService} from \"../../../common/services/node-service\";\n\nexport default {\n    components: { DeliveryDetail },\n    name: \"DeliveryDetails\",\n    data() {\n        return {\n            branch: {},\n            coordinates: {},\n            quantity: 0,\n            address: {\n                available: false,\n                base_price: 0,\n                coords: null,\n                km: 0,\n                min: 0,\n                minimum_quantity: 0,\n                price: 0,\n                price_per_km: 0,\n                price_per_min: 0,\n                price_per_quantity: 0\n            },\n            show: false,\n            loading : true,\n        }\n    },\n    async mounted() {\n        this.coordinates = {lat: this.$route.query.lat, long: this.$route.query.long}\n        try {\n            this.loading = true\n            const stores = await this.$store.dispatch('branches/getBranches');\n            const branch = this.$options.filters.filterBranch(stores, parseInt(this.$route.query.branch))\n            this.branch = branch\n            let response = await nodeService.post(\"stores/limit/verify\", {\n                address:[{\n                    latitud: this.coordinates.lat,\n                    longitud: this.coordinates.long,\n                }],\n                branch_codes: [parseInt(this.$route.query.branch)],\n                calculate_prices: 1\n            });\n            if(response.data.data[0].verify.length > 0){\n                this.address = response.data.data[0].verify[0].limits\n            }\n        } catch (error) {\n            console.log(error);\n        }finally{\n            this.loading = false\n        }\n        let chat = document.querySelector(\"#mobile-chat-container\")\n        if(chat)\n        chat.style.display=\"none\"\n    },\n}\n</script>\n\n<style scoped>\n    .modal-main-container::v-deep > .modal-main {\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        max-height: none;\n        border-radius: 0;\n        padding: 10px;\n    }\n    .modal-main-container::v-deep > .modal-main > .d-flex.justify-content-end {\n        display: none !important;\n    }\n    .modal-main-container::v-deep > .modal-main > .content {\n        max-height: none;\n    }\n    .modal-main-container::v-deep {\n        position: relative;\n        background-color: transparent !important;\n    }\n    .modal-main-container::v-deep > .modal-main > .content > div > .map > .delivery-map > .mgl-map-wrapper {\n        height: 400px !important;\n    }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeliveryDetails.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeliveryDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DeliveryDetails.vue?vue&type=template&id=d7cad6fc&scoped=true\"\nimport script from \"./DeliveryDetails.vue?vue&type=script&lang=js\"\nexport * from \"./DeliveryDetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./DeliveryDetails.vue?vue&type=style&index=0&id=d7cad6fc&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d7cad6fc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeliveryDetail.vue?vue&type=style&index=0&id=b768fcc2&prod&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeliveryDetails.vue?vue&type=style&index=0&id=d7cad6fc&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main-modal',{staticClass:\"delivery-detail\",attrs:{\"title\":''},on:{\"closeModal\":function($event){return _vm.$emit('closeModal')}}},[_c('div',{staticClass:\"row m-0\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h5',{staticClass:\"weight-600 mb-2 mb-md-3\"},[_vm._v(_vm._s(_vm.$t('checkout.delivery_detail')))])]),_c('div',{staticClass:\"col-md-12\"},[_c('h6',{staticClass:\"subtitle-16\"},[_vm._v(_vm._s(_vm.$t(\"checkout.description_delivery_detail\"))+\".\")]),_c('div',{staticClass:\"d-flex align-items-center mb-2 mt-4\"},[_c('icon-money',{staticClass:\"me-2\",attrs:{\"size\":25}}),_c('span',{staticClass:\"title-16 mb-0\"},[_vm._v(_vm._s(_vm.$t(\"checkout.base_price\")))]),_c('span',{staticClass:\"ms-2\"},[_vm._v(_vm._s(_vm._f(\"moneyFormat\")(_vm.delivery.base_price)))])],1),_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-bordered mb-0\"},[_c('thead',{staticStyle:{\"border-bottom\":\"2px solid #dee2e6\"}},[_c('tr',{staticClass:\"align-center text-center weight-600\"},[_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(_vm._s(_vm.$t(\"checkout.rates\")))]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(_vm._s(_vm.$t(\"checkout.your_order\")))]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(_vm._s(_vm.$t(\"checkout.cost\")))]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(_vm._s(_vm.$t(\"checkout.subtotal_delivery\")))])])]),_c('tbody',{staticClass:\"color-dark-gray-300 text-center\"},[_c('tr',[_c('td',{staticClass:\"title-15 mb-0\"},[_vm._v(_vm._s(_vm.$t(\"checkout.minute\")))]),_c('td',[_vm._v(_vm._s(_vm.delivery.min)+\" Min\")]),_c('td',[_vm._v(_vm._s(_vm._f(\"moneyFormat\")(_vm.delivery.price_per_min)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"moneyFormatMultiply\")(_vm.delivery.price_per_min,_vm.delivery.min)))])]),_c('tr',[_c('td',{staticClass:\"title-15 mb-0\"},[_vm._v(_vm._s(_vm.$t(\"checkout.kilometer\")))]),_c('td',[_vm._v(_vm._s(_vm.delivery.km)+\" km\")]),_c('td',[_vm._v(_vm._s(_vm._f(\"moneyFormat\")(_vm.delivery.price_per_km)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"moneyFormatMultiply\")(_vm.delivery.price_per_km,_vm.delivery.km)))])]),_c('tr',[_c('td',{staticClass:\"title-15 mb-0\"},[_vm._v(_vm._s(_vm.$t(\"checkout.base\")))]),_c('td',[_vm._v(\"-\")]),_c('td',[_vm._v(\"-\")]),_c('td',[_vm._v(_vm._s(_vm._f(\"moneyFormat\")(_vm.delivery.base_price)))])])])])]),_c('div',{staticClass:\"mt-2 mt-md-3 d-flex justify-content-end\"},[_c('h6',{staticClass:\"mb-0 color-main-red title-16 weight-500\"},[_vm._v(_vm._s(_vm.$t(\"checkout.total_cost\"))+\" \"),_c('b',{staticClass:\"ms-2 color-main-navy weight-600\"},[_vm._v(_vm._s(_vm._f(\"moneyFormat\")(_vm.delivery.price)))])])])]),_c('div',{staticClass:\"col-md-12 mt-2 mt-md-1 map\"},[_c('div',{staticClass:\"d-flex align-items-center mb-2\"},[_c('icon-pin',{staticClass:\"me-2\",attrs:{\"size\":20}}),_c('span',{staticClass:\"title-16 mb-0\"},[_vm._v(_vm._s(_vm.$t(\"checkout.order_delivery_route\")))])],1),_c('div',{staticClass:\"delivery-map\"},[_c('MglMap',{ref:\"map\",staticClass:\"delivery-mgl-map\",attrs:{\"center\":[_vm.long, _vm.lat],\"accessToken\":_vm.accessToken,\"zoom\":10,\"dragRotate\":false,\"mapStyle\":_vm.mapStyle},on:{\"load\":_vm.onMapLoaded}},[_c('MglGeolocateControl',{attrs:{\"trackUserLocation\":true,\"position\":\"top-right\"}}),_c('MglMarker',{attrs:{\"coordinates\":[_vm.long, _vm.lat],\"color\":\"var(--main-red)\"}}),_c('MglMarker',{attrs:{\"coordinates\":[_vm.branch.long, _vm.branch.lat]}},[_c('div',{staticClass:\"icon-store\",attrs:{\"slot\":\"marker\"},slot:\"marker\"},[_c('icon-store',{attrs:{\"size\":25,\"color\":'var(--main-red)'}})],1)]),_c('MglNavigationControl',{attrs:{\"position\":\"top-right\"}})],1)],1)]),_c('div',{staticClass:\"d-flex align-items-center mt-2\"},[_c('div',{staticClass:\"legend-map\"}),_c('span',{staticClass:\"subtitle-14 ms-2\"},[_vm._v(_vm._s(_vm.$t(\"account.area_available_for_delivery\"))+\".\")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('icon-base',{attrs:{\"width\":_vm.size + 'px',\"fill\":_vm.color}},[_c('g',{attrs:{\"id\":\"Layer_16\"}},[_c('g',[_c('g',[_c('g',[_c('path',{staticClass:\"st8\",attrs:{\"d\":\"M210,66.5H40c0,11.7-9.6,21.3-21.3,21.3v74.4c11.7,0,21.3,9.6,21.3,21.3H210c0-11.7,9.6-21.3,21.3-21.3      V87.8C219.6,87.8,210,78.2,210,66.5z M63,135.5c-7.3,1.2-13.5-5-12.3-12.3c0.7-4.4,4.3-8,8.7-8.7c7.3-1.2,13.5,5,12.3,12.3      C71,131.2,67.4,134.8,63,135.5z M127.4,170.9c-27.3,1.4-49.7-21-48.4-48.3c1.2-23.4,20.2-42.3,43.5-43.5      c27.3-1.4,49.7,21,48.4,48.3C169.8,150.8,150.8,169.7,127.4,170.9z M190.6,135.5c-7.3,1.2-13.5-5-12.3-12.3      c0.7-4.4,4.3-8,8.7-8.7c7.3-1.2,13.5,5,12.3,12.3C198.5,131.2,195,134.8,190.6,135.5z\"}})]),_c('g',[_c('path',{staticClass:\"st8\",attrs:{\"d\":\"M240.6,200.1H9.4c-4.9,0-8.9-3.8-8.9-8.5V58.4c0-4.7,4-8.5,8.9-8.5h231.2c4.9,0,8.9,3.8,8.9,8.5v133.2      C249.5,196.3,245.5,200.1,240.6,200.1z M9.4,57.3c-0.6,0-1.1,0.5-1.1,1.1v133.2c0,0.6,0.5,1.1,1.1,1.1h231.2      c0.6,0,1.1-0.5,1.1-1.1V58.4c0-0.6-0.5-1.1-1.1-1.1H9.4z\"}})])]),_c('path',{staticClass:\"st8\",attrs:{\"d\":\"M139.6,144.6c-2.4,2.3-5.5,3.9-9.3,4.7v3c0,1.3-0.4,2.5-1.3,3.3c-0.9,0.9-2,1.3-3.3,1.3    c-1.3,0-2.5-0.4-3.3-1.3c-0.8-0.9-1.3-2-1.3-3.3v-2.8c-2.2-0.3-4.3-0.8-6.3-1.5c-2.5-0.9-4.6-2-6.4-3.5c-0.7-0.5-1.2-1.1-1.5-1.8    c-0.3-0.7-0.4-1.4-0.4-2.3c0-1.2,0.4-2.3,1.1-3.2c1-1.3,2.1-1.5,2.9-1.5c0.6,0,1.1,0.1,1.7,0.3c0.4,0.2,1,0.4,1.6,0.8    c1.9,1.3,3.8,2.2,5.6,2.7c1.8,0.6,3.7,0.8,5.7,0.8c2.6,0,4.6-0.5,6-1.5c1.2-0.9,1.8-2.1,1.8-3.8c0-0.9-0.3-1.6-0.9-2.1    c-0.7-0.7-1.7-1.2-2.8-1.6c-1.2-0.4-3-1-5.3-1.6c-3.3-0.8-6-1.7-8.1-2.5c-2.2-0.9-4.1-2.3-5.7-4.2c-1.7-2-2.5-4.6-2.5-7.8    c0-3.8,1.4-7.2,4.1-9.9c2.5-2.4,5.6-4,9.5-4.8v-3c0-1.3,0.4-2.5,1.3-3.3c1.6-1.7,5-1.7,6.6,0c0.8,0.8,1.3,2,1.3,3.3v2.9    c4.1,0.7,7.8,2.3,10.8,4.8c1.3,1,2,2.4,2,4c0,1.2-0.4,2.3-1.1,3.2c-1,1.2-2.1,1.5-2.9,1.5c-0.6,0-1.1-0.1-1.6-0.3    c-0.4-0.1-0.9-0.4-1.7-0.9c-1.7-1.2-3.3-2.1-4.8-2.7c-1.4-0.6-3.1-0.9-5.1-0.9c-2.4,0-4.3,0.5-5.7,1.5c-1.3,0.9-1.9,2.2-1.9,3.9    c0,1.1,0.3,1.9,1,2.6c0.8,0.8,1.8,1.3,3,1.8c1.3,0.5,3.2,1,5.5,1.6c3.2,0.8,5.8,1.6,7.9,2.5c2.2,0.9,4,2.3,5.6,4.1    c1.6,1.9,2.4,4.4,2.4,7.6C143.6,138.7,142.2,142,139.6,144.6z\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <icon-base :width=\"size + 'px'\" :fill=\"color\">\n        <g id=\"Layer_16\">\n            <g>\n                <g>\n                <g>\n                    <path class=\"st8\" d=\"M210,66.5H40c0,11.7-9.6,21.3-21.3,21.3v74.4c11.7,0,21.3,9.6,21.3,21.3H210c0-11.7,9.6-21.3,21.3-21.3      V87.8C219.6,87.8,210,78.2,210,66.5z M63,135.5c-7.3,1.2-13.5-5-12.3-12.3c0.7-4.4,4.3-8,8.7-8.7c7.3-1.2,13.5,5,12.3,12.3      C71,131.2,67.4,134.8,63,135.5z M127.4,170.9c-27.3,1.4-49.7-21-48.4-48.3c1.2-23.4,20.2-42.3,43.5-43.5      c27.3-1.4,49.7,21,48.4,48.3C169.8,150.8,150.8,169.7,127.4,170.9z M190.6,135.5c-7.3,1.2-13.5-5-12.3-12.3      c0.7-4.4,4.3-8,8.7-8.7c7.3-1.2,13.5,5,12.3,12.3C198.5,131.2,195,134.8,190.6,135.5z\"/>\n                </g>\n                <g>\n                    <path class=\"st8\" d=\"M240.6,200.1H9.4c-4.9,0-8.9-3.8-8.9-8.5V58.4c0-4.7,4-8.5,8.9-8.5h231.2c4.9,0,8.9,3.8,8.9,8.5v133.2      C249.5,196.3,245.5,200.1,240.6,200.1z M9.4,57.3c-0.6,0-1.1,0.5-1.1,1.1v133.2c0,0.6,0.5,1.1,1.1,1.1h231.2      c0.6,0,1.1-0.5,1.1-1.1V58.4c0-0.6-0.5-1.1-1.1-1.1H9.4z\"/>\n                </g>\n                </g>\n                <path class=\"st8\" d=\"M139.6,144.6c-2.4,2.3-5.5,3.9-9.3,4.7v3c0,1.3-0.4,2.5-1.3,3.3c-0.9,0.9-2,1.3-3.3,1.3    c-1.3,0-2.5-0.4-3.3-1.3c-0.8-0.9-1.3-2-1.3-3.3v-2.8c-2.2-0.3-4.3-0.8-6.3-1.5c-2.5-0.9-4.6-2-6.4-3.5c-0.7-0.5-1.2-1.1-1.5-1.8    c-0.3-0.7-0.4-1.4-0.4-2.3c0-1.2,0.4-2.3,1.1-3.2c1-1.3,2.1-1.5,2.9-1.5c0.6,0,1.1,0.1,1.7,0.3c0.4,0.2,1,0.4,1.6,0.8    c1.9,1.3,3.8,2.2,5.6,2.7c1.8,0.6,3.7,0.8,5.7,0.8c2.6,0,4.6-0.5,6-1.5c1.2-0.9,1.8-2.1,1.8-3.8c0-0.9-0.3-1.6-0.9-2.1    c-0.7-0.7-1.7-1.2-2.8-1.6c-1.2-0.4-3-1-5.3-1.6c-3.3-0.8-6-1.7-8.1-2.5c-2.2-0.9-4.1-2.3-5.7-4.2c-1.7-2-2.5-4.6-2.5-7.8    c0-3.8,1.4-7.2,4.1-9.9c2.5-2.4,5.6-4,9.5-4.8v-3c0-1.3,0.4-2.5,1.3-3.3c1.6-1.7,5-1.7,6.6,0c0.8,0.8,1.3,2,1.3,3.3v2.9    c4.1,0.7,7.8,2.3,10.8,4.8c1.3,1,2,2.4,2,4c0,1.2-0.4,2.3-1.1,3.2c-1,1.2-2.1,1.5-2.9,1.5c-0.6,0-1.1-0.1-1.6-0.3    c-0.4-0.1-0.9-0.4-1.7-0.9c-1.7-1.2-3.3-2.1-4.8-2.7c-1.4-0.6-3.1-0.9-5.1-0.9c-2.4,0-4.3,0.5-5.7,1.5c-1.3,0.9-1.9,2.2-1.9,3.9    c0,1.1,0.3,1.9,1,2.6c0.8,0.8,1.8,1.3,3,1.8c1.3,0.5,3.2,1,5.5,1.6c3.2,0.8,5.8,1.6,7.9,2.5c2.2,0.9,4,2.3,5.6,4.1    c1.6,1.9,2.4,4.4,2.4,7.6C143.6,138.7,142.2,142,139.6,144.6z\"/>\n            </g>\n        </g>\n    </icon-base>\n</template>\n<script>\n\nexport default {\nname: 'iconMoney',\ncomponents: {\n    iconBase: () => import('@/common/components/iconBase.vue')\n},\nprops: {\n    size: {\n        type: Number,\n        default: 20\n    },\n    color: {\n        type: String,\n        default: 'var(--main-navy)'\n    },\n    \n}\n}\n</script>\n\n<style scoped>\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconMoney.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconMoney.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./iconMoney.vue?vue&type=template&id=32c45972&scoped=true\"\nimport script from \"./iconMoney.vue?vue&type=script&lang=js\"\nexport * from \"./iconMoney.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"32c45972\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('icon-base',{attrs:{\"width\":_vm.size + 'px',\"fill\":_vm.color,\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M21.999 8a.997.997 0 0 0-.143-.515L19.147 2.97A2.01 2.01 0 0 0 17.433 2H6.565c-.698 0-1.355.372-1.714.971L2.142 7.485A.997.997 0 0 0 1.999 8c0 1.005.386 1.914 1 2.618V20a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-5h4v5a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-9.382c.614-.704 1-1.613 1-2.618zm-2.016.251A2.002 2.002 0 0 1 17.999 10c-1.103 0-2-.897-2-2 0-.068-.025-.128-.039-.192l.02-.004L15.219 4h2.214l2.55 4.251zm-9.977-.186L10.818 4h2.361l.813 4.065C13.957 9.138 13.079 10 11.999 10s-1.958-.862-1.993-1.935zM6.565 4h2.214l-.76 3.804.02.004c-.015.064-.04.124-.04.192 0 1.103-.897 2-2 2a2.002 2.002 0 0 1-1.984-1.749L6.565 4zm3.434 12h-4v-3h4v3z\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <icon-base :width=\"size + 'px'\" :fill=\"color\" viewBox=\"0 0 24 24\">\n        <path d=\"M21.999 8a.997.997 0 0 0-.143-.515L19.147 2.97A2.01 2.01 0 0 0 17.433 2H6.565c-.698 0-1.355.372-1.714.971L2.142 7.485A.997.997 0 0 0 1.999 8c0 1.005.386 1.914 1 2.618V20a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-5h4v5a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-9.382c.614-.704 1-1.613 1-2.618zm-2.016.251A2.002 2.002 0 0 1 17.999 10c-1.103 0-2-.897-2-2 0-.068-.025-.128-.039-.192l.02-.004L15.219 4h2.214l2.55 4.251zm-9.977-.186L10.818 4h2.361l.813 4.065C13.957 9.138 13.079 10 11.999 10s-1.958-.862-1.993-1.935zM6.565 4h2.214l-.76 3.804.02.004c-.015.064-.04.124-.04.192 0 1.103-.897 2-2 2a2.002 2.002 0 0 1-1.984-1.749L6.565 4zm3.434 12h-4v-3h4v3z\"/>\n    </icon-base>\n</template>\n<script>\n\nexport default {\nname: 'iconStore',\ncomponents: {\n    iconBase: () => import('@/common/components/iconBase.vue')\n},\nprops: {\n    size: {\n        type: Number,\n        default: 20\n    },\n    color: {\n        type: String,\n        default: 'var(--main-navy)'\n    },\n    \n}\n}\n</script>\n\n<style scoped>\n    .st0{fill:#DCE4EA;}\n    .st1{fill:#111820;}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconStore.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconStore.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./iconStore.vue?vue&type=template&id=13441ed9&scoped=true\"\nimport script from \"./iconStore.vue?vue&type=script&lang=js\"\nexport * from \"./iconStore.vue?vue&type=script&lang=js\"\nimport style0 from \"./iconStore.vue?vue&type=style&index=0&id=13441ed9&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"13441ed9\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <main-modal :title=\"''\" @closeModal=\"$emit('closeModal')\" class=\"delivery-detail\">\n        <div class=\"row m-0\">\n            <div class=\"col-md-12\">\n                <h5 class=\"weight-600 mb-2 mb-md-3\">{{$t('checkout.delivery_detail')}}</h5>\n            </div>\n            <div class=\"col-md-12\">\n                <h6 class=\"subtitle-16\">{{$t(\"checkout.description_delivery_detail\")}}.</h6>\n                <div class=\"d-flex align-items-center mb-2 mt-4\">\n                    <icon-money :size=\"25\" class=\"me-2\"/>\n                    <span class=\"title-16 mb-0\">{{$t(\"checkout.base_price\")}}</span>\n                    <span class=\"ms-2\">{{delivery.base_price | moneyFormat}}</span>\n                </div>\n                <div class=\"table-responsive\">\n                    <table class=\"table table-bordered mb-0\">\n                        <thead style=\"border-bottom: 2px solid #dee2e6;\">\n                            <tr class=\"align-center text-center weight-600\">\n                                <th scope=\"col\">{{$t(\"checkout.rates\")}}</th>\n                                <th scope=\"col\">{{$t(\"checkout.your_order\")}}</th>\n                                <th scope=\"col\">{{$t(\"checkout.cost\")}}</th>\n                                <th scope=\"col\">{{$t(\"checkout.subtotal_delivery\")}}</th>\n                            </tr>\n                        </thead>\n                        <tbody class=\"color-dark-gray-300 text-center\">\n                            <tr>\n                                <td class=\"title-15 mb-0\">{{$t(\"checkout.minute\")}}</td>\n                                <td>{{delivery.min}} Min</td>\n                                <td>{{delivery.price_per_min | moneyFormat}}</td>\n                                <td>{{delivery.price_per_min | moneyFormatMultiply(delivery.min)}}</td>\n                            </tr>\n                            <!-- <tr v-if=\"delivery.price_per_quantity != 0\">\n                                <td class=\"title-15 mb-0\">{{$t(\"checkout.quantity\")}}</td>\n                                <td>{{quantity}}</td>\n                                <td>{{delivery.price_per_quantity | moneyFormat}}</td>\n                                <td>{{delivery.price_per_quantity | moneyFormat}}</td>\n                            </tr> -->\n                            <tr>\n                                <td class=\"title-15 mb-0\">{{$t(\"checkout.kilometer\")}}</td>\n                                <td>{{delivery.km}} km</td>\n                                <td>{{delivery.price_per_km | moneyFormat}}</td>\n                                <td>{{delivery.price_per_km | moneyFormatMultiply(delivery.km)}}</td>\n                            </tr>\n                                <tr>\n                                <td class=\"title-15 mb-0\">{{$t(\"checkout.base\")}}</td>\n                                <td>-</td>\n                                <td>-</td>\n                                <td>{{delivery.base_price | moneyFormat}}</td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </div>\n                <div class=\"mt-2 mt-md-3 d-flex justify-content-end\">\n                    <h6 class=\"mb-0 color-main-red title-16 weight-500\">{{$t(\"checkout.total_cost\")}} <b class=\"ms-2 color-main-navy weight-600\">{{delivery.price | moneyFormat}}</b></h6>\n                </div>\n            </div>\n            <div class=\"col-md-12 mt-2 mt-md-1 map\">\n                <div class=\"d-flex align-items-center mb-2\">\n                    <icon-pin :size=\"20\" class=\"me-2\"/>\n                    <span class=\"title-16 mb-0\">{{$t(\"checkout.order_delivery_route\")}}</span>\n                </div>\n                <div class=\"delivery-map\">\n                    <MglMap class=\"delivery-mgl-map\" ref=\"map\" :center=\"[long, lat]\" :accessToken=\"accessToken\" :zoom=\"10\" :dragRotate=\"false\"  @load=\"onMapLoaded\" :mapStyle=\"mapStyle\" >\n                        <MglGeolocateControl :trackUserLocation=\"true\" position=\"top-right\" />\n                        <MglMarker :coordinates=\"[long, lat]\" color=\"var(--main-red)\"/>\n                        <MglMarker :coordinates=\"[branch.long, branch.lat]\">\n                            <div slot=\"marker\" class=\"icon-store\">\n                                <icon-store :size=\"25\" :color=\"'var(--main-red)'\"/>\n                            </div>\n                        </MglMarker>\n                        <MglNavigationControl position=\"top-right\"/>\n                    </MglMap>\n                </div>\n            </div>\n            <div class=\"d-flex align-items-center mt-2\">\n                <div class=\"legend-map\"></div>\n                <span class=\"subtitle-14 ms-2\">{{$t(\"account.area_available_for_delivery\")}}.</span>\n            </div>\n        </div>\n    </main-modal>\n</template>\n\n<script>\nimport MainModal from '../../../../common/components/modals/MainModal.vue'\nimport IconMoney from '../../assets/svg/iconMoney.vue'\nimport { MglMap, MglMarker, MglGeolocateControl, MglNavigationControl } from 'v-mapbox'\nimport Mapbox from \"mapbox-gl\";\nimport IconPin from '../../../../common/svg/iconPin.vue';\nimport { addressesMixin } from '../../../account/helpers/mixins/addresses-mixin'\nimport IconStore from '../../assets/svg/iconStore.vue';\n\nexport default {\n    name: \"DeliveryDetail\",\n    components:{\n        MainModal,\n        IconMoney,\n        MglMap,\n        MglMarker,\n        MglGeolocateControl,\n        MglNavigationControl,\n        IconPin,\n        IconStore\n    },\n    props:{\n        lat:{\n            type: [Number, String]\n        },\n        long:{\n            type: [Number, String]\n        },\n        branch:{\n            type: Object\n        },\n        delivery:{\n            type: Object\n        },\n        quantity:{\n            type: Number\n        }\n    },\n    mixins: [addressesMixin],\n    computed:{\n        sources() {\n            let sources = [];\n            for (let layer of this.layers){\n                sources.push({\n                'type': 'geojson',\n                'data': layer\n                })\n            }\n            return sources;\n        },  \n    },\n    data() {\n        return {\n            accessToken: process.env.VUE_APP_MAPBOX_KEY, // your access token. Needed if you using Mapbox maps\n            mapStyle: 'mapbox://styles/fbernabe/clasqq2sj002w14qp6xg4dkus', // your map style\n            center: [-70.70238447994983, 19.45556310283655],\n            layers: []\n        }\n    },\n    methods:{\n        async onMapLoaded(event){\n            await this.getLimits(this.branch)\n            this.mapbox = Mapbox;\n            this.sources.forEach((source, id)=>{\n                event.map.addSource('limit-areas-'+id, source);\n                event.map.addLayer(\n                    {\n                    'id': 'limit-areas-fill-'+id,\n                    'type': 'fill',\n                    'source': 'limit-areas-'+id,\n                    'layout': {},\n                    'paint': {\n                        'fill-color': '#5A8CDB',\n                        'fill-opacity': 0.3\n                    }\n                    },\n                );\n\n            })\n            event.map.on('style.load', async () => {\n                this.sources.forEach((source, id)=>{\n                event.map.addSource('limit-areas-'+id, source);\n                event.map.addLayer(\n                    {\n                        'id': 'limit-areas-fill-'+id,\n                        'type': 'fill',\n                        'source': 'limit-areas-'+id,\n                        'layout': {},\n                        'paint': {\n                        'fill-color': '#c40316',\n                        'fill-opacity': 0.5\n                        }\n                    },\n                );\n\n                })\n            });\n            const animationOptions = {\n                animate: true, duration: 4000, essential: true\n            }\n            setTimeout(() => {\n                    event.map.zoomTo(14, animationOptions)\n            }, 2000);\n            this.addRoute(this.delivery.coords)\n        },\n        addRoute(coords){\n            if (this.$refs.map.map.getSource('route')) {\n                this.$refs.map.map.removeLayer('route');\n                this.$refs.map.map.removeSource('route')\n            } else{\n                this.$refs.map.map.addLayer({\n                \"id\": \"route\",\n                \"type\": \"line\",\n                \"source\": {\n                    \"type\": \"geojson\",\n                    \"data\": {\n                    \"type\": \"Feature\",\n                    \"properties\": {},\n                    \"geometry\": coords\n                    }\n                },\n                \"layout\": {\n                    \"line-join\": \"round\",\n                    \"line-cap\": \"round\"\n                },\n                \"paint\": {\n                    \"line-color\": \"#3b9ddd\",\n                    \"line-width\": 8,\n                    \"line-opacity\": 0.8\n                }\n                });\n                }\n        }\n    }\n}\n</script>\n\n<style scoped>\n    .delivery-map{\n        border-radius: 10px;\n        overflow: hidden;\n    }\n    .table-bordered {\n        border-top-right-radius: 15px !important;\n        border-top-left-radius: 15px !important;\n    }\n    td{\n        width: 25%;\n    }\n    .legend-map{\n        height: 20px;\n        width: 20px;\n        background: #a4bbde;\n        border-radius: 3px;\n    }\n    .delivery-mgl-map{\n        height: 300px;\n    }\n    .icon-store{\n        background-color: #fff;\n        border-radius: 50%;\n        padding: 5px;\n    }\n    @media (max-width: 576px) {\n        .table-bordered{\n            font-size: 13px;\n        }\n        .table-bordered > tbody > tr > td{\n            font-size: 13px;\n        }\n        .delivery-mgl-map{\n            height: 200px;\n        }\n        .mgl-map-wrapper ::v-deep > .mapboxgl-map > .mapboxgl-canvas-container > .mapboxgl-canvas{\n            border-radius: 8px;\n        }\n    }\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeliveryDetail.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeliveryDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DeliveryDetail.vue?vue&type=template&id=b768fcc2&scoped=true\"\nimport script from \"./DeliveryDetail.vue?vue&type=script&lang=js\"\nexport * from \"./DeliveryDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./DeliveryDetail.vue?vue&type=style&index=0&id=b768fcc2&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b768fcc2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('icon-base',{attrs:{\"width\":_vm.size + 'px',\"fill\":_vm.color}},[_c('g',[_c('path',{attrs:{\"d\":\"M125,0.5c-51.5,0-93.4,42.2-93.4,94c0,73.7,84.6,149.8,88.2,153c1.5,1.3,3.3,2,5.2,2s3.7-0.7,5.2-2   \\n    c3.6-3.2,88.2-79.3,88.2-153C218.4,42.7,176.5,0.5,125,0.5L125,0.5z M125,145.8c-28.6,0-51.9-23.3-51.9-51.9S96.4,42,125,42   \\n    s51.9,23.3,51.9,51.9S153.6,145.8,125,145.8z\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <icon-base :width=\"size + 'px'\" :fill=\"color\">\r\n    <g>\r\n      <path  d=\"M125,0.5c-51.5,0-93.4,42.2-93.4,94c0,73.7,84.6,149.8,88.2,153c1.5,1.3,3.3,2,5.2,2s3.7-0.7,5.2-2   \r\n      c3.6-3.2,88.2-79.3,88.2-153C218.4,42.7,176.5,0.5,125,0.5L125,0.5z M125,145.8c-28.6,0-51.9-23.3-51.9-51.9S96.4,42,125,42   \r\n      s51.9,23.3,51.9,51.9S153.6,145.8,125,145.8z\">\r\n      </path>\r\n    </g>\r\n  </icon-base>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'iconPin',\r\n  components: {\r\n    iconBase: () => import('@/common/components/iconBase.vue')\r\n  },\r\n  props: {\r\n    size: {\r\n      type: Number,\r\n      default: 20\r\n    },\r\n    color: {\r\n      type: String,\r\n      default: 'var(--light-main-navy)'\r\n    },\r\n    enableBackground: {\r\n      type: Boolean\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconPin.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./iconPin.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./iconPin.vue?vue&type=template&id=57696358&scoped=true\"\nimport script from \"./iconPin.vue?vue&type=script&lang=js\"\nexport * from \"./iconPin.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57696358\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}