efficient-web-builder 0.9.0 → 1.0.0

package/dist/components/SideSpaceField.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import{SettingsField as l}from"efficient-easel/panel";import{PaddingXIcon as d}from"efficient-easel/icons";import{SITE_GUTTER as t}from"../lib/content/page-width.js";import{Slider as s}from"../lib/puck/controls.js";import{PartResetDot as m}from"./PartResetDot.js";const r="Side space",p="Not set",c=t.default,f="The room left at the left and right edge of every page.";function S({value:o,onChange:a,showHint:i=!0}){const n=o===null;return e(l,{label:r,labelId:"sf-side-space",icon:e(d,{}),value:n?p:`${o}px`,changed:!n,action:n?void 0:e(m,{label:r,what:"change",onClear:()=>a(null)}),hint:i?f:void 0,children:e(s,{min:t.min,max:t.max,step:t.step,value:o??c,readout:!1,ariaLabel:r,onChange:a})})}export{f as SIDE_SPACE_HINT,r as SIDE_SPACE_LABEL,p as SIDE_SPACE_UNSET_LABEL,S as default};

package/dist/components/SiteEditorProvider.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+import type { Data } from "efficient-easel/blocks";
+import { type Permissions } from "efficient-easel/easel";
+export default function SiteEditorProvider({ config, data, onChange, permissions, children, }: {
+    config: unknown;
+    data: Data;
+    onChange?: (data: Data) => void;
+    permissions?: Partial<Permissions>;
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/SiteEditorProvider.js

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import{useEffect as s,useState as c}from"react";import{createEasel as l,EaselProvider as m}from"efficient-easel/easel";import{useEditorHost as p}from"../lib/editor-host.js";function S({config:r,data:u,onChange:o,permissions:e,children:d}){const[t]=c(()=>l({config:r,data:u,permissions:e}));s(()=>{t.setConfig(r)},[t,r]),s(()=>{if(!o)return;let i=t.getState().appState.data;return t.subscribe(()=>{const a=t.getState().appState.data;a!==i&&(i=a,o(a))})},[t,o]),s(()=>{e&&t.setPermissions(e)},[t,e]);const f=p();return n(m,{easel:t,hotkeys:f.ownsDocument,children:d})}export{S as default};

package/dist/components/SiteFields.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+import { type SettingsBucket } from "efficient-easel/fields";
+export declare const TAB_ICONS: Record<SettingsBucket, ReactNode>;
+export declare function SiteFields({ entries }: {
+    entries?: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/SiteFields.js

@@ -0,0 +1 @@
+"use client";import{jsx as l}from"react/jsx-runtime";import{useState as b}from"react";import{useSelectedFields as S}from"efficient-easel/easel";import{Inspector as C,planFields as T}from"efficient-easel/fields";import{BUCKET_ICONS as g,entriesHiddenForTab as h}from"../lib/puck/controls.js";import{BUCKETS as x}from"../lib/puck/field-groups.js";const i=new Map,O=Object.fromEntries(x.map(t=>{const e=g[t];return[t,l(e,{},t)]}));function B({entries:t}){const{id:e,fields:a,values:d,readOnly:m,onChange:p}=S(),[s,u]=b(()=>i.get(e)),o=i.get(e),n=T(a).buckets,r=o&&n.includes(o)?o:s&&n.includes(s)?s:n[0],f=r===void 0||h(n,r)!==!0;return l(C,{fields:a,values:d,onChange:p,readOnly:m,tab:r,onTab:c=>{i.set(e,c),u(c)},tabIcons:O,idPrefix:e,ariaLabel:"Section settings",children:f?t:null})}export{B as SiteFields,O as TAB_ICONS};

package/dist/components/SiteGutterFrame.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties, type ReactNode } from "react";
+export default function SiteGutterFrame({ contained, framedClass, fillClass, style, tabLabel, children, }: {
+    contained: boolean;
+    framedClass: string;
+    fillClass: string;
+    style?: CSSProperties;
+    tabLabel?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/SiteGutterFrame.js

@@ -0,0 +1 @@
+"use client";import{jsx as r}from"react/jsx-runtime";import{createContext as l,useContext as c}from"react";import{drawsSiteGutter as m}from"../lib/content/site-gutter.js";const s=l(!1);function f({contained:a,framedClass:i,fillClass:o,style:n,tabLabel:u,children:t}){const d=c(s),e=m(a,d);return r("div",{className:e?i:o,style:n,"data-tab-label":u,children:e?r(s.Provider,{value:!0,children:t}):t})}export{f as default};

package/dist/components/SiteLogoContext.d.ts

@@ -0,0 +1,25 @@
+export interface SiteLogoValue {
+    logoUrl: string | null;
+    logoReversed: string | null;
+    logoInkIsDark: boolean | null;
+    siteName?: string;
+}
+export declare const SiteLogoContext: import("react").Context<SiteLogoValue | null>;
+export interface EditorSiteLogoValue {
+    logo: {
+        logoUrl?: string | null;
+        logoReversed?: string | null;
+        logoInkIsDark?: boolean | null;
+    } | null;
+    placeholder: boolean;
+    wordmark: string | null;
+}
+export declare const EditorSiteLogoContext: import("react").Context<EditorSiteLogoValue>;
+export interface ResolvedSiteLogo {
+    src: string | null;
+    reversedSrc: string | null;
+    inkIsDark: boolean | null;
+    wordmark: string | null;
+    siteName: string | undefined;
+}
+export declare function useSiteLogo(): ResolvedSiteLogo;

package/dist/components/SiteLogoContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as t,useContext as r}from"react";import{PublishedFooterContext as g}from"./PublishedFooterContext.js";const a=t(null),c=t({logo:null,placeholder:!1,wordmark:null});function d(){const o=r(g),l=r(a),e=r(c),n=!o&&e.placeholder,s=o?o.logoUrl:e.logo?.logoUrl??l?.logoUrl??null;return{src:n?null:s,reversedSrc:o?o.logoReversed:e.logo?.logoReversed??l?.logoReversed??null,inkIsDark:o?o.logoInkIsDark:e.logo?.logoInkIsDark??l?.logoInkIsDark??null,wordmark:o?null:e.wordmark,siteName:o?.siteName??l?.siteName}}export{c as EditorSiteLogoContext,a as SiteLogoContext,d as useSiteLogo};

package/dist/components/SitePhotographyContext.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+import { sitePhotographyTokens } from "../lib/content/image-treatment.js";
+export declare function useSitePhotography(): boolean;
+export declare function SitePhotographyProvider({ grayscale, children, }: {
+    grayscale?: boolean | null;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export { sitePhotographyTokens };

package/dist/components/SitePhotographyContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as p,jsxs as x}from"react/jsx-runtime";import{createContext as u,useContext as c}from"react";import{sitePhotographyTokens as e}from"../lib/content/image-treatment.js";const o=u(!1);function f(){return c(o)}function j({grayscale:t,children:r}){const s=t===!0;return x(o.Provider,{value:s,children:[Object.entries(e(t)).map(([n,i])=>p("style",{children:i},n)),r]})}export{j as SitePhotographyProvider,e as sitePhotographyTokens,f as useSitePhotography};

package/dist/components/SiteStyleUnset.d.ts

@@ -0,0 +1 @@
+export declare const SITE_STYLE_UNSET_LABEL = "Not set";

package/dist/components/SiteStyleUnset.js

@@ -0,0 +1 @@
+const t="Not set";export{t as SITE_STYLE_UNSET_LABEL};

package/dist/components/SiteWidthField.d.ts

@@ -0,0 +1,8 @@
+export declare const SITE_WIDTH_LABEL = "Content width";
+export declare const SITE_WIDTH_UNSET_LABEL = "Not set";
+export declare const SITE_WIDTH_HINT = "The standard width every page on this site renders at.";
+export default function SiteWidthField({ value, onChange, showHint, }: {
+    value: number | null;
+    onChange: (v: number | null) => void;
+    showHint?: boolean;
+}): import("react").JSX.Element;

package/dist/components/SiteWidthField.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{SettingsField as s}from"efficient-easel/panel";import{WidthIcon as d}from"efficient-easel/icons";import{PAGE_WIDTH as e}from"../lib/content/page-width.js";import{Slider as l}from"../lib/puck/controls.js";import{PartResetDot as m}from"./PartResetDot.js";const i="Content width",p="Not set",c=e.default,f="The standard width every page on this site renders at.";function h({value:n,onChange:r,showHint:a=!0}){const o=n===null;return t(s,{label:i,labelId:"sf-site-width",icon:t(d,{}),value:o?p:`${n}px`,changed:!o,action:o?void 0:t(m,{label:i,what:"change",onClear:()=>r(null)}),hint:a?f:void 0,children:t(l,{min:e.min,max:e.max,step:e.step,value:n??c,readout:!1,ariaLabel:i,onChange:r})})}export{f as SITE_WIDTH_HINT,i as SITE_WIDTH_LABEL,p as SITE_WIDTH_UNSET_LABEL,h as default};

package/dist/components/SlotChildActionsContext.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+import type { TreeItem } from "../lib/puck/content-tree.js";
+export type SlotChildActions = {
+    selectChild: (zone: string, index: number, id: string, parentType: string) => void;
+    addChild: (parentId: string, slot: string, childType: string, atIndex: number, parentType: string) => void;
+    childRowName: (child: TreeItem) => string;
+    blockRowName: (child: TreeItem) => string;
+};
+export declare function SlotChildActionsProvider({ value, children, }: {
+    value: SlotChildActions;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useSlotChildActions(): SlotChildActions | null;

package/dist/components/SlotChildActionsContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as i}from"react";const t=r(null);function c({value:o,children:e}){return n(t.Provider,{value:o,children:e})}function u(){return i(t)}export{c as SlotChildActionsProvider,u as useSlotChildActions};

package/dist/components/SlotChildRows.d.ts

@@ -0,0 +1,16 @@
+import { type SlotChildActions } from "./SlotChildActionsContext.js";
+import type { TreeItem } from "../lib/puck/content-tree.js";
+export declare function SlotChildRows({ parent, parentType, label, rowName, onSelectChild, onAddChild, nestDepth, }: {
+    parent: TreeItem;
+    parentType: string;
+    label?: string;
+    rowName: SlotChildActions["childRowName"];
+    onSelectChild: SlotChildActions["selectChild"];
+    onAddChild: SlotChildActions["addChild"];
+    nestDepth?: number;
+}): import("react").JSX.Element | null;
+export declare function rowNamerFor(actions: SlotChildActions, parentType: string): SlotChildActions["childRowName"];
+export default function SlotChildRowsField({ parentType, label, }: {
+    parentType: string;
+    label?: string;
+}): import("react").JSX.Element | null;

package/dist/components/SlotChildRows.js

@@ -0,0 +1 @@
+"use client";import{jsx as s,jsxs as b}from"react/jsx-runtime";import{useEasel as x}from"efficient-easel/easel";import{SettingsDrill as A}from"efficient-easel/panel";import C from"./AddBlockRow.js";import N from"./AddChildRow.js";import{useSlotChildActions as k}from"./SlotChildActionsContext.js";import{HERO_GROUP_TYPE as $,heroGroupNestDepth as j}from"../lib/hero-group-placement.js";import{canAddTo as w}from"../lib/puck/add-target.js";import{GroupLabel as D}from"../lib/puck/controls.js";function _({parent:o,parentType:t,label:d,rowName:e,onSelectChild:r,onAddChild:m,nestDepth:p=0}){const u=w(t,p);if(!u)return null;const{slot:n,choices:f,spec:i}=u,a=String(o.props.id),h=`${a}:${n}`,l=Array.isArray(o.props[n])?o.props[n]:[],R=i?.addBlocked?.(l)??null,S=i?.notice?.(l)??null;return b("div",{className:"sf-slot-rows",children:[d?s(D,{label:`${d} \xB7 ${l.length}`}):null,S?s("p",{className:"sf-note",children:S}):null,l.map((c,g)=>s(A,{name:e(c),onOpen:()=>r(h,g,String(c.props.id),t)},String(c.props.id??`${h}-${g}`))),f?s(C,{choices:f,onPick:c=>m(a,n,c,l.length,t)}):i.fixed?null:s(N,{label:i.addLabel,blocked:R,onAdd:()=>m(a,n,i.childType,l.length,t)})]})}function E(o,t){return w(t)?.source==="footer"?o.blockRowName:o.childRowName}function G({parentType:o,label:t}){const{appState:d,selectedItem:e}=x(p=>p),r=k();if(!r||!e||e.type!==o)return null;const m=o===$?j(d?.data,String(e.props.id)):0;return s(_,{parent:e,parentType:o,label:t,rowName:E(r,o),onSelectChild:r.selectChild,onAddChild:r.addChild,nestDepth:m})}export{_ as SlotChildRows,G as default,E as rowNamerFor};

package/dist/components/SocialLinksPanel.d.ts

@@ -0,0 +1,3 @@
+export default function SocialLinksPanel({ unavailable }: {
+    unavailable?: React.ReactNode;
+}): import("react").JSX.Element;

package/dist/components/SocialLinksPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as t,Fragment as l,jsxs as p}from"react/jsx-runtime";import{useEffect as b,useId as d,useState as h}from"react";import{SettingsField as L}from"efficient-easel/panel";import{usePreviewSocial as y}from"./PreviewSocialContext.js";import{SocialMark as v}from"./socialIcons.js";import{SOCIAL_PLATFORMS as w,SOCIAL_PLATFORM_LABELS as x}from"../lib/content/social-links.js";const A={instagram:"instagram.com/yourshop",facebook:"facebook.com/yourshop",tiktok:"tiktok.com/@yourshop",youtube:"youtube.com/@yourshop",x:"x.com/yourshop",linkedin:"linkedin.com/company/yourshop",pinterest:"pinterest.com/yourshop",whatsapp:"wa.me/61400000000"};function E({platform:e}){const{rows:c,saveLink:n}=y(),{value:o,error:i}=c[e],[s,a]=h(o),[k,u]=h(!1),f=d(),m=d();b(()=>a(o),[o]);const S=async()=>{if(s.trim()===o){s!==o&&a(o);return}u(!0),await n(e,s),u(!1)},g=x[e];return p(l,{children:[t(L,{label:g,htmlFor:f,icon:t(v,{platform:e,iconStyle:"outline",size:18}),children:t("input",{id:f,type:"text",inputMode:"url",value:s,placeholder:A[e],onChange:r=>a(r.target.value),onBlur:()=>{S()},onKeyDown:r=>{r.key==="Enter"&&r.currentTarget.blur(),r.key==="Escape"&&(a(o),r.currentTarget.blur())},"aria-invalid":i?!0:void 0,"aria-describedby":i?m:void 0,"aria-busy":k||void 0,autoComplete:"off",spellCheck:!1})}),i&&t("p",{id:m,className:"sf-note sf-note--error",role:"alert",children:i})]})}function F({unavailable:e}){const{canSave:c}=y();return!c&&e?t(l,{children:e}):p(l,{children:[t("p",{className:"sf-field-hint",children:"Paste a link to each profile. A platform left empty shows nothing on the site."}),w.map(n=>t(E,{platform:n},n))]})}export{F as default};

package/dist/components/SourceStatus.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export interface SourceStatusProps {
+    status: string;
+    statusText: ReactNode;
+    onRefresh: () => void;
+    busy?: boolean;
+    edit?: {
+        label: string;
+        onClick: () => void;
+    };
+    hint: ReactNode;
+    spaced?: boolean;
+}
+export default function SourceStatus({ status, statusText, onRefresh, busy, edit, hint, spaced, }: SourceStatusProps): import("react").JSX.Element;

package/dist/components/SourceStatus.js

@@ -0,0 +1 @@
+"use client";import{jsx as s,jsxs as r}from"react/jsx-runtime";function u({status:l,statusText:t,onRefresh:n,busy:o=!1,edit:e,hint:a,spaced:c=!0}){return r("div",{className:"sf-blogsource",style:c?{marginTop:9}:void 0,children:[s("p",{className:"sf-blogsource-status","data-state":l,children:t}),s("button",{type:"button",className:"sf-blogsource-btn",onClick:n,disabled:o,children:"Refresh now"}),e?s("button",{type:"button",className:"sf-blogsource-btn",onClick:e.onClick,children:e.label}):null,s("p",{className:"sf-blogsource-hint",children:a})]})}export{u as default};

package/dist/components/Spacer.d.ts

@@ -0,0 +1,6 @@
+type Size = "sm" | "md" | "lg" | "xl";
+interface SpacerProps {
+    size: Size;
+}
+export default function Spacer({ size }: SpacerProps): import("react").JSX.Element;
+export {};

package/dist/components/Spacer.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";const e={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function s({size:r}){return a("div",{"aria-hidden":!0,className:e[r]})}export{s as default};

package/dist/components/SpecStrip.d.ts

@@ -0,0 +1,10 @@
+export interface StripCell {
+    text?: string;
+    tone?: "normal" | "muted";
+}
+export interface SpecStripProps {
+    cells?: StripCell[];
+    fill?: "dark" | "none";
+    editing?: boolean;
+}
+export default function SpecStrip({ cells, fill, editing }: SpecStripProps): import("react").JSX.Element | null;

package/dist/components/SpecStrip.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";const m=[{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"},{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"}];function d({cells:l,fill:p="dark",editing:x=!1}){const a=(l??[]).filter(e=>(e?.text??"").trim()),n=a.length>0?a:x?m:[];if(n.length===0)return null;const r=p!=="none",s=t("div",{className:"mx-auto flex max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))] flex-wrap items-baseline justify-between gap-x-8 gap-y-1 px-[var(--sf-site-gutter,40px)] py-4 text-[length:var(--size-label,12px)] uppercase tracking-[0.1em] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-3",children:n.map((e,i)=>t("span",{className:r?e.tone==="muted"?"text-plate-band-fg-dim":"text-plate-band-fg":e.tone==="muted"?"text-fg-dim":"text-fg",children:e.text},i))});return t("section",{className:"w-full",children:r?t("div",{className:"bg-plate-band",children:s}):t("div",{className:"border-t border-line",children:s})})}export{d as default};

package/dist/components/Split.d.ts

@@ -0,0 +1,33 @@
+interface Props {
+    imageLabel: string;
+    imageSrc?: string;
+    imageTint?: number;
+    imageObjectPosition?: string;
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    cta: {
+        text?: string;
+        href: string;
+    };
+    reverse?: boolean;
+    uppercase?: boolean;
+    textAlign?: "left" | "center" | "right";
+    textBgSrc?: string;
+    textBgLabel?: string;
+    textBgTint?: number;
+    textBgObjectPosition?: string;
+    featureBar?: {
+        wheel: string;
+        category: string;
+        cta?: string;
+        href: string;
+    };
+    imageButton?: {
+        text?: string;
+        href: string;
+    };
+    grayscale?: boolean;
+}
+export default function Split({ imageLabel, imageSrc, imageTint, imageObjectPosition, eyebrow, title, body, cta, reverse, uppercase, textAlign, textBgSrc, textBgLabel, textBgTint, textBgObjectPosition, featureBar, imageButton, grayscale, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/Split.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SiteLink as v}from"../lib/site-runtime.js";import $ from"./Btn.js";import{resolveImageTreatment as C}from"../lib/content/image-treatment.js";import u from"./Placeholder.js";import{useSitePhotography as G}from"./SitePhotographyContext.js";import I from"./SectionEyebrow.js";import{renderGold as a,renderHeadline as M,splitParagraphs as _}from"./goldPhrases.js";function A({imageLabel:o,imageSrc:p,imageTint:x=.4,imageObjectPosition:y,eyebrow:c,title:d,body:m,cta:l,reverse:h=!1,uppercase:N=!1,textAlign:j="left",textBgSrc:i,textBgLabel:k,textBgTint:f=.6,textBgObjectPosition:z,featureBar:t,imageButton:n,grayscale:w}){const g=C(w,G()),b={left:{items:"",text:"",cta:"self-start"},center:{items:"items-center",text:"text-center",cta:"self-center"},right:{items:"items-end",text:"text-right",cta:"self-end"}},s=b[j]??b.left;return e("section",{className:"relative z-[2] bg-bg p-0",children:r("div",{className:["grid min-h-[72vh] grid-cols-2 border-t border-b border-line","max-[960px]:grid-cols-1","max-[960px]:min-h-0",h?"min-[961px]:[direction:rtl]":""].join(" "),children:[r("div",{className:"sf-card relative flex items-center justify-center overflow-hidden bg-surface [direction:ltr] max-[960px]:aspect-[4/3] max-[960px]:order-2",style:h?{borderLeft:"1px solid var(--line)"}:{borderRight:"1px solid var(--line)"},children:[e(u,{label:o,src:p,objectPosition:y,treatment:g}),p&&x>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${x})`}}),(t||n)&&r("div",{className:"pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[t&&r(v,{href:t.href,className:"pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.3)",color:"rgba(245,241,232,0.85)",background:"rgba(0,0,0,0.45)"},children:[e("span",{children:a(t.wheel)}),e("span",{"aria-hidden":!0,style:{opacity:.55},children:"\xB7"}),e("span",{children:a(t.category)}),e("span",{"aria-hidden":!0,children:"\u2192"}),e("span",{children:a(t.cta??"Shop now")})]}),n&&r(v,{href:n.href,className:"pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[rgba(245,241,232,0.1)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.5)",color:"rgba(245,241,232,0.95)",background:"transparent"},children:[e("span",{children:a(n.text??"Learn more")}),e("span",{"aria-hidden":!0,children:"\u2192"})]})]})]}),r("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[i&&r("div",{className:"absolute inset-0","aria-hidden":!0,children:[e(u,{label:k??o,src:i,objectPosition:z,treatment:g}),f>0&&e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${f})`}})]}),e("div",{className:"relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px]",style:i?{color:"var(--overlay-fg)"}:void 0,children:r("div",{className:["flex flex-1 flex-col justify-center gap-6",s.items,s.text].join(" "),children:[c&&e(I,{text:c,size:14}),d&&e("h2",{className:["font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em]","max-[800px]:text-[length:var(--size-headingMedium,36px)] max-[800px]:leading-[1]",N?"uppercase":""].join(" "),children:M(d,!1)}),m&&_(m).map((P,L)=>e("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]",i?"opacity-85":"text-fg-dim"].join(" "),children:a(P)},L)),l.text&&e("div",{className:`mt-2 ${s.cta}`,children:e($,{href:l.href,variant:"primary",children:a(l.text)})})]})})]})]})})}export{A as default};

