{"version":3,"sources":["webpack:///./src/shared/elements/AppDivider.vue?cf18","webpack:///src/shared/elements/AppDivider.vue","webpack:///./src/shared/elements/AppDivider.vue?5316","webpack:///./src/shared/elements/AppDivider.vue","webpack:///./src/components/Partial/Cart/CartDrawer.vue?b907","webpack:///./src/shared/api/CartItems.js","webpack:///./src/components/Partial/Cart/CartDrawer.vue?ace9","webpack:///src/components/Partial/Cart/CartDrawer.vue","webpack:///./src/components/Partial/Cart/CartDrawer.vue?5255","webpack:///./src/components/Partial/Cart/CartDrawer.vue?db08","webpack:///./src/shared/api/Cart.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","color","vertical","style","isNaN","size","staticRenderFns","name","props","component","postCartItem","rest","axios","post","URL_PREFIX","deleteCartItem","id","delete","attrs","model","value","callback","$$v","innerVal","expression","staticClass","_v","on","$event","active_cart","length","_l","project","index","key","target","currentTarget","checkoutProject","_s","project_name","items","_e","item","index2","params","product_id","thumbnail","quantity_name","variant_name","staticStyle","product_name","quantity","removeProduct","modal","header","description","onClick","$set","components","AppDrawer","AppIcon","AppMediaViewer","AppDivider","AppCard","AppDropdown","ActionModal","mixins","_appDefaultInput","data","show","computed","methods","duplicateProject","renameProject","deleteProject","projectName","mounted","fetchCartItems","getCart","get","postCart","updateCart","deleteItem"],"mappings":"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","file":"js/chunk-e1dc2b54.17c62771.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[(\"bg-\" + _vm.color), _vm.vertical ? 'h-100' : 'w-100'],style:(((_vm.vertical ? 'width:' : 'height:') + \" \" + (isNaN(_vm.size) ? _vm.size : (_vm.size + \"px\"))))})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    :class=\"[`bg-${color}`, vertical ? 'h-100' : 'w-100']\"\r\n    :style=\"`${vertical ? 'width:' : 'height:'} ${\r\n      isNaN(size) ? size : `${size}px`\r\n    }`\"\r\n  ></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'AppDivider',\r\n\r\n  props: {\r\n    vertical: { type: Boolean, default: false },\r\n    color: { type: String, default: 'gray-light-2' },\r\n    size: { type: [String, Number], default: 1 },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped></style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDivider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDivider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppDivider.vue?vue&type=template&id=6014b3c8&scoped=true&\"\nimport script from \"./AppDivider.vue?vue&type=script&lang=js&\"\nexport * from \"./AppDivider.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  \"6014b3c8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartDrawer.vue?vue&type=style&index=0&id=1cf3e95b&lang=scss&scoped=true&\"","import axios from 'axios';\r\nimport { URL_PREFIX } from './variables';\r\n\r\nexport const postCartItem = (...rest) =>\r\n    axios.post(`${URL_PREFIX}/cart/items`, ...rest);\r\n\r\nexport const deleteCartItem = (id, ...rest) =>\r\n    axios.delete(`${URL_PREFIX}/cart/items/${id}`, ...rest);\r\n\r\nexport default {\r\n    postCartItem,\r\n    deleteCartItem,\r\n};\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('AppDrawer',{attrs:{\"right\":\"\"},model:{value:(_vm.innerVal),callback:function ($$v) {_vm.innerVal=$$v},expression:\"innerVal\"}},[_c('div',{staticClass:\"cart-drawer\"},[_c('h4',{staticClass:\"cart-drawer-header p-2 d-flex font-weight-4 bg-gray-light-4\"},[_c('span',[_vm._v(\"CART\")]),_c('AppIcon',{staticClass:\"ml-auto\",attrs:{\"hoverable\":\"\",\"name\":\"close\"},on:{\"click\":function($event){_vm.innerVal = false}}})],1),_c('div',{staticClass:\"cart-drawer-content\"},[(_vm.active_cart.length > 0)?_vm._l((_vm.active_cart),function(project,index){return _c('AppCard',{key:(\"project-list-\" + index),staticClass:\"pl-2 pr-2\",attrs:{\"hoverable\":\"\"}},[_c('div',{staticClass:\"d-flex align-items-center pt-4\",on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.checkoutProject(project)}}},[_c('div',{staticClass:\"d-flex align-items-center\",on:{\"click\":function($event){return _vm.checkoutProject(project)}}},[_c('AppIcon',{staticClass:\"checkout-icon\",attrs:{\"name\":\"shopping_cart\",\"size\":\"50\"}}),_c('div',{staticClass:\"text-center\"},[_c('span',{staticClass:\"ml-2 mb-0 font-weight-bold\"},[_vm._v(\"CHECKOUT\")])])],1),_c('div',{staticClass:\"ml-3\",on:{\"click\":function($event){return _vm.checkoutProject(project)}}},[_c('p',{staticClass:\"m-0\"},[_vm._v(_vm._s(project.project_name))]),_c('p',{staticClass:\"m-0 text-caption text-gray\"},[_vm._v(\" \"+_vm._s(project.items.length)+\" \"+_vm._s((\"Item\" + (project.items.length > 1 ? 's' : '')))+\" \")])]),(true === false)?_c('AppDropdown',{staticClass:\"ml-auto\",attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"dropdown-button\",fn:function(){return [_c('AppIcon',{attrs:{\"hoverable\":\"\",\"name\":\"ellipsis\"}})]},proxy:true},{key:\"dropdown-menu\",fn:function(){return [_c('div',{staticClass:\"app-dropdown-item dropdown-item p-2\",on:{\"click\":_vm.duplicateProject}},[_vm._v(\" Duplicate Item \")]),_c('div',{staticClass:\"app-dropdown-item dropdown-item p-2\"},[_vm._v(\" Move to Group Project \")]),_c('div',{staticClass:\"app-dropdown-item dropdown-item p-2\",on:{\"click\":_vm.renameProject}},[_vm._v(\" Rename Project \")])]},proxy:true}],null,true)}):_vm._e()],1),_c('div',{staticClass:\"mt-4 pl-2\"},[_c('ul',{staticClass:\"list-group\"},_vm._l((project.items),function(item,index2){return _c('li',{key:(\"item-list-\" + index + \"-\" + index2),staticClass:\"list-group-item\"},[_c('div',{staticClass:\"row\"},[_c('router-link',{staticClass:\"col-md-10 text-black\",attrs:{\"tag\":\"div\",\"to\":{\n                    name: 'ProductView',\n                    params: { id: item.product_id },\n                  }}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-2\"},[_c('AppMediaViewer',{attrs:{\"src\":item.thumbnail,\"aspectRatio\":\"1/1\",\"width\":\"50\"}})],1),_c('div',{staticClass:\"col-md-10\",class:!item.quantity_name && !item.variant_name\n                          ? 'd-flex'\n                          : ''},[_c('div',{staticStyle:{\"font-size\":\"14px\",\"text-transform\":\"capitalize\"}},[(item.quantity_name)?_c('span',[_vm._v(\"[ \"+_vm._s(item.quantity_name)+\" ]\")]):_vm._e(),(item.variant_name)?_c('span',[_vm._v(\"[ \"+_vm._s(item.variant_name)+\" ]\")]):_vm._e()]),_c('div',{staticClass:\"d-flex align-items-center\"},[_vm._v(\" \"+_vm._s(item.product_name)+\" (\"+_vm._s(item.quantity)+\") \")])])])]),_c('div',{staticClass:\"col-md-2 d-flex align-items-center\"},[_c('AppIcon',{staticClass:\"ml-auto mr-2 mt-3 mt-md-0 ml-md-4 mr-0 mb-md-2\",attrs:{\"hoverable\":\"\",\"hoverColor\":\"danger\",\"name\":\"trash_can\"},on:{\"click\":function($event){return _vm.removeProduct(project.project_name, item)}}})],1)],1)])}),0)]),_c('AppDivider',{staticClass:\"mt-4\",attrs:{\"color\":\"gray-light-4\",\"size\":\"2\"}})],1)}):_c('h2',{staticClass:\"text-center text-uppercase\"},[_vm._v(\" Cart is empty \")])],2)]),_c('ActionModal',{attrs:{\"header\":_vm.modal.header,\"description\":_vm.modal.description},on:{\"confirm\":_vm.modal.onClick},model:{value:(_vm.modal.show),callback:function ($$v) {_vm.$set(_vm.modal, \"show\", $$v)},expression:\"modal.show\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <AppDrawer right v-model=\"innerVal\">\r\n    <div class=\"cart-drawer\">\r\n      <h4 class=\"cart-drawer-header p-2 d-flex font-weight-4 bg-gray-light-4\">\r\n        <span>CART</span>\r\n        <AppIcon\r\n          hoverable\r\n          name=\"close\"\r\n          class=\"ml-auto\"\r\n          @click=\"innerVal = false\"\r\n        ></AppIcon>\r\n      </h4>\r\n\r\n      <div class=\"cart-drawer-content\">\r\n        <!-- Projects -->\r\n        <template v-if=\"active_cart.length > 0\">\r\n          <AppCard\r\n          hoverable\r\n          v-for=\"(project, index) in active_cart\"\r\n          :key=\"`project-list-${index}`\"\r\n          class=\"pl-2 pr-2\"\r\n        >\r\n          <div\r\n            class=\"d-flex align-items-center pt-4\"\r\n            @click.self=\"checkoutProject(project)\"\r\n          >\r\n            <!-- Project Thumbnail -->\r\n            <div class=\"d-flex align-items-center\" @click=\"checkoutProject(project)\">\r\n\r\n              <AppIcon\r\n                class=\"checkout-icon\"\r\n                name=\"shopping_cart\"\r\n                size=\"50\"\r\n              />\r\n\r\n              <div class=\"text-center\">\r\n                <span class=\"ml-2 mb-0 font-weight-bold\">CHECKOUT</span>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"ml-3\" @click=\"checkoutProject(project)\">\r\n              <!-- Project Name -->\r\n              <p class=\"m-0\">{{ project.project_name }}</p>\r\n              <!-- Project Items -->\r\n              <p class=\"m-0 text-caption text-gray\">\r\n                {{ project.items.length }}\r\n                {{ `Item${project.items.length > 1 ? 's' : ''}` }}\r\n              </p>\r\n            </div>\r\n            <AppDropdown right class=\"ml-auto\" v-if=\"true === false\">\r\n              <template v-slot:dropdown-button>\r\n                <AppIcon hoverable name=\"ellipsis\"></AppIcon>\r\n              </template>\r\n              <template v-slot:dropdown-menu>\r\n                <div\r\n                  class=\"app-dropdown-item dropdown-item p-2\"\r\n                  @click=\"duplicateProject\"\r\n                >\r\n                  Duplicate Item\r\n                </div>\r\n                <div class=\"app-dropdown-item dropdown-item p-2\">\r\n                  Move to Group Project\r\n                </div>\r\n                <div\r\n                  class=\"app-dropdown-item dropdown-item p-2\"\r\n                  @click=\"renameProject\"\r\n                >\r\n                  Rename Project\r\n                </div>\r\n              </template>\r\n            </AppDropdown>\r\n          </div>\r\n          <div class=\"mt-4 pl-2\">\r\n            <ul class=\"list-group\">\r\n              <li\r\n                v-for=\"(item, index2) in project.items\"\r\n                :key=\"`item-list-${index}-${index2}`\"\r\n                class=\"list-group-item\"\r\n              >\r\n                <div class=\"row\">\r\n                  <router-link\r\n                    class=\"col-md-10 text-black\"\r\n                    tag=\"div\"\r\n                    :to=\"{\r\n                      name: 'ProductView',\r\n                      params: { id: item.product_id },\r\n                    }\"\r\n                  >\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-2\">\r\n                        <AppMediaViewer\r\n                          :src=\"item.thumbnail\"\r\n                          aspectRatio=\"1/1\"\r\n                          width=\"50\"\r\n                        ></AppMediaViewer>\r\n                      </div>\r\n                      <div\r\n                        class=\"col-md-10\"\r\n                        :class=\"\r\n                          !item.quantity_name && !item.variant_name\r\n                            ? 'd-flex'\r\n                            : ''\r\n                        \"\r\n                      >\r\n                        <div\r\n                          style=\"font-size: 14px; text-transform: capitalize\"\r\n                        >\r\n                          <span v-if=\"item.quantity_name\"\r\n                            >[ {{ item.quantity_name }} ]</span\r\n                          >\r\n                          <span v-if=\"item.variant_name\"\r\n                            >[ {{ item.variant_name }} ]</span\r\n                          >\r\n                        </div>\r\n                        <div class=\"d-flex align-items-center\">\r\n                          {{ item.product_name }} ({{ item.quantity }})\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </router-link>\r\n                  <div class=\"col-md-2 d-flex align-items-center\">\r\n                    <AppIcon\r\n                      hoverable\r\n                      hoverColor=\"danger\"\r\n                      name=\"trash_can\"\r\n                      class=\"ml-auto mr-2 mt-3 mt-md-0 ml-md-4 mr-0 mb-md-2\"\r\n                      @click=\"removeProduct(project.project_name, item)\"\r\n                    ></AppIcon>\r\n                  </div>\r\n                </div>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <AppDivider class=\"mt-4\" color=\"gray-light-4\" size=\"2\"></AppDivider>\r\n        </AppCard>\r\n        </template>\r\n        <h2 v-else class=\"text-center text-uppercase\">\r\n          Cart is empty\r\n        </h2>\r\n      </div>\r\n    </div>\r\n\r\n    <ActionModal\r\n      v-model=\"modal.show\"\r\n      :header=\"modal.header\"\r\n      :description=\"modal.description\"\r\n      @confirm=\"modal.onClick\"\r\n    ></ActionModal>\r\n  </AppDrawer>\r\n</template>\r\n\r\n<script>\r\nimport AppDrawer from '@/shared/elements/AppDrawer.vue';\r\nimport _appDefaultInput from '@/shared/mixins/_appDefaultInput';\r\nimport AppIcon from '@/shared/elements/AppIcon.vue';\r\nimport AppMediaViewer from '../../../shared/elements/AppMediaViewer.vue';\r\nimport AppDivider from '../../../shared/elements/AppDivider.vue';\r\nimport AppCard from '../../../shared/elements/AppCard.vue';\r\nimport { mapGetters } from 'vuex';\r\nimport AppDropdown from '../../../shared/elements/AppDropdown.vue';\r\nimport ActionModal from '../Modals/ActionModal.vue';\r\nimport Cart from '../../../shared/api/Cart';\r\nimport CartItem from '../../../shared/api/CartItems';\r\n\r\nexport default {\r\n  name: 'CartDrawer',\r\n\r\n  components: {\r\n    AppDrawer,\r\n    AppIcon,\r\n    AppMediaViewer,\r\n    AppDivider,\r\n    AppCard,\r\n    AppDropdown,\r\n    ActionModal,\r\n  },\r\n\r\n  mixins: [_appDefaultInput],\r\n\r\n  props: {\r\n    value: { type: Boolean, default: false },\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      modal: {\r\n        show: false,\r\n        header: '',\r\n        description: '',\r\n        onClick() {},\r\n      },\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapGetters('cart', ['active_cart']),\r\n    ...mapGetters('cart', ['checkout']),\r\n  },\r\n\r\n  methods: {\r\n    async fetchCartItems() {\r\n      const response = await Cart.getCart();\r\n      const cartItems = response.data;\r\n\r\n      this.$store.dispatch('cart/clearCart');\r\n      const checkoutEmpty = this.checkout.length === 0;\r\n      await cartItems.forEach((project) => {\r\n        if (\r\n          !this.active_cart.find(\r\n            (cart) => cart.project_name === project.project\r\n          )\r\n        ) {\r\n          this.$store.dispatch('cart/newProject', project.project);\r\n        }\r\n\r\n        project.items.map((item) => {\r\n          if (item.id && item.product) {\r\n            let product = {\r\n              id: item.id,\r\n              project_name: project.project.replace(/\\s/g, '').length\r\n                ? project.project\r\n                : ' ',\r\n              project_id: project.id,\r\n              note: item?.data?.note,\r\n              type: item?.data?.type,\r\n              variant_name: item?.data?.variant_name,\r\n              product_id: item.product_id,\r\n              product_name: item.product.name,\r\n              product_variant_id: item.product_variant_id,\r\n              quantity: item.quantity,\r\n              quantity_option: item.product_quantity_option,\r\n              quantity_name: item.quantity_option,\r\n              thumbnail: this.thumbnail(item.product),\r\n            };\r\n            this.$store.dispatch('cart/addToCart', {\r\n              project: {\r\n                id: project.id,\r\n                name: project.project,\r\n              },\r\n              item: product,\r\n            });\r\n\r\n            if (checkoutEmpty && !project.project.replace(/\\s/g, '').length) {\r\n              this.$store.dispatch('cart/addToCheckout', product);\r\n            }\r\n          }\r\n        });\r\n      });\r\n    },\r\n    checkoutProject(project) {\r\n      this.modal = {\r\n        show: true,\r\n        header: 'Checkout Project',\r\n        description: 'Click \"confirm\" to proceed',\r\n        onClick: () => {\r\n          this.$store.dispatch('cart/projectCheckout', project);\r\n          if (this.$route.name === 'OrderCheckout') {\r\n            this.$router.go();\r\n          } else {\r\n            this.$router.push({ name: 'OrderCheckout' });\r\n          }\r\n        },\r\n      };\r\n      // this.modal.show = true;\r\n    },\r\n    duplicateProject() {},\r\n    renameProject() {},\r\n    deleteProject(projectName) {\r\n      this.modal = {\r\n        show: true,\r\n        header: 'Delete Project',\r\n        description: 'Click \"confirm\" to proceed',\r\n        onClick: () => {\r\n          this.$store.dispatch('cart/removeProject', projectName);\r\n        },\r\n      };\r\n    },\r\n    thumbnail(value) {\r\n      if (value && value?.files?.length > 0) {\r\n        const files = value.files;\r\n        let thumb = value.files.find((file) => file.type === 'primary_image');\r\n        return thumb?.filename || files[0]?.filename;\r\n      } else {\r\n        return null;\r\n      }\r\n    },\r\n    removeProduct(projectName, item) {\r\n      this.modal = {\r\n        show: true,\r\n        header: 'Delete item',\r\n        description: 'Click \"confirm\" to proceed',\r\n        onClick: () => {\r\n          CartItem.deleteCartItem(item.id).then(() => {\r\n            this.$store.dispatch('cart/removeToCart', {\r\n              project_name: projectName,\r\n              item: item,\r\n            });\r\n            this.$store.dispatch('cart/removeToCheckout', item);\r\n          });\r\n        },\r\n      };\r\n    },\r\n  },\r\n  mounted() {\r\n    this.fetchCartItems();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/scss/theme/_colors';\r\n\r\n.cart-drawer {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  &-content {\r\n    height: 100%;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n  }\r\n}\r\n\r\n.checkout-icon {\r\n  > svg {\r\n    width: 50px !important;\r\n    height: 50px !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartDrawer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CartDrawer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CartDrawer.vue?vue&type=template&id=1cf3e95b&scoped=true&\"\nimport script from \"./CartDrawer.vue?vue&type=script&lang=js&\"\nexport * from \"./CartDrawer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CartDrawer.vue?vue&type=style&index=0&id=1cf3e95b&lang=scss&scoped=true&\"\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  \"1cf3e95b\",\n  null\n  \n)\n\nexport default component.exports","import axios from 'axios';\r\nimport { URL_PREFIX } from './variables';\r\n\r\nexport const getCart = (...rest) =>\r\n    axios.get(`${URL_PREFIX}/cart?status=active`, ...rest);\r\nexport const postCart = (...rest) =>\r\n    axios.post(`${URL_PREFIX}/cart`, ...rest);\r\nexport const updateCart = (id, ...rest) =>\r\n    axios.post(`${URL_PREFIX}/cart/${id}?_method=PUT`, ...rest);\r\n\r\nexport const deleteItem = (id, ...rest) =>\r\n    axios.delete(`${URL_PREFIX}/cart/${id}`, ...rest);\r\n\r\nexport default {\r\n    getCart,\r\n    postCart,\r\n    updateCart,\r\n    deleteItem,\r\n};\r\n"],"sourceRoot":""}