jamespot-react-core 1.1.140 → 1.1.142

package/build/624.bundle.js

@@ -0,0 +1,322 @@
+"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[624],{624:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>Ct,CommentsBloc:()=>$e,DisplayForm:()=>Mt,EditorsPortal:()=>wt,Empty:()=>Ie,JRCInputTinyMCEWithExt:()=>kt,JRCInputTinyMCEWithExtRaw:()=>qt,TwoColLayout:()=>Fe,WidgetList:()=>L,WidgetWrapperCore:()=>qe});var n=i(888),l=i(298),o=i(210),r=i(6),a=i.n(r),c=i(363),s=i.n(c),d=i(181),u=i(855),m=i(754),g=i.n(m);const p=g().div`
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 10px;
+    justify-content: center;
+`,f=g().div`
+    border: 1px solid ${e=>e.theme.color.grey2};
+    border-radius: 8px;
+    cursor: pointer;
+    padding: 12px;
+    position: relative;
+    opacity: ${e=>e.available?"1":".4"};
+    pointer-events: ${e=>e.available?"all":"none"};
+
+    .show-on-hover {
+        position: absolute;
+        inset: 0;
+        border-radius: 8px;
+        justify-content: center;
+        align-items: center;
+        display: flex;
+        opacity: 0;
+        background-color: #ffffffe6;
+    }
+
+    &:hover {
+        .show-on-hover {
+            opacity: 1;
+        }
+    }
+`,E=g().div`
+    border: 2px solid ${e=>e.theme.color.primary};
+    height: ${e=>e.open?"320":"54"}px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: top;
+    flex-direction: column;
+    transition: height 0.4s;
+    overflow: hidden;
+    flex-direction: column;
+`,v=g().div`
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 10px;
+`,y=g().div`
+    min-height: 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    color: ${e=>e.theme.color.primary};
+    &:hover {
+        background-color: ${e=>e.theme.color.grey0};
+    }
+`,h=g().button`
+    height: 72px;
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    gap: 10px;
+    width: 40%;
+    border: 1px solid ${e=>e.theme.color.grey2};
+    border-radius: 8px;
+    transition: opacity 0.4s ease ${e=>40*e.index}ms;
+    opacity: ${e=>e.open?1:0};
+    img {
+        width: 40px;
+    }
+    ${e=>e.full&&"flex: 1"}
+`,w=g().div`
+    display: flex;
+    flex-direction: ${e=>"row"===e.direction?"row":"column"};
+    align-items: ${e=>"row"===e.direction?"center":"flex-start"};
+    justify-content: ${e=>"row"===e.direction?"flex-start":"center"};
+    flex: 1;
+    ${e=>e.gap&&`gap:${e.gap}px`}
+`,x=n.default.registry.getLazyComponent("Button"),b=n.default.registry.getLazyComponent("ModalLayout"),C=n.default.registry.getLazyComponent("ModalContent"),k=n.default.registry.getLazyComponent("Tooltip"),q=n.default.registry.getLazyComponent("IconButton"),L=({mode:e,view:t,children:i,namespace:n="default",onChange:o})=>{const[r,a]=s().useState(!1),c=function(e){switch(e){case"widget-article-image":return[l.$L.definition("widget-article-title"),l.$L.definition("widget-article-button")];case"comment":return[l.$L.definition("widget-check-list")];default:return[l.$L.definition("widget-article-title"),l.$L.definition("widget-article-text"),l.$L.definition("widget-article-image"),l.$L.definition("widget-article-button"),l.$L.definition("widget-article-slider"),l.$L.definition("widget-article-attachment")]}}(n),u=(0,d.useIntl)(),m={open:r,portalId:"react-modal",variant:"full-height",closeHandler:()=>a(!1)},g=e=>{o(l.$L.factory(e)),a(!1)};return s().createElement(s().Fragment,null,s().createElement(b,Object.assign({},m),s().createElement(C,{onClickIconClose:m.closeHandler,buttons:"comment"===e?[{children:s().createElement(d.FormattedMessage,{id:"GLOBAL_Close"}),color:"cancel",clickHandler:()=>a(!1)}]:void 0,title:"widget builder"},"comment"===e?s().createElement(v,null,c.map(((e,t)=>s().createElement(h,{key:e.name,open:!0,full:!0,index:t,onClick:()=>g(e.name)},s().createElement(w,{direction:"row",gap:12},s().createElement("img",{src:e.img}),s().createElement(w,{direction:"column"},s().createElement("h3",null,u.formatMessage({id:e.label})),s().createElement("p",null,u.formatMessage({id:e.description})))))))):s().createElement(p,null,c.map(((e,t)=>s().createElement(f,{key:t,onClick:()=>g(e.name),available:e.available},s().createElement("img",{src:e.img}),s().createElement("div",{className:"show-on-hover"},u.formatMessage({id:e.label})))))))),"custom"===e&&i?s().createElement("div",{onClick:()=>a(!0)},i):s().createElement(s().Fragment,null),"button"===e&&"edit"===t?s().createElement(x,{onClick:()=>a(!0),variant:"outlined",minWidth:"100%"},u.formatMessage({id:"WIDGET_Add_Widget"})):s().createElement(s().Fragment,null),"gallery"===e&&"edit"===t?s().createElement(p,null,c.map(((e,t)=>s().createElement(f,{key:t,onClick:()=>g(e.name),available:e.available},s().createElement("img",{src:e.img}),s().createElement("div",{className:"show-on-hover"},u.formatMessage({id:e.label})))))):s().createElement(s().Fragment,null),"article"===e&&"edit"===t?s().createElement(S,{widgets:c,onClick:g}):s().createElement(s().Fragment,null),"comment"===e&&"edit"===t?s().createElement(W,{onClick:()=>{a(!0)}}):s().createElement(s().Fragment,null))},S=({widgets:e,onClick:t})=>{const[i,n]=s().useState(!1),l=(0,d.useIntl)();return s().createElement(s().Fragment,null,s().createElement(E,{open:i},s().createElement(y,{onClick:()=>n(!i)},l.formatMessage({id:"WIDGET_Add_Widget"})),s().createElement(v,null,e.map(((e,n)=>s().createElement(h,{key:e.name,open:i,index:n,onClick:()=>t(e.name)},s().createElement("img",{src:e.img}),l.formatMessage({id:e.label})))))))},W=({onClick:e})=>{const t=(0,d.useIntl)();return s().createElement(s().Fragment,null,s().createElement(k,{description:t.formatMessage({id:"COMMENT_Add_Widget"})},s().createElement(q,{bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:14,onClick:()=>{e()},icon:"icon-fs-puzzle"})))},$=g().div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    min-height: 60px;
+    align-items: center;
+`,I=({widget:e})=>{const{url:t,keys:i,order:n,orderBy:l}=e.content,[r,a]=s().useState([]);return s().useEffect((()=>{t&&function(e){return"string"==typeof e&&0!==e.length&&e.startsWith("https://")}(t)?fetch(t,{method:"POST",headers:{"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{Array.isArray(e.result)||console.warn("resposne must be an array"),a(e.result)})):console.warn(`${t} is not a valid url`)}),[t]),s().createElement($,null,s().createElement(o.JRCWidgetApi,{data:r,keys:null!=i?i:[],order:null!=n?n:"",orderBy:null!=l?l:"asc"}))},O=g().div`
+    width: 0;
+    height: 0;
+    overflow: hidden;
+`,A=({children:e,initialFiles:t,initialClick:i,multiple:n,accept:r,onUploadStart:a,onUploadEnd:c,onUploadSuccess:d})=>{const m=s().useRef(null),g=(0,u.useSelector)(l.$L.selectors.selectToken),[p,f]=s().useState(0),[E,v]=s().useState(t);return s().useEffect((()=>{var e;i&&(null===(e=m.current)||void 0===e||e.click())}),[i]),s().useEffect((()=>{t.length!==E.length&&v(t)}),[t]),s().useEffect((()=>{d(E)}),[E]),s().useEffect((()=>{0===p&&c()}),[p]),s().createElement(s().Fragment,null,s().createElement("div",{onClick:()=>{var e;i&&(null===(e=m.current)||void 0===e||e.click())}},e),s().createElement(O,null,s().createElement(o.JRCInputFileAdvancedRaw,{ref:m,id:"widget-upload-file",name:"editorFiles",content:"",accept:r,multiple:n,token:g,onUploadStart:e=>{void 0!==e&&f((t=>t+e)),"function"==typeof a&&0!==e&&a()},onUploadSuccess:e=>{void 0!==e&&(f((e=>void 0!==e?e-1:0)),v((t=>n?[...t,e]:[e])))}})))},M=n.default.registry.getLazyComponent("WidgetAttachment"),_=n.default.registry.getLazyComponent("FileViewer"),F=g().div`
+    flex: 1;
+`,T=({widget:e,inplace:t,mode:i})=>{const n=(0,d.useIntl)(),{uniqid:r}=e,{files:c}=e.content,m=(0,u.useDispatch)(),g=(0,u.useSelector)((e=>l.$L.selectors.isActive(e,r)),u.shallowEqual),p=e=>{m(l.FN.actions.error({label:null!=e?e:n.formatMessage({id:"GLOBAL_Error"})}))};s().useEffect((()=>{m(l.$L.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]);const f=(0,u.useSelector)((e=>l.Mx.selectors.selectById(e,"OnlyOfficeHook"))),E=[{label:n.formatMessage({id:"WIDGET_Open_With_Wedoc"}),onClick:e=>{e&&a().object.getAccessHash(`fileArticle/${e.id}`).then((t=>{if(""===t.result)throw new Error("result empty");const i=t.result;((e,t,i)=>{window.open(function(e,t){return`/ng/rr/file/${e}/${t}`}(e,t),void 0)})(e.id,i)})).catch((()=>{m(l.FN.actions.error({label:"WIDGET_Open_Failed"},6e3))}))}}],v=f?[{condition:e=>["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation"].includes(e.mimetype),options:E}]:[];return void 0!==c?s().createElement(F,null,"view"!==i?s().createElement(M,{files:c,onClick:()=>{},onError:p}):s().createElement(_,{files:c,openWithOptions:v},(e=>s().createElement(M,{files:c,onClick:t=>e(t),onError:p}))),t&&"view"!==i&&s().createElement(A,{initialFiles:c,initialClick:g,multiple:!0,accept:"*",onUploadSuccess:e=>{Array.isArray(e)&&m((0,l.O5)(r,{files:e}))},onUploadStart:()=>{m(l.$L.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{m(l.$L.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},"edit"===i?s().createElement(o.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Attachment_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}}):s().createElement(s().Fragment,null))):s().createElement(s().Fragment,null)},j=g().div`
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+`,D=g().div`
+    pointer-events: ${e=>e.clickable?"all":"none"};
+    cursor: pointer;
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+`,R=({widget:e,mode:t})=>{const i=(0,u.useDispatch)(),{uniqid:n}=e,{text:r,url:a,target:c,color:d,backgroundColor:m,buttonSize:g,borderRadius:p,variant:f}=e.content;return s().createElement(j,{onClick:()=>{"edit"===t&&i(l.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}},s().createElement(D,{clickable:"edit"!==t},s().createElement(o.JRCWidgetButton,{text:r,url:a,target:c,color:d,backgroundColor:m,buttonSize:g,borderRadius:p,variant:f})))},z=n.default.registry.getLazyComponent("WidgetArticleGallery"),B=n.default.registry.getLazyComponent("FileViewer"),U=g().button`
+    cursor: pointer;
+`,G=({widget:e,inplace:t,mode:i})=>{var n,r;const{uniqid:a}=e,{files:c}=e.content,d=(0,u.useDispatch)(),m=(0,u.useSelector)((e=>l.$L.selectors.isActive(e,a)),u.shallowEqual);return s().useEffect((()=>{d(l.$L.slice.actions.setWidgetState({uniqid:a,mounted:!0}))}),[]),void 0!==c?s().createElement(s().Fragment,null,"edit"===i?s().createElement(z,{files:c,maxWidth:800,gap:null!==(n=e.content.gap)&&void 0!==n?n:"10",column:null!==(r=e.content.column)&&void 0!==r?r:"3",onClick:()=>{}}):s().createElement(B,{files:c,openWithOptions:[]},(t=>{var i,n;return s().createElement(U,null,s().createElement(z,{files:c,maxWidth:600,gap:null!==(i=e.content.gap)&&void 0!==i?i:"10",column:null!==(n=e.content.column)&&void 0!==n?n:"3",onClick:e=>t(e)}))})),t&&"edit"===i?s().createElement(A,{initialFiles:c,initialClick:m,accept:"image/png, image/jpeg, image/jpg",multiple:!0,onUploadSuccess:e=>{Array.isArray(e)&&d((0,l.O5)(a,{files:e}))},onUploadStart:()=>{d(l.$L.slice.actions.setWidgetState({uniqid:a,loading:!0}))},onUploadEnd:()=>{d(l.$L.slice.actions.setWidgetState({uniqid:a,loading:!1}))}},s().createElement(o.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Gallery_Empty_Label",description:"WIDGET_Article_Gallery_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):s().createElement(s().Fragment,null)):s().createElement(s().Fragment,null)},H=n.default.registry.getLazyComponent("WidgetImage"),N=n.default.registry.getLazyComponent("FileViewer"),P=g().div`
+    position: absolute;
+    inset: 0;
+    background-color: rgba(0, 0, 0, 0.4);
+    pointer-event: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    opacity: 0;
+    color: ${e=>e.theme.color.white};
+    &:hover {
+        opacity: 1;
+    }
+`,V=g().button`
+    cursor: pointer;
+`,Q={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},K=({widget:e,width:t,inplace:i,mode:n})=>{const{uniqid:r}=e,{file:a,useFilter:c}=e.content,m=(0,u.useDispatch)(),g=(0,u.useSelector)((e=>l.$L.selectors.isActive(e,r)),u.shallowEqual),[p,f]=s().useState(void 0),E=(0,d.useIntl)();return s().useEffect((()=>{m(l.$L.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),s().useEffect((()=>{a&&f(`/imagecache/fitx1200/${a.type}/${a.id}.png?_=${a.dateModified?(e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}})(a.dateModified):Date.now()}`)}),[a]),s().createElement(s().Fragment,null,"edit"===n?void 0!==p?s().createElement(H,{maxWidth:null!=t?t:600,uri:p,useFilter:null!=c&&c}):s().createElement(s().Fragment,null):s().createElement(N,{files:[Object.assign(Object.assign({},Q),{path:p,mimetype:"image/png"})],openWithOptions:[]},(e=>s().createElement(V,{onClick:()=>e(0)},s().createElement(H,{maxWidth:null!=t?t:600,uri:p,useFilter:null!=c&&c})))),i&&"edit"===n?s().createElement(A,{initialFiles:[],initialClick:g,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{Array.isArray(e)&&void 0!==e[0]&&m((0,l.O5)(r,{file:e[0]}))},onUploadStart:()=>{m(l.$L.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{m(l.$L.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},void 0!==a?s().createElement(P,null,E.formatMessage({id:"ARTICLE_Widget_Image_Change"})):s().createElement(o.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):s().createElement(s().Fragment,null))};var X=i(5);const Y=n.default.registry.getLazyComponent("FileViewer"),Z=g().div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    min-height: 60px;
+    align-items: center;
+`,ee={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},te=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},ie=({widget:e,mode:t,width:i})=>{const{uniqid:n}=e,r=(0,X.TL)(),a=(0,u.useSelector)((e=>l.$L.selectors.isActive(e,n)),u.shallowEqual),c=e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},ee),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:ee.mimetype,path:e.file?`/imagecache/fitx1200/${e.file.type}/${e.file.id}.png?_=${e.file.dateModified?te(e.file.dateModified):Date.now()}`:void 0})))]:[];return s().useEffect((()=>{a&&"edit"===t&&r(l.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}),[a]),s().createElement(Z,null,s().createElement(Y,{files:c,openWithOptions:[]},(a=>{var c,d;return s().createElement(o.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?te(e.file.dateModified):Date.now()}`}):Object.assign(Object.assign({},e),{uri:""})))]:[],maxWidth:null!=i?i:600,useDots:null===(c=e.content.useDots)||void 0===c||c,loop:null!==(d=e.content.loop)&&void 0!==d&&d,startAt:0,onClickSlide:i=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[i];t&&t.file&&a(t.file.id)}}else r(l.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}})})),"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length?s().createElement(o.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{r(l.Wq.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}}):s().createElement(s().Fragment,null))},ne=g().div`
+    min-height: 60px;
+    cursor: text;
+`,le=({widget:e,mode:t})=>{const{uniqid:i}=e,n=(0,m.useTheme)(),{text:r,color:a,lineHeight:c,linkColor:d,fontSize:g}=e.content,p=(0,u.useDispatch)(),f=(0,u.useSelector)((e=>l.$L.selectors.isActive(e,i)),u.shallowEqual),E=(0,u.useSelector)(l.$L.selectors.selectToken),v=(0,u.useSelector)(l.zh.selectors.selectTinyMCECommonOptions);return s().createElement(ne,null,s().createElement(o.JRCWidgetArticleText,{autoFocus:f,text:null!=r?r:"",color:null!=a?a:n.color.black,lineHeight:null!=c?c:"20",linkColor:null!=d?d:n.color.primary,fontSize:null!=g?g:"20",token:"edit"===t&&void 0!==E?E:"",tinyMCECommonOptions:"edit"===t?v:void 0,mode:t,onChange:e=>{p((0,l.O5)(i,{text:e}))}}))},oe=g().div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    min-height: 60px;
+    align-items: center;
+`,re=g().div`
+    display: flex;
+    flex-direction: row;
+    border-radius: 8px;
+    overflow: hidden;
+    margin: 4px;
+    border: 1px solid ${e=>e.theme.color.grey1};
+`,ae=g().button`
+    display: flex;
+    width: 40px;
+    height: 40px;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    opacity: ${e=>e.isActive?"1.0":".8"};
+    background-color: ${e=>e.isActive?e.theme.color.grey1:e.theme.color.white};
+    &:hover {
+        background-color: ${e=>e.theme.color.grey1};
+    }
+`,ce=({widget:e,inplace:t,mode:i})=>{const{uniqid:n}=e,{text:r,color:a,heading:c}=e.content,d=(0,u.useDispatch)(),m=(0,u.useSelector)((e=>l.$L.selectors.isActive(e,n)),u.shallowEqual);return s().createElement(oe,null,s().createElement(o.JRCWidgetArticleTitle,{text:r,color:a,heading:c,autoFocus:m,inplace:t,mode:i,onChange:e=>{d((0,l.O5)(n,{text:e}))}}),m&&"edit"===i?s().createElement(se,{heading:c,onClick:e=>{d((0,l.O5)(n,{heading:e}))}}):s().createElement(s().Fragment,null))},se=({heading:e="h1",onClick:t})=>s().createElement(re,null,["h1","h2","h3","h4"].map(((i,n)=>s().createElement(ae,{key:n,isActive:e===i,onClick:()=>t(i)},i))));var de=function(e,t,i,n){return new(i||(i=Promise))((function(l,o){function r(e){try{c(n.next(e))}catch(e){o(e)}}function a(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?l(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}c((n=n.apply(e,t||[])).next())}))};const ue=J.react.registry.getLazyComponent("WidgetCheckList"),me=J.react.registry.getLazyComponent("WidgetCheckListEditor"),ge=J.react.registry.getLazyComponent("Typography"),pe=(g().div`
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    border: ${e=>e.border?`1px solid ${e.theme.color.grey2}`:"none"};
+    min-height: 24px;
+    border-radius: 4px;
+    padding: 4px 8px;
+`,g().div`
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid ${e=>e.theme.color.grey1};
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    padding: 4px;
+    margin-bottom: 8px;
+
+    div:first-child {
+        margin: 0 auto;
+    }
+    div:last-child {
+        align-self: flex-end;
+    }
+`),fe=({widget:e,commentId:t,inplace:i,mode:n,editRight:r,deleteRight:m,onRemove:g,onWidgetUpdate:p})=>{const f=(0,d.useIntl)(),{uniqid:E,content:v}=e,y=(0,u.useDispatch)(),h=(0,c.useRef)(!0),[w,x]=(0,c.useState)(),[b,C]=(0,c.useState)(!1),[k,q]=(0,c.useState)(!1),[L,S]=(0,c.useState)(null),[W,$]=(0,c.useState)({label:f.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Uri_Same_Page"}),value:"_self"}),[I,O]=(0,c.useState)(""),A=(0,u.useSelector)(l.EK.selectors.get),M=(0,u.useSelector)((e=>l.$L.selectors.selectWidgetContent(e,E))),_=()=>{const e={arr:[...(null==M?void 0:M.arr)||[],{title:f.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Add_New_Task"}),value:!1}]};y((0,l.O5)(E,e))},F=(0,c.useCallback)((()=>de(void 0,void 0,void 0,(function*(){return yield(e=>de(void 0,void 0,void 0,(function*(){var t;const i=null===(t=e.content.arr)||void 0===t?void 0:t.map((e=>de(void 0,void 0,void 0,(function*(){let t;var i;let n;if(e.id&&(t=yield(i=e.id,de(void 0,void 0,void 0,(function*(){return a().file.get(i).then((e=>e.result))})))),e.user){const{result:t}=yield a().user.get(`${e.user.type}/${e.user.id}`);n=t}return Object.assign(Object.assign(Object.assign({id:e.id||void 0,text:e.title||"",value:e.value||!1},t&&{uri:t._url?t._url:"",mimeType:t.mimetype}),e.links&&{links:e.links}),n&&{user:n})}))));return yield Promise.all(i||[])})))(e)})).then((e=>{const t=e.map((e=>{var t,i,n,l;return{text:null!==(t=e.text)&&void 0!==t?t:"",checked:null!==(i=e.value)&&void 0!==i&&i,links:null!==(n=e.links)&&void 0!==n?n:[],user:null!==(l=e.user)&&void 0!==l?l:void 0}}));return x(t),t})).catch((e=>{if(!h.current)return null;throw e}))),[v]);return(0,c.useEffect)((()=>(F(),()=>{h.current=!1})),[v]),"edit"===n?i?s().createElement(me,{widget:e,handleTitleChange:e=>{y(l.$L.slice.actions.updateWidgetWrapper({uniqid:E,title:e}))},handleItemChange:(e,t)=>{var i;const n={arr:null===(i=null==M?void 0:M.arr)||void 0===i?void 0:i.map(((i,n)=>n!==e?i:Object.assign({},t)))};y((0,l.O5)(E,n))},handleNewItem:_,handleRemoveItem:e=>{var t;const i={arr:[...null!==(t=null==M?void 0:M.arr)&&void 0!==t?t:[]].splice(e,1)};y((0,l.O5)(E,i))},handleAddUri:e=>{S(e),C(!0)},handleRemoveUri:(e,t)=>{var i;const n={arr:[...(null===(i=null==M?void 0:M.arr)||void 0===i?void 0:i.map(((i,n)=>{var l;if(n!==t)return i;const o=null===(l=i.links)||void 0===l?void 0:l.filter(((t,i)=>i!==e));return Object.assign(Object.assign({},i),{links:o})})))||[]]};y((0,l.O5)(E,n))},handleSwapItems:e=>{y((0,l.O5)(E,e))},openUriModal:b,handleCloseModal:()=>{C(!1),S(null)},currentModalID:L,selectValue:W,setSelectValue:$,newUri:I,setNewUri:O}):null:s().createElement(s().Fragment,null,w&&s().createElement("div",{key:e.uniqid,style:{width:"100%"}},s().createElement(ue,{title:e.title,limit:10,initialEntries:w,onFileClick:()=>{},onNewItem:()=>_(),onItemCheckListChange:(i,n)=>((e,i,n)=>{if(!t)return;const o={arr:null==n?void 0:n.map((e=>{var t,i;return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({title:e.text},e.id&&{id:e.id}),e.links&&{links:e.links}),e.mimetype&&{mimetypes:e.mimetype}),A&&e.checked&&{user:{id:null!==(i=null===(t=e.user)||void 0===t?void 0:t.id)&&void 0!==i?i:A.id,mainType:"user",type:"user"}}),e.checked&&{value:e.checked})}))};y((0,l.O5)(e,o)),a().widget.checkListRespond({id:t,type:"comment",idUser:null==A?void 0:A.id,uniqid:e,index:i}).then((()=>{p&&p()})).catch((e=>{var t;t=e.message,y(l.FN.actions.error({label:null!=t?t:f.formatMessage({id:"GLOBAL_Error"})}))}))})(e.uniqid,i,n)}),r&&s().createElement(pe,null,r&&s().createElement("div",null,s().createElement(ge,{size:"s"})),m&&s().createElement("div",null,s().createElement(o.JRCIconButton,{iconSize:14,onClick:()=>q(!0),icon:"icon-trash"}))),s().createElement(o.JRCModal,{buttons:[{color:"cancel",clickHandler:()=>q(!1),children:s().createElement(d.FormattedMessage,{id:"GLOBAL_Cancel"})},{color:"danger",clickHandler:()=>{y(l.$L.slice.actions.flushWidget({uniqid:E})),g&&g(E),q(!1)},children:s().createElement(d.FormattedMessage,{id:"GLOBAL_Delete"})}],open:k,closeHandler:()=>q(!1),title:f.formatMessage({id:"GLOBAL_Delete"})},f.formatMessage({id:"COMMENT_WIDGET_Delete_Widget"}))))},Ee=({widget:e,commentId:t,width:i,inplace:n=!1,mode:l="view",editRight:o,deleteRight:r,onWidgetUpdate:a,onRemove:c})=>{const{name:d}=e;switch(d){default:return s().createElement(s().Fragment,null,"cannot display widget (",d,")");case"widget-check-list":return s().createElement(fe,{widget:e,commentId:t,inplace:n,mode:l,editRight:null!=o&&o,deleteRight:null!=r&&r,onRemove:c,onWidgetUpdate:a});case"widget-article-button":return s().createElement(R,{widget:e,inplace:n,mode:l});case"widget-article-gallery":return s().createElement(G,{widget:e,inplace:n,mode:l});case"widget-article-attachment":return s().createElement(T,{widget:e,inplace:n,mode:l});case"widget-article-image":return s().createElement(K,{widget:e,inplace:n,mode:l,width:null!=i?i:800});case"widget-api":return s().createElement(I,{widget:e,inplace:n,mode:l});case"widget-article-slider":return s().createElement(ie,{widget:e,inplace:n,mode:l,width:null!=i?i:800});case"widget-article-title":return s().createElement(ce,{widget:e,inplace:n,mode:l});case"widget-article-text":return s().createElement(le,{widget:e,inplace:n,mode:l})}},ve=g().div`
+    position: absolute;
+    inset: 0;
+    opacity: ${e=>e.opacity};
+    background-color: ${e=>e.backgroundColor};
+    pointer-events: ${e=>e.pointerEvents};
+`,ye=({uniqid:e,mode:t})=>{const i=(0,u.useSelector)((t=>t.widgets.ids[e].widget.layers),u.shallowEqual);return s().createElement(s().Fragment,null,null==i?void 0:i.map(((e,t)=>s().createElement(he,{uniqid:e,key:t,mode:"edit"}))))},he=({uniqid:e,mode:t})=>{const i=(0,u.useSelector)((t=>t.widgets.layers[e]));return"view"===t?s().createElement(ve,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},i.widgets.map(((e,t)=>s().createElement(we,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):s().createElement(ve,{opacity:i.visible?1:0,backgroundColor:i.visible?"rgba(255,255,255,.1)":"transparent",pointerEvents:i.locked?"none":"all"},i.widgets.map(((e,t)=>s().createElement(we,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},we=({uniqid:e,layerId:t,mode:i})=>{const n=(0,u.useDispatch)(),r=(0,u.useSelector)((t=>t.widgets.ids[e]),u.shallowEqual),a=(0,u.useSelector)((e=>e.widgets.layers[t]));return r&&a&&a.position?"view"===i?s().createElement("div",{style:{position:"absolute",top:a.position.y,left:a.position.x}},s().createElement(Le,{uniqid:e,widget:r,mode:i,inplace:!0})):s().createElement(xe,{position:{x:a.position.x,y:a.position.y},onMouseUp:e=>{(a.position&&a.position.x!==e.x||a.position&&a.position.y!==e.y)&&(e=>{n(l.$L.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},s().createElement(o.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{n(l.Wq.slice.actions.registerEditor({uniqid:e,name:t}))})(r.widget.uniqid,r.widget.name)},s().createElement(Le,{uniqid:e,widget:r,mode:i,inplace:!0}))):s().createElement(s().Fragment,null)},xe=({position:e,children:t,onMouseUp:i})=>{const[n,l]=s().useState(!1),[o,r]=s().useState({x:0,y:0}),[a,c]=s().useState({x:0,y:0}),[d,u]=s().useState({x:e.x,y:e.y}),m=s().useRef(null),g=s().useCallback((e=>{if(n&&m.current){const t=a.x+(e.clientX-o.x),i=a.y+(e.clientY-o.y);u({x:t,y:i})}}),[n]),p=()=>{l(!1),i({x:d.x,y:d.y})};return s().useEffect((()=>(document.addEventListener("mousemove",g),document.addEventListener("mouseup",p),()=>{document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",p)})),[g]),s().createElement("div",{style:{position:"absolute",top:d.y,left:d.x},ref:m,onMouseDown:e=>{l(!0),m.current&&(r({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY}),c({x:d.x,y:d.y}))}},t)},be=n.default.registry.getLazyComponent("Loader"),Ce=({name:e,uniqid:t,inplace:i})=>{const n=(0,u.useSelector)((e=>l.$L.selectors.selectWidgetState(e,t))),o=l.$L.definition(e);return(null==n?void 0:n.loading)?s().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},s().createElement(be,null)):(null==n?void 0:n.hover)?s().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}}):!(null==n?void 0:n.initialized)&&i||(null==n?void 0:n.initialized)||i?s().createElement(s().Fragment,null):s().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,1)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},s().createElement("img",{src:o.img}))};var ke=i(769);const qe=({uniqid:e,commentId:t,widget:i,inplace:n=!0,mode:o,width:r,editRight:a,deleteRight:d,onWidgetUpdate:m,onRemove:g})=>{const p=(0,u.useDispatch)(),f=(0,u.useSelector)((t=>l.$L.selectors.selectWidget(t,e))),E=(0,u.useSelector)((t=>t.widgets.editableMap[e]),u.shallowEqual),v=(0,u.useSelector)((e=>e.widgets.currentEditableWidgetId),u.shallowEqual),y=(0,u.useSelector)((t=>t.widgets.currentEditableWidgetId===e),u.shallowEqual),{ref:h,isComponentVisible:w,setIsComponentVisible:x}=(0,ke.I)(!1);if((0,c.useEffect)((()=>{i&&p(l.$L.slice.actions.registerWidget({uniqid:e,widget:i}))}),[]),(0,c.useEffect)((()=>{w||e===v&&p(l.$L.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[w]),(0,c.useEffect)((()=>{w!==y&&x(y)}),[y]),void 0===f)return s().createElement(s().Fragment,null,"This widget cannot be desplayed");const b=()=>{"edit"===o?C():"widget-article-button"===f.widget.name&&"link"===f.widget.content.openingType&&f.widget.content.openingTypeLink&&window.open(f.widget.content.openingTypeLink.url,f.widget.content.openingTypeLink.target)},C=()=>{if("view"===o)return;const{widget:e}=f;p(l.Wq.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))};return n&&"view"!==o?s().createElement("div",{style:{minWidth:void 0!==r?r:"100%"},ref:h,onClick:()=>{x(!0),E&&(p(l.$L.slice.actions.setEditableIndex({index:E.index})),p(l.$L.slice.actions.setEditableWidgetId({uniqid:e})))}},s().createElement(Ee,{width:r,widget:f.widget,inplace:n,mode:o,onClick:b}),s().createElement(ye,{uniqid:e,mode:o}),s().createElement(Ce,{name:f.widget.name,uniqid:f.widget.uniqid,inplace:n})):s().createElement("div",{style:{flex:1,display:"flex",minWidth:void 0!==r?r:"100%"},onClick:C},s().createElement(Ee,{widget:Object.assign(Object.assign({},f.widget),f.title&&{title:f.title}),commentId:t,inplace:n,mode:o,width:r,onClick:b,editRight:a,deleteRight:d,onWidgetUpdate:m,onRemove:g}),s().createElement(ye,{uniqid:e,mode:o}),s().createElement(Ce,{name:f.widget.name,uniqid:f.widget.uniqid,inplace:n}))},Le=qe;var Se=function(e,t,i,n){return new(i||(i=Promise))((function(l,o){function r(e){try{c(n.next(e))}catch(e){o(e)}}function a(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?l(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}c((n=n.apply(e,t||[])).next())}))};const We=g().div`
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    flex: 1;
+    width: 100%;
+    margin-top: 10px;
+`,$e=({articleId:e})=>{var t;const i=(0,d.useIntl)(),r=(0,m.useTheme)(),g=(0,u.useDispatch)(),[p,f]=(0,c.useState)(),[E,v]=(0,c.useState)(!1),[y,h]=(0,c.useState)([]),[w,x]=(0,c.useState)(!1),b=(0,u.useSelector)(l.EK.selectors.get),C=(0,u.useSelector)(l.$L.selectors.selectWidgets),k=(0,u.useSelector)(l.zh.selectors.selectTinyMCECommonOptions),q=(0,u.useSelector)(l.Hn.selectors.selectAll),{_displayComment:S}=(0,u.useSelector)(l.By.selectors.selectFaqConfig),W=(0,u.useSelector)(l.t4.selectors.selectPlatformConfig),$=(0,u.useSelector)((e=>l.Mx.selectors.selectById(e,"OnlyOfficeHook"))),I=(0,u.useSelector)((t=>l.sv.selectors.commentList(t,e))),O=(0,u.useSelector)((e=>l.ew.selectors.selectHook(e,"DriveHook"))),A=(0,u.useSelector)((e=>l.Mx.selectors.selectById(e,"FileBankHook"))),M=(0,u.useSelector)((e=>l.ew.selectors.selectHook(e,"WidgetHook"))),_="1"===S,F=e=>{g(l.FN.actions.error({label:null!=e?e:i.formatMessage({id:"GLOBAL_Error"})}))},T=(0,c.useCallback)((t=>Se(void 0,void 0,void 0,(function*(){if(p){v(!0);const i=Object.keys(C).map((e=>(null==y?void 0:y.some((t=>t.widget.uniqid===e)))?C[e]:null)).filter((e=>null!==e));try{yield a().article.addComment(Object.assign(Object.assign({},t),{widgets:i,token:p,idArticle:e})).then((()=>{y.forEach((e=>{g(l.$L.slice.actions.flushWidget({uniqid:e.widget.uniqid}))})),h([])})),D()}catch(e){F(e.errorMsg)}finally{v(!1)}}}))),[e,p,C]),j=()=>{g(l.sv.actions.fetchComments({idArticle:e})),D()},D=(0,c.useCallback)((()=>{p||w||(x(!0),a().network.token().then((e=>{f(e.result),x(!1)})).catch((e=>{F(e.errorMsg)})))}),[p,w]);return(0,c.useEffect)((()=>{D()}),[D]),s().createElement(s().Fragment,null,k&&_&&s().createElement(s().Fragment,null,s().createElement(We,null,s().createElement(o.JRCCommentsBloc,{loading:E,token:p,comments:null==I?void 0:I.list,onComment:T,onCommentUpdate:t=>Se(void 0,void 0,void 0,(function*(){var i,n;const o=null==I?void 0:I.list.find((e=>e.id===t.idComment));if(o)return a().article.updateComment({idComment:t.idComment,description:null!==(n=null!==(i=t.description)&&void 0!==i?i:o.description)&&void 0!==n?n:void 0,token:t.token,widgets:t.widgets}).then((()=>{g(l.sv.actions.fetchComments({idArticle:e})),D()})).catch((e=>{F(e.errorMsg)}))})),onCommentDelete:e=>Se(void 0,void 0,void 0,(function*(){a().article.deleteComment(e).catch(F)})),isWidgetActive:!!((null==M?void 0:M.isActive)&&(null==M?void 0:M.create)&&(null===(t=null==M?void 0:M.autorize)||void 0===t?void 0:t.includes("comment"))),widgetListComponent:s().createElement(L,{mode:"comment",namespace:"comment",onChange:e=>{h([...y,e]),g(l.$L.slice.actions.registerWidget({uniqid:e.widget.uniqid,widget:e}))},view:"edit"}),newWidgetsWrapperComponent:s().createElement(s().Fragment,null,y.map((e=>e&&s().createElement("div",{key:e.widget.uniqid},s().createElement(Le,{uniqid:e.widget.uniqid,widget:e,inplace:!0,mode:"edit"}))))),existingWidgetsWrapperComponent:(t,i,n=!0,o,r=!1,c=!1)=>s().createElement(s().Fragment,null,null==t?void 0:t.map((t=>t&&s().createElement("div",{key:t.widget.uniqid},s().createElement(Le,{uniqid:t.widget.uniqid,commentId:o,widget:t,inplace:n,mode:i,editRight:r,deleteRight:c,onWidgetUpdate:j,onRemove:t=>{a().widget.removeWidget({id:o,type:"comment",uniqid:t}).then((()=>{g(l.sv.actions.fetchComments({idArticle:e})),D()})).catch((e=>{F(e.errorMsg)}))}}))))),currentUser:b,tinyMCEConfig:{commonOptions:k,mentionsQueries:(0,n.getTinyMCEMentionsQueries)(q,r,F)},onError:F,highlightFields:W.userHighlightFields,userAccountStatus:W.userAccountStatus,userModel:q.find((e=>"user"===e.type)),isWedocActive:!!$,onGetHashError:e=>g(l.FN.actions.error({label:null!=e?e:i.formatMessage({id:"GLOBAL_Error"})})),activeDrives:J.debug.UploadFromDrives?[...A&&O?["fileBank"]:[],...l.ew.utils.buildDrivesArrayFromObject(null==O?void 0:O.drives)]:[],socialActionAdd:({targetId:e,targetType:t,type:i})=>a().socialAction.add({targetType:t,targetId:e,type:i}),deleteFile:e=>Se(void 0,void 0,void 0,(function*(){p&&(yield a().file.deleteFile(e,"attachment",p))})),fetchUser:e=>a().user.get(e),fetchUserFields:(e,t)=>a().user.getFields(e,t),fetchSocialActionUserList:({targetId:e,targetType:t,type:i})=>a().socialAction.getUsers({targetType:t,targetId:e,type:i}),removeLike:({targetId:e,targetType:t,type:i})=>a().socialAction.remove({targetType:t,targetId:e,type:i})}))))},Ie=()=>c.createElement(c.Fragment,null);var Oe=i(248);const Ae=n.default.registry.getLazyComponent("Container"),Me=n.default.registry.getLazyComponent("AppColumn"),_e=n.default.registry.getLazyComponent("MainColumn");function Fe({extensionRoute:e,routes:t,description:i,mode:n="center"}){var l;const o=(0,d.useIntl)(),{pathname:r}=(0,Oe.useLocation)(),a=Object.values(t),[s,u]=c.useState(null===(l=null==a?void 0:a[0])||void 0===l?void 0:l.key),m=a.map((t=>Object.assign(Object.assign({},t),{label:o.formatMessage({id:t.label}),href:t.absolutePath?t.path:`/ng/rr/${e}/${t.path}`,group:t.group?o.formatMessage({id:t.group}):void 0})));return c.useEffect((()=>{const t=a.find((t=>r===`/ng/rr/${e}/${t.path}`));t&&u(t.key)}),[r,a]),c.createElement(c.Suspense,{fallback:c.createElement(c.Fragment,null)},c.createElement(Ae,{mode:n},c.createElement(Me,{mode:n,description:i,tabs:m,activeTab:s||""}),c.createElement(_e,{mode:n},c.createElement(Oe.Outlet,null))))}g().div`
+    margin-bottom: 24px;
+`,g().div`
+    margin-bottom: 4px;
+`;const Te=g().div`
+    position: absolute;
+    background-color: ${e=>e.isActive?"rgba(0,0,0,.1)":"transparent"};
+    inset: 0;
+    pointer-events: ${e=>e.isActive?"all":"none"};
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+`,je=g().div`
+    flex-direction: row;
+    display: flex;
+    min-height: 60px;
+    border-bottom: 1px solid ${e=>e.theme.color.grey2};
+`,De=g().div`
+    width: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,Re=g().div`
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,ze=g().div`
+    position: absolute;
+    top: 90px;
+    right: ${e=>e.visible?"0":"-1000"}px;
+    width: ${440}px;
+    bottom: 0;
+    display: flex;
+    background-color: ${e=>e.theme.color.white};
+    flex-direction: row;
+    transition: all 0.4s;
+    box-shadow: -1px 1px 10px 0px rgb(0 0 0 / 20%);
+`,Je=g().div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    padding: 12px;
+    overflow: auto;
+    margin-bottom: 12px;
+`,Be=g().div`
+    width: ${50}px;
+    padding-top: 60px;
+    display: flex;
+    flex-direction: column;
+    border-right: 1px solid ${e=>e.theme.color.grey2};
+`,Ue=g().button`
+    border-radius: 4px;
+    cursor: pointer;
+    height: 42px;
+    margin: 4px;
+    width: 42px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${e=>e.isActive?e.theme.color.grey1:e.theme.color.white};
+    &:hover {
+        background-color: ${e=>e.theme.color.grey1};
+    }
+`,Ge=(g().div`
+    display: flex;
+    border: 1px solid ${e=>e.theme.color.grey1};
+    border-radius: ${8}px;
+    margin-bottom: 24px;
+    input {
+        width: 100%;
+        border: 0;
+        height: ${50}px;
+        margin: 0;
+    }
+`,g().div`
+    display: flex;
+    flex-direction: row;
+    padding: 12px;
+    background-color: ${e=>e.theme.color.grey0};
+    border-radius: 8px;
+    margin-bottom: 4px;
+`),He=g().div`
+    display: flex;
+    flex: 1;
+    align-items: center;
+`,Ne=g().div`
+    width: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`,Pe=(g().div`
+    flex-direction: row;
+    display: flex;
+    align-items: center;
+`,g().div`
+    flex: 1;
+    display: flex;
+    align-items: center;
+`,({uniqid:e})=>{const t=(0,u.useDispatch)(),i=(0,u.useSelector)((t=>l.Wq.selectors.selectEditor(t,e)));return i&&i.popup&&i.view?s().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},s().createElement(je,null,s().createElement(De,null),s().createElement(Re,null,"Popup"),s().createElement(De,null,s().createElement(Ue,{onClick:()=>{t(l.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},s().createElement(o.JRCIcon,{name:"icon-times",color:"grey2"})))),s().createElement("div",{style:{flex:1,display:"flex"}},i.view),s().createElement(je,null,s().createElement(o.JRCButton,{onClick:()=>{t(l.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):s().createElement(s().Fragment,null)});const Ve=n.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Qe=n.default.registry.getLazyComponent("WidgetArticleTextEditor"),Ke=n.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Xe=n.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),Ye=n.default.registry.getLazyComponent("WidgetArticleSliderEditor"),Ze=n.default.registry.getLazyComponent("WidgetArticleImageEditor"),et=n.default.registry.getLazyComponent("WidgetButtonEditor"),tt=n.default.registry.getLazyComponent("WidgetApiEditor"),it=({uniqid:e})=>{var t,i,n,o,r,a;const c=(0,u.useDispatch)(),d=(0,u.useSelector)(l.$L.selectors.selectToken),m=(0,u.useSelector)((t=>l.$L.selectors.selectWidget(t,e))),g=t=>{m&&c(l.$L.slice.actions.updateWidget({uniqid:e,content:t})),c(l.Wq.slice.actions.flushEditor({uniqid:e}))},p=(t,i)=>{c(void 0!==i?l.$L.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):l.$L.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},f=t=>{c(l.Wq.slice.actions.registerEditorPopup({uniqid:e,view:t}))};switch(null==m?void 0:m.widget.name){default:return s().createElement(s().Fragment,null,"cannot display editor");case"widget-article-button":return s().createElement(s().Fragment,null,s().createElement(et,Object.assign({},m.widget.content,{onChange:t=>{c((0,l.O5)(e,t,!1))},onSave:()=>g({})})));case"widget-article-attachment":return s().createElement(Xe,{token:d,content:m.widget.content,onChange:t=>c((0,l.O5)(e,t,!1)),onSave:g,onStateChange:p,onOpen:f});case"widget-article-gallery":return s().createElement(Ke,{token:d,content:m.widget.content,onChange:t=>c((0,l.O5)(e,t,!1)),onSave:g,onStateChange:p});case"widget-article-text":return s().createElement(Qe,{onChange:t=>c((0,l.O5)(e,t,!1)),onSave:g,content:m.widget.content});case"widget-article-image":return s().createElement(Ze,{content:m.widget.content,token:d,onChange:t=>c((0,l.O5)(e,t,!1)),onSave:g,onStateChange:p});case"widget-api":return s().createElement(tt,{onChange:t=>c((0,l.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,o){function r(e){try{c(l.next(e))}catch(e){o(e)}}function a(e){try{c(l.throw(e))}catch(e){o(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(r,a)}c((l=l.apply(t,i||[])).next())}));var t,i,n,l},initialUrl:null!==(t=m.widget.content.url)&&void 0!==t?t:"",order:null!==(i=m.widget.content.order)&&void 0!==i?i:"",orderBy:null!==(n=m.widget.content.orderBy)&&void 0!==n?n:"asc"});case"widget-article-title":return s().createElement(Ve,{onChange:t=>{c((0,l.O5)(e,t,!1))},onSave:g,content:m.widget.content,onOpen:f});case"widget-article-slider":return void 0!==d?s().createElement(Ye,{slides:null!==(o=m.widget.content.slides)&&void 0!==o?o:[],loop:null!==(r=m.widget.content.loop)&&void 0!==r&&r,useDots:null===(a=m.widget.content.useDots)||void 0===a||a,onChange:t=>{c((0,l.O5)(e,t,!1))},token:d,onSave:g}):s().createElement(s().Fragment,null,"Token is mandatory")}},nt=({uniqid:e})=>{const t=(0,u.useDispatch)(),i=(0,d.useIntl)(),n=(0,u.useSelector)((t=>l.$L.selectors.selectWidgetContent(t,e)));return s().createElement("div",{style:{flex:1}},s().createElement(lt,{uniqid:e}),n&&n.widgets?n.widgets.map(((r,a)=>{const c=l.$L.definition(r.widget.name);return s().createElement("div",{key:a},s().createElement(Ge,null,s().createElement(He,{onClick:()=>((e,i)=>{t(l.Wq.slice.actions.registerEditor({uniqid:e,name:i}))})(r.widget.uniqid,r.widget.name)},i.formatMessage({id:c.label})),s().createElement(Ne,{onClick:()=>{n.widgets&&t(l.$L.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},n),{widgets:[...n.widgets.filter(((e,t)=>t!==a))]})}))}},s().createElement(o.JRCIcon,{name:"icon-trash"}))))})):s().createElement(s().Fragment,null))},lt=({uniqid:e})=>{const t=(0,u.useDispatch)(),i=(0,u.useSelector)((t=>t.widgets.ids[e].widget.layers),u.shallowEqual);return s().createElement(s().Fragment,null,s().createElement(o.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>s().createElement(ct,{uniqid:e,key:t}),elms:i||[]}),s().createElement(L,{namespace:"default",onChange:i=>{t(l.$L.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},ot=({uniqid:e})=>{const t=(0,u.useDispatch)(),i=(0,u.useSelector)((t=>t.widgets.layers[e]));return s().createElement("div",{onClick:()=>{t(l.$L.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},s().createElement(o.JRCIcon,{name:i.locked?"icon-lock":"icon-unlock"}))},rt=({uniqid:e})=>{const t=(0,u.useDispatch)(),i=(0,u.useSelector)((t=>t.widgets.layers[e]));return s().createElement("div",{onClick:()=>{t(l.$L.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},s().createElement(o.JRCIcon,{name:i.visible?"icon-eye":"icon-eye-slash"}))},at=({uniqid:e,layerId:t})=>{const i=(0,u.useDispatch)();return s().createElement("div",{onClick:()=>{i(l.$L.slice.actions.flushLayer({uniqid:e,layerId:t}))}},s().createElement(o.JRCIcon,{name:"icon-trash"}))},ct=({uniqid:e})=>{const t=(0,u.useSelector)((t=>t.widgets.layers[e]));return s().createElement(s().Fragment,null,t.title,t.widgets.map(((i,n)=>{const o=l.$L.definition(i.widget.name);return s().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},s().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),s().createElement(ot,{uniqid:e}),s().createElement(rt,{uniqid:e}),s().createElement(at,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))};var st=i(230);const dt=n.default.registry.getLazyComponent("Button"),ut=({uniqid:e})=>{const t=(0,d.useIntl)(),i=(0,u.useDispatch)(),n=(0,u.useSelector)((t=>l.$L.selectors.selectWidget(t,e))),[r,a]=s().useState(null==n?void 0:n.title),{control:c,watch:m}=(0,st.useForm)({defaultValues:{text:null!=r?r:""},criteriaMode:"all"});return s().useEffect((()=>{const e=m((e=>{a(e.text)}));return()=>e.unsubscribe()}),[m]),n?s().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},s().createElement(o.JRCInputText,{name:"text",control:c,placeholder:t.formatMessage({id:"EDITOR_Widget_Wrapper_Title"})}),s().createElement(dt,{onClick:()=>{void 0!==r&&(i(l.$L.slice.actions.updateWidgetWrapper({uniqid:e,title:r})),i(l.Wq.slice.actions.flushEditor({uniqid:e})))},variant:"outlined",minWidth:"100%"},t.formatMessage({id:"EDITOR_Save_Widget"}))):s().createElement(s().Fragment,null,"No wrapper")},mt=n.default.registry.getLazyComponent("Icon"),gt=({uniqid:e})=>{const t=(0,d.useIntl)(),i=(0,u.useDispatch)(),n=(0,u.useSelector)((t=>l.Wq.selectors.selectEditor(t,e))),o=l.$L.definition(null==n?void 0:n.name),[r,a]=s().useState(!1),[c,m]=s().useState("default");return s().useEffect((()=>{setTimeout((()=>{a(!0)}),0)})),n?s().createElement("div",{style:{width:440,position:"relative"}},s().createElement(ze,{visible:r},s().createElement(Be,null,o.panel.useWrapper?s().createElement(Ue,{isActive:"wrapper"===c,onClick:()=>m("wrapper")},s().createElement(mt,{name:"icon-font",color:"grey2"})):s().createElement(s().Fragment,null),o.panel.useEditor?s().createElement(Ue,{isActive:"default"===c,onClick:()=>m("default")},s().createElement(mt,{name:"icon-pen",color:"grey2"})):s().createElement(s().Fragment,null),o.panel.useWidgets?s().createElement(ft,{uniqid:e},s().createElement(Ue,{isActive:"widgets"===c,onClick:()=>m("widgets")},s().createElement(mt,{name:"icon-sliders",color:"grey2"}))):s().createElement(s().Fragment,null)),s().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},s().createElement(je,null,s().createElement(pt,{uniqid:e,position:n.position}),s().createElement(Re,null,t.formatMessage({id:o.label})),s().createElement(De,null,s().createElement(Ue,{onClick:()=>{i(l.Wq.slice.actions.flushEditor({uniqid:e}))}},s().createElement(mt,{name:"icon-times",color:"grey2"})))),s().createElement(Je,null,"default"===c&&o.panel.useEditor?s().createElement(it,{uniqid:n.uniqid}):s().createElement(s().Fragment,null),"wrapper"===c&&o.panel.useWrapper?s().createElement(ut,{uniqid:n.uniqid}):s().createElement(s().Fragment,null),"widgets"===c&&o.panel.useWidgets?s().createElement(nt,{uniqid:e,namespace:o.name}):s().createElement(s().Fragment,null)))),(null==n?void 0:n.popup)?s().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):s().createElement(s().Fragment,null)):s().createElement(s().Fragment,null)},pt=({uniqid:e,position:t})=>{const i=(0,u.useDispatch)();return s().createElement(De,null,s().createElement(Ue,{onClick:()=>{i(l.Wq.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},s().createElement(mt,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},ft=({uniqid:e,children:t})=>{const i=(0,u.useSelector)((t=>l.$L.selectors.selectWidgetState(t,e)));return(null==i?void 0:i.initialized)?t:s().createElement(s().Fragment,null)},Et=g().div`
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    z-index: 100;
+`,vt=g().div`
+    flex: 1;
+    display: flex;
+    margintop: ${90}px;
+    pointer-events: ${e=>e.isActive?"all":"none"};
+`,yt=g().div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    pointer-events: none;
+`,ht=g().div`
+    width: ${440}px;
+    pointer-events: none;
+`,wt=()=>{const e=(0,u.useSelector)(l.Wq.selectors.selectEditors);return s().createElement(Et,null,e.map(((e,t)=>"left"===e.position?s().createElement(Te,{isActive:!1,key:t},s().createElement(yt,null,s().createElement(gt,{uniqid:e.uniqid}),s().createElement(vt,{isActive:void 0!==e.popup},s().createElement(Pe,{uniqid:e.uniqid})),s().createElement(ht,null))):s().createElement(Te,{isActive:!1,key:t},s().createElement(yt,null,s().createElement(ht,null),s().createElement(vt,{isActive:void 0!==e.popup},s().createElement(Pe,{uniqid:e.uniqid})),s().createElement(gt,{uniqid:e.uniqid}))))))},xt=()=>{const[e,t]=(0,c.useState)(),i=(0,d.useIntl)(),n=(0,c.useCallback)((e=>{t(Object.assign(Object.assign({},e),{reject:i=>{e.reject(i),t(void 0)},resolve:i=>{e.resolve(i),t(void 0)}}))}),[]),l=(0,c.useMemo)((()=>({develop:e=>new Promise(((t,i)=>{n({reject:i,resolve:t,text:e,capability:"develop"})})),summarize:e=>new Promise(((t,i)=>{n({reject:i,resolve:t,text:e,capability:"summarize"})})),tldr:e=>new Promise(((t,i)=>{n({reject:i,resolve:t,text:e,capability:"tldr"})}))})),[]);return[e,(0,c.useMemo)((()=>o.JTinyMCEExtensionsBuilders.jia(l,i)),[])]},bt={response:void 0,loading:!0,error:void 0},Ct=({query:e})=>{const t=(0,d.useIntl)(),[i,n]=(0,c.useState)(bt),l=(0,c.useCallback)((e=>{n(bt),a().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void n({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;n({error:void 0,loading:!1,response:i})})).catch((e=>{n({error:t.formatMessage({id:"JIA_ERROR_AI_CALL"}),loading:!1,response:void 0})}))}),[]);return(0,c.useEffect)((()=>{e&&e.text.trim().length>0&&l(e)}),[e]),s().createElement(o.JRCModal,{zIndex:50010,open:!!e,closeHandler:()=>{null==e||e.reject()},buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&l(e)}},{children:t.formatMessage({id:"GLOBAL_Validation"}),clickHandler:()=>i.response&&(null==e?void 0:e.resolve(i.response))},{children:t.formatMessage({id:"GLOBAL_Cancel"}),clickHandler:()=>null==e?void 0:e.reject()}]},i.loading&&s().createElement(s().Fragment,null,s().createElement(o.JRCLoader,null),s().createElement(o.JRCTypography,{align:"center"},t.formatMessage({id:"JIA_WAITING_WARNIG"}))),!i.loading&&i.error&&s().createElement("p",null,i.error),!i.loading&&i.response&&s().createElement("p",null,i.response))},kt=e=>{const t=(0,d.useIntl)(),i=(0,u.useDispatch)(),r=(0,m.useTheme)(),a=(0,u.useSelector)(l.Hn.selectors.selectAll),[g,p]=xt(),f=(0,c.useMemo)((()=>{var e,t;return(null===(t=null===(e=J.hooks)||void 0===e?void 0:e.JIAHook)||void 0===t?void 0:t.isActive)&&J.debug.JIABETA}),[]),E=(0,c.useMemo)((()=>f?[p]:[]),[p,f]),v=(0,c.useCallback)((e=>{i(l.FN.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[]),y=(0,c.useMemo)((()=>(0,n.getTinyMCEMentionsQueries)(a,r,v)),[]),h=(0,c.useMemo)((()=>n.default.tinymceCommonOptions),[n.default.tinymceCommonOptions]);return s().createElement(s().Fragment,null,h&&s().createElement(o.JRCInputTinyMCE,Object.assign({commonOptions:h,additionalExtensions:E,mentionsQueries:y},e)),s().createElement(Ct,{query:g}))},qt=e=>{const t=(0,d.useIntl)(),i=(0,u.useDispatch)(),r=(0,m.useTheme)(),a=(0,u.useSelector)(l.Hn.selectors.selectAll),[g,p]=xt(),f=(0,c.useMemo)((()=>{var e,t;return(null===(t=null===(e=J.hooks)||void 0===e?void 0:e.JIAHook)||void 0===t?void 0:t.isActive)&&J.debug.JIABETA}),[]),E=(0,c.useMemo)((()=>f?[p]:[]),[p,f]),v=(0,c.useCallback)((e=>{i(l.FN.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[]),y=(0,c.useMemo)((()=>(0,n.getTinyMCEMentionsQueries)(a,r,v)),[]),h=(0,c.useMemo)((()=>n.default.tinymceCommonOptions),[n.default.tinymceCommonOptions]);return s().createElement(s().Fragment,null,h&&s().createElement(o.JRCInputTinyMCERaw,Object.assign({commonOptions:h,additionalExtensions:E,mentionsQueries:y},e)),s().createElement(Ct,{query:g}))};var Lt=i(603),St=function(e,t){var i={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(i[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(n=Object.getOwnPropertySymbols(e);l<n.length;l++)t.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(e,n[l])&&(i[n[l]]=e[n[l]])}return i};const Wt=m.css`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+`,$t=g().div`
+    ${({stretch:e})=>e&&Wt}
+`,It=g().form`
+    ${({stretch:e})=>e&&Wt}
+`,Ot=c.forwardRef(((e,t)=>e.onSubmit?c.createElement(It,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):c.createElement($t,{stretch:e.stretch,ref:t},e.children))),At=g().div`
+    ${e=>e.stretch&&"\n    flex: 1;\n"}
+`,Mt=c.forwardRef(((e,t)=>{const i=c.useRef(null),[n,l]=(0,Lt.GF)(e.fields,e.type),o=(0,st.useForm)({defaultValues:Object.assign(Object.assign({},l),e.defaultValues),criteriaMode:"all"}),{handleSubmit:r,control:a,reset:s}=o,d=St(o,["handleSubmit","control","reset"]);return c.useImperativeHandle(t,(()=>Object.assign(Object.assign({},d),{handleSubmit:r,control:a,reset:()=>{var e;null===(e=null==i?void 0:i.current)||void 0===e||e.scrollTo(0,0),s()}})),[]),c.createElement(Ot,{stretch:e.stretch,onSubmit:e.onSubmit?r(e.onSubmit):void 0,ref:i},c.createElement(At,{stretch:e.stretch},n.map((t=>{var{Input:i}=t,n=St(t,["Input"]);return c.createElement(i,Object.assign({key:n.name,control:a},n,{dataCy:`${e.dataCy}-${n.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(a)),e.buttons)}))}}]);
+//# sourceMappingURL=624.bundle.js.map