https://textframe.app/_next/static/chunks/3085-e2bf8314a7bf1605.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3085],{31055:function(e,t,r){r.d(t,{N:function(){return b}});var n=r(90849),i=r(74233),l=r(93976),o=r(29762),c=r(79705),s=r(66402),u=r(24246);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function f(e){var t=e.blockId,r=e.blockIndex,n=(e.publishedScrollWrapper,e.first,e.last,e.totalLast,e.blockType,(0,s.kT)().blockId===t);return(0,u.jsx)(c.T,a(a({},e),{},{children:(0,u.jsxs)("div",{className:"p-24 ".concat(n&&" shadow-buttonShadow"," rounded-largeButton cursor-pointer mt-64 relative border-thin border-solid border-borderGray"),children:[n&&(0,u.jsx)("div",{className:"absolute left-0 top-0  h-full w-1 bg-iaWriterBlue"}),(0,u.jsx)(o.c,{placeholder:"Enter text here",blockIndex:r,readOnly:!0,tutorialMode:!0})]})}))}var h=r(24490),v=r(27378);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function b(e){var t=(0,l.kB)(),r=t.length-1;return(0,u.jsx)(i.p.Provider,{value:{previewMode:!1,isPublished:!1,fullscreen:!1,inDraft:!0,embed:!1},children:(0,u.jsxs)("div",{className:"w-full mr-24 h-fit-content",children:[(0,u.jsx)(h.R,{}),t.map((function(t,n){var i=r===n;return(0,v.createElement)(f,x(x({first:0===n,blockType:t.blockType,last:i,totalLast:i,blockId:t.id},e),{},{key:t.id,blockIndex:n}))}))]})})}},51738:function(e,t,r){r.d(t,{Z:function(){return N}});var n=r(96042),i=r(79713),l=r(86677),o=r(27378),c=r(68567),s=r(93976),u=r(66402),d=r(77410),a=r(95324),f=r(7915),h=r(51198),v=r(62644),p=r(14529),x=r(43063),b=r(74233),g=r(74409),w=r(11698),j=r(42979),m=r(9193),y=r(24246);function O(e){var t=e.blockIndex,r=(0,m.wb)(t);return(0,y.jsx)(y.Fragment,{children:""!==r&&(0,y.jsx)("div",{className:"w-full shadow-buttonShadow sticky top-0 text-white text-appleSubText p-sm bg-slate-400",children:r})})}function k(){var e=(0,o.useContext)(b.p).fullscreen,t=(0,o.useState)(0),r=t[0],n=t[1],l=(0,u.kT)(),c=l.blockType,s=(l.blockIndex,c===w.BlockType.CODE);return(0,y.jsx)(i.E.div,{style:{height:"calc(100vh - 140px)",maxHeight:"calc(100vh - 140px)",maxWidth:"60%",minWidth:"60%",width:"60%",top:"80px"},animate:{boxShadow:s?"0px 4px 8px rgba(214, 214, 214, 0.75)":"0px 0px 0px rgba(214, 214, 214, 0)",borderRadius:"8px"},className:" hidden ".concat(e?"showPane:flex":"draftShowPane:flex","  sticky flex-col overflow-hidden"),children:(0,y.jsxs)(g.s,{children:[(0,y.jsx)("div",{style:{flexGrow:1},className:"w-full h-full bg-white flex items-center",children:(0,y.jsx)(P,{canvasHeight:r,setCanvasHeight:n,isCode:s})}),(0,y.jsx)(E,{canvasHeight:r})]})})}function E(e){e.canvasHeight;var t=(0,u.kT)(),r=t.blockType,l=t.blockIndex,c=(0,o.useRef)(null),s=(0,m.MS)(l);return(0,y.jsx)(n.M,{children:r===w.BlockType.CODE&&(0,y.jsxs)(i.E.div,{className:"w-full bg-codeMarkGray",style:{},initial:{height:"0%",minHeight:"0px",maxHeight:"0px"},animate:{height:"100%",minHeight:s?"100%":"250px",maxHeight:s?"100%":"250px"},exit:{height:"0%",minHeight:"0px",maxHeight:"0px"},transition:{duration:.4},children:[(0,y.jsx)(O,{blockIndex:l}),(0,y.jsx)("div",{ref:c,className:"overflow-scroll w-full h-full ",children:(0,y.jsx)(j.G,{scrollingElement:c,blockIndex:l})})]})})}function P(e){var t=e.isCode,r=(0,o.useState)(0),n=r[0],i=r[1],l=(0,o.useState)(0),c=l[0],s=l[1],d=(0,u.kT)(),b=d.blockIndex,g=d.blockId,w=(d.blockType,(0,o.useRef)(null)),j=(0,h.fZ)(),m=(0,p.D)(g);(0,o.useEffect)((function(){var e,t;s(null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect().width),i(null===(t=w.current)||void 0===t?void 0:t.getBoundingClientRect().height)}),[]);var O=(0,o.useCallback)((function(){var e,t;w.current&&(s(null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect().width),i(null===(t=w.current)||void 0===t?void 0:t.getBoundingClientRect().height))}

