@sevenfold/setto-client 0.8.3 → 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,15 @@ 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) {
+      window.parent.postMessage({ type: "setto:next", siteId: config.siteId }, "*");
+      return;
+    }
+    signIn();
   };
   const publish = async () => {
     setBusy(true);
@@ -21438,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
@@ -21459,11 +21509,8 @@ function SettoPreviewBar() {
           /* @__PURE__ */ jsx("button", { type: "button", style: primaryStyle, onClick: publish, disabled: busy, children: busy ? "Åpner betaling …" : "Publiser" })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { style: dotStyle, "aria-hidden": true }),
-          /* @__PURE__ */ jsxs("span", { style: labelStyle, children: [
-            "Forhåndsvisning av ",
-            name
-          ] }),
-          /* @__PURE__ */ jsx("button", { type: "button", style: primaryStyle, onClick: signIn, children: "Rediger" })
+          /* @__PURE__ */ jsx("span", { style: labelStyle, children: "Forhåndsvisning" }),
+          /* @__PURE__ */ jsx("button", { type: "button", style: primaryStyle, onClick: next, children: "Neste" })
         ] })
       }
     ),
@@ -21487,7 +21534,20 @@ const barStyle = {
   fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
   fontSize: 14,
   lineHeight: 1.3,
-  boxShadow: "0 18px 40px -18px rgba(0, 0, 0, 0.65)"
+  boxShadow: "0 18px 40px -18px rgba(0, 0, 0, 0.65)",
+  /*
+   * A frosted rim, so the pill reads as an object on any page.
+   *
+   * The bar sits on sites Setto did not choose the colours for: on a dark hero
+   * a dark pill disappears, and on a pale section its shadow is all that holds
+   * it. A translucent white border with `padding-box` clipping lets the page
+   * show through the rim itself, which separates the pill from either ground
+   * without picking a side.
+   */
+  border: "5px solid rgba(255, 255, 255, 0.22)",
+  backgroundClip: "padding-box",
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)"
 };
 const dotStyle = {
   width: 7,
@@ -21528,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";
@@ -26239,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;