{"version":3,"file":"DkQxhyyS.js","sources":["../../../../pages/profile/[profileId]/wishlist.vue"],"sourcesContent":["<template>\n  <UiPageComponent\n    class=\"profile-wishlist\"\n    :error=\"error\"\n    :pending=\"pending\"\n    @retry=\"refresh\"\n  >\n    <div class=\"ui-wrapper\">\n      <div\n        v-if=\"!productsCount\"\n        class=\"profile-wishlist__empty\"\n      >\n        <UIIcon name=\"wishlist-products-empty\" />\n        <div class=\"profile-wishlist__empty-text\">\n          <template v-if=\"isMyProfile\">\n            <strong class=\"profile-wishlist__empty-title\">\n              Вишлист пуст\n            </strong>\n\n            <span>\n              Используйте <UIIcon\n                name=\"heart\"\n                class=\"profile-wishlist__icon profile-wishlist__heart-transparent\"\n              /> чтобы добавить товар в вишлист\n            </span>\n\n            <div class=\"profile-wishlist__buttons\">\n              <UIButton\n                size=\"m\"\n                type=\"black-border\"\n                to=\"/catalog/muzhskoe\"\n                class=\"profile-wishlist__button\"\n              >\n                Мужские вещи\n              </UIButton>\n\n              <UIButton\n                size=\"m\"\n                type=\"black-border\"\n                to=\"/catalog/zhenskoe\"\n                class=\"profile-wishlist__button\"\n              >\n                Женские вещи\n              </UIButton>\n\n              <UIButton\n                size=\"m\"\n                type=\"black-border\"\n                to=\"/catalog/detskoe\"\n                class=\"profile-wishlist__button\"\n              >\n                Детские вещи\n              </UIButton>\n            </div>\n          </template>\n\n          <template v-else>\n            Пользователь еще не добавил товары в вишлист\n          </template>\n        </div>\n      </div>\n\n      <CatalogProductList\n        v-else\n        :products=\"data?.items\"\n        :total-pages=\"data?.totalPages\"\n        :page=\"page\"\n        :loading=\"loading\"\n        no-filters\n        @click-more=\"loadMore\"\n        @click-page=\"goToPage\"\n      />\n    </div>\n  </UiPageComponent>\n</template>\n\n<script lang=\"ts\" setup>\nimport { RouteLocationNormalizedLoaded } from 'vue-router';\n\nimport { useApi } from '~/restAPI';\nimport { Catalog } from '~/restAPI/Catalog';\nimport { PublicProfileDTO } from '~/restAPI/data-contracts';\n\ndefinePageMeta({\n  scrollToTopFunc: (to: RouteLocationNormalizedLoaded, from: RouteLocationNormalizedLoaded) => {\n    const isProfile = to.params.profileId === from.params.profileId;\n\n    return !isProfile;\n  },\n});\n\nuseHead({\n  title: 'Профиль – Интернет-магазин Oskelly',\n  script: [\n    {\n      type: 'application/ld+json',\n      children: `{\n        \"@context\": \"http://www.schema.org\",\n        \"@type\": \"LocalBusiness\",\n        \"name\": \"Oskelly Group\",\n        \"url\": \"https://oskelly.ru/\",\n        \"logo\": \"https://static.oskelly.ru/images/icons/insta_logo.png?v=2.1.2_c0753d93593d6441d0dd4f9eaecf0d8f\",\n        \"image\": \"https://static.oskelly.ru/images/icons/insta_img_1.jpg?v=2.1.2_0a83dbe2155b3a0373b2dc3eb9a5a5ba\",\n        \"description\": \"Первый сервис для покупки и перепродажи брендовых вещей в России. Бутики и частные продавцы размещают у нас новую и почти новую брендовую одежду со скидками до -90%.\\n\\nКаждый день мы добавляем 100+ новых товаров, а наши эксперты собирают лучшие из них в специальные подборки.\",\n        \"address\": {\n          \"@type\": \"PostalAddress\",\n          \"streetAddress\": \"Варшавское шоссе, 9с28\",\n          \"postOfficeBoxNumber\": \"info@oskelly.ru\",\n          \"addressLocality\": \"Москва\",\n          \"addressRegion\": \"Москва\",\n          \"postalCode\": \"117105\",\n          \"addressCountry\": \"Россия\"\n        },\n        \"geo\": {\n          \"@type\": \"GeoCoordinates\",\n          \"latitude\": \"55.737054\",\n          \"longitude\": \"37.563080\"\n        },\n        \"hasMap\": \"https://goo.gl/maps/x94wA7cnGmzmkt4v9\",\n        \"openingHours\": \"Mo, Tu, We, Th, Fr, Sa, Su -\",\n        \"contactPoint\": {\n          \"@type\": \"ContactPoint\",\n          \"telephone\": \"8 (800) 707-53-08\",\n          \"contactType\": \"shop\"\n        }\n      }`,\n    },\n  ],\n});\n\nconst { createApiInstance } = useApi();\nconst catalogApi = createApiInstance(Catalog);\nconst cancelGetLikedProductsPage = 'cancelGetLikedProductsPage';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst props = defineProps<{\n  profile: PublicProfileDTO\n}>();\n\nconst loadingMore = ref(false);\nconst loading = ref(false);\n\nconst page = computed(() => Number(route.query?.page) || 1);\nconst profileId = computed(() => props.profile.id!);\nconst productsCount = computed(() => props.profile.productLikesCount);\nconst isMyProfile = computed(() => props.profile.isMyProfile);\n\nconst {\n  data, pending, error, refresh,\n} = useLazyAsyncData('loadProfileWishlistPage', request);\n\nfunction request() {\n  if (!productsCount.value) return Promise.resolve(null);\n\n  return catalogApi.getLikedProductsPageUsingGet1(profileId.value, {\n    page: page.value,\n    pageSize: 60,\n  }, {\n    format: 'json',\n    cancelToken: cancelGetLikedProductsPage,\n  }).then((res) => res?.data?.data);\n}\n\nasync function goToPage(pageNumber: number): Promise<void> {\n  const query = { ...route.query };\n\n  if (pageNumber === 1) {\n    delete query.page;\n    await router.replace({ query });\n    return;\n  }\n\n  query.page = `${pageNumber}`;\n  await router.push({ query });\n}\n\nasync function loadMore(): Promise<void> {\n  loadingMore.value = true;\n\n  await goToPage(page.value + 1);\n}\n\nasync function loadAndUpdateCatalog() {\n  loading.value = true;\n\n  try {\n    const catalog = await request();\n\n    if (!catalog?.items) return;\n\n    if (loadingMore.value) {\n      data.value?.items?.push(...catalog.items);\n      loadingMore.value = false;\n    } else {\n      data.value = catalog;\n    }\n  } catch (err) {\n    error.value = err;\n  } finally {\n    loading.value = false;\n  }\n}\n\nwatch(() => route.query, (newQuery, prevQuery) => {\n  if (!Object.keys({ ...newQuery, ...prevQuery }).length) return;\n\n  if (newQuery.page && (newQuery.page === prevQuery.page)) {\n    goToPage(1);\n    return;\n  }\n\n  loadAndUpdateCatalog();\n});\n\nonUnmounted(() => {\n  if (pending.value || loading.value) {\n    catalogApi.abortRequest(cancelGetLikedProductsPage);\n  }\n});\n</script>\n\n<style scoped lang=\"scss\">\n.profile-wishlist {\n  :deep(.ui-loader-block) {\n    padding-top: 80px;\n  }\n\n  &__empty {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    padding: 80px 0;\n  }\n\n  &__empty-text {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    font-size: 12px;\n    color: #828282;\n    line-height: 16px;\n    margin-top: 12px;\n  }\n\n  &__empty-title {\n    color: #333;\n    font-size: 14px;\n    margin-top: 12px;\n    margin-bottom: 8px;\n  }\n\n  &__icon {\n    width: 18px;\n    height: 18px;\n    display: inline-block;\n    margin: 0 3px 0 2px;\n  }\n\n  &__heart-transparent {\n    :deep(path) {\n      fill: transparent;\n    }\n  }\n\n  &__buttons {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin-top: 24px;\n\n    @media screen and (min-width: 580px) {\n      flex-direction: row;\n    }\n  }\n\n  &__button {\n    width: 140px;\n    font-size: 14px;\n\n    & + & {\n      margin-top: 20px;\n\n      @media screen and (min-width: 580px) {\n        margin-top: 0;\n        margin-left: 24px;\n      }\n    }\n  }\n}\n</style>\n"],"names":["cancelGetLikedProductsPage","useHead","createApiInstance","useApi","catalogApi","Catalog","route","useRoute","router","useRouter","props","__props","loadingMore","ref","loading","page","computed","_a","profileId","productsCount","isMyProfile","data","pending","error","refresh","useLazyAsyncData","request","res","goToPage","pageNumber","query","loadMore","loadAndUpdateCatalog","catalog","_b","err","watch","newQuery","prevQuery","onUnmounted"],"mappings":"6sCAoIMA,EAA6B,iFAzC3BC,EAAA,CACN,MAAO,qCACP,OAAQ,CACN,CACE,KAAM,sBACN,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QA8BZ,CACF,CAAA,CACD,EAEK,KAAA,CAAE,kBAAAC,GAAsBC,IACxBC,EAAaF,EAAkBG,CAAO,EAGtCC,EAAQC,IACRC,EAASC,IAETC,EAAQC,EAIRC,EAAcC,EAAI,EAAK,EACvBC,EAAUD,EAAI,EAAK,EAEnBE,EAAOC,EAAS,WAAM,eAAOC,EAAAX,EAAM,QAAN,YAAAW,EAAa,IAAI,GAAK,EAAC,EACpDC,EAAYF,EAAS,IAAMN,EAAM,QAAQ,EAAG,EAC5CS,EAAgBH,EAAS,IAAMN,EAAM,QAAQ,iBAAiB,EAC9DU,EAAcJ,EAAS,IAAMN,EAAM,QAAQ,WAAW,EAEtD,CACJ,KAAAW,EAAM,QAAAC,EAAS,MAAAC,EAAO,QAAAC,CAAA,EACpBC,GAAiB,0BAA2BC,CAAO,EAEvD,SAASA,GAAU,CACjB,OAAKP,EAAc,MAEZf,EAAW,8BAA8Bc,EAAU,MAAO,CAC/D,KAAMH,EAAK,MACX,SAAU,EAAA,EACT,CACD,OAAQ,OACR,YAAaf,CAAA,CACd,EAAE,KAAM2B,GAAQ,OAAA,OAAAV,EAAAU,GAAA,YAAAA,EAAK,OAAL,YAAAV,EAAW,KAAI,EARC,QAAQ,QAAQ,IAAI,CASvD,CAEA,eAAeW,EAASC,EAAmC,CACzD,MAAMC,EAAQ,CAAE,GAAGxB,EAAM,KAAM,EAE/B,GAAIuB,IAAe,EAAG,CACpB,OAAOC,EAAM,KACb,MAAMtB,EAAO,QAAQ,CAAE,MAAAsB,CAAO,CAAA,EAC9B,MACF,CAEMA,EAAA,KAAO,GAAGD,CAAU,GAC1B,MAAMrB,EAAO,KAAK,CAAE,MAAAsB,CAAO,CAAA,CAC7B,CAEA,eAAeC,GAA0B,CACvCnB,EAAY,MAAQ,GAEd,MAAAgB,EAASb,EAAK,MAAQ,CAAC,CAC/B,CAEA,eAAeiB,GAAuB,SACpClB,EAAQ,MAAQ,GAEZ,GAAA,CACI,MAAAmB,EAAU,MAAMP,IAEtB,GAAI,EAACO,GAAA,MAAAA,EAAS,OAAO,OAEjBrB,EAAY,QACdsB,GAAAjB,EAAAI,EAAK,QAAL,YAAAJ,EAAY,QAAZ,MAAAiB,EAAmB,KAAK,GAAGD,EAAQ,OACnCrB,EAAY,MAAQ,IAEpBS,EAAK,MAAQY,QAERE,EAAK,CACZZ,EAAM,MAAQY,CAAA,QACd,CACArB,EAAQ,MAAQ,EAClB,CACF,CAEA,OAAAsB,EAAM,IAAM9B,EAAM,MAAO,CAAC+B,EAAUC,IAAc,CAC5C,GAAC,OAAO,KAAK,CAAE,GAAGD,EAAU,GAAGC,CAAW,CAAA,EAAE,OAEhD,IAAID,EAAS,MAASA,EAAS,OAASC,EAAU,KAAO,CACvDV,EAAS,CAAC,EACV,MACF,CAEqBI,IAAA,CACtB,EAEDO,EAAY,IAAM,EACZjB,EAAQ,OAASR,EAAQ,QAC3BV,EAAW,aAAaJ,CAA0B,CACpD,CACD"}