Merge pull request #2284 from graphcommerce-org/fix/GCOM-1395

fix(GCOM-1395): prevent checkout on looping back and forth with the cart overlay when navigating directly to the checkout

.changeset/moody-eggs-vanish.md

@@ -0,0 +1,5 @@
+---
+'@graphcommerce/framer-next-pages': minor
+---
+
+Prevent checkout on looping back and forth with the cart overlay when navigating directly to the checkout.

packages/framer-next-pages/components/Pages.tsx

@@ -102,8 +102,21 @@ export function FramerNextPages(props: PagesProps) {
 
   let renderItems = [...items.current]
 
+  /**  Removes the page if the up path equls the path of a overlay and there is no history present **/
+  const upPath = (renderItems.at(0)?.pageProps?.up as { href: string; title: string })?.href
+  const overlayPath = renderItems.at(-1)?.routerContext.pageInfo.asPath
+  if (
+    renderItems.length === 2 &&
+    upPath &&
+    overlayPath &&
+    upPath === overlayPath &&
+    renderItems.at(-1)?.overlayGroup
+  ) {
+    renderItems = renderItems.slice(1)
+  }
+
   /** We need to render back to the last item that isn't an overlay. */
-  const plainIdx = findPlainIdx(items.current)
+  const plainIdx = findPlainIdx(renderItems)
 
   const shouldLoadFb = plainIdx === -1 && typeof window !== 'undefined' && !fb