@sevenfold/setto-client 0.3.3 → 0.3.4

package/dist/guest-edit.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+interface GuestEditContextValue {
+    active: boolean;
+    start: () => void;
+    stop: () => void;
+}
+/**
+ * Lets visitors inline-edit copy on a marketing site (e.g. setto.no) without
+ * auth. Changes are session-only and never published. Real Setto edit mode
+ * always takes precedence.
+ */
+export declare function GuestEditProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useGuestEdit(): GuestEditContextValue;
+export {};

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { SettoProvider, useSetto } from './provider';
+export { GuestEditProvider, useGuestEdit } from './guest-edit';
 export { T } from './T';
 export { SettoSection } from './SettoSection';
 export { SettoBlock } from './SettoBlock';

package/dist/setto-client.js

@@ -22697,6 +22697,30 @@ function useSetto() {
   }
   return ctx;
 }
+const GuestEditContext = createContext(null);
+function GuestEditProvider({ children }) {
+  const { editMode } = useSetto();
+  const [active, setActive] = useState(false);
+  useEffect(() => {
+    if (editMode && active) setActive(false);
+  }, [editMode, active]);
+  useEffect(() => {
+    document.documentElement.classList.toggle("setto-guest-editing", active);
+    return () => document.documentElement.classList.remove("setto-guest-editing");
+  }, [active]);
+  const start = useCallback(() => setActive(true), []);
+  const stop = useCallback(() => setActive(false), []);
+  return /* @__PURE__ */ jsx(GuestEditContext.Provider, { value: { active, start, stop }, children });
+}
+function useGuestEdit() {
+  const ctx = useContext(GuestEditContext);
+  if (!ctx) {
+    return { active: false, start: () => {
+    }, stop: () => {
+    } };
+  }
+  return ctx;
+}
 const MARGIN = 10;
 const OFFSET = 8;
 const MIN_TOUCH = 44;
@@ -22814,6 +22838,8 @@ function rangeFromPoint(doc, x, y) {
 function T({ k }) {
   const { t, i18n } = useTranslation();
   const { editMode, store } = useSetto();
+  const guestEdit = useGuestEdit();
+  const editable = editMode || guestEdit.active;
   const ref = useRef(null);
   const [focused, setFocused] = useState(false);
   const [linkContext, setLinkContext] = useState(false);
@@ -22829,7 +22855,7 @@ function T({ k }) {
     if (!el || focused || !editMode) return;
     if (el.textContent !== value) el.textContent = value;
   }, [value, focused, editMode]);
-  if (!editMode) return /* @__PURE__ */ jsx(Fragment, { children: value });
+  if (!editable) return /* @__PURE__ */ jsx(Fragment, { children: value });
   const handleMouseDown = (e) => {
     e.stopPropagation();
     const el = e.currentTarget;
@@ -22875,6 +22901,7 @@ function T({ k }) {
     commit(e.currentTarget);
   };
   const handleInput = (e) => {
+    if (!editMode) return;
     store?.set(k, i18n.language, e.currentTarget.textContent ?? "");
   };
   const handlePaste = (e) => {
@@ -22915,7 +22942,7 @@ function T({ k }) {
         style: {
           cursor: "text",
           color: "inherit",
-          outline: focused ? "2px solid #640AFF" : void 0,
+          outline: focused ? editMode ? "2px solid #640AFF" : "2px solid #C4502A" : void 0,
           outlineOffset: 2,
           borderRadius: 2,
           transition: "outline-color 120ms"
@@ -24185,6 +24212,7 @@ function depDotStyle(status) {
 }
 export {
   AuthGate,
+  GuestEditProvider,
   SettoAdminApp,
   SettoBlock,
   SettoIcon,
@@ -24193,6 +24221,7 @@ export {
   SettoRepeater,
   SettoSection,
   T,
+  useGuestEdit,
   useSectionTheme,
   useSetto
 };