{"version":3,"file":"FormProjectAddProducts-C2pygB_C.js","sources":["../../../../../../frontend/src/pages/projects/forms/FormProjectAddProducts.vue"],"sourcesContent":["<template lang=\"pug\">\nmodal(class='form-project-add-products flex flex-1 flex-col' size='lg' mode='drawer' @close='$emit(\"close\")')\n  div(ref='container' @dragover.prevent.stop='false')\n    template(v-if='productSearch.attributesReady')\n      div(class='flex flex-1 flex-col')\n        form-header\n          div(class='flex items-center')\n            span(class='mr-2') {{ $t('Add to Project') }}\n            pill(v-if='total < 5000' type='faded' :data-tooltip='$tc(\"No Results | {0} Result | {0} Results\", total)') {{ total }}\n        list-filter-input(name='term' class='-mt-2 mb-4' :placeholder='$t(\"Search..\")')\n        products-filters(v-model:viewSettings='productSearch.viewSettings' :attributes='attributes' :selectedFilters='selectedFilters' :counts='counts' @clearAll='clearFilters()')\n          list-filter(v-slot='{ change, value, clear }' name='categories' :initialValue='[]')\n            list-filter-dropdown(:value='value.length || false' :label='$t(\"Categories\")' @clear='clear')\n              div(class='-mx-4 min-w-[300px] p-0 pb-3 pl-10 md:mx-0')\n                control-tree(class='mt-2' :options='initialAttributes.categories.values || []' :hide='hideCategoryCheck' :modelValue='value ? value[0] : \"\"')\n                  template(#default='{ item, selected }')\n                    btn(plain class='-ml-1 flex !min-h-0 !px-2 !py-0' :active='selected' @click='change([item.id])')\n                      span(class='mr-1 text-base') {{ item.title }}\n                      pill(v-if='counts.categories && counts.categories[item.id]' type='faded') {{ counts.categories[item.id] }}\n        grid-group(class='mb-10 flex-1' :minWidth='viewSettings === \"default\" ? \"220px\" : \"300px\"')\n          product-grid-item(\n            v-for='(item, index) in items'\n            :id='item.id'\n            :key='item.id'\n            :to='$modals.getLocation(\"modal-product-detail\", { productId: item.id })'\n            :title='item.title'\n            :image='item.image'\n            :brand='item.brand.title'\n            :data-id='item.id'\n            :data-index='index'\n            :modelValue='selectedMap[item.id]'\n            :retailPriceNetString='item.retailPriceNet'\n          )\n          empty-state(v-if='items.length === 0' centered class='col-span-2' size='small' bordered style='min-height: 400px' :title='$t(\"Product or brand not found?\")')\n            template(#image)\n              div\n                img(class='mb-5' src='/images/application/empty-state-furniture.svg' style='width: 92px; height: 92px')\n            template(#message)\n              span(\n                v-add-element-attributes='{ a: { href: $router.resolve({ name: \"/projects/\" }).href } }'\n                v-html='$t(\"You can add external products in your <a>projects</a> or request any product here:\")'\n              )\n            template(#buttons)\n              btn(v-contact-link='{ message: $t(\"I am looking for the product\") + \" \" }' class='mt-3' icon='message-square') {{ $t('Request product') }}\n      pagination(v-show='items.length > 0' v-model='page' v-model:pageSize='pageSize' :total='total' :pageSizeOptions='pageSizes')\n      sticky-container(position='bottom' :enabled='hasSelected')\n        action-bar(class='py-4')\n          btn(v-if='hasSelected' tertiary icon='rotate-ccw' data-test='btn-reset-product-selection' @click='clearSelected') {{ $t('reset') }}\n          btn(primary class='font-bold' :disabled='!hasSelected' data-test='btn-select-products-submit' @click='submit')\n            span(v-html='$tc(\"Add {0} product(s)\", selectedItems.length)')\n      overlay(:visible='loadingSubmit')\n</template>\n\n<script setup lang=\"ts\">\nimport { useProjectsStore } from '../store'\nimport ControlTree from '@/components/Control/ControlTree.vue'\nimport GridGroup from '@/components/GridGroup.vue'\nimport ListFilter from '@/components/List/ListFilter.vue'\nimport ListFilterDropdown from '@/components/List/ListFilterDropdown.vue'\nimport ProductGridItem from '@/components/ProductGridItem.vue'\nimport { useGenericKeyValueStore, usePageTitle, useSelectItems } from '@/composables/'\nimport { useInquiriesStore } from '@/pages/inquiries/store'\nimport ProductsFilters from '@/pages/products/components/ProductsFilters.vue'\nimport { useProductSearch } from '@/pages/products/composables'\nimport { useTranslation } from '@/plugins/translation'\nimport type { IClipboardItem, INestedOption } from '@/types'\nimport { type AxiosResponse } from 'axios'\nimport Axios from 'axios-observable'\nimport { ref } from 'vue'\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  projectId: { type: String, required: true },\n  inquiryId: { type: String, required: true },\n  tag: { type: String, required: true },\n  productConfigId: String,\n})\nconst { $t } = useTranslation()\nusePageTitle($t('Products'))\nconst container = ref<HTMLElement | null>(null)\n\nconst { setValue, getValue } = useGenericKeyValueStore()\nif (!getValue('clipboard')) {\n  Axios.get('/_/Clipboard').subscribe({\n    next: (r: AxiosResponse<{ items: IClipboardItem }>) => setValue('clipboard', r.data.items),\n  })\n}\n\nconst emit = defineEmits(['close'])\nconst productSearch = useProductSearch(false)\nconst { viewSettings, attributes, initialAttributes, counts, pageSizes } = productSearch\nconst { items, selectedFilters, total, clearFilters, page, pageSize } = productSearch.list\nconst cancel = () => emit('close')\nconst { projectId, tag, inquiryId } = props\nconst store = useProjectsStore()\nconst inqStore = useInquiriesStore()\nconst project = computed(() => store.project(projectId))\nif (!project.value) {\n  store.loadProject(projectId)\n}\nconst selectedItems = ref<string[]>([])\nconst hasSelected = computed(() => selectedItems.value.length > 0)\nconst addProductsToProjectOrInquiry = async (selectedItems: string[], index: number = 0, parentProductId?: string) => {\n  if (inquiryId) {\n    await inqStore.addProductsToInquiry(projectId, inquiryId, '', selectedItems, index)\n  } else {\n    await store.addProducts(projectId, '', selectedItems, tag, index, parentProductId)\n  }\n}\n\nconst { selectedMap, clearSelected } = useSelectItems(selectedItems, container)\n\nconst loadingSubmit = computed(\n  () => store.loading['addProductsToInquiry'] || store.loading['addProductsToTag'] || store.loading['addProducts'],\n)\nconst submit = async () => {\n  await addProductsToProjectOrInquiry(selectedItems.value)\n  cancel()\n}\nconst hideCategoryCheck = (option: INestedOption) => option.id !== 'not_relevant'\n</script>\n"],"names":["props","__props","$t","useTranslation","usePageTitle","container","ref","setValue","getValue","useGenericKeyValueStore","Axios","r","emit","__emit","productSearch","useProductSearch","viewSettings","attributes","initialAttributes","counts","pageSizes","items","selectedFilters","total","clearFilters","page","pageSize","cancel","projectId","tag","inquiryId","store","useProjectsStore","inqStore","useInquiriesStore","computed","selectedItems","hasSelected","addProductsToProjectOrInquiry","index","parentProductId","__async","selectedMap","clearSelected","useSelectItems","loadingSubmit","submit","hideCategoryCheck","option"],"mappings":"6sDAuEA,MAAMA,EAAQC,EAMR,CAAE,GAAAC,GAAOC,KACFC,GAAAF,EAAG,UAAU,CAAC,EACrB,MAAAG,EAAYC,EAAwB,IAAI,EAExC,CAAE,SAAAC,EAAU,SAAAC,CAAS,EAAIC,GAAwB,EAClDD,EAAS,WAAW,GACjBE,GAAA,IAAI,cAAc,EAAE,UAAU,CAClC,KAAOC,GAAgDJ,EAAS,YAAaI,EAAE,KAAK,KAAK,CAAA,CAC1F,EAGH,MAAMC,EAAOC,EACPC,EAAgBC,GAAiB,EAAK,EACtC,CAAE,aAAAC,EAAc,WAAAC,EAAY,kBAAAC,EAAmB,OAAAC,EAAQ,UAAAC,CAAc,EAAAN,EACrE,CAAE,MAAAO,EAAO,gBAAAC,EAAiB,MAAAC,EAAO,aAAAC,EAAc,KAAAC,EAAM,SAAAC,CAAA,EAAaZ,EAAc,KAChFa,EAAS,IAAMf,EAAK,OAAO,EAC3B,CAAE,UAAAgB,EAAW,IAAAC,EAAK,UAAAC,CAAA,EAAc9B,EAChC+B,EAAQC,KACRC,EAAWC,KACDC,EAAS,IAAMJ,EAAM,QAAQH,CAAS,CAAC,EAC1C,OACXG,EAAM,YAAYH,CAAS,EAEvB,MAAAQ,EAAgB9B,EAAc,CAAA,CAAE,EAChC+B,EAAcF,EAAS,IAAMC,EAAc,MAAM,OAAS,CAAC,EAC3DE,EAAgC,CAAOF,EAAyBG,EAAgB,EAAGC,IAA6BC,EAAA,sBAChHX,EACF,MAAMG,EAAS,qBAAqBL,EAAWE,EAAW,GAAIM,EAAeG,CAAK,EAElF,MAAMR,EAAM,YAAYH,EAAW,GAAIQ,EAAeP,EAAKU,EAAOC,CAAe,CACnF,GAGI,CAAE,YAAAE,EAAa,cAAAC,EAAA,EAAkBC,GAAeR,EAAe/B,CAAS,EAExEwC,GAAgBV,EACpB,IAAMJ,EAAM,QAAQ,sBAA2BA,EAAM,QAAQ,kBAAuBA,EAAM,QAAQ,WAAa,EAE3Ge,GAAS,IAAYL,EAAA,sBACnB,MAAAH,EAA8BF,EAAc,KAAK,EAChDT,GAAA,GAEHoB,GAAqBC,GAA0BA,EAAO,KAAO"}