@mohasinac/appkit 3.3.3 → 3.3.5

package/dist/seed/carousel-slides-seed-data.js

@@ -13,6 +13,7 @@
  * @tag sideEffects:none
  */
 import { seedExtMedia } from "./_helpers/media";
+import { ROUTES } from "../next/routing/route-map";
 const NOW = new Date();
 const daysAgo = (n) => new Date(NOW.getTime() - n * 86400000);
 const _rawSlides = [
@@ -41,7 +42,7 @@ const _rawSlides = [
             url: seedExtMedia("https://images.ygoprodeck.com/images/cards/cropped/89631139.jpg"),
             dimOverlay: { enabled: true, opacity: 0.4 },
         },
-        link: { url: "/auctions", openInNewTab: false },
+        link: { url: String(ROUTES.PUBLIC.AUCTIONS), openInNewTab: false },
         settings: { autoplayDelayMs: 5000, height: "tall" },
         createdBy: "user-admin-letitrip",
         createdAt: daysAgo(55),
@@ -57,7 +58,7 @@ const _rawSlides = [
             url: seedExtMedia("https://images.ygoprodeck.com/images/cards/cropped/33396948.jpg"),
             dimOverlay: { enabled: true, opacity: 0.45 },
         },
-        link: { url: "/products?q=exodia", openInNewTab: false },
+        link: { url: `${String(ROUTES.PUBLIC.PRODUCTS)}?q=exodia`, openInNewTab: false },
         settings: { autoplayDelayMs: 5000, height: "tall" },
         createdBy: "user-admin-letitrip",
         createdAt: daysAgo(50),

package/dist/seed/defaults/homepage-sections.js

@@ -1,5 +1,6 @@
 // appkit/src/seed/defaults/homepage-sections.ts
 import { makeHomepageSection, } from "../factories/homepage-section.factory";
+import { ROUTES } from "../../next/routing/route-map";
 export const DEFAULT_HOMEPAGE_SECTIONS = [
     makeHomepageSection("hero", {
         id: "section-hero",
@@ -8,7 +9,7 @@ export const DEFAULT_HOMEPAGE_SECTIONS = [
             title: "Welcome to Our Store",
             subtitle: "Discover the best products at unbeatable prices.",
             ctaLabel: "Shop Now",
-            ctaUrl: "/products",
+            ctaUrl: String(ROUTES.PUBLIC.PRODUCTS),
             backgroundImage: "",
         },
     }),

package/dist/seed/factories/carousel.factory.js

@@ -1,4 +1,5 @@
 // appkit/src/seed/factories/carousel.factory.ts
+import { ROUTES } from "../../next/routing/route-map";
 let _seq = 1;
 export function makeCarouselSlide(overrides = {}) {
     const n = _seq++;
@@ -8,7 +9,7 @@ export function makeCarouselSlide(overrides = {}) {
         title: overrides.title ?? `Slide ${n}`,
         subtitle: overrides.subtitle ?? "",
         ctaLabel: overrides.ctaLabel ?? "Shop Now",
-        ctaUrl: overrides.ctaUrl ?? "/products",
+        ctaUrl: overrides.ctaUrl ?? String(ROUTES.PUBLIC.PRODUCTS),
         sortOrder: overrides.sortOrder ?? n,
         isActive: overrides.isActive ?? true,
         ...overrides,

package/dist/seed/homepage-sections-seed-data.js

@@ -13,6 +13,7 @@
  * @tag sideEffects:none
  */
 import { seedExtMedia } from "./_helpers/media";
+import { ROUTES } from "../next/routing/route-map";
 const NOW = new Date();
 const daysAgo = (n) => new Date(NOW.getTime() - n * 86400000);
 export const homepageSectionsSeedData = [
@@ -27,7 +28,7 @@ export const homepageSectionsSeedData = [
             description: "Buy, sell, and auction collectibles from verified sellers across India. Pokémon, Yu-Gi-Oh!, Hot Wheels, Gundam, Beyblade, Funko Pop, and thousands more — all with secure escrow payments and authenticity guarantees.",
             showCTA: true,
             ctaText: "Start Shopping",
-            ctaLink: "/products",
+            ctaLink: String(ROUTES.PUBLIC.PRODUCTS),
         },
         createdAt: daysAgo(90),
         updatedAt: daysAgo(2),
@@ -172,7 +173,7 @@ export const homepageSectionsSeedData = [
                 description: "The ultimate Yu-Gi-Oh! flex. Find every Exodia printing on LetItRip.",
             },
             buttons: [
-                { text: "Shop Exodia", link: "/products?q=exodia", variant: "primary" },
+                { text: "Shop Exodia", link: `${String(ROUTES.PUBLIC.PRODUCTS)}?q=exodia`, variant: "primary" },
                 { text: "Exodia Guide", link: "/blog/complete-exodia-guide", variant: "outline" },
             ],
             clickable: false,
@@ -315,7 +316,7 @@ export const homepageSectionsSeedData = [
             placeholder: "Enter your email address",
             buttonText: "Subscribe",
             privacyText: "We respect your privacy. Unsubscribe anytime.",
-            privacyLink: "/privacy",
+            privacyLink: String(ROUTES.PUBLIC.PRIVACY),
         },
         createdAt: daysAgo(90),
         updatedAt: daysAgo(12),

package/dist/seed/notifications-seed-data.js

@@ -13,6 +13,7 @@
  * @tag sideEffects:none
  */
 import { NOTIFICATION_FIELDS } from "../features/admin/schemas";
+import { ROUTES } from "../next/routing/route-map";
 const NOW = new Date();
 const hoursAgo = (n) => new Date(NOW.getTime() - n * 3600000);
 const daysAgo = (n) => new Date(NOW.getTime() - n * 86400000);
@@ -132,7 +133,7 @@ export const notificationsSeedData = [
         priority: "normal",
         title: "Welcome to LetItRip, Yugi!",
         message: "Your account is ready. Start browsing verified Yu-Gi-Oh! cards from sellers across India.",
-        actionUrl: "/products",
+        actionUrl: String(ROUTES.PUBLIC.PRODUCTS),
         actionLabel: "Start Shopping",
         isRead: true,
         readAt: daysAgo(30),

package/dist/seed/site-settings-seed-data.js

@@ -16,6 +16,7 @@ import { getDefaultPhonePrefix, getSeedLocale } from "./seed-market-config";
 const _phonePrefix = getDefaultPhonePrefix();
 const _locale = getSeedLocale();
 import { seedExtMedia } from "./_helpers/media";
+import { ROUTES } from "../next/routing/route-map";
 const NOW = new Date();
 const daysAgo = (n) => new Date(NOW.getTime() - n * 86400000);
 const adPlacementsSeed = [
@@ -335,7 +336,7 @@ export const siteSettingsSeedData = {
                     body: "PSA 10 Blue-Eyes and Dark Magician auctions ending this week.",
                     imageUrl: seedExtMedia("https://images.ygoprodeck.com/images/cards/cropped/46986414.jpg"),
                     ctaLabel: "View Auctions",
-                    ctaHref: "/auctions",
+                    ctaHref: String(ROUTES.PUBLIC.AUCTIONS),
                 },
             },
             {
@@ -356,7 +357,7 @@ export const siteSettingsSeedData = {
                     body: "All 5 Forbidden One pieces available — LOB to modern reprints.",
                     imageUrl: seedExtMedia("https://images.ygoprodeck.com/images/cards/cropped/33396948.jpg"),
                     ctaLabel: "Browse Exodia",
-                    ctaHref: "/products?q=exodia",
+                    ctaHref: `${String(ROUTES.PUBLIC.PRODUCTS)}?q=exodia`,
                 },
             },
         ],

package/dist/seo/metadata.js

@@ -1,3 +1,4 @@
+import { ROUTES } from "../next/routing/route-map";
 export const SEO_CONFIG = {
     siteName: "App",
     siteUrl: process.env.NEXT_PUBLIC_SITE_URL || "http://localhost:3000",
@@ -151,7 +152,7 @@ export function generateSearchMetadata(q, category, seoConfig = SEO_CONFIG) {
             "search",
             seoConfig.siteName,
         ],
-        path: q ? `/search?q=${encodeURIComponent(q)}` : "/search",
+        path: q ? `${String(ROUTES.PUBLIC.SEARCH)}?q=${encodeURIComponent(q)}` : String(ROUTES.PUBLIC.SEARCH),
         noIndex: true,
     }, seoConfig);
 }

package/dist/ui/columns/column-renderers.js

@@ -7,7 +7,7 @@
  * For JSX renderers (badge, thumbnail, action buttons) see `column-renderers.tsx`.
  */
 import { formatCurrency } from "../../utils/number.formatter";
-import { getDefaultCurrency, } from "../../core/baseline-resolver";
+import { getDefaultCurrency } from "../../core/baseline-resolver";
 /** Render a boolean as "Yes" / "No" (or custom labels). */
 export function renderBoolean(value, opts) {
     const trueLabel = opts?.trueLabel ?? "Yes";

package/dist/ui/components/Accordion.js

@@ -15,6 +15,16 @@ function renderLegacyAccordion({ title, children, open, className = "", titleCla
     return (_jsxs("details", { open: open, className: `appkit-accordion appkit-accordion--legacy ${className}`, children: [_jsxs("summary", { className: `appkit-accordion__summary ${titleClassName}`, children: [title, _jsx("span", { className: "appkit-accordion__chevron", "aria-hidden": "true", children: "\u25BE" })] }), _jsx("div", { className: `appkit-accordion__content ${contentClassName}`, "data-section": "accordion-div-447", children: children })] }));
 }
 export function Accordion({ title, children, open = false, className = "", titleClassName = "", contentClassName = "", type = "single", defaultValue, value, onChange, }) {
+    // useMemo/useState must run unconditionally on every render — they were
+    // previously declared after the legacy-mode early return below, which
+    // skipped both hook calls whenever `title` was passed, violating the
+    // Rules of Hooks. Their result is simply unused in legacy mode.
+    const initialOpen = useMemo(() => {
+        if (value !== undefined)
+            return toArray(value);
+        return toArray(defaultValue);
+    }, [defaultValue, value]);
+    const [internalOpenValues, setInternalOpenValues] = useState(initialOpen);
     // Backward-compatible simple details mode.
     if (title !== undefined) {
         return renderLegacyAccordion({
@@ -26,12 +36,6 @@ export function Accordion({ title, children, open = false, className = "", title
             contentClassName,
         });
     }
-    const initialOpen = useMemo(() => {
-        if (value !== undefined)
-            return toArray(value);
-        return toArray(defaultValue);
-    }, [defaultValue, value]);
-    const [internalOpenValues, setInternalOpenValues] = useState(initialOpen);
     const activeOpenValues = value !== undefined ? toArray(value) : internalOpenValues;
     const toggle = (itemValue) => {
         const nextOpenValues = type === "single"

package/dist/ui/components/ListingLayout.js

@@ -36,6 +36,12 @@ const DEFAULT_LABELS = {
     filterActiveCount: (count) => `${count} active`,
 };
 export function ListingLayout({ headerSlot, statusTabsSlot, filterContent, filterActiveCount = 0, onFilterApply, onFilterClear, filterTitle, activeFiltersSlot, resultCountSlot, searchSlot, sortSlot, viewToggleSlot, actionsSlot, selectedCount = 0, onClearSelection, bulkActionItems, toolbarPaginationSlot, paginationSlot, children, isDashboard, defaultSidebarOpen = false, filterPendingCount, className = "", loading = false, errorSlot, labels, portal, overlays, detailView, }) {
+    // useState must run unconditionally on every render — these were
+    // previously declared after the detail-view early return below, which
+    // skipped both hook calls whenever `detailView` was passed, violating the
+    // Rules of Hooks.
+    const [sidebarOpen, setSidebarOpen] = useState(defaultSidebarOpen);
+    const [mobileFilterOpen, setMobileFilterOpen] = useState(false);
     // Detail view short-circuit (folded from ListingViewShell)
     if (detailView) {
         return _jsx(_Fragment, { children: detailView });
@@ -43,8 +49,6 @@ export function ListingLayout({ headerSlot, statusTabsSlot, filterContent, filte
     // Portal-derived isDashboard default (folded from ListingViewShell)
     const effectiveIsDashboard = isDashboard ?? (portal === "admin" || portal === "seller");
     const l = { ...DEFAULT_LABELS, ...labels };
-    const [sidebarOpen, setSidebarOpen] = useState(defaultSidebarOpen);
-    const [mobileFilterOpen, setMobileFilterOpen] = useState(false);
     const hasFilter = Boolean(filterContent);
     const panelTitle = filterTitle ?? l.filtersTitle;
     const handleMobileApply = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "3.3.3",
+  "version": "3.3.5",
   "license": "MIT",
   "publishConfig": {
     "access": "public"