https://www.flashloop.ai/_next/static/chunks/229.12e0a9c218c39a2b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[229],{229:(e,t,n)=>{n.d(t,{i3:()=>eK,jl:()=>eL,Pp:()=>eF,YJ:()=>eD,_V:()=>eN,Wd:()=>eR,N1:()=>eS,rw:()=>eM,BI:()=>e$,Ge:()=>ej});var r={};n.r(r),n.d(r,{NotPendingTransition:()=>ek,appendChild:()=>q,appendChildToContainer:()=>W,appendInitialChild:()=>x,cancelTimeout:()=>j,clearContainer:()=>ei,commitMount:()=>ee,commitTextUpdate:()=>X,commitUpdate:()=>et,createInstance:()=>I,createTextInstance:()=>_,detachDeletedInstance:()=>eu,finalizeInitialChildren:()=>P,getChildHostContext:()=>N,getCurrentEventPriority:()=>el,getCurrentUpdatePriority:()=>ed,getInstanceFromScope:()=>ec,getPublicInstance:()=>T,getRootHostContext:()=>S,hideInstance:()=>en,hideTextInstance:()=>er,idlePriority:()=>w.unstable_IdlePriority,insertBefore:()=>J,insertInContainerBefore:()=>Z,isPrimaryRenderer:()=>z,maySuspendCommit:()=>ey,noTimeout:()=>A,now:()=>w.unstable_now,preloadInstance:()=>eb,prepareForCommit:()=>E,preparePortalMount:()=>R,prepareScopeUpdate:()=>es,prepareUpdate:()=>D,removeChild:()=>V,removeChildFromContainer:()=>Q,requestPostPaintCallback:()=>em,resetAfterCommit:()=>M,resetFormInstance:()=>eC,resetTextContent:()=>L,resolveUpdatePriority:()=>ep,run:()=>w.unstable_runWithPriority,scheduleMicrotask:()=>$,scheduleTimeout:()=>K,setCurrentUpdatePriority:()=>ef,shouldAttemptEagerTransition:()=>ev,shouldDeprioritizeSubtree:()=>F,shouldSetTextContent:()=>Y,startSuspendingCommit:()=>eh,supportsHydration:()=>G,supportsMicrotasks:()=>U,supportsMutation:()=>H,supportsPersistence:()=>O,suspendInstance:()=>ew,unhideInstance:()=>eo,unhideTextInstance:()=>ea,waitForCommitToBeReady:()=>eg,warnsIfNotActing:()=>B}),n(66183);var o=n(12115);let a=n(26486).k;var i=n(45220),u=n.n(i),l=n(61933),s=n(76292);let c={children:!0,ref:!0,key:!0,style:!0,forwardedRef:!0,unstable_applyCache:!0,unstable_applyDrawHitFromCache:!0},f=!1,d=!1,p=".react-konva-event",v=`ReactKonva: You have a Konva node with draggable = true and position defined but no onDragMove or onDragEnd events are handled.
2Position of a node will be changed during drag&drop, so you should update state of the react app as well.
3Consider to add onDragMove or onDragEnd events.
4For more info see: https://github.com/konvajs/react-konva/issues/256
5`,m=`ReactKonva: You are using "zIndex" attribute for a Konva node.
6react-konva may get confused with ordering. Just define correct order of elements in your render function of a component.
7For more info see: https://github.com/konvajs/react-konva/issues/194
8`,y={};function b(e,t,n=y){if(!f&&"zIndex"in t&&(console.warn(m),f=!0),!d&&t.draggable){var r=void 0!==t.x||void 0!==t.y,o=t.onDragEnd||t.onDragMove;r&&!o&&(console.warn(v),d=!0)}for(var a in n)if(!c[a]){var i="on"===a.slice(0,2),u=n[a]!==t[a];if(i&&u){var l=a.substr(2).toLowerCase();"content"===l.substr(0,7)&&(l="content"+l.substr(7,1).toUpperCase()+l.substr(8)),e.off(l,n[a])}t.hasOwnProperty(a)||e.setAttr(a,void 0)}var s=t._useStrictMode,w={},g=!1;let k={};for(var a in t)if(!c[a]){var i="on"===a.slice(0,2),C=n[a]!==t[a];if(i&&C){var l=a.substr(2).toLowerCase();"content"===l.substr(0,7)&&(l="content"+l.substr(7,1).toUpperCase()+l.substr(8)),t[a]&&(k[l]=t[a])}!i&&(t[a]!==n[a]||s&&t[a]!==e.getAttr(a))&&(g=!0,w[a]=t[a])}for(var l in g&&(e.setAttrs(w),h(e)),k)e.off(l+p),e.on(l+p,k[l])}function h(e){if(!s.kg.autoDrawEnabled){var t=e.getLayer()||e.getStage();t&&t.batchDraw()}}var w=n(72407);let g={},k={};a.Node.prototype._applyProps=b;let C=l.DefaultEventPriority;function x(e,t){if("string"==typeof t)return void console.error(`Do not use plain text as child of Konva.Node. You are using text: ${t}`);e.add(t),h(e)}function I(e,t,n){let r=a[e];r||(console.error(`Konva has no node with the type ${e}. Group will be used instead. If you use minimal version of react-konva, just import required nodes into Konva: "import "konva/lib/shapes/${e}"  If you want to render DOM elements as part of canvas tree take a look into this demo: https://konvajs.github.io/docs/react/DOM_Portal.html`),r=a.Group);let o={},i={};for(var u in t)"ref"!==u&&("on"===u.slice(0,2)?i[u]=t[u]:o[u]=t[u]);let l=new r(o);return b(l,i),l}function _(e,t,n){console.error(`Text components are not supported for now in ReactKonva. Your text is: "${e}"`)}function P(e,t,n){return!1}function T(e){return e}function E(){return null}function R(){return null}function D(e,t,n,r){return k}function M(){}function L(e){}function F(e,t){return!1}function S(){return g}function N(){return g}let K=setTimeout,j=clearTimeout,U=!0,$=e=>{e()},A=-1;function Y(e,t){return!1}let z=!1,B=!1,H=!0,O=!1,G=!1;function q(e,t){t.parent===e?t.moveToTop():e.add(t),h(e)}function W(e,t){t.parent===e?t.moveToTop():e.add(t),h(e)}function J(e,t,n){t._remove(),e.add(t),t.setZIndex(n.getZIndex()),h(e)}function Z(e,t,n){J(e,t,n)}function V(e,t){t.destroy(),t.off(p),h(e)}function Q(e,t){t.destroy(),t.off(p),h(e)}

