react-email 3.0.3-canary.1 → 3.0.3

package/dist/preview/.next/static/chunks/app/_not-found/{page-f013323e54e30eb4.js → page-02dfc5a8a0bd636e.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[409],{8139:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_not-found/page",function(){return n(4994)}])},4994:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return s}}),n(6974);let i=n(3542);n(7292);let o={fontFamily:'system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',height:"100vh",textAlign:"center",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},l={display:"inline-block"},r={display:"inline-block",margin:"0 20px 0 0",padding:"0 23px 0 0",fontSize:24,fontWeight:500,verticalAlign:"top",lineHeight:"49px"},d={fontSize:14,fontWeight:400,lineHeight:"49px",margin:0};function s(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("title",{children:"404: This page could not be found."}),(0,i.jsx)("div",{style:o,children:(0,i.jsxs)("div",{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}),(0,i.jsx)("h1",{className:"next-error-h1",style:r,children:"404"}),(0,i.jsx)("div",{style:l,children:(0,i.jsx)("h2",{style:d,children:"This page could not be found."})})]})})]})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)}},function(e){e.O(0,[515,816,744],function(){return e(e.s=8139)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[409],{4107:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_not-found/page",function(){return n(4007)}])},4007:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return s}}),n(3834);let i=n(6619);n(3612);let o={fontFamily:'system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',height:"100vh",textAlign:"center",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},l={display:"inline-block"},r={display:"inline-block",margin:"0 20px 0 0",padding:"0 23px 0 0",fontSize:24,fontWeight:500,verticalAlign:"top",lineHeight:"49px"},d={fontSize:14,fontWeight:400,lineHeight:"49px",margin:0};function s(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("title",{children:"404: This page could not be found."}),(0,i.jsx)("div",{style:o,children:(0,i.jsxs)("div",{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}),(0,i.jsx)("h1",{className:"next-error-h1",style:r,children:"404"}),(0,i.jsx)("div",{style:l,children:(0,i.jsx)("h2",{style:d,children:"This page could not be found."})})]})})]})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)}},function(e){e.O(0,[949,121,744],function(){return e(e.s=4107)}),_N_E=e.O()}]);

