jamespot-react-core 1.1.138 → 1.1.139

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(965);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(341);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(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`
111
+ `;var S=i(998);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;
@@ -149,7 +149,7 @@
149
149
  }
150
150
  `,je=c().button`
151
151
  cursor: pointer;
152
- `,Me={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:""},Te=({widget:e,width:t,inplace:i,mode:n})=>{const{uniqid:r}=e,{file:o,useFilter:a}=e.content,c=(0,f.useDispatch)(),s=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,r)),f.shallowEqual),[d,u]=l().useState(void 0),m=(0,G.useIntl)();return l().useEffect((()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),l().useEffect((()=>{o&&u(`/imagecache/fitx1200/${o.type}/${o.id}.png?_=${o.dateModified?(e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}})(o.dateModified):Date.now()}`)}),[o]),l().createElement(l().Fragment,null,"edit"===n?void 0!==d?l().createElement(Oe,{maxWidth:null!=t?t:600,uri:d,useFilter:null!=a&&a}):l().createElement(l().Fragment,null):l().createElement(_e,{files:[Object.assign(Object.assign({},Me),{path:d,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(je,{onClick:()=>e(0)},l().createElement(Oe,{maxWidth:null!=t?t:600,uri:d,useFilter:null!=a&&a})))),i&&"edit"===n?l().createElement(Ce,{initialFiles:[],initialClick:s,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{Array.isArray(e)&&void 0!==e[0]&&c((0,S.O5)(r,{file:e[0]}))},onUploadStart:()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},void 0!==o?l().createElement(Fe,null,m.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(y.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null))},De=c().div`
152
+ `,Me={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},Te=({widget:e,width:t,inplace:i,mode:n})=>{const{uniqid:r}=e,{file:o,useFilter:a}=e.content,c=(0,f.useDispatch)(),s=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,r)),f.shallowEqual),[d,u]=l().useState(void 0),m=(0,G.useIntl)();return l().useEffect((()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),l().useEffect((()=>{o&&u(`/imagecache/fitx1200/${o.type}/${o.id}.png?_=${o.dateModified?(e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}})(o.dateModified):Date.now()}`)}),[o]),l().createElement(l().Fragment,null,"edit"===n?void 0!==d?l().createElement(Oe,{maxWidth:null!=t?t:600,uri:d,useFilter:null!=a&&a}):l().createElement(l().Fragment,null):l().createElement(_e,{files:[Object.assign(Object.assign({},Me),{path:d,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(je,{onClick:()=>e(0)},l().createElement(Oe,{maxWidth:null!=t?t:600,uri:d,useFilter:null!=a&&a})))),i&&"edit"===n?l().createElement(Ce,{initialFiles:[],initialClick:s,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{Array.isArray(e)&&void 0!==e[0]&&c((0,S.O5)(r,{file:e[0]}))},onUploadStart:()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},void 0!==o?l().createElement(Fe,null,m.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(y.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null))},De=c().div`
153
153
  flex: 1;
154
154
  display: flex;
155
155
  flex-direction: row;
@@ -162,7 +162,7 @@
162
162
  overflow: hidden;
163
163
  margin: 4px;
164
164
  border: 1px solid ${e=>e.theme.color.grey1};
165
- `,Je=c().button`
165
+ `,ze=c().button`
166
166
  display: flex;
167
167
  width: 40px;
168
168
  height: 40px;
@@ -174,7 +174,7 @@
174
174
  &:hover {
175
175
  background-color: ${e=>e.theme.color.grey1};
176
176
  }
177
- `,ze=({widget:e,inplace:t,mode:i})=>{const{uniqid:n}=e,{text:r,color:o,heading:a}=e.content,c=(0,f.useDispatch)(),s=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,n)),f.shallowEqual);return l().createElement(De,null,l().createElement(y.JRCWidgetArticleTitle,{text:r,color:o,heading:a,autoFocus:s,inplace:t,mode:i,onChange:e=>{c((0,S.O5)(n,{text:e}))}}),s&&"edit"===i?l().createElement(Ge,{heading:a,onClick:e=>{c((0,S.O5)(n,{heading:e}))}}):l().createElement(l().Fragment,null))},Ge=({heading:e="h1",onClick:t})=>l().createElement(Re,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(Je,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),Be=c().div`
177
+ `,Je=({widget:e,inplace:t,mode:i})=>{const{uniqid:n}=e,{text:r,color:o,heading:a}=e.content,c=(0,f.useDispatch)(),s=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,n)),f.shallowEqual);return l().createElement(De,null,l().createElement(y.JRCWidgetArticleTitle,{text:r,color:o,heading:a,autoFocus:s,inplace:t,mode:i,onChange:e=>{c((0,S.O5)(n,{text:e}))}}),s&&"edit"===i?l().createElement(Ge,{heading:a,onClick:e=>{c((0,S.O5)(n,{heading:e}))}}):l().createElement(l().Fragment,null))},Ge=({heading:e="h1",onClick:t})=>l().createElement(Re,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(ze,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),Be=c().div`
178
178
  flex: 1;
