jamespot-react-core 1.1.135 → 1.1.136

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,7 +9,7 @@
9
9
  ${({stretch:e})=>e&&d}
10
10
  `,p=n.forwardRef(((e,t)=>e.onSubmit?n.createElement(m,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):n.createElement(u,{stretch:e.stretch,ref:t},e.children))),g=c().div`
11
11
  ${e=>e.stretch&&"\n flex: 1;\n"}
12
- `,E=n.forwardRef(((e,t)=>{const i=n.useRef(null),[l,a]=(0,o.GF)(e.fields,e.type),c=(0,r.useForm)({defaultValues:Object.assign(Object.assign({},a),e.defaultValues),criteriaMode:"all"}),{handleSubmit:d,control:u,reset:m}=c,E=s(c,["handleSubmit","control","reset"]);return n.useImperativeHandle(t,(()=>Object.assign(Object.assign({},E),{handleSubmit:d,control:u,reset:()=>{var e;null===(e=null==i?void 0:i.current)||void 0===e||e.scrollTo(0,0),m()}})),[]),n.createElement(p,{stretch:e.stretch,onSubmit:e.onSubmit?d(e.onSubmit):void 0,ref:i},n.createElement(g,{stretch:e.stretch},l.map((t=>{var{Input:i}=t,l=s(t,["Input"]);return n.createElement(i,Object.assign({key:l.name,control:u},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(u)),e.buttons)}));var f=i(855),y=i(841);c().div`
12
+ `,E=n.forwardRef(((e,t)=>{const i=n.useRef(null),[l,a]=(0,o.GF)(e.fields,e.type),c=(0,r.useForm)({defaultValues:Object.assign(Object.assign({},a),e.defaultValues),criteriaMode:"all"}),{handleSubmit:d,control:u,reset:m}=c,E=s(c,["handleSubmit","control","reset"]);return n.useImperativeHandle(t,(()=>Object.assign(Object.assign({},E),{handleSubmit:d,control:u,reset:()=>{var e;null===(e=null==i?void 0:i.current)||void 0===e||e.scrollTo(0,0),m()}})),[]),n.createElement(p,{stretch:e.stretch,onSubmit:e.onSubmit?d(e.onSubmit):void 0,ref:i},n.createElement(g,{stretch:e.stretch},l.map((t=>{var{Input:i}=t,l=s(t,["Input"]);return n.createElement(i,Object.assign({key:l.name,control:u},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(u)),e.buttons)}));var f=i(855),y=i(219);c().div`
13
13
  margin-bottom: 24px;
14
14
  `,c().div`
15
15
  margin-bottom: 4px;
@@ -108,7 +108,7 @@
108
108
  flex: 1;
109
109
  display: flex;
110
110
  align-items: center;
