@salla.sa/twilight-theme-engine 1.0.152 → 1.0.153

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-theme-engine",
-  "version": "1.0.152",
+  "version": "1.0.153",
   "publishConfig": {
     "access": "public"
   },

package/tailwind/routes/seo-redirects.ts.txt

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
-import { redirect } from '../providers/NavigationProvider';
-import { FALLBACK_LOCALE } from '../providers/locale-constants';
+import { isMissingResource, redirect } from '../providers/NavigationProvider';
+import { FALLBACK_LOCALE, isLocale } from '../providers/locale-constants';
 import { clearAuthTokenCookie } from '../utils/cookies';
 
 export interface SlugBrandParams {
@@ -64,6 +64,56 @@ export async function productsSourceRedirectLoader(ctx: {
   });
 }
 
+/** Routes a Twig URL lands on by accident: a locale bound as `$slug`, or an id that is no number. */
+const SLUG_ROUTES = new Set(['/{-$locale}/$slug/p{$id}', '/{-$locale}/$slug/c{$id}']);
+
+/** The page the router matched, as the locale layout's `beforeLoad` sees it. */
+export interface MatchedPage {
+  routeId: string;
+  params: Record<string, string | undefined>;
+}
+
+function rendersNoPage({ routeId, params }: MatchedPage): boolean {
+  // A first segment that is no language binds as the locale, of the layout or of the home page.
+  if (routeId === '/{-$locale}' || (params.locale && !isLocale(params.locale))) return true;
+  if (!SLUG_ROUTES.has(routeId)) return false;
+  return (!params.locale && isLocale(params.slug)) || !/^\d+$/.test(params.id ?? '');
+}
+
+/**
+ * Twig's product and category URLs (`/p{id}`, `/p{id}-{name}`, `/category/{hash}`, each with or
+ * without a locale) sent to the page that has them now. Run by the locale layout's `beforeLoad`,
+ * only for an address no page answers: the router binds `/ar/p1` to `$slug/p{$id}` (slug `ar`)
+ * and `/p1` to the locale. A product or category that is gone stays the not-found page.
+ */
+export async function twigUrlRedirect(
+  pathname: string,
+  search: string,
+  page: MatchedPage | undefined
+): Promise<void> {
+  if (!page || !rendersNoPage(page)) return;
+  const productUrl = /^(?:\/([^/]+))?\/p(\d+)(?:-[^/]*)?\/?$/.exec(pathname);
+  const match = productUrl ?? /^(?:\/([^/]+))?\/category\/([A-Za-z0-9]+)\/?$/.exec(pathname);
+  if (!match || (match[1] && !isLocale(match[1]))) return;
+
+  let target: string;
+  try {
+    if (productUrl) {
+      const { product } = await import('../api/product');
+      await product.find(match[2]);
+      target = `/-/p${match[2]}`;
+    } else {
+      const { category } = await import('../api/category');
+      const found = await category.find(match[2]);
+      target = `/-/c${found.id_ ?? found.id}`;
+    }
+  } catch (error) {
+    if (isMissingResource(error)) return;
+    throw error;
+  }
+  throw redirect(`${match[1] ? `/${match[1]}` : ''}${target}${search}`, { statusCode: 301 });
+}
+
 /**
  * `/logout` — where the SDK sends the browser once `salla.auth.logout()` has run
  * (`salla.url.get('logout?from=…')`). The Twig storefront serves that URL server-side. Here

package/dist/chunk-IO4CVUL5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tanstack/link.tsx","../src/tanstack/native-app-events.tsx","../src/utils/request-host.ts","../src/tanstack/navigation.tsx"],"names":["TanStackLink","tanstackNotFound","tanstackRedirect","useParams","jsx"],"mappings":"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","file":"chunk-IO4CVUL5.js","sourcesContent":["import { forwardRef, createElement } from 'react';\nimport { Link as TanStackLink, useParams } from '@tanstack/react-router';\nimport { isLocale } from '../providers/locale-constants';\nimport type { BaseLinkProps } from '../components/common/Link.types';\n\n/**\n * Routes live under an optional `/{-$locale}` param, so a bare `to=\"/brands\"`\n * resolves with the locale omitted and the $locale loader bounces the user to\n * the fallback locale. Prefix the current locale onto internal paths that\n * don't already carry one.\n */\nexport function localizeDestination(destination: string, locale?: string) {\n  if (!locale || !destination.startsWith('/') || destination.startsWith('//')) return destination;\n  const firstSegment = destination.split('/')[1]?.split(/[?#]/)[0];\n  if (isLocale(firstSegment)) return destination;\n  return destination === '/' ? `/${locale}` : `/${locale}${destination}`;\n}\n\n/**\n * TanStack Router Link adapter.\n * Translates framework-agnostic props to TanStack Router Link props.\n */\nexport const TanStackLinkAdapter = forwardRef<HTMLAnchorElement, BaseLinkProps>(\n  (\n    {\n      to,\n      href,\n      children,\n      className,\n      style,\n      title,\n      target,\n      rel,\n      onClick,\n      preload,\n      replace,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref\n  ) => {\n    const { locale } = useParams({ strict: false }) as { locale?: string };\n    const destination = localizeDestination(to ?? href ?? '/', locale);\n\n    // `#` is how a block says it has nowhere to go, such as a banner with no URL. An anchor with\n    // no href keeps the theme's `a` styles, and the router can neither preload nor follow it.\n    if (destination === '#') {\n      return createElement(\n        'a',\n        { ref, className, style, title, onClick, 'aria-label': ariaLabel, ...rest },\n        children\n      );\n    }\n\n    return createElement(\n      TanStackLink,\n      {\n        ref,\n        to: destination,\n        className,\n        style,\n        title,\n        target,\n        rel,\n        onClick,\n        preload: preload === 'intent' || preload === false ? preload : undefined,\n        replace,\n        'aria-label': ariaLabel,\n        ...(rest as Record<string, unknown>),\n      },\n      children\n    );\n  }\n);\n\nTanStackLinkAdapter.displayName = 'TanStackLinkAdapter';\n\n/**\n * Create a TanStack Router Link adapter component.\n */\nexport function createTanStackLinkAdapter() {\n  return TanStackLinkAdapter;\n}\n","import { useEffect } from 'react';\nimport { useRouter } from '@tanstack/react-router';\nimport { resolveRelativePath } from '../providers/NavigationProvider';\nimport { useTwilight } from '../providers/twilight-context';\nimport { isLocale } from '../providers/locale-constants';\nimport { getTwilightContext } from '../twilight/context';\nimport { useIsNativeApp } from '../native-app';\nimport { onSallaEvent } from '../utils/sdk-helpers';\nimport { hasStoreUrlBase } from '../utils/store-base';\nimport { localizeDestination } from './link';\n\nconst UI_UPDATE_EVENT = 'mobile::ui.update';\nconst OPEN_ORDER_EVENT = 'mobile::open.order';\nconst NAVIGATE_TO_EVENT = 'mobile::navigate.to';\n\n/**\n * Events the native app sends into its webview. `NavigationSetup` mounts this once, so a\n * theme adds no listener of its own:\n *\n * - `mobile::ui.update` re-runs the route loaders and refetches what is on screen.\n * - `mobile::open.order` `{ id }` opens that order, with a fresh cart.\n * - `mobile::navigate.to` `{ url }` opens a notification deep link in-app. Only a link to\n *   this store is followed (`deepLinkPath`), so `javascript:`, off-site and other stores'\n *   URLs are dropped.\n *\n * Nothing is mounted outside the app (`useIsNativeApp()`), so a browser runs none of it.\n */\nexport function NativeAppEvents({ locale }: { locale?: string }) {\n  return useIsNativeApp() ? <Listeners locale={locale} /> : null;\n}\n\nfunction Listeners({ locale }: { locale?: string }) {\n  useNativeAppEvents(locale);\n  return null;\n}\n\n/** The listeners themselves. `NativeAppEvents` mounts them inside the app only. */\nexport function useNativeAppEvents(locale?: string): void {\n  const router = useRouter();\n  const { store } = useTwilight();\n  const storeUrl = store?.url;\n  const username = store?.username;\n\n  useEffect(() => {\n    // `href`, not `to`: the router parses the query and the hash out of it.\n    const open = (path: string) =>\n      void router.navigate({ href: localizeDestination(path, locale) });\n\n    const refresh = () => {\n      void Promise.allSettled([\n        router.invalidate(),\n        getTwilightContext().queryClient?.refetchQueries({ type: 'active' }),\n      ]);\n    };\n    const openOrder = (data?: unknown) => {\n      const rawId = (data as { id?: unknown } | undefined)?.id;\n      if (typeof rawId !== 'string' && typeof rawId !== 'number') return;\n\n      const id = String(rawId).trim();\n      if (!id) return;\n\n      void getTwilightContext().queryClient?.invalidateQueries({ queryKey: ['cart'] });\n      open(`/account/orders/${encodeURIComponent(id)}`);\n    };\n    const navigateTo = (data?: unknown) => {\n      const url = (data as { url?: unknown } | undefined)?.url;\n      if (typeof url !== 'string' || !url.trim() || !storeUrl) return;\n\n      const path = deepLinkPath(url.trim(), storeUrl, username);\n      if (path) void router.navigate({ href: inLocale(path, locale) });\n    };\n\n    const offs = [\n      onSallaEvent(UI_UPDATE_EVENT, refresh),\n      onSallaEvent(OPEN_ORDER_EVENT, openOrder),\n      onSallaEvent(NAVIGATE_TO_EVENT, navigateTo),\n    ];\n    return () => offs.forEach((off) => off());\n  }, [router, locale, storeUrl, username]);\n}\n\n/** A URL that names its host: `https://…` or `//…`. Anything else is a path of this app. */\nfunction isAbsoluteUrl(url: string): boolean {\n  if (url.startsWith('//')) return true;\n  try {\n    // Without a base, only a URL with its own scheme parses.\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * The application path of a deep link to this store, or null for any other link.\n *\n * It passes the test a tapped link does (`resolveRelativePath`: the store's origin, the\n * username taken off), and one more. On a shared host that origin is every store's, so\n * an absolute link has to carry this store's username: without it, another store's\n * `/ar/offers` would open this store's offers.\n */\nfunction deepLinkPath(url: string, storeUrl: string, username?: string): string | null {\n  const path = resolveRelativePath(url, storeUrl, username);\n  if (!path || !isAbsoluteUrl(url)) return path;\n\n  // Both parse: `resolveRelativePath` returns null when either does not.\n  const { pathname } = new URL(url, window.location.href);\n  return hasStoreUrlBase(pathname, new URL(storeUrl).pathname, username) ? path : null;\n}\n\n/**\n * A deep link in the locale the visitor is browsing in. A notification is written in one\n * language and opened in whichever is on screen, so the link's own locale gives way.\n *\n * The prefix is written here, not by `localizeDestination`: that one leaves a path alone\n * when it already starts with a locale, and would take the slug of `/ar/en/p456` for one.\n */\nfunction inLocale(path: string, locale?: string): string {\n  const first = path.split('/')[1]?.split(/[?#]/)[0];\n  const own = isLocale(first) ? path.slice(first.length + 1) : path;\n  const rest = own.startsWith('/') ? own : `/${own}`;\n\n  if (!locale) return rest;\n  return rest === '/' ? `/${locale}` : `/${locale}${rest}`;\n}\n","/**\n * What the request itself is enough to describe: its host.\n *\n * Small, and deliberately its own module rather than a helper inside the\n * middleware. This value decides two things — which store a live storefront is,\n * and whether the request is allowed to name a store at all — so it is worth\n * testing directly instead of only through the wiring that calls it.\n */\nimport { isLoopback } from './cookies';\n\n/** The part of a `Request` this needs, so a test does not have to build a whole one. */\nexport interface HostSource {\n  url: string;\n  headers: { get(name: string): string | null };\n}\n\n/**\n * The host this request arrived on, with its port when it has one.\n *\n * Taken from the request URL, which in a Worker is the address the platform\n * actually routed on, and from the `Host` header only when that fails.\n *\n * **`X-Forwarded-Host` is deliberately not consulted.** A client can set it, and\n * this value gates `allowsRequestStoreId` — so honouring it would be a way to\n * talk a merchant's own domain into behaving like the preview host, and from\n * there into serving a stranger's shop. The dispatcher strips that header today;\n * a theme must not be one edit to another repository's allowlist away from a\n * spoofable identity.\n */\nexport function requestHostOf(request: HostSource): string | null {\n  try {\n    const fromUrl = new URL(request.url).host;\n    if (fromUrl) return fromUrl;\n  } catch {\n    /* an unparseable URL falls through to the header */\n  }\n\n  return request.headers.get('Host')?.trim() || null;\n}\n\n/** The origin a browser reached this host on: `http` for a dev server, `https` otherwise. */\nexport function requestOriginOf(host: string): string {\n  return `${isLoopback(host.replace(/:\\d+$/, '')) ? 'http' : 'https'}://${host}`;\n}\n","import {\n  useNavigate,\n  useParams,\n  redirect as tanstackRedirect,\n  notFound as tanstackNotFound,\n} from '@tanstack/react-router';\nimport {\n  NavigationProvider,\n  configureNavigation,\n  type NavigateOptions,\n} from '../providers/NavigationProvider';\nimport { LinkProvider } from '../providers/LinkProvider';\nimport { TanStackLinkAdapter, localizeDestination } from './link';\nimport { NativeAppEvents } from './native-app-events';\nimport { useCallback, type ReactNode } from 'react';\nimport { UnauthorizedError, type RedirectOptions } from '../providers/NavigationProvider';\nimport { getRequestStore, getTwilightContext } from '../twilight/context';\nimport { resolveStoreBase, resolveStoreBaseFollowsLocale } from '../utils/store-identity';\nimport { loginRedirectHref } from '../utils/store-base';\nimport { requestOriginOf } from '../utils/request-host';\n\nfunction currentOrigin(): string | null {\n  if (typeof window !== 'undefined') return window.location.origin;\n  const host = getRequestStore().requestHost;\n  return host ? requestOriginOf(host) : null;\n}\n\nconfigureNavigation({\n  notFound: (message?: string) => {\n    throw tanstackNotFound({ data: message });\n  },\n  redirect: (path: string, opts?: RedirectOptions) => {\n    throw tanstackRedirect({ to: path, replace: opts?.replace, statusCode: opts?.statusCode });\n  },\n  unauthorized: (message?: string) => {\n    const origin = currentOrigin();\n    const { pathname, searchStr } = getTwilightContext().location;\n    const href =\n      origin &&\n      loginRedirectHref({\n        pathname,\n        searchStr,\n        origin,\n        base: resolveStoreBase(),\n        baseFollowsLocale: resolveStoreBaseFollowsLocale(),\n      });\n    // A full load, because the SDK only reads `intended_to` when a page starts.\n    if (href) throw tanstackRedirect({ href, reloadDocument: true, replace: true });\n    throw new UnauthorizedError(message);\n  },\n});\n\n/**\n * TanStack navigation setup - wraps children with NavigationProvider and LinkProvider.\n * Called by TwilightProvider when client.framework === 'tanstack'.\n */\nexport function NavigationSetup({ children }: { children: ReactNode }) {\n  const navigate = useNavigate();\n  const { locale } = useParams({ strict: false }) as { locale?: string };\n  const navigateFn = useCallback(\n    (to: string, opts?: NavigateOptions) =>\n      navigate({ to: localizeDestination(to, locale), replace: opts?.replace }),\n    [navigate, locale]\n  );\n\n  return (\n    <NavigationProvider navigate={navigateFn}>\n      <NativeAppEvents locale={locale} />\n      <LinkProvider adapter={TanStackLinkAdapter}>{children}</LinkProvider>\n    </NavigationProvider>\n  );\n}\n\n/** @deprecated Use NavigationSetup instead */\nexport function TanStackNavigationProvider({ children }: { children: ReactNode }) {\n  const navigate = useNavigate();\n  return (\n    <NavigationProvider\n      navigate={(to: string, opts?: NavigateOptions) => navigate({ to, replace: opts?.replace })}\n    >\n      <LinkProvider adapter={TanStackLinkAdapter}>{children}</LinkProvider>\n    </NavigationProvider>\n  );\n}\n"]}

package/dist/chunk-SIYINCXL.js

@@ -1,41 +0,0 @@
-import { redirect } from './chunk-ZBGMIDDO.js';
-import { clearAuthTokenCookie } from './chunk-EEL6OYAQ.js';
-import { FALLBACK_LOCALE } from './chunk-T72DAX7R.js';
-import { useEffect } from 'react';
-
-async function slugBrandRedirectLoader(ctx) {
-  const locale = ctx.params.locale || FALLBACK_LOCALE;
-  throw redirect(`/${locale}/brands/${ctx.params.id}`);
-}
-async function pendingOrdersRedirectLoader(ctx = { params: {} }) {
-  const locale = ctx.params.locale || FALLBACK_LOCALE;
-  throw redirect(`/${locale}/account/orders?status=pending`);
-}
-async function ratingRedirectLoader(ctx = { params: {} }) {
-  const locale = ctx.params.locale || FALLBACK_LOCALE;
-  throw redirect(`/${locale}/account/orders`);
-}
-async function accountRedirectLoader(ctx) {
-  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : "";
-  throw redirect(`${prefix}/account/${ctx.page}${ctx.search ?? ""}`, { statusCode: 301 });
-}
-async function productsSourceRedirectLoader(ctx) {
-  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : "";
-  const query = new URLSearchParams(ctx.search);
-  query.delete("source");
-  const rest = query.toString();
-  throw redirect(`${prefix}/products?source=${ctx.source}${rest ? `&${rest}` : ""}`, {
-    statusCode: 301
-  });
-}
-function LogoutRedirect() {
-  useEffect(() => {
-    clearAuthTokenCookie();
-    window.location.replace(window.location.href.replace(/\/logout\/?(\?[^#]*)?(#.*)?$/, ""));
-  }, []);
-  return null;
-}
-
-export { LogoutRedirect, accountRedirectLoader, pendingOrdersRedirectLoader, productsSourceRedirectLoader, ratingRedirectLoader, slugBrandRedirectLoader };
-//# sourceMappingURL=chunk-SIYINCXL.js.map
-//# sourceMappingURL=chunk-SIYINCXL.js.map

package/dist/chunk-SIYINCXL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/routes/seo-redirects.ts"],"names":[],"mappings":";;;;;AAcA,eAAsB,wBAAwB,GAAA,EAAkD;AAC9F,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,SAAS,CAAA,CAAA,EAAI,MAAM,WAAW,GAAA,CAAI,MAAA,CAAO,EAAE,CAAA,CAAE,CAAA;AACrD;AAOA,eAAsB,4BACpB,GAAA,GAA+C,EAAE,MAAA,EAAQ,IAAG,EAC5C;AAChB,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,QAAA,CAAS,CAAA,CAAA,EAAI,MAAM,CAAA,8BAAA,CAAgC,CAAA;AAC3D;AAGA,eAAsB,qBACpB,GAAA,GAA+C,EAAE,MAAA,EAAQ,IAAG,EAC5C;AAChB,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,QAAA,CAAS,CAAA,CAAA,EAAI,MAAM,CAAA,eAAA,CAAiB,CAAA;AAC5C;AAGA,eAAsB,sBAAsB,GAAA,EAKzB;AAEjB,EAAA,MAAM,MAAA,GAAS,IAAI,MAAA,CAAO,MAAA,GAAS,IAAI,GAAA,CAAI,MAAA,CAAO,MAAM,CAAA,CAAA,GAAK,EAAA;AAC7D,EAAA,MAAM,QAAA,CAAS,CAAA,EAAG,MAAM,CAAA,SAAA,EAAY,IAAI,IAAI,CAAA,EAAG,GAAA,CAAI,MAAA,IAAU,EAAE,CAAA,CAAA,EAAI,EAAE,UAAA,EAAY,KAAK,CAAA;AACxF;AAGA,eAAsB,6BAA6B,GAAA,EAIhC;AACjB,EAAA,MAAM,MAAA,GAAS,IAAI,MAAA,CAAO,MAAA,GAAS,IAAI,GAAA,CAAI,MAAA,CAAO,MAAM,CAAA,CAAA,GAAK,EAAA;AAC7D,EAAA,MAAM,KAAA,GAAQ,IAAI,eAAA,CAAgB,GAAA,CAAI,MAAM,CAAA;AAC5C,EAAA,KAAA,CAAM,OAAO,QAAQ,CAAA;AACrB,EAAA,MAAM,IAAA,GAAO,MAAM,QAAA,EAAS;AAC5B,EAAA,MAAM,QAAA,CAAS,CAAA,EAAG,MAAM,CAAA,iBAAA,EAAoB,GAAA,CAAI,MAAM,CAAA,EAAG,IAAA,GAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA,EAAI;AAAA,IACjF,UAAA,EAAY;AAAA,GACb,CAAA;AACH;AAUO,SAAS,cAAA,GAAuB;AACrC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,oBAAA,EAAqB;AAErB,IAAA,MAAA,CAAO,QAAA,CAAS,QAAQ,MAAA,CAAO,QAAA,CAAS,KAAK,OAAA,CAAQ,8BAAA,EAAgC,EAAE,CAAC,CAAA;AAAA,EAC1F,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,OAAO,IAAA;AACT","file":"chunk-SIYINCXL.js","sourcesContent":["import { useEffect } from 'react';\nimport { redirect } from '../providers/NavigationProvider';\nimport { FALLBACK_LOCALE } from '../providers/locale-constants';\nimport { clearAuthTokenCookie } from '../utils/cookies';\n\nexport interface SlugBrandParams {\n  /** SEO slug segment (ignored — only here to match the route pattern). */\n  slug: string;\n  /** Brand numeric ID to redirect to. */\n  id: string;\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function slugBrandRedirectLoader(ctx: { params: SlugBrandParams }): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/brands/${ctx.params.id}`);\n}\n\nexport interface PendingOrdersRedirectParams {\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function pendingOrdersRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/account/orders?status=pending`);\n}\n\n/** `/account/rating`: the loyalty \"rate your orders\" link. Twig Raed has no rating page and sends it to the orders list. */\nexport async function ratingRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/account/orders`);\n}\n\n/** A Twig customer URL (`/profile`, `/orders`, …) kept working as its `/account/…` page. */\nexport async function accountRedirectLoader(ctx: {\n  params: PendingOrdersRedirectParams;\n  page: string;\n  /** The incoming query string (`?status=pending`), kept on the account page. */\n  search?: string;\n}): Promise<never> {\n  // No locale in the URL stays without one: the locale layout adds it only where the store has several.\n  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : '';\n  throw redirect(`${prefix}/account/${ctx.page}${ctx.search ?? ''}`, { statusCode: 301 });\n}\n\n/** `/latest-products`, `/most-sales-products` and `/offers` now live at `/products?source=`. */\nexport async function productsSourceRedirectLoader(ctx: {\n  params: PendingOrdersRedirectParams;\n  source: 'latest' | 'sales' | 'offers';\n  search?: string;\n}): Promise<never> {\n  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : '';\n  const query = new URLSearchParams(ctx.search);\n  query.delete('source');\n  const rest = query.toString();\n  throw redirect(`${prefix}/products?source=${ctx.source}${rest ? `&${rest}` : ''}`, {\n    statusCode: 301,\n  });\n}\n\n/**\n * `/logout` — where the SDK sends the browser once `salla.auth.logout()` has run\n * (`salla.url.get('logout?from=…')`). The Twig storefront serves that URL server-side. Here\n * it renders nothing and, in the browser, removes the theme's own `token` cookie (the SDK's\n * `cookie.clearAll()` leaves it) and then does a full navigation home. It has to be a\n * component, not a loader redirect: a loader runs during server rendering, where the cookie\n * can't be cleared, so the redirect would leave the visitor signed in on the next request.\n */\nexport function LogoutRedirect(): null {\n  useEffect(() => {\n    clearAuthTokenCookie();\n    // `/{store base}/{locale}/logout?from=…` → `/{store base}/{locale}`\n    window.location.replace(window.location.href.replace(/\\/logout\\/?(\\?[^#]*)?(#.*)?$/, ''));\n  }, []);\n  return null;\n}\n"]}