1),[t]),k=(0,f.NB)({onResize:O}).ref,E=n/9*16;return t||(E=c),(0,y.jsx)("div",{ref:(0,a.Z)([k,w]),style:{},className:" w-full h-full flex justify-center items-center",children:(0,y.jsx)("div",{className:"h-full relative border-solid overflow-hidden ",style:{width:E},children:(0,y.jsx)(x.o9.Provider,{value:{blockId:g},children:(0,y.jsx)(x.y5.Provider,{value:{height:n,width:E},children:(0,y.jsx)(x.Km.Provider,{value:{readOnly:!0},children:(0,y.jsx)(v.c,{animationObjects:j,blockId:g,blockIndex:b,beforeId:m})})})})})})}var S=r(31055);function N(e){var t=e.previewMode,r=e.fullScreen,a=(0,o.useRef)(null);return function(e,t,r,n){var i=(0,s.bk)(),d=(0,l.useRouter)();(0,o.useEffect)((function(){function e(){(0,c.dC)((function(){i((0,u.nS)({}))}))}return d.events.on("routeChangeComplete",e),function(){d.events.off("routeChangeComplete",e)}}),[d.events]),(0,o.useEffect)((function(){var r,n;t?null===(r=e.current)||void 0===r||r.scrollTo({top:0}):null===(n=document.scrollingElement)||void 0===n||n.scrollTo({top:0})}),[r,t,n]),(0,o.useEffect)((function(){function r(){var r,n;t?i((0,u.Oc)({newScrollPos:(null===(r=e.current)||void 0===r?void 0:r.scrollTop)||0})):i((0,u.Oc)({newScrollPos:(null===(n=document.scrollingElement)||void 0===n?void 0:n.scrollTop)||0}))}return e.current&&(t?e.current.addEventListener("scroll",r):document.addEventListener("scroll",r)),function(){t&&e.current?e.current.removeEventListener("scroll",r):document.removeEventListener("scroll",r)}}),[t,r,n,e.current]),(0,o.useEffect)((function(){function e(){var e=r?window.innerWidth:window.innerWidth/2;i((0,u.gN)({newWidth:e})),i((0,u.x1)({newHeight:window.innerHeight}))}return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[r,e.current,i,n])}(a,!0,r,t),(0,y.jsx)(n.M,{children:t&&(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(i.E.div,{animate:{width:"100%"},style:{height:"100vh",maxWidth:r?"100%":"50%"},className:" relative  ",children:[(0,y.jsxs)("div",{ref:a,className:"w-full h-full p-24 overflow-y-scroll flex flex-row",children:[(0,y.jsx)(S.N,{publishedScrollWrapper:a}),(0,y.jsx)(k,{})]}),(0,y.jsx)(d.v,{})]})})})}},54016:function(e,t,r){r.d(t,{TO:function(){return a},jI:function(){return d}});r(34707);var n=r(23948),i=r(30148),l=r(93976),o=r(44498),c=r(66402),s=r(89319),u=(r(94805),(0,n.UY)({draft:l.iH.reducer,selecto:o.LS.reducer,published:c.e_.reducer})),d=(0,s.xC)({reducer:u}),a=(0,i.KV)((function(){return d}),{serializeState:function(e){return JSON.stringify(e)},deserializeState:function(e){return JSON.parse(e)}})}}]);