1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[871],{78250:function(e,t,o){o.r(t),o.d(t,{GuidedThemeWizard:function(){return eX}});var n=o(52322),r=o(11919),a=o(28165),s=o(91505),l=o(64939);o(31458),o(63472),o(55261);var i=o(2784),c=o(54680),d=o(38290),u=o(42111),h=o(29318),p=o(3543),g=o(31490),m=o(387),x=o.n(m),f=o(37164),y=o(81087),b=o(54691),j=o(6997);let v={message:"",resp:"",suggestion:[]},C=async e=>{let{tone:t,colors:o,description:n,interactionId:r,history:a=[]}=e,s=(a||[]).slice(-7),l=S.prepare({variables:{tone:t||"any tone",colors:o||"any color",description:n||"general purpose presentation"},interactionId:r,history:s}),i=await (0,b.I)(l,r,{timeout:12e4});if(!i)return v;let c=(0,y.$V)(i);return!c.shouldRetry&&c.suggestion?{message:c.message,resp:c.raw,suggestion:k(c.suggestion)}:v},k=e=>{let t=x().load(e);return t&&"object"==typeof t&&"colors"in t?t.colors.map(e=>({...e,id:(0,f.x0)(5)})):[]},S=new j.u({systemPrompt:"\nYou are a designer creating a color palette for a webpage. You'll be given a request from the user with a description of the colors they want. You should use your knowledge of color theory to suggest multiple color palettes based on the request.\n\n# Structure\nYou should return 3 color palettes. Each palette should match the user's request, but they must be different from each other so that the user can choose the one they like best.\n\nReturn all three palettes as a YAML array inside a fenced code block, with the following parameters:\n```yaml\ncolors:\n - name: A short name, 1-2 words. The name should be an abstract noun that hints at the tone and colors without directly referencing them.\n headingColor: A hex code for headings. Should match or look good with the body color.\n bodyColor: A hex code for body text. Should be more subtle than headingColor, with an emphasis on a readable color.\n accentColor: A hex code for links, buttons, and other visual accents. Should be more bold and colorful than the body text.\n cardColor: A hex code for the background color of each slide. Should be either very light or very dark, to provide high contrast with the body color.\n backgroundColor: A hex code for the background color of the entire presentation. This will be displayed around the card color, so it should be a color that complements the card color.\n - ...\n - ...\n```\n\n# Example\n\nInput:\n- tone: modern, fresh\n- colors: #f5a3a3, light\
1n- description: for a deck about designer portfolio\n\nOutput:\n```yaml\ncolors:\n - name: Flamingo\n headingColor: '#1F1E1E'\n bodyColor: '#3B3535'\n accentColor: '#F5A3A3'\n cardColor: '#FFFAFA'\n backgroundColor: '#EDF1F8'\n - name: Oasis\n headingColor: '#2C3F42'\n bodyColor: '#2B2E3C'\n accentColor: '#D2600F'\n cardColor: '#FFF8F0'\n backgroundColor: '#AABCB6'\n - name: Pearl\n headingColor: '#3C3939'\n bodyColor: '#3C3939'\n accentColor: '#1B1B27'\n cardColor: '#FFFFFF'\n backgroundColor: '#ECECF3'\n```\n".trim(),userPrompt:"\nInput:\n- tone: {{tone}}\n- colors: {{colors}}\n- description: {{description}}\n\nPlease suggest three unique and different color palettes as a YAML array inside a fenced code block.\n\nIf I ask for specific hex codes, use them in all the palettes. Otherwise, make the palettes different by varying the colors and tones. Do not explain your choices, just return the YAML.\n".trim(),variables:["tone","colors","description"],params:{maxTokens:1e3,temperature:1,model:"gpt-3.5-turbo"}}),E={message:"",resp:"",suggestion:[]},_=async e=>{let{tone:t,colors:o,description:n,allowedFonts:r,interactionId:a,history:s=[]}=e,l=(s||[]).slice(-7),i=T.prepare({variables:{tone:t||"any tone",colors:o||"any color",description:n||"general purpose presentation",allowedFonts:r},interactionId:a,history:l}),c=await (0,b.I)(i,a,{timeout:45e3});if(!c)return E;let d=(0,y.$V)(c);if(!d.shouldRetry&&d.suggestion){let e=w(d.suggestion);return{message:d.message,resp:d.raw,suggestion:e}}return E},w=e=>{let t=x().load(e);return t&&"object"==typeof t&&"fonts"in t?t.fonts.map(e=>({...e,id:(0,f.x0)(5)})):[]},T=new j.u({systemPrompt:"\nYou are a designer choosing fonts for a webpage. You'll be given a request from the user with a description of the style and tone they want. You should use your knowledge of typography to suggest multiple font pairings based on their requests.\n\nOnly choose from the following fonts:\n{{allowedFonts}}\n\n# Structure\nYou should return 3 font pairings. Each font pairing should match the user's request, but they must be different from each other so that the user can choose the one they like best.\n\nReturn all three font pairings as a YAML array inside a fenced code block, with the following parameters:\n```yaml\nfonts:\n - headingFont: a font from the available fonts above. Should be a bolder, eye-catching font that would work well as a heading\n bodyBody: a font from the available fonts above. Should be a more subtle font that would work well as body text\n - ...\n - ...\n```\n\n# Example\n\nInput:\n- tone: modern, clean\n- colors: #fec452, dark\n- description: for a deck about photography\n\nOutput:\n```yaml\nfonts:\n - headingFont: Montserrat\n bodyFont: Lato\n - headingFont: Raleway\n bodyFont: Open Sans\n - headingFont: Oswald\n bodyFont: Roboto\n```\n".trim(),userPrompt:"\nInput:\n- tone: {{tone}}\n- colors: {{colors}}\n- description: {{description}}\n\nPlease suggest three unique and different font pairings as a YAML array inside a fenced code block.\n\nMake your 3 suggestions different. Do not explain your choices, just return the YAML.\n".trim(),variables:["tone","colors","description","allowedFonts"],params:{maxTokens:200,temperature:.1,model:"gpt-3.5-turbo"}});var R=o(50260),O=o(13793);let A={inputStep:"input",status:{generate:"idle",colors:"idle",fonts:"idle"},chatData:{chatStep:0,toneWords:[],colors:[],description:""},suggestions:{colors:{values:[],messageHistory:[]},fonts:{values:[],messageHistory:[]}},themeSelections:{colorPaletteId:null,fontPairingId:null,accentImagePackId:null},theme:R.mU,themeName:""};function D(e,t){switch(t.type){case"SET_CHAT_STEP":{let{chatStep:o}=t.data;return{...e,chatData:{...e.chatData,chatStep:o}}}case"SET_INPUT_STEP":{let{inputStep:o}=t.data;return{...e,inputStep:o}}case"ADD_TONE_WORD":{let{toneWord:o}=t.data;return{...e,chatData:{...e.chatData,toneWords:[...e.chatData.toneWords,o]}}}case"REMOVE_TONE_WORD":{let{id:o}=t.data,n=e.chatData.toneWords.filter(e=>e.id!==o);return{...e,chatData:{...e.chatData,toneWords:n}}}case"ADD_COLOR":{let{color:o}=t.data;return{...e,chatData:{...e.chatData,colors:[...e.chatData.colors,o]}}}case"EDIT_COLOR":{let{color:o}=t.data,n=e.chatData.colors.map(e=>e.id===o.id?o:e);return{...e,chatData:{...e.chatData,colors:n}}}case"REMOVE_COLOR":{let{id:o}=t.data,n=e.chatData.colors.filter(e=>e.id!==o);return{...e,chatData:{...e.chatData,colors:n}}}case"SET_DESCRIPTION":{let{description:o}=t.data;return{...e,chatData:{...e.chatData,description:o}}}case"START_THEME_GENERATE":return{...e,status:{...e.status,generate:"loading"}};case"THEME_GENERATE_SUCCESS":{let{suggestedColors:o,suggestedFonts:n,allThemeFonts:r,accentImagePack:a}=t.data;return{...e,status:{...e.status,generate:"idle"},inputStep:"generate",suggestions:{colors:{values:o.suggestion,messageHistory:[{role:d.XaP.Assistant,content:o.resp}]},fonts:{values:n.suggestion,messageHistory:[{role:d.XaP.Assistant,content:n.resp}]}},themeSelections:{colorPaletteId:o.suggestion[0].id,fontPairingId:n.suggestion[0].id,accentImagePackId:a.id},theme:z(e.theme,{colors:o.suggestion[0],fonts:n.suggestion[0],allThemeFonts:r,accentBackgroun
1ds:a.config.accentBackgrounds}),themeName:o.suggestion[0].name}}case"LOAD_MORE_COLORS_START":{let{message:o}=t.data;return{...e,status:{...e.status,colors:"loading"},suggestions:{...e.suggestions,colors:{...e.suggestions.colors,messageHistory:[...e.suggestions.colors.messageHistory,o]}}}}case"LOAD_MORE_COLORS_SUCCESS":{let{suggestedColors:o}=t.data;return{...e,status:{...e.status,colors:"idle"},suggestions:{...e.suggestions,colors:{...e.suggestions.colors,values:[...e.suggestions.colors.values,...o.suggestion],messageHistory:[...e.suggestions.colors.messageHistory,{role:d.XaP.Assistant,content:o.resp}]}}}}case"LOAD_MORE_COLORS_ERROR":return{...e,status:{...e.status,colors:"error"}};case"LOAD_MORE_FONTS_START":{let{message:o}=t.data;return{...e,status:{...e.status,fonts:"loading"},suggestions:{...e.suggestions,fonts:{...e.suggestions.fonts,messageHistory:[...e.suggestions.fonts.messageHistory,o]}}}}case"LOAD_MORE_FONTS_SUCCESS":{let{suggestedFonts:o,allThemeFonts:n}=t.data;return{...e,status:{...e.status,fonts:"idle"},suggestions:{...e.suggestions,fonts:{...e.suggestions.fonts,values:[...e.suggestions.fonts.values,...o.suggestion],messageHistory:[...e.suggestions.fonts.messageHistory,{role:d.XaP.Assistant,content:o.resp}]}}}}case"LOAD_MORE_FONTS_ERROR":return{...e,status:{...e.status,fonts:"error"}};case"SET_THEME_COLORS":{let{colors:o}=t.data;return{...e,themeName:o.name,themeSelections:{...e.themeSelections,colorPaletteId:o.id},theme:z(e.theme,{colors:o})}}case"SET_THEME_ACCENT_IMAGE_PACK":{let{accentImagePack:o}=t.data,{accentBackgrounds:n}=o.config;return{...e,themeSelections:{...e.themeSelections,accentImagePackId:o.id},theme:z(e.theme,{accentBackgrounds:n})}}case"SET_THEME_FONTS":{let{fonts:o,allThemeFonts:n}=t.data;return{...e,themeSelections:{...e.themeSelections,fontPairingId:o.id},theme:z(e.theme,{fonts:o,allThemeFonts:n})}}case"START_THEME_SAVE":return{...e,inputStep:"save"};case"SET_THEME_NAME":{let{name:o}=t.data;return{...e,themeName:o}}}}let z=(e,t)=>{let{colors:o,fonts:n,allThemeFonts:r,accentBackgrounds:a}=t,s={...e.config},l={...e,config:s};if(o&&(s.background={type:O.E.COLOR,color:{hex:o.backgroundColor}},s.cardBackground={...e.config.cardBackground,type:O.E.COLOR,color:{hex:o.cardColor}},s.headingColor=o.headingColor,s.bodyColor=o.bodyColor,l.accentColor=o.accentColor,s.accentBackgroundsColorize={type:O.E.COLOR,color:{hex:null==o?void 0:o.accentColor}}),n&&r){let e=r.find(e=>e.id===n.bodyFont),t=r.find(e=>e.id===n.headingFont),o=[e,t].filter(e=>!!e);l.headingFont=null==n?void 0:n.headingFont,l.bodyFont=null==n?void 0:n.bodyFont,l.fonts=o}return a&&(s.accentBackgrounds=a),l},F=()=>{let e=(0,u.ye)("openAiStatus"),[t,o]=i.useReducer(D,A),{chatData:n}=t,{colors:r,toneWords:a,description:s}=n,l=(0,i.useMemo)(()=>(0,g.nZ)(),[]),c=r.map(e=>e.value).join(", "),p=a.map(e=>e.value).join(", "),m=P(t.theme.accentColor),{globalFonts:x,fontsMap:f,allThemeFonts:y}=(0,h.TY)(),b=x.filter(e=>e.cssUrl&&e.id===e.name&&!e.name.includes("Noto")).map(e=>e.name).join("\n"),j=t.suggestions.fonts.values.map(e=>{let t=f[e.headingFont]||f.Inter,o=f[e.bodyFont]||f.Inter;return[{id:t.id,url:t.cssUrl,name:t.name},{id:o.id,url:o.cssUrl,name:o.name}]}).flat(),v=(0,i.useCallback)(e=>{let n={role:d.XaP.User,content:"None of those were quite right, could you please suggest 3 different options?"};if("colors"===e){let e=[...t.suggestions.colors.messageHistory,n];o({type:"LOAD_MORE_COLORS_START",data:{message:n}}),C({tone:p,colors:c,description:s,interactionId:l,history:e}).then(e=>{o({type:"LOAD_MORE_COLORS_SUCCESS",data:{suggestedColors:e}})})}else{let e=[...t.suggestions.fonts.messageHistory,n];o({type:"LOAD_MORE_FONTS_START",data:{message:n}}),_({tone:p,colors:c,description:s,allowedFonts:b,interactionId:l,history:e}).then(e=>{o({type:"LOAD_MORE_FONTS_SUCCESS",data:{suggestedFonts:e,allThemeFonts:y}})})}},[b,c,s,o,l,t,p,y]),k=(0,i.useCallback)(()=>{o({type:"START_THEME_GENERATE"});let e=C({tone:p,colors:c,description:s,interactionId:l}),t=_({tone:p,colors:c,description:s,allowedFonts:b,interactionId:l});Promise.all([e,t]).then(e=>{let[t,n]=e;o({type:"THEME_GENERATE_SUCCESS",data:{suggestedColors:t,suggestedFonts:n,allThemeFonts:y,accentImagePack:m[0]}})})},[b,c,s,o,l,p,y,m]);return{state:t,dispatch:o,generateThemeFromPrompt:k,loadMoreFontsOrColors:v,openAiStatus:e,fonts:j,allThemeFonts:y,accentImagePacks:m}}
1,I=["vortex","incandescent","mocha","soft-coal","indigo","atacama","aurora"],M=["pearl","oatmeal","icebeaker","blue-steel","dune","prism","sage"],P=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#000000";(0,p.DP)(e);let t=[...M,...I],{themes:o}=(0,c.bo)(),n=o.filter(e=>t.includes(e.id));return n};var H=o(71354),L=o(91012),W=o(67422),N=o(50390);let B=()=>(0,n.jsx)(N.X,{as:"h1",size:"xl",children:"AI Theme creator"});var G=o(90221);let K=(0,G.s2)()?"100%":"calc(100% - 6rem) ",U=e=>{let{children:t,...o}=e;return(0,n.jsx)(W.K,{from:"User",cardStyleOverrides:{bg:"white",color:"gray.800",w:K},...o,children:t})};var Y=o(46949),V=o(94659),q=o(85982),X=o(21891),J=o(25793),Z=o(35316),$=o(45650),Q=o(53738),ee=o(67887),et=o(36895),eo=o(27777),en=o(42946),er=o(49929),ea=o(9877),es=o(33522);let el=["Modern","Clean","Professional","Fun","Playful","Serious","Minimalist","Luxurious","Futuristic","High tech"],ei=["Dark","Light","Vibrant","Colorful","Gradient","Pastel","Earthy","Neutral","Neon","Warm","Cool","Grayish"],ec=[{title:"Black & white",icon:{src:"/_next/static/media/blackAndWhite.498ad785.svg",height:30,width:30,blurWidth:0,blurHeight:0}},{title:"Neutrals",icon:{src:"/_next/static/media/neutrals.845b45e2.svg",height:30,width:30,blurWidth:0,blurHeight:0}},{title:"Yellows",icon:{src:"/_next/static/media/yellows.2748da86.svg",height:30,width:30,blurWidth:0,blurHeight:0}},{title:"Oranges",icon:{src:"/_next/static/media/oranges.4a133369.svg",height:30,width:30,blurWidth:0,blurHeight:0}},{title:"Reds",icon:{src:"/_next/static/media/reds.a94f03da.svg",height:30,width:30,blurWidth:0,blurHeight:0}},{title:"Pinks",icon:{src:"/_next/static/media/pinks.3f1fdb36.svg",height:30,width:30,blurWidth:0,blurHeight:0}},{title:"Purples",icon:{src:"/_next/static/media/purples.5bea9ebf.svg",height:30,width:30,blurWidth:0,blurHeight:0}},{title:"Blues",icon:{src:"/_next/static/media/blues.54df6ad5.svg",height:30,width:30,blurWidth:0,blurHeight:0}},{title:"Greens",icon:{src:"/_next/static/media/greens.0cee0ce5.svg",height:30,width:30,blurWidth:0,blurHeight:0}}],ed=["Radiance","Whisper","Momentum","Harmony","Enigma","Ethereal","Reverie","Serendipity","Nostalgia","Kaleidoscope"],eu=e=>{let{onClick:t,isSelected:o,suggestion:r}=e;return(0,n.jsx)($.z,{fontSize:"sm",px:4,py:3,_hover:{bg:o?"":"orchid.100"},size:"sm",colorScheme:"orchid",color:o?"white":void 0,variant:"ghost",borderWidth:"1px",cursor:"pointer",onClick:t,bg:o?"orchid.700":void 0,transitionProperty:"common",transitionDuration:"normal",children:r})};var eh=o(13061);let ep=e=>{let{color:t}=e;if("vibe"===t.type)return null;if("color"===t.type)return(0,n.jsx)(Q.xu,{boxSize:4,display:"inline-block",bg:t.value,borderRadius:"sm",mr:1});let o=ec.find(e=>e.title===t.value);return o?(0,n.jsx)(Q.xu,{boxSize:4,display:"inline-block",borderRadius:"sm",mr:1,children:(0,n.jsx)(et.E,{alt:o.title,src:o.icon.src,h:"100%",w:"100%"})}):null},eg=(0,i.memo)(e=>{let{color:t,onClick:o,onRemoveClick:a,onInputChange:s}=e,l=(0,i.useRef)(null),c=(0,i.useCallback)(()=>{if("color"===t.type){var e;null===(e=l.current)||void 0===e||e.click()}o()},[t,o]);return(0,n.jsxs)(eh.Vp,{position:"relative",children:[(0,n.jsxs)(r.k,{justify:"center",align:"center",onClick:c,children:[(0,n.jsx)(ep,{color:t}),(0,n.jsx)(eh.Sn,{children:t.value}),(0,n.jsx)(eh.SD,{onClick:a})]}),(0,n.jsx)(eo.I,{type:"color",position:"absolute",inset:0,h:"100%",pointerEvents:"none",visibility:"hidden",value:t.value||"#000000",onInput:s,ref:l})]})}),em=e=>{let{colors:t,dispatch:o,onSubmit:r}=e,a=(0,i.useRef)(null),[s,l]=(0,i.useState)(""),c=(0,i.useRef)(null),d=(0,i.useCallback)(e=>{"color"===e.type&&(a.current=e.id)},[]),u=(0,i.useCallback)(()=>{o({type:"ADD_COLOR",data:{color:{id:(0,f.x0)(5),value:s,type:"vibe"}}}),l("")},[o,l,s]),h=(0,i.useCallback)(()=>{let e=(0,f.x0)(5);a.current=e,o({type:"ADD_COLOR",data:{color:{id:e,value:"#000000",type:"color"}}}),setTimeout(()=>{var e;null===(e=c.current)||void 0===e||e.click()},0)},[o]),p=(0,i.useCallback)((e,t)=>{o({type:"EDIT_COLOR",data:{color:{id:t,type:"color",value:e}}})},[o]),g=(0,es.Kt)(p,100),m=(0,i.useCallback)(e=>{if(!a.current)return;let o=t.find(e=>e.id===a.current);o&&g(e.currentTarget.value.toUpperCase(),o.id)},[t,g]);return(0,n.jsxs)(H.K,{w:"100%",spacing:3,children:[(0,n.jsxs)(V.g,{borderRadius:"md",color:"gray.800",border:"1px solid",borderColor:"gray.300",align:"start",justify:"flex-start",p:1,children:[t.length>
10&&(0,n.jsx)(q.E,{children:t.map(e=>(0,n.jsx)(eg,{color:e,onInputChange:m,onClick:()=>d(e),onRemoveClick:()=>{o({type:"REMOVE_COLOR",data:{id:e.id}})}},e.id))}),(0,n.jsxs)(X.B,{css:{"--inputLeftElementPadding":"2rem"},children:[(0,n.jsx)(J.g,{pl:"var(--inputLeftElementPadding)",border:"none",minH:10,fontWeight:"500",placeholder:"Type any color. Press enter to add.",value:s,onChange:e=>{l(e.target.value)},onKeyDown:e=>{"Enter"===e.key&&s.trim().length>0&&(e.preventDefault(),u())}}),(0,n.jsx)(Z.Z,{w:"var(--inputLeftElementPadding)",pointerEvents:"none",children:(0,n.jsx)(Y.W,{color:"gray.300"})}),(0,n.jsx)($.z,{size:"sm",minH:10,ml:2,isDisabled:!s||0===s.trim().length,onClick:u,children:"Add"})]})]}),(0,n.jsx)(ea.NZ,{children:"Color vibe"}),(0,n.jsx)(q.E,{p:1,children:ei.map(e=>{let r=t.find(t=>t.value===e),a=!!r;return(0,n.jsx)(eu,{suggestion:e,isSelected:a,onClick:()=>{a?o({type:"REMOVE_COLOR",data:{id:r.id}}):o({type:"ADD_COLOR",data:{color:{id:(0,f.x0)(5),value:e,type:"vibe"}}})}},e)})}),(0,n.jsx)(ea.NZ,{children:"Color palette"}),(0,n.jsxs)(q.E,{p:1,spacing:1,align:"center",children:[ec.map(e=>{let{title:r,icon:a}=e,s=t.find(e=>e.value===r),l=!!s;return(0,n.jsx)(ea.kH,{placement:"top",label:r,children:(0,n.jsx)(Q.xu,{as:ee.h,variant:"ghost",isActive:l,icon:(0,n.jsx)(et.E,{src:a.src,...l?{border:"1px solid",borderColor:"blackAlpha.600",borderRadius:"4px"}:{},height:8,width:8,transitionProperty:"common",transitionDuration:"normal"}),"aria-label":r,onClick:()=>{l?o({type:"REMOVE_COLOR",data:{id:s.id}}):o({type:"ADD_COLOR",data:{color:{id:(0,f.x0)(5),value:r,type:"palette"}}})},size:"lg"})},r)}),(0,n.jsxs)(Q.xu,{pos:"relative",children:[(0,n.jsx)($.z,{leftIcon:(0,n.jsx)(er.G,{icon:en.r8p}),onClick:h,size:"sm",children:"add a color"}),(0,n.jsx)(eo.I,{type:"color",position:"absolute",inset:0,visibility:"hidden",pointerEvents:"none",ref:c,value:"#000000",h:"100%",onInput:m})]})]}),(0,n.jsx)($.z,{alignSelf:"flex-end",onClick:r,minW:32,size:"sm",minH:8,children:"Next"})]})},ex=e=>{let{description:t,dispatch:o,onSubmit:r}=e;return(0,n.jsxs)(H.K,{w:"100%",spacing:3,children:[(0,n.jsx)(J.g,{minH:"40px",fontWeight:"500",borderRadius:"md",placeholder:"e.g. I want serif fonts, related to Education",bgColor:"white",color:"gray.800",value:t,onChange:e=>{o({type:"SET_DESCRIPTION",data:{description:e.target.value}})}}),(0,n.jsx)($.z,{alignSelf:"flex-end",onClick:r,minW:32,size:"sm",variant:"solid",children:"Generate"})]})};var ef=o(46152),ey=o.n(ef);let eb=e=>{let{dispatch:t,onSubmit:o,toneWords:r}=e,[a,s]=(0,i.useState)(6),[l,c]=(0,i.useState)(""),d=(0,i.useMemo)(()=>ey()(el),[]),u=(0,i.useCallback)(()=>{t({type:"ADD_TONE_WORD",data:{toneWord:{id:(0,f.x0)(5),value:l}}}),c("")},[t,l,c]),h=a<d.length;return(0,n.jsxs)(H.K,{w:"100%",spacing:3,children:[(0,n.jsxs)(V.g,{borderRadius:"md",color:"gray.800",border:"1px solid",borderColor:"gray.300",align:"start",justify:"flex-start",p:1,children:[r.length>0&&(0,n.jsx)(q.E,{children:r.map(e=>(0,n.jsxs)(eh.Vp,{onClick:()=>{},children:[(0,n.jsx)(eh.Sn,{children:e.value}),(0,n.jsx)(eh.SD,{onClick:()=>{t({type:"REMOVE_TONE_WORD",data:{id:e.id}})}})]},e.id))}),(0,n.jsxs)(X.B,{w:"100%",children:[(0,n.jsx)(J.g,{border:"none",minH:10,fontWeight:"500",borderRadius:"md",placeholder:"Type any tone. Press enter to add.",bgColor:"white",color:"gray.800",value:l,onChange:e=>{c(e.target.value)},onKeyDown:e=>{"Enter"===e.key&&l.trim().length>0&&(e.preventDefault(),u())}}),(0,n.jsx)($.z,{size:"sm",minH:10,ml:2,isDisabled:!l||0===l.trim().length,onClick:()=>{u()},children:"Add"})]})]}),(0,n.jsxs)(q.E,{p:1,children:[d.slice(0,a).map(e=>{let o=r.find(t=>t.value===e),a=!!o;return(0,n.jsx)(eu,{suggestion:e,isSelected:a,onClick:()=>{a?t({type:"REMOVE_TONE_WORD",data:{id:o.id}}):t({type:"ADD_TONE_WORD",data:{toneWord:{id:(0,f.x0)(5),value:e}}})}},e)}),h&&(0,n.jsx)($.z,{alignSelf:"flex-end",size:"sm",variant:"ghost",colorScheme:"blackAlpha",leftIcon:(0,n.jsx)(er.G,{icon:en.r8p}),onClick:()=>{let e=Math.min(a+3,d.length);s(Math.max(e))},children:"Show more suggestions"})]}),(0,n.jsx)($.z,{alignSelf:"flex-end",onClick:o,minW:32,size:"sm",children:"Next"})]})},ej=e=>{let t=e.length,o=e.map(e=>e.value).join(", ");return 0===t?"Sounds like you're open to any color.":1===t?"".concat(o," is a great choice!"):"".concat(o," seem like a great combo")},ev=e=>{let{state:t,dispatch:o,onGenerateClick:a}=e,{chatData:s,status:l}=t,{chatStep:c,colors:d,toneWords:u,description:h}=s,p=(0,i.useRef)(null);(0,i.useEffect)(()=>
1{if(c%2!=0)return;let e=setTimeout(()=>{o({type:"SET_CHAT_STEP",data:{chatStep:c+1}})},1e3);return()=>{clearTimeout(e)}},[c,o]),(0,i.useEffect)(()=>{var e,t;if(!p.current||0===c)return;let o=null===(e=p.current)||void 0===e?void 0:e.querySelector("[data-theme-chat-step-".concat(c,"]"));null==o||null===(t=o.querySelector("input"))||void 0===t||t.focus(),setTimeout(()=>null==o?void 0:o.scrollIntoView({behavior:"smooth"}),100)},[c,l]);let g=(0,i.useCallback)(e=>{o({type:"SET_CHAT_STEP",data:{chatStep:e}})},[o]),m=c>=2&&0===u.length,x=ej(d);return(0,n.jsx)(r.k,{position:"relative",minH:"100%",direction:"column",align:"center",justify:"flex-start",pt:12,w:"100%",children:(0,n.jsxs)(H.K,{justify:"center",spacing:6,w:["100%","100%","container.md"],p:4,py:8,ref:p,children:[(0,n.jsx)(B,{}),c>=0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(W.K,{"data-theme-chat-step-0":!0,from:"Designer",children:(0,n.jsxs)(L.x,{children:["Hi"," ",(0,n.jsx)("span",{role:"img","aria-label":"wave",children:"\uD83D\uDC4B"})," ","I'm here to help you create a theme. Think of me as your personal designer. I only have 3 questions for you."]})}),(0,n.jsx)(W.K,{"data-theme-chat-step-0":!0,from:"Designer",children:(0,n.jsxs)(L.x,{children:["1. What ",(0,n.jsx)("strong",{children:"tone"})," do you think your readers will relate to?"]})})]}),c>=1&&(0,n.jsx)(U,{"data-theme-chat-step-1":!0,children:(0,n.jsx)(eb,{onSubmit:()=>g(2),dispatch:o,toneWords:u})}),c>=2&&(0,n.jsxs)(n.Fragment,{children:[m&&(0,n.jsx)(W.K,{"data-theme-chat-step-2":!0,from:"Designer",children:(0,n.jsx)(L.x,{children:"Sounds like you're open to any tone of voice."})}),(0,n.jsx)(W.K,{"data-theme-chat-step-2":!0,from:"Designer",children:(0,n.jsxs)(L.x,{children:["2. What ",(0,n.jsx)("strong",{children:"color palette"})," are you interested in?"]})})]}),c>=3&&(0,n.jsx)(U,{"data-theme-chat-step-3":!0,children:(0,n.jsx)(em,{colors:d,dispatch:o,onSubmit:()=>g(4)})}),c>=4&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(W.K,{"data-theme-chat-step-4":!0,from:"Designer",children:(0,n.jsx)(L.x,{children:x})}),(0,n.jsx)(W.K,{"data-theme-chat-step-4":!0,from:"Designer",children:(0,n.jsx)(L.x,{children:"3. Lastly, anything else we should know?"})})]}),c>=5&&(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(U,{"data-theme-chat-step-5":!0,children:(0,n.jsx)(ex,{description:h,onSubmit:a,dispatch:o})})})]})})};var eC=o(55479),ek=o(5879),eS=o(5632),eE=o(53596),e_=o(75832),ew=o(36651);let eT=e=>{let{theme:t,name:o,dispatch:a}=e,[s,l]=(0,i.useState)(6),[c,{loading:u}]=(0,d.Wu6)(),{currentWorkspace:h}=(0,ew.SE)(),{push:p}=(0,eS.useRouter)(),g=(0,eC.p)(),m=s<ed.length,x=(0,i.useCallback)(async()=>{if(!o)return;let e={...t,workspaceId:null==h?void 0:h.id,name:o},{id:r,archived:a,fonts:s,...l}=e;c({variables:{input:l}}).then(()=>{p(R.oH)}).catch(()=>{g({title:(0,n.jsx)(ek.cC,{id:"y47vGS"}),status:"error",duration:5e3,isClosable:!0})})},[c,h,o,p,t,g]);return(0,n.jsx)(r.k,{direction:"column",align:"center",justify:"flex-start",minH:"100%",w:"100%",p:[8,null,null,12],bg:"gray.100",children:(0,n.jsxs)(H.K,{flex:1,spacing:6,w:"min(100%, 70vw)",children:[(0,n.jsx)(N.X,{as:"h1",size:"xl",children:"Congrats on your new theme!"}),(0,n.jsxs)(r.k,{gap:16,flexWrap:"wrap",children:[(0,n.jsxs)(Q.xu,{flex:1,children:[(0,n.jsx)(e_.Y,{}),(0,n.jsx)(eE.n,{theme:t})]}),(0,n.jsxs)(H.K,{flex:2,spacing:6,p:4,py:8,children:[(0,n.jsx)(W.K,{from:"Designer",children:(0,n.jsx)(L.x,{children:"What would you like to name it?"})}),(0,n.jsx)(U,{children:(0,n.jsxs)(H.K,{w:"100%",spacing:3,p:2,children:[(0,n.jsx)(J.g,{minH:"40px",fontWeight:"500",borderRadius:"md",placeholder:"Type a name",bgColor:"white",color:"gray.800",value:o,onChange:e=>{a({type:"SET_THEME_NAME",data:{name:e.target.value}})}}),(0,n.jsxs)(q.E,{p:1,children:[ed.slice(0,s).map(e=>{let t=o===e;return(0,n.jsx)(eu,{suggestion:e,isSelected:t,onClick:()=>{t?a({type:"SET_THEME_NAME",data:{name:""}}):a({type:"SET_THEME_NAME",data:{name:e}})}},e)}),m&&(0,n.jsx)($.z,{alignSelf:"flex-end",size:"sm",variant:"ghost",colorScheme:"blackAlpha",leftIcon:(0,n.jsx)(er.G,{icon:en.r8p}),onClick:()=>{let e=Math.min(s+3,ed.length);l(Math.max(e))},children:"Show more suggestions"})]})]})})]})]}),(0,n.jsx)($.z,{variant:"solid",isLoading:u,isDisabled:!o,onClick:x,alignSelf:"flex-end",rightIcon:(0,n.jsx)(er.G,{icon:en.eFW}),children:"Save my theme and go to the themes dashboard"})]})})};var eR=o(54933);let eO=e=>{let{step:t,dispatch:o,...r}=e,{push:a}=(0,eS.useRouter)(),s=(0,i.useCallback)(()=>
1{"input"===t?a("/"):"generate"===t?o({type:"SET_INPUT_STEP",data:{inputStep:"input"}}):"save"===t&&o({type:"SET_INPUT_STEP",data:{inputStep:"generate"}})},[o,a,t]);return(0,n.jsx)(Q.xu,{position:"fixed",top:0,left:0,p:2,...r,children:(0,n.jsx)($.z,{size:"sm",variant:"plain",colorScheme:"orchid",borderRadius:"full",px:4,leftIcon:"input"===t?(0,n.jsx)(er.G,{size:"xs",icon:en.J9Y}):(0,n.jsx)(er.G,{size:"xs",icon:eR.acZ}),onClick:s,children:"Back"})})};var eA=o(27440),eD=o(5200),ez=o(887),eF=o(7636),eI=o(56581),eM=o(8283),eP=o(18491);let eH=e=>{let{onClick:t,isSelected:o,children:r}=e;return(0,n.jsx)(H.K,{flex:"1 0 180px",bgColor:o?"trueblue.100":void 0,textAlign:"left",borderRadius:"md",transitionProperty:"common",transitionDuration:"normal",_focus:{boxShadow:o?void 0:"outline"},_hover:{bgColor:o?"trueblue.100":"trueblue.50"},p:2,cursor:"pointer",onClick:t,position:"relative",children:r})},eL=(0,i.memo)(e=>{var t;let{isSelected:o,onClick:r,accentImagePack:a,accentColor:s}=e,l=null===(t=(0,R.Av)(a))||void 0===t?void 0:t.image;return(0,n.jsx)(eH,{onClick:r,isSelected:o,children:(0,n.jsx)(ea.kH,{label:a.id,placement:"top",children:(0,n.jsxs)(Q.xu,{children:[(0,n.jsx)(Q.xu,{bgSize:"cover",bgPos:"center",bgRepeat:"no-repeat",bgImage:(null==l?void 0:l.src)?"url(".concat((0,eP.aN)(l.src,{width:500}),")"):void 0,h:36,borderRadius:"md",border:"1px solid",borderColor:"blackAlpha.300",position:"relative",children:(0,n.jsx)(Q.xu,{position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:s,mixBlendMode:"color"})}),(0,n.jsx)(eM.U,{justify:"center",alignItems:"center",children:o&&(0,n.jsx)(eI.n,{w:3,h:"auto",mr:1,mt:2,color:"trueblue.700"})})]})})})});var eW=o(98621),eN=o.n(eW);let eB=e=>{let t=Object.entries(e),o={backgroundColor:0,cardColor:1,accentColor:2,headingColor:3,bodyColor:4},n=t.sort((e,t)=>{var n,r;let a=null!==(n=o[e[0]])&&void 0!==n?n:0,s=null!==(r=o[t[0]])&&void 0!==r?r:0;return a-s}),r=n.filter(e=>{let[t,o]=e,n=eN()(o);return n.isValid()});return Object.fromEntries(r)},eG={backgroundColor:"Background",cardColor:"Card",accentColor:"Accent",headingColor:"Heading",bodyColor:"Body"},eK=(0,i.memo)(e=>{let{paletteName:t,colors:o,isSelected:a,onClick:s}=e,l=eB(o),i=Object.values(l);return 0===i.length?null:(0,n.jsx)(eH,{onClick:s,isSelected:a,children:(0,n.jsx)(ea.kH,{placement:"top",label:(0,n.jsx)(n.Fragment,{children:Object.entries(l).map(e=>{let[t,o]=e;return(0,n.jsxs)(r.k,{alignItems:"center",mb:2,children:[(0,n.jsx)(Q.xu,{w:4,h:4,borderRadius:"md",bgColor:o,mr:2,border:"1px solid",borderColor:"blackAlpha.300"}),(0,n.jsxs)(L.x,{children:[eG[t]," (",o,")"]})]},t)})}),children:(0,n.jsxs)(Q.xu,{children:[(0,n.jsx)(r.k,{h:16,borderRadius:"md",overflow:"hidden",border:"1px solid",borderColor:"blackAlpha.300",children:i.map(e=>(0,n.jsx)(Q.xu,{flex:1,bgColor:e},e))}),(0,n.jsxs)(eM.U,{spacing:2,alignItems:"center",children:[(0,n.jsx)(L.x,{size:"sm",color:a?"trueblue.700":void 0,children:t}),a&&(0,n.jsx)(eI.n,{w:3,h:"auto",mr:1,color:"trueblue.700"})]})]})})})}),eU=(0,i.memo)(e=>{let{isSelected:t,onClick:o,fonts:r}=e;return(0,n.jsx)(eH,{onClick:o,isSelected:t,children:(0,n.jsx)(ea.kH,{label:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(L.x,{children:["Heading font: ",r.headingFont]}),(0,n.jsxs)(L.x,{children:["Body font: ",r.bodyFont]})]}),placement:"top",children:(0,n.jsxs)(Q.xu,{children:[(0,n.jsxs)(H.K,{bg:"white",p:3,border:"1px solid",borderColor:"blackAlpha.400",borderRadius:"md",children:[(0,n.jsx)(N.X,{size:"md",fontFamily:'"'.concat(r.headingFont,'"'),noOfLines:1,children:r.headingFont}),(0,n.jsx)(L.x,{fontSize:"sm",fontFamily:'"'.concat(r.bodyFont,'"'),children:r.bodyFont})]}),(0,n.jsx)(eM.U,{justify:"center",alignItems:"center",children:t&&(0,n.jsx)(eI.n,{w:3,h:"auto",mr:1,mt:2,color:"trueblue.700"})})]})})})}),eY=e=>{let{heading:t,children:o}=e;return(0,n.jsxs)(H.K,{children:[(0,n.jsx)(N.X,{as:"h3",size:"md",children:t}),o]})},eV="theme-editor-root",eq=e=>{let{state:t,dispatch:o,fonts:a,onLoadMoreClick:s,allThemeFonts:l,accentImagePacks:c}=e,{suggestions:d,themeSelections:u,theme:h,status:p}=t,g=(0,i.useCallback)(e=>{o({type:"SET_THEME_COLORS",data:{colors:e}})}
1,[o]),m=(0,i.useCallback)(e=>{o({type:"SET_THEME_FONTS",data:{fonts:e,allThemeFonts:l}})},[o,l]),x=(0,i.useCallback)(e=>{o({type:"SET_THEME_ACCENT_IMAGE_PACK",data:{accentImagePack:e}})},[o]),[f,y]=(0,i.useState)();(0,i.useEffect)(()=>{null==f||f.commands.updateThemeAccentImages(h.config.accentBackgrounds,!0)},[f,h.config.accentBackgrounds]);let b=(0,i.useMemo)(()=>(0,ez.y)(),[]);return(0,n.jsxs)(r.k,{w:"100%",bg:"gray.100",h:"100vh",direction:"column",children:[(0,n.jsx)(eD.J,{fonts:a}),(0,n.jsxs)(r.k,{gap:4,flex:"1 1 auto",minH:"0",children:[(0,n.jsxs)(Q.xu,{overflowY:"auto",flex:"3",children:[(0,n.jsx)(e_.Y,{}),(0,n.jsx)(Q.xu,{css:{"--editor-width":"100%"},overflowX:"hidden",className:eV,sx:{".document-content":{zoom:.75}},children:(0,n.jsx)(eF.f,{initialContent:b,theme:h,scrollingParentSelector:".".concat(eV),onCreate:e=>{let{editor:t}=e;return y(t)}})})]}),(0,n.jsxs)(H.K,{spacing:4,p:4,flex:"4",overflowY:"auto",children:[(0,n.jsxs)(H.K,{children:[(0,n.jsx)(N.X,{as:"h2",size:"lg",mb:4,children:"Results"}),(0,n.jsx)(L.x,{children:"Here are some combos we think would work well with your vision."}),(0,n.jsx)(L.x,{children:"Choose an item from each row to build your theme, or regenerate options."})]}),(0,n.jsx)(eY,{heading:"Color palette",children:(0,n.jsxs)(eA.r,{templateColumns:"minmax(0px, 4fr) 4em",gap:4,py:2,children:[(0,n.jsx)(r.k,{gap:2,overflow:"auto",py:2,children:d.colors.values.map(e=>{let t=!!(u&&u.colorPaletteId===e.id),{name:o,id:r,...a}=e;return(0,n.jsx)(eK,{colors:a,paletteName:o,isSelected:t,onClick:()=>g(e)},r)})}),(0,n.jsx)($.z,{alignSelf:"center",isLoading:"loading"===p.colors,onClick:()=>s("colors"),children:"More"})]})}),(0,n.jsx)(eY,{heading:"Font pairings",children:(0,n.jsxs)(eA.r,{templateColumns:"minmax(0px, 4fr) 4em",gap:4,py:2,children:[(0,n.jsx)(r.k,{gap:2,overflow:"auto",py:2,children:d.fonts.values.map(e=>{let t=!!(u&&u.fontPairingId===e.id);return(0,n.jsx)(eU,{fonts:e,isSelected:t,onClick:()=>m(e)},e.id)})}),(0,n.jsx)($.z,{alignSelf:"center",isLoading:"loading"===p.fonts,onClick:()=>s("fonts"),children:"More"})]})}),(0,n.jsx)(eY,{heading:"Accent images",children:(0,n.jsx)(eA.r,{templateColumns:"minmax(0px, 4fr) 4em",gap:4,py:2,children:(0,n.jsx)(r.k,{gap:2,overflow:"auto",py:2,children:c.map(e=>{if(!e.config.accentBackgrounds)return null;let o=e.id==u.accentImagePackId;return(0,n.jsx)(eL,{accentImagePack:e,accentColor:t.theme.accentColor,isSelected:o,onClick:()=>x(e)},e.id)})})})}),(0,n.jsx)($.z,{variant:"solid",position:"fixed",bottom:8,right:8,rightIcon:(0,n.jsx)(er.G,{icon:en.eFW}),onClick:()=>o({type:"START_THEME_SAVE"}),children:"Next"})]})]})]})},eX=()=>{let{loadMoreFontsOrColors:e,state:t,fonts:o,allThemeFonts:i,accentImagePacks:c,dispatch:d,generateThemeFromPrompt:u}=F(),{inputStep:h,status:p}=t,g="loading"===p.generate;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(r.k,{minH:"100%",children:[(0,n.jsx)(a.xB,{styles:{html:{height:"100%"},body:{height:"100%"}}}),"input"===h&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.t,{flexProps:{position:"fixed"}}),g&&(0,n.jsx)(l.r,{}),!g&&(0,n.jsx)(ev,{state:t,dispatch:d,onGenerateClick:u})]}),"generate"===h&&!g&&(0,n.jsx)(eq,{state:t,fonts:o,dispatch:d,onLoadMoreClick:e,allThemeFonts:i,accentImagePacks:c}),"save"===h&&!g&&(0,n.jsx)(eT,{dispatch:d,name:t.themeName,theme:t.theme})]}),(0,n.jsx)(eO,{step:h,dispatch:d})]})}},4425:function(e,t,o){o.d(t,{n:function(){return n}});let n=()=>{let e=document.createElement("div");e.style.visibility="hidden",e.style.overflow="scroll",e.style.msOverflowStyle="scrollbar",document.body.appendChild(e);let t=document.createElement("div");e.appendChild(t);let o=e.offsetWidth-t.offsetWidth;return e.parentNode.removeChild(e),o}},85069:function(e,t,o){o.d(t,{c:function(){return i}});var n=o(58125),r=o(2784),a=o(66625),s=o(91994),l=o(47968);let i=e=>{let[t]=(0,r.useState)(()=>(0,n.xC)({reducer:s.Ct}));return(0,r.useEffect)(()=>{(null==e?void 0:e.cards)&&t.dispatch((0,a.eJ)({cards:e.cards})),(null==e?void 0:e.doc)&&t.dispatch((0,l.pl)({doc:e.doc}))},[e,t]),t}},7636:function(e,t,o){o.d(t,{f:function(){return l}});var n=o(52322),r=o(43997),a=o(85069),s=o(56905);let l=e=>{let{...t}=e,{reduxData:o,...l}=t,i=(0,a.c)(o);return(0,n.jsx)(r.zt,{store:i,children:(0,n.jsx)(s.y,{...l,readOnly:!0,isStatic:!0,animationsEnabled:!1})})}},79671:function(e,t,o){o.d(t,{R$:function(){return r},VK:function(){return l},j4:function(){return a},vL:function(){return s}});var n=o(62198);let r=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{docFlags:{}};return{type:"doc",content:[{type:"document",attrs:t,content:[{type:"card",content:[{type:"title",attrs:{level:n.Y.DocTitle}},{type:"contributors"}]},{type:"card",content:[{type:"heading"}]}]}]}},a=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{docFlags:{cardLayoutsEnabled:!0}};return{type:"doc",content:[{type:"document",attrs:e,content:[{type:"card",content:[{type:"title",attrs:{level:n.Y.DocTitle}}]}]}]}},s=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{docFlags:{cardLayoutsEnabled:!0}},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return{type:"doc",content:[{type:"document",attrs:e,content:t}]}},l=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{docFlags:{}};return{type:"doc",content:[{type:"document",attrs:t,content:[{type:"card",content:[{type:"title",attrs:{level:n.Y.DocTitle}},{type:"contributors"}]},{type:"card",attrs:{previewContent:null,background:{type:"none"},container:{},cardSize:"default",layout:"blank"},content:[{type:"heading",attrs:{horizontalAlign:null,level:2},content:[{type:"text",text:"Quick Start Checklist"}]},{type:"todo",attrs:{indent:0,checked:!1,fontSize:null},content:[{type:"emoji",attrs:{id:"zap",native:"â¡"}},{type:"text",text:"ï¸ "},{type:"text",marks:[{type:"bold"}],text:"Type "},{type:"text",marks:[{type:"code"}],text:"/"},{type:"text",marks:[{type:"bold"}],text:" in a card to open the slash menu"}]},{type:"bullet",attrs:{indent:1,fontSize:null},content:[{type:"text",text:"It lets you browse and add content blocks quickly"}]},{type:"bullet",attrs:{indent:1,fontSize:null},content:[{type:"text",text:"Content blocks can be added from the "},{type:"text",marks:[{type:"footnoteLabel",attrs:{noteId:"7jZEg"}}],text:"insert menu"},{type:"footnote",attrs:{noteId:"7jZEg"},content:[{type:"image",attrs:{id:"Y3FmX",horizontalAlign:null,src:"https://cdn.gamma.app/zc87vhr30n8uf3n/b98e59519a994c7abd900f44683bbb5d/optimized/insert-menu-explainer.gif",tempUrl:"blob:https://gamma.app/983566b4-f21e-4d28-bc69-d448c1976833",uploadStatus:0,meta:{width:700,height:459,date_file_modified:"2023/01/20 23:08:42 GMT",duration:4.42,aspect_ratio:1.525,has_clipping_path:!1,frame_count:36,colorspace:"RGB",average_color:"#f7f5f5"}
1,providerMeta:null,name:"insert-menu-explainer.gif",query:null,source:"image.custom",showPlaceholder:!1,fullWidthBlock:!1,resize:{clipType:null,clipPath:null,clipAspectRatio:null,width:null}}}]},{type:"text",text:" if you prefer to drag"}]},{type:"todo",attrs:{indent:0,checked:!1,fontSize:null},content:[{type:"emoji",attrs:{id:"heavy_plus_sign",native:"â"}},{type:"text",text:" "},{type:"text",marks:[{type:"bold"}],text:"Add a new card"},{type:"text",text:" (type "},{type:"text",marks:[{type:"code"}],text:"/card"},{type:"text",text:") or select a template via the "},{type:"text",marks:[{type:"footnoteLabel",attrs:{noteId:"xLt8J"}}],text:"plus button"},{type:"footnote",attrs:{noteId:"xLt8J"},content:[{type:"image",attrs:{id:"3CSXR",horizontalAlign:null,src:"https://cdn.gamma.app/zc87vhr30n8uf3n/a8d6b7149f75401ebd54e6b022670a3e/optimized/image.png",tempUrl:"blob:https://gamma.app/5368f25a-cf30-4410-bf62-bd26080b01f5",uploadStatus:0,meta:{width:844,height:608,date_file_modified:"2023/01/20 21:38:09 GMT",aspect_ratio:1.388,has_clipping_path:!1,frame_count:1,colorspace:"RGB",average_color:"#f7f5f5"},providerMeta:null,name:"image.png",query:null,source:"image.custom",showPlaceholder:!1,fullWidthBlock:!1,resize:{clipType:null,clipPath:null,clipAspectRatio:null,width:null}}}]}]},{type:"todo",attrs:{indent:0,checked:!1,fontSize:null},content:[{type:"emoji",attrs:{id:"newspaper",native:"\uD83D\uDCF0"}},{type:"text",text:" "},{type:"text",marks:[{type:"bold"}],text:"Create multi-column layouts"},{type:"text",text:" (type "},{type:"text",marks:[{type:"code"}],text:"/columns"},{type:"text",text:") or "},{type:"text",marks:[{type:"footnoteLabel",attrs:{noteId:"JyryA"}}],text:"drag blocks"},{type:"footnote",attrs:{noteId:"JyryA"},content:[{type:"image",attrs:{id:"iJXTh",horizontalAlign:null,src:"https://cdn.gamma.app/zc87vhr30n8uf3n/3e47c137ba5d4d13bdafda584b3a8f94/optimized/drag-columns-optimized.gif",tempUrl:"blob:https://gamma.app/654cd2e0-6972-4a24-a7c0-25eff0cf9050",uploadStatus:0,meta:{width:500,height:313,date_file_modified:"2023/01/20 21:35:04 GMT",duration:9.83,aspect_ratio:1.597,has_clipping_path:!1,frame_count:62,colorspace:"RGB",average_color:"#e8cac5"},providerMeta:null,name:"drag-columns-optimized.gif",query:null,source:"image.custom",showPlaceholder:!1,fullWidthBlock:!1,resize:{clipType:null,clipPath:null,clipAspectRatio:null,width:null}}}]},{type:"text",text:" side by side"}]},{type:"todo",attrs:{indent:0,checked:!1,fontSize:null},content:[{type:"emoji",attrs:{id:"bridge_at_night",native:"\uD83C\uDF09"}},{type:"text",text:" "},{type:"text",marks:[{type:"bold"}],text:"Add an image "},{type:"text",text:"(type "},{type:"text",marks:[{type:"code"}],text:"/image"},{type:"text",text:"). You can drag in or paste image files too!"}]},{type:"todo",attrs:{indent:0,checked:!1,fontSize:null},content:[{type:"emoji",attrs:{id:"art",native:"\uD83C\uDFA8"}},{type:"text",text:" "},{type:"text",marks:[{type:"bold"}],text:"Change the deck "},{type:"text",marks:[{type:"bold"},{type:"footnoteLabel",attrs:{noteId:"mTOBc"}}],text:"theme"},{type:"footnote",attrs:{noteId:"mTOBc"},content:[{type:"paragraph",attrs:{horizontalAlign:null,fontSize:null},content:[{type:"text",text:"Click the "},{type:"text",marks:[{type:"code"}],text:"Theme"},{type:"text",text:" button in the top toolbar, then try clicking some of the different options"}]},{type:"image",attrs:{id:"GHNdu",horizontalAlign:"center",src:"https://cdn.gamma.app/zc87vhr30n8uf3n/db839cee72b7497b9ff1424987641ed5/optimized/image.png",tempUrl:null,uploadStatus:0,meta:{width:806,height:1678,date_file_modified:"2022/08/01 23:13:09 GMT",aspect_ratio:.48,has_clipping_path:!1,frame_count:1,colorspace:"RGB",average_color:"#ccc7ca"},providerMeta:null,name:"image.png",query:null,source:"image.custom",showPlaceholder:!1,fullWidthBlock:!1,resize:{clipType:"inset",clipPath:["17.31441903150651%","0%","41.5572854690296%","0%"],clipAspectRatio:1.1678975712005124,width:209.77777777777777}}}]},{type:"text",text:" to give it a different look and feel"}]},{type:"todo",attrs:{indent:0,checked:!1,fontSize:null},content:[{type:"emoji",attrs:{id:"arrow_forward",native:"â¶ï¸"}},{type:"text",text:" "},{type:"text",marks:[{type:"bold"}],text:"Try present mode"},{type:"text",text:" and use your arrow keys and "},{type:"text",marks:[{type:"footnoteLabel",attrs:{noteId:"UGnAU"}}],text:"spotlight"},{type:"footnote",attrs:{noteId:"UGnAU"},content:[{type:"paragraph",attrs:{horizontalAlign:null,fontSize:null},content:[{type:"text",text:"Spotlight lets you"},{type:"text",marks:[{type:"bold"}],text:" focus "},{type:"text",text:"on"},{type:"text",marks:[{type:"bold"}],text:" one piece of content at a time. "},{type:"text",text:"While presenting, press "},{type:"text",marks:[{type:"code"}],text:"s"},{type:"text",text:" to enter spotlight mode."}]},{type:"image",attrs:{id:"YOFhU",horizontalAlign:null,src:"https://cdn.gamma.app/zc87vhr30n8uf3n/ed0b362f6c2f4a438cd3188ba7697a02/optimized/spotlight-compressed.gif",tempUrl:"blob:https://gamma.app/d2eaae7f-515e-4e06-b396-4b0551a5a999",uploadStatus:0,meta:{width:1200,height:750,date_file_modified:"2023/01/13 21:48:00 GMT",duration:6.66,aspect_ratio:1.6,has_clipping_path:!1,frame_count:34,colorspace:"RGB",average_color:"#323030"}
1,providerMeta:null,name:"spotlight-compressed.gif",query:null,source:"image.custom",showPlaceholder:!1,fullWidthBlock:!1,resize:{clipType:null,clipPath:null,clipAspectRatio:null,width:null}}}]},{type:"text",text:" to move around"}]},{type:"todo",attrs:{indent:0,checked:!1,fontSize:null},content:[{type:"emoji",attrs:{id:"tada",native:"\uD83C\uDF89"}},{type:"text",text:" "},{type:"text",marks:[{type:"bold"}],text:"Share your deck"},{type:"text",text:"."},{type:"text",marks:[{type:"bold"}],text:" "},{type:"text",text:"Publish it to the world, invite others, or export a PDF"}]}]}]}]}}},31709:function(e,t,o){o.d(t,{R$:function(){return n.R$},VK:function(){return n.VK},j4:function(){return n.j4},vL:function(){return n.vL}});var n=o(79671)},67422:function(e,t,o){o.d(t,{K:function(){return h}});var n=o(52322),r=o(11919),a=o(34638),s=o(72360),l=o(48322),i=o(76360),c=o(75342),d=o(41004);let u=(0,d.E)(r.k),h=e=>{let{children:t,from:o="Designer",warning:r=!1,cardStyleOverrides:d,error:h=!1,...p}=e,g=(0,a.ff)("orchid.400","blue.700"),m=(0,a.ff)("trueblue.50","sunglow.700"),x=(0,a.ff)("red.100","red.500"),f="User"===o,y=f?{bg:g,borderBottomRightRadius:0,color:"white",...d}:{bg:r?void 0:h?x:m,borderBottomLeftRadius:0,...d};return(0,n.jsx)(u,{justify:f?"flex-end":"flex-start",initial:{opacity:0,translateX:-20},animate:{opacity:1,translateX:0},...p,children:r?(0,n.jsxs)(s.b,{status:"warning",borderColor:"orange.200",borderWidth:"1px",fontSize:"inherit",...y,children:[(0,n.jsx)(l.z,{}),t]}):(0,n.jsx)(i.Z,{size:"sm",shadow:"sm",borderRadius:"xl",variant:"filled",minH:0,borderColor:h?"red.200":"blackAlpha.200",...y,children:(0,n.jsx)(c.e,{py:2,px:2,children:t})})})}}}]); 2//# sourceMappingURL=871.aca7688c1bb7c192.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.