Shopify.Products.showRecentlyViewed({howManyToShow:10}),executeResentlyViewedFlow();async function executeResentlyViewedFlow(){try{const cookieValuesArray=getCookieValue("shopify_recently_viewed").split(" "),searchParams=createParamString(cookieValuesArray),response=await callWineSearchApi(searchParams),sortedResponse=sortResponseByIds(cookieValuesArray,response.item_list);createView(sortedResponse)}catch(e){console.error(e);const resentlyViewedBlock=document.getElementById("recently_viewed_history");resentlyViewedBlock&&(resentlyViewedBlock.style.display="none")}}function getCookieValue(cookieName){const escapedCookieName=cookieName.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1"),matches=document.cookie.match(new RegExp(`(^|;)\\s*${escapedCookieName}\\s*=\\s*([^;]+)`));return matches?decodeURIComponent(matches[2]):new Error("Cookies\u304C\u3042\u308A\u307E\u305B\u3093\u3002")}function createParamString(cookieValuesArray){if(cookieValuesArray.length==0)throw new Error("Cookies\u304C\u3042\u308A\u307E\u305B\u3093\u3002");var searchParamsRecentlyView=cookieValuesArray.map(e=>["item_cd",e]);return new URLSearchParams(searchParamsRecentlyView).toString()}async function callWineSearchApi(searchParams){try{const response=await fetch(`https://ynrg86u82c.execute-api.ap-northeast-1.amazonaws.com/prod/wine?${searchParams}`);if(!response.ok){const data2=await response.json();throw console.error(data2),new Error(`API\u30A8\u30E9\u30FC\u3002\u30B9\u30C6\u30FC\u30BF\u30B9\u30B3\u30FC\u30C9: ${response.status}`)}return await response.json()}catch(error){throw console.error("\u30EF\u30A4\u30F3\u691C\u7D22API\u306E\u901A\u4FE1\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002"),error}}function sortResponseByIds(idArray,response){if(response.length===0)throw new Error("\u30EF\u30A4\u30F3\u306E\u60C5\u5831\u304C\u3042\u308A\u307E\u305B\u3093\u3002");const indexDict={};return idArray.forEach((id,index)=>{indexDict[id]=index}),response.sort((a,b)=>indexDict[a.item_cd]-indexDict[b.item_cd]),response}function createView(wineList){const mainContainer=document.getElementById("recently_viewed_history"),titleWrap=document.createElement("div");titleWrap.classList.add("recently-viewed__title-wrap"),mainContainer.appendChild(titleWrap);const title=document.createElement("h1");title.classList.add("recently-viewed__title"),title.textContent="\u6700\u8FD1\u95B2\u89A7\u3057\u305F\u5546\u54C1",titleWrap.appendChild(title);const containerWrap=document.createElement("div");containerWrap.classList.add("recently-viewed__container-wrap"),mainContainer.appendChild(containerWrap);const container=document.createElement("div");container.classList.add("recently-viewed__container","swiper"),containerWrap.appendChild(container);const swiperWrapper=document.createElement("div");swiperWrapper.id="recently-viewed__swiper-wrapper",swiperWrapper.classList.add("swiper-wrapper","recently-viewed__container-swiper-wrapper"),container.appendChild(swiperWrapper);for(const wine of wineList)swiperWrapper.appendChild(createRecentlyViewedCard(wine));const prevSwiperButton=document.createElement("div");prevSwiperButton.classList.add("swiper-button-prev"),prevSwiperButton.textContent=`
`,container.appendChild(prevSwiperButton);const nextSwiperButton=document.createElement("div");nextSwiperButton.classList.add("swiper-button-next"),nextSwiperButton.textContent=`
`,container.appendChild(nextSwiperButton),createSwiper()}function createSwiper(){const recentlyViewSwiper=new Swiper(".recently-viewed__container",{slidesPerView:"auto",spaceBetween:20,cssMode:!0,centeredSlides:!0,centeredSlidesBounds:!0,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev",enabled:!1},breakpoints:{800:{navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev",enabled:!0}}}});document.getElementsByClassName("recently-viewed__square").length<=3&&document.querySelectorAll(".recently-viewed__container-swiper-wrapper ~ div").forEach(e=>{e.style.display="none"})}function createRecentlyViewedCard(wine){const splittedTasteClassCd=splitTasteClassCd(wine.taste_class_cd),flagImageUrl=getNationalFlagImage(wine.origin_country_name),wineCard=document.createElement("div");return wineCard.classList.add("recently-viewed__square","swiper-slide"),wineCard.insertAdjacentHTML("afterbegin",`
      <div class="recently-viewed__header">
        <div class="recently-viewed__type-information" style="background-color: var(--colorKarte${wine.taste_class_cd});">
          <p class="recently-viewed__taste-class-name">
          ${wine.taste_class_name}<br>${wine.item_class_name}
          </p>
        </div>
      </div>
      <div class="recently-viewed__body">
        <img
        src="${wine.image_path??"https://cdn.shopify.com/s/files/1/0590/1284/1627/files/icon_noimage_bottle.svg?v=1639622540"}"
        class="recently-viewed__img"
        alt=""
        onerror="this.src ='https://cdn.shopify.com/s/files/1/0590/1284/1627/files/icon_noimage_bottle.svg?v=1639622540'"
        >
        <div class="recently-viewed__circle">
          <span class="recently-viewed__code-alphabet">${splittedTasteClassCd[1]}</span>
          <span class="recently-viewed__code-number">${splittedTasteClassCd[2]}</span>
        </div>
        <p class="recently-viewed__product-title-information">
          <a href="/products/${wine.item_cd}" class="recently-viewed__product-title-information-link">
          ${wine.display_name} ${wine.vintage??""}
          </a>
        </p>
        <div class="recently-viewed__country-name-wrap">
          <div  class="recently-viewed__flag-img-wrap">
            <img
            class="recently-viewed__flag-img"
            src="${flagImageUrl}"
            width="150"
            height="150"
            alt=""
            >
          </div>
          <div class="recently-viewed__country-name">
            ${wine.origin_country_name}
            ${wine?.origin_area_list[0]?.origin_area_name??""}
            ${wine?.origin_area_list[1]?.origin_area_name??""}
            ${wine?.origin_area_list[2]?.origin_area_name??""}
          </div>
        </div>

        <div class="recently-viewed__sales-price">
          <p class="recently-viewed__sales-information">
            <span class="recently-viewed__product-price">${wine.retail_price.toLocaleString()}</span>
            <span class="recently-viewed__product-price-unit">\u5186</span>
            <span class="recently-viewed__product-price-tax">(\u7A0E\u8FBC)</span>
          </p>
        </div>
      </div>
    `),wineCard}
//# sourceMappingURL=/cdn/shop/t/40/assets/home_recently_viewed.js.map