@magento/venia-pwa-live-search 1.0.0-alpha6

package/src/i18n/sv_SE.js

@@ -0,0 +1,60 @@
+/*
+Copyright 2024 Adobe
+All Rights Reserved.
+
+NOTICE: Adobe permits you to use, modify, and distribute this file in
+accordance with the terms of the Adobe license agreement accompanying
+it.
+*/
+
+export const sv_SE = {
+    Filter: {
+        title: 'Filter',
+        showTitle: 'Visa filter',
+        hideTitle: 'Dölj filter',
+        clearAll: 'Rensa allt'
+    },
+    InputButtonGroup: {
+        title: 'Kategorier',
+        price: 'Pris',
+        customPrice: 'Anpassat pris',
+        priceIncluded: 'ja',
+        priceExcluded: 'nej',
+        priceExcludedMessage: 'Inte {title}',
+        priceRange: ' eller mer',
+        showmore: 'Visa mer'
+    },
+    Loading: {
+        title: 'Läser in'
+    },
+    NoResults: {
+        heading: 'Inga sökresultat.',
+        subheading: 'Försök igen …'
+    },
+    SortDropdown: {
+        title: 'Sortera på',
+        option: 'Sortera på: {selectedOption}',
+        relevanceLabel: 'Mest relevant',
+        positionLabel: 'Position'
+    },
+    CategoryFilters: {
+        results: 'resultat för {phrase}',
+        products: '{totalCount} produkter'
+    },
+    ProductCard: {
+        asLowAs: 'Så lite som {discountPrice}',
+        startingAt: 'Från {productPrice}',
+        bundlePrice: 'Från {fromBundlePrice} till {toBundlePrice}',
+        from: 'Från {productPrice}'
+    },
+    ProductContainers: {
+        minquery:
+            'Din sökterm {variables.phrase} har inte nått upp till minimiantalet tecken, {minQueryLength}.',
+        noresults: 'Sökningen gav inget resultat.',
+        pagePicker: 'Visa {pageSize} per sida',
+        showAll: 'alla'
+    },
+    SearchBar: {
+        placeholder: 'Sök …'
+    }
+};

package/src/i18n/th_TH.js

@@ -0,0 +1,60 @@
+/*
+Copyright 2024 Adobe
+All Rights Reserved.
+
+NOTICE: Adobe permits you to use, modify, and distribute this file in
+accordance with the terms of the Adobe license agreement accompanying
+it.
+*/
+
+export const th_TH = {
+    Filter: {
+        title: 'ตัวกรอง',
+        showTitle: 'แสดงตัวกรอง',
+        hideTitle: 'ซ่อนตัวกรอง',
+        clearAll: 'ล้างทั้งหมด'
+    },
+    InputButtonGroup: {
+        title: 'หมวดหมู่',
+        price: 'ราคา',
+        customPrice: 'ปรับแต่งราคา',
+        priceIncluded: 'ใช่',
+        priceExcluded: 'ไม่',
+        priceExcludedMessage: 'ไม่ใช่ {title}',
+        priceRange: ' และสูงกว่า',
+        showmore: 'แสดงมากขึ้น'
+    },
+    Loading: {
+        title: 'กำลังโหลด'
+    },
+    NoResults: {
+        heading: 'ไม่มีผลลัพธ์สำหรับการค้นหาของคุณ',
+        subheading: 'โปรดลองอีกครั้ง...'
+    },
+    SortDropdown: {
+        title: 'เรียงตาม',
+        option: 'เรียงตาม: {selectedOption}',
+        relevanceLabel: 'เกี่ยวข้องมากที่สุด',
+        positionLabel: 'ตำแหน่ง'
+    },
+    CategoryFilters: {
+        results: 'ผลลัพธ์สำหรับ {phrase}',
+        products: '{totalCount} ผลิตภัณฑ์'
+    },
+    ProductCard: {
+        asLowAs: 'ต่ำสุดที่ {discountPrice}',
+        startingAt: 'เริ่มต้นที่ {productPrice}',
+        bundlePrice: 'ตั้งแต่ {fromBundlePrice} ถึง {toBundlePrice}',
+        from: 'ตั้งแต่ {productPrice}'
+    },
+    ProductContainers: {
+        minquery:
+            'คำว่า {variables.phrase} ที่คุณใช้ค้นหายังมีจำนวนอักขระไม่ถึงจำนวนขั้นต่ำ {minQueryLength} อักขระ',
+        noresults: 'การค้นหาของคุณไม่มีผลลัพธ์',
+        pagePicker: 'แสดง {pageSize} ต่อหน้า',
+        showAll: 'ทั้งหมด'
+    },
+    SearchBar: {
+        placeholder: 'ค้นหา...'
+    }
+};