package/dist/components/StandaloneSectionEditor.d.ts

@@ -0,0 +1,18 @@
+import "efficient-easel/easel.css";
+import "efficient-easel/shell.css";
+import "efficient-easel/rail.css";
+import "efficient-easel/panel.css";
+import "efficient-easel/fields.css";
+import "efficient-easel/pick.css";
+import "efficient-easel/copy.css";
+import "efficient-easel/gold.css";
+import "efficient-easel/text-styles.css";
+import "efficient-easel/menu.css";
+import "efficient-easel/chrome.css";
+import "efficient-easel/tree.css";
+import "./storefront-editor.css";
+export default function StandaloneSectionEditor({ id, initialType, initialName, }: {
+    id: string;
+    initialType?: string;
+    initialName?: string;
+}): import("react").JSX.Element;

package/dist/components/StandaloneSectionEditor.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import{useCallback as R,useEffect as S,useMemo as m,useRef as Q,useState as u}from"react";import x from"next/dynamic";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"./storefront-editor.css";import{buildConfig as V}from"../lib/puck/build-config.js";import{withTemplateMediaPlaceholders as X}from"../lib/puck/templateFields.js";import{setEditorPageSlug as B}from"../lib/puck/editor-page-context.js";import{StorefrontDocumentContext as Z}from"./StorefrontDocumentContext.js";import{PreviewHeaderProvider as $}from"./PreviewHeaderContext.js";import{PreviewTickerProvider as ee}from"./PreviewTickerContext.js";import{PreviewPartsProvider as te}from"./PreviewPartsContext.js";import{PreviewLocationPartProvider as re}from"./PreviewLocationPartContext.js";import{PreviewPartStyleProvider as oe}from"./PreviewPartStyleContext.js";import{sectionTemplates as O}from"../lib/editor-section-templates.js";import{nodeToDoc as ne,docToNode as F}from"../lib/puck/section-doc.js";import{newNodeId as ie}from"../lib/puck/content-tree.js";import{migrateRenamedProps as se}from"../lib/puck/renamed-props.js";import{buildSlotSeedChildren as de}from"../lib/puck/slot-specs.js";import{FOOTER_TYPE as ae,buildDefaultFooterBlocks as ce}from"../lib/puck/footer-blocks.js";import{NO_BRIDGED_CAPABILITIES as le,useAdminBridge as me}from"../lib/editor-admin-bridge.js";import{useEditorHost as ue}from"../lib/editor-host.js";import{ChromeWrap as fe}from"../lib/editor-chrome.js";import{sessionRegistry as pe}from"../lib/editor-session.js";import{useEditorSession as ve}from"../lib/editor-session-context.js";import{routeSharedHostMessage as ge}from"../lib/editor-host-inbound.js";import{DEFAULT_THEME_MODE as P,THEME_MODE_KEY as he}from"../lib/theme.js";import{makeSitePageAdapter as L}from"../lib/editor-document-adapter.js";import{documentPermissions as Se}from"efficient-easel/edit-lock";import{useAutosave as Pe}from"efficient-easel/autosave";import{saveStatusOf as Ee}from"../lib/puck/pinned-seed-gate.js";const ye=x(()=>import("./SiteEditorProvider.js"),{ssr:!1}),Te=x(()=>import("./SectionEditorShell.js"),{ssr:!1}),H="HeroSingle",U="Untitled section";function we(n,E){const d=E.components,r=d[n]?n:H,y=d[r]?.defaultProps??{},i=de(r,f=>d[f]?.defaultProps??{}),s=r===ae?{blocks:ce()}:null;return{type:r,props:{id:ie(r),...y,...i?{[i.slot]:i.children}:null,...s}}}function Ne(){if(typeof window>"u")return P;try{const n=window.localStorage.getItem(he);return n==="light"||n==="dark"||n==="auto"?n:P}catch{return P}}function ke({id:n,initialType:E,initialName:d=U}){const[r,y]=u(n),i=Q(r);S(()=>{i.current=r},[r]);const s=ue(),[f,Y]=u(E),[b,j]=u(d),[a,T]=u(void 0),[K,G]=u(P),{token:w,tokenRef:M}=me({onMessage:e=>{if(ge(e))return;const t=e;if(t?.type==="storefront-editor:navigate"&&t.target?.kind==="section"&&t.target.id){const I=t.target.id;if(I===i.current)return;const z=t.target.type,J=t.target.name;k().then(()=>{Y(z),j(J||U),y(I),s.address.show({kind:"section",id:I})})}}}),N=Pe({save:e=>O.update(e.id,e.node).then(()=>{}),onFailure:(e,t)=>{t===0&&s.send("storefront-editor:save-failed")}}),{state:p,push:_,flush:k}=N;S(()=>G(Ne()),[]);const c=ve(),v=c.usesBridgedToken?!!w:!0,g=m(()=>V(pe(c),c.blocks),[c]);S(()=>{if(!v)return;let e=!1;return T(void 0),O.ensure(r,b,we(f??H,g)).then(t=>!e&&T(t.node)).catch(()=>!e&&T(null)),()=>{e=!0}},[r,f,b,v,g]);const A=R(e=>{s.send("storefront-editor:dirty");const t=F(e);t&&_({id:i.current,node:t})},[_,s]),h=s.send,D=R(async e=>{try{return await e(M.current??""),!0}catch{return h("storefront-editor:save-failed"),!1}},[h]),W=m(()=>X(g,!0),[g]);S(()=>(B(null),()=>B(null)),[]);const l=m(()=>a?se(ne(a)):null,[a]),C=m(()=>({target:{kind:"page",slug:""},adapter:L(void 0),capabilities:L(void 0).capabilities,templateId:null,currentSlug:"",currentKind:null,siteId:null,ready:v,token:w,tokenRef:M,notifyParent:h,runAuthed:D,docId:r,data:l,getLiveData:()=>l,footerOriginSlug:null,error:null,redirecting:!1,saveStatus:Ee(p),saveState:p,autoSaveEnabled:!0,autoSaveStoppedByConflict:!1,hasUnsavedEdits:p.pending,toggleAutoSave:()=>{},retrySave:()=>{N.retryNow()},onChange:A,flushSave:k,onPublish:async e=>{const t=F(e);t&&await O.update(i.current,t)},bridgeCapabilities:le,access:{kind:"editing"},readOnly:!1,takeOverEditing:()=>{},viewReadOnly:()=>{},saveConflict:null,reloadFromServer:()=>{},navigate:()=>{},pendingNav:null,cancelPendingNav:()=>{},discardAndNavigate:()=>{},saveAndNavigate:async()=>{}}),[r,v,w,h,D,l,p,A,k,N.retryNow]),q=m(()=>Se(!C.readOnly),[C.readOnly]);return a===void 0?o("div",{className:"sf-msg",children:"Loading\u2026"}):a===null||!l?o("div",{className:"sf-msg sf-msg--error",children:"Couldn\u2019t open this section."}):o(Z.Provider,{value:C,children:o($,{themeMode:K,chromePlaceholder:!0,children:o(fe,{wrap:c.chrome?.wrap,surface:"section",children:o(ee,{children:o(te,{children:o(re,{children:o(oe,{children:o(ye,{config:W,data:l,onChange:A,permissions:q,children:o(Te,{})},r)})})})})})})})}export{ke as default};

