@sevenfold/setto-client 0.8.4 → 0.8.5

package/dist/lib/urls.d.ts

@@ -27,3 +27,18 @@ export declare function currentAdminView(): string | null;
  */
 export declare function isAdminPanelView(): boolean;
 export declare function adminRedirectUrl(): string;
+/**
+ * The intent a visitor arrived with, carried across the sign-in.
+ *
+ * «Neste» on the preview bar means "take me to the checkout", but a visitor
+ * who is not signed in cannot start one — the route wants a session and proof
+ * the site is theirs. Sending them to /setto loses the intent, and they come
+ * back to the same bar and have to press it again.
+ *
+ * So the wish rides along in the query string and is honoured on the way back.
+ */
+export declare const CHECKOUT_INTENT = "neste";
+export declare function checkoutIntentUrl(): string;
+export declare function wantsCheckout(): boolean;
+/** The same address without the marker, so a reload does not start it twice. */
+export declare function withoutCheckoutIntent(): string;

package/dist/setto-client.js

@@ -21358,6 +21358,40 @@ function useSiteAccess(supabase, session, siteId) {
   }, [supabase, session, siteId]);
   return state;
 }
+const SETTO_BASE = "/setto";
+function siteHomeUrl(pathname = "/") {
+  const u = new URL(window.location.href);
+  u.pathname = pathname;
+  u.search = "";
+  return u.toString();
+}
+function isAdminRoute() {
+  return window.location.pathname.startsWith(SETTO_BASE);
+}
+function isAdminDeploymentView() {
+  return isAdminRoute() && new URLSearchParams(window.location.search).has("deployment");
+}
+function adminViewUrl(view) {
+  return `${SETTO_BASE}?view=${encodeURIComponent(view)}`;
+}
+function currentAdminView() {
+  return new URLSearchParams(window.location.search).get("view");
+}
+function isAdminPanelView() {
+  return isAdminDeploymentView() || isAdminRoute() && currentAdminView() !== null;
+}
+const CHECKOUT_INTENT = "neste";
+function checkoutIntentUrl() {
+  return `${SETTO_BASE}?${CHECKOUT_INTENT}=1`;
+}
+function wantsCheckout() {
+  return new URLSearchParams(window.location.search).get(CHECKOUT_INTENT) === "1";
+}
+function withoutCheckoutIntent() {
+  const u = new URL(window.location.href);
+  u.searchParams.delete(CHECKOUT_INTENT);
+  return u.pathname + (u.search || "") + u.hash;
+}
 const PREVIEW_HOST = /(^|\.)site\.setto\.no$/i;
 function isPreviewHost(hostname) {
   return PREVIEW_HOST.test(hostname);
@@ -21394,21 +21428,8 @@ function SettoPreviewBar() {
       cancelled = true;
     };
   }, [onPreview, session, config.apiUrl, config.siteId]);
-  const state = previewBarState({
-    onPreview,
-    authLoading,
-    hasSession: !!session,
-    sitesLoaded: sites !== null,
-    hasCurrentSite: !!currentSite,
-    currentSiteIsLive: currentSite?.status === "live",
-    soldPublic,
-    paidMarker: paid
-  });
-  if (state === "hidden") return null;
-  const owner = state === "owner";
-  const name = currentSite?.display_name?.trim() || config.displayName?.trim() || config.siteId;
   const signIn = () => {
-    window.location.href = "/setto";
+    window.location.href = checkoutIntentUrl();
   };
   const next = () => {
     if (window.parent !== window) {
@@ -21445,6 +21466,28 @@ function SettoPreviewBar() {
       setBusy(false);
     }
   };
+  const resumed = useRef(false);
+  useEffect(() => {
+    if (resumed.current || !onPreview || !session || !currentSite) return;
+    if (!wantsCheckout()) return;
+    if (paid || currentSite.status === "live") return;
+    resumed.current = true;
+    window.history.replaceState(null, "", withoutCheckoutIntent());
+    void publish();
+  }, [onPreview, session, currentSite, paid]);
+  const state = previewBarState({
+    onPreview,
+    authLoading,
+    hasSession: !!session,
+    sitesLoaded: sites !== null,
+    hasCurrentSite: !!currentSite,
+    currentSiteIsLive: currentSite?.status === "live",
+    soldPublic,
+    paidMarker: paid
+  });
+  if (state === "hidden") return null;
+  const owner = state === "owner";
+  const name = currentSite?.display_name?.trim() || config.displayName?.trim() || config.siteId;
   return createPortal(
     /*
      * Lifted above the editor's floating button when edit mode is on, which
@@ -21545,28 +21588,6 @@ const errorStyle$1 = {
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 };
-const SETTO_BASE = "/setto";
-function siteHomeUrl(pathname = "/") {
-  const u = new URL(window.location.href);
-  u.pathname = pathname;
-  u.search = "";
-  return u.toString();
-}
-function isAdminRoute() {
-  return window.location.pathname.startsWith(SETTO_BASE);
-}
-function isAdminDeploymentView() {
-  return isAdminRoute() && new URLSearchParams(window.location.search).has("deployment");
-}
-function adminViewUrl(view) {
-  return `${SETTO_BASE}?view=${encodeURIComponent(view)}`;
-}
-function currentAdminView() {
-  return new URLSearchParams(window.location.search).get("view");
-}
-function isAdminPanelView() {
-  return isAdminDeploymentView() || isAdminRoute() && currentAdminView() !== null;
-}
 const FAB_SIZE = 52;
 const FAB_INSET = 16;
 const STYLE_ID$3 = "setto-edit-layout";
@@ -26256,7 +26277,9 @@ function SiteList() {
     }
     if (currentSite) {
       redirectAfterSignIn.current = false;
-      window.location.replace(siteHomeUrl());
+      window.location.replace(
+        wantsCheckout() ? `${siteHomeUrl()}?${CHECKOUT_INTENT}=1` : siteHomeUrl()
+      );
       return;
     }
     redirectAfterSignIn.current = false;