179
179
  display: flex;
180
180
  flex-direction: row;
@@ -201,7 +201,7 @@
201
201
  flex-direction: row;
202
202
  min-height: 60px;
203
203
  align-items: center;
204
- `,Ze={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:""},et=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},tt=({widget:e,mode:t,width:i})=>{const{uniqid:n}=e,r=(0,Xe.TL)(),o=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,n)),f.shallowEqual),a=e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},Ze),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:Ze.mimetype,path:e.file?`/imagecache/fitx1200/${e.file.type}/${e.file.id}.png?_=${e.file.dateModified?et(e.file.dateModified):Date.now()}`:void 0})))]:[];return l().useEffect((()=>{o&&"edit"===t&&r(S.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}),[o]),l().createElement(Ke,null,l().createElement(Ye,{files:a,openWithOptions:[]},(o=>{var a,c;return l().createElement(y.JRCWidgetSlider,{slides:void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:`${J.urlBase}imagecache/fitx1200/${e.file.type}/${e.file.id}.png?_=${e.file.dateModified?et(e.file.dateModified):Date.now()}`}):Object.assign(Object.assign({},e),{uri:""})))]:[],maxWidth:null!=i?i:600,useDots:null===(a=e.content.useDots)||void 0===a||a,loop:null!==(c=e.content.loop)&&void 0!==c&&c,startAt:0,onClickSlide:i=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[i];t&&t.file&&o(t.file.id)}}else r(S.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}})})),"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length?l().createElement(y.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{r(S.Wq.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}}):l().createElement(l().Fragment,null))},it=({widget:e,width:t,inplace:i=!1,mode:n="view"})=>{const{name:r}=e;switch(r){default:return l().createElement(l().Fragment,null,"cannot display widget (",r,")");case"widget-article-button":return l().createElement(Qe,{widget:e,inplace:i,mode:n});case"widget-article-gallery":return l().createElement($e,{widget:e,inplace:i,mode:n});case"widget-article-attachment":return l().createElement(Ie,{widget:e,inplace:i,mode:n});case"widget-article-image":return l().createElement(Te,{widget:e,inplace:i,mode:n,width:null!=t?t:800});case"widget-api":return l().createElement(Pe,{widget:e,inplace:i,mode:n});case"widget-article-slider":return l().createElement(tt,{widget:e,inplace:i,mode:n,width:null!=t?t:800});case"widget-article-title":return l().createElement(ze,{widget:e,inplace:i,mode:n});case"widget-article-text":return l().createElement(He,{widget:e,inplace:i,mode:n})}};var nt=i(769);const lt=c().div`
204
+ `,Ze={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},et=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},tt=({widget:e,mode:t,width:i})=>{const{uniqid:n}=e,r=(0,Xe.TL)(),o=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,n)),f.shallowEqual),a=e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},Ze),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:Ze.mimetype,path:e.file?`/imagecache/fitx1200/${e.file.type}/${e.file.id}.png?_=${e.file.dateModified?et(e.file.dateModified):Date.now()}`:void 0})))]:[];return l().useEffect((()=>{o&&"edit"===t&&r(S.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}),[o]),l().createElement(Ke,null,l().createElement(Ye,{files:a,openWithOptions:[]},(o=>{var a,c;return l().createElement(y.JRCWidgetSlider,{slides:void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:`${J.urlBase}imagecache/fitx1200/${e.file.type}/${e.file.id}.png?_=${e.file.dateModified?et(e.file.dateModified):Date.now()}`}):Object.assign(Object.assign({},e),{uri:""})))]:[],maxWidth:null!=i?i:600,useDots:null===(a=e.content.useDots)||void 0===a||a,loop:null!==(c=e.content.loop)&&void 0!==c&&c,startAt:0,onClickSlide:i=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[i];t&&t.file&&o(t.file.id)}}else r(S.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}})})),"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length?l().createElement(y.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{r(S.Wq.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}}):l().createElement(l().Fragment,null))},it=({widget:e,width:t,inplace:i=!1,mode:n="view"})=>{const{name:r}=e;switch(r){default:return l().createElement(l().Fragment,null,"cannot display widget (",r,")");case"widget-article-button":return l().createElement(Qe,{widget:e,inplace:i,mode:n});case"widget-article-gallery":return l().createElement($e,{widget:e,inplace:i,mode:n});case"widget-article-attachment":return l().createElement(Ie,{widget:e,inplace:i,mode:n});case"widget-article-image":return l().createElement(Te,{widget:e,inplace:i,mode:n,width:null!=t?t:800});case"widget-api":return l().createElement(Pe,{widget:e,inplace:i,mode:n});case"widget-article-slider":return l().createElement(tt,{widget:e,inplace:i,mode:n,width:null!=t?t:800});case"widget-article-title":return l().createElement(Je,{widget:e,inplace:i,mode:n});case"widget-article-text":return l().createElement(He,{widget:e,inplace:i,mode:n})}};var nt=i(769);const lt=c().div`
205
205
  position: absolute;
206
206
  inset: 0;
207
207
  opacity: ${e=>e.opacity};