| 1 |
(()=>{"use strict";var e={587:(e,t,n)=>{var a=n(8038);t.ZP=a.default,a.useMedia,t.EB=a.useMediaLayout},8038:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(7363),i=n(1654);t.mockMediaQueryList={media:"",matches:!1,onchange:i.noop,addListener:i.noop,removeListener:i.noop,addEventListener:i.noop,removeEventListener:i.noop,dispatchEvent:function(e){return!0}};var s=function(e){return function(n,s){void 0===s&&(s=!1);var o=a.useState(s),r=o[0],l=o[1],d=i.queryObjectToString(n);return e((function(){var e=!0,n="undefined"==typeof window?t.mockMediaQueryList:window.matchMedia(d),a=function(){e&&l(Boolean(n.matches))};return n.addListener(a),l(n.matches),function(){e=!1,n.removeListener(a)}}),[d]),r}};t.useMedia=s(a.useEffect),t.useMediaLayout=s(a.useLayoutEffect),t.default=t.useMedia},6426:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.replace(/[A-Z]/g,(function(e){return"-"+e.toLowerCase()})).toLowerCase()}},1654:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(6426);t.camelToHyphen=a.default;var i=n(1168);t.queryObjectToString=i.default;var s=n(8419);t.noop=s.default},8419:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},1168:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(6426);t.default=function(e){return"string"==typeof e?e:Object.entries(e).map((function(e){var t=e[0],n=e[1],i=a.default(t),s=n;return"boolean"==typeof s?s?i:"not "+i:("number"==typeof s&&/[height|width]$/.test(i)&&(s+="px"),"("+i+": "+s+")")})).join(" and ")}},7363:e=>{e.exports=React}},t={};function n(a){var i=t[a];if(void 0!==i)return i.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e=n(7363),t=n.n(e);const a=ReactDOM,i=wp.i18n,s=FL.Assistant.ui,o=ReactRouterDOM,r=classnames;var l=n.n(r);const d=FL.vendors.BBFluid,c=FL.vendors.BBAppCore,u=FL.Assistant.data,m=e=>{let{children:n}=e;const{history:a}=(0,u.useSystemState)(!1),i={initialIndex:a.index};return a.entries&&a.entries.length&&(i.initialEntries=a.entries),t().createElement(o.MemoryRouter,i,n)},p=wp.keycodes,f=FramerMotion;var g=n(587);const h=(0,e.memo)((()=>{const{isAppHidden:e}=(0,u.useSystemState)(),{selectApp:n,selectHomeApp:a}=(0,u.getSystemSelectors)(),{isMobile:r,isCompactHeight:d,application:c}=s.Env.use(),{toggleIsShowingUI:m,setIsAppHidden:h}=(0,u.getSystemActions)(),E=(0,g.ZP)({maxHeight:400}),b=(0,o.useHistory)(),{pathname:y}=b.location,w="beaver-builder"===c,x=0===b.index,S=y.startsWith("/fl-manage"),L=()=>{b.go(-b.length),b.replace("/",{})},M=function(){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{};arguments.length>0&&void 0!==arguments[0]&&arguments[0]?h(!e):(h(!1),t())},A=l()("fl-asst-sidebar","frame-drag-handle",{"fl-asst-sidebar-compact":d}),C=()=>{const n=a();return n?t().createElement(f.motion.li,{layout:!0,transition:{layoutX:{duration:0}}},t().createElement(s.Button,{appearance:x&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:x&&!e,onClick:()=>M(x,L),className:"disable-while-sorting",title:n.label},t().createElement(s.Icon.Safely,{icon:n.icon,isSelected:x&&!e}))):null},I=()=>{const a=n("fl-manage");return t().createElement(f.motion.li,{layout:!0,transition:{layoutX:{duration:0}}},t().createElement(s.Button,{appearance:S&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:S&&!e,onClick:()=>M(S,(()=>b.push({pathname:`/${a.handle}`,state:a}))),className:"disable-while-sorting",title:a.label},t().createElement(s.Icon.Safely,{icon:a.icon,isSelected:S&&!e})))},B=()=>{let e=()=>m(!1);if(w){if(void 0===FL.Builder||"function"!=typeof FL.Builder.togglePanel)return null;e=FL.Builder.togglePanel}return t().createElement(s.Button,{appearance:"transparent",onClick:e,className:"fl-asst-sidebar-close-button",title:(0,i.__)("Hide Panel"),shape:"round",size:"lg",style:{margin:"0 auto"}},t().createElement(s.Icon.Close,null))};return t().createElement("div",{className:A,style:{cursor:"move"}},t().createElement("div",{className:"fl-asst-sidebar-cell fl-asst-sidebar-cell-top"},t().createElement(B,null)),t().createElement("div",{className:"fl-asst-sidebar-cell fl-asst-sidebar-cell-middle"},t().createElement(s.App.List,{before:t().createElement(C,null),after:t().createElement(I,null),limit:E?3:d?4:r?3:5},(n=>{let{label:a,handle:i,icon:o,moveDown:r,moveUp:l}=n;const d={pathname:`/${i}`},c=i===y.split("/")[1],u={icon:o,context:"sidebar",isSelected:c};return t().createElement(s.Button,{appearance:c&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:c&&!e,onClick:()=>{M(c,(()=>b.push(d)))},title:a,onKeyDown:e=>{e.keyCode===p.DOWN&&(r(),e.preventDefault()),e.keyCode===p.UP&&(l(),e.preventDefault())}},t().createElement(v,u))}))),!r&&t().createElement("div",{className:"fl-asst-sidebar-cell disable-while-sorting",style:{minHeight:60}}))})),v=(0,e.memo)((e=>t().createElement(s.Icon.Safely,e))),E=h,b=()=>{const{apps:e,window:n,isAppHidden:a,homeKey:i}=(0,u.useSystemState)(["apps","window","isAppHidden","homeKey"]),{origin:r}=n,d=r[0]?"right":"left",{isMobile:m,application:p}=s.Env.use(),f="right"===d?"row-reverse":"row",g="beaver-builder"===p,h=(0,o.useLocation)().pathname.split("/")[1],v=l()({"fl-asst-main":!0,"fl-asst-main-sidebar-only":a,"fl-asst-is-mobile":m,[`fl-asst-app-${h}`]:h}),b=!a||g;return t().createElement("div",{className:v,style:{flexDirection:f}},t().createElement(E,null),b&&t().createElement("div",{className:"fl-asst-main-content"},t().createElement(c.App.Content,{apps:e,defaultApp:i,loading:s.Page.Loading})),t().createElement(s.Modal.Root,null))};function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},y.apply(this,arguments)}const w={top:0,left:0,bottom:0,right:0},x=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:w;const t=(()=>{const{isShowingAdminBar:e}=(0,u.getSystemConfig)(),t=(0,g.EB)({maxWidth:782}),n=(0,g.EB)({maxWidth:600}),{application:a}=s.Env.use();return"beaver-builder"===a?45:document.body.classList.contains("block-editor-page")?61:!e||n?0:t?46:32})();let n=e;return Number.isInteger(e)&&(n={top:e,right:e,bottom:e,left:e}),{...n,top:n.top+t}},S=function(){let e=arguments.length>2?arguments[2]:void 0;return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)?`calc( 100% - ${(arguments.length>1?arguments[1]:void 0)+e.right}px )`:e.left},L=e=>e>=window.innerWidth/2,M=e=>e>=window.innerHeight/2,A=e=>{let{x:t,y:n}=e;return[L(t)?1:0,M(n)?1:0]},C=(e,t)=>typeof e!=typeof t||e[0]!==t[0]||e[1]!==t[1],I=n=>{let{x:a,top:i,pinnedRight:s,maxWidth:o,minWidth:r,setWidth:l,size:d,getSizeName:c}=n;const u=(0,e.useRef)(a.get()),m=(0,e.useRef)(d);return t().createElement(f.motion.div,{className:"fl-asst-frame-resize-handle",drag:"x",dragMomentum:!1,onDrag:()=>{let e=parseInt(Math.abs(a.get()));if(e>u.current+10||e<u.current-10){const t=c(e);t!==m.current&&(l(e),m.current=t),u.current=e}},onDragEnd:()=>{let e=parseInt(Math.abs(a.get()));o<e?e=o:r>e&&(e=r),l(e)},dragElastic:0,dragConstraints:{left:s?-Math.abs(o):r,right:s?-Math.abs(r):o},style:{x:a,width:6,position:"fixed",top:i,bottom:0,left:s?"auto":0,right:s?0:"auto"}})},B=()=>t().createElement("div",{className:"frame-drag-handle",style:{display:"flex",justifyContent:"center",paddingTop:4,paddingBottom:10,position:"absolute",top:0,left:0,right:0,zIndex:5,cursor:"move",color:"var(--fluid-opaque-7)"}},t().createElement("svg",{width:"40",height:"4",viewBox:"0 0 40 4",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},t().createElement("path",{d:"M2,2 L38,2",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round"}))),k=e=>{let{left:n,...a}=e;return t().createElement("div",y({style:{position:"fixed",top:0,bottom:0,left:n,width:60,background:"var(--fluid-blue)",zIndex:9998}},a))},P=n=>{let{children:a,isHidden:i=!1,className:o,...r}=n;const{window:c,isAppHidden:m}=(0,u.useSystemState)(["window","isAppHidden"]),{width:p=M,origin:h}=c,[v]=h,{setWindow:E}=(0,u.getSystemActions)(),{minWidth:b,maxWidth:w,defaultWidth:M,breakpoint:A}=(0,u.getSystemConfig)().frameDefaults,C="beaver-builder"===s.Env.use().application,P=(0,f.useAnimation)(),_=(0,f.useDragControls)(),[H,D]=(0,e.useState)(!1),F=x(),N=JSON.stringify(F),{top:W,left:O,width:z,height:j}=function(e,t){const n=arguments.length>2&&void 0!==arguments[2]&&arguments[2]?60:arguments.length>3&&void 0!==arguments[3]?arguments[3]:420;return{top:t.top,left:S(e,n,t),width:n,height:`calc( 100vh - ${t.top+t.bottom}px )`}}(v,F,m,p),R=((e,t)=>e||t?"0 0 0px hsla( 210, 0%, 0%, 0 )":"0 0 20px hsla( 210, 20%, 30%, .15 )")(i,m),$=b,U=w>window.innerWidth?window.innerWidth:w,q=(0,f.useMotionValue)(v?-Math.abs(p):p),T=(0,f.useTransform)(q,(e=>m?60:Math.abs(e))),Z=(0,f.useTransform)(T,(e=>v?`calc( 100% - ${e+F.right}px )`:0)),K=v?z:-Math.abs(z),Q=(0,g.ZP)({maxWidth:600});(0,e.useEffect)((()=>{const e=document.documentElement;return e.classList.add(v?"fl-asst-pinned-right":"fl-asst-pinned-left"),()=>{e.classList.remove("fl-asst-pinned-right","fl-asst-pinned-left")}}),[]),(0,e.useEffect)((()=>{const e=document.documentElement;i?P.set({x:K,left:O}):(P.start({x:0,y:0,left:O}),v?(q.set(-Math.abs(p)),e.classList.replace("fl-asst-pinned-left","fl-asst-pinned-right")):(q.set(p),e.classList.replace("fl-asst-pinned-right","fl-asst-pinned-left")))}),[v]),(0,e.useEffect)((()=>{P.set({top:W,height:j})}),[N]),(0,e.useEffect)((()=>{P.start({width:z,left:O,boxShadow:R})}),[m]),(0,e.useEffect)((()=>{const e=v?z:-Math.abs(z);P.start({x:i?e:0,boxShadow:R}).then((()=>{P.set({pointerEvents:i?"none":"auto"})}));const t=document.documentElement;i?t.classList.remove("fl-asst-pinned-right","fl-asst-pinned-left"):t.classList.add(v?"fl-asst-pinned-right":"fl-asst-pinned-left")}),[i]),(0,e.useEffect)((()=>{const e=Math.floor(T.get());p!==e&&q.set(v?-Math.abs(p):p)}),[p]);const X=e=>e>=A?"medium":"compact",J=X(p),V={size:J,isMedium:"medium"===J,isCompact:"compact"===J,isDragging:!1===H},G=l()("fl-asst-frame",{[`fluid-frame-size-${J}`]:J},o),Y=!1===H&&!i&&!m;return t().createElement(d.Frame.Context.Provider,{value:V},!1!==H&&t().createElement(k,{left:S(H,60,F)}),t().createElement(f.motion.div,y({className:G,animate:P,transition:{duration:.2},initial:{x:i?K:0,top:W,left:O,width:z,height:j,boxShadow:R},style:{width:T,left:Z,position:"fixed",overflow:"auto",boxSizing:"border-box",background:"var(--fluid-background)",zIndex:Q||C?999999:9999,display:"flex",flexDirection:"column",pointerEvents:i?"none":null,contain:"strict",willChange:"transform"},drag:!0,dragControls:_,onDragStart:(e,t)=>{e.target.classList.contains("frame-drag-handle")||_.componentControls.forEach((n=>n.stop(e,t)))},onDrag:(e,t)=>{L(t.point.x)?1!==H&&D(1):0!==H&&D(0)},onDragEnd:(e,t)=>{if(D(!1),!e.target.classList.contains("frame-drag-handle"))return;const n=L(t.point.x)?1:0;v!==n?function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"left",t=[...c.origin];t[0]="right"===e?1:0,E({...c,origin:t})}(n?"right":"left"):P.start({x:0,y:0})}},r),t().createElement(B,null),a),Y&&t().createElement(I,{x:q,top:W,pinnedRight:v,maxWidth:U,minWidth:$,setWidth:e=>E({...c,width:e}),size:J,getSizeName:X}))},_=n=>{let{...a}=n;const i=(0,f.useAnimation)(),{window:o}=(0,u.useSystemState)(["window"]),{origin:r}=o,{toggleIsShowingUI:l,setWindow:d}=(0,u.getSystemActions)(),[c,m]=(0,e.useState)(!1),p=50,g=x(15),h=(e,t,n)=>e?`calc( 100vh - ${t+n.bottom}px )`:n.top;return(0,e.useEffect)((()=>{i.start({x:0,y:0,top:h(r[1],p,g),left:S(r[0],p,g)})}),[r]),t().createElement(t().Fragment,null,t().createElement(f.motion.button,y({onClick:()=>{c||l(),m(!1)},initial:{position:"fixed",top:h(r[1],p,g),left:S(r[0],p,g),display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fluid-opaque-13)",width:p,height:p,borderRadius:25,scale:1,zIndex:99999},animate:i,transition:{type:"tween"},drag:!0,whileDrag:{scale:1.1},onDrag:(e,t)=>{const n=A(t.point);C(c,n)&&m(r)},onDragEnd:(e,t)=>{const n=A(t.point);C(r,n)?d({...o,origin:n}):i.start({x:0,y:0})},"aria-label":"Assistant","aria-expanded":!1,"aria-disabled":!1},a),t().createElement(s.Icon.Pencil,{size:36})))},H=()=>{const t=(0,o.useLocation)(),n=(0,o.useHistory)(),{setHistory:a}=(0,u.getSystemActions)();return(0,e.useEffect)((()=>{a(n.index,n.entries)}),[t]),null},D=e=>{let{displayingIn:n,children:a}=e;return t().createElement(c.Root,{router:m},t().createElement(H,null),t().createElement(s.Env.Provider,{application:n},a))},F=()=>{const{isShowingAdminBar:e,isAdmin:n}=(0,u.getSystemConfig)(),{appearance:a,window:i}=(0,u.useSystemState)(["window","appearance"]),{isHidden:s,hiddenAppearance:o}=i,r=!n&&s&&("admin_bar"!==o||!e);return t().createElement(D,null,t().createElement(d.Color.SchemeProvider,{value:a.brightness},t().createElement(P,{isHidden:s},t().createElement(b,null)),r&&t().createElement(_,null)))},N=()=>t().createElement("div",{id:"fl-asst-mount"}),W=()=>t().createElement(D,{displayingIn:"beaver-builder"},t().createElement(P,null,t().createElement(b,null))),O=()=>{const{setWindow:e}=(0,u.getSystemActions)(),t=document.createElement("button");t.classList.add("skip-link","fl-asst-screen-reader-text"),t.innerText=(0,i.__)("Skip to Assistant"),t.tabIndex=1,t.addEventListener("click",(()=>{e({isHidden:!1});const t=document.getElementById("fl-asst-close-panel");t&&t.focus()})),document.body.prepend(t)},z=FL.Assistant;document.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelector("#wp-admin-bar-fl_assistant_toggle_ui");e&&e.addEventListener("click",z.toggleUI)}));const j=parseInt(t().version.split(".")[0])>=18;let R,$;const U=()=>{void 0!==$&&j?$.unmount():(0,a.unmountComponentAtNode)(R)},q=()=>{R=document.getElementById("fl-asst-mount"),R?U():(R=document.createElement("div"),R.classList.add("fl-asst-mount","fl-asst","fl-asst-plugin","fluid","fl","uid"),R.id="fl-asst-mount",document.body.appendChild(R)),j?($=(0,a.createRoot)(R),$.render(t().createElement(F,null))):(0,a.render)(t().createElement(F,null),R)},T=()=>{const{registerPanel:e,togglePanel:n}=FL.Builder;e("assistant",{wrapClassName:"fl-asst",label:(0,i.__)("Assistant"),root:N,frame:!1,onMount:()=>{R=document.getElementById("fl-asst-mount"),j?($=(0,a.createRoot)(R),$.render(t().createElement(W,null))):(0,a.render)(t().createElement(W,null),R)},onUnMount:U});const s=document.querySelector(".fl-builder-fl-assistant-button");s&&s.addEventListener("click",(()=>n("assistant")))},Z=()=>{if(FLBuilder.addHook("endEditingSession",q),FLBuilder.addHook("restartEditingSession",U),"Builder"in FL&&"registerPanel"in FL.Builder){const{registerPanel:e,togglePanel:t}=FL.Builder;e("assistant",{wrapClassName:"fl-asst",label:(0,i.__)("Assistant"),root:W,render:W,frame:!1});const n=document.querySelector(".fl-builder-fl-assistant-button");n&&n.addEventListener("click",(()=>t("assistant")))}},K=document.getElementById("fl-builder-ui-iframe");K?K.addEventListener("load",T):"FLBuilder"in window?FLBuilder.addHook("didInitUI",Z):q(),wp&&"plugins"in wp&&"editPost"in wp&&wp.plugins.registerPlugin("fl-asst-more-menu-item",{render:()=>{const{PluginMoreMenuItem:e}=wp.editPost;return t().createElement(e,{icon:t().createElement(s.Icon.Pencil,null),onClick:FL.Assistant.toggleUI},(0,i.__)("Assistant"))}}),O()})()})(); |