package/src/i18n/tr_TR.js

@@ -0,0 +1,60 @@
+/*
+Copyright 2024 Adobe
+All Rights Reserved.
+
+NOTICE: Adobe permits you to use, modify, and distribute this file in
+accordance with the terms of the Adobe license agreement accompanying
+it.
+*/
+
+export const tr_TR = {
+    Filter: {
+        title: 'Filtreler',
+        showTitle: 'Filtreleri göster',
+        hideTitle: 'Filtreleri gizle',
+        clearAll: 'Tümünü temizle'
+    },
+    InputButtonGroup: {
+        title: 'Kategoriler',
+        price: 'Fiyat',
+        customPrice: 'Özel Fiyat',
+        priceIncluded: 'evet',
+        priceExcluded: 'hayır',
+        priceExcludedMessage: 'Hariç: {title}',
+        priceRange: ' ve üzeri',
+        showmore: 'Diğerlerini göster'
+    },
+    Loading: {
+        title: 'Yükleniyor'
+    },
+    NoResults: {
+        heading: 'Aramanız hiç sonuç döndürmedi',
+        subheading: 'Lütfen tekrar deneyin...'
+    },
+    SortDropdown: {
+        title: 'Sırala',
+        option: 'Sıralama ölçütü: {selectedOption}',
+        relevanceLabel: 'En Çok İlişkili',
+        positionLabel: 'Konum'
+    },
+    CategoryFilters: {
+        results: '{phrase} için sonuçlar',
+        products: '{totalCount} ürün'
+    },
+    ProductCard: {
+        asLowAs: 'En düşük: {discountPrice}',
+        startingAt: 'Başlangıç fiyatı: {productPrice}',
+        bundlePrice: '{fromBundlePrice} - {toBundlePrice} arası',
+        from: 'Başlangıç: {productPrice}'
+    },
+    ProductContainers: {
+        minquery:
+            'Arama teriminiz ({variables.phrase}) minimum {minQueryLength} karakter sınırlamasından daha kısa.',
+        noresults: 'Aramanız hiç sonuç döndürmedi.',
+        pagePicker: 'Sayfa başına {pageSize} göster',
+        showAll: 'tümü'
+    },
+    SearchBar: {
+        placeholder: 'Ara...'
+    }
+};

package/src/i18n/zh_Hans_CN.js

@@ -0,0 +1,60 @@
+/*
+Copyright 2024 Adobe
+All Rights Reserved.
+
+NOTICE: Adobe permits you to use, modify, and distribute this file in
+accordance with the terms of the Adobe license agreement accompanying
+it.
+*/
+
+export const zh_Hans_CN = {
+    Filter: {
+        title: '筛选条件',
+        showTitle: '显示筛选条件',
+        hideTitle: '隐藏筛选条件',
+        clearAll: '全部清除'
+    },
+    InputButtonGroup: {
+        title: '类别',
+        price: '价格',
+        customPrice: '自定义价格',
+        priceIncluded: '是',
+        priceExcluded: '否',
+        priceExcludedMessage: '不是 {title}',
+        priceRange: ' 及以上',
+        showmore: '显示更多'
+    },
+    Loading: {
+        title: '正在加载'
+    },
+    NoResults: {
+        heading: '无搜索结果。',
+        subheading: '请重试...'
+    },
+    SortDropdown: {
+        title: '排序依据',
+        option: '排序依据：{selectedOption}',
+        relevanceLabel: '最相关',
+        positionLabel: '位置'
+    },
+    CategoryFilters: {
+        results: '{phrase} 的结果',
+        products: '{totalCount} 个产品'
+    },
+    ProductCard: {
+        asLowAs: '低至 {discountPrice}',
+        startingAt: '起价为 {productPrice}',
+        bundlePrice: '从 {fromBundlePrice} 到 {toBundlePrice}',
+        from: '从 {productPrice} 起'
+    },
+    ProductContainers: {
+        minquery:
+            '您的搜索词 {variables.phrase} 尚未达到最少 {minQueryLength} 个字符这一要求。',
+        noresults: '您的搜索未返回任何结果。',
+        pagePicker: '每页显示 {pageSize} 项',
+        showAll: '全部'
+    },
+    SearchBar: {
+        placeholder: '搜索...'
+    }
+};

