@shopify/shop-minis-react 0.0.0-snapshot.20260112135741 → 0.0.0-snapshot.20260112135844

package/dist/components/navigation/minis-router.js

@@ -1,14 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { BrowserRouter as i } from "../../shop-minis-react/node_modules/.pnpm/react-router@7.7.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-router/dist/development/chunk-EF7DTUVF.js";
-import { TransitionContainer as e } from "./transition-container.js";
-function s({
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { BrowserRouter as n } from "../../shop-minis-react/node_modules/.pnpm/react-router@7.7.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-router/dist/development/chunk-EF7DTUVF.js";
+import { NavigationManager as e } from "../../internal/navigation-manager.js";
+import { TransitionContainer as a } from "./transition-container.js";
+function x({
   children: o,
-  viewTransitions: n = !1,
-  ...t
+  viewTransitions: m = !1,
+  ...i
 }) {
-  return n ? /* @__PURE__ */ r(i, { ...t, children: /* @__PURE__ */ r(e, { children: o }) }) : /* @__PURE__ */ r(i, { ...t, children: o });
+  return m ? /* @__PURE__ */ t(n, { ...i, children: [
+    /* @__PURE__ */ r(e, {}),
+    /* @__PURE__ */ r(a, { children: o })
+  ] }) : /* @__PURE__ */ t(n, { ...i, children: [
+    /* @__PURE__ */ r(e, {}),
+    o
+  ] });
 }
 export {
-  s as MinisRouter
+  x as MinisRouter
 };
 //# sourceMappingURL=minis-router.js.map

package/dist/components/navigation/minis-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"minis-router.js","sources":["../../../src/components/navigation/minis-router.tsx"],"sourcesContent":["import {BrowserRouter, BrowserRouterProps} from 'react-router'\n\nimport {TransitionContainer} from './transition-container'\n\nexport interface MinisRouterProps extends BrowserRouterProps {\n  viewTransitions?: boolean\n}\n\nexport function MinisRouter({\n  children,\n  viewTransitions = false,\n  ...props\n}: MinisRouterProps) {\n  if (viewTransitions) {\n    return (\n      <BrowserRouter {...props}>\n        <TransitionContainer>{children}</TransitionContainer>\n      </BrowserRouter>\n    )\n  }\n\n  return <BrowserRouter {...props}>{children}</BrowserRouter>\n}\n"],"names":["MinisRouter","children","viewTransitions","props","BrowserRouter","jsx","TransitionContainer"],"mappings":";;;AAQO,SAASA,EAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GAAqB;AACnB,SAAID,sBAECE,GAAe,EAAA,GAAGD,GACjB,UAAC,gBAAAE,EAAAC,GAAA,EAAqB,UAAAL,EAAS,CAAA,GACjC,IAII,gBAAAI,EAAAD,GAAA,EAAe,GAAGD,GAAQ,UAAAF,EAAS,CAAA;AAC7C;"}
+{"version":3,"file":"minis-router.js","sources":["../../../src/components/navigation/minis-router.tsx"],"sourcesContent":["import {BrowserRouter, BrowserRouterProps} from 'react-router'\n\nimport {NavigationManager} from '../../internal/navigation-manager'\n\nimport {TransitionContainer} from './transition-container'\n\nexport interface MinisRouterProps extends BrowserRouterProps {\n  viewTransitions?: boolean\n}\n\nexport function MinisRouter({\n  children,\n  viewTransitions = false,\n  ...props\n}: MinisRouterProps) {\n  if (viewTransitions) {\n    return (\n      <BrowserRouter {...props}>\n        <NavigationManager />\n        <TransitionContainer>{children}</TransitionContainer>\n      </BrowserRouter>\n    )\n  }\n\n  return (\n    <BrowserRouter {...props}>\n      <NavigationManager />\n      {children}\n    </BrowserRouter>\n  )\n}\n"],"names":["MinisRouter","children","viewTransitions","props","jsxs","BrowserRouter","jsx","NavigationManager","TransitionContainer"],"mappings":";;;;AAUO,SAASA,EAAY;AAAA,EAC1B,UAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GAAqB;AACnB,SAAID,IAEA,gBAAAE,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAkB,EAAA;AAAA,IACnB,gBAAAD,EAACE,KAAqB,UAAAP,EAAS,CAAA;AAAA,EAAA,GACjC,IAKF,gBAAAG,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAkB,EAAA;AAAA,IAClBN;AAAA,EAAA,GACH;AAEJ;"}

package/dist/hooks/events/useOnNavigateBack.js

@@ -0,0 +1,14 @@
+import { useRef as i, useEffect as o } from "react";
+function s(n) {
+  const e = i(n);
+  e.current = n, o(() => {
+    const t = window.minisEvents.on("NAVIGATE_BACK", () => {
+      e.current();
+    });
+    return () => window.minisEvents.off(t);
+  }, []);
+}
+export {
+  s as useOnNavigateBack
+};
+//# sourceMappingURL=useOnNavigateBack.js.map

package/dist/hooks/events/useOnNavigateBack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnNavigateBack.js","sources":["../../../src/hooks/events/useOnNavigateBack.ts"],"sourcesContent":["import {useEffect, useRef} from 'react'\n\nexport function useOnNavigateBack(callback: () => void) {\n  // Using a ref allows the callback to be updated without triggering a re-render\n  // This makes the hook nicer to use because developers don't need useCallback\n  const callbackRef = useRef(callback)\n  callbackRef.current = callback\n\n  useEffect(() => {\n    const listenerId = window.minisEvents.on('NAVIGATE_BACK', () => {\n      callbackRef.current()\n    })\n\n    return () => window.minisEvents.off(listenerId)\n  }, [])\n}\n"],"names":["useOnNavigateBack","callback","callbackRef","useRef","useEffect","listenerId"],"mappings":";AAEO,SAASA,EAAkBC,GAAsB;AAGhD,QAAAC,IAAcC,EAAOF,CAAQ;AACnC,EAAAC,EAAY,UAAUD,GAEtBG,EAAU,MAAM;AACd,UAAMC,IAAa,OAAO,YAAY,GAAG,iBAAiB,MAAM;AAC9D,MAAAH,EAAY,QAAQ;AAAA,IAAA,CACrB;AAED,WAAO,MAAM,OAAO,YAAY,IAAIG,CAAU;AAAA,EAChD,GAAG,EAAE;AACP;"}

package/dist/hooks/navigation/useNavigateWithTransition.js

@@ -1,7 +1,7 @@
-import { useNavigate as c, useLocation as u } from "../../shop-minis-react/node_modules/.pnpm/react-router@7.7.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-router/dist/development/chunk-EF7DTUVF.js";
+import { useNavigate as u, useLocation as m } from "../../shop-minis-react/node_modules/.pnpm/react-router@7.7.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-router/dist/development/chunk-EF7DTUVF.js";
 import { DATA_NAVIGATION_TYPE_ATTRIBUTE as r } from "../../types/index.js";
-function d() {
-  const e = c(), o = u();
+function f() {
+  const e = u(), o = m();
   return (t, n) => {
     if (typeof t == "number") {
       if (document.startViewTransition)
@@ -18,10 +18,10 @@ function d() {
         return e(t);
       return;
     }
-    const a = t === o.pathname;
+    const a = t === o.pathname, s = t === "/";
     if (document.startViewTransition)
       document.startViewTransition(() => {
-        e(t, {
+        s ? e(-window.history.state.idx) : e(t, {
           replace: a,
           ...n
         }), n?.preventScrollReset !== !0 && window.scrollTo(0, 0);
@@ -37,6 +37,6 @@ function d() {
   };
 }
 export {
-  d as useNavigateWithTransition
+  f as useNavigateWithTransition
 };
 //# sourceMappingURL=useNavigateWithTransition.js.map

package/dist/hooks/navigation/useNavigateWithTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigateWithTransition.js","sources":["../../../src/hooks/navigation/useNavigateWithTransition.ts"],"sourcesContent":["import {useLocation, useNavigate, NavigateOptions} from 'react-router'\n\nimport {DATA_NAVIGATION_TYPE_ATTRIBUTE} from '../../types'\n\ntype UseNavigateWithTransitionReturns = (\n  to: string | number,\n  options?: NavigateOptions\n) => void | Promise<void>\n\nexport function useNavigateWithTransition(): UseNavigateWithTransitionReturns {\n  const navigate = useNavigate()\n  const location = useLocation()\n\n  const transitionNavigate = (\n    to: string | number,\n    options?: NavigateOptions\n  ) => {\n    if (typeof to === 'number') {\n      // Delta navigation - no options parameter\n      if (document.startViewTransition) {\n        const transition = document.startViewTransition(() => {\n          navigate(to)\n        })\n\n        transition.finished\n          .then(() => {\n            document.documentElement.removeAttribute(\n              DATA_NAVIGATION_TYPE_ATTRIBUTE\n            )\n          })\n          .catch(error => {\n            console.error('View transition error:', error)\n          })\n      } else {\n        return navigate(to)\n      }\n      return\n    }\n\n    const isSameRoute = to === location.pathname\n\n    // Path navigation - with options\n    if (document.startViewTransition) {\n      const transition = document.startViewTransition(() => {\n        navigate(to, {\n          replace: isSameRoute,\n          ...options,\n        })\n\n        if (options?.preventScrollReset !== true) {\n          window.scrollTo(0, 0)\n        }\n      })\n\n      transition.finished\n        .then(() => {\n          document.documentElement.removeAttribute(\n            DATA_NAVIGATION_TYPE_ATTRIBUTE\n          )\n        })\n        .catch(error => {\n          console.error('View transition error:', error)\n        })\n    } else {\n      return navigate(to, options)\n    }\n  }\n\n  return transitionNavigate\n}\n"],"names":["useNavigateWithTransition","navigate","useNavigate","location","useLocation","to","options","DATA_NAVIGATION_TYPE_ATTRIBUTE","error","isSameRoute"],"mappings":";;AASO,SAASA,IAA8D;AAC5E,QAAMC,IAAWC,EAAY,GACvBC,IAAWC,EAAY;AAyDtB,SAvDoB,CACzBC,GACAC,MACG;AACC,QAAA,OAAOD,KAAO,UAAU;AAE1B,UAAI,SAAS;AAKA,QAJQ,SAAS,oBAAoB,MAAM;AACpD,UAAAJ,EAASI,CAAE;AAAA,QAAA,CACZ,EAEU,SACR,KAAK,MAAM;AACV,mBAAS,gBAAgB;AAAA,YACvBE;AAAA,UACF;AAAA,QAAA,CACD,EACA,MAAM,CAASC,MAAA;AACN,kBAAA,MAAM,0BAA0BA,CAAK;AAAA,QAAA,CAC9C;AAAA;AAEH,eAAOP,EAASI,CAAE;AAEpB;AAAA,IAAA;AAGI,UAAAI,IAAcJ,MAAOF,EAAS;AAGpC,QAAI,SAAS;AAYA,MAXQ,SAAS,oBAAoB,MAAM;AACpD,QAAAF,EAASI,GAAI;AAAA,UACX,SAASI;AAAA,UACT,GAAGH;AAAA,QAAA,CACJ,GAEGA,GAAS,uBAAuB,MAC3B,OAAA,SAAS,GAAG,CAAC;AAAA,MACtB,CACD,EAEU,SACR,KAAK,MAAM;AACV,iBAAS,gBAAgB;AAAA,UACvBC;AAAA,QACF;AAAA,MAAA,CACD,EACA,MAAM,CAASC,MAAA;AACN,gBAAA,MAAM,0BAA0BA,CAAK;AAAA,MAAA,CAC9C;AAAA;AAEI,aAAAP,EAASI,GAAIC,CAAO;AAAA,EAE/B;AAGF;"}
+{"version":3,"file":"useNavigateWithTransition.js","sources":["../../../src/hooks/navigation/useNavigateWithTransition.ts"],"sourcesContent":["import {useLocation, useNavigate, NavigateOptions} from 'react-router'\n\nimport {DATA_NAVIGATION_TYPE_ATTRIBUTE} from '../../types'\n\ntype UseNavigateWithTransitionReturns = (\n  to: string | number,\n  options?: NavigateOptions\n) => void | Promise<void>\n\nexport function useNavigateWithTransition(): UseNavigateWithTransitionReturns {\n  const navigate = useNavigate()\n  const location = useLocation()\n\n  const transitionNavigate = (\n    to: string | number,\n    options?: NavigateOptions\n  ) => {\n    if (typeof to === 'number') {\n      // Delta navigation - no options parameter\n      if (document.startViewTransition) {\n        const transition = document.startViewTransition(() => {\n          navigate(to)\n        })\n\n        transition.finished\n          .then(() => {\n            document.documentElement.removeAttribute(\n              DATA_NAVIGATION_TYPE_ATTRIBUTE\n            )\n          })\n          .catch(error => {\n            console.error('View transition error:', error)\n          })\n      } else {\n        return navigate(to)\n      }\n      return\n    }\n\n    const isSameRoute = to === location.pathname\n    const isNavigatingToHomeRoute = to === '/'\n\n    // Path navigation - with options\n    if (document.startViewTransition) {\n      const transition = document.startViewTransition(() => {\n        if (isNavigatingToHomeRoute) {\n          navigate(-window.history.state.idx)\n        } else {\n          navigate(to, {\n            replace: isSameRoute,\n            ...options,\n          })\n        }\n\n        if (options?.preventScrollReset !== true) {\n          window.scrollTo(0, 0)\n        }\n      })\n\n      transition.finished\n        .then(() => {\n          document.documentElement.removeAttribute(\n            DATA_NAVIGATION_TYPE_ATTRIBUTE\n          )\n        })\n        .catch(error => {\n          console.error('View transition error:', error)\n        })\n    } else {\n      return navigate(to, options)\n    }\n  }\n\n  return transitionNavigate\n}\n"],"names":["useNavigateWithTransition","navigate","useNavigate","location","useLocation","to","options","DATA_NAVIGATION_TYPE_ATTRIBUTE","error","isSameRoute","isNavigatingToHomeRoute"],"mappings":";;AASO,SAASA,IAA8D;AAC5E,QAAMC,IAAWC,EAAY,GACvBC,IAAWC,EAAY;AA8DtB,SA5DoB,CACzBC,GACAC,MACG;AACC,QAAA,OAAOD,KAAO,UAAU;AAE1B,UAAI,SAAS;AAKA,QAJQ,SAAS,oBAAoB,MAAM;AACpD,UAAAJ,EAASI,CAAE;AAAA,QAAA,CACZ,EAEU,SACR,KAAK,MAAM;AACV,mBAAS,gBAAgB;AAAA,YACvBE;AAAA,UACF;AAAA,QAAA,CACD,EACA,MAAM,CAASC,MAAA;AACN,kBAAA,MAAM,0BAA0BA,CAAK;AAAA,QAAA,CAC9C;AAAA;AAEH,eAAOP,EAASI,CAAE;AAEpB;AAAA,IAAA;AAGI,UAAAI,IAAcJ,MAAOF,EAAS,UAC9BO,IAA0BL,MAAO;AAGvC,QAAI,SAAS;AAgBA,MAfQ,SAAS,oBAAoB,MAAM;AACpD,QAAIK,IACFT,EAAS,CAAC,OAAO,QAAQ,MAAM,GAAG,IAElCA,EAASI,GAAI;AAAA,UACX,SAASI;AAAA,UACT,GAAGH;AAAA,QAAA,CACJ,GAGCA,GAAS,uBAAuB,MAC3B,OAAA,SAAS,GAAG,CAAC;AAAA,MACtB,CACD,EAEU,SACR,KAAK,MAAM;AACV,iBAAS,gBAAgB;AAAA,UACvBC;AAAA,QACF;AAAA,MAAA,CACD,EACA,MAAM,CAASC,MAAA;AACN,gBAAA,MAAM,0BAA0BA,CAAK;AAAA,MAAA,CAC9C;AAAA;AAEI,aAAAP,EAASI,GAAIC,CAAO;AAAA,EAE/B;AAGF;"}

package/dist/index.js

@@ -2,13 +2,13 @@ import { DATA_NAVIGATION_TYPE_ATTRIBUTE as o, NAVIGATION_TYPES as t } from "./ty
 import { MinisContainer as i } from "./components/MinisContainer.js";
 import { AddToCartButton as n } from "./components/commerce/add-to-cart.js";
 import { BuyNowButton as s } from "./components/commerce/buy-now.js";
-import { ProductCard as u, ProductCardBadge as f, ProductCardContainer as x, ProductCardFavoriteButton as d, ProductCardImage as c, ProductCardImageContainer as C, ProductCardInfo as g, ProductCardPrice as S, ProductCardReviewStars as A, ProductCardTitle as D } from "./components/commerce/product-card.js";
+import { ProductCard as u, ProductCardBadge as f, ProductCardContainer as x, ProductCardFavoriteButton as c, ProductCardImage as d, ProductCardImageContainer as C, ProductCardInfo as g, ProductCardPrice as S, ProductCardReviewStars as A, ProductCardTitle as D } from "./components/commerce/product-card.js";
 import { ProductLink as T } from "./components/commerce/product-link.js";
-import { MerchantCard as I, MerchantCardContainer as R, MerchantCardHeader as E, MerchantCardInfo as M, MerchantCardName as w, MerchantCardRating as B } from "./components/commerce/merchant-card.js";
-import { ProductCardSkeleton as v } from "./components/commerce/product-card-skeleton.js";
+import { MerchantCard as I, MerchantCardContainer as R, MerchantCardHeader as B, MerchantCardInfo as E, MerchantCardName as M, MerchantCardRating as v } from "./components/commerce/merchant-card.js";
+import { ProductCardSkeleton as F } from "./components/commerce/product-card-skeleton.js";
 import { MerchantCardSkeleton as L } from "./components/commerce/merchant-card-skeleton.js";
 import { QuantitySelector as N } from "./components/commerce/quantity-selector.js";
-import { Search as _, SearchInput as y, SearchProvider as G, SearchResultsList as O } from "./components/commerce/search.js";
+import { Search as O, SearchInput as _, SearchProvider as y, SearchResultsList as G } from "./components/commerce/search.js";
 import { FavoriteButton as V } from "./components/commerce/favorite-button.js";
 import { ImageContentWrapper as W } from "./components/content/image-content-wrapper.js";
 import { MinisRouter as q } from "./components/navigation/minis-router.js";
@@ -22,23 +22,23 @@ import { AlertDialogAtom as pr } from "./components/atoms/alert-dialog.js";
 import { List as mr } from "./components/atoms/list.js";
 import { VideoPlayer as lr } from "./components/atoms/video-player.js";
 import { TextInput as fr } from "./components/atoms/text-input.js";
-import { ContentWrapper as dr } from "./components/atoms/content-wrapper.js";
+import { ContentWrapper as cr } from "./components/atoms/content-wrapper.js";
 import { ProductVariantPrice as Cr } from "./components/atoms/product-variant-price.js";
 import { Accordion as Sr, AccordionContent as Ar, AccordionItem as Dr, AccordionTrigger as Pr } from "./components/ui/accordion.js";
 import { Alert as hr, AlertDescription as Ir, AlertTitle as Rr } from "./components/ui/alert.js";
-import { AlertDialog as Mr, AlertDialogAction as wr, AlertDialogCancel as Br, AlertDialogContent as Fr, AlertDialogDescription as vr, AlertDialogFooter as Ur, AlertDialogHeader as Lr, AlertDialogOverlay as br, AlertDialogPortal as Nr, AlertDialogTitle as kr, AlertDialogTrigger as _r } from "./components/ui/alert-dialog.js";
-import { Avatar as Gr, AvatarFallback as Or, AvatarImage as Hr } from "./components/ui/avatar.js";
+import { AlertDialog as Er, AlertDialogAction as Mr, AlertDialogCancel as vr, AlertDialogContent as wr, AlertDialogDescription as Fr, AlertDialogFooter as Ur, AlertDialogHeader as Lr, AlertDialogOverlay as br, AlertDialogPortal as Nr, AlertDialogTitle as kr, AlertDialogTrigger as Or } from "./components/ui/alert-dialog.js";
+import { Avatar as yr, AvatarFallback as Gr, AvatarImage as Hr } from "./components/ui/avatar.js";
 import { Badge as zr, badgeVariants as Wr } from "./components/ui/badge.js";
 import { Card as qr, CardAction as Kr, CardContent as Qr, CardDescription as Zr, CardFooter as jr, CardHeader as Jr, CardTitle as Xr } from "./components/ui/card.js";
 import { Carousel as re, CarouselContent as ee, CarouselItem as oe, CarouselNext as te, CarouselPrevious as ae } from "./components/ui/carousel.js";
 import { Checkbox as pe } from "./components/ui/checkbox.js";
-import { Dialog as me, DialogClose as se, DialogContent as le, DialogDescription as ue, DialogFooter as fe, DialogHeader as xe, DialogOverlay as de, DialogPortal as ce, DialogTitle as Ce, DialogTrigger as ge } from "./components/ui/dialog.js";
-import { Drawer as Ae, DrawerClose as De, DrawerContent as Pe, DrawerDescription as Te, DrawerFooter as he, DrawerHeader as Ie, DrawerOverlay as Re, DrawerPortal as Ee, DrawerTitle as Me, DrawerTrigger as we } from "./components/ui/drawer.js";
-import { Input as Fe } from "./components/ui/input.js";
+import { Dialog as me, DialogClose as se, DialogContent as le, DialogDescription as ue, DialogFooter as fe, DialogHeader as xe, DialogOverlay as ce, DialogPortal as de, DialogTitle as Ce, DialogTrigger as ge } from "./components/ui/dialog.js";
+import { Drawer as Ae, DrawerClose as De, DrawerContent as Pe, DrawerDescription as Te, DrawerFooter as he, DrawerHeader as Ie, DrawerOverlay as Re, DrawerPortal as Be, DrawerTitle as Ee, DrawerTrigger as Me } from "./components/ui/drawer.js";
+import { Input as we } from "./components/ui/input.js";
 import { Label as Ue } from "./components/ui/label.js";
 import { Progress as be } from "./components/ui/progress.js";
-import { RadioGroup as ke, RadioGroupItem as _e } from "./components/ui/radio-group.js";
-import { ResizableHandle as Ge, ResizablePanel as Oe, ResizablePanelGroup as He } from "./components/ui/resizable.js";
+import { RadioGroup as ke, RadioGroupItem as Oe } from "./components/ui/radio-group.js";
+import { ResizableHandle as ye, ResizablePanel as Ge, ResizablePanelGroup as He } from "./components/ui/resizable.js";
 import { ScrollArea as ze, ScrollBar as We } from "./components/ui/scroll-area.js";
 import { Select as qe, SelectContent as Ke, SelectGroup as Qe, SelectItem as Ze, SelectLabel as je, SelectScrollDownButton as Je, SelectScrollUpButton as Xe, SelectSeparator as $e, SelectTrigger as ro, SelectValue as eo } from "./components/ui/select.js";
 import { Separator as to } from "./components/ui/separator.js";
@@ -49,13 +49,13 @@ import { Skeleton as Ao } from "./components/ui/skeleton.js";
 import { useRecentProducts as Po } from "./hooks/user/useRecentProducts.js";
 import { useRecentShops as ho } from "./hooks/user/useRecentShops.js";
 import { useSavedProducts as Ro } from "./hooks/user/useSavedProducts.js";
-import { useSavedProductsActions as Mo } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShops as Bo } from "./hooks/user/useFollowedShops.js";
-import { useFollowedShopsActions as vo } from "./hooks/user/useFollowedShopsActions.js";
+import { useSavedProductsActions as Eo } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShops as vo } from "./hooks/user/useFollowedShops.js";
+import { useFollowedShopsActions as Fo } from "./hooks/user/useFollowedShopsActions.js";
 import { useCurrentUser as Lo } from "./hooks/user/useCurrentUser.js";
 import { useOrders as No } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as _o } from "./hooks/user/useBuyerAttributes.js";
-import { useGenerateUserToken as Go } from "./hooks/user/useGenerateUserToken.js";
+import { useBuyerAttributes as Oo } from "./hooks/user/useBuyerAttributes.js";
+import { useGenerateUserToken as yo } from "./hooks/user/useGenerateUserToken.js";
 import { useProductListActions as Ho } from "./hooks/product/useProductListActions.js";
 import { useProductLists as zo } from "./hooks/product/useProductLists.js";
 import { useProductList as Yo } from "./hooks/product/useProductList.js";
@@ -70,32 +70,33 @@ import { useCuratedProducts as nt } from "./hooks/product/useCuratedProducts.js"
 import { useAsyncStorage as st } from "./hooks/storage/useAsyncStorage.js";
 import { useSecureStorage as ut } from "./hooks/storage/useSecureStorage.js";
 import { useImageUpload as xt } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as ct } from "./hooks/navigation/useShopNavigation.js";
+import { useShopNavigation as dt } from "./hooks/navigation/useShopNavigation.js";
 import { useCloseMini as gt } from "./hooks/navigation/useCloseMini.js";
 import { useDeeplink as At } from "./hooks/navigation/useDeeplink.js";
 import { useNavigateWithTransition as Pt } from "./hooks/navigation/useNavigateWithTransition.js";
 import { useShop as ht } from "./hooks/shop/useShop.js";
 import { useRecommendedShops as Rt } from "./hooks/shop/useRecommendedShops.js";
-import { useCreateImageContent as Mt } from "./hooks/content/useCreateImageContent.js";
-import { useErrorToast as Bt } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as vt } from "./hooks/util/useErrorScreen.js";
+import { useCreateImageContent as Et } from "./hooks/content/useCreateImageContent.js";
+import { useErrorToast as vt } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as Ft } from "./hooks/util/useErrorScreen.js";
 import { useShare as Lt } from "./hooks/util/useShare.js";
 import { useImagePicker as Nt } from "./hooks/util/useImagePicker.js";
-import { useKeyboardAvoidingView as _t } from "./hooks/util/useKeyboardAvoidingView.js";
-import { useRequestPermissions as Gt } from "./hooks/util/useRequestPermissions.js";
+import { useKeyboardAvoidingView as Ot } from "./hooks/util/useKeyboardAvoidingView.js";
+import { useRequestPermissions as yt } from "./hooks/util/useRequestPermissions.js";
 import { useOnMiniFocus as Ht } from "./hooks/events/useOnMiniFocus.js";
 import { useOnMiniBlur as zt } from "./hooks/events/useOnMiniBlur.js";
 import { useOnMiniClose as Yt } from "./hooks/events/useOnMiniClose.js";
 import { useOnAppStateChange as Kt } from "./hooks/events/useOnAppStateChange.js";
-import { MiniEntityNotFoundError as Zt, MiniError as jt, MiniNetworkError as Jt, formatError as Xt } from "./utils/errors.js";
-import { extractBrandTheme as ra, formatReviewCount as ea, getFeaturedImages as oa, normalizeRating as ta } from "./utils/merchant-card.js";
-import { parseUrl as ia } from "./utils/parseUrl.js";
-import { dataURLToBlob as na, fileToDataUri as ma, getResizedImageUrl as sa, getThumbhashBlobURL as la, getThumbhashDataURL as ua } from "./utils/image.js";
-import { formatMoney as xa } from "./utils/formatMoney.js";
-import { UserState as ca, UserTokenGenerateUserErrorCode as Ca } from "./shop-minis-platform/src/types/user.js";
-import { ContentCreateUserErrorCode as Sa, MinisContentStatus as Aa } from "./shop-minis-platform/src/types/content.js";
-import { Social as Pa } from "./shop-minis-platform/src/types/share.js";
-import { DATA_FETCHING_DEFAULT_FETCH_POLICY as ha, DATA_FETCHING_DEFAULT_PAGE_SIZE as Ia } from "./shop-minis-platform/src/constants.js";
+import { useOnNavigateBack as Zt } from "./hooks/events/useOnNavigateBack.js";
+import { MiniEntityNotFoundError as Jt, MiniError as Xt, MiniNetworkError as $t, formatError as ra } from "./utils/errors.js";
+import { extractBrandTheme as oa, formatReviewCount as ta, getFeaturedImages as aa, normalizeRating as ia } from "./utils/merchant-card.js";
+import { parseUrl as na } from "./utils/parseUrl.js";
+import { dataURLToBlob as sa, fileToDataUri as la, getResizedImageUrl as ua, getThumbhashBlobURL as fa, getThumbhashDataURL as xa } from "./utils/image.js";
+import { formatMoney as da } from "./utils/formatMoney.js";
+import { UserState as ga, UserTokenGenerateUserErrorCode as Sa } from "./shop-minis-platform/src/types/user.js";
+import { ContentCreateUserErrorCode as Da, MinisContentStatus as Pa } from "./shop-minis-platform/src/types/content.js";
+import { Social as ha } from "./shop-minis-platform/src/types/share.js";
+import { DATA_FETCHING_DEFAULT_FETCH_POLICY as Ra, DATA_FETCHING_DEFAULT_PAGE_SIZE as Ba } from "./shop-minis-platform/src/constants.js";
 export {
   Sr as Accordion,
   Ar as AccordionContent,
@@ -104,21 +105,21 @@ export {
   n as AddToCartButton,
   hr as Alert,
   Ir as AlertDescription,
-  Mr as AlertDialog,
-  wr as AlertDialogAction,
+  Er as AlertDialog,
+  Mr as AlertDialogAction,
   pr as AlertDialogAtom,
-  Br as AlertDialogCancel,
-  Fr as AlertDialogContent,
-  vr as AlertDialogDescription,
+  vr as AlertDialogCancel,
+  wr as AlertDialogContent,
+  Fr as AlertDialogDescription,
   Ur as AlertDialogFooter,
   Lr as AlertDialogHeader,
   br as AlertDialogOverlay,
   Nr as AlertDialogPortal,
   kr as AlertDialogTitle,
-  _r as AlertDialogTrigger,
+  Or as AlertDialogTrigger,
   Rr as AlertTitle,
-  Gr as Avatar,
-  Or as AvatarFallback,
+  yr as Avatar,
+  Gr as AvatarFallback,
   Hr as AvatarImage,
   zr as Badge,
   j as Button,
@@ -136,10 +137,10 @@ export {
   te as CarouselNext,
   ae as CarouselPrevious,
   pe as Checkbox,
-  Sa as ContentCreateUserErrorCode,
-  dr as ContentWrapper,
-  ha as DATA_FETCHING_DEFAULT_FETCH_POLICY,
-  Ia as DATA_FETCHING_DEFAULT_PAGE_SIZE,
+  Da as ContentCreateUserErrorCode,
+  cr as ContentWrapper,
+  Ra as DATA_FETCHING_DEFAULT_FETCH_POLICY,
+  Ba as DATA_FETCHING_DEFAULT_PAGE_SIZE,
   o as DATA_NAVIGATION_TYPE_ATTRIBUTE,
   me as Dialog,
   se as DialogClose,
@@ -147,8 +148,8 @@ export {
   ue as DialogDescription,
   fe as DialogFooter,
   xe as DialogHeader,
-  de as DialogOverlay,
-  ce as DialogPortal,
+  ce as DialogOverlay,
+  de as DialogPortal,
   Ce as DialogTitle,
   ge as DialogTrigger,
   Ae as Drawer,
@@ -158,57 +159,57 @@ export {
   he as DrawerFooter,
   Ie as DrawerHeader,
   Re as DrawerOverlay,
-  Ee as DrawerPortal,
-  Me as DrawerTitle,
-  we as DrawerTrigger,
+  Be as DrawerPortal,
+  Ee as DrawerTitle,
+  Me as DrawerTrigger,
   V as FavoriteButton,
   X as IconButton,
   rr as Image,
   W as ImageContentWrapper,
-  Fe as Input,
+  we as Input,
   Ue as Label,
   mr as List,
   ar as LongPressDetector,
   I as MerchantCard,
   R as MerchantCardContainer,
-  E as MerchantCardHeader,
-  M as MerchantCardInfo,
-  w as MerchantCardName,
-  B as MerchantCardRating,
+  B as MerchantCardHeader,
+  E as MerchantCardInfo,
+  M as MerchantCardName,
+  v as MerchantCardRating,
   L as MerchantCardSkeleton,
-  Zt as MiniEntityNotFoundError,
-  jt as MiniError,
-  Jt as MiniNetworkError,
+  Jt as MiniEntityNotFoundError,
+  Xt as MiniError,
+  $t as MiniNetworkError,
   i as MinisContainer,
-  Aa as MinisContentStatus,
+  Pa as MinisContentStatus,
   q as MinisRouter,
   t as NAVIGATION_TYPES,
   u as ProductCard,
   f as ProductCardBadge,
   x as ProductCardContainer,
-  d as ProductCardFavoriteButton,
-  c as ProductCardImage,
+  c as ProductCardFavoriteButton,
+  d as ProductCardImage,
   C as ProductCardImageContainer,
   g as ProductCardInfo,
   S as ProductCardPrice,
   A as ProductCardReviewStars,
-  v as ProductCardSkeleton,
+  F as ProductCardSkeleton,
   D as ProductCardTitle,
   T as ProductLink,
   Cr as ProductVariantPrice,
   be as Progress,
   N as QuantitySelector,
   ke as RadioGroup,
-  _e as RadioGroupItem,
-  Ge as ResizableHandle,
-  Oe as ResizablePanel,
+  Oe as RadioGroupItem,
+  ye as ResizableHandle,
+  Ge as ResizablePanel,
   He as ResizablePanelGroup,
   ze as ScrollArea,
   We as ScrollBar,
-  _ as Search,
-  y as SearchInput,
-  G as SearchProvider,
-  O as SearchResultsList,
+  O as Search,
+  _ as SearchInput,
+  y as SearchProvider,
+  G as SearchResultsList,
   qe as Select,
   Ke as SelectContent,
   Qe as SelectGroup,
@@ -229,48 +230,49 @@ export {
   uo as SheetTitle,
   fo as SheetTrigger,
   Ao as Skeleton,
-  Pa as Social,
+  ha as Social,
   fr as TextInput,
   co as Toaster,
   or as Touchable,
   Q as TransitionLink,
-  ca as UserState,
-  Ca as UserTokenGenerateUserErrorCode,
+  ga as UserState,
+  Sa as UserTokenGenerateUserErrorCode,
   lr as VideoPlayer,
   Wr as badgeVariants,
-  na as dataURLToBlob,
-  ra as extractBrandTheme,
-  ma as fileToDataUri,
-  Xt as formatError,
-  xa as formatMoney,
-  ea as formatReviewCount,
-  oa as getFeaturedImages,
-  sa as getResizedImageUrl,
-  la as getThumbhashBlobURL,
-  ua as getThumbhashDataURL,
-  ta as normalizeRating,
-  ia as parseUrl,
+  sa as dataURLToBlob,
+  oa as extractBrandTheme,
+  la as fileToDataUri,
+  ra as formatError,
+  da as formatMoney,
+  ta as formatReviewCount,
+  aa as getFeaturedImages,
+  ua as getResizedImageUrl,
+  fa as getThumbhashBlobURL,
+  xa as getThumbhashDataURL,
+  ia as normalizeRating,
+  na as parseUrl,
   go as toast,
   st as useAsyncStorage,
-  _o as useBuyerAttributes,
+  Oo as useBuyerAttributes,
   gt as useCloseMini,
-  Mt as useCreateImageContent,
+  Et as useCreateImageContent,
   nt as useCuratedProducts,
   Lo as useCurrentUser,
   At as useDeeplink,
-  vt as useErrorScreen,
-  Bt as useErrorToast,
-  Bo as useFollowedShops,
-  vo as useFollowedShopsActions,
-  Go as useGenerateUserToken,
+  Ft as useErrorScreen,
+  vt as useErrorToast,
+  vo as useFollowedShops,
+  Fo as useFollowedShopsActions,
+  yo as useGenerateUserToken,
   Nt as useImagePicker,
   xt as useImageUpload,
-  _t as useKeyboardAvoidingView,
+  Ot as useKeyboardAvoidingView,
   Pt as useNavigateWithTransition,
   Kt as useOnAppStateChange,
   zt as useOnMiniBlur,
   Yt as useOnMiniClose,
   Ht as useOnMiniFocus,
+  Zt as useOnNavigateBack,
   No as useOrders,
   it as usePopularProducts,
   Ko as useProduct,
@@ -285,12 +287,12 @@ export {
   ho as useRecentShops,
   tt as useRecommendedProducts,
   Rt as useRecommendedShops,
-  Gt as useRequestPermissions,
+  yt as useRequestPermissions,
   Ro as useSavedProducts,
-  Mo as useSavedProductsActions,
+  Eo as useSavedProductsActions,
   ut as useSecureStorage,
   Lt as useShare,
   ht as useShop,
-  ct as useShopNavigation
+  dt as useShopNavigation
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/internal/navigation-manager.js

@@ -0,0 +1,12 @@
+import { useOnNavigateBack as t } from "../hooks/events/useOnNavigateBack.js";
+import { useNavigateWithTransition as i } from "../hooks/navigation/useNavigateWithTransition.js";
+function r() {
+  const a = i();
+  return t(() => {
+    a(-1);
+  }), null;
+}
+export {
+  r as NavigationManager
+};
+//# sourceMappingURL=navigation-manager.js.map

package/dist/internal/navigation-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-manager.js","sources":["../../src/internal/navigation-manager.tsx"],"sourcesContent":["import {useOnNavigateBack} from '../hooks/events/useOnNavigateBack'\nimport {useNavigateWithTransition} from '../hooks/navigation/useNavigateWithTransition'\n\nexport function NavigationManager() {\n  const navigate = useNavigateWithTransition()\n\n  // Handle native back button press\n  useOnNavigateBack(() => {\n    navigate(-1)\n  })\n\n  return null\n}\n"],"names":["NavigationManager","navigate","useNavigateWithTransition","useOnNavigateBack"],"mappings":";;AAGO,SAASA,IAAoB;AAClC,QAAMC,IAAWC,EAA0B;AAG3C,SAAAC,EAAkB,MAAM;AACtB,IAAAF,EAAS,EAAE;AAAA,EAAA,CACZ,GAEM;AACT;"}

package/dist/shop-minis-react/node_modules/.pnpm/simple-swizzle@0.2.2/node_modules/simple-swizzle/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../../../../../_virtual/index10.js";
+import { __module as t } from "../../../../../../_virtual/index11.js";
 import { __require as z } from "../../../is-arrayish@0.3.2/node_modules/is-arrayish/index.js";
 var l;
 function v() {

package/dist/shop-minis-react/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../../../../../_virtual/index11.js";
+import { __module as r } from "../../../../../../../_virtual/index10.js";
 import { __require as o } from "../cjs/use-sync-external-store-shim.production.js";
 import { __require as i } from "../cjs/use-sync-external-store-shim.development.js";
 var e;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shopify/shop-minis-react",
   "license": "SEE LICENSE IN LICENSE.txt",
-  "version": "0.0.0-snapshot.20260112135741",
+  "version": "0.0.0-snapshot.20260112135844",
   "sideEffects": false,
   "type": "module",
   "engines": {
@@ -46,7 +46,7 @@
     "typescript": ">=5.0.0"
   },
   "dependencies": {
-    "@shopify/shop-minis-platform": "0.0.0-snapshot.20260112135741",
+    "@shopify/shop-minis-platform": "0.0.0-snapshot.20260112135844",
     "@tailwindcss/vite": "4.1.8",
     "@tanstack/react-query": "5.86.0",
     "@types/color": "3.0.6",

package/src/components/navigation/minis-router.tsx

@@ -1,5 +1,7 @@
 import {BrowserRouter, BrowserRouterProps} from 'react-router'
 
+import {NavigationManager} from '../../internal/navigation-manager'
+
 import {TransitionContainer} from './transition-container'
 
 export interface MinisRouterProps extends BrowserRouterProps {
@@ -14,10 +16,16 @@ export function MinisRouter({
   if (viewTransitions) {
     return (
       <BrowserRouter {...props}>
+        <NavigationManager />
         <TransitionContainer>{children}</TransitionContainer>
       </BrowserRouter>
     )
   }
 
-  return <BrowserRouter {...props}>{children}</BrowserRouter>
+  return (
+    <BrowserRouter {...props}>
+      <NavigationManager />
+      {children}
+    </BrowserRouter>
+  )
 }

package/src/hooks/events/useOnNavigateBack.ts

@@ -0,0 +1,16 @@
+import {useEffect, useRef} from 'react'
+
+export function useOnNavigateBack(callback: () => void) {
+  // Using a ref allows the callback to be updated without triggering a re-render
+  // This makes the hook nicer to use because developers don't need useCallback
+  const callbackRef = useRef(callback)
+  callbackRef.current = callback
+
+  useEffect(() => {
+    const listenerId = window.minisEvents.on('NAVIGATE_BACK', () => {
+      callbackRef.current()
+    })
+
+    return () => window.minisEvents.off(listenerId)
+  }, [])
+}

package/src/hooks/index.ts

@@ -54,3 +54,4 @@ export * from './events/useOnMiniFocus'
 export * from './events/useOnMiniBlur'
 export * from './events/useOnMiniClose'
 export * from './events/useOnAppStateChange'
+export * from './events/useOnNavigateBack'

package/src/hooks/navigation/useNavigateWithTransition.test.ts

@@ -290,15 +290,29 @@ describe('useNavigateWithTransition', () => {
       })
     })
 
-    it('handles navigation to root path', async () => {
+    it('handles navigation to root path using history delta', async () => {
+      // Mock history state with idx
+      const originalHistoryState = window.history.state
+      Object.defineProperty(window.history, 'state', {
+        value: {idx: 3},
+        writable: true,
+        configurable: true,
+      })
+
       const {result} = renderHook(() => useNavigateWithTransition())
 
       await act(async () => {
         result.current('/')
       })
 
-      expect(mockNavigate).toHaveBeenCalledWith('/', {
-        replace: false,
+      // Should navigate back using delta based on history index
+      expect(mockNavigate).toHaveBeenCalledWith(-3)
+
+      // Restore original state
+      Object.defineProperty(window.history, 'state', {
+        value: originalHistoryState,
+        writable: true,
+        configurable: true,
       })
     })
 

package/src/hooks/navigation/useNavigateWithTransition.ts

@@ -38,14 +38,19 @@ export function useNavigateWithTransition(): UseNavigateWithTransitionReturns {
     }
 
     const isSameRoute = to === location.pathname
+    const isNavigatingToHomeRoute = to === '/'
 
     // Path navigation - with options
     if (document.startViewTransition) {
       const transition = document.startViewTransition(() => {
-        navigate(to, {
-          replace: isSameRoute,
-          ...options,
-        })
+        if (isNavigatingToHomeRoute) {
+          navigate(-window.history.state.idx)
+        } else {
+          navigate(to, {
+            replace: isSameRoute,
+            ...options,
+          })
+        }
 
         if (options?.preventScrollReset !== true) {
           window.scrollTo(0, 0)

package/src/internal/navigation-manager.tsx

@@ -0,0 +1,13 @@
+import {useOnNavigateBack} from '../hooks/events/useOnNavigateBack'
+import {useNavigateWithTransition} from '../hooks/navigation/useNavigateWithTransition'
+
+export function NavigationManager() {
+  const navigate = useNavigateWithTransition()
+
+  // Handle native back button press
+  useOnNavigateBack(() => {
+    navigate(-1)
+  })
+
+  return null
+}