package/dist/preview/.next/static/chunks/app/{layout-6a058829ca2e1648.js → layout-62d01ca567f6fd12.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{3932:function(e,t,r){Promise.resolve().then(r.t.bind(r,6326,23)),Promise.resolve().then(r.t.bind(r,1586,23)),Promise.resolve().then(r.bind(r,9614))},9614:function(e,t,r){"use strict";r.d(t,{EmailsProvider:function(){return b},y:function(){return d}});var i=r(3542),n=r(7292);r(3726);var a=r(3937),o=(0,a.$)("2cf539ec904ae1475c51ec7880b18b18bbafe929"),u=r(8345),l=(0,a.$)("c2740dbf90694b97c0bceed5b13ea7d32a34b692"),c=(0,a.$)("07b1ce8df9b93514c0975c53fa5937966923f78f"),s=r(3588);let f=(0,n.createContext)(void 0),d=()=>{let e=(0,n.useContext)(f);if(void 0===e)throw Error("Cannot call `useEmail()` outside of an EmailsContext provider!");return e},b=e=>{let[t,r]=(0,n.useState)(e.initialEmailsDirectoryMetadata),[a,d]=(0,n.useState)({});return"true"!==s.env.NEXT_PUBLIC_IS_BUILDING&&(0,u.z)(async t=>{let i=await o(e.initialEmailsDirectoryMetadata.absolutePath);if(i)r(i);else throw Error("Hot reloading: unable to find the emails directory to update the sidebar");for await(let e of t){let t=e.filename,r=await c(t);if(void 0!==a[r]){let e=await l(r);d(t=>({...t,[r]:e}))}}}),(0,i.jsx)(f.Provider,{value:{emailsDirectoryMetadata:t,useEmailRenderingResult:(e,t)=>((0,n.useEffect)(()=>{void 0===a[e]&&d(r=>({...r,[e]:t}))},[t,e]),void 0!==a[e])?a[e]:t},children:e.children})}},8345:function(e,t,r){"use strict";r.d(t,{z:function(){return a}});var i=r(7292),n=r(5319);let a=e=>{let t=(0,i.useRef)(null);(0,i.useEffect)(()=>{t.current||(t.current=(0,n.io)());let r=t.current;return r.on("reload",t=>{console.debug("Reloading..."),e(t)}),()=>{r.off()}},[e])}},6326:function(){}},function(e){e.O(0,[738,46,246,515,816,744],function(){return e(e.s=3932)}),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{9250:function(e,t,r){Promise.resolve().then(r.t.bind(r,7768,23)),Promise.resolve().then(r.t.bind(r,8781,23)),Promise.resolve().then(r.bind(r,8331))},8331:function(e,t,r){"use strict";r.d(t,{EmailsProvider:function(){return b},y:function(){return d}});var i=r(6619),n=r(3612);r(3757);var a=r(6070),o=(0,a.$)("2cf539ec904ae1475c51ec7880b18b18bbafe929"),u=r(9936),l=(0,a.$)("c2740dbf90694b97c0bceed5b13ea7d32a34b692"),c=(0,a.$)("07b1ce8df9b93514c0975c53fa5937966923f78f"),s=r(3418);let f=(0,n.createContext)(void 0),d=()=>{let e=(0,n.useContext)(f);if(void 0===e)throw Error("Cannot call `useEmail()` outside of an EmailsContext provider!");return e},b=e=>{let[t,r]=(0,n.useState)(e.initialEmailsDirectoryMetadata),[a,d]=(0,n.useState)({});return"true"!==s.env.NEXT_PUBLIC_IS_BUILDING&&(0,u.z)(async t=>{let i=await o(e.initialEmailsDirectoryMetadata.absolutePath);if(i)r(i);else throw Error("Hot reloading: unable to find the emails directory to update the sidebar");for await(let e of t){let t=e.filename,r=await c(t);if(void 0!==a[r]){let e=await l(r);d(t=>({...t,[r]:e}))}}}),(0,i.jsx)(f.Provider,{value:{emailsDirectoryMetadata:t,useEmailRenderingResult:(e,t)=>((0,n.useEffect)(()=>{void 0===a[e]&&d(r=>({...r,[e]:t}))},[t,e]),void 0!==a[e])?a[e]:t},children:e.children})}},9936:function(e,t,r){"use strict";r.d(t,{z:function(){return a}});var i=r(3612),n=r(2595);let a=e=>{let t=(0,i.useRef)(null);(0,i.useEffect)(()=>{t.current||(t.current=(0,n.io)());let r=t.current;return r.on("reload",t=>{console.debug("Reloading..."),e(t)}),()=>{r.off()}},[e])}},7768:function(){}},function(e){e.O(0,[230,699,262,949,121,744],function(){return e(e.s=9250)}),_N_E=e.O()}]);

package/dist/preview/.next/static/chunks/app/page-630c6c846e3efc69.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{1502:function(e,n,s){Promise.resolve().then(s.t.bind(s,4937,23)),Promise.resolve().then(s.t.bind(s,7854,23)),Promise.resolve().then(s.bind(s,9071)),Promise.resolve().then(s.bind(s,8193)),Promise.resolve().then(s.bind(s,5793)),Promise.resolve().then(s.bind(s,5691))}},function(e){e.O(0,[699,262,783,732,949,121,744],function(){return e(e.s=1502)}),_N_E=e.O()}]);