package/src/i18n/zh_Hant_TW.js

@@ -0,0 +1,60 @@
+/*
+Copyright 2024 Adobe
+All Rights Reserved.
+
+NOTICE: Adobe permits you to use, modify, and distribute this file in
+accordance with the terms of the Adobe license agreement accompanying
+it.
+*/
+
+export const zh_Hant_TW = {
+    Filter: {
+        title: '篩選器',
+        showTitle: '顯示篩選器',
+        hideTitle: '隱藏篩選器',
+        clearAll: '全部清除'
+    },
+    InputButtonGroup: {
+        title: '類別',
+        price: '價格',
+        customPrice: '自訂價格',
+        priceIncluded: '是',
+        priceExcluded: '否',
+        priceExcludedMessage: '不是 {title}',
+        priceRange: ' 以上',
+        showmore: '顯示更多'
+    },
+    Loading: {
+        title: '載入中'
+    },
+    NoResults: {
+        heading: '沒有符合搜尋的結果。',
+        subheading: '請再試一次…'
+    },
+    SortDropdown: {
+        title: '排序依據',
+        option: '排序方式：{selectedOption}',
+        relevanceLabel: '最相關',
+        positionLabel: '位置'
+    },
+    CategoryFilters: {
+        results: '{phrase} 的結果',
+        products: '{totalCount} 個產品'
+    },
+    ProductCard: {
+        asLowAs: '低至 {discountPrice}',
+        startingAt: '起價為 {productPrice}',
+        bundlePrice: '從 {fromBundlePrice} 到 {toBundlePrice}',
+        from: '起價為 {productPrice}'
+    },
+    ProductContainers: {
+        minquery:
+            '您的搜尋字詞 {variables.phrase} 未達到最少 {minQueryLength} 個字元。',
+        noresults: '您的搜尋未傳回任何結果。',
+        pagePicker: '顯示每頁 {pageSize}',
+        showAll: '全部'
+    },
+    SearchBar: {
+        placeholder: '搜尋…'
+    }
+};

package/src/icons/NoImage.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 74"><path d="M26,85H70a8.009,8.009,0,0,0,8-8V29.941a7.947,7.947,0,0,0-2.343-5.657L64.716,13.343A7.946,7.946,0,0,0,59.059,11H26a8.009,8.009,0,0,0-8,8V77a8.009,8.009,0,0,0,8,8ZM20,19a6.007,6.007,0,0,1,6-6H59.059A5.96,5.96,0,0,1,63.3,14.757L74.242,25.7A5.96,5.96,0,0,1,76,29.941V77a6.007,6.007,0,0,1-6,6H26a6.007,6.007,0,0,1-6-6Zm6.614,51.06h0L68,69.98a.75.75,0,0,0,.545-1.263L57.67,57.129a1.99,1.99,0,0,0-2.808-.028L51.6,60.467l-.024.026-7.087-7.543a1.73,1.73,0,0,0-1.229-.535,1.765,1.765,0,0,0-1.249.5L26.084,68.778a.75.75,0,0,0,.529,1.281Zm26.061-8.548,3.252-3.354a.333.333,0,0,1,.332-.123.463.463,0,0,1,.324.126L66.27,68.484l-7.177.014-6.5-6.916a.735.735,0,0,0,.078-.071Zm-9.611-7.526a.235.235,0,0,1,.168-.069.212.212,0,0,1,.168.068L57.039,68.5l-28.606.055Zm20.05-.43h.079a5.087,5.087,0,0,0,3.583-1.47,5.146,5.146,0,1,0-7.279-.109,5.089,5.089,0,0,0,3.617,1.579Zm-2.456-7.839a3.6,3.6,0,0,1,2.534-1.042h.056a3.7,3.7,0,0,1,2.478,6.34,3.51,3.51,0,0,1-2.589,1.041,3.6,3.6,0,0,1-2.557-1.118,3.715,3.715,0,0,1,.079-5.221Z" transform="translate(-18 -11)" fill="#8e8e8e"/></svg>

package/src/icons/adjustments.svg

@@ -0,0 +1,3 @@
+<svg className="w-6 h-6 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="black">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75"/>
+</svg>

