{"version":3,"file":"11.8b3c5df0.js","sources":["../../../../../../src/routes/programs/+page.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import {\n    BUTTON_SIZE,\n    BUTTON_VARIANT,\n    CARD_PANEL_VARIANT,\n    PROGRAM_LISTING_SKIP,\n  } from '$lib/constants/constants';\n  import Breadcrumbs from '$lib/components/website/Breadcrumbs.svelte';\n  import ThemedHeader from '$lib/components/website/ThemedHeader.svelte';\n  import AccordionFilter from '$lib/components/website/accordion/AccordionFilter.svelte';\n  import Accordion from '$lib/components/website/accordion/Accordion.svelte';\n  import DropdownFilters from '$lib/components/website/dropdownFilters/DropdownFilters.svelte';\n  import FilterIcon from '../../assets/svgs/filter-lines.svelte';\n  import type { CardProps } from '$lib/types/contentTypes';\n  import { goto } from '$app/navigation';\n  import { page } from '$app/stores';\n  import ClearFilterButton from '$lib/components/website/dropdownFilters/ClearFilterButton.svelte';\n  import Button from '$lib/components/control/Button.svelte';\n  import CardPanel from '$lib/components/website/CardPanel.svelte';\n\n  export let data;\n\n  let skip = PROGRAM_LISTING_SKIP;\n  let morePrograms: CardProps[] = [];\n\n  $: pageChange = $page.url;\n\n  // pageChange && is triggering getQueryParamAsArray when pageChange happens\n  $: selectedValues = pageChange && {\n    'suitable-for': getQueryParamAsArray('suitable-for'),\n    'training-style': getQueryParamAsArray('training-style'),\n    trainer: getQueryParamAsArray('trainer'),\n    location: getQueryParamAsArray('location'),\n  };\n\n  $: totalSelectedParamsKey = Object.keys(selectedValues).reduce((acc, selectedKey) => {\n    // we need the number of selected filter type\n    if (selectedValues[selectedKey].length) {\n      acc += 1;\n    }\n    return acc;\n  }, 0);\n\n  $: totalNumberOfPrograms = data?.pageData?.paginatedProgram?.totalPrograms;\n  $: displayLoadMoreButton =\n    data?.pageData?.paginatedProgram?.programsList?.length + morePrograms?.length <\n    totalNumberOfPrograms;\n\n  const fetchMoreExercises = async () => {\n    const pageSearchParams = $page?.url?.search || '';\n    const searchParams =\n      pageSearchParams?.indexOf('?') == 0 ? pageSearchParams.substring(1) : pageSearchParams;\n\n    const res = await fetch(`/api/programs/?skip=${skip}&${searchParams}`);\n    const moreProgramsResponse = await res.json();\n\n    if (moreProgramsResponse?.length) {\n      morePrograms = morePrograms.concat(moreProgramsResponse);\n      skip = skip + PROGRAM_LISTING_SKIP;\n    }\n  };\n\n  const resetMorePrograms = () => {\n    skip = PROGRAM_LISTING_SKIP;\n    morePrograms = [];\n  };\n\n  const handleClearFilters = () => {\n    resetMorePrograms();\n    return goto('/programs', {\n      replaceState: false,\n      noScroll: true,\n      keepFocus: true,\n      invalidateAll: true,\n    });\n  };\n\n  const getQueryParamAsArray = (queryString: string) => {\n    const targetedQueryString = $page.url?.searchParams?.get(queryString);\n\n    const matchingDropdown = data?.pageData?.programDropdowns.find(({ id }) => id === queryString);\n\n    if (targetedQueryString) {\n      return targetedQueryString\n        .split(',')\n        .filter((queryString) =>\n          matchingDropdown?.options?.some(({ value }) => value === queryString),\n        );\n      // this filter any params that would not belong to any dropdown values\n    }\n\n    return [];\n  };\n\n  const handleSelectProgram = (\n    targetedQueryParam: string,\n    dropdownValue: string,\n    canSelectMultiple: boolean,\n  ) => {\n    resetMorePrograms();\n    const currentParamValue = $page.url?.searchParams?.get(targetedQueryParam);\n    const currentParamsArray = currentParamValue?.split(',');\n    if (currentParamsArray && currentParamsArray.includes(dropdownValue)) {\n      // INFO: When we unselect\n      const newParams = currentParamsArray.filter((c) => c !== dropdownValue).join();\n      $page.url.searchParams.set(targetedQueryParam, newParams);\n      if (currentParamsArray?.length === 1) {\n        /*\n          we cannot use directly searchParams.delete(name, value) as it is not compatible with\n          the per default ASCII url syntax we use.\n          Therefore we need to use set with an empty value then delete the query params name if it is the last item\n          eg:\n          ?equipment=Chair%2CCable => no need to delete the query name\n          ?equipment=Chair => Need delete the query name\n        */\n        $page.url.searchParams.delete(targetedQueryParam);\n      }\n    } else {\n      // INFO: When we select\n      let newQueryParams = '';\n      if (canSelectMultiple) {\n        /// INFO: when an dropdown can only have 1 selected item\n        newQueryParams = currentParamValue\n          ? `${currentParamValue},${dropdownValue}`\n          : `${dropdownValue}`;\n      } else {\n        // INFO: when an dropdown can only have multiple selected items\n        newQueryParams = dropdownValue;\n      }\n      $page.url.searchParams.set(targetedQueryParam, newQueryParams);\n    }\n\n    return goto(`?${$page.url.searchParams.toString()}`, {\n      replaceState: false,\n      noScroll: true,\n      keepFocus: true,\n      invalidateAll: true,\n    });\n  };\n</script>\n\n<div>\n  <ThemedHeader\n    backgroundColor=\"bg-primary-500\"\n    title={data?.pageData?.pageHeading}\n    description={data?.pageData?.pageDescription}\n  />\n  <div class=\"flex flex-col p-4 max-w-1280 mx-auto mb-16 lg:mb-24 sm:p-8\">\n    <Breadcrumbs\n      links={[\n        { label: 'Sweat', href: '/' },\n        { label: 'Programs', href: '/programs', isCurrentUrl: true },\n      ]}\n    />\n    <section class=\" flex flex-col gap-8 sm:gap-16\">\n      <h2\n        class=\"font-semibold text-gray-900 text-display-xs text-center mt-6 sm:mt-8 sm:text-display-lg sm:text-left\"\n      >\n        Find a program\n      </h2>\n      <div class=\"relative\">\n        {#if data?.pageData?.programDropdowns?.length}\n          <DropdownFilters\n            customClass=\"hidden items-center justify-center gap-8 sm:flex sm:flex-row flex-wrap\"\n            dropdowns={data?.pageData?.programDropdowns}\n            handleSelect={handleSelectProgram}\n            {selectedValues}\n          />\n          <Accordion customClass=\"flex sm:hidden\">\n            <AccordionFilter\n              open={false}\n              customClass=\"flex px-4 py-6 flex flex-col gap-2 bg-gray-50\"\n            >\n              <div slot=\"title\" class=\"flex flex-row items-center\">\n                <FilterIcon />\n                <p class=\"text-gray-900 text-lg ml-4 font-semibold text-left\">Filter</p>\n                {#if totalSelectedParamsKey > 0}\n                  <div class=\"bg-sweat-pink-50 ml-2 w-6 h-6 rounded-full text-white text-sm\">\n                    <span>{totalSelectedParamsKey}</span>\n                  </div>\n                  <div\n                    tabindex=\"0\"\n                    role=\"button\"\n                    on:click={handleClearFilters}\n                    class=\"flex sm:hidden ml-2 p-0 text-sm text-sweat-pink-50 font-semibold\"\n                  >\n                    Clear All\n                  </div>\n                  <!-- Using a button rather than a div trigger a glitch for a small instant -->\n                {/if}\n              </div>\n              <DropdownFilters\n                slot=\"content\"\n                customClass=\"flex flex-col items-center justify-center gap-3 pt-6 sm:hidden\"\n                dropdowns={data?.pageData?.programDropdowns}\n                handleSelect={handleSelectProgram}\n                {selectedValues}\n              />\n            </AccordionFilter>\n          </Accordion>\n        {/if}\n        {#if $page.url?.search?.length}\n          <div\n            class=\"hidden md:block sm:flex p-0 sm:-bottom-8 text-sm text-sweat-pink-50 font-semibold pt-4 -mb-8\"\n          >\n            <ClearFilterButton {handleClearFilters} />\n          </div>\n        {/if}\n      </div>\n      {#if data?.pageData?.paginatedProgram.programsList?.length == 0}\n        <div class=\"flex items-center flex-col py-16 lg:py-24 px-2\">\n          <div class=\"text-center\">\n            <span class=\"text-gray-600 text-xxl font-semibold\"\n              >No programs found. Try removing some filters.</span\n            >\n          </div>\n        </div>\n      {/if}\n      {#if data?.pageData?.paginatedProgram.programsList?.length}\n        <CardPanel\n          cardsCollection={[...data?.pageData?.paginatedProgram?.programsList, ...morePrograms]}\n          variant={CARD_PANEL_VARIANT.GRID}\n          customGridPanelClass=\"grid grid-cols-1 gap-y-4 lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16 pt-8 lg:pt-16\"\n          customContainer=\"\"\n        />\n      {/if}\n      {#if displayLoadMoreButton}\n        <Button\n          text=\"Load More\"\n          variant={BUTTON_VARIANT.OUTLINED}\n          buttonSize={BUTTON_SIZE.LARGE}\n          customClass=\"py-3 self-center\"\n          onClick={fetchMoreExercises}\n        />\n      {/if}\n    </section>\n  </div>\n</div>\n"],"names":["_b","_a","ctx","insert_hydration","target","div0","anchor","append_hydration","span","div1","if_block","create_if_block_5","div","p","_c","CARD_PANEL_VARIANT","BUTTON_VARIANT","BUTTON_SIZE","_d","if_block0","_g","_f","_e","create_if_block_4","if_block1","_i","_h","create_if_block_3","_l","_k","_j","create_if_block_2","if_block3","_o","_n","_m","create_if_block_1","create_if_block","div2","section","h2","data","$$props","skip","PROGRAM_LISTING_SKIP","morePrograms","fetchMoreExercises","pageSearchParams","$page","searchParams","moreProgramsResponse","resetMorePrograms","$$invalidate","handleClearFilters","goto","getQueryParamAsArray","queryString","targetedQueryString","matchingDropdown","id","value","handleSelectProgram","targetedQueryParam","dropdownValue","canSelectMultiple","currentParamValue","currentParamsArray","newParams","c","newQueryParams","pageChange","selectedValues","totalSelectedParamsKey","acc","selectedKey","totalNumberOfPrograms","displayLoadMoreButton"],"mappings":"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"}