8function X(e,t,n){console.error(`Text components are not yet supported in ReactKonva. You text is: "${n}"`)}function ee(e,t,n){}function et(e,t,n,r){b(e,r,n)}function en(e){e.hide(),h(e)}function er(e){}function eo(e,t){(null==t.visible||t.visible)&&e.show()}function ea(e,t){}function ei(e){}function eu(){}function el(){return l.DefaultEventPriority}function es(){}function ec(){return null}function ef(e){C=e}function ed(){return C}function ep(){return l.DiscreteEventPriority}function ev(){return!1}function em(){}function ey(){return!1}function eb(){return!0}function eh(){}function ew(){}function eg(){return null}let ek=null;function eC(){}function ex(e){try{return Object.defineProperties(e,{_currentRenderer:{get:()=>null,set(){}},_currentRenderer2:{get:()=>null,set(){}}})}catch(t){return e}}(()=>{var e,t;return"undefined"!=typeof window&&((null==(e=window.document)?void 0:e.createElement)||(null==(t=window.navigator)?void 0:t.product)==="ReactNative")})()?o.useLayoutEffect:o.useEffect;let eI=ex(o.createContext(null));class e_ extends o.Component{render(){return o.createElement(eI.Provider,{value:this._reactInternals},this.props.children)}}let eP=Symbol.for("react.context"),eT=e=>null!==e&&"object"==typeof e&&"$$typeof"in e&&e.$$typeof===eP;if(-1===o.version.indexOf("19"))throw Error("react-konva version 19 is only compatible with React 19. Make sure to have the last version of react-konva and react or downgrade react-konva to version 18.");let eE=e=>{let t=o.useRef(null),n=o.useRef(null),r=o.useRef(null),i=function(e){let t=o.useRef({});return o.useLayoutEffect(()=>{t.current=e}),o.useLayoutEffect(()=>()=>{t.current={}},[]),t.current}(e),u=function(){let e=function(){let e=function(){let e=o.useContext(eI);if(null===e)throw Error("its-fine: useFiber must be called within a <FiberProvider />!");let t=o.useId();return o.useMemo(()=>{for(let n of[e,null==e?void 0:e.alternate]){if(!n)continue;let e=function e(t,n,r){if(!t)return;if(!0===r(t))return t;let o=n?t.return:t.child;for(;o;){let t=e(o,n,r);if(t)return t;o=n?null:o.sibling}}(n,!1,e=>{let n=e.memoizedState;for(;n;){if(n.memoizedState===t)return!0;n=n.next}});if(e)return e}},[e,t])}(),[t]=o.useState(()=>new Map);t.clear();let n=e;for(;n;){let e=n.type;eT(e)&&e!==eI&&!t.has(e)&&t.set(e,o.use(ex(e))),n=n.return}return t}();return o.useMemo(()=>Array.from(e.keys()).reduce((t,n)=>r=>o.createElement(t,null,o.createElement(n.Provider,{...r,value:e.get(n)})),e=>o.createElement(e_,{...e})),[e])}(),s=o.useRef(!1),c=t=>{let{forwardedRef:n}=e;n&&("function"==typeof n?n(t):n.current=t)},f=(()=>{let e=o.useRef(0);return o.useMemo(()=>{e.current++},[]),e.current>1})();return o.useLayoutEffect(()=>s.current&&f?()=>{s.current=!1,c(null),eU.updateContainer(null,r.current,null),n.current.destroy()}:(s.current=!0,n.current=new a.Stage({width:e.width,height:e.height,container:t.current}),c(n.current),r.current=eU.createContainer(n.current,l.ConcurrentRoot,null,!1,null,"",console.error,console.error,console.error,null),eU.updateContainer(o.createElement(u,{},e.children),r.current,null,()=>{}),()=>{f||(c(null),eU.updateContainer(null,r.current,null),n.current.destroy())}),[]),o.useLayoutEffect(()=>{c(n.current),b(n.current,e,i),eU.updateContainer(o.createElement(u,{},e.children),r.current,null)}),o.createElement("div",{ref:t,id:e.id,accessKey:e.accessKey,className:e.className,role:e.role,style:e.style,tabIndex:e.tabIndex,title:e.title})},eR="Layer",eD="Group",eM="Rect",eL="Circle",eF="Ellipse",eS="Line",eN="Image",eK="Arrow",ej="Transformer",eU=u()(r);eU.injectIntoDevTools({findHostInstanceByFiber:()=>null,bundleType:0,version:o.version,rendererPackageName:"react-konva"});let e$=o.forwardRef((e,t)=>o.createElement(e_,{},o.createElement(eE,{...e,forwardedRef:t})))},16500:(e,t)=>{t.ConcurrentRoot=1,t.DefaultEventPriority=32,t.DiscreteEventPriority=2},16892:(e,t)=>{function n(e,t){var n=e.length;for(e.push(t);0<n;){var r=n-1>>>1,o=e[r];if(0<a(o,t))e[r]=t,e[n]=o,n=r;else break}}function r(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;for(var r=0,o=e.length,i=o>>>1;r<i;){var u=2*(r+1)-1,l=e[u],s=u+1,c=e[s];if(0>a(l,n))s<o&&0>a(c,l)?(e[r]=c,e[s]=n,r=s):(e[r]=l,e[u]=n,r=u);else if(s<o&&0>a(c,n))e[r]=c,e[s]=n,r=s;else break}}return t}function a(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if(t.unstable_now=void 0,"object"==typeof performance&&"function"==typeof performance.now){var i,u=performance;t.unstable_now=function(){return u.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],f=[],d=1,p=null,v=3,m=!1,y=!1,b=!1,h=!1,w="function"==typeof setTimeout?setTimeout:null,g="function"==typeof clearTimeout?clearTimeout:null,k="undefined"!=typeof setImmediate?setImmediate:null;function C(e){for(var t=r(f);null!==t;){if(null===t.callback)o(f);else if(t.startTime<=e)o(f),t.sortIndex=t.expirationTime,n(c,t);else break;t=r(f)}}

8function x(e){if(b=!1,C(e),!y)if(null!==r(c))y=!0,I||(I=!0,i());else{var t=r(f);null!==t&&L(x,t.startTime-e)}}var I=!1,_=-1,P=5,T=-1;function E(){return!!h||!(t.unstable_now()-T<P)}function R(){if(h=!1,I){var e=t.unstable_now();T=e;var n=!0;try{e:{y=!1,b&&(b=!1,g(_),_=-1),m=!0;var a=v;try{t:{for(C(e),p=r(c);null!==p&&!(p.expirationTime>e&&E());){var u=p.callback;if("function"==typeof u){p.callback=null,v=p.priorityLevel;var l=u(p.expirationTime<=e);if(e=t.unstable_now(),"function"==typeof l){p.callback=l,C(e),n=!0;break t}p===r(c)&&o(c),C(e)}else o(c);p=r(c)}if(null!==p)n=!0;else{var s=r(f);null!==s&&L(x,s.startTime-e),n=!1}}break e}finally{p=null,v=a,m=!1}}}finally{n?i():I=!1}}}if("function"==typeof k)i=function(){k(R)};else if("undefined"!=typeof MessageChannel){var D=new MessageChannel,M=D.port2;D.port1.onmessage=R,i=function(){M.postMessage(null)}}else i=function(){w(R,0)};function L(e,n){_=w(function(){e(t.unstable_now())},n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return v},t.unstable_next=function(e){switch(v){case 1:case 2:case 3:var t=3;break;default:t=v}var n=v;v=t;try{return e()}finally{v=n}},t.unstable_requestPaint=function(){h=!0},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=v;v=e;try{return t()}finally{v=n}},t.unstable_scheduleCallback=function(e,o,a){var u=t.unstable_now();switch(a="object"==typeof a&&null!==a&&"number"==typeof(a=a.delay)&&0<a?u+a:u,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=0x3fffffff;break;case 4:l=1e4;break;default:l=5e3}return l=a+l,e={id:d++,callback:o,priorityLevel:e,startTime:a,expirationTime:l,sortIndex:-1},a>u?(e.sortIndex=a,n(f,e),null===r(c)&&e===r(f)&&(b?(g(_),_=-1):b=!0,L(x,a-u))):(e.sortIndex=l,n(c,e),y||m||(y=!0,I||(I=!0,i()))),e},t.unstable_shouldYield=E,t.unstable_wrapCallback=function(e){var t=v;return function(){var n=v;v=t;try{return e.apply(this,arguments)}finally{v=n}}}},45220:(e,t,n)=>{e.exports=n(21724)},61933:(e,t,n)=>{e.exports=n(16500)},72407:(e,t,n)=>{e.exports=n(16892)}}]);