@alihaiderrana/email-builder-sdk 0.1.5 → 0.1.6

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var H=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var ee=(t,n)=>{for(var s in n)H(t,s,{get:n[s],enumerable:!0})},re=(t,n,s,p)=>{if(n&&typeof n=="object"||typeof n=="function")for(let f of Z(n))!$.call(t,f)&&f!==s&&H(t,f,{get:()=>n[f],enumerable:!(p=X(n,f))||p.enumerable});return t};var te=t=>re(H({},"__esModule",{value:!0}),t);var ce={};ee(ce,{EMAIL_BUILDER_PROTOCOL_VERSION:()=>F,EmailBuilder:()=>ue,createMessageMeta:()=>O,isMessageLike:()=>h});module.exports=te(ce);var e=require("react");var F="1.0.0",ne=["INIT","READY","CHANGE","SAVE","UPLOAD","UPLOAD_SUCCESS"];function h(t){if(typeof t!="object"||t===null)return!1;let n=t;if(typeof n.type!="string"||!ne.includes(n.type))return!1;if("meta"in n&&n.meta!==void 0){let s=n.meta;if(s.id&&typeof s.id!="string"||s.correlationId&&typeof s.correlationId!="string"||s.version&&typeof s.version!="string"||s.sentAt&&typeof s.sentAt!="number")return!1}return!0}function O(t){return{id:typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID():Math.random().toString(36).slice(2),correlationId:t,version:F,sentAt:Date.now()}}function V(t,n){if(n){let p=new URL(n);if(p.origin==="null")throw new Error("allowedOrigin must resolve to a valid origin");return p.origin}let s;try{s=new URL(t)}catch{throw new Error("EmailBuilder `src` must be an absolute URL (e.g. https://example.com)")}if(!s.origin||s.origin==="null")throw new Error("EmailBuilder requires an absolute src URL with a valid origin");return s.origin}function b(t,n){let s=O(n);return{...t,meta:s}}function k(t){return JSON.stringify(t!=null?t:null)}var M=require("react/jsx-runtime"),se="allow-scripts allow-same-origin allow-forms",oe="<h1>Hello World</h1><p>Start building your email template.</p>",ae={position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"0.875rem",fontWeight:500,background:"linear-gradient(135deg, rgba(9,9,9,0.65), rgba(33,33,33,0.85))",color:"#fff",zIndex:2},ie={border:"none",width:"100%",height:"100%"};function le({src:t,initialHtml:n,config:s,className:p,style:f,iframeTitle:Y="Email Builder",sandbox:v=se,onChange:E,onSave:w,onUpload:x,onReady:S,onStatusChange:T,allowedOrigin:C},G){let A=(0,e.useRef)(null),a=(0,e.useRef)(null),c=(0,e.useRef)(!1),D=(0,e.useRef)("loading"),[z,K]=(0,e.useState)("loading"),[q,j]=(0,e.useState)(0),I=(0,e.useRef)([]),m=(0,e.useRef)(null),l=(0,e.useRef)(null),U=n!=null?n:oe,N=(0,e.useRef)(k({html:U,config:s})),B=(0,e.useRef)({type:"INIT",payload:{html:U,config:s}}),J=(0,e.useMemo)(()=>V(t,C),[t,C]),L=(0,e.useCallback)(()=>"*",[]),u=(0,e.useCallback)(r=>{D.current!==r&&(D.current=r,K(r),T==null||T(r))},[T]),g=(0,e.useCallback)((r,o)=>{var d,y;let i=(y=(d=A.current)==null?void 0:d.contentWindow)!=null?y:a.current;if(i&&(a.current=i),!a.current||!c.current){I.current.push({message:r,correlationId:o});return}a.current.postMessage(b(r,o),L())},[L]),_=(0,e.useCallback)(()=>{if(!c.current||!a.current)return;let r=[...I.current];I.current=[],r.forEach(({message:o,correlationId:i})=>{var d;(d=a.current)==null||d.postMessage(b(o,i),L())})},[L]),P=(0,e.useCallback)(()=>{c.current||(l.current&&(window.clearTimeout(l.current),l.current=null),c.current=!0,u("ready"),S==null||S(),g(B.current),_())},[_,S,g,u]),W=(0,e.useCallback)(async r=>{var o;if(r.type==="UPLOAD"){if(!x){console.warn("[EmailBuilderSDK] Upload requested but no onUpload handler is configured.");return}try{u("loading");let i=await x(r.payload.file);g({type:"UPLOAD_SUCCESS",payload:{url:i}},(o=r.meta)==null?void 0:o.id)}catch(i){u("error"),console.error("[EmailBuilderSDK] Upload handler failed",i)}finally{D.current!=="error"&&u("ready")}}},[x,g,u]),R=(0,e.useCallback)(r=>{var d,y;let o=(y=(d=A.current)==null?void 0:d.contentWindow)!=null?y:a.current;if(!o||r.source!==o||!h(r.data))return;if(!m.current)m.current=r.origin;else if(r.origin!==m.current)return;let i=r.data;switch(r.source&&r.source!==a.current&&(a.current=r.source),i.type){case"READY":P();break;case"CHANGE":E==null||E(i.payload.html);break;case"SAVE":w==null||w(i.payload.html);break;case"UPLOAD":W(i);break;default:break}},[P,W,E,w]);(0,e.useEffect)(()=>{if(typeof window!="undefined")return window.addEventListener("message",R),()=>{window.removeEventListener("message",R)}},[R]),(0,e.useEffect)(()=>{let r={html:U,config:s},o=k(r);B.current={type:"INIT",payload:r},o!==N.current&&c.current&&g(B.current),N.current=o},[s,U,g]);let Q=(0,e.useCallback)(()=>{var r,o;if(a.current=(o=(r=A.current)==null?void 0:r.contentWindow)!=null?o:null,c.current=!1,m.current=null,u("loading"),a.current)try{a.current.postMessage(b(B.current),"*")}catch{}l.current&&window.clearTimeout(l.current),l.current=window.setTimeout(()=>{c.current||P()},4e3)},[J,P,u]);return(0,e.useImperativeHandle)(G,()=>({reload(){I.current=[],c.current=!1,a.current=null,m.current=null,l.current&&(window.clearTimeout(l.current),l.current=null),u("loading"),j(r=>r+1)}}),[u]),(0,e.useEffect)(()=>()=>{l.current&&(window.clearTimeout(l.current),l.current=null)},[]),(0,M.jsxs)("div",{className:p,style:{position:"relative",width:"100%",height:"100%",...f},children:[(0,M.jsx)("iframe",{ref:A,src:t,title:Y,sandbox:v,style:ie,loading:"lazy",allowFullScreen:!0,onLoad:Q},q),z!=="ready"&&(0,M.jsx)("div",{style:ae,children:"Connecting to builder\u2026"})]})}var ue=(0,e.forwardRef)(le);0&&(module.exports={EMAIL_BUILDER_PROTOCOL_VERSION,EmailBuilder,createMessageMeta,isMessageLike});
+"use strict";var D=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var se=Object.prototype.hasOwnProperty;var oe=(r,n)=>{for(var i in n)D(r,i,{get:n[i],enumerable:!0})},le=(r,n,i,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let d of ae(n))!se.call(r,d)&&d!==i&&D(r,d,{get:()=>n[d],enumerable:!(l=ie(n,d))||l.enumerable});return r};var ue=r=>le(D({},"__esModule",{value:!0}),r);var Ee={};oe(Ee,{EMAIL_BUILDER_PROTOCOL_VERSION:()=>G,EmailBuilder:()=>Me,createMessageMeta:()=>k,isMessageLike:()=>h});module.exports=ue(Ee);var e=require("react");var G="1.0.0",ce=["INIT","READY","CHANGE","SAVE","UPLOAD","UPLOAD_SUCCESS","AUTH_ERROR"];function h(r){if(typeof r!="object"||r===null)return!1;let n=r;if(typeof n.type!="string"||!ce.includes(n.type))return!1;if("meta"in n&&n.meta!==void 0){let i=n.meta;if(i.id&&typeof i.id!="string"||i.correlationId&&typeof i.correlationId!="string"||i.version&&typeof i.version!="string"||i.sentAt&&typeof i.sentAt!="number")return!1}return!0}function k(r){return{id:typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID():Math.random().toString(36).slice(2),correlationId:r,version:G,sentAt:Date.now()}}function z(r,n){if(n){let l=new URL(n);if(l.origin==="null")throw new Error("allowedOrigin must resolve to a valid origin");return l.origin}let i;try{i=new URL(r)}catch{throw new Error("EmailBuilder `src` must be an absolute URL (e.g. https://example.com)")}if(!i.origin||i.origin==="null")throw new Error("EmailBuilder requires an absolute src URL with a valid origin");return i.origin}function H(r,n){let i=k(n);return{...r,meta:i}}function C(r){return JSON.stringify(r!=null?r:null)}var E=require("react/jsx-runtime"),de="allow-scripts allow-same-origin allow-forms",fe="<h1>Hello World</h1><p>Start building your email template.</p>",pe={position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"0.875rem",fontWeight:500,background:"linear-gradient(135deg, rgba(9,9,9,0.65), rgba(33,33,33,0.85))",color:"#fff",zIndex:2},ge={border:"none",width:"100%",height:"100%"};function ye(r,n){if(!n||!n.trim())return r;try{let i=new URL(r,typeof window!="undefined"?window.location.href:"https://example.com");return i.searchParams.set("embedToken",n),i.toString()}catch{let i=r.includes("?")?"&":"?";return`${r}${i}embedToken=${encodeURIComponent(n)}`}}function me({src:r,initialHtml:n,embedToken:i,templateId:l,config:d,className:K,style:q,iframeTitle:$="Email Builder",sandbox:j=de,onChange:w,onSave:S,onUpload:x,onReady:T,onStatusChange:R,onAuthError:U,allowedOrigin:_},J){let Q=(0,e.useMemo)(()=>ye(r,i),[r,i]),A=(0,e.useRef)(null),o=(0,e.useRef)(null),f=(0,e.useRef)(!1),y=(0,e.useRef)("loading"),[X,N]=(0,e.useState)("loading"),[Z,ee]=(0,e.useState)(0),P=(0,e.useRef)([]),m=(0,e.useRef)(null),u=(0,e.useRef)(null),b=typeof n=="string"?n:l?"":fe,W={html:b,config:d,...l?{templateId:l}:{}},F=(0,e.useRef)(C(W)),I=(0,e.useRef)({type:"INIT",payload:W}),re=(0,e.useMemo)(()=>z(r,_),[r,_]),B=(0,e.useCallback)(()=>"*",[]),c=(0,e.useCallback)(t=>{y.current!==t&&(y.current=t,N(t),R==null||R(t))},[R]),g=(0,e.useCallback)((t,a)=>{var p,M;let s=(M=(p=A.current)==null?void 0:p.contentWindow)!=null?M:o.current;if(s&&(o.current=s),!o.current||!f.current){P.current.push({message:t,correlationId:a});return}o.current.postMessage(H(t,a),B())},[B]),V=(0,e.useCallback)(()=>{if(!f.current||!o.current)return;let t=[...P.current];P.current=[],t.forEach(({message:a,correlationId:s})=>{var p;(p=o.current)==null||p.postMessage(H(a,s),B())})},[B]),L=(0,e.useCallback)(()=>{f.current||(u.current&&(window.clearTimeout(u.current),u.current=null),f.current=!0,c("ready"),T==null||T(),g(I.current),V())},[V,T,g,c]),Y=(0,e.useCallback)(async t=>{var a;if(t.type==="UPLOAD"){if(!x){console.warn("[EmailBuilderSDK] Upload requested but no onUpload handler is configured.");return}try{c("loading");let s=await x(t.payload.file);g({type:"UPLOAD_SUCCESS",payload:{url:s}},(a=t.meta)==null?void 0:a.id)}catch(s){c("error"),console.error("[EmailBuilderSDK] Upload handler failed",s)}finally{y.current!=="error"&&c("ready")}}},[x,g,c]),O=(0,e.useCallback)(t=>{var p,M,v;let a=(M=(p=A.current)==null?void 0:p.contentWindow)!=null?M:o.current;if(!a||t.source!==a||!h(t.data))return;if(!m.current)m.current=t.origin;else if(t.origin!==m.current)return;let s=t.data;switch(t.source&&t.source!==o.current&&(o.current=t.source),s.type){case"READY":L();break;case"CHANGE":w==null||w(s.payload.html);break;case"SAVE":S==null||S(s.payload.html);break;case"UPLOAD":Y(s);break;case"AUTH_ERROR":{let ne=((v=s.payload)==null?void 0:v.message)||"Email builder authentication failed";y.current!=="error"&&(y.current="error",N("error"),U==null||U(ne));break}default:break}},[L,Y,w,S,U,c]);(0,e.useEffect)(()=>{if(typeof window!="undefined")return window.addEventListener("message",O),()=>{window.removeEventListener("message",O)}},[O]),(0,e.useEffect)(()=>{let t={html:b,config:d,...l?{templateId:l}:{}},a=C(t);I.current={type:"INIT",payload:t},a!==F.current&&f.current&&g(I.current),F.current=a},[d,b,g,l]);let te=(0,e.useCallback)(()=>{var t,a;if(o.current=(a=(t=A.current)==null?void 0:t.contentWindow)!=null?a:null,f.current=!1,m.current=null,c("loading"),o.current)try{o.current.postMessage(H(I.current),"*")}catch{}u.current&&window.clearTimeout(u.current),u.current=window.setTimeout(()=>{f.current||L()},4e3)},[re,L,c]);return(0,e.useImperativeHandle)(J,()=>({reload(){P.current=[],f.current=!1,o.current=null,m.current=null,u.current&&(window.clearTimeout(u.current),u.current=null),c("loading"),ee(t=>t+1)}}),[c]),(0,e.useEffect)(()=>()=>{u.current&&(window.clearTimeout(u.current),u.current=null)},[]),(0,E.jsxs)("div",{className:K,style:{position:"relative",width:"100%",height:"100%",...q},children:[(0,E.jsx)("iframe",{ref:A,src:Q,title:$,sandbox:j,style:ge,loading:"lazy",allowFullScreen:!0,onLoad:te},Z),X!=="ready"&&(0,E.jsx)("div",{style:pe,children:"Connecting to builder\u2026"})]})}var Me=(0,e.forwardRef)(me);0&&(module.exports={EMAIL_BUILDER_PROTOCOL_VERSION,EmailBuilder,createMessageMeta,isMessageLike});
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/EmailBuilder.tsx","../src/protocol.ts","../src/utils.ts"],"sourcesContent":["export * from './EmailBuilder';\nexport * from './types';\nexport * from './protocol';\n","import React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { BuilderToHostMessage, HostToBuilderMessage } from './protocol';\nimport { isMessageLike } from './protocol';\nimport { buildEnvelope, deriveAllowedOrigin, stableSignature } from './utils';\nimport type { EmailBuilderHandle, EmailBuilderProps, EmailBuilderStatus } from './types';\n\nconst DEFAULT_SANDBOX = 'allow-scripts allow-same-origin allow-forms';\nconst DEFAULT_INITIAL_HTML = '<h1>Hello World</h1><p>Start building your email template.</p>';\n\ntype PendingMessage = {\n  message: HostToBuilderMessage;\n  correlationId?: string;\n};\n\nconst overlayStyle: CSSProperties = {\n  position: 'absolute',\n  inset: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  background: 'linear-gradient(135deg, rgba(9,9,9,0.65), rgba(33,33,33,0.85))',\n  color: '#fff',\n  zIndex: 2,\n};\n\nconst iframeStyle: CSSProperties = {\n  border: 'none',\n  width: '100%',\n  height: '100%',\n};\n\nfunction EmailBuilderInner(\n  {\n    src,\n    initialHtml,\n    config,\n    className,\n    style,\n    iframeTitle = 'Email Builder',\n    sandbox = DEFAULT_SANDBOX,\n    onChange,\n    onSave,\n    onUpload,\n    onReady,\n    onStatusChange,\n    allowedOrigin,\n  }: EmailBuilderProps,\n  ref: ForwardedRef<EmailBuilderHandle>\n) {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const builderWindowRef = useRef<Window | null>(null);\n  const readyRef = useRef(false);\n  const statusRef = useRef<EmailBuilderStatus>('loading');\n  const [status, setStatus] = useState<EmailBuilderStatus>('loading');\n  const [reloadKey, setReloadKey] = useState(0);\n  const queueRef = useRef<PendingMessage[]>([]);\n  const runtimeOriginRef = useRef<string | null>(null);\n  const handshakeTimerRef = useRef<number | null>(null);\n  const effectiveInitialHtml = initialHtml ?? DEFAULT_INITIAL_HTML;\n  const initSignatureRef = useRef(stableSignature({ html: effectiveInitialHtml, config }));\n  const latestInitRef = useRef<HostToBuilderMessage>({\n    type: 'INIT',\n    payload: { html: effectiveInitialHtml, config },\n  });\n\n  const expectedOrigin = useMemo(() => deriveAllowedOrigin(src, allowedOrigin), [src, allowedOrigin]);\n\n  // Use '*' for outgoing postMessage since we target a specific contentWindow we own.\n  // Avoids silent message drops from origin mismatches (e.g. Netlify redirects).\n  const resolveTargetOrigin = useCallback(() => '*', []);\n\n  const setStatusSafely = useCallback(\n    (next: EmailBuilderStatus) => {\n      if (statusRef.current === next) {\n        return;\n      }\n      statusRef.current = next;\n      setStatus(next);\n      onStatusChange?.(next);\n    },\n    [onStatusChange]\n  );\n\n  const postMessage = useCallback(\n    (message: HostToBuilderMessage, correlationId?: string) => {\n      const target = iframeRef.current?.contentWindow ?? builderWindowRef.current;\n      if (target) {\n        builderWindowRef.current = target;\n      }\n\n      if (!builderWindowRef.current || !readyRef.current) {\n        queueRef.current.push({ message, correlationId });\n        return;\n      }\n\n      builderWindowRef.current.postMessage(buildEnvelope(message, correlationId), resolveTargetOrigin());\n    },\n    [resolveTargetOrigin]\n  );\n\n  const flushQueue = useCallback(() => {\n    if (!readyRef.current || !builderWindowRef.current) {\n      return;\n    }\n    const pending = [...queueRef.current];\n    queueRef.current = [];\n    pending.forEach(({ message, correlationId }) => {\n      builderWindowRef.current?.postMessage(\n        buildEnvelope(message, correlationId),\n        resolveTargetOrigin()\n      );\n    });\n  }, [resolveTargetOrigin]);\n\n  const handleReadyMessage = useCallback(() => {\n    if (readyRef.current) {\n      return;\n    }\n    if (handshakeTimerRef.current) {\n      window.clearTimeout(handshakeTimerRef.current);\n      handshakeTimerRef.current = null;\n    }\n    readyRef.current = true;\n    setStatusSafely('ready');\n    onReady?.();\n    postMessage(latestInitRef.current);\n    flushQueue();\n  }, [flushQueue, onReady, postMessage, setStatusSafely]);\n\n  const handleUpload = useCallback(\n    async (eventMessage: BuilderToHostMessage) => {\n      if (eventMessage.type !== 'UPLOAD') {\n        return;\n      }\n      if (!onUpload) {\n        console.warn('[EmailBuilderSDK] Upload requested but no onUpload handler is configured.');\n        return;\n      }\n      try {\n        setStatusSafely('loading');\n        const url = await onUpload(eventMessage.payload.file);\n        postMessage({ type: 'UPLOAD_SUCCESS', payload: { url } }, eventMessage.meta?.id);\n      } catch (error) {\n        setStatusSafely('error');\n        console.error('[EmailBuilderSDK] Upload handler failed', error);\n      } finally {\n        if (statusRef.current !== 'error') {\n          setStatusSafely('ready');\n        }\n      }\n    },\n    [onUpload, postMessage, setStatusSafely]\n  );\n\n  const handleMessage = useCallback(\n    (event: MessageEvent) => {\n      const iframeWindow = iframeRef.current?.contentWindow ?? builderWindowRef.current;\n      if (!iframeWindow || event.source !== iframeWindow) {\n        return;\n      }\n      if (!isMessageLike(event.data)) {\n        return;\n      }\n      if (!runtimeOriginRef.current) {\n        runtimeOriginRef.current = event.origin;\n      } else if (event.origin !== runtimeOriginRef.current) {\n        return;\n      }\n      const message = event.data as BuilderToHostMessage;\n\n      if (event.source && event.source !== builderWindowRef.current) {\n        builderWindowRef.current = event.source as Window;\n      }\n\n      switch (message.type) {\n        case 'READY':\n          handleReadyMessage();\n          break;\n        case 'CHANGE':\n          onChange?.(message.payload.html);\n          break;\n        case 'SAVE':\n          onSave?.(message.payload.html);\n          break;\n        case 'UPLOAD':\n          void handleUpload(message);\n          break;\n        default:\n          break;\n      }\n    },\n    [handleReadyMessage, handleUpload, onChange, onSave]\n  );\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('message', handleMessage);\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [handleMessage]);\n\n  useEffect(() => {\n    const nextPayload = { html: effectiveInitialHtml, config };\n    const signature = stableSignature(nextPayload);\n    latestInitRef.current = { type: 'INIT', payload: nextPayload };\n    if (signature !== initSignatureRef.current && readyRef.current) {\n      postMessage(latestInitRef.current);\n    }\n    initSignatureRef.current = signature;\n  }, [config, effectiveInitialHtml, postMessage]);\n\n  const handleIframeLoad = useCallback(() => {\n    builderWindowRef.current = iframeRef.current?.contentWindow ?? null;\n    readyRef.current = false;\n    runtimeOriginRef.current = null;\n    setStatusSafely('loading');\n\n    // Kick off handshake immediately so we don't rely only on READY timing.\n    // Some embeds can miss READY due to mount-order races.\n    if (builderWindowRef.current) {\n      try {\n        builderWindowRef.current.postMessage(buildEnvelope(latestInitRef.current), '*');\n      } catch {\n        // Ignore and wait for normal READY/message flow.\n      }\n    }\n\n    if (handshakeTimerRef.current) {\n      window.clearTimeout(handshakeTimerRef.current);\n    }\n    handshakeTimerRef.current = window.setTimeout(() => {\n      // Fallback: if iframe loaded but READY wasn't observed, mark connected.\n      // Builder still drives real interactions via subsequent CHANGE/SAVE/UPLOAD.\n      if (!readyRef.current) {\n        handleReadyMessage();\n      }\n    }, 4000);\n  }, [expectedOrigin, handleReadyMessage, setStatusSafely]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      reload() {\n        queueRef.current = [];\n        readyRef.current = false;\n        builderWindowRef.current = null;\n        runtimeOriginRef.current = null;\n        if (handshakeTimerRef.current) {\n          window.clearTimeout(handshakeTimerRef.current);\n          handshakeTimerRef.current = null;\n        }\n        setStatusSafely('loading');\n        setReloadKey((key) => key + 1);\n      },\n    }),\n    [setStatusSafely]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (handshakeTimerRef.current) {\n        window.clearTimeout(handshakeTimerRef.current);\n        handshakeTimerRef.current = null;\n      }\n    };\n  }, []);\n\n  return (\n    <div className={className} style={{ position: 'relative', width: '100%', height: '100%', ...style }}>\n      <iframe\n        key={reloadKey}\n        ref={iframeRef}\n        src={src}\n        title={iframeTitle}\n        sandbox={sandbox}\n        style={iframeStyle}\n        loading=\"lazy\"\n        allowFullScreen\n        onLoad={handleIframeLoad}\n      />\n      {status !== 'ready' && <div style={overlayStyle}>Connecting to builder…</div>}\n    </div>\n  );\n}\n\nexport const EmailBuilder = forwardRef(EmailBuilderInner);\n","export const EMAIL_BUILDER_PROTOCOL_VERSION = '1.0.0';\n\nexport type MessageType =\n  | 'INIT'\n  | 'READY'\n  | 'CHANGE'\n  | 'SAVE'\n  | 'UPLOAD'\n  | 'UPLOAD_SUCCESS';\n\nexport interface MessageMeta {\n  id: string;\n  correlationId?: string;\n  version: string;\n  sentAt: number;\n}\n\nexport type BuilderConfig = Record<string, unknown> | undefined;\n\nexport interface InitPayload {\n  html: string;\n  config?: BuilderConfig;\n}\n\nexport interface ChangePayload {\n  html: string;\n}\n\nexport interface SavePayload {\n  html: string;\n}\n\nexport interface UploadPayload {\n  file: File;\n}\n\nexport interface UploadSuccessPayload {\n  url: string;\n}\n\nexport type Message =\n  | { type: 'INIT'; payload: InitPayload; meta?: MessageMeta }\n  | { type: 'READY'; meta?: MessageMeta }\n  | { type: 'CHANGE'; payload: ChangePayload; meta?: MessageMeta }\n  | { type: 'SAVE'; payload: SavePayload; meta?: MessageMeta }\n  | { type: 'UPLOAD'; payload: UploadPayload; meta?: MessageMeta }\n  | { type: 'UPLOAD_SUCCESS'; payload: UploadSuccessPayload; meta?: MessageMeta };\n\nexport type BuilderToHostMessage = Extract<\n  Message,\n  { type: 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' }\n>;\n\nexport type HostToBuilderMessage = Extract<\n  Message,\n  { type: 'INIT' | 'UPLOAD_SUCCESS' }\n>;\n\nconst VALID_TYPES: MessageType[] = ['INIT', 'READY', 'CHANGE', 'SAVE', 'UPLOAD', 'UPLOAD_SUCCESS'];\n\nexport function isMessageLike(value: unknown): value is Message {\n  if (typeof value !== 'object' || value === null) {\n    return false;\n  }\n\n  const candidate = value as { type?: unknown; payload?: unknown; meta?: unknown };\n  if (typeof candidate.type !== 'string' || !VALID_TYPES.includes(candidate.type as MessageType)) {\n    return false;\n  }\n\n  if ('meta' in candidate && candidate.meta !== undefined) {\n    const meta = candidate.meta as Partial<MessageMeta>;\n    if (\n      (meta.id && typeof meta.id !== 'string') ||\n      (meta.correlationId && typeof meta.correlationId !== 'string') ||\n      (meta.version && typeof meta.version !== 'string') ||\n      (meta.sentAt && typeof meta.sentAt !== 'number')\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function createMessageMeta(correlationId?: string): MessageMeta {\n  const id = typeof crypto !== 'undefined' && 'randomUUID' in crypto\n    ? crypto.randomUUID()\n    : Math.random().toString(36).slice(2);\n  return {\n    id,\n    correlationId,\n    version: EMAIL_BUILDER_PROTOCOL_VERSION,\n    sentAt: Date.now(),\n  };\n}\n","import type { BuilderToHostMessage, HostToBuilderMessage, MessageMeta } from './protocol';\nimport { createMessageMeta, isMessageLike } from './protocol';\n\nexport function deriveAllowedOrigin(src: string, override?: string): string {\n  if (override) {\n    const parsed = new URL(override);\n    if (parsed.origin === 'null') {\n      throw new Error('allowedOrigin must resolve to a valid origin');\n    }\n    return parsed.origin;\n  }\n\n  let parsed: URL;\n  try {\n    parsed = new URL(src);\n  } catch {\n    throw new Error('EmailBuilder `src` must be an absolute URL (e.g. https://example.com)');\n  }\n  if (!parsed.origin || parsed.origin === 'null') {\n    throw new Error('EmailBuilder requires an absolute src URL with a valid origin');\n  }\n  return parsed.origin;\n}\n\nexport function buildEnvelope<T extends HostToBuilderMessage>(message: T, correlationId?: string): T {\n  const meta: MessageMeta = createMessageMeta(correlationId);\n  return { ...message, meta } as T;\n}\n\nexport function sanitizeIncomingMessage(\n  event: MessageEvent,\n  allowedOrigin: string,\n  iframeWindow: Window | null\n): BuilderToHostMessage | null {\n  if (event.origin !== allowedOrigin) {\n    return null;\n  }\n\n  if (!iframeWindow || event.source !== iframeWindow) {\n    return null;\n  }\n\n  if (!isMessageLike(event.data)) {\n    return null;\n  }\n\n  return event.data as BuilderToHostMessage;\n}\n\nexport function stableSignature(value: unknown): string {\n  return JSON.stringify(value ?? null);\n}\n"],"mappings":"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","names":["index_exports","__export","EMAIL_BUILDER_PROTOCOL_VERSION","EmailBuilder","createMessageMeta","isMessageLike","__toCommonJS","import_react","EMAIL_BUILDER_PROTOCOL_VERSION","VALID_TYPES","isMessageLike","value","candidate","meta","createMessageMeta","correlationId","deriveAllowedOrigin","src","override","parsed","buildEnvelope","message","correlationId","meta","createMessageMeta","stableSignature","value","import_jsx_runtime","DEFAULT_SANDBOX","DEFAULT_INITIAL_HTML","overlayStyle","iframeStyle","EmailBuilderInner","src","initialHtml","config","className","style","iframeTitle","sandbox","onChange","onSave","onUpload","onReady","onStatusChange","allowedOrigin","ref","iframeRef","builderWindowRef","readyRef","statusRef","status","setStatus","reloadKey","setReloadKey","queueRef","runtimeOriginRef","handshakeTimerRef","effectiveInitialHtml","initSignatureRef","stableSignature","latestInitRef","expectedOrigin","deriveAllowedOrigin","resolveTargetOrigin","setStatusSafely","next","postMessage","message","correlationId","_a","_b","target","buildEnvelope","flushQueue","pending","handleReadyMessage","handleUpload","eventMessage","url","error","handleMessage","event","iframeWindow","isMessageLike","nextPayload","signature","handleIframeLoad","key","EmailBuilder"]}
+{"version":3,"sources":["../src/index.ts","../src/EmailBuilder.tsx","../src/protocol.ts","../src/utils.ts"],"sourcesContent":["export * from './EmailBuilder';\nexport * from './types';\nexport * from './protocol';\n","import React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { BuilderToHostMessage, HostToBuilderMessage, InitPayload } from './protocol';\nimport { isMessageLike } from './protocol';\nimport { buildEnvelope, deriveAllowedOrigin, stableSignature } from './utils';\nimport type { EmailBuilderHandle, EmailBuilderProps, EmailBuilderStatus } from './types';\n\nconst DEFAULT_SANDBOX = 'allow-scripts allow-same-origin allow-forms';\nconst DEFAULT_INITIAL_HTML = '<h1>Hello World</h1><p>Start building your email template.</p>';\n\ntype PendingMessage = {\n  message: HostToBuilderMessage;\n  correlationId?: string;\n};\n\nconst overlayStyle: CSSProperties = {\n  position: 'absolute',\n  inset: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  background: 'linear-gradient(135deg, rgba(9,9,9,0.65), rgba(33,33,33,0.85))',\n  color: '#fff',\n  zIndex: 2,\n};\n\nconst iframeStyle: CSSProperties = {\n  border: 'none',\n  width: '100%',\n  height: '100%',\n};\n\nfunction appendEmbedTokenToSrc(src: string, embedToken: string | undefined): string {\n  if (!embedToken || !embedToken.trim()) {\n    return src;\n  }\n  try {\n    const u = new URL(src, typeof window !== 'undefined' ? window.location.href : 'https://example.com');\n    u.searchParams.set('embedToken', embedToken);\n    return u.toString();\n  } catch {\n    const sep = src.includes('?') ? '&' : '?';\n    return `${src}${sep}embedToken=${encodeURIComponent(embedToken)}`;\n  }\n}\n\nfunction EmailBuilderInner(\n  {\n    src,\n    initialHtml,\n    embedToken,\n    templateId,\n    config,\n    className,\n    style,\n    iframeTitle = 'Email Builder',\n    sandbox = DEFAULT_SANDBOX,\n    onChange,\n    onSave,\n    onUpload,\n    onReady,\n    onStatusChange,\n    onAuthError,\n    allowedOrigin,\n  }: EmailBuilderProps,\n  ref: ForwardedRef<EmailBuilderHandle>\n) {\n  const iframeSrc = useMemo(() => appendEmbedTokenToSrc(src, embedToken), [src, embedToken]);\n\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const builderWindowRef = useRef<Window | null>(null);\n  const readyRef = useRef(false);\n  const statusRef = useRef<EmailBuilderStatus>('loading');\n  const [status, setStatus] = useState<EmailBuilderStatus>('loading');\n  const [reloadKey, setReloadKey] = useState(0);\n  const queueRef = useRef<PendingMessage[]>([]);\n  const runtimeOriginRef = useRef<string | null>(null);\n  const handshakeTimerRef = useRef<number | null>(null);\n\n  const effectiveInitialHtml =\n    typeof initialHtml === 'string'\n      ? initialHtml\n      : templateId\n        ? ''\n        : DEFAULT_INITIAL_HTML;\n\n  const initPayload: InitPayload = {\n    html: effectiveInitialHtml,\n    config,\n    ...(templateId ? { templateId } : {}),\n  };\n\n  const initSignatureRef = useRef(stableSignature(initPayload));\n  const latestInitRef = useRef<HostToBuilderMessage>({\n    type: 'INIT',\n    payload: initPayload,\n  });\n\n  const expectedOrigin = useMemo(() => deriveAllowedOrigin(src, allowedOrigin), [src, allowedOrigin]);\n\n  const resolveTargetOrigin = useCallback(() => '*', []);\n\n  const setStatusSafely = useCallback(\n    (next: EmailBuilderStatus) => {\n      if (statusRef.current === next) {\n        return;\n      }\n      statusRef.current = next;\n      setStatus(next);\n      onStatusChange?.(next);\n    },\n    [onStatusChange]\n  );\n\n  const postMessage = useCallback(\n    (message: HostToBuilderMessage, correlationId?: string) => {\n      const target = iframeRef.current?.contentWindow ?? builderWindowRef.current;\n      if (target) {\n        builderWindowRef.current = target;\n      }\n\n      if (!builderWindowRef.current || !readyRef.current) {\n        queueRef.current.push({ message, correlationId });\n        return;\n      }\n\n      builderWindowRef.current.postMessage(buildEnvelope(message, correlationId), resolveTargetOrigin());\n    },\n    [resolveTargetOrigin]\n  );\n\n  const flushQueue = useCallback(() => {\n    if (!readyRef.current || !builderWindowRef.current) {\n      return;\n    }\n    const pending = [...queueRef.current];\n    queueRef.current = [];\n    pending.forEach(({ message, correlationId }) => {\n      builderWindowRef.current?.postMessage(\n        buildEnvelope(message, correlationId),\n        resolveTargetOrigin()\n      );\n    });\n  }, [resolveTargetOrigin]);\n\n  const handleReadyMessage = useCallback(() => {\n    if (readyRef.current) {\n      return;\n    }\n    if (handshakeTimerRef.current) {\n      window.clearTimeout(handshakeTimerRef.current);\n      handshakeTimerRef.current = null;\n    }\n    readyRef.current = true;\n    setStatusSafely('ready');\n    onReady?.();\n    postMessage(latestInitRef.current);\n    flushQueue();\n  }, [flushQueue, onReady, postMessage, setStatusSafely]);\n\n  const handleUpload = useCallback(\n    async (eventMessage: BuilderToHostMessage) => {\n      if (eventMessage.type !== 'UPLOAD') {\n        return;\n      }\n      if (!onUpload) {\n        console.warn('[EmailBuilderSDK] Upload requested but no onUpload handler is configured.');\n        return;\n      }\n      try {\n        setStatusSafely('loading');\n        const url = await onUpload(eventMessage.payload.file);\n        postMessage({ type: 'UPLOAD_SUCCESS', payload: { url } }, eventMessage.meta?.id);\n      } catch (error) {\n        setStatusSafely('error');\n        console.error('[EmailBuilderSDK] Upload handler failed', error);\n      } finally {\n        if (statusRef.current !== 'error') {\n          setStatusSafely('ready');\n        }\n      }\n    },\n    [onUpload, postMessage, setStatusSafely]\n  );\n\n  const handleMessage = useCallback(\n    (event: MessageEvent) => {\n      const iframeWindow = iframeRef.current?.contentWindow ?? builderWindowRef.current;\n      if (!iframeWindow || event.source !== iframeWindow) {\n        return;\n      }\n      if (!isMessageLike(event.data)) {\n        return;\n      }\n      if (!runtimeOriginRef.current) {\n        runtimeOriginRef.current = event.origin;\n      } else if (event.origin !== runtimeOriginRef.current) {\n        return;\n      }\n      const message = event.data as BuilderToHostMessage;\n\n      if (event.source && event.source !== builderWindowRef.current) {\n        builderWindowRef.current = event.source as Window;\n      }\n\n      switch (message.type) {\n        case 'READY':\n          handleReadyMessage();\n          break;\n        case 'CHANGE':\n          onChange?.(message.payload.html);\n          break;\n        case 'SAVE':\n          onSave?.(message.payload.html);\n          break;\n        case 'UPLOAD':\n          void handleUpload(message);\n          break;\n        case 'AUTH_ERROR': {\n          const msg = message.payload?.message || 'Email builder authentication failed';\n          if (statusRef.current !== 'error') {\n            statusRef.current = 'error';\n            setStatus('error');\n            onAuthError?.(msg);\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    },\n    [handleReadyMessage, handleUpload, onChange, onSave, onAuthError, setStatusSafely]\n  );\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('message', handleMessage);\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [handleMessage]);\n\n  useEffect(() => {\n    const nextPayload: InitPayload = {\n      html: effectiveInitialHtml,\n      config,\n      ...(templateId ? { templateId } : {}),\n    };\n    const signature = stableSignature(nextPayload);\n    latestInitRef.current = { type: 'INIT', payload: nextPayload };\n    if (signature !== initSignatureRef.current && readyRef.current) {\n      postMessage(latestInitRef.current);\n    }\n    initSignatureRef.current = signature;\n  }, [config, effectiveInitialHtml, postMessage, templateId]);\n\n  const handleIframeLoad = useCallback(() => {\n    builderWindowRef.current = iframeRef.current?.contentWindow ?? null;\n    readyRef.current = false;\n    runtimeOriginRef.current = null;\n    setStatusSafely('loading');\n\n    if (builderWindowRef.current) {\n      try {\n        builderWindowRef.current.postMessage(buildEnvelope(latestInitRef.current), '*');\n      } catch {\n        // Ignore and wait for normal READY/message flow.\n      }\n    }\n\n    if (handshakeTimerRef.current) {\n      window.clearTimeout(handshakeTimerRef.current);\n    }\n    handshakeTimerRef.current = window.setTimeout(() => {\n      if (!readyRef.current) {\n        handleReadyMessage();\n      }\n    }, 4000);\n  }, [expectedOrigin, handleReadyMessage, setStatusSafely]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      reload() {\n        queueRef.current = [];\n        readyRef.current = false;\n        builderWindowRef.current = null;\n        runtimeOriginRef.current = null;\n        if (handshakeTimerRef.current) {\n          window.clearTimeout(handshakeTimerRef.current);\n          handshakeTimerRef.current = null;\n        }\n        setStatusSafely('loading');\n        setReloadKey((key) => key + 1);\n      },\n    }),\n    [setStatusSafely]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (handshakeTimerRef.current) {\n        window.clearTimeout(handshakeTimerRef.current);\n        handshakeTimerRef.current = null;\n      }\n    };\n  }, []);\n\n  return (\n    <div className={className} style={{ position: 'relative', width: '100%', height: '100%', ...style }}>\n      <iframe\n        key={reloadKey}\n        ref={iframeRef}\n        src={iframeSrc}\n        title={iframeTitle}\n        sandbox={sandbox}\n        style={iframeStyle}\n        loading=\"lazy\"\n        allowFullScreen\n        onLoad={handleIframeLoad}\n      />\n      {status !== 'ready' && <div style={overlayStyle}>Connecting to builder…</div>}\n    </div>\n  );\n}\n\nexport const EmailBuilder = forwardRef(EmailBuilderInner);\n","export const EMAIL_BUILDER_PROTOCOL_VERSION = '1.0.0';\n\nexport type MessageType =\n  | 'INIT'\n  | 'READY'\n  | 'CHANGE'\n  | 'SAVE'\n  | 'UPLOAD'\n  | 'UPLOAD_SUCCESS'\n  | 'AUTH_ERROR';\n\nexport interface MessageMeta {\n  id: string;\n  correlationId?: string;\n  version: string;\n  sentAt: number;\n}\n\nexport type BuilderConfig = Record<string, unknown> | undefined;\n\nexport interface InitPayload {\n  /** Inline HTML to import (optional if templateId is set and builder fetches server-side). */\n  html?: string;\n  /** When set, embedded builder fetches HTML from API using embed token + this id. */\n  templateId?: string;\n  config?: BuilderConfig;\n}\n\nexport interface ChangePayload {\n  html: string;\n}\n\nexport interface SavePayload {\n  html: string;\n}\n\nexport interface UploadPayload {\n  file: File;\n}\n\nexport interface UploadSuccessPayload {\n  url: string;\n}\n\nexport interface AuthErrorPayload {\n  message: string;\n}\n\nexport type Message =\n  | { type: 'INIT'; payload: InitPayload; meta?: MessageMeta }\n  | { type: 'READY'; meta?: MessageMeta }\n  | { type: 'CHANGE'; payload: ChangePayload; meta?: MessageMeta }\n  | { type: 'SAVE'; payload: SavePayload; meta?: MessageMeta }\n  | { type: 'UPLOAD'; payload: UploadPayload; meta?: MessageMeta }\n  | { type: 'UPLOAD_SUCCESS'; payload: UploadSuccessPayload; meta?: MessageMeta }\n  | { type: 'AUTH_ERROR'; payload: AuthErrorPayload; meta?: MessageMeta };\n\nexport type BuilderToHostMessage = Extract<\n  Message,\n  { type: 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' | 'AUTH_ERROR' }\n>;\n\nexport type HostToBuilderMessage = Extract<\n  Message,\n  { type: 'INIT' | 'UPLOAD_SUCCESS' }\n>;\n\nconst VALID_TYPES: MessageType[] = [\n  'INIT',\n  'READY',\n  'CHANGE',\n  'SAVE',\n  'UPLOAD',\n  'UPLOAD_SUCCESS',\n  'AUTH_ERROR',\n];\n\nexport function isMessageLike(value: unknown): value is Message {\n  if (typeof value !== 'object' || value === null) {\n    return false;\n  }\n\n  const candidate = value as { type?: unknown; payload?: unknown; meta?: unknown };\n  if (typeof candidate.type !== 'string' || !VALID_TYPES.includes(candidate.type as MessageType)) {\n    return false;\n  }\n\n  if ('meta' in candidate && candidate.meta !== undefined) {\n    const meta = candidate.meta as Partial<MessageMeta>;\n    if (\n      (meta.id && typeof meta.id !== 'string') ||\n      (meta.correlationId && typeof meta.correlationId !== 'string') ||\n      (meta.version && typeof meta.version !== 'string') ||\n      (meta.sentAt && typeof meta.sentAt !== 'number')\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function createMessageMeta(correlationId?: string): MessageMeta {\n  const id = typeof crypto !== 'undefined' && 'randomUUID' in crypto\n    ? crypto.randomUUID()\n    : Math.random().toString(36).slice(2);\n  return {\n    id,\n    correlationId,\n    version: EMAIL_BUILDER_PROTOCOL_VERSION,\n    sentAt: Date.now(),\n  };\n}\n","import type { BuilderToHostMessage, HostToBuilderMessage, MessageMeta } from './protocol';\nimport { createMessageMeta, isMessageLike } from './protocol';\n\nexport function deriveAllowedOrigin(src: string, override?: string): string {\n  if (override) {\n    const parsed = new URL(override);\n    if (parsed.origin === 'null') {\n      throw new Error('allowedOrigin must resolve to a valid origin');\n    }\n    return parsed.origin;\n  }\n\n  let parsed: URL;\n  try {\n    parsed = new URL(src);\n  } catch {\n    throw new Error('EmailBuilder `src` must be an absolute URL (e.g. https://example.com)');\n  }\n  if (!parsed.origin || parsed.origin === 'null') {\n    throw new Error('EmailBuilder requires an absolute src URL with a valid origin');\n  }\n  return parsed.origin;\n}\n\nexport function buildEnvelope<T extends HostToBuilderMessage>(message: T, correlationId?: string): T {\n  const meta: MessageMeta = createMessageMeta(correlationId);\n  return { ...message, meta } as T;\n}\n\nexport function sanitizeIncomingMessage(\n  event: MessageEvent,\n  allowedOrigin: string,\n  iframeWindow: Window | null\n): BuilderToHostMessage | null {\n  if (event.origin !== allowedOrigin) {\n    return null;\n  }\n\n  if (!iframeWindow || event.source !== iframeWindow) {\n    return null;\n  }\n\n  if (!isMessageLike(event.data)) {\n    return null;\n  }\n\n  return event.data as BuilderToHostMessage;\n}\n\nexport function stableSignature(value: unknown): string {\n  return JSON.stringify(value ?? null);\n}\n"],"mappings":"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","names":["index_exports","__export","EMAIL_BUILDER_PROTOCOL_VERSION","EmailBuilder","createMessageMeta","isMessageLike","__toCommonJS","import_react","EMAIL_BUILDER_PROTOCOL_VERSION","VALID_TYPES","isMessageLike","value","candidate","meta","createMessageMeta","correlationId","deriveAllowedOrigin","src","override","parsed","buildEnvelope","message","correlationId","meta","createMessageMeta","stableSignature","value","import_jsx_runtime","DEFAULT_SANDBOX","DEFAULT_INITIAL_HTML","overlayStyle","iframeStyle","appendEmbedTokenToSrc","src","embedToken","u","sep","EmailBuilderInner","initialHtml","templateId","config","className","style","iframeTitle","sandbox","onChange","onSave","onUpload","onReady","onStatusChange","onAuthError","allowedOrigin","ref","iframeSrc","iframeRef","builderWindowRef","readyRef","statusRef","status","setStatus","reloadKey","setReloadKey","queueRef","runtimeOriginRef","handshakeTimerRef","effectiveInitialHtml","initPayload","initSignatureRef","stableSignature","latestInitRef","expectedOrigin","deriveAllowedOrigin","resolveTargetOrigin","setStatusSafely","next","postMessage","message","correlationId","_a","_b","target","buildEnvelope","flushQueue","pending","handleReadyMessage","handleUpload","eventMessage","url","error","handleMessage","event","_c","iframeWindow","isMessageLike","msg","nextPayload","signature","handleIframeLoad","key","EmailBuilder"]}

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import React, { CSSProperties } from 'react';
 
 declare const EMAIL_BUILDER_PROTOCOL_VERSION = "1.0.0";
-type MessageType = 'INIT' | 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' | 'UPLOAD_SUCCESS';
+type MessageType = 'INIT' | 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' | 'UPLOAD_SUCCESS' | 'AUTH_ERROR';
 interface MessageMeta {
     id: string;
     correlationId?: string;
@@ -10,7 +10,10 @@ interface MessageMeta {
 }
 type BuilderConfig = Record<string, unknown> | undefined;
 interface InitPayload {
-    html: string;
+    /** Inline HTML to import (optional if templateId is set and builder fetches server-side). */
+    html?: string;
+    /** When set, embedded builder fetches HTML from API using embed token + this id. */
+    templateId?: string;
     config?: BuilderConfig;
 }
 interface ChangePayload {
@@ -25,6 +28,9 @@ interface UploadPayload {
 interface UploadSuccessPayload {
     url: string;
 }
+interface AuthErrorPayload {
+    message: string;
+}
 type Message = {
     type: 'INIT';
     payload: InitPayload;
@@ -48,9 +54,13 @@ type Message = {
     type: 'UPLOAD_SUCCESS';
     payload: UploadSuccessPayload;
     meta?: MessageMeta;
+} | {
+    type: 'AUTH_ERROR';
+    payload: AuthErrorPayload;
+    meta?: MessageMeta;
 };
 type BuilderToHostMessage = Extract<Message, {
-    type: 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD';
+    type: 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' | 'AUTH_ERROR';
 }>;
 type HostToBuilderMessage = Extract<Message, {
     type: 'INIT' | 'UPLOAD_SUCCESS';
@@ -63,6 +73,16 @@ type EmailBuilderStatus = 'idle' | 'loading' | 'ready' | 'error';
 interface EmailBuilderProps {
     src: string;
     initialHtml?: string;
+    /**
+     * When set, the iframe URL includes `embedToken` so the builder can call your API.
+     * Create the token with POST /access-tokens (Bearer user JWT); the response string is the key.
+     */
+    embedToken?: string;
+    /**
+     * Optional: load HTML from GET /email-builder-sdk/templates/:id using the embed token
+     * instead of relying on initialHtml alone.
+     */
+    templateId?: string;
     config?: BuilderConfig;
     className?: string;
     style?: CSSProperties;
@@ -73,6 +93,8 @@ interface EmailBuilderProps {
     onUpload?: UploadHandler;
     onReady?: () => void;
     onStatusChange?: (status: EmailBuilderStatus) => void;
+    /** Called when the embedded builder rejects the embed token. */
+    onAuthError?: (message: string) => void;
     /**
      * Optionally override the derived origin (defaults to src origin)
      */
@@ -84,4 +106,4 @@ interface EmailBuilderHandle {
 
 declare const EmailBuilder: React.ForwardRefExoticComponent<EmailBuilderProps & React.RefAttributes<EmailBuilderHandle>>;
 
-export { type BuilderConfig, type BuilderToHostMessage, type ChangePayload, EMAIL_BUILDER_PROTOCOL_VERSION, EmailBuilder, type EmailBuilderHandle, type EmailBuilderProps, type EmailBuilderStatus, type HostToBuilderMessage, type InitPayload, type Message, type MessageMeta, type MessageType, type SavePayload, type UploadHandler, type UploadPayload, type UploadSuccessPayload, createMessageMeta, isMessageLike };
+export { type AuthErrorPayload, type BuilderConfig, type BuilderToHostMessage, type ChangePayload, EMAIL_BUILDER_PROTOCOL_VERSION, EmailBuilder, type EmailBuilderHandle, type EmailBuilderProps, type EmailBuilderStatus, type HostToBuilderMessage, type InitPayload, type Message, type MessageMeta, type MessageType, type SavePayload, type UploadHandler, type UploadPayload, type UploadSuccessPayload, createMessageMeta, isMessageLike };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties } from 'react';
 
 declare const EMAIL_BUILDER_PROTOCOL_VERSION = "1.0.0";
-type MessageType = 'INIT' | 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' | 'UPLOAD_SUCCESS';
+type MessageType = 'INIT' | 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' | 'UPLOAD_SUCCESS' | 'AUTH_ERROR';
 interface MessageMeta {
     id: string;
     correlationId?: string;
@@ -10,7 +10,10 @@ interface MessageMeta {
 }
 type BuilderConfig = Record<string, unknown> | undefined;
 interface InitPayload {
-    html: string;
+    /** Inline HTML to import (optional if templateId is set and builder fetches server-side). */
+    html?: string;
+    /** When set, embedded builder fetches HTML from API using embed token + this id. */
+    templateId?: string;
     config?: BuilderConfig;
 }
 interface ChangePayload {
@@ -25,6 +28,9 @@ interface UploadPayload {
 interface UploadSuccessPayload {
     url: string;
 }
+interface AuthErrorPayload {
+    message: string;
+}
 type Message = {
     type: 'INIT';
     payload: InitPayload;
@@ -48,9 +54,13 @@ type Message = {
     type: 'UPLOAD_SUCCESS';
     payload: UploadSuccessPayload;
     meta?: MessageMeta;
+} | {
+    type: 'AUTH_ERROR';
+    payload: AuthErrorPayload;
+    meta?: MessageMeta;
 };
 type BuilderToHostMessage = Extract<Message, {
-    type: 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD';
+    type: 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' | 'AUTH_ERROR';
 }>;
 type HostToBuilderMessage = Extract<Message, {
     type: 'INIT' | 'UPLOAD_SUCCESS';
@@ -63,6 +73,16 @@ type EmailBuilderStatus = 'idle' | 'loading' | 'ready' | 'error';
 interface EmailBuilderProps {
     src: string;
     initialHtml?: string;
+    /**
+     * When set, the iframe URL includes `embedToken` so the builder can call your API.
+     * Create the token with POST /access-tokens (Bearer user JWT); the response string is the key.
+     */
+    embedToken?: string;
+    /**
+     * Optional: load HTML from GET /email-builder-sdk/templates/:id using the embed token
+     * instead of relying on initialHtml alone.
+     */
+    templateId?: string;
     config?: BuilderConfig;
     className?: string;
     style?: CSSProperties;
@@ -73,6 +93,8 @@ interface EmailBuilderProps {
     onUpload?: UploadHandler;
     onReady?: () => void;
     onStatusChange?: (status: EmailBuilderStatus) => void;
+    /** Called when the embedded builder rejects the embed token. */
+    onAuthError?: (message: string) => void;
     /**
      * Optionally override the derived origin (defaults to src origin)
      */
@@ -84,4 +106,4 @@ interface EmailBuilderHandle {
 
 declare const EmailBuilder: React.ForwardRefExoticComponent<EmailBuilderProps & React.RefAttributes<EmailBuilderHandle>>;
 
-export { type BuilderConfig, type BuilderToHostMessage, type ChangePayload, EMAIL_BUILDER_PROTOCOL_VERSION, EmailBuilder, type EmailBuilderHandle, type EmailBuilderProps, type EmailBuilderStatus, type HostToBuilderMessage, type InitPayload, type Message, type MessageMeta, type MessageType, type SavePayload, type UploadHandler, type UploadPayload, type UploadSuccessPayload, createMessageMeta, isMessageLike };
+export { type AuthErrorPayload, type BuilderConfig, type BuilderToHostMessage, type ChangePayload, EMAIL_BUILDER_PROTOCOL_VERSION, EmailBuilder, type EmailBuilderHandle, type EmailBuilderProps, type EmailBuilderStatus, type HostToBuilderMessage, type InitPayload, type Message, type MessageMeta, type MessageType, type SavePayload, type UploadHandler, type UploadPayload, type UploadSuccessPayload, createMessageMeta, isMessageLike };

package/dist/index.js

@@ -1,2 +1,2 @@
-import{forwardRef as ee,useCallback as p,useEffect as H,useImperativeHandle as re,useMemo as te,useRef as u,useState as F}from"react";var Z="1.0.0",$=["INIT","READY","CHANGE","SAVE","UPLOAD","UPLOAD_SUCCESS"];function D(t){if(typeof t!="object"||t===null)return!1;let s=t;if(typeof s.type!="string"||!$.includes(s.type))return!1;if("meta"in s&&s.meta!==void 0){let r=s.meta;if(r.id&&typeof r.id!="string"||r.correlationId&&typeof r.correlationId!="string"||r.version&&typeof r.version!="string"||r.sentAt&&typeof r.sentAt!="number")return!1}return!0}function _(t){return{id:typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID():Math.random().toString(36).slice(2),correlationId:t,version:Z,sentAt:Date.now()}}function W(t,s){if(s){let y=new URL(s);if(y.origin==="null")throw new Error("allowedOrigin must resolve to a valid origin");return y.origin}let r;try{r=new URL(t)}catch{throw new Error("EmailBuilder `src` must be an absolute URL (e.g. https://example.com)")}if(!r.origin||r.origin==="null")throw new Error("EmailBuilder requires an absolute src URL with a valid origin");return r.origin}function P(t,s){let r=_(s);return{...t,meta:r}}function R(t){return JSON.stringify(t!=null?t:null)}import{jsx as V,jsxs as le}from"react/jsx-runtime";var ne="allow-scripts allow-same-origin allow-forms",se="<h1>Hello World</h1><p>Start building your email template.</p>",oe={position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"0.875rem",fontWeight:500,background:"linear-gradient(135deg, rgba(9,9,9,0.65), rgba(33,33,33,0.85))",color:"#fff",zIndex:2},ae={border:"none",width:"100%",height:"100%"};function ie({src:t,initialHtml:s,config:r,className:y,style:Y,iframeTitle:v="Email Builder",sandbox:G=ne,onChange:M,onSave:E,onUpload:h,onReady:w,onStatusChange:S,allowedOrigin:O},z){let T=u(null),o=u(null),c=u(!1),b=u("loading"),[K,q]=F("loading"),[j,J]=F(0),A=u([]),g=u(null),i=u(null),I=s!=null?s:se,k=u(R({html:I,config:r})),U=u({type:"INIT",payload:{html:I,config:r}}),Q=te(()=>W(t,O),[t,O]),B=p(()=>"*",[]),l=p(e=>{b.current!==e&&(b.current=e,q(e),S==null||S(e))},[S]),f=p((e,n)=>{var d,m;let a=(m=(d=T.current)==null?void 0:d.contentWindow)!=null?m:o.current;if(a&&(o.current=a),!o.current||!c.current){A.current.push({message:e,correlationId:n});return}o.current.postMessage(P(e,n),B())},[B]),C=p(()=>{if(!c.current||!o.current)return;let e=[...A.current];A.current=[],e.forEach(({message:n,correlationId:a})=>{var d;(d=o.current)==null||d.postMessage(P(n,a),B())})},[B]),L=p(()=>{c.current||(i.current&&(window.clearTimeout(i.current),i.current=null),c.current=!0,l("ready"),w==null||w(),f(U.current),C())},[C,w,f,l]),N=p(async e=>{var n;if(e.type==="UPLOAD"){if(!h){console.warn("[EmailBuilderSDK] Upload requested but no onUpload handler is configured.");return}try{l("loading");let a=await h(e.payload.file);f({type:"UPLOAD_SUCCESS",payload:{url:a}},(n=e.meta)==null?void 0:n.id)}catch(a){l("error"),console.error("[EmailBuilderSDK] Upload handler failed",a)}finally{b.current!=="error"&&l("ready")}}},[h,f,l]),x=p(e=>{var d,m;let n=(m=(d=T.current)==null?void 0:d.contentWindow)!=null?m:o.current;if(!n||e.source!==n||!D(e.data))return;if(!g.current)g.current=e.origin;else if(e.origin!==g.current)return;let a=e.data;switch(e.source&&e.source!==o.current&&(o.current=e.source),a.type){case"READY":L();break;case"CHANGE":M==null||M(a.payload.html);break;case"SAVE":E==null||E(a.payload.html);break;case"UPLOAD":N(a);break;default:break}},[L,N,M,E]);H(()=>{if(typeof window!="undefined")return window.addEventListener("message",x),()=>{window.removeEventListener("message",x)}},[x]),H(()=>{let e={html:I,config:r},n=R(e);U.current={type:"INIT",payload:e},n!==k.current&&c.current&&f(U.current),k.current=n},[r,I,f]);let X=p(()=>{var e,n;if(o.current=(n=(e=T.current)==null?void 0:e.contentWindow)!=null?n:null,c.current=!1,g.current=null,l("loading"),o.current)try{o.current.postMessage(P(U.current),"*")}catch{}i.current&&window.clearTimeout(i.current),i.current=window.setTimeout(()=>{c.current||L()},4e3)},[Q,L,l]);return re(z,()=>({reload(){A.current=[],c.current=!1,o.current=null,g.current=null,i.current&&(window.clearTimeout(i.current),i.current=null),l("loading"),J(e=>e+1)}}),[l]),H(()=>()=>{i.current&&(window.clearTimeout(i.current),i.current=null)},[]),le("div",{className:y,style:{position:"relative",width:"100%",height:"100%",...Y},children:[V("iframe",{ref:T,src:t,title:v,sandbox:G,style:ae,loading:"lazy",allowFullScreen:!0,onLoad:X},j),K!=="ready"&&V("div",{style:oe,children:"Connecting to builder\u2026"})]})}var Ee=ee(ie);export{Z as EMAIL_BUILDER_PROTOCOL_VERSION,Ee as EmailBuilder,_ as createMessageMeta,D as isMessageLike};
+import{forwardRef as le,useCallback as p,useEffect as k,useImperativeHandle as ue,useMemo as z,useRef as c,useState as K}from"react";var se="1.0.0",oe=["INIT","READY","CHANGE","SAVE","UPLOAD","UPLOAD_SUCCESS","AUTH_ERROR"];function O(r){if(typeof r!="object"||r===null)return!1;let n=r;if(typeof n.type!="string"||!oe.includes(n.type))return!1;if("meta"in n&&n.meta!==void 0){let t=n.meta;if(t.id&&typeof t.id!="string"||t.correlationId&&typeof t.correlationId!="string"||t.version&&typeof t.version!="string"||t.sentAt&&typeof t.sentAt!="number")return!1}return!0}function v(r){return{id:typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID():Math.random().toString(36).slice(2),correlationId:r,version:se,sentAt:Date.now()}}function G(r,n){if(n){let u=new URL(n);if(u.origin==="null")throw new Error("allowedOrigin must resolve to a valid origin");return u.origin}let t;try{t=new URL(r)}catch{throw new Error("EmailBuilder `src` must be an absolute URL (e.g. https://example.com)")}if(!t.origin||t.origin==="null")throw new Error("EmailBuilder requires an absolute src URL with a valid origin");return t.origin}function L(r,n){let t=v(n);return{...r,meta:t}}function D(r){return JSON.stringify(r!=null?r:null)}import{jsx as q,jsxs as me}from"react/jsx-runtime";var ce="allow-scripts allow-same-origin allow-forms",de="<h1>Hello World</h1><p>Start building your email template.</p>",fe={position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"0.875rem",fontWeight:500,background:"linear-gradient(135deg, rgba(9,9,9,0.65), rgba(33,33,33,0.85))",color:"#fff",zIndex:2},pe={border:"none",width:"100%",height:"100%"};function ge(r,n){if(!n||!n.trim())return r;try{let t=new URL(r,typeof window!="undefined"?window.location.href:"https://example.com");return t.searchParams.set("embedToken",n),t.toString()}catch{let t=r.includes("?")?"&":"?";return`${r}${t}embedToken=${encodeURIComponent(n)}`}}function ye({src:r,initialHtml:n,embedToken:t,templateId:u,config:h,className:$,style:j,iframeTitle:J="Email Builder",sandbox:Q=ce,onChange:E,onSave:w,onUpload:H,onReady:S,onStatusChange:T,onAuthError:R,allowedOrigin:C},X){let Z=z(()=>ge(r,t),[r,t]),U=c(null),s=c(null),d=c(!1),y=c("loading"),[ee,_]=K("loading"),[re,te]=K(0),A=c([]),m=c(null),o=c(null),x=typeof n=="string"?n:u?"":de,N={html:x,config:h,...u?{templateId:u}:{}},W=c(D(N)),P=c({type:"INIT",payload:N}),ne=z(()=>G(r,C),[r,C]),I=p(()=>"*",[]),l=p(e=>{y.current!==e&&(y.current=e,_(e),T==null||T(e))},[T]),g=p((e,i)=>{var f,M;let a=(M=(f=U.current)==null?void 0:f.contentWindow)!=null?M:s.current;if(a&&(s.current=a),!s.current||!d.current){A.current.push({message:e,correlationId:i});return}s.current.postMessage(L(e,i),I())},[I]),F=p(()=>{if(!d.current||!s.current)return;let e=[...A.current];A.current=[],e.forEach(({message:i,correlationId:a})=>{var f;(f=s.current)==null||f.postMessage(L(i,a),I())})},[I]),B=p(()=>{d.current||(o.current&&(window.clearTimeout(o.current),o.current=null),d.current=!0,l("ready"),S==null||S(),g(P.current),F())},[F,S,g,l]),V=p(async e=>{var i;if(e.type==="UPLOAD"){if(!H){console.warn("[EmailBuilderSDK] Upload requested but no onUpload handler is configured.");return}try{l("loading");let a=await H(e.payload.file);g({type:"UPLOAD_SUCCESS",payload:{url:a}},(i=e.meta)==null?void 0:i.id)}catch(a){l("error"),console.error("[EmailBuilderSDK] Upload handler failed",a)}finally{y.current!=="error"&&l("ready")}}},[H,g,l]),b=p(e=>{var f,M,Y;let i=(M=(f=U.current)==null?void 0:f.contentWindow)!=null?M:s.current;if(!i||e.source!==i||!O(e.data))return;if(!m.current)m.current=e.origin;else if(e.origin!==m.current)return;let a=e.data;switch(e.source&&e.source!==s.current&&(s.current=e.source),a.type){case"READY":B();break;case"CHANGE":E==null||E(a.payload.html);break;case"SAVE":w==null||w(a.payload.html);break;case"UPLOAD":V(a);break;case"AUTH_ERROR":{let ae=((Y=a.payload)==null?void 0:Y.message)||"Email builder authentication failed";y.current!=="error"&&(y.current="error",_("error"),R==null||R(ae));break}default:break}},[B,V,E,w,R,l]);k(()=>{if(typeof window!="undefined")return window.addEventListener("message",b),()=>{window.removeEventListener("message",b)}},[b]),k(()=>{let e={html:x,config:h,...u?{templateId:u}:{}},i=D(e);P.current={type:"INIT",payload:e},i!==W.current&&d.current&&g(P.current),W.current=i},[h,x,g,u]);let ie=p(()=>{var e,i;if(s.current=(i=(e=U.current)==null?void 0:e.contentWindow)!=null?i:null,d.current=!1,m.current=null,l("loading"),s.current)try{s.current.postMessage(L(P.current),"*")}catch{}o.current&&window.clearTimeout(o.current),o.current=window.setTimeout(()=>{d.current||B()},4e3)},[ne,B,l]);return ue(X,()=>({reload(){A.current=[],d.current=!1,s.current=null,m.current=null,o.current&&(window.clearTimeout(o.current),o.current=null),l("loading"),te(e=>e+1)}}),[l]),k(()=>()=>{o.current&&(window.clearTimeout(o.current),o.current=null)},[]),me("div",{className:$,style:{position:"relative",width:"100%",height:"100%",...j},children:[q("iframe",{ref:U,src:Z,title:J,sandbox:Q,style:pe,loading:"lazy",allowFullScreen:!0,onLoad:ie},re),ee!=="ready"&&q("div",{style:fe,children:"Connecting to builder\u2026"})]})}var Ie=le(ye);export{se as EMAIL_BUILDER_PROTOCOL_VERSION,Ie as EmailBuilder,v as createMessageMeta,O as isMessageLike};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/EmailBuilder.tsx","../src/protocol.ts","../src/utils.ts"],"sourcesContent":["import React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { BuilderToHostMessage, HostToBuilderMessage } from './protocol';\nimport { isMessageLike } from './protocol';\nimport { buildEnvelope, deriveAllowedOrigin, stableSignature } from './utils';\nimport type { EmailBuilderHandle, EmailBuilderProps, EmailBuilderStatus } from './types';\n\nconst DEFAULT_SANDBOX = 'allow-scripts allow-same-origin allow-forms';\nconst DEFAULT_INITIAL_HTML = '<h1>Hello World</h1><p>Start building your email template.</p>';\n\ntype PendingMessage = {\n  message: HostToBuilderMessage;\n  correlationId?: string;\n};\n\nconst overlayStyle: CSSProperties = {\n  position: 'absolute',\n  inset: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  background: 'linear-gradient(135deg, rgba(9,9,9,0.65), rgba(33,33,33,0.85))',\n  color: '#fff',\n  zIndex: 2,\n};\n\nconst iframeStyle: CSSProperties = {\n  border: 'none',\n  width: '100%',\n  height: '100%',\n};\n\nfunction EmailBuilderInner(\n  {\n    src,\n    initialHtml,\n    config,\n    className,\n    style,\n    iframeTitle = 'Email Builder',\n    sandbox = DEFAULT_SANDBOX,\n    onChange,\n    onSave,\n    onUpload,\n    onReady,\n    onStatusChange,\n    allowedOrigin,\n  }: EmailBuilderProps,\n  ref: ForwardedRef<EmailBuilderHandle>\n) {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const builderWindowRef = useRef<Window | null>(null);\n  const readyRef = useRef(false);\n  const statusRef = useRef<EmailBuilderStatus>('loading');\n  const [status, setStatus] = useState<EmailBuilderStatus>('loading');\n  const [reloadKey, setReloadKey] = useState(0);\n  const queueRef = useRef<PendingMessage[]>([]);\n  const runtimeOriginRef = useRef<string | null>(null);\n  const handshakeTimerRef = useRef<number | null>(null);\n  const effectiveInitialHtml = initialHtml ?? DEFAULT_INITIAL_HTML;\n  const initSignatureRef = useRef(stableSignature({ html: effectiveInitialHtml, config }));\n  const latestInitRef = useRef<HostToBuilderMessage>({\n    type: 'INIT',\n    payload: { html: effectiveInitialHtml, config },\n  });\n\n  const expectedOrigin = useMemo(() => deriveAllowedOrigin(src, allowedOrigin), [src, allowedOrigin]);\n\n  // Use '*' for outgoing postMessage since we target a specific contentWindow we own.\n  // Avoids silent message drops from origin mismatches (e.g. Netlify redirects).\n  const resolveTargetOrigin = useCallback(() => '*', []);\n\n  const setStatusSafely = useCallback(\n    (next: EmailBuilderStatus) => {\n      if (statusRef.current === next) {\n        return;\n      }\n      statusRef.current = next;\n      setStatus(next);\n      onStatusChange?.(next);\n    },\n    [onStatusChange]\n  );\n\n  const postMessage = useCallback(\n    (message: HostToBuilderMessage, correlationId?: string) => {\n      const target = iframeRef.current?.contentWindow ?? builderWindowRef.current;\n      if (target) {\n        builderWindowRef.current = target;\n      }\n\n      if (!builderWindowRef.current || !readyRef.current) {\n        queueRef.current.push({ message, correlationId });\n        return;\n      }\n\n      builderWindowRef.current.postMessage(buildEnvelope(message, correlationId), resolveTargetOrigin());\n    },\n    [resolveTargetOrigin]\n  );\n\n  const flushQueue = useCallback(() => {\n    if (!readyRef.current || !builderWindowRef.current) {\n      return;\n    }\n    const pending = [...queueRef.current];\n    queueRef.current = [];\n    pending.forEach(({ message, correlationId }) => {\n      builderWindowRef.current?.postMessage(\n        buildEnvelope(message, correlationId),\n        resolveTargetOrigin()\n      );\n    });\n  }, [resolveTargetOrigin]);\n\n  const handleReadyMessage = useCallback(() => {\n    if (readyRef.current) {\n      return;\n    }\n    if (handshakeTimerRef.current) {\n      window.clearTimeout(handshakeTimerRef.current);\n      handshakeTimerRef.current = null;\n    }\n    readyRef.current = true;\n    setStatusSafely('ready');\n    onReady?.();\n    postMessage(latestInitRef.current);\n    flushQueue();\n  }, [flushQueue, onReady, postMessage, setStatusSafely]);\n\n  const handleUpload = useCallback(\n    async (eventMessage: BuilderToHostMessage) => {\n      if (eventMessage.type !== 'UPLOAD') {\n        return;\n      }\n      if (!onUpload) {\n        console.warn('[EmailBuilderSDK] Upload requested but no onUpload handler is configured.');\n        return;\n      }\n      try {\n        setStatusSafely('loading');\n        const url = await onUpload(eventMessage.payload.file);\n        postMessage({ type: 'UPLOAD_SUCCESS', payload: { url } }, eventMessage.meta?.id);\n      } catch (error) {\n        setStatusSafely('error');\n        console.error('[EmailBuilderSDK] Upload handler failed', error);\n      } finally {\n        if (statusRef.current !== 'error') {\n          setStatusSafely('ready');\n        }\n      }\n    },\n    [onUpload, postMessage, setStatusSafely]\n  );\n\n  const handleMessage = useCallback(\n    (event: MessageEvent) => {\n      const iframeWindow = iframeRef.current?.contentWindow ?? builderWindowRef.current;\n      if (!iframeWindow || event.source !== iframeWindow) {\n        return;\n      }\n      if (!isMessageLike(event.data)) {\n        return;\n      }\n      if (!runtimeOriginRef.current) {\n        runtimeOriginRef.current = event.origin;\n      } else if (event.origin !== runtimeOriginRef.current) {\n        return;\n      }\n      const message = event.data as BuilderToHostMessage;\n\n      if (event.source && event.source !== builderWindowRef.current) {\n        builderWindowRef.current = event.source as Window;\n      }\n\n      switch (message.type) {\n        case 'READY':\n          handleReadyMessage();\n          break;\n        case 'CHANGE':\n          onChange?.(message.payload.html);\n          break;\n        case 'SAVE':\n          onSave?.(message.payload.html);\n          break;\n        case 'UPLOAD':\n          void handleUpload(message);\n          break;\n        default:\n          break;\n      }\n    },\n    [handleReadyMessage, handleUpload, onChange, onSave]\n  );\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('message', handleMessage);\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [handleMessage]);\n\n  useEffect(() => {\n    const nextPayload = { html: effectiveInitialHtml, config };\n    const signature = stableSignature(nextPayload);\n    latestInitRef.current = { type: 'INIT', payload: nextPayload };\n    if (signature !== initSignatureRef.current && readyRef.current) {\n      postMessage(latestInitRef.current);\n    }\n    initSignatureRef.current = signature;\n  }, [config, effectiveInitialHtml, postMessage]);\n\n  const handleIframeLoad = useCallback(() => {\n    builderWindowRef.current = iframeRef.current?.contentWindow ?? null;\n    readyRef.current = false;\n    runtimeOriginRef.current = null;\n    setStatusSafely('loading');\n\n    // Kick off handshake immediately so we don't rely only on READY timing.\n    // Some embeds can miss READY due to mount-order races.\n    if (builderWindowRef.current) {\n      try {\n        builderWindowRef.current.postMessage(buildEnvelope(latestInitRef.current), '*');\n      } catch {\n        // Ignore and wait for normal READY/message flow.\n      }\n    }\n\n    if (handshakeTimerRef.current) {\n      window.clearTimeout(handshakeTimerRef.current);\n    }\n    handshakeTimerRef.current = window.setTimeout(() => {\n      // Fallback: if iframe loaded but READY wasn't observed, mark connected.\n      // Builder still drives real interactions via subsequent CHANGE/SAVE/UPLOAD.\n      if (!readyRef.current) {\n        handleReadyMessage();\n      }\n    }, 4000);\n  }, [expectedOrigin, handleReadyMessage, setStatusSafely]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      reload() {\n        queueRef.current = [];\n        readyRef.current = false;\n        builderWindowRef.current = null;\n        runtimeOriginRef.current = null;\n        if (handshakeTimerRef.current) {\n          window.clearTimeout(handshakeTimerRef.current);\n          handshakeTimerRef.current = null;\n        }\n        setStatusSafely('loading');\n        setReloadKey((key) => key + 1);\n      },\n    }),\n    [setStatusSafely]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (handshakeTimerRef.current) {\n        window.clearTimeout(handshakeTimerRef.current);\n        handshakeTimerRef.current = null;\n      }\n    };\n  }, []);\n\n  return (\n    <div className={className} style={{ position: 'relative', width: '100%', height: '100%', ...style }}>\n      <iframe\n        key={reloadKey}\n        ref={iframeRef}\n        src={src}\n        title={iframeTitle}\n        sandbox={sandbox}\n        style={iframeStyle}\n        loading=\"lazy\"\n        allowFullScreen\n        onLoad={handleIframeLoad}\n      />\n      {status !== 'ready' && <div style={overlayStyle}>Connecting to builder…</div>}\n    </div>\n  );\n}\n\nexport const EmailBuilder = forwardRef(EmailBuilderInner);\n","export const EMAIL_BUILDER_PROTOCOL_VERSION = '1.0.0';\n\nexport type MessageType =\n  | 'INIT'\n  | 'READY'\n  | 'CHANGE'\n  | 'SAVE'\n  | 'UPLOAD'\n  | 'UPLOAD_SUCCESS';\n\nexport interface MessageMeta {\n  id: string;\n  correlationId?: string;\n  version: string;\n  sentAt: number;\n}\n\nexport type BuilderConfig = Record<string, unknown> | undefined;\n\nexport interface InitPayload {\n  html: string;\n  config?: BuilderConfig;\n}\n\nexport interface ChangePayload {\n  html: string;\n}\n\nexport interface SavePayload {\n  html: string;\n}\n\nexport interface UploadPayload {\n  file: File;\n}\n\nexport interface UploadSuccessPayload {\n  url: string;\n}\n\nexport type Message =\n  | { type: 'INIT'; payload: InitPayload; meta?: MessageMeta }\n  | { type: 'READY'; meta?: MessageMeta }\n  | { type: 'CHANGE'; payload: ChangePayload; meta?: MessageMeta }\n  | { type: 'SAVE'; payload: SavePayload; meta?: MessageMeta }\n  | { type: 'UPLOAD'; payload: UploadPayload; meta?: MessageMeta }\n  | { type: 'UPLOAD_SUCCESS'; payload: UploadSuccessPayload; meta?: MessageMeta };\n\nexport type BuilderToHostMessage = Extract<\n  Message,\n  { type: 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' }\n>;\n\nexport type HostToBuilderMessage = Extract<\n  Message,\n  { type: 'INIT' | 'UPLOAD_SUCCESS' }\n>;\n\nconst VALID_TYPES: MessageType[] = ['INIT', 'READY', 'CHANGE', 'SAVE', 'UPLOAD', 'UPLOAD_SUCCESS'];\n\nexport function isMessageLike(value: unknown): value is Message {\n  if (typeof value !== 'object' || value === null) {\n    return false;\n  }\n\n  const candidate = value as { type?: unknown; payload?: unknown; meta?: unknown };\n  if (typeof candidate.type !== 'string' || !VALID_TYPES.includes(candidate.type as MessageType)) {\n    return false;\n  }\n\n  if ('meta' in candidate && candidate.meta !== undefined) {\n    const meta = candidate.meta as Partial<MessageMeta>;\n    if (\n      (meta.id && typeof meta.id !== 'string') ||\n      (meta.correlationId && typeof meta.correlationId !== 'string') ||\n      (meta.version && typeof meta.version !== 'string') ||\n      (meta.sentAt && typeof meta.sentAt !== 'number')\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function createMessageMeta(correlationId?: string): MessageMeta {\n  const id = typeof crypto !== 'undefined' && 'randomUUID' in crypto\n    ? crypto.randomUUID()\n    : Math.random().toString(36).slice(2);\n  return {\n    id,\n    correlationId,\n    version: EMAIL_BUILDER_PROTOCOL_VERSION,\n    sentAt: Date.now(),\n  };\n}\n","import type { BuilderToHostMessage, HostToBuilderMessage, MessageMeta } from './protocol';\nimport { createMessageMeta, isMessageLike } from './protocol';\n\nexport function deriveAllowedOrigin(src: string, override?: string): string {\n  if (override) {\n    const parsed = new URL(override);\n    if (parsed.origin === 'null') {\n      throw new Error('allowedOrigin must resolve to a valid origin');\n    }\n    return parsed.origin;\n  }\n\n  let parsed: URL;\n  try {\n    parsed = new URL(src);\n  } catch {\n    throw new Error('EmailBuilder `src` must be an absolute URL (e.g. https://example.com)');\n  }\n  if (!parsed.origin || parsed.origin === 'null') {\n    throw new Error('EmailBuilder requires an absolute src URL with a valid origin');\n  }\n  return parsed.origin;\n}\n\nexport function buildEnvelope<T extends HostToBuilderMessage>(message: T, correlationId?: string): T {\n  const meta: MessageMeta = createMessageMeta(correlationId);\n  return { ...message, meta } as T;\n}\n\nexport function sanitizeIncomingMessage(\n  event: MessageEvent,\n  allowedOrigin: string,\n  iframeWindow: Window | null\n): BuilderToHostMessage | null {\n  if (event.origin !== allowedOrigin) {\n    return null;\n  }\n\n  if (!iframeWindow || event.source !== iframeWindow) {\n    return null;\n  }\n\n  if (!isMessageLike(event.data)) {\n    return null;\n  }\n\n  return event.data as BuilderToHostMessage;\n}\n\nexport function stableSignature(value: unknown): string {\n  return JSON.stringify(value ?? null);\n}\n"],"mappings":"AAAA,OAGE,cAAAA,GACA,eAAAC,EACA,aAAAC,EACA,uBAAAC,GACA,WAAAC,GACA,UAAAC,EACA,YAAAC,MACK,QCVA,IAAMC,EAAiC,QA0DxCC,EAA6B,CAAC,OAAQ,QAAS,SAAU,OAAQ,SAAU,gBAAgB,EAE1F,SAASC,EAAcC,EAAkC,CAC9D,GAAI,OAAOA,GAAU,UAAYA,IAAU,KACzC,MAAO,GAGT,IAAMC,EAAYD,EAClB,GAAI,OAAOC,EAAU,MAAS,UAAY,CAACH,EAAY,SAASG,EAAU,IAAmB,EAC3F,MAAO,GAGT,GAAI,SAAUA,GAAaA,EAAU,OAAS,OAAW,CACvD,IAAMC,EAAOD,EAAU,KACvB,GACGC,EAAK,IAAM,OAAOA,EAAK,IAAO,UAC9BA,EAAK,eAAiB,OAAOA,EAAK,eAAkB,UACpDA,EAAK,SAAW,OAAOA,EAAK,SAAY,UACxCA,EAAK,QAAU,OAAOA,EAAK,QAAW,SAEvC,MAAO,EAEX,CAEA,MAAO,EACT,CAEO,SAASC,EAAkBC,EAAqC,CAIrE,MAAO,CACL,GAJS,OAAO,QAAW,aAAe,eAAgB,OACxD,OAAO,WAAW,EAClB,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAGpC,cAAAA,EACA,QAASP,EACT,OAAQ,KAAK,IAAI,CACnB,CACF,CC5FO,SAASQ,EAAoBC,EAAaC,EAA2B,CAC1E,GAAIA,EAAU,CACZ,IAAMC,EAAS,IAAI,IAAID,CAAQ,EAC/B,GAAIC,EAAO,SAAW,OACpB,MAAM,IAAI,MAAM,8CAA8C,EAEhE,OAAOA,EAAO,MAChB,CAEA,IAAIA,EACJ,GAAI,CACFA,EAAS,IAAI,IAAIF,CAAG,CACtB,MAAQ,CACN,MAAM,IAAI,MAAM,uEAAuE,CACzF,CACA,GAAI,CAACE,EAAO,QAAUA,EAAO,SAAW,OACtC,MAAM,IAAI,MAAM,+DAA+D,EAEjF,OAAOA,EAAO,MAChB,CAEO,SAASC,EAA8CC,EAAYC,EAA2B,CACnG,IAAMC,EAAoBC,EAAkBF,CAAa,EACzD,MAAO,CAAE,GAAGD,EAAS,KAAAE,CAAK,CAC5B,CAsBO,SAASE,EAAgBC,EAAwB,CACtD,OAAO,KAAK,UAAUA,GAAA,KAAAA,EAAS,IAAI,CACrC,CFwOI,OACE,OAAAC,EADF,QAAAC,OAAA,oBA3QJ,IAAMC,GAAkB,8CAClBC,GAAuB,iEAOvBC,GAA8B,CAClC,SAAU,WACV,MAAO,EACP,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,SAAU,WACV,WAAY,IACZ,WAAY,iEACZ,MAAO,OACP,OAAQ,CACV,EAEMC,GAA6B,CACjC,OAAQ,OACR,MAAO,OACP,OAAQ,MACV,EAEA,SAASC,GACP,CACE,IAAAC,EACA,YAAAC,EACA,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,gBACd,QAAAC,EAAUX,GACV,SAAAY,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,eAAAC,EACA,cAAAC,CACF,EACAC,EACA,CACA,IAAMC,EAAYC,EAA0B,IAAI,EAC1CC,EAAmBD,EAAsB,IAAI,EAC7CE,EAAWF,EAAO,EAAK,EACvBG,EAAYH,EAA2B,SAAS,EAChD,CAACI,EAAQC,CAAS,EAAIC,EAA6B,SAAS,EAC5D,CAACC,EAAWC,CAAY,EAAIF,EAAS,CAAC,EACtCG,EAAWT,EAAyB,CAAC,CAAC,EACtCU,EAAmBV,EAAsB,IAAI,EAC7CW,EAAoBX,EAAsB,IAAI,EAC9CY,EAAuB1B,GAAA,KAAAA,EAAeL,GACtCgC,EAAmBb,EAAOc,EAAgB,CAAE,KAAMF,EAAsB,OAAAzB,CAAO,CAAC,CAAC,EACjF4B,EAAgBf,EAA6B,CACjD,KAAM,OACN,QAAS,CAAE,KAAMY,EAAsB,OAAAzB,CAAO,CAChD,CAAC,EAEK6B,EAAiBC,GAAQ,IAAMC,EAAoBjC,EAAKY,CAAa,EAAG,CAACZ,EAAKY,CAAa,CAAC,EAI5FsB,EAAsBC,EAAY,IAAM,IAAK,CAAC,CAAC,EAE/CC,EAAkBD,EACrBE,GAA6B,CACxBnB,EAAU,UAAYmB,IAG1BnB,EAAU,QAAUmB,EACpBjB,EAAUiB,CAAI,EACd1B,GAAA,MAAAA,EAAiB0B,GACnB,EACA,CAAC1B,CAAc,CACjB,EAEM2B,EAAcH,EAClB,CAACI,EAA+BC,IAA2B,CAhG/D,IAAAC,EAAAC,EAiGM,IAAMC,GAASD,GAAAD,EAAA3B,EAAU,UAAV,YAAA2B,EAAmB,gBAAnB,KAAAC,EAAoC1B,EAAiB,QAKpE,GAJI2B,IACF3B,EAAiB,QAAU2B,GAGzB,CAAC3B,EAAiB,SAAW,CAACC,EAAS,QAAS,CAClDO,EAAS,QAAQ,KAAK,CAAE,QAAAe,EAAS,cAAAC,CAAc,CAAC,EAChD,MACF,CAEAxB,EAAiB,QAAQ,YAAY4B,EAAcL,EAASC,CAAa,EAAGN,EAAoB,CAAC,CACnG,EACA,CAACA,CAAmB,CACtB,EAEMW,EAAaV,EAAY,IAAM,CACnC,GAAI,CAAClB,EAAS,SAAW,CAACD,EAAiB,QACzC,OAEF,IAAM8B,EAAU,CAAC,GAAGtB,EAAS,OAAO,EACpCA,EAAS,QAAU,CAAC,EACpBsB,EAAQ,QAAQ,CAAC,CAAE,QAAAP,EAAS,cAAAC,CAAc,IAAM,CAtHpD,IAAAC,GAuHMA,EAAAzB,EAAiB,UAAjB,MAAAyB,EAA0B,YACxBG,EAAcL,EAASC,CAAa,EACpCN,EAAoB,EAExB,CAAC,CACH,EAAG,CAACA,CAAmB,CAAC,EAElBa,EAAqBZ,EAAY,IAAM,CACvClB,EAAS,UAGTS,EAAkB,UACpB,OAAO,aAAaA,EAAkB,OAAO,EAC7CA,EAAkB,QAAU,MAE9BT,EAAS,QAAU,GACnBmB,EAAgB,OAAO,EACvB1B,GAAA,MAAAA,IACA4B,EAAYR,EAAc,OAAO,EACjCe,EAAW,EACb,EAAG,CAACA,EAAYnC,EAAS4B,EAAaF,CAAe,CAAC,EAEhDY,EAAeb,EACnB,MAAOc,GAAuC,CA9IlD,IAAAR,EA+IM,GAAIQ,EAAa,OAAS,SAG1B,IAAI,CAACxC,EAAU,CACb,QAAQ,KAAK,2EAA2E,EACxF,MACF,CACA,GAAI,CACF2B,EAAgB,SAAS,EACzB,IAAMc,EAAM,MAAMzC,EAASwC,EAAa,QAAQ,IAAI,EACpDX,EAAY,CAAE,KAAM,iBAAkB,QAAS,CAAE,IAAAY,CAAI,CAAE,GAAGT,EAAAQ,EAAa,OAAb,YAAAR,EAAmB,EAAE,CACjF,OAASU,EAAO,CACdf,EAAgB,OAAO,EACvB,QAAQ,MAAM,0CAA2Ce,CAAK,CAChE,QAAE,CACIjC,EAAU,UAAY,SACxBkB,EAAgB,OAAO,CAE3B,EACF,EACA,CAAC3B,EAAU6B,EAAaF,CAAe,CACzC,EAEMgB,EAAgBjB,EACnBkB,GAAwB,CAvK7B,IAAAZ,EAAAC,EAwKM,IAAMY,GAAeZ,GAAAD,EAAA3B,EAAU,UAAV,YAAA2B,EAAmB,gBAAnB,KAAAC,EAAoC1B,EAAiB,QAI1E,GAHI,CAACsC,GAAgBD,EAAM,SAAWC,GAGlC,CAACC,EAAcF,EAAM,IAAI,EAC3B,OAEF,GAAI,CAAC5B,EAAiB,QACpBA,EAAiB,QAAU4B,EAAM,eACxBA,EAAM,SAAW5B,EAAiB,QAC3C,OAEF,IAAMc,EAAUc,EAAM,KAMtB,OAJIA,EAAM,QAAUA,EAAM,SAAWrC,EAAiB,UACpDA,EAAiB,QAAUqC,EAAM,QAG3Bd,EAAQ,KAAM,CACpB,IAAK,QACHQ,EAAmB,EACnB,MACF,IAAK,SACHxC,GAAA,MAAAA,EAAWgC,EAAQ,QAAQ,MAC3B,MACF,IAAK,OACH/B,GAAA,MAAAA,EAAS+B,EAAQ,QAAQ,MACzB,MACF,IAAK,SACES,EAAaT,CAAO,EACzB,MACF,QACE,KACJ,CACF,EACA,CAACQ,EAAoBC,EAAczC,EAAUC,CAAM,CACrD,EAEAgD,EAAU,IAAM,CACd,GAAI,OAAO,QAAW,YAGtB,cAAO,iBAAiB,UAAWJ,CAAa,EACzC,IAAM,CACX,OAAO,oBAAoB,UAAWA,CAAa,CACrD,CACF,EAAG,CAACA,CAAa,CAAC,EAElBI,EAAU,IAAM,CACd,IAAMC,EAAc,CAAE,KAAM9B,EAAsB,OAAAzB,CAAO,EACnDwD,EAAY7B,EAAgB4B,CAAW,EAC7C3B,EAAc,QAAU,CAAE,KAAM,OAAQ,QAAS2B,CAAY,EACzDC,IAAc9B,EAAiB,SAAWX,EAAS,SACrDqB,EAAYR,EAAc,OAAO,EAEnCF,EAAiB,QAAU8B,CAC7B,EAAG,CAACxD,EAAQyB,EAAsBW,CAAW,CAAC,EAE9C,IAAMqB,EAAmBxB,EAAY,IAAM,CAlO7C,IAAAM,EAAAC,EA0OI,GAPA1B,EAAiB,SAAU0B,GAAAD,EAAA3B,EAAU,UAAV,YAAA2B,EAAmB,gBAAnB,KAAAC,EAAoC,KAC/DzB,EAAS,QAAU,GACnBQ,EAAiB,QAAU,KAC3BW,EAAgB,SAAS,EAIrBpB,EAAiB,QACnB,GAAI,CACFA,EAAiB,QAAQ,YAAY4B,EAAcd,EAAc,OAAO,EAAG,GAAG,CAChF,MAAQ,CAER,CAGEJ,EAAkB,SACpB,OAAO,aAAaA,EAAkB,OAAO,EAE/CA,EAAkB,QAAU,OAAO,WAAW,IAAM,CAG7CT,EAAS,SACZ8B,EAAmB,CAEvB,EAAG,GAAI,CACT,EAAG,CAAChB,EAAgBgB,EAAoBX,CAAe,CAAC,EAExD,OAAAwB,GACE/C,EACA,KAAO,CACL,QAAS,CACPW,EAAS,QAAU,CAAC,EACpBP,EAAS,QAAU,GACnBD,EAAiB,QAAU,KAC3BS,EAAiB,QAAU,KACvBC,EAAkB,UACpB,OAAO,aAAaA,EAAkB,OAAO,EAC7CA,EAAkB,QAAU,MAE9BU,EAAgB,SAAS,EACzBb,EAAcsC,GAAQA,EAAM,CAAC,CAC/B,CACF,GACA,CAACzB,CAAe,CAClB,EAEAoB,EAAU,IACD,IAAM,CACP9B,EAAkB,UACpB,OAAO,aAAaA,EAAkB,OAAO,EAC7CA,EAAkB,QAAU,KAEhC,EACC,CAAC,CAAC,EAGHhC,GAAC,OAAI,UAAWS,EAAW,MAAO,CAAE,SAAU,WAAY,MAAO,OAAQ,OAAQ,OAAQ,GAAGC,CAAM,EAChG,UAAAX,EAAC,UAEC,IAAKqB,EACL,IAAKd,EACL,MAAOK,EACP,QAASC,EACT,MAAOR,GACP,QAAQ,OACR,gBAAe,GACf,OAAQ6D,GARHrC,CASP,EACCH,IAAW,SAAW1B,EAAC,OAAI,MAAOI,GAAc,uCAAsB,GACzE,CAEJ,CAEO,IAAMiE,GAAeC,GAAWhE,EAAiB","names":["forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","EMAIL_BUILDER_PROTOCOL_VERSION","VALID_TYPES","isMessageLike","value","candidate","meta","createMessageMeta","correlationId","deriveAllowedOrigin","src","override","parsed","buildEnvelope","message","correlationId","meta","createMessageMeta","stableSignature","value","jsx","jsxs","DEFAULT_SANDBOX","DEFAULT_INITIAL_HTML","overlayStyle","iframeStyle","EmailBuilderInner","src","initialHtml","config","className","style","iframeTitle","sandbox","onChange","onSave","onUpload","onReady","onStatusChange","allowedOrigin","ref","iframeRef","useRef","builderWindowRef","readyRef","statusRef","status","setStatus","useState","reloadKey","setReloadKey","queueRef","runtimeOriginRef","handshakeTimerRef","effectiveInitialHtml","initSignatureRef","stableSignature","latestInitRef","expectedOrigin","useMemo","deriveAllowedOrigin","resolveTargetOrigin","useCallback","setStatusSafely","next","postMessage","message","correlationId","_a","_b","target","buildEnvelope","flushQueue","pending","handleReadyMessage","handleUpload","eventMessage","url","error","handleMessage","event","iframeWindow","isMessageLike","useEffect","nextPayload","signature","handleIframeLoad","useImperativeHandle","key","EmailBuilder","forwardRef"]}
+{"version":3,"sources":["../src/EmailBuilder.tsx","../src/protocol.ts","../src/utils.ts"],"sourcesContent":["import React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { BuilderToHostMessage, HostToBuilderMessage, InitPayload } from './protocol';\nimport { isMessageLike } from './protocol';\nimport { buildEnvelope, deriveAllowedOrigin, stableSignature } from './utils';\nimport type { EmailBuilderHandle, EmailBuilderProps, EmailBuilderStatus } from './types';\n\nconst DEFAULT_SANDBOX = 'allow-scripts allow-same-origin allow-forms';\nconst DEFAULT_INITIAL_HTML = '<h1>Hello World</h1><p>Start building your email template.</p>';\n\ntype PendingMessage = {\n  message: HostToBuilderMessage;\n  correlationId?: string;\n};\n\nconst overlayStyle: CSSProperties = {\n  position: 'absolute',\n  inset: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  background: 'linear-gradient(135deg, rgba(9,9,9,0.65), rgba(33,33,33,0.85))',\n  color: '#fff',\n  zIndex: 2,\n};\n\nconst iframeStyle: CSSProperties = {\n  border: 'none',\n  width: '100%',\n  height: '100%',\n};\n\nfunction appendEmbedTokenToSrc(src: string, embedToken: string | undefined): string {\n  if (!embedToken || !embedToken.trim()) {\n    return src;\n  }\n  try {\n    const u = new URL(src, typeof window !== 'undefined' ? window.location.href : 'https://example.com');\n    u.searchParams.set('embedToken', embedToken);\n    return u.toString();\n  } catch {\n    const sep = src.includes('?') ? '&' : '?';\n    return `${src}${sep}embedToken=${encodeURIComponent(embedToken)}`;\n  }\n}\n\nfunction EmailBuilderInner(\n  {\n    src,\n    initialHtml,\n    embedToken,\n    templateId,\n    config,\n    className,\n    style,\n    iframeTitle = 'Email Builder',\n    sandbox = DEFAULT_SANDBOX,\n    onChange,\n    onSave,\n    onUpload,\n    onReady,\n    onStatusChange,\n    onAuthError,\n    allowedOrigin,\n  }: EmailBuilderProps,\n  ref: ForwardedRef<EmailBuilderHandle>\n) {\n  const iframeSrc = useMemo(() => appendEmbedTokenToSrc(src, embedToken), [src, embedToken]);\n\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const builderWindowRef = useRef<Window | null>(null);\n  const readyRef = useRef(false);\n  const statusRef = useRef<EmailBuilderStatus>('loading');\n  const [status, setStatus] = useState<EmailBuilderStatus>('loading');\n  const [reloadKey, setReloadKey] = useState(0);\n  const queueRef = useRef<PendingMessage[]>([]);\n  const runtimeOriginRef = useRef<string | null>(null);\n  const handshakeTimerRef = useRef<number | null>(null);\n\n  const effectiveInitialHtml =\n    typeof initialHtml === 'string'\n      ? initialHtml\n      : templateId\n        ? ''\n        : DEFAULT_INITIAL_HTML;\n\n  const initPayload: InitPayload = {\n    html: effectiveInitialHtml,\n    config,\n    ...(templateId ? { templateId } : {}),\n  };\n\n  const initSignatureRef = useRef(stableSignature(initPayload));\n  const latestInitRef = useRef<HostToBuilderMessage>({\n    type: 'INIT',\n    payload: initPayload,\n  });\n\n  const expectedOrigin = useMemo(() => deriveAllowedOrigin(src, allowedOrigin), [src, allowedOrigin]);\n\n  const resolveTargetOrigin = useCallback(() => '*', []);\n\n  const setStatusSafely = useCallback(\n    (next: EmailBuilderStatus) => {\n      if (statusRef.current === next) {\n        return;\n      }\n      statusRef.current = next;\n      setStatus(next);\n      onStatusChange?.(next);\n    },\n    [onStatusChange]\n  );\n\n  const postMessage = useCallback(\n    (message: HostToBuilderMessage, correlationId?: string) => {\n      const target = iframeRef.current?.contentWindow ?? builderWindowRef.current;\n      if (target) {\n        builderWindowRef.current = target;\n      }\n\n      if (!builderWindowRef.current || !readyRef.current) {\n        queueRef.current.push({ message, correlationId });\n        return;\n      }\n\n      builderWindowRef.current.postMessage(buildEnvelope(message, correlationId), resolveTargetOrigin());\n    },\n    [resolveTargetOrigin]\n  );\n\n  const flushQueue = useCallback(() => {\n    if (!readyRef.current || !builderWindowRef.current) {\n      return;\n    }\n    const pending = [...queueRef.current];\n    queueRef.current = [];\n    pending.forEach(({ message, correlationId }) => {\n      builderWindowRef.current?.postMessage(\n        buildEnvelope(message, correlationId),\n        resolveTargetOrigin()\n      );\n    });\n  }, [resolveTargetOrigin]);\n\n  const handleReadyMessage = useCallback(() => {\n    if (readyRef.current) {\n      return;\n    }\n    if (handshakeTimerRef.current) {\n      window.clearTimeout(handshakeTimerRef.current);\n      handshakeTimerRef.current = null;\n    }\n    readyRef.current = true;\n    setStatusSafely('ready');\n    onReady?.();\n    postMessage(latestInitRef.current);\n    flushQueue();\n  }, [flushQueue, onReady, postMessage, setStatusSafely]);\n\n  const handleUpload = useCallback(\n    async (eventMessage: BuilderToHostMessage) => {\n      if (eventMessage.type !== 'UPLOAD') {\n        return;\n      }\n      if (!onUpload) {\n        console.warn('[EmailBuilderSDK] Upload requested but no onUpload handler is configured.');\n        return;\n      }\n      try {\n        setStatusSafely('loading');\n        const url = await onUpload(eventMessage.payload.file);\n        postMessage({ type: 'UPLOAD_SUCCESS', payload: { url } }, eventMessage.meta?.id);\n      } catch (error) {\n        setStatusSafely('error');\n        console.error('[EmailBuilderSDK] Upload handler failed', error);\n      } finally {\n        if (statusRef.current !== 'error') {\n          setStatusSafely('ready');\n        }\n      }\n    },\n    [onUpload, postMessage, setStatusSafely]\n  );\n\n  const handleMessage = useCallback(\n    (event: MessageEvent) => {\n      const iframeWindow = iframeRef.current?.contentWindow ?? builderWindowRef.current;\n      if (!iframeWindow || event.source !== iframeWindow) {\n        return;\n      }\n      if (!isMessageLike(event.data)) {\n        return;\n      }\n      if (!runtimeOriginRef.current) {\n        runtimeOriginRef.current = event.origin;\n      } else if (event.origin !== runtimeOriginRef.current) {\n        return;\n      }\n      const message = event.data as BuilderToHostMessage;\n\n      if (event.source && event.source !== builderWindowRef.current) {\n        builderWindowRef.current = event.source as Window;\n      }\n\n      switch (message.type) {\n        case 'READY':\n          handleReadyMessage();\n          break;\n        case 'CHANGE':\n          onChange?.(message.payload.html);\n          break;\n        case 'SAVE':\n          onSave?.(message.payload.html);\n          break;\n        case 'UPLOAD':\n          void handleUpload(message);\n          break;\n        case 'AUTH_ERROR': {\n          const msg = message.payload?.message || 'Email builder authentication failed';\n          if (statusRef.current !== 'error') {\n            statusRef.current = 'error';\n            setStatus('error');\n            onAuthError?.(msg);\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    },\n    [handleReadyMessage, handleUpload, onChange, onSave, onAuthError, setStatusSafely]\n  );\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('message', handleMessage);\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [handleMessage]);\n\n  useEffect(() => {\n    const nextPayload: InitPayload = {\n      html: effectiveInitialHtml,\n      config,\n      ...(templateId ? { templateId } : {}),\n    };\n    const signature = stableSignature(nextPayload);\n    latestInitRef.current = { type: 'INIT', payload: nextPayload };\n    if (signature !== initSignatureRef.current && readyRef.current) {\n      postMessage(latestInitRef.current);\n    }\n    initSignatureRef.current = signature;\n  }, [config, effectiveInitialHtml, postMessage, templateId]);\n\n  const handleIframeLoad = useCallback(() => {\n    builderWindowRef.current = iframeRef.current?.contentWindow ?? null;\n    readyRef.current = false;\n    runtimeOriginRef.current = null;\n    setStatusSafely('loading');\n\n    if (builderWindowRef.current) {\n      try {\n        builderWindowRef.current.postMessage(buildEnvelope(latestInitRef.current), '*');\n      } catch {\n        // Ignore and wait for normal READY/message flow.\n      }\n    }\n\n    if (handshakeTimerRef.current) {\n      window.clearTimeout(handshakeTimerRef.current);\n    }\n    handshakeTimerRef.current = window.setTimeout(() => {\n      if (!readyRef.current) {\n        handleReadyMessage();\n      }\n    }, 4000);\n  }, [expectedOrigin, handleReadyMessage, setStatusSafely]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      reload() {\n        queueRef.current = [];\n        readyRef.current = false;\n        builderWindowRef.current = null;\n        runtimeOriginRef.current = null;\n        if (handshakeTimerRef.current) {\n          window.clearTimeout(handshakeTimerRef.current);\n          handshakeTimerRef.current = null;\n        }\n        setStatusSafely('loading');\n        setReloadKey((key) => key + 1);\n      },\n    }),\n    [setStatusSafely]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (handshakeTimerRef.current) {\n        window.clearTimeout(handshakeTimerRef.current);\n        handshakeTimerRef.current = null;\n      }\n    };\n  }, []);\n\n  return (\n    <div className={className} style={{ position: 'relative', width: '100%', height: '100%', ...style }}>\n      <iframe\n        key={reloadKey}\n        ref={iframeRef}\n        src={iframeSrc}\n        title={iframeTitle}\n        sandbox={sandbox}\n        style={iframeStyle}\n        loading=\"lazy\"\n        allowFullScreen\n        onLoad={handleIframeLoad}\n      />\n      {status !== 'ready' && <div style={overlayStyle}>Connecting to builder…</div>}\n    </div>\n  );\n}\n\nexport const EmailBuilder = forwardRef(EmailBuilderInner);\n","export const EMAIL_BUILDER_PROTOCOL_VERSION = '1.0.0';\n\nexport type MessageType =\n  | 'INIT'\n  | 'READY'\n  | 'CHANGE'\n  | 'SAVE'\n  | 'UPLOAD'\n  | 'UPLOAD_SUCCESS'\n  | 'AUTH_ERROR';\n\nexport interface MessageMeta {\n  id: string;\n  correlationId?: string;\n  version: string;\n  sentAt: number;\n}\n\nexport type BuilderConfig = Record<string, unknown> | undefined;\n\nexport interface InitPayload {\n  /** Inline HTML to import (optional if templateId is set and builder fetches server-side). */\n  html?: string;\n  /** When set, embedded builder fetches HTML from API using embed token + this id. */\n  templateId?: string;\n  config?: BuilderConfig;\n}\n\nexport interface ChangePayload {\n  html: string;\n}\n\nexport interface SavePayload {\n  html: string;\n}\n\nexport interface UploadPayload {\n  file: File;\n}\n\nexport interface UploadSuccessPayload {\n  url: string;\n}\n\nexport interface AuthErrorPayload {\n  message: string;\n}\n\nexport type Message =\n  | { type: 'INIT'; payload: InitPayload; meta?: MessageMeta }\n  | { type: 'READY'; meta?: MessageMeta }\n  | { type: 'CHANGE'; payload: ChangePayload; meta?: MessageMeta }\n  | { type: 'SAVE'; payload: SavePayload; meta?: MessageMeta }\n  | { type: 'UPLOAD'; payload: UploadPayload; meta?: MessageMeta }\n  | { type: 'UPLOAD_SUCCESS'; payload: UploadSuccessPayload; meta?: MessageMeta }\n  | { type: 'AUTH_ERROR'; payload: AuthErrorPayload; meta?: MessageMeta };\n\nexport type BuilderToHostMessage = Extract<\n  Message,\n  { type: 'READY' | 'CHANGE' | 'SAVE' | 'UPLOAD' | 'AUTH_ERROR' }\n>;\n\nexport type HostToBuilderMessage = Extract<\n  Message,\n  { type: 'INIT' | 'UPLOAD_SUCCESS' }\n>;\n\nconst VALID_TYPES: MessageType[] = [\n  'INIT',\n  'READY',\n  'CHANGE',\n  'SAVE',\n  'UPLOAD',\n  'UPLOAD_SUCCESS',\n  'AUTH_ERROR',\n];\n\nexport function isMessageLike(value: unknown): value is Message {\n  if (typeof value !== 'object' || value === null) {\n    return false;\n  }\n\n  const candidate = value as { type?: unknown; payload?: unknown; meta?: unknown };\n  if (typeof candidate.type !== 'string' || !VALID_TYPES.includes(candidate.type as MessageType)) {\n    return false;\n  }\n\n  if ('meta' in candidate && candidate.meta !== undefined) {\n    const meta = candidate.meta as Partial<MessageMeta>;\n    if (\n      (meta.id && typeof meta.id !== 'string') ||\n      (meta.correlationId && typeof meta.correlationId !== 'string') ||\n      (meta.version && typeof meta.version !== 'string') ||\n      (meta.sentAt && typeof meta.sentAt !== 'number')\n    ) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function createMessageMeta(correlationId?: string): MessageMeta {\n  const id = typeof crypto !== 'undefined' && 'randomUUID' in crypto\n    ? crypto.randomUUID()\n    : Math.random().toString(36).slice(2);\n  return {\n    id,\n    correlationId,\n    version: EMAIL_BUILDER_PROTOCOL_VERSION,\n    sentAt: Date.now(),\n  };\n}\n","import type { BuilderToHostMessage, HostToBuilderMessage, MessageMeta } from './protocol';\nimport { createMessageMeta, isMessageLike } from './protocol';\n\nexport function deriveAllowedOrigin(src: string, override?: string): string {\n  if (override) {\n    const parsed = new URL(override);\n    if (parsed.origin === 'null') {\n      throw new Error('allowedOrigin must resolve to a valid origin');\n    }\n    return parsed.origin;\n  }\n\n  let parsed: URL;\n  try {\n    parsed = new URL(src);\n  } catch {\n    throw new Error('EmailBuilder `src` must be an absolute URL (e.g. https://example.com)');\n  }\n  if (!parsed.origin || parsed.origin === 'null') {\n    throw new Error('EmailBuilder requires an absolute src URL with a valid origin');\n  }\n  return parsed.origin;\n}\n\nexport function buildEnvelope<T extends HostToBuilderMessage>(message: T, correlationId?: string): T {\n  const meta: MessageMeta = createMessageMeta(correlationId);\n  return { ...message, meta } as T;\n}\n\nexport function sanitizeIncomingMessage(\n  event: MessageEvent,\n  allowedOrigin: string,\n  iframeWindow: Window | null\n): BuilderToHostMessage | null {\n  if (event.origin !== allowedOrigin) {\n    return null;\n  }\n\n  if (!iframeWindow || event.source !== iframeWindow) {\n    return null;\n  }\n\n  if (!isMessageLike(event.data)) {\n    return null;\n  }\n\n  return event.data as BuilderToHostMessage;\n}\n\nexport function stableSignature(value: unknown): string {\n  return JSON.stringify(value ?? null);\n}\n"],"mappings":"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","names":["forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","EMAIL_BUILDER_PROTOCOL_VERSION","VALID_TYPES","isMessageLike","value","candidate","meta","createMessageMeta","correlationId","deriveAllowedOrigin","src","override","parsed","buildEnvelope","message","correlationId","meta","createMessageMeta","stableSignature","value","jsx","jsxs","DEFAULT_SANDBOX","DEFAULT_INITIAL_HTML","overlayStyle","iframeStyle","appendEmbedTokenToSrc","src","embedToken","u","sep","EmailBuilderInner","initialHtml","templateId","config","className","style","iframeTitle","sandbox","onChange","onSave","onUpload","onReady","onStatusChange","onAuthError","allowedOrigin","ref","iframeSrc","useMemo","iframeRef","useRef","builderWindowRef","readyRef","statusRef","status","setStatus","useState","reloadKey","setReloadKey","queueRef","runtimeOriginRef","handshakeTimerRef","effectiveInitialHtml","initPayload","initSignatureRef","stableSignature","latestInitRef","expectedOrigin","deriveAllowedOrigin","resolveTargetOrigin","useCallback","setStatusSafely","next","postMessage","message","correlationId","_a","_b","target","buildEnvelope","flushQueue","pending","handleReadyMessage","handleUpload","eventMessage","url","error","handleMessage","event","_c","iframeWindow","isMessageLike","msg","useEffect","nextPayload","signature","handleIframeLoad","useImperativeHandle","key","EmailBuilder","forwardRef"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alihaiderrana/email-builder-sdk",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "React iframe SDK for embedding the Circles email template builder",
   "license": "MIT",
   "type": "module",