package/dist/components/Stats.d.ts

@@ -0,0 +1,14 @@
+interface StatItem {
+    value: string;
+    label: string;
+}
+interface StatsProps {
+    items: StatItem[];
+    contained: boolean;
+    heading?: string;
+    columns?: 2 | 3 | 4;
+    background?: string;
+    editing?: boolean;
+}
+export default function Stats({ items, contained, heading, columns, background, editing, }: StatsProps): import("react").JSX.Element;
+export {};

package/dist/components/Stats.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import m from"./BlockFrame.js";import p from"./CountUpText.js";import{renderGold as d}from"./goldPhrases.js";const f="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",u={2:"grid grid-cols-2 gap-8",3:"grid grid-cols-3 gap-8 max-[800px]:grid-cols-2",4:"grid grid-cols-4 gap-8 max-[800px]:grid-cols-2"};function h({items:o,contained:n,heading:i,columns:t,background:a,editing:c}){const g=t===void 0?f:u[t],l=e("div",{className:g,children:(o??[]).map((r,x)=>s("div",{className:"border-t border-line pt-5",children:[e("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:c?d(r.value):e(p,{value:r.value})}),e("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:d(r.label)})]},x))});return i===void 0&&a===void 0?e(m,{contained:n,className:"py-12",children:l}):e(m,{contained:n,className:"py-12",children:s("div",{style:a?{backgroundColor:a}:void 0,children:[i?e("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:d(i)}):null,l]})})}export{h as default};

package/dist/components/StatsParagraph.d.ts

@@ -0,0 +1,21 @@
+export interface StatCardData {
+    value?: string;
+    prefix?: string;
+    suffix?: string;
+    supSuffix?: string;
+    emphasizeAll?: boolean;
+    label?: string;
+    sub?: string;
+}
+export interface StatsParagraphProps {
+    eyebrow?: string;
+    title?: string;
+    desc?: string;
+    stats?: StatCardData[];
+    background?: string;
+    padTop?: number;
+    padBottom?: number;
+    editing?: boolean;
+    omitHead?: boolean;
+}
+export default function StatsParagraph({ eyebrow, title, desc, stats, background, padTop, padBottom, editing, omitHead, ...widthProps }?: StatsParagraphProps): import("react").JSX.Element;

package/dist/components/StatsParagraph.js

@@ -0,0 +1 @@
+"use client";import{jsxs as r,jsx as a,Fragment as y}from"react/jsx-runtime";import{sectionRunsFullWidth as w}from"../lib/content/section-width.js";import k from"./EditorialSectionHead.js";import{renderGold as h,renderHeadline as C}from"./goldPhrases.js";import{useCountUp as S}from"./useCountUp.js";const b="font-normal italic text-accent";function j({value:x,prefix:m,suffix:i,supSuffix:c,emphasizeAll:l,label:t,sub:n}){const s=(x??"").trim(),d=/^\d+$/.test(s),{ref:g,value:u}=S(d?parseInt(s,10):0),p=d?String(u):s,o=m??"";return r("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[r("div",{ref:g,className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(56px,7vw,96px)),var(--sf-heading-max,9999px))] font-medium leading-[0.9] tracking-[-0.04em] tabular-nums",children:[l?r("em",{className:b,children:[o,p]}):r(y,{children:[o,p,i?a("em",{className:b,children:i}):null]}),c?a("sup",{className:"ml-8 inline-block pt-[18px] align-top font-mono text-[length:var(--size-label,13px)] leading-none tracking-[0.18em] text-accent",children:c}):null]}),(t||n)&&r("div",{className:"mt-auto font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[t?a("strong",{className:"mb-1 block font-display text-[length:var(--size-body,16px)] font-normal normal-case tracking-[-0.01em] text-fg",children:t}):null,n?h(n):null]})]})}function z({eyebrow:x,title:m,desc:i,stats:c,background:l,padTop:t,padBottom:n,editing:s=!1,omitHead:d=!1,...g}={}){const u=typeof t=="number"?t:120,p=typeof n=="number"?n:120,o=(c??[]).filter(e=>(e.value??"").trim()!==""||(e.label??"").trim()!==""||(e.sub??"").trim()!==""||(e.suffix??"").trim()!==""||(e.supSuffix??"").trim()!==""),f=o.length>0?o:s?[{value:"0",label:"Stat",sub:"Add your numbers."}]:[],v=!!(l&&l!=="transparent");return r("section",{className:w(g)?"border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:u,paddingBottom:p,...v?{backgroundColor:l}:{}},children:[d?null:a(k,{num:x,title:m?C(m):void 0,desc:i?h(i):void 0}),f.length>0&&a("div",{className:"sf-card grid grid-cols-4 gap-[2px] border border-line bg-line max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1",children:f.map((e,N)=>a(j,{...e},N))})]})}export{z as default};

package/dist/components/StorefrontDocumentContext.d.ts

@@ -0,0 +1,67 @@
+import { type ReactNode, type RefObject } from "react";
+import type { Data } from "efficient-easel/blocks";
+import { type EditorCapabilities, type EditorDocumentAdapter } from "../lib/editor-document-adapter.js";
+import { type SaveStatus } from "../lib/puck/pinned-seed-gate.js";
+import { type BridgedCapabilities } from "../lib/editor-admin-bridge.js";
+import { type SendToHost } from "../lib/editor-host.js";
+import { type EditAccess, type SaveConflict } from "efficient-easel/edit-lock";
+import { type AutosaveSnapshot } from "efficient-easel/autosave";
+export type EditorTarget = {
+    kind: "page";
+    slug: string;
+    siteId?: string;
+    originSlug?: string;
+} | {
+    kind: "template";
+    id: string;
+    pageSlug?: string;
+};
+export type { SaveStatus };
+export type StorefrontDocumentValue = {
+    target: EditorTarget;
+    adapter: EditorDocumentAdapter;
+    capabilities: EditorCapabilities;
+    templateId: string | null;
+    currentSlug: string;
+    currentKind: string | null;
+    siteId: string | null;
+    ready: boolean;
+    token: string | null;
+    tokenRef: RefObject<string | null>;
+    notifyParent: SendToHost;
+    bridgeCapabilities: BridgedCapabilities;
+    runAuthed: (op: (token: string) => Promise<unknown>) => Promise<boolean>;
+    docId: string | null;
+    data: Data | null;
+    getLiveData: () => Data | null;
+    footerOriginSlug: string | null;
+    error: string | null;
+    redirecting: boolean;
+    saveStatus: SaveStatus;
+    saveState: AutosaveSnapshot;
+    autoSaveEnabled: boolean;
+    autoSaveStoppedByConflict: boolean;
+    hasUnsavedEdits: boolean;
+    toggleAutoSave: () => void;
+    retrySave: () => void;
+    onChange: (next: Data) => void;
+    flushSave: () => Promise<boolean>;
+    onPublish: (next: Data) => Promise<void>;
+    access: EditAccess;
+    readOnly: boolean;
+    takeOverEditing: () => void;
+    viewReadOnly: () => void;
+    saveConflict: SaveConflict | null;
+    reloadFromServer: () => void;
+    navigate: (target: EditorTarget) => void;
+    pendingNav: EditorTarget | null;
+    cancelPendingNav: () => void;
+    discardAndNavigate: () => void;
+    saveAndNavigate: () => Promise<void>;
+};
+export declare const StorefrontDocumentContext: import("react").Context<StorefrontDocumentValue | null>;
+export declare function useStorefrontDocument(): StorefrontDocumentValue;
+export declare function StorefrontDocumentProvider({ target, children, }: {
+    target: EditorTarget;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/StorefrontDocumentContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as et}from"react/jsx-runtime";import{createContext as tt,useCallback as s,useContext as rt,useEffect as k,useMemo as ue,useRef as c,useState as h}from"react";import{makeSitePageAdapter as nt,makeTemplatePageAdapter as ot}from"../lib/editor-document-adapter.js";import{backendOf as st}from"../lib/editor-session.js";import{offeredSetsOf as at}from"../lib/editor-blocks.js";import{useEditorSession as it}from"../lib/editor-session-context.js";import{setSessionDocumentSite as ut}from"../lib/editor-session.js";import{isExpiredSession as ct}from"../lib/editor-failure.js";import{HOME_PAGE_SLUG as P}from"../lib/puck/home-page.js";import{SITE_FOOTER_SLUG as M}from"../lib/content/footer.js";import{clearFooterReturn as Ae,readFooterReturn as Ce}from"../lib/puck/footer-return.js";import{resetForDocumentSwitch as lt,saveStatusOf as dt}from"../lib/puck/pinned-seed-gate.js";import{useAdminBridge as ft}from"../lib/editor-admin-bridge.js";import{routeSharedHostMessage as pt}from"../lib/editor-host-inbound.js";import{useEditorHost as vt}from"../lib/editor-host.js";import{describeLoadFailure as mt,hostLoadRefusal as kt}from"../lib/editor-load-error.js";import{migrateRenamedProps as gt}from"../lib/puck/renamed-props.js";import{canWriteDocument as R,holderOf as ht,newEaselClientId as St,reloadIfVersionMoved as yt}from"efficient-easel/edit-lock";import{useAutosave as wt}from"efficient-easel/autosave";import{pageEditLock as ce}from"../lib/editor-page-lock.js";const bt={content:[],root:{},zones:{}};function Et(a,T){if(a.kind!==T.kind)return!1;if(a.kind==="template"){const _=T;return a.id===_.id&&(a.pageSlug??P)===(_.pageSlug??P)}const n=T;return a.slug===n.slug&&a.siteId===n.siteId}const De=tt(null);function Kt(){const a=rt(De);if(!a)throw new Error("useStorefrontDocument must be used within StorefrontDocumentProvider");return a}function Yt({target:a,children:T}){const[n,_]=h(a),p=vt(),v=it(),V=ue(()=>st(v),[v]),U=n.kind==="template",Te=n.kind==="template"?n.id:null,E=n.kind==="template"?n.pageSlug??P:n.slug,W=n.kind==="page"?n.siteId??null:null,Z=ue(()=>at(v),[v]),l=ue(()=>n.kind==="template"?ot(n.id,V,Z):nt(n.siteId,V,Z),[V,Z,n.kind,n.kind==="template"?n.id:n.siteId]),L=l.capabilities,j=s(e=>v.documentHooks?.stored?.(e)??e,[v]),Le=n.kind==="page"?n.originSlug??null:null;k(()=>{ut(v,W)},[v,W]);const le=c(n);k(()=>{le.current=n},[n]);const{token:G,tokenRef:K,capabilities:Fe}=ft({onMessage:e=>{if(pt(e))return;if(e?.type==="storefront-editor:navigate"){const o=e;o?.target&&Re(o.target)}}}),F=v.usesBridgedToken?G!==null:!0,A=l.lock,de=!!V.lock,[i,fe]=h(null),[He,pe]=h(null),[ve,me]=h(null),[Oe,x]=h(null),w=c(null),[Ne,ee]=h(!1),te=c(null),[re,H]=h(null),S=c(null),[ne,ke]=h(null),C=c(null);k(()=>{C.current=ne},[ne]);const[O,N]=h(L.hasEditLock?{kind:"checking"}:{kind:"editing"}),g=c(O);k(()=>{g.current=O},[O]);const oe=c(()=>Promise.resolve(!1)),Y=s(e=>{w.current=e,ee(!0)},[]),Be=wt({save:async({id:e,data:t})=>{if(!R(g.current)){Y({id:e,data:t});return}if(!await oe.current(e,t)){if(!R(g.current)){Y({id:e,data:t});return}throw new Error("page save did not land")}},onFailure:(e,t)=>{t===0&&p.send("storefront-editor:save-failed")}}),{state:b,push:$,flush:z,pause:ge,resume:he,stop:Se,reset:ye,retryNow:we,hasPending:B}=Be,q=c(b);k(()=>{q.current=b},[b]);const Me=dt(b),J=s(()=>{const e=w.current;e&&(w.current=null,ee(!1),$(e))},[$]),Q=c("");Q.current||(Q.current=St());const[_e,Ve]=h(0),se=c(!1),Ue=a.kind==="page"&&a.slug===M,[We,je]=h(a.kind==="template"||Ue),be=c(!1);k(()=>{if(be.current)return;be.current=!0;const e=p.address.search();if(a.kind==="page"&&a.slug===M){const t=Ce(),o=t&&t!==M?t:P;p.address.load({kind:"page",slug:o,siteId:a.siteId});return}if(a.kind==="template"){if(new URLSearchParams(e).get("editTemplate")==="1"){je(!1);return}p.address.load({kind:"page",slug:P})}},[a,p]);const m=p.send;k(()=>{if(!F)return;let e=!1;const t=l.resolve(E),o=v.documentHooks?.opening?.({slug:E,isTemplate:U,capabilities:L});return t.then(async r=>{if(e)return;if(!r){if(!U&&E!==P){p.address.load({kind:"page",slug:P,siteId:W??void 0});return}x(U?"Couldn\u2019t open a page in this template.":`No storefront page with slug "${E}".`);return}fe(r.id),pe(r.kind??null),S.current=r.version??null;const u=r.layout,d=u&&Object.keys(u).length?u:bt,f=gt(d),xe=o?await o(f):f;e||me(xe)}).catch(r=>{e||(console.error("[storefront-editor] document load failed",r),x(kt(r,{slug:E})??`Could not load the document \u2014 ${mt(r)}`))}),()=>{e=!0}},[F,G,U,l,E]);const Ee=s(e=>new Promise(t=>{const o=Date.now(),r=setInterval(()=>{const u=K.current;u&&u!==e?(clearInterval(r),t(u)):Date.now()-o>6e3&&(clearInterval(r),t(null))},200)}),[]),y=s(async e=>{const t=K.current;if(!t&&v.usesBridgedToken)return{ok:!1,error:new Error("no editor token")};try{return{ok:!0,value:await e(t??"")}}catch(o){if(ct(o)){m("storefront-editor:auth-expired");const r=t?await Ee(t):null;if(r)try{return{ok:!0,value:await e(r)}}catch(u){return{ok:!1,error:u}}}return{ok:!1,error:o}}},[m,Ee,v]),Ge=s(async e=>{const t=K.current?await y(e):{ok:!1,error:new Error("no editor token")};return t.ok||m("storefront-editor:save-failed"),t.ok},[m,y]),X=s(async(e,t,o=!1)=>{if(!R(g.current)||C.current)return!1;const r=await y(()=>l.saveLayout(e,t,S.current,Q.current));if(r.ok)return S.current=r.value.version??S.current,!0;const u=ce.readLockTaken(r.error);if(u){const f={kind:"takenover",holder:u};return g.current=f,N(f),!1}const d=ce.readSaveConflict(r.error);if(d){if(d.savedByYou&&!o&&l.rereadVersion){const f=await y(()=>l.rereadVersion(e));if(f.ok&&f.value)return S.current=f.value,oe.current(e,t,!0)}Se(),C.current=d,ke(d)}return!1},[l,y,Se]);k(()=>{oe.current=X},[X]);const Ke=s(e=>{if(m("storefront-editor:dirty"),!i)return;const t=j(e);if(te.current=t,!R(g.current)){Y({id:i,data:t});return}$({id:i,data:t})},[i,m,Y,$,j]),D=s(async()=>(R(g.current)&&J(),await z()&&w.current==null),[J,z]),Ie=c(D);k(()=>{Ie.current=D},[D]);const ae=c(y);k(()=>{ae.current=y},[y]);const ie=s(()=>{p.address.reload()},[p]),Pe=c(()=>Promise.resolve(!1));k(()=>{Pe.current=()=>{const e=l.rereadVersion;return!i||!e?Promise.resolve(!1):yt({ours:S.current,stored:async()=>{const t=await ae.current(()=>e(i));return t.ok?t.value:null},hasPending:()=>w.current!=null||B(),reload:ie})}},[l,i,B,ie]),k(()=>{if(!A||!i||!F)return;let e=!1,t=null;const o=Q.current,r=ce.makeClaimBeat({claim:async d=>{const f=await ae.current(()=>A.claim(i,o,d));if(f.ok)return{heartbeat_seconds:f.value.heartbeatSeconds};throw f.error},cancelled:()=>e,currentAccess:()=>g.current,heldWrite:()=>({pending:w.current!=null||B(),autoSaveEnabled:!q.current.paused,saveConflict:C.current!=null}),setAccess:d=>{g.current=d,N(d)},releaseHeldWrite:()=>{Ie.current()},startHeartbeat:d=>{t=setInterval(()=>{r(!1)},d)},stopHeartbeat:()=>{t&&(clearInterval(t),t=null)},reloadIfMoved:()=>{Pe.current()}}),u=se.current;return se.current=!1,u||N({kind:"checking"}),r(u),()=>{e=!0,t&&clearInterval(t),A.release(i,o).catch(()=>{})}},[i,A,F,G,_e]);const Ye=s(()=>{!A||!i||(se.current=!0,Ve(e=>e+1))},[i,A]),$e=s(()=>{N(e=>{const t=e.kind==="blocked"||e.kind==="takenover"?e.holder:null;return t?{kind:"readonly",holder:t}:e})},[]),ze=s(()=>{q.current.paused?(R(g.current)&&J(),he()):ge()},[J,ge,he]),qe=s(()=>{we()},[we]),I=s(e=>{if(te.current=null,lt(e.kind!=="template"&&de,{resetAutosave:()=>{ye(),w.current=null,ee(!1)},setVersion:t=>{S.current=t},setSaveConflict:ke,setAccess:N}),e.kind==="page"){const t=Ce();e.slug!==M&&e.slug!==t&&Ae()}else Ae();_(e),fe(null),pe(null),me(null),x(null),p.address.show(e),e.kind==="page"&&e.slug!==M&&p.send("storefront-editor:navigated",{target:e})},[ye,p,de]),Re=s(e=>{if(Et(e,le.current))return;const t=w.current!=null;if(!t&&!B()){I(e);return}const o=q.current;if(t||o.paused||o.failed||o.stopped){H(e);return}z().then(r=>{r?I(e):H(e)})},[I,B,z]),Je=s(()=>H(null),[]),Qe=s(()=>{H(e=>(e&&I(e),null))},[I]),Xe=s(async()=>{const e=re;if(!e)return;await D()&&(H(null),I(e))},[re,D,I]),Ze=s(async e=>{if(!i||!R(g.current)||C.current)return;const t=j(e);if(!await X(i,t)){C.current||m("storefront-editor:save-failed");return}const r=l.publish;if(!L.canPublish||!r){m("storefront-editor:saved");return}const u=await y(()=>r(i,S.current??void 0));if(!u.ok){m("storefront-editor:save-failed");return}S.current=u.value.version??S.current,m("storefront-editor:published")},[i,l,L.canPublish,m,X,y,j]);return et(De.Provider,{value:{target:n,adapter:l,capabilities:L,templateId:Te,currentSlug:E,currentKind:He,siteId:W,ready:F,token:G,tokenRef:K,notifyParent:m,bridgeCapabilities:Fe,runAuthed:Ge,docId:i,data:ve,getLiveData:()=>te.current??ve,footerOriginSlug:Le,error:Oe,redirecting:We,saveStatus:Me,saveState:b,autoSaveEnabled:!b.paused,autoSaveStoppedByConflict:b.stopped,hasUnsavedEdits:b.pending||Ne,toggleAutoSave:ze,retrySave:qe,onChange:Ke,flushSave:D,onPublish:Ze,access:O,readOnly:ht(O)!==null,takeOverEditing:Ye,viewReadOnly:$e,saveConflict:ne,reloadFromServer:ie,navigate:Re,pendingNav:re,cancelPendingNav:Je,discardAndNavigate:Qe,saveAndNavigate:Xe},children:T})}export{De as StorefrontDocumentContext,Yt as StorefrontDocumentProvider,Kt as useStorefrontDocument};

package/dist/components/StorefrontEditor.d.ts

@@ -0,0 +1,18 @@
+import "efficient-easel/easel.css";
+import "efficient-easel/shell.css";
+import "efficient-easel/rail.css";
+import "efficient-easel/panel.css";
+import "efficient-easel/fields.css";
+import "efficient-easel/pick.css";
+import "efficient-easel/copy.css";
+import "efficient-easel/gold.css";
+import "efficient-easel/text-styles.css";
+import "efficient-easel/menu.css";
+import "efficient-easel/chrome.css";
+import "efficient-easel/tree.css";
+import "efficient-easel/drag.css";
+import "./storefront-editor.css";
+import { type EditorTarget } from "./StorefrontDocumentContext.js";
+export default function StorefrontEditor({ target }: {
+    target: EditorTarget;
+}): import("react").JSX.Element;

package/dist/components/StorefrontEditor.js

@@ -0,0 +1 @@
+"use client";import{jsx as r,jsxs as k}from"react/jsx-runtime";import{useCallback as n,useEffect as f,useMemo as T,useRef as p,useState as o}from"react";import fe from"next/dynamic";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import"./storefront-editor.css";import{documentPermissions as _t}from"efficient-easel/edit-lock";import{buildConfig as vt}from"../lib/puck/build-config.js";import{ChromeWrap as Ct}from"../lib/editor-chrome.js";import{backendOf as z,sessionRegistry as yt}from"../lib/editor-session.js";import{useEditorSession as Tt}from"../lib/editor-session-context.js";import{withSiteBlockGapFields as Et}from"../lib/puck/site-gap-fields.js";import{withTemplateMediaPlaceholders as bt}from"../lib/puck/templateFields.js";import{setEditorPage as ge}from"../lib/puck/editor-page-context.js";import{resolveSiteName as xt}from"../lib/content/site-name.js";import{normalizeSiteGutter as Pt,normalizeSiteWidth as Nt}from"../lib/content/page-width.js";import{normalizeSiteBlockGap as Ft}from"../lib/content/container-gap.js";import{StorefrontDocumentProvider as Ht,useStorefrontDocument as It}from"./StorefrontDocumentContext.js";import{PreviewHeaderProvider as Rt}from"./PreviewHeaderContext.js";import{PreviewFooterProvider as kt}from"./PreviewFooterContext.js";import{PreviewChatProvider as zt,DEFAULT_CHAT_PREVIEW as Gt}from"./PreviewChatContext.js";import{PreviewSocialProvider as Mt}from"./PreviewSocialContext.js";import{useSocialSettings as Dt}from"./useSocialSettings.js";import{PreviewSurfaceProvider as At}from"./PreviewSurfaceContext.js";import{PreviewFocusProvider as Wt}from"./PreviewFocusContext.js";import{SITE_FOOTER_SLUG as Ot}from"../lib/content/footer.js";import{markFooterReturn as Lt}from"../lib/puck/footer-return.js";import{PreviewTickerProvider as Bt}from"./PreviewTickerContext.js";import{PreviewPartsProvider as Kt}from"./PreviewPartsContext.js";import{PreviewLocationPartProvider as Yt}from"./PreviewLocationPartContext.js";import{PreviewPartStyleProvider as Ut}from"./PreviewPartStyleContext.js";import{SiteMapsProvider as jt,readSiteMapsKey as Vt,writeSiteMapsKey as Se,readSiteMapId as Xt,writeSiteMapId as Zt}from"../lib/maps-config.js";import{CORNER_STYLE_TO_PX as qt,DEFAULT_HEADING_COMPRESSION as Jt,DEFAULT_HEADING_TYPOGRAPHY as Qt,DEFAULT_SWITCH_SHOWN as G,DEFAULT_SIZES as $t,DEFAULT_THEME_MODE as E,normalizeCornerRadius as er,normalizeCornerStyle as tr,normalizeCardShadow as rr,normalizeCardGap as or,normalizeHoverEffect as nr,normalizeShadowColor as ar,IDENTITY_CARD_GAP as we,IDENTITY_CARD_SHADOW as ir,IDENTITY_HOVER_EFFECT as dr,headingTypographyFromRow as cr,normalizeHeadingCompression as sr,normalizeSizes as lr,THEME_MODE_KEY as _e,THEME_STORAGE_KEY as ur,THEME_SWITCH_HIDE as ve,THEME_SWITCH_KEY as M}from"../lib/theme.js";import{DEFAULT_FONTS as mr,normalizeFonts as hr}from"../lib/fonts.js";const pr=fe(()=>import("./SiteEditorProvider.js"),{ssr:!1}),fr=fe(()=>import("./StorefrontEditorChrome.js"),{ssr:!1}),gr=()=>{if(typeof window>"u")return E;try{const a=window.localStorage.getItem(_e);return a==="light"||a==="dark"||a==="auto"?a:E}catch{return E}},Ce=a=>{if(!(typeof window>"u"))try{window.localStorage.setItem(_e,a)}catch{}},Sr=()=>{if(typeof window>"u")return G;try{return window.localStorage.getItem(M)!==ve}catch{return G}},wr=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(ur)}catch{}},ye=a=>{if(!(typeof window>"u"))try{a?window.localStorage.removeItem(M):window.localStorage.setItem(M,ve)}catch{}};function _r({saving:a,onCancel:s,onDiscard:w,onSave:m}){return r("div",{className:"fixed inset-0 z-[200] flex items-center justify-center bg-black/30 p-4",role:"dialog","aria-modal":"true","aria-labelledby":"sf-leave-title",children:k("div",{className:"w-full max-w-sm rounded-lg bg-white p-5 shadow-xl",children:[r("h2",{id:"sf-leave-title",className:"text-[15px] font-semibold text-zinc-900",children:"Unsaved changes"}),r("p",{className:"mt-2 text-[13px] leading-relaxed text-zinc-600",children:"Your most recent edits haven\u2019t finished saving yet. Save them before switching, or leave and discard them."}),k("div",{className:"mt-4 flex justify-end gap-2",children:[r("button",{type:"button",onClick:s,className:"rounded-md border border-zinc-300 px-3 py-[7px] text-[13px] font-medium text-zinc-700 transition-colors hover:bg-zinc-100",children:"Cancel"}),r("button",{type:"button",onClick:w,className:"rounded-md border border-red-200 px-3 py-[7px] text-[13px] font-medium text-red-600 transition-colors hover:bg-red-50",children:"Discard & leave"}),r("button",{type:"button",onClick:m,disabled:a,className:"rounded-md bg-blue-600 px-3 py-[7px] text-[13px] font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-60",children:a?"Saving\u2026":"Save & leave"})]})]})})}function vr(){const{adapter:a,capabilities:s,templateId:w,ready:m,token:h,siteId:c,currentSlug:g,currentKind:D,data:_,getLiveData:A,footerOriginSlug:S,error:W,redirecting:Te,saveStatus:Ee,readOnly:O,navigate:v,onChange:be,pendingNav:xe,cancelPendingNav:Pe,discardAndNavigate:Ne,saveAndNavigate:Fe}=It();f(()=>(ge(g,D),()=>ge(null,null)),[g,D]);const b=s.placeholderFrames,[He,L]=o(null),[Ie,B]=o("");f(()=>{const e=a.templateName;if(!m||!w||!e){B("");return}let i=!1;return e().then(l=>!i&&B(l??"")).catch(()=>{}),()=>{i=!0}},[m,h,w,a]);const[Re,x]=o(E),[ke,P]=o(G),[ze,K]=o({selected:0,themes:[]}),[Ge,Y]=o(mr),[Me,U]=o($t),[De,j]=o(null),[Ae,V]=o(Jt),[We,X]=o(null),[Oe,Z]=o(null),[Le,q]=o(we),[Be,J]=o(null),[Ke,Q]=o(null),[Ye,$]=o(null),[N,ee]=o(null),u=Tt(),te=T(()=>vt(yt(u),u.blocks),[u]),Ue=T(()=>Et(bt(te,b),N),[te,b,N]),je=T(()=>_t(!O),[O]),[Ve,re]=o(Qt),[Xe,oe]=o(null),[Ze,ne]=o(null),ae=p(null),d=p(!1);f(()=>{x(gr()),P(Sr())},[]);const qe=n(e=>{d.current=!0,wr(),Ce(e),x(e)},[]),Je=n(e=>{d.current=!0,ye(e),P(e)},[]),Qe=n(e=>{d.current=!0,K(e)},[]),$e=n(e=>{d.current=!0,Y(e)},[]),et=n(e=>{d.current=!0,U(e)},[]),tt=n(e=>{d.current=!0,j(e)},[]),rt=n(e=>{d.current=!0,V(e)},[]),ot=n(e=>{d.current=!0,X(e)},[]),nt=n(e=>{d.current=!0,Z(e)},[]),at=n(e=>{d.current=!0,q(e)},[]),it=n(e=>{d.current=!0,J(e)},[]),dt=n(e=>{d.current=!0,re(e)},[]),ct=n(e=>{d.current=!0,Q(e)},[]),st=n(e=>{d.current=!0,$(e)},[]),lt=n(e=>{d.current=!0,ee(e)},[]),ut=n(e=>{d.current=!0,oe(e)},[]),mt=n(e=>{d.current=!0,ne(e)},[]);f(()=>{const e=z(u).theme;if(!h||!s.hasSiteTheme||!e)return;const i=c??"";ae.current!==i&&(ae.current=i,d.current=!1);let l=!1;return e.get(c?{siteId:c}:void 0).then(t=>{l||d.current||(Ce(t.default_mode),ye(t.show_theme_switch),x(t.default_mode),P(t.show_theme_switch),K({selected:t.selected_preset,themes:t.theme_presets}),Y(hr({heading:t.heading_font,body:t.body_font,accent:t.accent_font,label:t.label_font})),U(lr({headingLarge:t.heading_size_large_px,headingMedium:t.heading_size_medium_px,headingSmall:t.heading_size_small_px,body:t.body_size_px,label:t.label_size_px})),j(t.corner_radius_px===void 0?qt[tr(t.corner_style)]:er(t.corner_radius_px)),V(sr(t.heading_compression)),X(t.card_shadow==null?ir:rr(t.card_shadow)),q(t.card_gap==null?we:or(t.card_gap)),J(t.hover_effect==null?dr:nr(t.hover_effect)),Z(ar(t.shadow_color)),Q(Nt(t.site_width)),$(Pt(t.site_gutter)),ee(Ft(t.block_gap)),re(cr(t)),oe(t.hero_background_follows_width===!0),ne(t.photography_grayscale===!0))}).catch(()=>{}),()=>{l=!0}},[h,c,s.hasSiteTheme,u]);const ht=Dt({token:h,siteId:c,enabled:s.hasSiteSettings}),[pt,ie]=o(Gt),de=p(null),F=p(!1),H=p(null),C=p({}),ft=n(e=>{F.current=!0,ie(i=>({...i,...e})),!(!s.hasSiteSettings||!h)&&(C.current={...C.current,...e},H.current&&clearTimeout(H.current),H.current=setTimeout(()=>{const i=C.current;C.current={},z(u).chat?.update(i,c?{siteId:c}:void 0).catch(()=>{})},500))},[s.hasSiteSettings,h,c,u]);f(()=>{if(!h||!s.hasSiteSettings)return;const e=c??"";de.current!==e&&(de.current=e,F.current=!1);let i=!1;const l=z(u).chat;if(l)return l.get(c?{siteId:c}:void 0).then(t=>{i||F.current||ie({enabled:t.enabled,title:t.title,subtitle:t.subtitle,greeting:t.greeting})}).catch(()=>{}),()=>{i=!0}},[h,c,s.hasSiteSettings,u]);const[y,I]=o(""),ce=p(null),R=p(!1);f(()=>I(Vt()),[]);const se=n(e=>{const i=e.trim();if(i===y)return;R.current=!0,Se(i),I(i);const l=a.updateSite;!s.canEditSiteRecord||!m||!l||l({mapsApiKey:i}).catch(()=>{})},[y,s.canEditSiteRecord,m,a]),[le,ue]=o("");f(()=>ue(Xt()),[]),f(()=>{const e=a.site;if(!m||!s.hasSiteRecord||!e){L(null);return}const i=c??"";ce.current!==i&&(ce.current=i,R.current=!1);let l=!1;return e().then(t=>{if(l||(L(xt(t.name)),R.current))return;const he=t.mapsApiKey??"";Se(he),I(he);const pe=t.mapsMapId??"";Zt(pe),ue(pe)}).catch(()=>{}),()=>{l=!0}},[m,h,s.hasSiteRecord,c,a]);const gt=T(()=>({apiKey:y,setApiKey:se,mapId:le}),[y,se,le]),me=p(null),St=n(()=>{me.current=A()??_??null,Lt(g),v({kind:"page",slug:Ot,siteId:c??void 0,originSlug:g})},[A,_,g,v,c]),wt=n(()=>{S&&v({kind:"page",slug:S,siteId:c??void 0})},[S,v,c]);return Te?r("div",{className:"sf-msg",children:"Loading\u2026"}):W?r("div",{className:"sf-msg sf-msg--error",children:W}):m?_?r(Rt,{websiteName:He,templateChrome:b,templateName:Ie||null,themeMode:Re,onThemeModeChange:qe,themeSwitchShown:ke,onThemeSwitchShownChange:Je,theme:ze,onThemeChange:Qe,fonts:Ge,onFontsChange:$e,cornerRadiusPx:De,onCornerRadiusPxChange:tt,cardShadow:We,onCardShadowChange:ot,shadowColor:Oe,onShadowColorChange:nt,cardGap:Le,onCardGapChange:at,hoverEffect:Be,onHoverEffectChange:it,headingCompression:Ae,onHeadingCompressionChange:rt,headingTypography:Ve,onHeadingTypographyChange:dt,sizes:Me,onSizesChange:et,siteWidth:Ke,onSiteWidthChange:ct,siteGutter:Ye,onSiteGutterChange:st,blockGap:N,onBlockGapChange:lt,heroBackgroundFollowsWidth:Xe,onHeroBackgroundFollowsWidthChange:ut,photographyGrayscale:Ze,onPhotographyGrayscaleChange:mt,themeFromDocument:!s.hasSiteTheme,children:r(Wt,{originData:S?me.current:null,originSlug:S,exitFocus:wt,children:r(kt,{editFooter:St,children:r(Ct,{wrap:u.chrome?.wrap,surface:"page",children:r(Bt,{children:r(Kt,{children:r(Yt,{children:r(Ut,{children:k(jt,{value:gt,children:[r(zt,{chat:pt,onChatChange:ft,children:r(Mt,{value:ht,children:r(At,{children:r(pr,{config:Ue,data:_,onChange:be,permissions:je,children:r(fr,{})})})})}),xe&&r(_r,{saving:Ee==="saving",onCancel:Pe,onDiscard:Ne,onSave:()=>{Fe()}})]})})})})})})})})}):r("div",{className:"sf-msg",children:"Loading\u2026"}):r("div",{className:"sf-msg",children:"Waiting for editor authorization\u2026"})}function Cr({target:a}){return r(Ht,{target:a,children:r(vr,{})})}export{Cr as default};

package/dist/components/StorefrontEditorChrome.d.ts

@@ -0,0 +1 @@
+export default function StorefrontEditorChrome(): import("react").JSX.Element;