package/src/icons/cart.svg

@@ -0,0 +1,3 @@
+<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9002 18.2899H18.6502V16.7899H17.9002V18.2899ZM6.13016 17.5399L5.38475 17.6228C5.42698 18.0026 5.74801 18.2899 6.13016 18.2899V17.5399ZM4.34016 1.43994L5.08556 1.35707C5.04334 0.977265 4.7223 0.689941 4.34016 0.689941V1.43994ZM1.66016 0.689941H0.910156V2.18994H1.66016V0.689941ZM21.3402 6.80996L22.0856 6.89324C22.1077 6.69506 22.05 6.49622 21.9253 6.34067C21.8005 6.18512 21.6189 6.08566 21.4206 6.06428L21.3402 6.80996ZM20.5402 13.97V14.72C20.9222 14.72 21.2432 14.4329 21.2856 14.0532L20.5402 13.97ZM6.30029 19.0499C6.30029 19.4641 5.96451 19.7999 5.55029 19.7999V21.2999C6.79293 21.2999 7.80029 20.2926 7.80029 19.0499H6.30029ZM5.55029 19.7999C5.13608 19.7999 4.80029 19.4641 4.80029 19.0499H3.30029C3.30029 20.2926 4.30765 21.2999 5.55029 21.2999V19.7999ZM4.80029 19.0499C4.80029 18.6357 5.13608 18.2999 5.55029 18.2999V16.7999C4.30765 16.7999 3.30029 17.8073 3.30029 19.0499H4.80029ZM5.55029 18.2999C5.96451 18.2999 6.30029 18.6357 6.30029 19.0499H7.80029C7.80029 17.8073 6.79293 16.7999 5.55029 16.7999V18.2999ZM19.3003 19.0499C19.3003 19.4641 18.9645 19.7999 18.5503 19.7999V21.2999C19.7929 21.2999 20.8003 20.2926 20.8003 19.0499H19.3003ZM18.5503 19.7999C18.1361 19.7999 17.8003 19.4641 17.8003 19.0499H16.3003C16.3003 20.2926 17.3077 21.2999 18.5503 21.2999V19.7999ZM17.8003 19.0499C17.8003 18.6357 18.1361 18.2999 18.5503 18.2999V16.7999C17.3077 16.7999 16.3003 17.8073 16.3003 19.0499H17.8003ZM18.5503 18.2999C18.9645 18.2999 19.3003 18.6357 19.3003 19.0499H20.8003C20.8003 17.8073 19.7929 16.7999 18.5503 16.7999V18.2999ZM17.9002 16.7899H6.13016V18.2899H17.9002V16.7899ZM6.87556 17.4571L5.08556 1.35707L3.59475 1.52282L5.38475 17.6228L6.87556 17.4571ZM4.34016 0.689941H1.66016V2.18994H4.34016V0.689941ZM4.65983 5.76564L21.2598 7.55564L21.4206 6.06428L4.82064 4.27428L4.65983 5.76564ZM20.5949 6.72668L19.7949 13.8867L21.2856 14.0532L22.0856 6.89324L20.5949 6.72668ZM20.5402 13.22H5.74023V14.72H20.5402V13.22Z" fill="white"/>
+</svg>

package/src/icons/checkmark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
+</svg>

package/src/icons/chevron.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.122 5.121" stroke="currentColor">
+  <path id="chevron" d="M199.75,367.5l3,3,3-3" transform="translate(-198.689 -366.435)" fill="none" />
+</svg>

package/src/icons/emptyHeart.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
+</svg>

package/src/icons/error.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+</svg>

package/src/icons/filledHeart.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
+</svg>

package/src/icons/filter.svg

