feat: udpate customFilters and latest publications sections

OliwierSellig · OliwierSellig · commit 8cad9ec155a9 · 2025-12-22T14:31:58.000+01:00
diff --git a/apps/studio/components/custom-filters-config/custom-filters-config-view.tsx b/apps/studio/components/custom-filters-config/custom-filters-config-view.tsx
@@ -31,7 +31,6 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import type { SanityDocument } from "sanity";
 import { useClient } from "sanity";
 
-import { computeFilterKeys } from "../../utils/denormalize-product";
 import { SortableFilterItem } from "../custom-filters-config/filter-item";
 import type { FilterConfigItem, RangeFilterStats } from "./types";
 
@@ -411,20 +410,13 @@ export function CustomFiltersConfigView({
         // Check if we're working with a draft or need to create one
         const isCurrentlyDraft = currentProduct._id.startsWith("drafts.");
 
-        // Compute denormalized filter keys for dropdown filters
-        const denormFilterKeys = computeFilterKeys(newFilterValues);
-
         if (isCurrentlyDraft) {
           // Draft exists - just patch it
           await client
             .patch(draftProductId)
             .set({
               customFilterValues:
                 newFilterValues.length > 0 ? newFilterValues : [],
-              // Update denormalized filter keys
-              denormFilterKeys:
-                denormFilterKeys.length > 0 ? denormFilterKeys : [],
-              denormLastSync: new Date().toISOString(),
             })
             .commit();
         } else {
@@ -440,14 +432,11 @@ export function CustomFiltersConfigView({
             _id: draftProductId,
           });
 
-          // Patch the customFilterValues and denormalized filter keys
+          // Patch the customFilterValues
           transaction.patch(draftProductId, (patch) =>
             patch.set({
               customFilterValues:
                 newFilterValues.length > 0 ? newFilterValues : [],
-              denormFilterKeys:
-                denormFilterKeys.length > 0 ? denormFilterKeys : [],
-              denormLastSync: new Date().toISOString(),
             }),
           );
 
diff --git a/apps/studio/schemaTypes/blocks/featured-products.ts b/apps/studio/schemaTypes/blocks/featured-products.ts
@@ -38,11 +38,28 @@ export const featuredProducts = defineType({
       description: "Główny przycisk wezwania do działania sekcji",
       validation: (Rule) => Rule.required().error("Przycisk CTA jest wymagany"),
     }),
+    defineField({
+      name: "newProductsMode",
+      title: "Tryb wyboru nowych produktów",
+      type: "string",
+      description:
+        "Wybierz, czy automatycznie pobrać 10 najnowszych produktów, czy wybrać ręcznie",
+      options: {
+        list: [
+          { title: "Automatycznie (10 najnowszych)", value: "automatic" },
+          { title: "Ręcznie wybrane", value: "manual" },
+        ],
+        layout: "radio",
+      },
+      initialValue: "automatic",
+      validation: (Rule) => Rule.required(),
+    }),
     defineField({
       name: "newProducts",
       title: "Nowe produkty",
       type: "array",
       description: "Wybierz nowe produkty do wyświetlenia (3-8 elementów)",
+      hidden: ({ parent }) => parent?.newProductsMode !== "manual",
       of: [
         {
           type: "reference",
@@ -76,12 +93,19 @@ export const featuredProducts = defineType({
           },
         },
       ],
-      validation: (Rule) => [
-        Rule.min(3).error("Minimum 3 produkty"),
-        Rule.max(8).error("Maksimum 8 produktów"),
-        Rule.required().error("Produkty są wymagane"),
-        Rule.unique().error("Każdy produkt może być wybrany tylko raz"),
-      ],
+      validation: (Rule) =>
+        Rule.custom((value, context) => {
+          const parent = context.parent as { newProductsMode?: string };
+          if (parent?.newProductsMode === "manual") {
+            if (!value || !Array.isArray(value) || value.length < 3) {
+              return "Minimum 3 produkty są wymagane";
+            }
+            if (value.length > 8) {
+              return "Maksimum 8 produktów";
+            }
+          }
+          return true;
+        }),
     }),
     defineField({
       name: "bestsellers",
@@ -134,14 +158,18 @@ export const featuredProducts = defineType({
     select: {
       heading: "heading",
       description: "description",
+      newProductsMode: "newProductsMode",
+      newProductsCount: "newProducts",
     },
-    prepare: ({ heading, description }) => {
+    prepare: ({ heading, description, newProductsMode, newProductsCount }) => {
+      const modeLabel =
+        newProductsMode === "manual"
+          ? `Ręcznie (${Array.isArray(newProductsCount) ? newProductsCount.length : 0})`
+          : "Auto (10 najnowszych)";
+
       return {
         title,
-        subtitle:
-          toPlainText(heading) ||
-          toPlainText(description) ||
-          "Nowości i bestsellery",
+        subtitle: `${toPlainText(heading) || toPlainText(description) || "Nowości i bestsellery"} | Nowości: ${modeLabel}`,
         media: Speaker,
       };
     },
diff --git a/apps/studio/schemaTypes/blocks/featured-publications.ts b/apps/studio/schemaTypes/blocks/featured-publications.ts
@@ -21,12 +21,39 @@ export const featuredPublications = defineType({
         'Główny nagłówek sekcji wyróżnionych publikacji (np. "Wyróżnione publikacje")',
       type: "heading",
     }),
+    defineField({
+      name: "selectionMode",
+      title: "Tryb wyboru publikacji",
+      type: "string",
+      description:
+        "Wybierz sposób wyświetlania publikacji: automatycznie od najnowszej, od 2. najnowszej lub ręcznie wybrane",
+      options: {
+        list: [
+          {
+            title: "Najnowsze publikacje (od najnowszej)",
+            value: "latest",
+          },
+          {
+            title: "Najnowsze publikacje (od 2. najnowszej)",
+            value: "secondLatest",
+          },
+          {
+            title: "Ręcznie wybrane publikacje",
+            value: "manual",
+          },
+        ],
+        layout: "radio",
+      },
+      initialValue: "secondLatest",
+      validation: (Rule) => Rule.required().error("Tryb wyboru jest wymagany"),
+    }),
     defineField({
       name: "publications",
       title: "Wyróżnione publikacje",
       type: "array",
       description:
         "Wybierz publikacje do wyświetlenia w karuzeli (5-10 elementów). Produkty mogą być dodane tylko jeśli mają ustawiony obraz publikacji lub krótki opis.",
+      hidden: ({ parent }) => parent?.selectionMode !== "manual",
       of: [
         {
           type: "reference",
@@ -50,22 +77,40 @@ export const featuredPublications = defineType({
           },
         },
       ],
-      validation: (Rule) => [
-        Rule.min(5).error("Minimum 5 publikacji"),
-        Rule.max(10).error("Maksimum 10 publikacji"),
-        Rule.required().error("Publikacje są wymagane"),
-        Rule.unique().error("Każda publikacja może być wybrana tylko raz"),
-      ],
+      validation: (Rule) =>
+        Rule.custom((value, context) => {
+          const parent = context.parent as { selectionMode?: string };
+          if (parent?.selectionMode === "manual") {
+            if (!value || value.length === 0) {
+              return "Publikacje są wymagane w trybie ręcznego wyboru";
+            }
+            if (value.length < 5) {
+              return "Minimum 5 publikacji";
+            }
+            if (value.length > 10) {
+              return "Maksimum 10 publikacji";
+            }
+          }
+          return true;
+        }),
     }),
   ],
   preview: {
     select: {
       heading: "heading",
+      selectionMode: "selectionMode",
+      publicationsCount: "publications.length",
     },
-    prepare: ({ heading }) => {
+    prepare: ({ heading, selectionMode, publicationsCount }) => {
+      const modeLabels: Record<string, string> = {
+        latest: "Automatycznie: od najnowszej (20 publikacji)",
+        secondLatest: "Automatycznie: od 2. najnowszej (20 publikacji)",
+        manual: `Ręcznie: ${publicationsCount || 0} publikacji`,
+      };
+
       return {
         title,
-        subtitle: toPlainText(heading),
+        subtitle: `${toPlainText(heading) || "Brak nagłówka"} • ${modeLabels[selectionMode || "secondLatest"]}`,
         media: Highlighter,
       };
     },
diff --git a/apps/studio/schemaTypes/blocks/latest-publication.ts b/apps/studio/schemaTypes/blocks/latest-publication.ts
@@ -20,12 +20,28 @@ export const latestPublication = defineType({
       type: "heading",
       maxLength: 60,
     }),
+    defineField({
+      name: "selectionMode",
+      title: "Tryb wyboru publikacji",
+      type: "string",
+      description: "Wybierz, czy wyświetlić najnowszą publikację automatycznie, czy ręcznie wybraną",
+      options: {
+        list: [
+          { title: "Najnowsza publikacja (automatycznie)", value: "latest" },
+          { title: "Ręcznie wybrana publikacja", value: "manual" },
+        ],
+        layout: "radio",
+      },
+      initialValue: "latest",
+      validation: (Rule) => Rule.required().error("Tryb wyboru jest wymagany"),
+    }),
     defineField({
       name: "publication",
       title: "Wybierz publikację",
       type: "reference",
       description:
-        "Wybierz najnowszą publikację do wyświetlenia - może być to artykuł blogowy, recenzja lub produkt (z obrazem publikacji lub krótkim opisem)",
+        "Wybierz publikację do wyświetlenia - może być to artykuł blogowy, recenzja lub produkt (z obrazem publikacji lub krótkim opisem)",
+      hidden: ({ parent }) => parent?.selectionMode !== "manual",
       to: [{ type: "blog-article" }, { type: "review" }, { type: "product" }],
       options: {
         filter: `!(_id in path("drafts.**")) && (
@@ -34,21 +50,38 @@ export const latestPublication = defineType({
           defined(shortDescription))
         )`,
       },
-      validation: (Rule) => Rule.required().error("Publikacja jest wymagana"),
+      validation: (Rule) =>
+        Rule.custom((value, context) => {
+          const parent = context.parent as { selectionMode?: string };
+          if (parent?.selectionMode === "manual" && !value) {
+            return "Publikacja jest wymagana w trybie ręcznego wyboru";
+          }
+          return true;
+        }),
     }),
   ],
   preview: {
     select: {
       heading: "heading",
+      selectionMode: "selectionMode",
       publication: "publication",
       publicationType: "publication._type",
       title: "publication.title",
       name: "publication.name",
     },
-    prepare: ({ heading, publication, publicationType, title, name }) => {
+    prepare: ({ heading, selectionMode, publication, publicationType, title, name }) => {
       // Get heading text if available
       const headingText = toPlainText(heading) || "Najnowsza publikacja";
 
+      // Handle automatic latest mode
+      if (selectionMode === "latest" || !selectionMode) {
+        return {
+          title: headingText,
+          subtitle: "Automatycznie: najnowsza publikacja",
+          media: Newspaper,
+        };
+      }
+
       // Get display name - prefer title if it's portable text, fallback to name
       const displayName = toPlainText(title) || name || "Brak tytułu";
 
@@ -63,7 +96,7 @@ export const latestPublication = defineType({
       return {
         title: headingText,
         subtitle: publication
-          ? `${typeLabel}: ${displayName}`
+          ? `Ręcznie: ${typeLabel} - ${displayName}`
           : "Nie wybrano publikacji",
         media: Newspaper,
       };
diff --git a/apps/studio/tools/newsletter/index.tsx b/apps/studio/tools/newsletter/index.tsx
@@ -77,7 +77,7 @@ type SanityAsset = {
 };
 
 const NEWSLETTER_API_URL =
-  "http://localhost:3000/api/newsletter/generate/";
+  "http://audiofast.vercel.app/api/newsletter/generate/";
 
 export default function NewsletterTool() {
   const client = useClient({ apiVersion: "2024-01-01" });
diff --git a/apps/web/src/components/products/ProductsListing/index.tsx b/apps/web/src/components/products/ProductsListing/index.tsx
@@ -122,13 +122,6 @@ export default async function ProductsListing({
     maxValue: rf.maxValue ?? null,
   }));
 
-  // Convert dropdown custom filters to filter key format for denormalized matching
-  // The denormalized field denormFilterKeys stores strings like ["kolor:czarny", "material:drewno"]
-  const customFilterKeys = customFilters.map(({ filterName, value }) => {
-    const slug = slugifyFilterName(filterName);
-    return `${slug}:${value.toLowerCase()}`;
-  });
-
   // Calculate offset/limit
   const offset = (currentPage - 1) * itemsPerPage;
   const limit = offset + itemsPerPage;
@@ -149,7 +142,7 @@ export default async function ProductsListing({
       brands: effectiveBrands,
       minPrice,
       maxPrice,
-      customFilters: customFilterKeys, // Now uses denormalized filter key format
+      customFilters, // Original format: [{filterName, value}]
       rangeFilters,
       isCPO,
       embeddingResults: embeddingResults || [],
diff --git a/apps/web/src/global/sanity/query.ts b/apps/web/src/global/sanity/query.ts
