| 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;function o(){return o=Object.assign||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},o.apply(this,arguments)}const r=ReactRouterDOM,l=classnames;var d=n.n(l);const c=FL.vendors.BBAppCore,u=FL.Assistant.data,m=({children:e})=>{const{history:n}=(0,u.useSystemState)(!1),a={initialIndex:n.index};return n.entries&&n.entries.length&&(a.initialEntries=n.entries),t().createElement(r.MemoryRouter,a,e)},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:o,isCompactHeight:l,application:c}=s.Env.use(),{toggleIsShowingUI:m,setIsAppHidden:h}=(0,u.getSystemActions)(),b=(0,g.ZP)({maxHeight:400}),v=(0,r.useHistory)(),{pathname:y}=v.location,w="beaver-builder"===c,x=0===v.index,S=y.startsWith("/fl-manage"),L=()=>{v.go(-v.length),v.replace("/",{})},M=(t=!1,n=(()=>{}))=>{t?h(!e):(h(!1),n())},A=d()("fl-asst-sidebar","frame-drag-handle",{"fl-asst-sidebar-compact":l}),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},k=()=>{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,(()=>v.push({pathname:`/${a.handle}`,state:a}))),className:"disable-while-sorting",title:a.label},t().createElement(s.Icon.Safely,{icon:a.icon,isSelected:S&&!e})))},I=()=>{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(I,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(k,null),limit:b?3:l?4:o?3:5},(({label:n,handle:a,icon:i,moveDown:o,moveUp:r})=>{const l={pathname:`/${a}`},d=a===y.split("/")[1],c={icon:i,context:"sidebar",isSelected:d};return t().createElement(s.Button,{appearance:d&&!e?"normal":"transparent",shape:"round",size:"lg",isSelected:d&&!e,onClick:()=>{M(d,(()=>v.push(l)))},title:n,onKeyDown:e=>{e.keyCode===p.DOWN&&(o(),e.preventDefault()),e.keyCode===p.UP&&(r(),e.preventDefault())}},t().createElement(E,c))}))),!o&&t().createElement("div",{className:"fl-asst-sidebar-cell disable-while-sorting",style:{minHeight:60}}))})),E=(0,e.memo)((e=>t().createElement(s.Icon.Safely,e))),b=h,v=()=>{const{apps:e,window:n,isAppHidden:a,homeKey:i}=(0,u.useSystemState)(["apps","window","isAppHidden","homeKey"]),{origin:o}=n,l=o[0]?"right":"left",{isMobile:m,application:p}=s.Env.use(),f="right"===l?"row-reverse":"row",g="beaver-builder"===p,h=(0,r.useLocation)().pathname.split("/")[1],E=d()({"fl-asst-main":!0,"fl-asst-main-sidebar-only":a,"fl-asst-is-mobile":m,[`fl-asst-app-${h}`]:h}),v=!a||g;return t().createElement("div",{className:E,style:{flexDirection:f}},t().createElement(b,null),v&&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))},y={top:0,left:0,bottom:0,right:0},w=(e=y)=>{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}},x=(e=0,t,n)=>e?`calc( 100% - ${t+n.right}px )`:n.left,S=e=>e>=window.innerWidth/2,L=e=>e>=window.innerHeight/2,M=({x:e,y:t})=>[S(e)?1:0,L(t)?1:0],A=(e,t)=>typeof e!=typeof t||e[0]!==t[0]||e[1]!==t[1],C=({x:n,top:a,pinnedRight:i,maxWidth:s,minWidth:o,setWidth:r,size:l,getSizeName:d})=>{const c=(0,e.useRef)(n.get()),u=(0,e.useRef)(l);return t().createElement(f.motion.div,{className:"fl-asst-frame-resize-handle",drag:"x",dragMomentum:!1,onDrag:()=>{let e=parseInt(Math.abs(n.get()));if(e>c.current+10||e<c.current-10){const t=d(e);t!==u.current&&(r(e),u.current=t),c.current=e}},onDragEnd:()=>{let e=parseInt(Math.abs(n.get()));s<e?e=s:o>e&&(e=o),r(e)},dragElastic:0,dragConstraints:{left:i?-Math.abs(s):o,right:i?-Math.abs(o):s},style:{x:n,width:6,position:"fixed",top:a,bottom:0,left:i?"auto":0,right:i?0:"auto"}})},k=()=>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"}))),I=({left:e,...n})=>t().createElement("div",o({style:{position:"fixed",top:0,bottom:0,left:e,width:60,background:"var(--fluid-blue)",zIndex:9998}},n)),P=({children:n,isHidden:a=!1,className:i,...r})=>{const{window:l,isAppHidden:c}=(0,u.useSystemState)(["window","isAppHidden"]),{width:m=y,origin:p}=l,[h]=p,{setWindow:E}=(0,u.getSystemActions)(),{minWidth:b,maxWidth:v,defaultWidth:y,breakpoint:L}=(0,u.getSystemConfig)().frameDefaults,M="beaver-builder"===s.Env.use().application,A=(0,f.useAnimation)(),P=(0,f.useDragControls)(),[B,_]=(0,e.useState)(!1),H=w(),N=JSON.stringify(H),{top:D,left:W,width:O,height:F}=((e,t,n=!1,a=420)=>{const i=n?60:a;return{top:t.top,left:x(e,i,t),width:i,height:`calc( 100vh - ${t.top+t.bottom}px )`}})(h,H,c,m),z=((e,t)=>e||t?"0 0 0px hsla( 210, 0%, 0%, 0 )":"0 0 20px hsla( 210, 20%, 30%, .15 )")(a,c),j=b,R=v>window.innerWidth?window.innerWidth:v,$=(0,f.useMotionValue)(h?-Math.abs(m):m),T=(0,f.useTransform)($,(e=>c?60:Math.abs(e))),U=(0,f.useTransform)(T,(e=>h?`calc( 100% - ${e+H.right}px )`:0)),q=h?O:-Math.abs(O),Z=(0,g.ZP)({maxWidth:600});(0,e.useEffect)((()=>{const e=document.documentElement;return e.classList.add(h?"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;a?A.set({x:q,left:W}):(A.start({x:0,y:0,left:W}),h?($.set(-Math.abs(m)),e.classList.replace("fl-asst-pinned-left","fl-asst-pinned-right")):($.set(m),e.classList.replace("fl-asst-pinned-right","fl-asst-pinned-left")))}),[h]),(0,e.useEffect)((()=>{A.set({top:D,height:F})}),[N]),(0,e.useEffect)((()=>{A.start({width:O,left:W,boxShadow:z})}),[c]),(0,e.useEffect)((()=>{const e=h?O:-Math.abs(O);A.start({x:a?e:0,boxShadow:z}).then((()=>{A.set({pointerEvents:a?"none":"auto"})}));const t=document.documentElement;a?t.classList.remove("fl-asst-pinned-right","fl-asst-pinned-left"):t.classList.add(h?"fl-asst-pinned-right":"fl-asst-pinned-left")}),[a]),(0,e.useEffect)((()=>{const e=Math.floor(T.get());m!==e&&$.set(h?-Math.abs(m):m)}),[m]);const K=e=>e>=L?"medium":"compact",Q=K(m),X={size:Q,isMedium:"medium"===Q,isCompact:"compact"===Q,isDragging:!1===B},J=d()("fl-asst-frame",{[`fluid-frame-size-${Q}`]:Q},i),V=!1===B&&!a&&!c;return t().createElement(s.Frame.Context.Provider,{value:X},!1!==B&&t().createElement(I,{left:x(B,60,H)}),t().createElement(f.motion.div,o({className:J,animate:A,transition:{duration:.2},initial:{x:a?q:0,top:D,left:W,width:O,height:F,boxShadow:z},style:{width:T,left:U,position:"fixed",overflow:"hidden",boxSizing:"border-box",background:"var(--fluid-background)",zIndex:Z||M?999999:9999,display:"flex",flexDirection:"column",pointerEvents:a?"none":null,contain:"strict",willChange:"transform"},drag:!0,dragControls:P,onDragStart:(e,t)=>{e.target.classList.contains("frame-drag-handle")||P.componentControls.forEach((n=>n.stop(e,t)))},onDrag:(e,t)=>{S(t.point.x)?1!==B&&_(1):0!==B&&_(0)},onDragEnd:(e,t)=>{if(_(!1),!e.target.classList.contains("frame-drag-handle"))return;const n=S(t.point.x)?1:0;h!==n?((e="left")=>{let t=[...l.origin];t[0]="right"===e?1:0,E({...l,origin:t})})(n?"right":"left"):A.start({x:0,y:0})}},r),t().createElement(k,null),n),V&&t().createElement(C,{x:$,top:D,pinnedRight:h,maxWidth:R,minWidth:j,setWidth:e=>E({...l,width:e}),size:Q,getSizeName:K}))},B=({...n})=>{const a=(0,f.useAnimation)(),{window:i}=(0,u.useSystemState)(["window"]),{origin:r}=i,{toggleIsShowingUI:l,setWindow:d}=(0,u.getSystemActions)(),[c,m]=(0,e.useState)(!1),p=50,g=w(15),h=(e,t,n)=>e?`calc( 100vh - ${t+n.bottom}px )`:n.top;return(0,e.useEffect)((()=>{a.start({x:0,y:0,top:h(r[1],p,g),left:x(r[0],p,g)})}),[r]),t().createElement(t().Fragment,null,t().createElement(f.motion.button,o({onClick:()=>{c||l(),m(!1)},initial:{position:"fixed",top:h(r[1],p,g),left:x(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:a,transition:{type:"tween"},drag:!0,whileDrag:{scale:1.1},onDrag:(e,t)=>{const n=M(t.point);A(c,n)&&m(r)},onDragEnd:(e,t)=>{const n=M(t.point);A(r,n)?d({...i,origin:n}):a.start({x:0,y:0})},"aria-label":"Assistant","aria-expanded":!1,"aria-disabled":!1},n),t().createElement(s.Icon.Pencil,{size:36})))},_=()=>{const t=(0,r.useLocation)(),n=(0,r.useHistory)(),{setHistory:a}=(0,u.getSystemActions)();return(0,e.useEffect)((()=>{a(n.index,n.entries)}),[t]),null},H=({colorScheme:e="light",className:n,...a})=>{const i=d()({[`fluid-color-scheme-${e}`]:e},n);return t().createElement("div",o({className:i},a))},N=({displayingIn:e,children:n})=>t().createElement(c.Root,{router:m},t().createElement(_,null),t().createElement(s.Env.Provider,{application:e},n)),D=()=>{const{isShowingAdminBar:e}=(0,u.getSystemConfig)(),{appearance:n,window:a}=(0,u.useSystemState)(["window","appearance"]),{isHidden:i,hiddenAppearance:s}=a,o=i&&("admin_bar"!==s||!e);return t().createElement(N,null,t().createElement(H,{colorScheme:n.brightness},t().createElement(P,{isHidden:i},t().createElement(v,null)),o&&t().createElement(B,null)))},W=()=>t().createElement(N,{displayingIn:"beaver-builder"},t().createElement(P,null,t().createElement(v,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)},F=FL.Assistant;let z;document.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelector("#wp-admin-bar-fl_assistant_toggle_ui");e&&e.addEventListener("click",F.toggleUI)}));const j=()=>void 0!==z&&(0,a.unmountComponentAtNode)(z),R=()=>{void 0===z&&(z=document.createElement("div"),z.classList.add("fl-asst-mount","fl-asst","fluid","fl","uid"),document.body.appendChild(z)),(0,a.render)(t().createElement(D,null),z)};"FLBuilder"in window?FLBuilder.addHook("didInitUI",(()=>{if(FLBuilder.addHook("endEditingSession",R),FLBuilder.addHook("restartEditingSession",j),"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")))}})):R(),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()})()})(); |
