{"version":3,"file":"Dr9R5_I1.js","sources":["../../../../src/components/dialog/favListMultiSelectMoveItems/useMultiSelectMoveItems.ts","../../../../src/components/dialog/favListMultiSelectMoveItems/multiSelectMoveItems.vue"],"sourcesContent":["import type { ErrorIdent } from '~/@types/errorIdents';\nimport { useFavLists } from '~/stores/useFavLists';\nimport { useDialogStore } from '~/stores/useDialogStore';\nimport type { FavoriteList } from '~/server/transformers/shop/favoriteListTransformer';\n\nconst favListStore = useFavLists();\n\nexport function useMultiSelectMoveItems() {\n  const errors = ref<ErrorIdent[]>([]);\n  const isLoading = ref(false);\n  const dialogStore = useDialogStore();\n\n  async function onSubmit(targetListId: string) {\n    isLoading.value = true;\n    await moveItemsToList(targetListId);\n    isLoading.value = false;\n  }\n\n  async function moveItemsToList(targetListId: string) {\n    try {\n      isLoading.value = true;\n      const result = await favListStore.moveSelectedItems(targetListId);\n      if (result) dialogStore.closeDialog();\n    } catch (e: any) {\n      errors.value = e.data.data.errors;\n      isLoading.value = false;\n    }\n  }\n\n  return {\n    onSubmit,\n    errors,\n    isLoading,\n  };\n}\n\n/**\n * need activeFavList on first position, then myFavorites and after that all other lists\n * @returns allFavLists in right order\n */\nexport function sortFavListsForMovingItems(): FavoriteList[] {\n  const allFavLists = [favListStore.getActiveFavList()];\n  const myFavoriteList = favListStore.myFavoriteList;\n\n  if (allFavLists[0].id !== myFavoriteList.id) {\n    allFavLists.push(myFavoriteList);\n  }\n\n  //get all favLists except the activeFavList\n  favListStore.favoriteLists.forEach((list) => {\n    if (list.id !== allFavLists[0].id) {\n      allFavLists.push(list);\n    }\n  });\n\n  return allFavLists;\n}\n","<template>\n  <Dialog width-class=\"md:max-w-[510px]\">\n    <div class=\"px-sm py-md md:p-md\">\n      <div class=\"overflow-auto h-fit\">\n        <div\n          v-if=\"errors.length && errors.includes(ErrorIdent.UNKNOWN_ERROR)\"\n          class=\"mb-md\"\n        >\n          <UnknownError />\n        </div>\n\n        <p\n          class=\"font-text text-primary-base min-h-[36px] cursor-pointer text-right\"\n          @click=\"\n            () => {\n              dialogStore.openDialog(DialogIdent.NEW_EDIT_FAVORITE_LIST, {\n                options: {\n                  preventNavigateTo: true,\n                  comingFromMultiselect: true,\n                },\n              });\n            }\n          \"\n        >\n          <FaIcon icon-class=\"far fa-plus\" />\n          {{ t('myProducts.sideNav.addNewList') }}\n        </p>\n\n        <div\n          v-for=\"(favList, index) in favLists\"\n          :key=\"index\"\n          class=\"flex justify-between cursor-pointer rounded-alt-md p-sm\"\n          :class=\"[\n            index > 0 ? 'mt-xs' : 'mt-0',\n            selectedList === favList.id\n              ? 'bg-primary-lightest '\n              : 'bg-background-base',\n          ]\"\n          @click=\"updateSelectedList(favList.id)\"\n        >\n          <div class=\"flex\">\n            <div\n              class=\"flex justify-center items-center pl-[6px] pt-[6px] w-xl h-xl mr-sm bg-[url('@/assets/images/white-frames.svg')]\"\n            >\n              <img\n                v-if=\"\n                  $siteIdent.startsWith('minilu') && favList.items.length == 0\n                \"\n                class=\"max-w-full max-h-full p-2xs\"\n                src=\"@/assets/images/minilu/pink-package-icon.svg\"\n              />\n              <img\n                v-else-if=\"\n                  !$siteIdent.startsWith('minilu') && favList.items.length == 0\n                \"\n                class=\"max-w-full max-h-full p-2xs\"\n                src=\"@/assets/images/vdv/green-package-icon.svg\"\n              />\n              <ProductImage\n                v-else\n                :image-url=\"favList.items[0]?.product?.media?.cover\"\n                :alt-text=\"favList.items[0]?.product?.media?.alt\"\n                class=\"max-w-full max-h-full p-2xs\"\n              />\n            </div>\n            <div class=\"flex flex-col\">\n              <p class=\"font-bold\">{{ t(favList.name) }}</p>\n              <p>\n                {{ favList.items?.length }}\n                {{ t('shop.cart.general.article') }}\n              </p>\n            </div>\n          </div>\n          <div>\n            <RadioButton\n              name=\"favLists\"\n              :model-value=\"selectedList\"\n              :options=\"[{ label: '', value: favList.id }]\"\n              @click=\"updateSelectedList(favList.id)\"\n            >\n            </RadioButton>\n          </div>\n        </div>\n\n        <ButtonBasic\n          classes=\"w-full px-sm md:px-0 mt-md\"\n          :label=\"t('favLists.multiSelect.moveItems')\"\n          :disabled=\"isLoading\"\n          full-width\n          @click=\"onSubmit(selectedList)\"\n        ></ButtonBasic>\n        <div\n          class=\"flex items-center justify-center w-full gap-2 cursor-pointer text-primary-base mt-md\"\n          @click=\"dialogStore.closeDialog()\"\n        >\n          <span class=\"anim__underline-link anim-link\">\n            {{ t('formFields.form.cancel') }}\n          </span>\n        </div>\n      </div>\n    </div>\n  </Dialog>\n</template>\n<script setup lang=\"ts\">\nimport UnknownError from '~/components/formFields/errors/unknown/unknownError.vue';\nimport Dialog from '@/components/dialog/components/dialogFrame/local/dialogFrame.vue';\nimport { useDialogStore, DialogIdent } from '~/stores/useDialogStore';\nimport { ErrorIdent } from '~/@types/errorIdents';\nimport ButtonBasic from '~~/src/components/components/core/basic-button/basic-button.vue';\nimport FaIcon from '@/components/fa-icon.vue';\nimport { RadioButton, ProductImage } from '@/complib';\nimport {\n  useMultiSelectMoveItems,\n  sortFavListsForMovingItems,\n} from './useMultiSelectMoveItems';\nimport { useFavLists } from '~/stores/useFavLists';\nimport type { FavoriteList } from '~/server/transformers/shop/favoriteListTransformer';\n\nconst favListStore = useFavLists();\nconst dialogStore = useDialogStore();\nawait favListStore.loadLists(false);\n\nconst { t } = useTrans();\n\nconst favLists = ref<FavoriteList[]>();\nconst selectedList = ref<string>('');\n\nonMounted(() => {\n  favLists.value = sortFavListsForMovingItems();\n\n  //get id of first favList a.k.a. activeFavList\n  selectedList.value = favLists.value[0].id;\n});\n\nwatch(\n  [favLists, favListStore.initialized, dialogStore.open, selectedList],\n  async () => {\n    const products = await favListStore.loadProductsInList();\n\n    products.forEach((product) => {\n      // check each favList.items for the productID and map the product if found\n      favLists.value.forEach((favList) => {\n        const favListItem = favList.items.find(\n          (item) => item.productId === product.id,\n        );\n        if (!favListItem) return;\n        favListItem.product = product;\n      });\n    });\n  },\n);\n\nfunction updateSelectedList(listId: string) {\n  selectedList.value = listId;\n}\n\nconst { onSubmit, errors, isLoading } = useMultiSelectMoveItems();\n</script>\n"],"names":["favListStore","useFavLists","useMultiSelectMoveItems","errors","ref","isLoading","dialogStore","useDialogStore","onSubmit","targetListId","moveItemsToList","e","sortFavListsForMovingItems","allFavLists","myFavoriteList","list","__temp","__restore","_withAsyncContext","t","useTrans","favLists","selectedList","onMounted","watch","product","favList","favListItem","item","updateSelectedList","listId"],"mappings":"6sBAKA,MAAMA,EAAeC,EAAY,EAE1B,SAASC,IAA0B,CAClC,MAAAC,EAASC,EAAkB,CAAA,CAAE,EAC7BC,EAAYD,EAAI,EAAK,EACrBE,EAAcC,IAEpB,eAAeC,EAASC,EAAsB,CAC5CJ,EAAU,MAAQ,GAClB,MAAMK,EAAgBD,CAAY,EAClCJ,EAAU,MAAQ,EACpB,CAEA,eAAeK,EAAgBD,EAAsB,CAC/C,GAAA,CACFJ,EAAU,MAAQ,GACH,MAAML,EAAa,kBAAkBS,CAAY,GACpDH,EAAY,YAAY,QAC7BK,EAAQ,CACRR,EAAA,MAAQQ,EAAE,KAAK,KAAK,OAC3BN,EAAU,MAAQ,EACpB,CACF,CAEO,MAAA,CACL,SAAAG,EACA,OAAAL,EACA,UAAAE,CAAA,CAEJ,CAMO,SAASO,IAA6C,CAC3D,MAAMC,EAAc,CAACb,EAAa,iBAAkB,CAAA,EAC9Cc,EAAiBd,EAAa,eAEpC,OAAIa,EAAY,CAAC,EAAE,KAAOC,EAAe,IACvCD,EAAY,KAAKC,CAAc,EAIpBd,EAAA,cAAc,QAASe,GAAS,CACvCA,EAAK,KAAOF,EAAY,CAAC,EAAE,IAC7BA,EAAY,KAAKE,CAAI,CACvB,CACD,EAEMF,CACT,mgBC8DA,MAAMb,EAAeC,IACfK,EAAcC,IACd,CAAAS,EAAAC,CAAA,EAAAC,EAAA,IAAAlB,EAAa,UAAU,EAAK,CAAA,cAE5B,KAAA,CAAE,EAAAmB,GAAMC,IAERC,EAAWjB,IACXkB,EAAelB,EAAY,EAAE,EAEnCmB,EAAU,IAAM,CACdF,EAAS,MAAQT,KAGjBU,EAAa,MAAQD,EAAS,MAAM,CAAC,EAAE,EAAA,CACxC,EAEDG,EACE,CAACH,EAAUrB,EAAa,YAAaM,EAAY,KAAMgB,CAAY,EACnE,SAAY,EACO,MAAMtB,EAAa,sBAE3B,QAASyB,GAAY,CAEnBJ,EAAA,MAAM,QAASK,GAAY,CAC5B,MAAAC,EAAcD,EAAQ,MAAM,KAC/BE,GAASA,EAAK,YAAcH,EAAQ,EAAA,EAElCE,IACLA,EAAY,QAAUF,EAAA,CACvB,CAAA,CACF,CACH,CAAA,EAGF,SAASI,EAAmBC,EAAgB,CAC1CR,EAAa,MAAQQ,CACvB,CAEA,KAAM,CAAE,SAAAtB,EAAU,OAAAL,EAAQ,UAAAE,GAAcH,GAAwB"}