@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.5 16">
+  <g id="Group_173236" data-name="Group 173236" transform="translate(-31.25)">
+    <rect id="area" width="16" height="16" transform="translate(32)" fill="none" opacity="0.3" />
+    <g id="filters" transform="translate(32 0.75)">
+      <line id="Line_737" data-name="Line 737" x2="10.07" transform="translate(5.93 7.11)" fill="none" stroke="#4b4b4b"
+        stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_738" data-name="Line 738" x2="2.37" transform="translate(0 7.11)" fill="none" stroke="#4b4b4b"
+        stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_739" data-name="Line 739" x2="2.37" transform="translate(13.63 1.777)" fill="none" stroke="#4b4b4b"
+        stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_740" data-name="Line 740" x2="10.07" transform="translate(0 1.777)" fill="none" stroke="#4b4b4b"
+        stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_741" data-name="Line 741" x2="10.07" transform="translate(0 12.443)" fill="none" stroke="#4b4b4b"
+        stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_742" data-name="Line 742" x2="2.37" transform="translate(13.63 12.443)" fill="none"
+        stroke="#4b4b4b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+      <path id="Path_38507" data-name="Path 38507"
+        d="M6.676,2.528A1.778,1.778,0,1,1,4.9.75,1.778,1.778,0,0,1,6.676,2.528Z" transform="translate(6.95 -0.75)"
+        fill="none" stroke="#4b4b4b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+      <path id="Path_38508" data-name="Path 38508"
+        d="M14.379,7.861A1.778,1.778,0,1,1,12.6,6.084,1.778,1.778,0,0,1,14.379,7.861Z"
+        transform="translate(-8.453 -0.75)" fill="none" stroke="#4b4b4b" stroke-linecap="round" stroke-linejoin="round"
+        stroke-width="1.5" />
+      <path id="Path_38509" data-name="Path 38509"
+        d="M6.676,13.194A1.778,1.778,0,1,1,4.9,11.417,1.778,1.778,0,0,1,6.676,13.194Z" transform="translate(6.95 -0.75)"
+        fill="none" stroke="#4b4b4b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+    </g>
+  </g>
+</svg>

package/src/icons/gridView.svg

@@ -0,0 +1,11 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.75 1.25H2.25C1.69772 1.25 1.25 1.69772 1.25 2.25V3.75C1.25 4.30228 1.69772 4.75 2.25 4.75H3.75C4.30228 4.75 4.75 4.30228 4.75 3.75V2.25C4.75 1.69772 4.30228 1.25 3.75 1.25Z" fill="#222222"/>
+<path d="M9.75 1.25H8.25C7.69772 1.25 7.25 1.69772 7.25 2.25V3.75C7.25 4.30228 7.69772 4.75 8.25 4.75H9.75C10.3023 4.75 10.75 4.30228 10.75 3.75V2.25C10.75 1.69772 10.3023 1.25 9.75 1.25Z" fill="#222222"/>
+<path d="M15.75 1.25H14.25C13.6977 1.25 13.25 1.69772 13.25 2.25V3.75C13.25 4.30228 13.6977 4.75 14.25 4.75H15.75C16.3023 4.75 16.75 4.30228 16.75 3.75V2.25C16.75 1.69772 16.3023 1.25 15.75 1.25Z" fill="#222222"/>
+<path d="M3.75 7.25H2.25C1.69772 7.25 1.25 7.69772 1.25 8.25V9.75C1.25 10.3023 1.69772 10.75 2.25 10.75H3.75C4.30228 10.75 4.75 10.3023 4.75 9.75V8.25C4.75 7.69772 4.30228 7.25 3.75 7.25Z" fill="#222222"/>
+<path d="M9.75 7.25H8.25C7.69772 7.25 7.25 7.69772 7.25 8.25V9.75C7.25 10.3023 7.69772 10.75 8.25 10.75H9.75C10.3023 10.75 10.75 10.3023 10.75 9.75V8.25C10.75 7.69772 10.3023 7.25 9.75 7.25Z" fill="#222222"/>
+<path d="M15.75 7.25H14.25C13.6977 7.25 13.25 7.69772 13.25 8.25V9.75C13.25 10.3023 13.6977 10.75 14.25 10.75H15.75C16.3023 10.75 16.75 10.3023 16.75 9.75V8.25C16.75 7.69772 16.3023 7.25 15.75 7.25Z" fill="#222222"/>
+<path d="M3.75 13.25H2.25C1.69772 13.25 1.25 13.6977 1.25 14.25V15.75C1.25 16.3023 1.69772 16.75 2.25 16.75H3.75C4.30228 16.75 4.75 16.3023 4.75 15.75V14.25C4.75 13.6977 4.30228 13.25 3.75 13.25Z" fill="#222222"/>
+<path d="M9.75 13.25H8.25C7.69772 13.25 7.25 13.6977 7.25 14.25V15.75C7.25 16.3023 7.69772 16.75 8.25 16.75H9.75C10.3023 16.75 10.75 16.3023 10.75 15.75V14.25C10.75 13.6977 10.3023 13.25 9.75 13.25Z" fill="#222222"/>
+<path d="M15.75 13.25H14.25C13.6977 13.25 13.25 13.6977 13.25 14.25V15.75C13.25 16.3023 13.6977 16.75 14.25 16.75H15.75C16.3023 16.75 16.75 16.3023 16.75 15.75V14.25C16.75 13.6977 16.3023 13.25 15.75 13.25Z" fill="#222222"/>
+</svg>