111
- `;var S=i(251);const A=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>S.Wq.selectors.selectEditor(t,e)));return i&&i.popup&&i.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(h,null,l().createElement(w,null),l().createElement(x,null,"Popup"),l().createElement(w,null,l().createElement(k,{onClick:()=>{t(S.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(y.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(h,null,l().createElement(y.JRCButton,{onClick:()=>{t(S.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)};var I=i(888);const O=I.default.registry.getLazyComponent("WidgetArticleTitleEditor"),_=I.default.registry.getLazyComponent("WidgetArticleTextEditor"),F=I.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),j=I.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),M=I.default.registry.getLazyComponent("WidgetArticleSliderEditor"),T=I.default.registry.getLazyComponent("WidgetArticleImageEditor"),D=I.default.registry.getLazyComponent("WidgetButtonEditor"),R=I.default.registry.getLazyComponent("WidgetApiEditor"),z=({uniqid:e})=>{var t,i,n,r,o,a;const c=(0,f.useDispatch)(),s=(0,f.useSelector)(S.$L.selectors.selectToken),d=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),u=t=>{d&&c(S.$L.slice.actions.updateWidget({uniqid:e,content:t})),c(S.Wq.slice.actions.flushEditor({uniqid:e}))},m=(t,i)=>{c(void 0!==i?S.$L.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):S.$L.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},p=t=>{c(S.Wq.slice.actions.registerEditorPopup({uniqid:e,view:t}))};switch(null==d?void 0:d.widget.name){default:return l().createElement(l().Fragment,null,"cannot display editor");case"widget-article-button":return l().createElement(l().Fragment,null,l().createElement(D,Object.assign({},d.widget.content,{onChange:t=>{c((0,S.O5)(e,t,!1))},onSave:()=>u({})})));case"widget-article-attachment":return l().createElement(j,{token:s,content:d.widget.content,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m,onOpen:p});case"widget-article-gallery":return l().createElement(F,{token:s,content:d.widget.content,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m});case"widget-article-text":return l().createElement(_,{onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,content:d.widget.content});case"widget-article-image":return l().createElement(T,{content:d.widget.content,token:s,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m});case"widget-api":return l().createElement(R,{onChange:t=>c((0,S.O5)(e,t,!1)),provider:e=>{return t=void 0,i=void 0,l=function*(){return fetch(e,{method:"POST",headers:{"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>e.result))},new((n=void 0)||(n=Promise))((function(e,r){function o(e){try{c(l.next(e))}catch(e){r(e)}}function a(e){try{c(l.throw(e))}catch(e){r(e)}}function c(t){var i;t.done?e(t.value):(i=t.value,i instanceof n?i:new n((function(e){e(i)}))).then(o,a)}c((l=l.apply(t,i||[])).next())}));var t,i,n,l},initialUrl:null!==(t=d.widget.content.url)&&void 0!==t?t:"",order:null!==(i=d.widget.content.order)&&void 0!==i?i:"",orderBy:null!==(n=d.widget.content.orderBy)&&void 0!==n?n:"asc"});case"widget-article-title":return l().createElement(O,{onChange:t=>{c((0,S.O5)(e,t,!1))},onSave:u,content:d.widget.content,onOpen:p});case"widget-article-slider":return void 0!==s?l().createElement(M,{slides:null!==(r=d.widget.content.slides)&&void 0!==r?r:[],loop:null!==(o=d.widget.content.loop)&&void 0!==o&&o,useDots:null===(a=d.widget.content.useDots)||void 0===a||a,onChange:t=>{c((0,S.O5)(e,t,!1))},token:s,onSave:u}):l().createElement(l().Fragment,null,"Token is mandatory")}};var G=i(181);const B=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,G.useIntl)(),n=(0,f.useSelector)((t=>S.$L.selectors.selectWidgetContent(t,e)));return l().createElement("div",{style:{flex:1}},l().createElement(P,{uniqid:e}),n&&n.widgets?n.widgets.map(((r,o)=>{const a=S.$L.definition(r.widget.name);return l().createElement("div",{key:o},l().createElement(L,null,l().createElement($,{onClick:()=>((e,i)=>{t(S.Wq.slice.actions.registerEditor({uniqid:e,name:i}))})(r.widget.uniqid,r.widget.name)},i.formatMessage({id:a.label})),l().createElement(W,{onClick:()=>{n.widgets&&t(S.$L.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},n),{widgets:[...n.widgets.filter(((e,t)=>t!==o))]})}))}},l().createElement(y.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},P=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.ids[e].widget.layers),f.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(y.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(V,{uniqid:e,key:t}),elms:i||[]}),l().createElement(wt,{namespace:"default",onChange:i=>{t(S.$L.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},U=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(S.$L.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(y.JRCIcon,{name:i.locked?"icon-lock":"icon-unlock"}))},H=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(S.$L.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(y.JRCIcon,{name:i.visible?"icon-eye":"icon-eye-slash"}))},N=({uniqid:e,layerId:t})=>{const i=(0,f.useDispatch)();return l().createElement("div",{onClick:()=>{i(S.$L.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(y.JRCIcon,{name:"icon-trash"}))},V=({uniqid:e})=>{const t=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const r=S.$L.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},r.label),l().createElement(U,{uniqid:e}),l().createElement(H,{uniqid:e}),l().createElement(N,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},Q=I.default.registry.getLazyComponent("Button"),X=({uniqid:e})=>{const t=(0,G.useIntl)(),i=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),[o,a]=l().useState(null==n?void 0:n.title),{control:c,watch:s}=(0,r.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=s((e=>{a(e.text)}));return()=>e.unsubscribe()}),[s]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(y.JRCInputText,{name:"text",control:c,placeholder:t.formatMessage({id:"EDITOR_Widget_Wrapper_Title"})}),l().createElement(Q,{onClick:()=>{void 0!==o&&(i(S.$L.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(S.Wq.slice.actions.flushEditor({uniqid:e})))},variant:"outlined",minWidth:"100%"},t.formatMessage({id:"EDITOR_Save_Widget"}))):l().createElement(l().Fragment,null,"No wrapper")},Y=I.default.registry.getLazyComponent("Icon"),K=({uniqid:e})=>{const t=(0,G.useIntl)(),i=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>S.Wq.selectors.selectEditor(t,e))),r=S.$L.definition(null==n?void 0:n.name),[o,a]=l().useState(!1),[c,s]=l().useState("default");return l().useEffect((()=>{setTimeout((()=>{a(!0)}),0)})),n?l().createElement("div",{style:{width:440,position:"relative"}},l().createElement(b,{visible:o},l().createElement(q,null,r.panel.useWrapper?l().createElement(k,{isActive:"wrapper"===c,onClick:()=>s("wrapper")},l().createElement(Y,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),r.panel.useEditor?l().createElement(k,{isActive:"default"===c,onClick:()=>s("default")},l().createElement(Y,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),r.panel.useWidgets?l().createElement(ee,{uniqid:e},l().createElement(k,{isActive:"widgets"===c,onClick:()=>s("widgets")},l().createElement(Y,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(h,null,l().createElement(Z,{uniqid:e,position:n.position}),l().createElement(x,null,t.formatMessage({id:r.label})),l().createElement(w,null,l().createElement(k,{onClick:()=>{i(S.Wq.slice.actions.flushEditor({uniqid:e}))}},l().createElement(Y,{name:"icon-times",color:"grey2"})))),l().createElement(C,null,"default"===c&&r.panel.useEditor?l().createElement(z,{uniqid:n.uniqid}):l().createElement(l().Fragment,null),"wrapper"===c&&r.panel.useWrapper?l().createElement(X,{uniqid:n.uniqid}):l().createElement(l().Fragment,null),"widgets"===c&&r.panel.useWidgets?l().createElement(B,{uniqid:e,namespace:r.name}):l().createElement(l().Fragment,null)))),(null==n?void 0:n.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},Z=({uniqid:e,position:t})=>{const i=(0,f.useDispatch)();return l().createElement(w,null,l().createElement(k,{onClick:()=>{i(S.Wq.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(Y,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},ee=({uniqid:e,children:t})=>{const i=(0,f.useSelector)((t=>S.$L.selectors.selectWidgetState(t,e)));return(null==i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},te=c().div`
111
+ `;var S=i(345);const A=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>S.Wq.selectors.selectEditor(t,e)));return i&&i.popup&&i.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(h,null,l().createElement(w,null),l().createElement(x,null,"Popup"),l().createElement(w,null,l().createElement(k,{onClick:()=>{t(S.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(y.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(h,null,l().createElement(y.JRCButton,{onClick:()=>{t(S.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)};var I=i(888);const O=I.default.registry.getLazyComponent("WidgetArticleTitleEditor"),_=I.default.registry.getLazyComponent("WidgetArticleTextEditor"),F=I.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),j=I.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),M=I.default.registry.getLazyComponent("WidgetArticleSliderEditor"),T=I.default.registry.getLazyComponent("WidgetArticleImageEditor"),D=I.default.registry.getLazyComponent("WidgetButtonEditor"),R=I.default.registry.getLazyComponent("WidgetApiEditor"),z=({uniqid:e})=>{var t,i,n,r,o,a;const c=(0,f.useDispatch)(),s=(0,f.useSelector)(S.$L.selectors.selectToken),d=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),u=t=>{d&&c(S.$L.slice.actions.updateWidget({uniqid:e,content:t})),c(S.Wq.slice.actions.flushEditor({uniqid:e}))},m=(t,i)=>{c(void 0!==i?S.$L.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):S.$L.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},p=t=>{c(S.Wq.slice.actions.registerEditorPopup({uniqid:e,view:t}))};switch(null==d?void 0:d.widget.name){default:return l().createElement(l().Fragment,null,"cannot display editor");case"widget-article-button":return l().createElement(l().Fragment,null,l().createElement(D,Object.assign({},d.widget.content,{onChange:t=>{c((0,S.O5)(e,t,!1))},onSave:()=>u({})})));case"widget-article-attachment":return l().createElement(j,{token:s,content:d.widget.content,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m,onOpen:p});case"widget-article-gallery":return l().createElement(F,{token:s,content:d.widget.content,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m});case"widget-article-text":return l().createElement(_,{onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,content:d.widget.content});case"widget-article-image":return l().createElement(T,{content:d.widget.content,token:s,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m});case"widget-api":return l().createElement(R,{onChange:t=>c((0,S.O5)(e,t,!1)),provider:e=>{return t=void 0,i=void 0,l=function*(){return fetch(e,{method:"POST",headers:{"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>e.result))},new((n=void 0)||(n=Promise))((function(e,r){function o(e){try{c(l.next(e))}catch(e){r(e)}}function a(e){try{c(l.throw(e))}catch(e){r(e)}}function c(t){var i;t.done?e(t.value):(i=t.value,i instanceof n?i:new n((function(e){e(i)}))).then(o,a)}c((l=l.apply(t,i||[])).next())}));var t,i,n,l},initialUrl:null!==(t=d.widget.content.url)&&void 0!==t?t:"",order:null!==(i=d.widget.content.order)&&void 0!==i?i:"",orderBy:null!==(n=d.widget.content.orderBy)&&void 0!==n?n:"asc"});case"widget-article-title":return l().createElement(O,{onChange:t=>{c((0,S.O5)(e,t,!1))},onSave:u,content:d.widget.content,onOpen:p});case"widget-article-slider":return void 0!==s?l().createElement(M,{slides:null!==(r=d.widget.content.slides)&&void 0!==r?r:[],loop:null!==(o=d.widget.content.loop)&&void 0!==o&&o,useDots:null===(a=d.widget.content.useDots)||void 0===a||a,onChange:t=>{c((0,S.O5)(e,t,!1))},token:s,onSave:u}):l().createElement(l().Fragment,null,"Token is mandatory")}};var G=i(181);const B=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,G.useIntl)(),n=(0,f.useSelector)((t=>S.$L.selectors.selectWidgetContent(t,e)));return l().createElement("div",{style:{flex:1}},l().createElement(P,{uniqid:e}),n&&n.widgets?n.widgets.map(((r,o)=>{const a=S.$L.definition(r.widget.name);return l().createElement("div",{key:o},l().createElement(L,null,l().createElement($,{onClick:()=>((e,i)=>{t(S.Wq.slice.actions.registerEditor({uniqid:e,name:i}))})(r.widget.uniqid,r.widget.name)},i.formatMessage({id:a.label})),l().createElement(W,{onClick:()=>{n.widgets&&t(S.$L.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},n),{widgets:[...n.widgets.filter(((e,t)=>t!==o))]})}))}},l().createElement(y.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},P=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.ids[e].widget.layers),f.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(y.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(V,{uniqid:e,key:t}),elms:i||[]}),l().createElement(wt,{namespace:"default",onChange:i=>{t(S.$L.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},U=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(S.$L.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(y.JRCIcon,{name:i.locked?"icon-lock":"icon-unlock"}))},H=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(S.$L.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(y.JRCIcon,{name:i.visible?"icon-eye":"icon-eye-slash"}))},N=({uniqid:e,layerId:t})=>{const i=(0,f.useDispatch)();return l().createElement("div",{onClick:()=>{i(S.$L.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(y.JRCIcon,{name:"icon-trash"}))},V=({uniqid:e})=>{const t=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const r=S.$L.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},r.label),l().createElement(U,{uniqid:e}),l().createElement(H,{uniqid:e}),l().createElement(N,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},Q=I.default.registry.getLazyComponent("Button"),X=({uniqid:e})=>{const t=(0,G.useIntl)(),i=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),[o,a]=l().useState(null==n?void 0:n.title),{control:c,watch:s}=(0,r.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=s((e=>{a(e.text)}));return()=>e.unsubscribe()}),[s]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(y.JRCInputText,{name:"text",control:c,placeholder:t.formatMessage({id:"EDITOR_Widget_Wrapper_Title"})}),l().createElement(Q,{onClick:()=>{void 0!==o&&(i(S.$L.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(S.Wq.slice.actions.flushEditor({uniqid:e})))},variant:"outlined",minWidth:"100%"},t.formatMessage({id:"EDITOR_Save_Widget"}))):l().createElement(l().Fragment,null,"No wrapper")},Y=I.default.registry.getLazyComponent("Icon"),K=({uniqid:e})=>{const t=(0,G.useIntl)(),i=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>S.Wq.selectors.selectEditor(t,e))),r=S.$L.definition(null==n?void 0:n.name),[o,a]=l().useState(!1),[c,s]=l().useState("default");return l().useEffect((()=>{setTimeout((()=>{a(!0)}),0)})),n?l().createElement("div",{style:{width:440,position:"relative"}},l().createElement(b,{visible:o},l().createElement(q,null,r.panel.useWrapper?l().createElement(k,{isActive:"wrapper"===c,onClick:()=>s("wrapper")},l().createElement(Y,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),r.panel.useEditor?l().createElement(k,{isActive:"default"===c,onClick:()=>s("default")},l().createElement(Y,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),r.panel.useWidgets?l().createElement(ee,{uniqid:e},l().createElement(k,{isActive:"widgets"===c,onClick:()=>s("widgets")},l().createElement(Y,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(h,null,l().createElement(Z,{uniqid:e,position:n.position}),l().createElement(x,null,t.formatMessage({id:r.label})),l().createElement(w,null,l().createElement(k,{onClick:()=>{i(S.Wq.slice.actions.flushEditor({uniqid:e}))}},l().createElement(Y,{name:"icon-times",color:"grey2"})))),l().createElement(C,null,"default"===c&&r.panel.useEditor?l().createElement(z,{uniqid:n.uniqid}):l().createElement(l().Fragment,null),"wrapper"===c&&r.panel.useWrapper?l().createElement(X,{uniqid:n.uniqid}):l().createElement(l().Fragment,null),"widgets"===c&&r.panel.useWidgets?l().createElement(B,{uniqid:e,namespace:r.name}):l().createElement(l().Fragment,null)))),(null==n?void 0:n.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},Z=({uniqid:e,position:t})=>{const i=(0,f.useDispatch)();return l().createElement(w,null,l().createElement(k,{onClick:()=>{i(S.Wq.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(Y,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},ee=({uniqid:e,children:t})=>{const i=(0,f.useSelector)((t=>S.$L.selectors.selectWidgetState(t,e)));return(null==i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},te=c().div`
112
112
  position: absolute;
113
113
  inset: 0;
114
114
  pointer-events: none;