wineater-bot 4.11.0 → 4.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wineater-bot",
-  "version": "4.11.0",
+  "version": "4.16.0",
   "description": "",
   "main": "dist/wineater-chatbot.mjs",
   "module": "src/index.js",

package/src/App.svelte

@@ -44,6 +44,9 @@
 	// должен повторять именно тот запрос, что дал текущие results.
 	let lastSearchedQuery = $state('');
 	let hasMore = $state(false);
+	// Всё, что уже показывали по текущему запросу — «Try again» заменяет выдачу,
+	// и без накопления повторный клик вернул бы те же вина.
+	let seenIds = $state<string[]>([]);
 	let appLanguage = $derived(appStore.getAppLanguage());
 	let storeLanguage = $derived(appStore.getStoreLanguage());
 	let apiKey = $derived(appStore.getApiKey());
@@ -138,6 +141,7 @@
 			results = [];
 			isAnimating = false;
 			hasMore = false;
+			seenIds = [];
 
 			query = searchQuery.trim() + ';';
 			lastSearchedQuery = query;
@@ -182,24 +186,40 @@
 
 	async function handleShowMore() {
 		if (isLoadingMore || !hasMore) return;
+		// Выдача заменяется целиком, поэтому держим предыдущую под рукой: если
+		// новых вин не нашлось или запрос упал, покупатель не должен остаться
+		// перед пустой сеткой.
+		const previousResults = results;
 		try {
 			isLoadingMore = true;
-			const excludeIds = results.map((w) => w.id);
+			isLoading = true;
+
+			// Карточки заменяются, а не дописываются, поэтому исключать надо всё
+			// показанное за сессию — иначе следующий клик вернёт те же вина.
+			seenIds = [...new Set([...seenIds, ...results.map((w) => w.id)])];
+
+			// Тот же жест, что и при поиске: карточки уезжают вверх, дальше лоадер
+			await animateClearAll(220);
+			results = [];
+			isAnimating = false;
+
 			const { recommendations, hasMore: more } = await wineaterApi.getMoreWineRecommendations(
 				lastSearchedQuery,
-				excludeIds
+				seenIds
 			);
 			trackWidgetEvent(WIDGET_EVENTS.SHOW_MORE_CLICKED, storeId, {
 				query: lastSearchedQuery,
 				results_count: recommendations.length
 			});
-			results = [...results, ...recommendations];
+			results = recommendations.length > 0 ? recommendations : previousResults;
 			hasMore = more;
 		} catch (error) {
-			console.error('[wineater] show more error:', error);
+			console.error('[wineater] try again error:', error);
+			results = previousResults;
 			hasMore = false;
 		} finally {
 			isLoadingMore = false;
+			isLoading = false;
 		}
 	}
 
@@ -406,7 +426,7 @@
 				{#if hasMore}
 					<div class="wr-App-showMore">
 						<Action handleClick={handleShowMore} variant="outlined">
-							{getTranslation({ key: 'showMore', lang: appLanguage })}
+							{getTranslation({ key: 'tryAgain', lang: appLanguage })}
 						</Action>
 					</div>
 				{/if}

package/src/components/WineTile.svelte

@@ -287,11 +287,37 @@
 		gap: 8px;
 	}
 