package/src/icons/info.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+</svg>

package/src/icons/listView.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5 4H3.5C3.22386 4 3 4.22386 3 4.5V5.5C3 5.77614 3.22386 6 3.5 6H14.5C14.7761 6 15 5.77614 15 5.5V4.5C15 4.22386 14.7761 4 14.5 4Z" fill="#222222"/>
+<path d="M14.5 8H3.5C3.22386 8 3 8.22386 3 8.5V9.5C3 9.77614 3.22386 10 3.5 10H14.5C14.7761 10 15 9.77614 15 9.5V8.5C15 8.22386 14.7761 8 14.5 8Z" fill="#222222"/>
+<path d="M14.5 12H3.5C3.22386 12 3 12.2239 3 12.5V13.5C3 13.7761 3.22386 14 3.5 14H14.5C14.7761 14 15 13.7761 15 13.5V12.5C15 12.2239 14.7761 12 14.5 12Z" fill="#222222"/>
+</svg>

package/src/icons/loading.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <circle className="opacity-50" cx="12" cy="12" r="10" fill="white" stroke="white" stroke-width="4"></circle>
+  <path
+    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
+  </path>
+</svg>

package/src/icons/plus.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fillRule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
+    clipRule="evenodd" />
+</svg>

package/src/icons/sort.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.158 16" stroke="currentColor">
+  <g id="icon-mini-sort" transform="translate(-4 -8)">
+    <rect id="Placement_area" data-name="Placement area" width="16" height="16" transform="translate(4 8)"
+      opacity="0.004" />
+    <g id="icon" transform="translate(-290.537 -358.082)">
+      <path id="Path_38562" data-name="Path 38562" d="M309.634,376.594l-1.5,1.5-1.5-1.5" stroke-linecap="round"
+        stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_510" data-name="Line 510" x2="6.833" transform="translate(295.537 373.59)" stroke-linecap="round"
+        stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_511" data-name="Line 511" x2="8.121" transform="translate(295.537 369.726)" stroke-linecap="round"
+        stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_511-2" data-name="Line 511" y2="9.017" transform="translate(308.13 369.082)" stroke-linecap="round"
+        stroke-linejoin="round" stroke-width="1.5" />
+      <line id="Line_512" data-name="Line 512" x2="5.545" transform="translate(295.537 377.455)" stroke-linecap="round"
+        stroke-linejoin="round" stroke-width="1.5" />
+    </g>
+  </g>
+</svg>

package/src/icons/warning.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-triangle-fill" viewBox="0 0 16 16">
+  <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>

package/src/icons/x.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
+  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
+</svg>

package/src/index.jsx

@@ -0,0 +1,65 @@
+/*
+Copyright 2024 Adobe
+All Rights Reserved.
+
+NOTICE: Adobe permits you to use, modify, and distribute this file in
+accordance with the terms of the Adobe license agreement accompanying
+it.
+*/
+
+//import { render } from 'react'; // Ensure we're using React
+import React from 'react';
+
+import './styles/index.css';
+
+import { getUserViewHistory } from '../src/utils/getUserViewHistory';
+import App from './containers/App';
+import {
+  AttributeMetadataProvider,
+  CartProvider,
+  ProductsContextProvider,
+  SearchProvider,
+  StoreContextProvider,
+} from './context/';
+import Resize from './context/displayChange';
+import Translation from './context/translation';
+import { validateStoreDetailsKeys } from './utils/validateStoreDetails';
+
+/**
+ * @param {{ storeDetails: object }} props
+ */
+const LiveSearchPLP = ({ storeDetails }) => {
+  if (!storeDetails) {
+    throw new Error("Livesearch PLP's storeDetails prop was not provided");
+  }
+
+  const userViewHistory = getUserViewHistory();
+
+  const updatedStoreDetails = {
+    ...storeDetails,
+    context: {
+      ...storeDetails.context,
+      userViewHistory,
+    },
+  };
+
+  return (
+    <StoreContextProvider {...validateStoreDetailsKeys(updatedStoreDetails)}>
+      <AttributeMetadataProvider>
+        <SearchProvider>
+          <Resize>
+            <Translation>
+              <ProductsContextProvider>
+                <CartProvider>
+                  <App />
+                </CartProvider>
+              </ProductsContextProvider>
+            </Translation>
+          </Resize>
+        </SearchProvider>
+      </AttributeMetadataProvider>
+    </StoreContextProvider>
+  );
+};
+
+export default LiveSearchPLP;