package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-6547e9f3ba86c271.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[277],{7300:function(e,t,r){Promise.resolve().then(r.t.bind(r,4937,23)),Promise.resolve().then(r.t.bind(r,7854,23)),Promise.resolve().then(r.bind(r,9071)),Promise.resolve().then(r.bind(r,3967)),Promise.resolve().then(r.bind(r,8193)),Promise.resolve().then(r.bind(r,5793)),Promise.resolve().then(r.bind(r,5691))},3967:function(e,t,r){"use strict";r.d(t,{default:function(){return M}});var n=r(6619),a=r(5127),s=r(3612),o=r(141),l=r(9936),i=r(377),d=r(860),c=r(5319),u=r(5993),h=r(430),x=r(6599);let m={plain:{color:"#EDEDEF",fontSize:13,fontFamily:"MonoLisa, Menlo, monospace"},styles:[{types:["comment"],style:{color:"#706F78"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#7E7D86"}},{types:["punctuation","operator"],style:{color:"#706F78"}},{types:["class-name","function","tag","key-white"],style:{color:"#EDEDEF"}}]},p=e=>{let{children:t,language:r="html"}=e,a=t.trim();return(0,n.jsx)(x.y$,{code:a,language:r,theme:m,children:e=>{let{tokens:t,getLineProps:a,getTokenProps:o}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"absolute right-0 top-0 h-px w-[200px]",style:{background:"linear-gradient(90deg, rgba(56, 189, 248, 0) 0%, rgba(56, 189, 248, 0) 0%, rgba(232, 232, 232, 0.2) 33.02%, rgba(143, 143, 143, 0.6719) 64.41%, rgba(236, 72, 153, 0) 98.93%)"}}),(0,n.jsx)("pre",{className:"p-4 h-[650px] overflow-auto",children:t.map((e,l)=>{let i=a({line:e,key:l});return(0,n.jsx)("div",{...i,className:(0,c.cn)("whitespace-pre",{"before:text-slate-11 before:mr-2 before:content-['$']":"bash"===r&&1===t.length}),children:e.map((t,r)=>{var a;let l=o({token:t,key:r}),i="from"===t.content&&(null===(a=e[r+1])||void 0===a?void 0:a.content)===":"?[...t.types,"key-white"]:t.types;return t.types=i,(0,n.jsx)(s.Fragment,{children:(0,n.jsx)("span",{...l})},r)})},l)})}),(0,n.jsx)("div",{className:"absolute left-0 bottom-0 h-px w-[200px]",style:{background:"linear-gradient(90deg, rgba(56, 189, 248, 0) 0%, rgba(56, 189, 248, 0) 0%, rgba(232, 232, 232, 0.2) 33.02%, rgba(143, 143, 143, 0.6719) 64.41%, rgba(236, 72, 153, 0) 98.93%)"}})]})}})},g=s.forwardRef((e,t)=>{let{children:r,className:a,...s}=e;return(0,n.jsx)("button",{type:"button",...s,className:(0,c.cn)("rounded text-slate-11 focus:text-slate-12 ease-in-out transition duration-200 focus:outline-none focus:ring-2 focus:ring-gray-8 hover:text-slate-12",a),ref:t,children:r})});g.displayName="IconButton";var v=r(5544);let b=s.forwardRef((e,t)=>{let{...r}=e;return(0,n.jsx)(v.A,{ref:t,...r,children:(0,n.jsx)("path",{d:"M16.25 8.75L10.406 15.25L7.75 12.75",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})})});b.displayName="IconCheck";let j=s.forwardRef((e,t)=>{let{...r}=e;return(0,n.jsxs)(v.A,{ref:t,...r,children:[(0,n.jsx)("path",{d:"M9 6.75H7.75C6.64543 6.75 5.75 7.64543 5.75 8.75V17.25C5.75 18.3546 6.64543 19.25 7.75 19.25H16.25C17.3546 19.25 18.25 18.3546 18.25 17.25V8.75C18.25 7.64543 17.3546 6.75 16.25 6.75H15",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,n.jsx)("path",{d:"M14 8.25H10C9.44772 8.25 9 7.80228 9 7.25V5.75C9 5.19772 9.44772 4.75 10 4.75H14C14.5523 4.75 15 5.19772 15 5.75V7.25C15 7.80228 14.5523 8.25 14 8.25Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,n.jsx)("path",{d:"M9.75 12.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),(0,n.jsx)("path",{d:"M9.75 15.25H14.25",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})]})});j.displayName="IconClipboard";let f=s.forwardRef((e,t)=>{let{...r}=e;return(0,n.jsx)(v.A,{ref:t,...r,children:(0,n.jsx)("path",{d:"M4.75 14.75v1.5a3 3 0 0 0 3 3h8.5a3 3 0 0 0 3-3v-1.5M12 14.25v-9.5M8.75 10.75l3.25 3.5 3.25-3.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})})});f.displayName="IconDownload";var k=r(7923);let w=e=>{let{markups:t,activeLang:r,setActiveLang:a}=e,[o,l]=s.useState(!1);return s.useEffect(()=>{l(!1)},[r]),(0,n.jsxs)("div",{className:"border-slate-6 relative w-full items-center whitespace-pre rounded-md border text-sm backdrop-blur-md",style:{lineHeight:"130%",background:"linear-gradient(145.37deg, rgba(255, 255, 255, 0.09) -8.75%, rgba(255, 255, 255, 0.027) 83.95%)",boxShadow:"rgb(0 0 0 / 10%) 0px 5px 30px -5px"},children:[(0,n.jsxs)("div",{className:"h-9 border-b border-slate-6",children:[(0,n.jsx)("div",{className:"flex",children:(0,n.jsx)(i.S,{id:"code",children:t.map(e=>{let{language:t}=e,s=r===t;return(0,n.jsxs)(d.E.button,{className:"relative py-[8px] px-4 text-sm font-medium font-sans transition ease-in-out duration-200 hover:text-slate-12 ".concat(r!==t?"text-slate-11":"text-slate-12"),onClick:()=>{a(t)},children:[s?(0,n.jsx)(d.E.span,{animate:{opacity:1},className:"absolute left-0 right-0 top-0 bottom-0 bg-slate-4",exit:{opacity:0},initial:{opacity:0},layoutId:"code",transition:h.u}):null,u.Z[t]]},t)})})}),(0,n.jsxs)(k.u,{children:[(0,n.jsx)(k.u.Trigger,{asChild:!0,className:"absolute top-2 right-2 hidden md:block",children:(()=>{let e=async()=>{let e=t.filter(e=>{let{language:t}=e;return r===t});l(!0),await (0,c.T)(e[0].content),setTimeout(()=>{l(!1)},3e3)};return(0,n.jsx)(g,{onClick:()=>void e(),children:o?(0,n.jsx)(b,{}):(0,n.jsx)(j,{})})})()}),(0,n.jsx)(k.u.Content,{children:"Copy to Clipboard"})]}),(0,n.jsxs)(k.u,{children:[(0,n.jsx)(k.u.Trigger,{asChild:!0,className:"text-gray-11 absolute top-2 right-8 hidden md:block",children:(()=>{let e=t.filter(e=>e.language===r);if(void 0===e[0])return;let a=new File([e[0].content],"email.".concat(e[0].language)),s=URL.createObjectURL(a);return(0,n.jsx)("a",{className:"text-slate-11 transition ease-in-out duration-200 hover:text-slate-12",download:a.name,href:s,children:(0,n.jsx)(f,{})})})()}),(0,n.jsx)(k.u.Content,{children:"Download"})]})]}),t.map(e=>{let{language:t,content:a}=e;return(0,n.jsx)("div",{className:"".concat(r!==t&&"hidden"),children:(0,n.jsx)(p,{language:t,children:a})},t)})]})};var y=r(8193),N=r(8331);let C={},L=(e,t,r)=>((0,s.useEffect)(()=>{"markup"in t?C[e]=t:void 0!==r&&"markup"in r&&void 0===C[e]&&(C[e]=r)},[t,e,r]),"error"in t?C[e]:t),_=e=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"absolute inset-0 z-50 bg-black/80"}),(0,n.jsx)("div",{className:"md:max-w-[568px] lg:max-w-[968px] absolute left-[50%] top-[50%] min-h-[50vh] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-t-4 bg-white text-black p-6 shadow-lg duration-200 sm:rounded-lg rounded-t-sm",children:(0,n.jsxs)("div",{className:"flex flex-col max-w-full min-w-0 space-y-1.5",children:[(0,n.jsxs)("h2",{className:"text-lg flex items-center flex-shrink gap-4 font-semibold pb-2 leading-none tracking-tight",children:[(0,n.jsxs)("svg",{className:"h-6 w-6 text-red-600 font-extrabold",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"}),(0,n.jsx)("path",{d:"M12 9v4"}),(0,n.jsx)("path",{d:"M12 17h.01"})]}),e.error.name,": ",e.error.message]}),e.error.stack?(0,n.jsx)("div",{className:"text-sm p-2 flex-grow scroll-px-4 overflow-x-auto bg-red-500 rounded-lg text-gray-100",children:(0,n.jsx)("pre",{className:"font-mono w-full min-w-0 leading-7",children:e.error.stack})}):void 0]})})]});var E=r(3418),M=e=>{var t,r;let{slug:s,emailPath:i,pathSeparator:d,renderingResult:c}=e,u=(0,a.useRouter)(),h=(0,a.usePathname)(),x=(0,a.useSearchParams)(),m=null!==(t=x.get("view"))&&void 0!==t?t:"desktop",p=null!==(r=x.get("lang"))&&void 0!==r?r:"jsx",{useEmailRenderingResult:g}=(0,N.y)(),v=g(i,c),b=L(i,v,c);"true"!==E.env.NEXT_PUBLIC_IS_BUILDING&&(0,l.z)(e=>{let t=e.find(e=>e.filename.includes(s));void 0!==t&&"unlink"===t.event&&u.push("/")});let j=void 0!==b;return(0,n.jsx)(y.Shell,{activeView:j?m:void 0,currentEmailOpenSlug:s,markup:null==b?void 0:b.markup,pathSeparator:d,setActiveView:j?e=>{let t=new URLSearchParams(x);t.set("view",e),u.push("".concat(h,"?").concat(t.toString()))}:void 0,children:(0,n.jsxs)("div",{className:"relative h-full",children:["error"in v?(0,n.jsx)(_,{error:v.error}):null,j?(0,n.jsxs)(n.Fragment,{children:["desktop"===m&&(0,n.jsx)("iframe",{className:"w-full bg-white h-[calc(100vh_-_140px)] lg:h-[calc(100vh_-_70px)]",srcDoc:b.markup,title:s}),"mobile"===m&&(0,n.jsx)("iframe",{className:"w-[360px] bg-white h-[calc(100vh_-_140px)] lg:h-[calc(100vh_-_70px)] mx-auto",srcDoc:b.markup,title:s}),"source"===m&&(0,n.jsx)("div",{className:"flex gap-6 mx-auto p-6 max-w-3xl",children:(0,n.jsx)(k.u.Provider,{children:(0,n.jsx)(w,{activeLang:p,markups:[{language:"jsx",content:b.reactMarkup},{language:"markup",content:b.markup},{language:"markdown",content:b.plainText}],setActiveLang:e=>{let t=new URLSearchParams(x);t.set("view","source"),t.set("lang",e),u.push("".concat(h,"?").concat(t.toString()))}})})})]}):null,(0,n.jsx)(o.x,{})]})})}}},function(e){e.O(0,[699,262,783,599,732,949,121,744],function(){return e(e.s=7300)}),_N_E=e.O()}]);