-	.wr-WineTile-action--similar {
-		font-size: 13px;
+	/* :global обязателен — класс уезжает внутрь <Action>, а скоуп Svelte
+	   действует только на разметку этого компонента, иначе правило отбрасывается
+	   как неиспользуемое. Цвет тот же, что у Buy; подчёркивание выезжает слева. */
+	:global(.wr-WineTile-action--similar) {
+		/* Заметно легче кнопки Buy (14px/500) — это вторичное действие, не кнопка */
+		font-size: 12px;
+		font-weight: 400;
 		color: var(--wr-brand-color, #7b2beb);
-		text-decoration: underline;
+		text-decoration: none;
+		background: transparent;
+		border: none;
 		padding: 0;
+		position: relative;
+	}
+
+	:global(.wr-WineTile-action--similar)::after {
+		content: '';
+		position: absolute;
+		left: 0;
+		bottom: -2px;
+		width: 100%;
+		height: 1px;
+		background-color: currentColor;
+		transform: scaleX(0);
+		transform-origin: left;
+		transition: transform 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
+	}
+
+	:global(.wr-WineTile-action--similar:hover)::after,
+	:global(.wr-WineTile-action--similar:focus-visible)::after {
+		transform: scaleX(1);
 	}
 
 	/* Hover popup inside tile */

package/src/services/i18n/translations.json

@@ -17,7 +17,7 @@
         "type": "Type",
         "reason": "Suggestion",
         "moreInfo": "Plus d'infos",
-        "showMore": "Plus de vins",
+        "tryAgain": "Réessayer",
         "similarWines": "Vins similaires",
         "byTheGlass": "Au verre",
         "winePairingIntro": "Pour ce vin, voici quelques suggestions de plats :",
@@ -83,7 +83,7 @@
         "type": "Tipo",
         "reason": "Sugerencia",
         "moreInfo": "Más info",
-        "showMore": "Ver más",
+        "tryAgain": "Probar otra vez",
         "similarWines": "Vinos similares",
         "byTheGlass": "Por copa",
         "winePairingIntro": "Para este vino, aquí tienes algunas sugerencias de platos:",
@@ -149,7 +149,7 @@
         "type": "Type",
         "reason": "Suggestion",
         "moreInfo": "More info",
-        "showMore": "Show more",
+        "tryAgain": "Try again",
         "similarWines": "Similar wines",
         "byTheGlass": "By the glass",
         "winePairingIntro": "For this wine, here are some suggested dishes:",
@@ -215,7 +215,7 @@
         "type": "Tip",
         "reason": "Preporuka",
         "moreInfo": "Više informacija",
-        "showMore": "Prikaži još",
+        "tryAgain": "Pokušaj ponovo",
         "similarWines": "Slična vina",
         "byTheGlass": "Na čašu",
         "winePairingIntro": "Za ovo vino, preporučuju se sledeća jela:",
@@ -281,7 +281,7 @@
         "type": "Typ",
         "reason": "Anregung",
         "moreInfo": "Mehr Info",
-        "showMore": "Mehr anzeigen",
+        "tryAgain": "Nochmal versuchen",
         "similarWines": "Ähnliche Weine",
         "byTheGlass": "Glasweise",
         "winePairingIntro": "Für diesen Wein gibt es folgende Essensvorschläge:",
@@ -346,7 +346,7 @@
         "type": "Тип",
         "reason": "Рекомендація",
         "moreInfo": "Докладніше",
-        "showMore": "Показати ще",
+        "tryAgain": "Спробувати ще",
         "similarWines": "Схожі вина",
         "byTheGlass": "На келих",
         "winePairingIntro": "До цього вина підходять такі страви:",
@@ -412,7 +412,7 @@
         "type": "Тип",
         "reason": "Рекомендация",
         "moreInfo": "Подробнее",
-        "showMore": "Ещё варианты",
+        "tryAgain": "Попробовать ещё",
         "similarWines": "Похожие вина",
         "byTheGlass": "По бокалам",
         "winePairingIntro": "К этому вину подходят следующие блюда:",
@@ -478,7 +478,7 @@
         "type": "Түрі",
         "reason": "Ұсыныс",
         "moreInfo": "Толығырақ",
-        "showMore": "Тағы көрсету",
+        "tryAgain": "Қайта көру",
         "similarWines": "Ұқсас шараптар",
         "byTheGlass": "Бокалмен",
         "winePairingIntro": "Бұл шарапқа келесі тағамдар сәйкес келеді:",
@@ -544,7 +544,7 @@
         "type": "Tipo",
         "reason": "Sugestão",
         "moreInfo": "Mais informações",
-        "showMore": "Mostrar mais",
+        "tryAgain": "Tentar de novo",
         "similarWines": "Vinhos semelhantes",
         "byTheGlass": "Por taça",
         "winePairingIntro": "Para este vinho, aqui estão algumas sugestões de pratos:",

package/src/services/ui-config/projects-config.ts

@@ -124,7 +124,7 @@ export const projectConfigs: Record<string, ProjectUiConfig> = {
         logoUrl: null,
         brandColor: "#8bae98",
         wineaterColor: "#8bae98",
-        titleText: "Looking for the perfect bottle? Ask our AI Sommelier for personalised recommendations, whatever the meal, mood or occasion.",
+        titleText: "Looking for the perfect bottle? Ask our AI Wine Geek for personalised recommendations, whatever the meal, mood or occasion.",
         customCss: `
             @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap');
             :root { --wineater-font-primary: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; }

package/src/services/ui-config/projects-config 2.ts

@@ -1,72 +0,0 @@
-import type { ProjectUiConfig } from "./types";
-
-export const projectConfigs: Record<string, ProjectUiConfig> = {
-    "0": {
-        logoUrl: null,
-        brandColor: "#7B2BEB",
-    },
-    "25": {
-        logoUrl: null,
-        brandColor: "#000000",
-        wineaterColor: "#000000",
-        buttonUppercase: true,
-        customCss: `
-            @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
-            :root { --wineater-font-primary: 'Roboto', sans-serif; }
-            #wr-Custom {
-                .wr-Search-input {
-                    border-color: #7c7c7c;
-                    color: #7c7c7c;
-                }                
-                .wr-Search-button:hover {
-                    background: #E3BE8D;
-                    opacity: 1;
-                }
-
-                .wr-WineTile-params {
-                    color: #7c7c7c;
-                }
-
-                .wr-WineTilePopup-reason {
-                    color: #000000;
-                }
-                .wr-WineTilePopup-tag {
-                    color: #000000;
-                    background: rgba(239,239,239,0.7);
-                    border-color: transparent;
-                }
-
-                .wr-WineTile-action {
-                    background: transparent;
-                }
-
-                .wr-WineTile-action:hover {
-                    background: #000000;
-                    color: #ffffff;
-                    box-shadow: none;
-                }
-            }
-        `,
-        translations: {
-            fr: {
-                "wineDetails.buy": "voir plus"
-            }
-        }
-    },
-    "21": {
-        logoUrl: "https://www.intermarche.com/images/logoIntermarche.svg",
-        brandColor: "#B81242",
-        wineaterColor: "#7B2BEB",
-        buttonUppercase: true,
-        customCss: "",
-        translations: {}
-    },
-    "26": {
-        logoUrl: "https://paladarlondon.com/wp-content/uploads/2021/05/cropped-cropped-Paladar-Logo-1473x464-min-768x219.png",
-        brandColor: "#B81242",
-        wineaterColor: "#7B2BEB",
-        buttonUppercase: true,
-        customCss: "",
-        translations: {}
-    }
-};