package/src/queries/customerGroupCode.gql.js

@@ -0,0 +1,10 @@
+import { gql } from '@apollo/client';
+
+export const GET_CUSTOMER_GROUP_CODE = gql`
+    query GetCustomerForLiveSearch {
+        customer {
+            id
+            group_code
+        }
+    }
+`;

package/src/queries/eventing/getMagentoExtensionContext.gql.js

@@ -0,0 +1,13 @@
+import { gql } from '@apollo/client';
+
+export const GET_MAGENTO_EXTENSION_CONTEXT = gql`
+    query magentoExtensionContext {
+        magentoExtensionContext: dataServicesMagentoExtensionContext {
+            magento_extension_version
+        }
+    }
+`;
+
+export default {
+    getMagentoExtensionContext: GET_MAGENTO_EXTENSION_CONTEXT
+};

package/src/queries/eventing/getPageType.gql.js

@@ -0,0 +1,14 @@
+import { gql } from '@apollo/client';
+
+export const RESOLVE_PAGE_TYPE = gql`
+    query ResolveURL($url: String!) {
+        urlResolver(url: $url) {
+            id
+            type
+        }
+    }
+`;
+
+export default {
+    resolvePagetypeQuery: RESOLVE_PAGE_TYPE
+};

package/src/queries/eventing/getStorefrontContext.gql.js

@@ -0,0 +1,27 @@
+import { gql } from '@apollo/client';
+
+export const GET_STOREFRONT_CONTEXT = gql`
+    query storefrontContext {
+        storefrontInstanceContext: dataServicesStorefrontInstanceContext {
+            catalog_extension_version
+            environment
+            environment_id
+            store_code
+            store_id
+            store_name
+            store_url
+            store_view_code
+            store_view_id
+            store_view_name
+            website_code
+            website_id
+            website_name
+            store_view_currency_code
+            base_currency_code
+        }
+    }
+`;
+
+export default {
+    getStorefrontContext: GET_STOREFRONT_CONTEXT
+};

package/src/queries/index.js

@@ -0,0 +1,3 @@
+export * from './customerGroupCode.gql';
+export * from './liveSearchPlpConfigs.gql';
+export * from './liveSearchPopoverConfigs.gql';

package/src/queries/liveSearchPlpConfigs.gql.js

@@ -0,0 +1,30 @@
+import { gql } from '@apollo/client';
+
+export const GET_STORE_CONFIG_FOR_PLP = gql`
+    query GetStoreConfigForLiveSearchPLP {
+        storeConfig {
+            id
+            ls_service_api_key
+            ls_environment_type
+            ls_environment_id
+            website_code
+            store_group_code
+            store_code
+            ls_autocomplete_limit
+            ls_min_query_length
+            #currency_symbol
+            base_currency_code
+            #currency_rate
+            ls_display_out_of_stock
+            ls_allow_all
+            ls_locale
+            ls_page_size_options
+            ls_page_size_default
+            base_url
+        }
+        currency {
+            default_display_currency_code
+            default_display_currency_symbol
+        }
+    }
+`;

package/src/queries/liveSearchPopoverConfigs.gql.js

@@ -0,0 +1,28 @@
+import { gql } from '@apollo/client';
+
+export const GET_STORE_CONFIG_FOR_LIVE_SEARCH_POPOVER = gql`
+    query GetStoreConfigForLiveSearchPopover {
+        storeConfig {
+            id
+            ls_environment_id
+            website_code
+            store_group_code
+            store_code
+            ls_autocomplete_limit
+            ls_min_query_length
+            #currency_symbol
+            base_currency_code
+            #currency_rate
+            ls_display_out_of_stock
+            ls_allow_all
+            ls_locale
+            ls_page_size_options
+            ls_page_size_default
+            base_url
+        }
+        currency {
+            default_display_currency_code
+            default_display_currency_symbol
+        }
+    }
+`;