@alihaiderrana/email-builder-sdk 0.1.7 → 0.1.8

package/README.md

@@ -17,8 +17,9 @@ export function EmailEditor() {
   return (
     <div style={{ height: '100vh' }}>
       <EmailBuilder
-        src="https://pc-email-template-builder.netlify.app"
+        embedToken={process.env.NEXT_PUBLIC_EMAIL_BUILDER_TOKEN}
         initialHtml="<h1>Welcome</h1><p>Edit this email template</p>"
+        onAuthError={(message) => console.error('auth failed', message)}
         onChange={(html) => console.log('changed', html)}
         onSave={(html) => console.log('saved', html)}
         onUpload={async (file) => {
@@ -35,12 +36,14 @@ export function EmailEditor() {
 ```
 
 If `initialHtml` is not provided, the editor starts with a default Hello World template.
+If `src` is not provided, the SDK uses the managed Circles builder endpoint.
 
 ## Props
 
 | Prop | Type | Required | Description |
 | --- | --- | --- | --- |
-| `src` | `string` | Yes | Absolute URL of the hosted email builder app. |
+| `embedToken` | `string` | Yes | Token passed to iframe for backend verification. |
+| `src` | `string` | No | Optional custom builder URL override. |
 | `initialHtml` | `string` | No | Initial HTML content to load in the editor. |
 | `config` | `Record<string, unknown>` | No | Optional builder configuration object. |
 | `className` | `string` | No | Class for the wrapper container. |
@@ -53,6 +56,7 @@ If `initialHtml` is not provided, the editor starts with a default Hello World t
 | `onChange` | `(html: string) => void` | No | Called when editor content changes. |
 | `onSave` | `(html: string) => void` | No | Called when user saves content. |
 | `onUpload` | `(file: File) => Promise<string>` | No | Upload handler that returns a public URL for inserted assets. |
+| `onAuthError` | `(message: string) => void` | No | Called when token is missing/invalid/rejected. |
 
 ## Ref API
 

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var D=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var se=Object.prototype.hasOwnProperty;var oe=(r,n)=>{for(var a in n)D(r,a,{get:n[a],enumerable:!0})},le=(r,n,a,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let p of ie(n))!se.call(r,p)&&p!==a&&D(r,p,{get:()=>n[p],enumerable:!(u=ae(n,p))||u.enumerable});return r};var ue=r=>le(D({},"__esModule",{value:!0}),r);var Me={};oe(Me,{EMAIL_BUILDER_PROTOCOL_VERSION:()=>z,EmailBuilder:()=>we,createMessageMeta:()=>k,isMessageLike:()=>x});module.exports=ue(Me);var e=require("react");var z="1.0.0",ce=["INIT","READY","CHANGE","SAVE","UPLOAD","UPLOAD_SUCCESS","AUTH_ERROR"];function x(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 a=n.meta;if(a.id&&typeof a.id!="string"||a.correlationId&&typeof a.correlationId!="string"||a.version&&typeof a.version!="string"||a.sentAt&&typeof a.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:z,sentAt:Date.now()}}function K(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 a;try{a=new URL(r)}catch{throw new Error("EmailBuilder `src` must be an absolute URL (e.g. https://example.com)")}if(!a.origin||a.origin==="null")throw new Error("EmailBuilder requires an absolute src URL with a valid origin");return a.origin}function T(r,n){let a=k(n);return{...r,meta:a}}function C(r){return JSON.stringify(r!=null?r:null)}var I=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 me(r,n){if(!n||!n.trim())return r;try{let a=new URL(r,typeof window!="undefined"?window.location.href:"https://example.com");return a.searchParams.set("embedToken",n),a.toString()}catch{let a=r.includes("?")?"&":"?";return`${r}${a}embedToken=${encodeURIComponent(n)}`}}function ye({src:r,initialHtml:n,embedToken:a,templateId:u,config:p,className:q,style:$,iframeTitle:j="Email Builder",sandbox:J=de,onChange:R,onSave:U,onUpload:H,onReady:P,onStatusChange:A,onAuthError:m,allowedOrigin:_},Q){let X=(0,e.useMemo)(()=>me(r,a),[r,a]),B=(0,e.useRef)(null),l=(0,e.useRef)(null),g=(0,e.useRef)(!1),M=(0,e.useRef)("loading"),[Z,N]=(0,e.useState)("loading"),[ee,re]=(0,e.useState)(0),L=(0,e.useRef)([]),E=(0,e.useRef)(null),c=(0,e.useRef)(null),i=(0,e.useRef)(null),b=typeof n=="string"?n:u?"":fe,v={html:b,config:p,...u?{templateId:u}:{}},W=(0,e.useRef)(C(v)),S=(0,e.useRef)({type:"INIT",payload:v}),Ee=(0,e.useMemo)(()=>K(r,_),[r,_]),h=(0,e.useCallback)(()=>"*",[]),d=(0,e.useCallback)(t=>{M.current!==t&&(M.current=t,N(t),A==null||A(t))},[A]),w=(0,e.useCallback)((t,o)=>{var f,y;let s=(y=(f=B.current)==null?void 0:f.contentWindow)!=null?y:l.current;if(s&&(l.current=s),!l.current||!g.current){L.current.push({message:t,correlationId:o});return}l.current.postMessage(T(t,o),h())},[h]),F=(0,e.useCallback)(()=>{if(!g.current||!l.current)return;let t=[...L.current];L.current=[],t.forEach(({message:o,correlationId:s})=>{var f;(f=l.current)==null||f.postMessage(T(o,s),h())})},[h]),V=(0,e.useCallback)(()=>{g.current||(c.current&&(window.clearTimeout(c.current),c.current=null),i.current&&(window.clearInterval(i.current),i.current=null),g.current=!0,d("ready"),P==null||P(),w(S.current),F())},[F,P,w,d]),Y=(0,e.useCallback)(async t=>{var o;if(t.type==="UPLOAD"){if(!H){console.warn("[EmailBuilderSDK] Upload requested but no onUpload handler is configured.");return}try{d("loading");let s=await H(t.payload.file);w({type:"UPLOAD_SUCCESS",payload:{url:s}},(o=t.meta)==null?void 0:o.id)}catch(s){d("error"),console.error("[EmailBuilderSDK] Upload handler failed",s)}finally{M.current!=="error"&&d("ready")}}},[H,w,d]),O=(0,e.useCallback)(t=>{var f,y,G;let o=(y=(f=B.current)==null?void 0:f.contentWindow)!=null?y:l.current;if(!o||t.source!==o||!x(t.data))return;if(!E.current)E.current=t.origin;else if(t.origin!==E.current)return;let s=t.data;switch(t.source&&t.source!==l.current&&(l.current=t.source),s.type){case"READY":V();break;case"CHANGE":R==null||R(s.payload.html);break;case"SAVE":U==null||U(s.payload.html);break;case"UPLOAD":Y(s);break;case"AUTH_ERROR":{let ne=((G=s.payload)==null?void 0:G.message)||"Email builder authentication failed";M.current!=="error"&&(M.current="error",N("error"),m==null||m(ne));break}default:break}},[V,Y,R,U,m,d]);(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:p,...u?{templateId:u}:{}},o=C(t);S.current={type:"INIT",payload:t},o!==W.current&&g.current&&w(S.current),W.current=o},[p,b,w,u]);let te=(0,e.useCallback)(()=>{var s,f;if(l.current=(f=(s=B.current)==null?void 0:s.contentWindow)!=null?f:null,g.current=!1,E.current=null,d("loading"),l.current)try{l.current.postMessage(T(S.current),"*")}catch{}c.current&&window.clearTimeout(c.current),i.current&&window.clearInterval(i.current);let t=0,o=12;i.current=window.setInterval(()=>{var y;if(g.current){i.current&&(window.clearInterval(i.current),i.current=null);return}t+=1;try{(y=l.current)==null||y.postMessage(T(S.current),"*")}catch{}t>=o&&i.current&&(window.clearInterval(i.current),i.current=null)},1e3),c.current=window.setTimeout(()=>{g.current||(i.current&&(window.clearInterval(i.current),i.current=null),d("error"),m==null||m("Builder handshake failed or authentication was rejected."))},12e3)},[m,d]);return(0,e.useImperativeHandle)(Q,()=>({reload(){L.current=[],g.current=!1,l.current=null,E.current=null,c.current&&(window.clearTimeout(c.current),c.current=null),i.current&&(window.clearInterval(i.current),i.current=null),d("loading"),re(t=>t+1)}}),[d]),(0,e.useEffect)(()=>()=>{c.current&&(window.clearTimeout(c.current),c.current=null),i.current&&(window.clearInterval(i.current),i.current=null)},[]),(0,I.jsxs)("div",{className:q,style:{position:"relative",width:"100%",height:"100%",...$},children:[(0,I.jsx)("iframe",{ref:B,src:X,title:j,sandbox:J,style:ge,loading:"lazy",allowFullScreen:!0,onLoad:te},ee),Z!=="ready"&&(0,I.jsx)("div",{style:pe,children:"Connecting to builder\u2026"})]})}var we=(0,e.forwardRef)(ye);0&&(module.exports={EMAIL_BUILDER_PROTOCOL_VERSION,EmailBuilder,createMessageMeta,isMessageLike});
+"use strict";var k=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var oe=Object.prototype.hasOwnProperty;var le=(r,n)=>{for(var a in n)k(r,a,{get:n[a],enumerable:!0})},ue=(r,n,a,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let p of se(n))!oe.call(r,p)&&p!==a&&k(r,p,{get:()=>n[p],enumerable:!(u=ie(n,p))||u.enumerable});return r};var ce=r=>ue(k({},"__esModule",{value:!0}),r);var Se={};le(Se,{EMAIL_BUILDER_PROTOCOL_VERSION:()=>K,EmailBuilder:()=>Ee,createMessageMeta:()=>_,isMessageLike:()=>x});module.exports=ce(Se);var e=require("react");var K="1.0.0",de=["INIT","READY","CHANGE","SAVE","UPLOAD","UPLOAD_SUCCESS","AUTH_ERROR"];function x(r){if(typeof r!="object"||r===null)return!1;let n=r;if(typeof n.type!="string"||!de.includes(n.type))return!1;if("meta"in n&&n.meta!==void 0){let a=n.meta;if(a.id&&typeof a.id!="string"||a.correlationId&&typeof a.correlationId!="string"||a.version&&typeof a.version!="string"||a.sentAt&&typeof a.sentAt!="number")return!1}return!0}function _(r){return{id:typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID():Math.random().toString(36).slice(2),correlationId:r,version:K,sentAt:Date.now()}}function q(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 a;try{a=new URL(r)}catch{throw new Error("EmailBuilder `src` must be an absolute URL (e.g. https://example.com)")}if(!a.origin||a.origin==="null")throw new Error("EmailBuilder requires an absolute src URL with a valid origin");return a.origin}function T(r,n){let a=_(n);return{...r,meta:a}}function C(r){return JSON.stringify(r!=null?r:null)}var R=require("react/jsx-runtime"),fe="allow-scripts allow-same-origin allow-forms",pe="<h1>Hello World</h1><p>Start building your email template.</p>",ge="https://pc-email-template-builder.netlify.app",me={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},ye={border:"none",width:"100%",height:"100%"};function we(r,n){if(!n||!n.trim())return r;try{let a=new URL(r,typeof window!="undefined"?window.location.href:"https://example.com");return a.searchParams.set("embedToken",n),a.toString()}catch{let a=r.includes("?")?"&":"?";return`${r}${a}embedToken=${encodeURIComponent(n)}`}}function Me({src:r,initialHtml:n,embedToken:a,templateId:u,config:p,className:$,style:j,iframeTitle:J="Email Builder",sandbox:Q=fe,onChange:I,onSave:U,onUpload:H,onReady:P,onStatusChange:A,onAuthError:m,allowedOrigin:N},X){let B=(r==null?void 0:r.trim())||ge,Z=(0,e.useMemo)(()=>we(B,a),[B,a]),L=(0,e.useRef)(null),l=(0,e.useRef)(null),g=(0,e.useRef)(!1),M=(0,e.useRef)("loading"),[ee,v]=(0,e.useState)("loading"),[re,te]=(0,e.useState)(0),h=(0,e.useRef)([]),E=(0,e.useRef)(null),c=(0,e.useRef)(null),i=(0,e.useRef)(null),D=typeof n=="string"?n:u?"":pe,W={html:D,config:p,...u?{templateId:u}:{}},F=(0,e.useRef)(C(W)),S=(0,e.useRef)({type:"INIT",payload:W}),Te=(0,e.useMemo)(()=>q(B,N),[B,N]),b=(0,e.useCallback)(()=>"*",[]),d=(0,e.useCallback)(t=>{M.current!==t&&(M.current=t,v(t),A==null||A(t))},[A]),w=(0,e.useCallback)((t,o)=>{var f,y;let s=(y=(f=L.current)==null?void 0:f.contentWindow)!=null?y:l.current;if(s&&(l.current=s),!l.current||!g.current){h.current.push({message:t,correlationId:o});return}l.current.postMessage(T(t,o),b())},[b]),V=(0,e.useCallback)(()=>{if(!g.current||!l.current)return;let t=[...h.current];h.current=[],t.forEach(({message:o,correlationId:s})=>{var f;(f=l.current)==null||f.postMessage(T(o,s),b())})},[b]),Y=(0,e.useCallback)(()=>{g.current||(c.current&&(window.clearTimeout(c.current),c.current=null),i.current&&(window.clearInterval(i.current),i.current=null),g.current=!0,d("ready"),P==null||P(),w(S.current),V())},[V,P,w,d]),G=(0,e.useCallback)(async t=>{var o;if(t.type==="UPLOAD"){if(!H){console.warn("[EmailBuilderSDK] Upload requested but no onUpload handler is configured.");return}try{d("loading");let s=await H(t.payload.file);w({type:"UPLOAD_SUCCESS",payload:{url:s}},(o=t.meta)==null?void 0:o.id)}catch(s){d("error"),console.error("[EmailBuilderSDK] Upload handler failed",s)}finally{M.current!=="error"&&d("ready")}}},[H,w,d]),O=(0,e.useCallback)(t=>{var f,y,z;let o=(y=(f=L.current)==null?void 0:f.contentWindow)!=null?y:l.current;if(!o||t.source!==o||!x(t.data))return;if(!E.current)E.current=t.origin;else if(t.origin!==E.current)return;let s=t.data;switch(t.source&&t.source!==l.current&&(l.current=t.source),s.type){case"READY":Y();break;case"CHANGE":I==null||I(s.payload.html);break;case"SAVE":U==null||U(s.payload.html);break;case"UPLOAD":G(s);break;case"AUTH_ERROR":{let ae=((z=s.payload)==null?void 0:z.message)||"Email builder authentication failed";M.current!=="error"&&(M.current="error",v("error"),m==null||m(ae));break}default:break}},[Y,G,I,U,m,d]);(0,e.useEffect)(()=>{if(typeof window!="undefined")return window.addEventListener("message",O),()=>{window.removeEventListener("message",O)}},[O]),(0,e.useEffect)(()=>{let t={html:D,config:p,...u?{templateId:u}:{}},o=C(t);S.current={type:"INIT",payload:t},o!==F.current&&g.current&&w(S.current),F.current=o},[p,D,w,u]);let ne=(0,e.useCallback)(()=>{var s,f;if(l.current=(f=(s=L.current)==null?void 0:s.contentWindow)!=null?f:null,g.current=!1,E.current=null,d("loading"),l.current)try{l.current.postMessage(T(S.current),"*")}catch{}c.current&&window.clearTimeout(c.current),i.current&&window.clearInterval(i.current);let t=0,o=12;i.current=window.setInterval(()=>{var y;if(g.current){i.current&&(window.clearInterval(i.current),i.current=null);return}t+=1;try{(y=l.current)==null||y.postMessage(T(S.current),"*")}catch{}t>=o&&i.current&&(window.clearInterval(i.current),i.current=null)},1e3),c.current=window.setTimeout(()=>{g.current||(i.current&&(window.clearInterval(i.current),i.current=null),d("error"),m==null||m("Builder handshake failed or authentication was rejected."))},12e3)},[m,d]);return(0,e.useImperativeHandle)(X,()=>({reload(){h.current=[],g.current=!1,l.current=null,E.current=null,c.current&&(window.clearTimeout(c.current),c.current=null),i.current&&(window.clearInterval(i.current),i.current=null),d("loading"),te(t=>t+1)}}),[d]),(0,e.useEffect)(()=>()=>{c.current&&(window.clearTimeout(c.current),c.current=null),i.current&&(window.clearInterval(i.current),i.current=null)},[]),(0,R.jsxs)("div",{className:$,style:{position:"relative",width:"100%",height:"100%",...j},children:[(0,R.jsx)("iframe",{ref:L,src:Z,title:J,sandbox:Q,style:ye,loading:"lazy",allowFullScreen:!0,onLoad:ne},re),ee!=="ready"&&(0,R.jsx)("div",{style:me,children:"Connecting to builder\u2026"})]})}var Ee=(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, 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  const handshakeRetryIntervalRef = 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    if (handshakeRetryIntervalRef.current) {\n      window.clearInterval(handshakeRetryIntervalRef.current);\n      handshakeRetryIntervalRef.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    if (handshakeRetryIntervalRef.current) {\n      window.clearInterval(handshakeRetryIntervalRef.current);\n    }\n\n    let attempts = 0;\n    const maxAttempts = 12;\n    handshakeRetryIntervalRef.current = window.setInterval(() => {\n      if (readyRef.current) {\n        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.current = null;\n        }\n        return;\n      }\n      attempts += 1;\n      try {\n        builderWindowRef.current?.postMessage(buildEnvelope(latestInitRef.current), '*');\n      } catch {\n        // Keep retrying until timeout.\n      }\n      if (attempts >= maxAttempts) {\n        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.current = null;\n        }\n      }\n    }, 1000);\n\n    handshakeTimerRef.current = window.setTimeout(() => {\n      if (readyRef.current) {\n        return;\n      }\n      if (handshakeRetryIntervalRef.current) {\n        window.clearInterval(handshakeRetryIntervalRef.current);\n        handshakeRetryIntervalRef.current = null;\n      }\n      setStatusSafely('error');\n      onAuthError?.('Builder handshake failed or authentication was rejected.');\n    }, 12000);\n  }, [onAuthError, 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        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.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      if (handshakeRetryIntervalRef.current) {\n        window.clearInterval(handshakeRetryIntervalRef.current);\n        handshakeRetryIntervalRef.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","handshakeRetryIntervalRef","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","attempts","maxAttempts","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>';\nconst DEFAULT_BUILDER_SRC = 'https://pc-email-template-builder.netlify.app';\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 resolvedSrc = src?.trim() || DEFAULT_BUILDER_SRC;\n  const iframeSrc = useMemo(() => appendEmbedTokenToSrc(resolvedSrc, embedToken), [resolvedSrc, 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  const handshakeRetryIntervalRef = 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(resolvedSrc, allowedOrigin), [resolvedSrc, 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    if (handshakeRetryIntervalRef.current) {\n      window.clearInterval(handshakeRetryIntervalRef.current);\n      handshakeRetryIntervalRef.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    if (handshakeRetryIntervalRef.current) {\n      window.clearInterval(handshakeRetryIntervalRef.current);\n    }\n\n    let attempts = 0;\n    const maxAttempts = 12;\n    handshakeRetryIntervalRef.current = window.setInterval(() => {\n      if (readyRef.current) {\n        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.current = null;\n        }\n        return;\n      }\n      attempts += 1;\n      try {\n        builderWindowRef.current?.postMessage(buildEnvelope(latestInitRef.current), '*');\n      } catch {\n        // Keep retrying until timeout.\n      }\n      if (attempts >= maxAttempts) {\n        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.current = null;\n        }\n      }\n    }, 1000);\n\n    handshakeTimerRef.current = window.setTimeout(() => {\n      if (readyRef.current) {\n        return;\n      }\n      if (handshakeRetryIntervalRef.current) {\n        window.clearInterval(handshakeRetryIntervalRef.current);\n        handshakeRetryIntervalRef.current = null;\n      }\n      setStatusSafely('error');\n      onAuthError?.('Builder handshake failed or authentication was rejected.');\n    }, 12000);\n  }, [onAuthError, 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        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.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      if (handshakeRetryIntervalRef.current) {\n        window.clearInterval(handshakeRetryIntervalRef.current);\n        handshakeRetryIntervalRef.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' && (\n        <div style={overlayStyle}>Connecting to builder…</div>\n      )}\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","DEFAULT_BUILDER_SRC","overlayStyle","iframeStyle","appendEmbedTokenToSrc","src","embedToken","u","sep","EmailBuilderInner","initialHtml","templateId","config","className","style","iframeTitle","sandbox","onChange","onSave","onUpload","onReady","onStatusChange","onAuthError","allowedOrigin","ref","resolvedSrc","iframeSrc","iframeRef","builderWindowRef","readyRef","statusRef","status","setStatus","reloadKey","setReloadKey","queueRef","runtimeOriginRef","handshakeTimerRef","handshakeRetryIntervalRef","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","attempts","maxAttempts","key","EmailBuilder"]}

package/dist/index.d.cts

@@ -71,7 +71,10 @@ declare function createMessageMeta(correlationId?: string): MessageMeta;
 type UploadHandler = (file: File) => Promise<string>;
 type EmailBuilderStatus = 'idle' | 'loading' | 'ready' | 'error';
 interface EmailBuilderProps {
-    src: string;
+    /**
+     * Optional builder app URL. If omitted, SDK uses the managed Circles builder endpoint.
+     */
+    src?: string;
     initialHtml?: string;
     /**
      * When set, the iframe URL includes `embedToken` so the builder can call your API.

package/dist/index.d.ts

@@ -71,7 +71,10 @@ declare function createMessageMeta(correlationId?: string): MessageMeta;
 type UploadHandler = (file: File) => Promise<string>;
 type EmailBuilderStatus = 'idle' | 'loading' | 'ready' | 'error';
 interface EmailBuilderProps {
-    src: string;
+    /**
+     * Optional builder app URL. If omitted, SDK uses the managed Circles builder endpoint.
+     */
+    src?: string;
     initialHtml?: string;
     /**
      * When set, the iframe URL includes `embedToken` so the builder can call your API.

package/dist/index.js

@@ -1,2 +1,2 @@
-import{forwardRef as le,useCallback as y,useEffect as k,useImperativeHandle as ue,useMemo as K,useRef as d,useState as q}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 a=r;if(typeof a.type!="string"||!oe.includes(a.type))return!1;if("meta"in a&&a.meta!==void 0){let t=a.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 G(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 z(r,a){if(a){let f=new URL(a);if(f.origin==="null")throw new Error("allowedOrigin must resolve to a valid origin");return f.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 T(r,a){let t=G(a);return{...r,meta:t}}function D(r){return JSON.stringify(r!=null?r:null)}import{jsx as $,jsxs as ye}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,a){if(!a||!a.trim())return r;try{let t=new URL(r,typeof window!="undefined"?window.location.href:"https://example.com");return t.searchParams.set("embedToken",a),t.toString()}catch{let t=r.includes("?")?"&":"?";return`${r}${t}embedToken=${encodeURIComponent(a)}`}}function me({src:r,initialHtml:a,embedToken:t,templateId:f,config:h,className:j,style:J,iframeTitle:Q="Email Builder",sandbox:X=ce,onChange:I,onSave:R,onUpload:x,onReady:U,onStatusChange:P,onAuthError:g,allowedOrigin:C},Z){let ee=K(()=>ge(r,t),[r,t]),A=d(null),o=d(null),p=d(!1),M=d("loading"),[re,_]=q("loading"),[te,ne]=q(0),B=d([]),E=d(null),l=d(null),n=d(null),H=typeof a=="string"?a:f?"":de,N={html:H,config:h,...f?{templateId:f}:{}},v=d(D(N)),S=d({type:"INIT",payload:N}),we=K(()=>z(r,C),[r,C]),L=y(()=>"*",[]),u=y(e=>{M.current!==e&&(M.current=e,_(e),P==null||P(e))},[P]),w=y((e,s)=>{var c,m;let i=(m=(c=A.current)==null?void 0:c.contentWindow)!=null?m:o.current;if(i&&(o.current=i),!o.current||!p.current){B.current.push({message:e,correlationId:s});return}o.current.postMessage(T(e,s),L())},[L]),W=y(()=>{if(!p.current||!o.current)return;let e=[...B.current];B.current=[],e.forEach(({message:s,correlationId:i})=>{var c;(c=o.current)==null||c.postMessage(T(s,i),L())})},[L]),F=y(()=>{p.current||(l.current&&(window.clearTimeout(l.current),l.current=null),n.current&&(window.clearInterval(n.current),n.current=null),p.current=!0,u("ready"),U==null||U(),w(S.current),W())},[W,U,w,u]),V=y(async e=>{var s;if(e.type==="UPLOAD"){if(!x){console.warn("[EmailBuilderSDK] Upload requested but no onUpload handler is configured.");return}try{u("loading");let i=await x(e.payload.file);w({type:"UPLOAD_SUCCESS",payload:{url:i}},(s=e.meta)==null?void 0:s.id)}catch(i){u("error"),console.error("[EmailBuilderSDK] Upload handler failed",i)}finally{M.current!=="error"&&u("ready")}}},[x,w,u]),b=y(e=>{var c,m,Y;let s=(m=(c=A.current)==null?void 0:c.contentWindow)!=null?m:o.current;if(!s||e.source!==s||!O(e.data))return;if(!E.current)E.current=e.origin;else if(e.origin!==E.current)return;let i=e.data;switch(e.source&&e.source!==o.current&&(o.current=e.source),i.type){case"READY":F();break;case"CHANGE":I==null||I(i.payload.html);break;case"SAVE":R==null||R(i.payload.html);break;case"UPLOAD":V(i);break;case"AUTH_ERROR":{let ie=((Y=i.payload)==null?void 0:Y.message)||"Email builder authentication failed";M.current!=="error"&&(M.current="error",_("error"),g==null||g(ie));break}default:break}},[F,V,I,R,g,u]);k(()=>{if(typeof window!="undefined")return window.addEventListener("message",b),()=>{window.removeEventListener("message",b)}},[b]),k(()=>{let e={html:H,config:h,...f?{templateId:f}:{}},s=D(e);S.current={type:"INIT",payload:e},s!==v.current&&p.current&&w(S.current),v.current=s},[h,H,w,f]);let ae=y(()=>{var i,c;if(o.current=(c=(i=A.current)==null?void 0:i.contentWindow)!=null?c:null,p.current=!1,E.current=null,u("loading"),o.current)try{o.current.postMessage(T(S.current),"*")}catch{}l.current&&window.clearTimeout(l.current),n.current&&window.clearInterval(n.current);let e=0,s=12;n.current=window.setInterval(()=>{var m;if(p.current){n.current&&(window.clearInterval(n.current),n.current=null);return}e+=1;try{(m=o.current)==null||m.postMessage(T(S.current),"*")}catch{}e>=s&&n.current&&(window.clearInterval(n.current),n.current=null)},1e3),l.current=window.setTimeout(()=>{p.current||(n.current&&(window.clearInterval(n.current),n.current=null),u("error"),g==null||g("Builder handshake failed or authentication was rejected."))},12e3)},[g,u]);return ue(Z,()=>({reload(){B.current=[],p.current=!1,o.current=null,E.current=null,l.current&&(window.clearTimeout(l.current),l.current=null),n.current&&(window.clearInterval(n.current),n.current=null),u("loading"),ne(e=>e+1)}}),[u]),k(()=>()=>{l.current&&(window.clearTimeout(l.current),l.current=null),n.current&&(window.clearInterval(n.current),n.current=null)},[]),ye("div",{className:j,style:{position:"relative",width:"100%",height:"100%",...J},children:[$("iframe",{ref:A,src:ee,title:Q,sandbox:X,style:pe,loading:"lazy",allowFullScreen:!0,onLoad:ae},te),re!=="ready"&&$("div",{style:fe,children:"Connecting to builder\u2026"})]})}var Be=le(me);export{se as EMAIL_BUILDER_PROTOCOL_VERSION,Be as EmailBuilder,G as createMessageMeta,O as isMessageLike};
+import{forwardRef as ue,useCallback as y,useEffect as _,useImperativeHandle as ce,useMemo as q,useRef as d,useState as $}from"react";var oe="1.0.0",le=["INIT","READY","CHANGE","SAVE","UPLOAD","UPLOAD_SUCCESS","AUTH_ERROR"];function O(t){if(typeof t!="object"||t===null)return!1;let a=t;if(typeof a.type!="string"||!le.includes(a.type))return!1;if("meta"in a&&a.meta!==void 0){let r=a.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 z(t){return{id:typeof crypto!="undefined"&&"randomUUID"in crypto?crypto.randomUUID():Math.random().toString(36).slice(2),correlationId:t,version:oe,sentAt:Date.now()}}function K(t,a){if(a){let f=new URL(a);if(f.origin==="null")throw new Error("allowedOrigin must resolve to a valid origin");return f.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 T(t,a){let r=z(a);return{...t,meta:r}}function k(t){return JSON.stringify(t!=null?t:null)}import{jsx as j,jsxs as Me}from"react/jsx-runtime";var de="allow-scripts allow-same-origin allow-forms",fe="<h1>Hello World</h1><p>Start building your email template.</p>",pe="https://pc-email-template-builder.netlify.app",ge={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},me={border:"none",width:"100%",height:"100%"};function ye(t,a){if(!a||!a.trim())return t;try{let r=new URL(t,typeof window!="undefined"?window.location.href:"https://example.com");return r.searchParams.set("embedToken",a),r.toString()}catch{let r=t.includes("?")?"&":"?";return`${t}${r}embedToken=${encodeURIComponent(a)}`}}function we({src:t,initialHtml:a,embedToken:r,templateId:f,config:b,className:J,style:Q,iframeTitle:X="Email Builder",sandbox:Z=de,onChange:R,onSave:I,onUpload:x,onReady:U,onStatusChange:P,onAuthError:g,allowedOrigin:C},ee){let A=(t==null?void 0:t.trim())||pe,re=q(()=>ye(A,r),[A,r]),B=d(null),o=d(null),p=d(!1),M=d("loading"),[te,N]=$("loading"),[ne,ae]=$(0),L=d([]),E=d(null),l=d(null),n=d(null),H=typeof a=="string"?a:f?"":fe,v={html:H,config:b,...f?{templateId:f}:{}},W=d(k(v)),S=d({type:"INIT",payload:v}),Ee=q(()=>K(A,C),[A,C]),h=y(()=>"*",[]),u=y(e=>{M.current!==e&&(M.current=e,N(e),P==null||P(e))},[P]),w=y((e,s)=>{var c,m;let i=(m=(c=B.current)==null?void 0:c.contentWindow)!=null?m:o.current;if(i&&(o.current=i),!o.current||!p.current){L.current.push({message:e,correlationId:s});return}o.current.postMessage(T(e,s),h())},[h]),F=y(()=>{if(!p.current||!o.current)return;let e=[...L.current];L.current=[],e.forEach(({message:s,correlationId:i})=>{var c;(c=o.current)==null||c.postMessage(T(s,i),h())})},[h]),V=y(()=>{p.current||(l.current&&(window.clearTimeout(l.current),l.current=null),n.current&&(window.clearInterval(n.current),n.current=null),p.current=!0,u("ready"),U==null||U(),w(S.current),F())},[F,U,w,u]),Y=y(async e=>{var s;if(e.type==="UPLOAD"){if(!x){console.warn("[EmailBuilderSDK] Upload requested but no onUpload handler is configured.");return}try{u("loading");let i=await x(e.payload.file);w({type:"UPLOAD_SUCCESS",payload:{url:i}},(s=e.meta)==null?void 0:s.id)}catch(i){u("error"),console.error("[EmailBuilderSDK] Upload handler failed",i)}finally{M.current!=="error"&&u("ready")}}},[x,w,u]),D=y(e=>{var c,m,G;let s=(m=(c=B.current)==null?void 0:c.contentWindow)!=null?m:o.current;if(!s||e.source!==s||!O(e.data))return;if(!E.current)E.current=e.origin;else if(e.origin!==E.current)return;let i=e.data;switch(e.source&&e.source!==o.current&&(o.current=e.source),i.type){case"READY":V();break;case"CHANGE":R==null||R(i.payload.html);break;case"SAVE":I==null||I(i.payload.html);break;case"UPLOAD":Y(i);break;case"AUTH_ERROR":{let se=((G=i.payload)==null?void 0:G.message)||"Email builder authentication failed";M.current!=="error"&&(M.current="error",N("error"),g==null||g(se));break}default:break}},[V,Y,R,I,g,u]);_(()=>{if(typeof window!="undefined")return window.addEventListener("message",D),()=>{window.removeEventListener("message",D)}},[D]),_(()=>{let e={html:H,config:b,...f?{templateId:f}:{}},s=k(e);S.current={type:"INIT",payload:e},s!==W.current&&p.current&&w(S.current),W.current=s},[b,H,w,f]);let ie=y(()=>{var i,c;if(o.current=(c=(i=B.current)==null?void 0:i.contentWindow)!=null?c:null,p.current=!1,E.current=null,u("loading"),o.current)try{o.current.postMessage(T(S.current),"*")}catch{}l.current&&window.clearTimeout(l.current),n.current&&window.clearInterval(n.current);let e=0,s=12;n.current=window.setInterval(()=>{var m;if(p.current){n.current&&(window.clearInterval(n.current),n.current=null);return}e+=1;try{(m=o.current)==null||m.postMessage(T(S.current),"*")}catch{}e>=s&&n.current&&(window.clearInterval(n.current),n.current=null)},1e3),l.current=window.setTimeout(()=>{p.current||(n.current&&(window.clearInterval(n.current),n.current=null),u("error"),g==null||g("Builder handshake failed or authentication was rejected."))},12e3)},[g,u]);return ce(ee,()=>({reload(){L.current=[],p.current=!1,o.current=null,E.current=null,l.current&&(window.clearTimeout(l.current),l.current=null),n.current&&(window.clearInterval(n.current),n.current=null),u("loading"),ae(e=>e+1)}}),[u]),_(()=>()=>{l.current&&(window.clearTimeout(l.current),l.current=null),n.current&&(window.clearInterval(n.current),n.current=null)},[]),Me("div",{className:J,style:{position:"relative",width:"100%",height:"100%",...Q},children:[j("iframe",{ref:B,src:re,title:X,sandbox:Z,style:me,loading:"lazy",allowFullScreen:!0,onLoad:ie},ne),te!=="ready"&&j("div",{style:ge,children:"Connecting to builder\u2026"})]})}var he=ue(we);export{oe as EMAIL_BUILDER_PROTOCOL_VERSION,he as EmailBuilder,z 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, 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  const handshakeRetryIntervalRef = 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    if (handshakeRetryIntervalRef.current) {\n      window.clearInterval(handshakeRetryIntervalRef.current);\n      handshakeRetryIntervalRef.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    if (handshakeRetryIntervalRef.current) {\n      window.clearInterval(handshakeRetryIntervalRef.current);\n    }\n\n    let attempts = 0;\n    const maxAttempts = 12;\n    handshakeRetryIntervalRef.current = window.setInterval(() => {\n      if (readyRef.current) {\n        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.current = null;\n        }\n        return;\n      }\n      attempts += 1;\n      try {\n        builderWindowRef.current?.postMessage(buildEnvelope(latestInitRef.current), '*');\n      } catch {\n        // Keep retrying until timeout.\n      }\n      if (attempts >= maxAttempts) {\n        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.current = null;\n        }\n      }\n    }, 1000);\n\n    handshakeTimerRef.current = window.setTimeout(() => {\n      if (readyRef.current) {\n        return;\n      }\n      if (handshakeRetryIntervalRef.current) {\n        window.clearInterval(handshakeRetryIntervalRef.current);\n        handshakeRetryIntervalRef.current = null;\n      }\n      setStatusSafely('error');\n      onAuthError?.('Builder handshake failed or authentication was rejected.');\n    }, 12000);\n  }, [onAuthError, 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        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.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      if (handshakeRetryIntervalRef.current) {\n        window.clearInterval(handshakeRetryIntervalRef.current);\n        handshakeRetryIntervalRef.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","handshakeRetryIntervalRef","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","attempts","maxAttempts","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>';\nconst DEFAULT_BUILDER_SRC = 'https://pc-email-template-builder.netlify.app';\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 resolvedSrc = src?.trim() || DEFAULT_BUILDER_SRC;\n  const iframeSrc = useMemo(() => appendEmbedTokenToSrc(resolvedSrc, embedToken), [resolvedSrc, 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  const handshakeRetryIntervalRef = 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(resolvedSrc, allowedOrigin), [resolvedSrc, 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    if (handshakeRetryIntervalRef.current) {\n      window.clearInterval(handshakeRetryIntervalRef.current);\n      handshakeRetryIntervalRef.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    if (handshakeRetryIntervalRef.current) {\n      window.clearInterval(handshakeRetryIntervalRef.current);\n    }\n\n    let attempts = 0;\n    const maxAttempts = 12;\n    handshakeRetryIntervalRef.current = window.setInterval(() => {\n      if (readyRef.current) {\n        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.current = null;\n        }\n        return;\n      }\n      attempts += 1;\n      try {\n        builderWindowRef.current?.postMessage(buildEnvelope(latestInitRef.current), '*');\n      } catch {\n        // Keep retrying until timeout.\n      }\n      if (attempts >= maxAttempts) {\n        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.current = null;\n        }\n      }\n    }, 1000);\n\n    handshakeTimerRef.current = window.setTimeout(() => {\n      if (readyRef.current) {\n        return;\n      }\n      if (handshakeRetryIntervalRef.current) {\n        window.clearInterval(handshakeRetryIntervalRef.current);\n        handshakeRetryIntervalRef.current = null;\n      }\n      setStatusSafely('error');\n      onAuthError?.('Builder handshake failed or authentication was rejected.');\n    }, 12000);\n  }, [onAuthError, 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        if (handshakeRetryIntervalRef.current) {\n          window.clearInterval(handshakeRetryIntervalRef.current);\n          handshakeRetryIntervalRef.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      if (handshakeRetryIntervalRef.current) {\n        window.clearInterval(handshakeRetryIntervalRef.current);\n        handshakeRetryIntervalRef.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' && (\n        <div style={overlayStyle}>Connecting to builder…</div>\n      )}\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","DEFAULT_BUILDER_SRC","overlayStyle","iframeStyle","appendEmbedTokenToSrc","src","embedToken","u","sep","EmailBuilderInner","initialHtml","templateId","config","className","style","iframeTitle","sandbox","onChange","onSave","onUpload","onReady","onStatusChange","onAuthError","allowedOrigin","ref","resolvedSrc","iframeSrc","useMemo","iframeRef","useRef","builderWindowRef","readyRef","statusRef","status","setStatus","useState","reloadKey","setReloadKey","queueRef","runtimeOriginRef","handshakeTimerRef","handshakeRetryIntervalRef","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","attempts","maxAttempts","useImperativeHandle","key","EmailBuilder","forwardRef"]}

package/package.json

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