@shopify/shop-minis-react 0.0.0-snapshot.20251219164319 → 0.0.0-snapshot.20251224113248

package/dist/internal/navigation-manager.js

@@ -1,28 +0,0 @@
-import { useEffect as e } from "react";
-import { useLocation as a } 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 { useOnNavigateBack as r } from "../hooks/events/useOnNavigateBack.js";
-import { useNavigateWithTransition as s } from "../hooks/navigation/useNavigateWithTransition.js";
-import { useShopActions as h } from "./useShopActions.js";
-function u() {
-  const t = a(), i = s(), { reportNavigationState: o } = h();
-  return e(() => {
-    const n = {
-      location: {
-        pathname: t.pathname,
-        search: t.search,
-        hash: t.hash,
-        key: t.key,
-        state: t.state
-      },
-      historyLength: typeof window > "u" ? 0 : window.history.length,
-      historyIndex: typeof window > "u" || !window.history.state?.idx ? null : window.history.state.idx
-    };
-    o(n);
-  }, [t, o]), r(() => {
-    i(-1);
-  }), null;
-}
-export {
-  u as NavigationManager
-};
-//# sourceMappingURL=navigation-manager.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-manager.js","sources":["../../src/internal/navigation-manager.tsx"],"sourcesContent":["import {useEffect} from 'react'\n\nimport {useLocation} from 'react-router'\n\nimport {useOnNavigateBack} from '../hooks/events/useOnNavigateBack'\nimport {useNavigateWithTransition} from '../hooks/navigation/useNavigateWithTransition'\n\nimport {useShopActions} from './useShopActions'\n\nexport function NavigationManager() {\n  const location = useLocation()\n  const navigate = useNavigateWithTransition()\n  const {reportNavigationState} = useShopActions()\n\n  // Report navigation state on location changes\n  useEffect(() => {\n    const navigationState = {\n      location: {\n        pathname: location.pathname,\n        search: location.search,\n        hash: location.hash,\n        key: location.key,\n        state: location.state,\n      },\n      historyLength: typeof window === 'undefined' ? 0 : window.history.length,\n      historyIndex:\n        typeof window === 'undefined' || !window.history.state?.idx\n          ? null\n          : window.history.state.idx,\n    }\n\n    reportNavigationState(navigationState)\n  }, [location, reportNavigationState])\n\n  // Handle native back button press\n  useOnNavigateBack(() => {\n    navigate(-1)\n  })\n\n  return null\n}\n"],"names":["NavigationManager","location","useLocation","navigate","useNavigateWithTransition","reportNavigationState","useShopActions","useEffect","navigationState","useOnNavigateBack"],"mappings":";;;;;AASO,SAASA,IAAoB;AAClC,QAAMC,IAAWC,EAAY,GACvBC,IAAWC,EAA0B,GACrC,EAAC,uBAAAC,EAAqB,IAAIC,EAAe;AAG/C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAkB;AAAA,MACtB,UAAU;AAAA,QACR,UAAUP,EAAS;AAAA,QACnB,QAAQA,EAAS;AAAA,QACjB,MAAMA,EAAS;AAAA,QACf,KAAKA,EAAS;AAAA,QACd,OAAOA,EAAS;AAAA,MAClB;AAAA,MACA,eAAe,OAAO,SAAW,MAAc,IAAI,OAAO,QAAQ;AAAA,MAClE,cACE,OAAO,SAAW,OAAe,CAAC,OAAO,QAAQ,OAAO,MACpD,OACA,OAAO,QAAQ,MAAM;AAAA,IAC7B;AAEA,IAAAI,EAAsBG,CAAe;AAAA,EAAA,GACpC,CAACP,GAAUI,CAAqB,CAAC,GAGpCI,EAAkB,MAAM;AACtB,IAAAN,EAAS,EAAE;AAAA,EAAA,CACZ,GAEM;AACT;"}

package/src/hooks/events/useOnNavigateBack.ts

@@ -1,16 +0,0 @@
-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/internal/navigation-manager.tsx

@@ -1,41 +0,0 @@
-import {useEffect} from 'react'
-
-import {useLocation} from 'react-router'
-
-import {useOnNavigateBack} from '../hooks/events/useOnNavigateBack'
-import {useNavigateWithTransition} from '../hooks/navigation/useNavigateWithTransition'
-
-import {useShopActions} from './useShopActions'
-
-export function NavigationManager() {
-  const location = useLocation()
-  const navigate = useNavigateWithTransition()
-  const {reportNavigationState} = useShopActions()
-
-  // Report navigation state on location changes
-  useEffect(() => {
-    const navigationState = {
-      location: {
-        pathname: location.pathname,
-        search: location.search,
-        hash: location.hash,
-        key: location.key,
-        state: location.state,
-      },
-      historyLength: typeof window === 'undefined' ? 0 : window.history.length,
-      historyIndex:
-        typeof window === 'undefined' || !window.history.state?.idx
-          ? null
-          : window.history.state.idx,
-    }
-
-    reportNavigationState(navigationState)
-  }, [location, reportNavigationState])
-
-  // Handle native back button press
-  useOnNavigateBack(() => {
-    navigate(-1)
-  })
-
-  return null
-}