jamespot-react-core 1.1.169 → 1.1.170

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.
@@ -1,4 +1,4 @@
1
- "use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[241],{241:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>I,Audience:()=>w,Avatar:()=>p,CommentsBloc:()=>oi,DisplayForm:()=>gi,EditorsPortal:()=>gn,Empty:()=>pn,JRCInputTinyMCEWithExt:()=>En,JRCInputTinyMCEWithExtRaw:()=>vn,ModalAudience:()=>wn,TwoColLayout:()=>Ln,WidgetList:()=>X,WidgetWrapperCore:()=>Xt});var n=i(594),l=i.n(n),o=i(196),r=i.n(o),a=i(493),s=i(904),c=i(580),d=i(704),u=i(595);const m=u.default.registry.getLazyComponent("JRCAvatar"),g=u.default.registry.getLazyComponent("Icon"),p=e=>{var t;const i=(0,o.useTheme)(),n=(0,d.useSelector)(c.Bx.selectors.selectNetworkPublic);return e.uri===(null==n?void 0:n.uri)?l().createElement(g,{name:"icon-fs-wall",size:8*(null!==(t=e.size)&&void 0!==t?t:3),color:i.color.primary,variant:"circle"}):l().createElement(m,Object.assign({},e))},f=u.default.registry.getLazyComponent("FlexBox"),y=u.default.registry.getLazyComponent("ModalContent"),E=u.default.registry.getLazyComponent("ModalLayout"),h=u.default.registry.getLazyComponent("StyledHref"),v=u.default.registry.getLazyComponent("Tooltip"),b=u.default.registry.getLazyComponent("Typography"),x=r().div`
1
+ "use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[823],{823:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>I,Audience:()=>w,Avatar:()=>p,CommentsBloc:()=>oi,DisplayForm:()=>gi,EditorsPortal:()=>gn,Empty:()=>pn,JRCInputTinyMCEWithExt:()=>yn,JRCInputTinyMCEWithExtRaw:()=>vn,ModalAudience:()=>wn,TwoColLayout:()=>Ln,WidgetList:()=>X,WidgetWrapperCore:()=>Qt});var n=i(594),l=i.n(n),o=i(196),r=i.n(o),a=i(493),s=i(947),c=i(733),d=i(704),u=i(595);const m=u.default.registry.getLazyComponent("JRCAvatar"),g=u.default.registry.getLazyComponent("Icon"),p=e=>{var t;const i=(0,o.useTheme)(),n=(0,d.useSelector)(c.Bx.selectors.selectNetworkPublic);return e.uri===(null==n?void 0:n.uri)?l().createElement(g,{name:"icon-fs-wall",size:8*(null!==(t=e.size)&&void 0!==t?t:3),color:i.color.primary,variant:"circle"}):l().createElement(m,Object.assign({},e))},f=u.default.registry.getLazyComponent("FlexBox"),E=u.default.registry.getLazyComponent("ModalContent"),y=u.default.registry.getLazyComponent("ModalLayout"),h=u.default.registry.getLazyComponent("StyledHref"),v=u.default.registry.getLazyComponent("Tooltip"),b=u.default.registry.getLazyComponent("Typography"),x=r().div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: 12px;
@@ -17,9 +17,9 @@
17
17
  border: 4px solid ${e=>e.theme.color.white};
18
18
  margin-left: ${e=>e.overlap?"-18px":"0"};
19
19
  cursor: pointer;
20
- `,w=({audience:e,limit:t=2})=>{const i=(0,a.useIntl)(),r=(0,o.useTheme)(),[c,d]=(0,n.useState)(!1);return l().createElement(l().Fragment,null,l().createElement(f,null,[...e].splice(0,t).map(((e,t)=>l().createElement(C,{overlap:0!==t,href:e._url,target:"_blank",key:e.id},l().createElement(v,{description:void 0===e.title?" ":e.title,position:"left"},l().createElement(p,{uri:e.uri,size:4,variant:"circle",alt:"image",timestamp:e.dateModified?s.Utils.date.strToTimestamp(e.dateModified):void 0,focusable:!0}))))),e.length>t&&l().createElement(C,{onClick:()=>d(!0),overlap:!0},"+",e.length-t)),e.length>t&&l().createElement(E,{closeHandler:()=>d(!1),enableClickAwayCloseModal:!0,open:c,variant:"fixed-height",maxHeight:"800px"},l().createElement(y,{title:i.formatMessage({id:"GLOBAL_Audience"}),overflow:"scroll",onClickIconClose:()=>d(!1)},l().createElement(x,null,e.map(((e,t)=>l().createElement(f,{key:`audience-${t}`,y:"center",gap:r.space.l},l().createElement(p,{size:5,uri:`${e.type}/${e.id}`}),l().createElement(h,{href:`${e.type}/${e.id}`},l().createElement(b,null,e.title)))))))))};var k=i(833),W=i.n(k);const q=u.default.registry.getLazyComponent("Loader"),S=u.default.registry.getLazyComponent("ModalContent"),L=u.default.registry.getLazyComponent("ModalLayout"),T=u.default.registry.getLazyComponent("Typography"),M=r().div`
20
+ `,w=({audience:e,limit:t=2})=>{const i=(0,a.useIntl)(),r=(0,o.useTheme)(),[c,d]=(0,n.useState)(!1);return l().createElement(l().Fragment,null,l().createElement(f,null,[...e].splice(0,t).map(((e,t)=>l().createElement(C,{overlap:0!==t,href:e._url,target:"_blank",key:e.id},l().createElement(v,{description:void 0===e.title?" ":e.title,position:"left"},l().createElement(p,{uri:e.uri,size:4,variant:"circle",alt:"image",timestamp:e.dateModified?s.Utils.date.strToTimestamp(e.dateModified):void 0,focusable:!0}))))),e.length>t&&l().createElement(C,{onClick:()=>d(!0),overlap:!0},"+",e.length-t)),e.length>t&&l().createElement(y,{closeHandler:()=>d(!1),enableClickAwayCloseModal:!0,open:c,variant:"fixed-height",maxHeight:"800px"},l().createElement(E,{title:i.formatMessage({id:"GLOBAL_Audience"}),overflow:"scroll",onClickIconClose:()=>d(!1)},l().createElement(x,null,e.map(((e,t)=>l().createElement(f,{key:`audience-${t}`,y:"center",gap:r.space.l},l().createElement(p,{size:5,uri:`${e.type}/${e.id}`}),l().createElement(h,{href:`${e.type}/${e.id}`},l().createElement(b,null,e.title)))))))))};var k=i(833),W=i.n(k);const q=u.default.registry.getLazyComponent("Loader"),S=u.default.registry.getLazyComponent("ModalContent"),L=u.default.registry.getLazyComponent("ModalLayout"),A=u.default.registry.getLazyComponent("Typography"),M=r().div`
21
21
  padding: ${e=>e.theme.space.md}px;
22
- `,A={response:void 0,loading:!0,error:void 0},I=({query:e})=>{const t=(0,a.useIntl)(),[i,r]=(0,n.useState)(A),s=(0,o.useTheme)(),c=(0,n.useCallback)((e=>{r(A),W().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void r({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;r({error:void 0,loading:!1,response:i})})).catch((e=>{r({error:t.formatMessage({id:"JIA_ERROR_AI_CALL"}),loading:!1,response:void 0})}))}),[t]);return(0,n.useEffect)((()=>{e&&e.text.trim().length>0&&c(e)}),[e,c]),l().createElement(L,{zIndex:s.zIndex.tinyMCEModal,open:!!e,closeHandler:()=>{null==e||e.reject()}},l().createElement(S,{overflow:"scroll",buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&c(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()}],isFull:!0},l().createElement(M,null,i.loading&&l().createElement(l().Fragment,null,l().createElement(q,null),l().createElement(T,{align:"center"},t.formatMessage({id:"JIA_WAITING_WARNIG"}))),!i.loading&&i.error&&l().createElement("p",null,i.error),!i.loading&&i.response&&l().createElement("p",null,i.response))))};var _=i(690);var O=i(206),j=i(743);const D=u.default.registry.getLazyComponent("EditorsPortal"),z=u.default.registry.getLazyComponent("ThemeProvider"),$=()=>{const e=document.getElementById("react-portals"),t=(0,n.useMemo)((()=>e&&(e=>{let t=document.getElementById("react-portals");return t||(t=document.createElement("div"),t.id=(0,j.A)(),e.appendChild(t)),t})(e)),[e]);return t?(0,O.createPortal)(l().createElement(z,null,l().createElement(D,null)),t):null},F=r().div`
22
+ `,T={response:void 0,loading:!0,error:void 0},I=({query:e})=>{const t=(0,a.useIntl)(),[i,r]=(0,n.useState)(T),s=(0,o.useTheme)(),c=(0,n.useCallback)((e=>{r(T),W().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void r({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;r({error:void 0,loading:!1,response:i})})).catch((e=>{r({error:t.formatMessage({id:"JIA_ERROR_AI_CALL"}),loading:!1,response:void 0})}))}),[t]);return(0,n.useEffect)((()=>{e&&e.text.trim().length>0&&c(e)}),[e,c]),l().createElement(L,{zIndex:s.zIndex.tinyMCEModal,open:!!e,closeHandler:()=>{null==e||e.reject()}},l().createElement(S,{overflow:"scroll",buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&c(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()}],isFull:!0},l().createElement(M,null,i.loading&&l().createElement(l().Fragment,null,l().createElement(q,null),l().createElement(A,{align:"center"},t.formatMessage({id:"JIA_WAITING_WARNIG"}))),!i.loading&&i.error&&l().createElement("p",null,i.error),!i.loading&&i.response&&l().createElement("p",null,i.response))))};var _=i(690);var O=i(206),j=i(743);const $=u.default.registry.getLazyComponent("EditorsPortal"),z=u.default.registry.getLazyComponent("ThemeProvider"),D=()=>{const e=document.getElementById("react-portals"),t=(0,n.useMemo)((()=>e&&(e=>{let t=document.getElementById("react-portals");return t||(t=document.createElement("div"),t.id=(0,j.A)(),e.appendChild(t)),t})(e)),[e]);return t?(0,O.createPortal)(l().createElement(z,null,l().createElement($,null)),t):null},F=r().div`
23
23
  display: flex;
24
24
  flex-direction: row;
25
25
  flex-wrap: wrap;
@@ -77,7 +77,7 @@
77
77
  &:hover {
78
78
  background-color: ${e=>e.theme.color.grey0};
79
79
  }
80
- `,N=r().button`
80
+ `,P=r().button`
81
81
  height: 72px;
82
82
  display: flex;
83
83
  align-items: center;
@@ -93,34 +93,34 @@
93
93
  }
94
94
  ${e=>e.full&&"flex: 1; width: 100%;"}
95
95
  ${e=>e.parentIsColumn&&"flex-basis: 72px;"}
96
- `,P=r().div`
96
+ `,N=r().div`
97
97
  display: flex;
98
98
  flex-direction: ${e=>"row"===e.direction?"row":"column"};
99
99
  align-items: ${e=>"row"===e.direction?"center":"flex-start"};
100
100
  justify-content: ${e=>"row"===e.direction?"flex-start":"center"};
101
101
  flex: 1;
102
102
  ${e=>e.gap&&`gap:${e.gap}px`}
103
- `,U=u.default.registry.getLazyComponent("Button"),V=u.default.registry.getLazyComponent("ModalLayout"),Q=u.default.registry.getLazyComponent("ModalContent"),K=u.default.registry.getLazyComponent("Tooltip"),Y=u.default.registry.getLazyComponent("IconButton"),X=({mode:e,view:t,children:i,namespace:n="default",onChange:o})=>{const[r,s]=l().useState(!1),d=function(e){switch(e){case"widget-article-image":return[c.x0.definition(k.WidgetsName.ArticleTitle),c.x0.definition(k.WidgetsName.ArticleButton)];case"comment":return[c.x0.definition(k.WidgetsName.CheckList),c.x0.definition(k.WidgetsName.Presence)];default:return[c.x0.definition(k.WidgetsName.ArticleTitle),c.x0.definition(k.WidgetsName.ArticleText),c.x0.definition(k.WidgetsName.ArticleImage),c.x0.definition(k.WidgetsName.ArticleButton),c.x0.definition(k.WidgetsName.ArticleSlider),c.x0.definition(k.WidgetsName.ArticleAttachment),c.x0.definition(k.WidgetsName.Presence)]}}(n),u=(0,a.useIntl)(),m={open:r,portalId:"react-modal",variant:"full-height",closeHandler:()=>s(!1)},g=e=>{o(c.x0.factory(e)),s(!1)};return l().createElement(l().Fragment,null,l().createElement(V,Object.assign({},m),l().createElement(Q,{onClickIconClose:m.closeHandler,buttons:"comment"===e?[{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Close"}),color:"cancel",clickHandler:()=>s(!1)}]:void 0,title:u.formatMessage({id:"WIDGET_Builder"})},"comment"===e?l().createElement(B,{column:!0},d.map(((e,t)=>l().createElement(N,{key:e.name,open:!0,full:!0,parentIsColumn:!0,index:t,onClick:()=>g(e.name)},l().createElement(P,{direction:"row",gap:12},l().createElement("img",{src:e.img}),l().createElement(P,{direction:"column"},l().createElement("h3",null,u.formatMessage({id:e.label})),l().createElement("p",null,u.formatMessage({id:e.description})))))))):l().createElement(F,null,d.map(((e,t)=>l().createElement(R,{key:t,onClick:()=>g(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},u.formatMessage({id:e.label})))))))),"custom"===e&&i?l().createElement("div",{onClick:()=>s(!0)},i):l().createElement(l().Fragment,null),"button"===e&&"edit"===t?l().createElement(U,{onClick:()=>s(!0),variant:"outlined",minWidth:"100%"},u.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e&&"edit"===t?l().createElement(F,null,d.map(((e,t)=>l().createElement(R,{key:t,onClick:()=>g(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},u.formatMessage({id:e.label})))))):l().createElement(l().Fragment,null),"article"===e&&"edit"===t?l().createElement(Z,{widgets:d,onClick:g}):l().createElement(l().Fragment,null),"comment"===e&&"edit"===t?l().createElement(ee,{onClick:()=>{s(!0)}}):l().createElement(l().Fragment,null))},Z=({widgets:e,onClick:t})=>{const[i,o]=l().useState(!1),r=(0,a.useIntl)(),s=(0,n.useMemo)((()=>80*Math.ceil(e.length/2)+50+10),[e]);return l().createElement(l().Fragment,null,l().createElement(G,{open:i,height:s},l().createElement(H,{onClick:()=>o(!i)},r.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(B,null,e.map(((e,n)=>l().createElement(N,{key:e.name,open:i,index:n,onClick:()=>t(e.name)},l().createElement("img",{src:e.img}),r.formatMessage({id:e.label})))))))},ee=({onClick:e})=>{const t=(0,a.useIntl)();return l().createElement(l().Fragment,null,l().createElement(K,{description:t.formatMessage({id:"COMMENT_Add_Widget"})},l().createElement(Y,{bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:22,onClick:()=>{e()},icon:"icon-fs-puzzle"})))};var te=i(876),ie=i(655);const ne=u.default.registry.getLazyComponent("InputFileAdvancedRaw"),le=r().div`
103
+ `,U=u.default.registry.getLazyComponent("Button"),V=u.default.registry.getLazyComponent("ModalLayout"),Q=u.default.registry.getLazyComponent("ModalContent"),K=u.default.registry.getLazyComponent("Tooltip"),Y=u.default.registry.getLazyComponent("IconButton"),X=({mode:e,view:t,children:i,namespace:n="default",onChange:o})=>{const[r,s]=l().useState(!1),d=function(e){switch(e){case"widget-article-image":return[c.x0.definition(k.WidgetsName.ArticleTitle),c.x0.definition(k.WidgetsName.ArticleButton)];case"comment":return[c.x0.definition(k.WidgetsName.CheckList),c.x0.definition(k.WidgetsName.Presence)];default:return[c.x0.definition(k.WidgetsName.ArticleTitle),c.x0.definition(k.WidgetsName.ArticleText),c.x0.definition(k.WidgetsName.ArticleImage),c.x0.definition(k.WidgetsName.ArticleButton),c.x0.definition(k.WidgetsName.ArticleSlider),c.x0.definition(k.WidgetsName.ArticleAttachment),c.x0.definition(k.WidgetsName.Presence)]}}(n),u=(0,a.useIntl)(),m={open:r,portalId:"react-modal",variant:"full-height",closeHandler:()=>s(!1)},g=e=>{o(c.x0.factory(e)),s(!1)};return l().createElement(l().Fragment,null,l().createElement(V,Object.assign({},m),l().createElement(Q,{onClickIconClose:m.closeHandler,buttons:"comment"===e?[{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Close"}),color:"cancel",clickHandler:()=>s(!1)}]:void 0,title:u.formatMessage({id:"WIDGET_Builder"})},"comment"===e?l().createElement(B,{column:!0},d.map(((e,t)=>l().createElement(P,{key:e.name,open:!0,full:!0,parentIsColumn:!0,index:t,onClick:()=>g(e.name)},l().createElement(N,{direction:"row",gap:12},l().createElement("img",{src:e.img}),l().createElement(N,{direction:"column"},l().createElement("h3",null,u.formatMessage({id:e.label})),l().createElement("p",null,u.formatMessage({id:e.description})))))))):l().createElement(F,null,d.map(((e,t)=>l().createElement(R,{key:t,onClick:()=>g(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},u.formatMessage({id:e.label})))))))),"custom"===e&&i?l().createElement("div",{onClick:()=>s(!0)},i):l().createElement(l().Fragment,null),"button"===e&&"edit"===t?l().createElement(U,{onClick:()=>s(!0),variant:"outlined",minWidth:"100%"},u.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e&&"edit"===t?l().createElement(F,null,d.map(((e,t)=>l().createElement(R,{key:t,onClick:()=>g(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},u.formatMessage({id:e.label})))))):l().createElement(l().Fragment,null),"article"===e&&"edit"===t?l().createElement(Z,{widgets:d,onClick:g}):l().createElement(l().Fragment,null),"comment"===e&&"edit"===t?l().createElement(ee,{onClick:()=>{s(!0)}}):l().createElement(l().Fragment,null))},Z=({widgets:e,onClick:t})=>{const[i,o]=l().useState(!1),r=(0,a.useIntl)(),s=(0,n.useMemo)((()=>80*Math.ceil(e.length/2)+50+10),[e]);return l().createElement(l().Fragment,null,l().createElement(G,{open:i,height:s},l().createElement(H,{onClick:()=>o(!i)},r.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(B,null,e.map(((e,n)=>l().createElement(P,{key:e.name,open:i,index:n,onClick:()=>t(e.name)},l().createElement("img",{src:e.img}),r.formatMessage({id:e.label})))))))},ee=({onClick:e})=>{const t=(0,a.useIntl)();return l().createElement(l().Fragment,null,l().createElement(K,{description:t.formatMessage({id:"COMMENT_Add_Widget"})},l().createElement(Y,{bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:22,onClick:()=>{e()},icon:"icon-fs-puzzle"})))};var te=i(876);const ie=u.default.registry.getLazyComponent("InputFileAdvancedRaw"),ne=r().div`
104
104
  width: 0;
105
105
  height: 0;
106
106
  overflow: hidden;
107
- `,oe=({children:e,initialFiles:t,initialClick:i,multiple:n,accept:o,onUploadStart:r,onUploadEnd:a,onUploadSuccess:s})=>{const u=l().useRef(null),m=(0,d.useSelector)(c.x0.selectors.selectToken),[g,p]=l().useState(0),[f,y]=l().useState(t);return l().useEffect((()=>{var e;i&&(null===(e=u.current)||void 0===e||e.click())}),[i]),l().useEffect((()=>{t.length!==f.length&&y(t)}),[t]),l().useEffect((()=>{s(f)}),[f]),l().useEffect((()=>{0===g&&a()}),[g]),l().createElement(l().Fragment,null,l().createElement("div",{onClick:()=>{var e;i&&(null===(e=u.current)||void 0===e||e.click())}},e),l().createElement(le,null,l().createElement(ne,{ref:u,id:"widget-upload-file",name:"editorFiles",content:"",accept:o,multiple:n,token:m,onUploadStart:e=>{void 0!==e&&p((t=>t+e)),"function"==typeof r&&0!==e&&r()},onUploadSuccess:e=>{void 0!==e&&(p((e=>void 0!==e?e-1:0)),y((t=>n?[...t,e]:[e])))}})))},re=u.default.registry.getLazyComponent("WidgetAttachment"),ae=u.default.registry.getLazyComponent("WidgetEmptyInplace"),se=u.default.registry.getLazyComponent("FileViewer"),ce=r().div`
107
+ `,le=({children:e,initialFiles:t,initialClick:i,multiple:n,accept:o,onUploadStart:r,onUploadEnd:a,onUploadSuccess:s})=>{const u=l().useRef(null),m=(0,d.useSelector)(c.x0.selectors.selectToken),[g,p]=l().useState(0),[f,E]=l().useState(t);return l().useEffect((()=>{var e;i&&(null===(e=u.current)||void 0===e||e.click())}),[i]),l().useEffect((()=>{t.length!==f.length&&E(t)}),[t]),l().useEffect((()=>{s(f)}),[f]),l().useEffect((()=>{0===g&&a()}),[g]),l().createElement(l().Fragment,null,l().createElement("div",{onClick:()=>{var e;i&&(null===(e=u.current)||void 0===e||e.click())}},e),l().createElement(ne,null,l().createElement(ie,{ref:u,id:"widget-upload-file",name:"editorFiles",content:"",accept:o,multiple:n,token:m,onUploadStart:e=>{void 0!==e&&p((t=>t+e)),"function"==typeof r&&0!==e&&r()},onUploadSuccess:e=>{void 0!==e&&(p((e=>void 0!==e?e-1:0)),E((t=>n?[...t,e]:[e])))}})))},oe=u.default.registry.getLazyComponent("WidgetAttachment"),re=u.default.registry.getLazyComponent("WidgetEmptyInplace"),ae=u.default.registry.getLazyComponent("FileViewer"),se=r().div`
108
108
  flex: 1;
109
- `,de=({widget:e,inplace:t,mode:i})=>{const o=(0,a.useIntl)(),{uniqid:r}=e,{files:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual),g=e=>{u(c.y8.actions.error({label:null!=e?e:o.formatMessage({id:"GLOBAL_Error"})}))};(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,empty:!s||0===s.length}))}),[s]);const p=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),f=[{label:o.formatMessage({id:"WIDGET_Open_With_Wedoc"}),onClick:e=>{e&&W().object.getAccessHash(`fileArticle/${e.id}`).then((t=>{if(""===t.result)throw new Error("result empty");const i=t.result;((e,t)=>{window.open(function(e,t){return`/ng/rr/file/${e}/${t}`}(e,t),void 0)})(e.id,i)})).catch((()=>{u(c.y8.actions.error({label:"WIDGET_Open_Failed"},6e3))}))}}],y=p?[{condition:e=>["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation"].includes(e.mimetype),options:f}]:[];return void 0!==s?l().createElement(ce,null,"view"!==i?l().createElement(re,{files:s,onClick:()=>{},onError:g}):l().createElement(se,{files:s,openWithOptions:y},(e=>l().createElement(re,{files:s,onClick:t=>e(t),onError:g}))),t&&"view"!==i&&l().createElement(oe,{initialFiles:s,initialClick:m,multiple:!0,accept:"*",onUploadSuccess:e=>{Array.isArray(e)&&u((0,c.vR)(r,{files:e}))},onUploadStart:()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},"edit"===i?l().createElement(ae,{label:"WIDGET_Article_Attachment_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}}):l().createElement(l().Fragment,null))):l().createElement(l().Fragment,null)},ue=u.default.registry.getLazyComponent("WidgetButton"),me=r().div`
109
+ `,ce=({widget:e,inplace:t,mode:i})=>{const o=(0,a.useIntl)(),{uniqid:r}=e,{files:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual),g=e=>{u(c.y8.actions.error({label:null!=e?e:o.formatMessage({id:"GLOBAL_Error"})}))};(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,empty:!s||0===s.length}))}),[s]);const p=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),f=[{label:o.formatMessage({id:"WIDGET_Open_With_Wedoc"}),onClick:e=>{e&&W().object.getAccessHash(`fileArticle/${e.id}`).then((t=>{if(""===t.result)throw new Error("result empty");const i=t.result;((e,t)=>{window.open(function(e,t){return`/ng/rr/file/${e}/${t}`}(e,t),void 0)})(e.id,i)})).catch((()=>{u(c.y8.actions.error({label:"WIDGET_Open_Failed"},6e3))}))}}],E=p?[{condition:e=>["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation"].includes(e.mimetype),options:f}]:[];return void 0!==s?l().createElement(se,null,"view"!==i?l().createElement(oe,{files:s,onClick:()=>{},onError:g}):l().createElement(ae,{files:s,openWithOptions:E},(e=>l().createElement(oe,{files:s,onClick:t=>e(t),onError:g}))),t&&"view"!==i&&l().createElement(le,{initialFiles:s,initialClick:m,multiple:!0,accept:"*",onUploadSuccess:e=>{Array.isArray(e)&&u((0,c.vR)(r,{files:e}))},onUploadStart:()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},"edit"===i?l().createElement(re,{label:"WIDGET_Article_Attachment_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}}):l().createElement(l().Fragment,null))):l().createElement(l().Fragment,null)},de=u.default.registry.getLazyComponent("WidgetButton"),ue=r().div`
110
110
  display: flex;
111
111
  flex: 1;
112
112
  justify-content: center;
113
113
  align-items: center;
114
- `,ge=r().div`
114
+ `,me=r().div`
115
115
  pointer-events: ${e=>e.clickable?"all":"none"};
116
116
  cursor: pointer;
117
117
  display: flex;
118
118
  flex: 1;
119
119
  justify-content: center;
120
120
  align-items: center;
121
- `,pe=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{uniqid:o}=e,{text:r,url:a,target:s,color:u,backgroundColor:m,buttonSize:g,borderRadius:p,variant:f}=e.content;return(0,n.useEffect)((()=>{i(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(me,{onClick:()=>{"edit"===t&&i(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}},l().createElement(ge,{clickable:"edit"!==t},l().createElement(ue,{text:r,url:a,target:s,color:u,backgroundColor:m,buttonSize:g,borderRadius:p,variant:f})))},fe=u.default.registry.getLazyComponent("WidgetArticleGallery"),ye=u.default.registry.getLazyComponent("WidgetEmptyInplace"),Ee=u.default.registry.getLazyComponent("FileViewer"),he=r().button`
121
+ `,ge=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{uniqid:o}=e,{text:r,url:a,target:s,color:u,backgroundColor:m,buttonSize:g,borderRadius:p,variant:f}=e.content;return(0,n.useEffect)((()=>{i(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(ue,{onClick:()=>{"edit"===t&&i(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}},l().createElement(me,{clickable:"edit"!==t},l().createElement(de,{text:r,url:a,target:s,color:u,backgroundColor:m,buttonSize:g,borderRadius:p,variant:f})))},pe=u.default.registry.getLazyComponent("WidgetArticleGallery"),fe=u.default.registry.getLazyComponent("WidgetEmptyInplace"),Ee=u.default.registry.getLazyComponent("FileViewer"),ye=r().button`
122
122
  cursor: pointer;
123
- `,ve=({widget:e,inplace:t,mode:i})=>{var n,o;const{uniqid:r}=e,{files:a}=e.content,s=(0,d.useDispatch)(),u=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual);return l().useEffect((()=>{s(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),void 0!==a?l().createElement(l().Fragment,null,"edit"===i?l().createElement(fe,{files:a,maxWidth:800,gap:null!==(n=e.content.gap)&&void 0!==n?n:"10",column:null!==(o=e.content.column)&&void 0!==o?o:"3",onClick:()=>{}}):l().createElement(Ee,{files:a,openWithOptions:[]},(t=>{var i,n;return l().createElement(he,null,l().createElement(fe,{files:a,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?l().createElement(oe,{initialFiles:a,initialClick:u,accept:"image/png, image/jpeg, image/jpg",multiple:!0,onUploadSuccess:e=>{Array.isArray(e)&&s((0,c.vR)(r,{files:e}))},onUploadStart:()=>{s(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{s(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},l().createElement(ye,{label:"WIDGET_Article_Gallery_Empty_Label",description:"WIDGET_Article_Gallery_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},be=u.default.registry.getLazyComponent("WidgetImage"),xe=u.default.registry.getLazyComponent("FileViewer"),Ce=u.default.registry.getLazyComponent("WidgetEmptyInplace"),we=r().div`
123
+ `,he=({widget:e,inplace:t,mode:i})=>{var n,o;const{uniqid:r}=e,{files:a}=e.content,s=(0,d.useDispatch)(),u=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual);return l().useEffect((()=>{s(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),void 0!==a?l().createElement(l().Fragment,null,"edit"===i?l().createElement(pe,{files:a,maxWidth:800,gap:null!==(n=e.content.gap)&&void 0!==n?n:"10",column:null!==(o=e.content.column)&&void 0!==o?o:"3",onClick:()=>{}}):l().createElement(Ee,{files:a,openWithOptions:[]},(t=>{var i,n;return l().createElement(ye,null,l().createElement(pe,{files:a,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?l().createElement(le,{initialFiles:a,initialClick:u,accept:"image/png, image/jpeg, image/jpg",multiple:!0,onUploadSuccess:e=>{Array.isArray(e)&&s((0,c.vR)(r,{files:e}))},onUploadStart:()=>{s(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{s(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},l().createElement(fe,{label:"WIDGET_Article_Gallery_Empty_Label",description:"WIDGET_Article_Gallery_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},ve=u.default.registry.getLazyComponent("WidgetImage"),be=u.default.registry.getLazyComponent("FileViewer"),xe=u.default.registry.getLazyComponent("WidgetEmptyInplace"),Ce=r().div`
124
124
  position: absolute;
125
125
  inset: 0;
126
126
  background-color: rgba(0, 0, 0, 0.4);
@@ -133,16 +133,16 @@
133
133
  &:hover {
134
134
  opacity: 1;
135
135
  }
136
- `,ke=r().button`
136
+ `,we=r().button`
137
137
  cursor: pointer;
138
- `,We={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},qe=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},Se=({widget:e,width:t,inplace:i,mode:o})=>{const{uniqid:r}=e,{file:s,useFilter:u}=e.content,m=(0,d.useDispatch)(),g=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual),[p,f]=(0,n.useState)(void 0),y=(0,a.useIntl)();return(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,empty:!s}))}),[s]),(0,n.useEffect)((()=>{s&&f((0,k.formatImgUrl)({timestamp:s.dateModified?qe(s.dateModified):Date.now(),from:"imagecache",size:"fitx1200",uri:s.uri}))}),[s]),l().createElement(l().Fragment,null,"edit"===o?void 0!==p?l().createElement(be,{maxWidth:null!=t?t:600,uri:p,useFilter:null!=u&&u}):l().createElement(l().Fragment,null):l().createElement(xe,{files:[Object.assign(Object.assign({},We),{path:p,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(ke,{onClick:()=>e(0)},l().createElement(be,{maxWidth:null!=t?t:600,uri:p,useFilter:null!=u&&u})))),i&&"edit"===o?l().createElement(oe,{initialFiles:[],initialClick:g,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{Array.isArray(e)&&void 0!==e[0]&&m((0,c.vR)(r,{file:e[0]}))},onUploadStart:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},void 0!==s?l().createElement(we,null,y.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(Ce,{label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null))};var Le=i(750);const Te=u.default.registry.getLazyComponent("FileViewer"),Me=u.default.registry.getLazyComponent("WidgetEmptyInplace"),Ae=u.default.registry.getLazyComponent("WidgetSlider"),Ie=r().div`
138
+ `,ke={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},We=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},qe=({widget:e,width:t,inplace:i,mode:o})=>{const{uniqid:r}=e,{file:s,useFilter:u}=e.content,m=(0,d.useDispatch)(),g=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual),[p,f]=(0,n.useState)(void 0),E=(0,a.useIntl)();return(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,empty:!s}))}),[s]),(0,n.useEffect)((()=>{s&&f((0,k.formatImgUrl)({timestamp:s.dateModified?We(s.dateModified):Date.now(),from:"imagecache",size:"fitx1200",uri:s.uri}))}),[s]),l().createElement(l().Fragment,null,"edit"===o?void 0!==p?l().createElement(ve,{maxWidth:null!=t?t:600,uri:p,useFilter:null!=u&&u}):l().createElement(l().Fragment,null):l().createElement(be,{files:[Object.assign(Object.assign({},ke),{path:p,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(we,{onClick:()=>e(0)},l().createElement(ve,{maxWidth:null!=t?t:600,uri:p,useFilter:null!=u&&u})))),i&&"edit"===o?l().createElement(le,{initialFiles:[],initialClick:g,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{Array.isArray(e)&&void 0!==e[0]&&m((0,c.vR)(r,{file:e[0]}))},onUploadStart:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},void 0!==s?l().createElement(Ce,null,E.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(xe,{label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null))};var Se=i(750);const Le=u.default.registry.getLazyComponent("FileViewer"),Ae=u.default.registry.getLazyComponent("WidgetEmptyInplace"),Me=u.default.registry.getLazyComponent("WidgetSlider"),Te=r().div`
139
139
  flex: 1;
140
140
  display: flex;
141
141
  flex-direction: row;
142
142
  min-height: 60px;
143
143
  align-items: center;
144
144
  width: ${e=>e.maxWidth}px;
145
- `,_e={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},Oe=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},je=({widget:e,mode:t,width:i})=>{const{uniqid:o}=e,r=(0,Le.jL)(),a=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual),s=null!=i?i:600,[u,m]=(0,n.useState)(void 0),g=(0,n.useRef)(null),p=(0,n.useMemo)((()=>e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},_e),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:_e.mimetype,path:(0,k.formatImgUrl)({size:"fitx1200",uri:e.file?e.file.uri:"",from:"imagecache",timestamp:e.file&&e.file.dateModified?Oe(e.file.dateModified):Date.now()})})))]:[]),[e.content.slides]),f=(0,n.useMemo)((()=>void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:(0,k.formatImgUrl)({timestamp:e.file.dateModified?Oe(e.file.dateModified):Date.now(),size:`fitx${u&&u<s?u:s}`,from:"imagecache",uri:e.file.uri})}):Object.assign(Object.assign({},e),{uri:""})))]:[]),[e.content.slides,u,s]);(0,n.useEffect)((()=>{a&&"edit"===t&&r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}),[a]),(0,n.useEffect)((()=>{const e=()=>{g.current&&m(g.current?g.current.offsetWidth:s)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[g]),(0,n.useEffect)((()=>{m(g.current?g.current.offsetWidth:s)}),[g]),(0,n.useEffect)((()=>{r(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!e.content.slides||0===e.content.slides.length}))}),[e.content.slides]);const y=(0,n.useMemo)((()=>"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length),[e.content.slides,t]),E=(0,n.useCallback)((()=>{r(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}),[r,e.uniqid,e.name]);return void 0===u?l().createElement("div",{ref:g,style:{width:"100%"}}):l().createElement(Ie,{maxWidth:u&&u<s?u:s},l().createElement(Te,{files:p,openWithOptions:[]},(i=>{var n,a;return l().createElement(Ae,{slides:f,maxWidth:u&&u<s?u:s,useDots:null===(n=e.content.useDots)||void 0===n||n,loop:null!==(a=e.content.loop)&&void 0!==a&&a,startAt:0,onClickSlide:n=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[n];t&&t.file&&i(t.file.id)}}else r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}})})),y?l().createElement(Me,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:E}):l().createElement(l().Fragment,null))},De=u.default.registry.getLazyComponent("WidgetArticleText"),ze=r().div`
145
+ `,Ie={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},_e=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},Oe=({widget:e,mode:t,width:i})=>{const{uniqid:o}=e,r=(0,Se.jL)(),a=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual),s=null!=i?i:600,[u,m]=(0,n.useState)(void 0),g=(0,n.useRef)(null),p=(0,n.useMemo)((()=>e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},Ie),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:Ie.mimetype,path:(0,k.formatImgUrl)({size:"fitx1200",uri:e.file?e.file.uri:"",from:"imagecache",timestamp:e.file&&e.file.dateModified?_e(e.file.dateModified):Date.now()})})))]:[]),[e.content.slides]),f=(0,n.useMemo)((()=>void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:(0,k.formatImgUrl)({timestamp:e.file.dateModified?_e(e.file.dateModified):Date.now(),size:`fitx${u&&u<s?u:s}`,from:"imagecache",uri:e.file.uri})}):Object.assign(Object.assign({},e),{uri:""})))]:[]),[e.content.slides,u,s]);(0,n.useEffect)((()=>{a&&"edit"===t&&r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}),[a]),(0,n.useEffect)((()=>{const e=()=>{g.current&&m(g.current?g.current.offsetWidth:s)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[g]),(0,n.useEffect)((()=>{m(g.current?g.current.offsetWidth:s)}),[g]),(0,n.useEffect)((()=>{r(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!e.content.slides||0===e.content.slides.length}))}),[e.content.slides]);const E=(0,n.useMemo)((()=>"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length),[e.content.slides,t]),y=(0,n.useCallback)((()=>{r(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}),[r,e.uniqid,e.name]);return void 0===u?l().createElement("div",{ref:g,style:{width:"100%"}}):l().createElement(Te,{maxWidth:u&&u<s?u:s},l().createElement(Le,{files:p,openWithOptions:[]},(i=>{var n,a;return l().createElement(Me,{slides:f,maxWidth:u&&u<s?u:s,useDots:null===(n=e.content.useDots)||void 0===n||n,loop:null!==(a=e.content.loop)&&void 0!==a&&a,startAt:0,onClickSlide:n=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[n];t&&t.file&&i(t.file.id)}}else r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}})})),E?l().createElement(Ae,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:y}):l().createElement(l().Fragment,null))},je=u.default.registry.getLazyComponent("WidgetArticleText"),$e=r().div`
146
146
  cursor: text;
147
147
  p {
148
148
  word-wrap: break-word;
@@ -150,20 +150,20 @@
150
150
  a {
151
151
  word-wrap: break-word;
152
152
  }
153
- `,$e=({widget:e,mode:t})=>{const{uniqid:i}=e,r=(0,o.useTheme)(),{text:s}=e.content,m=(0,d.useDispatch)(),g=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,i)),d.shallowEqual),p=(0,d.useSelector)((e=>{var t;return null===(t=c.x0.selectors.selectWidgetState(e,i))||void 0===t?void 0:t.busy})),f=(0,d.useSelector)(c.x0.selectors.selectToken),y=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),E=(0,d.useSelector)(c.Kx.selectors.selectAll),h=(0,a.useIntl)(),v=(0,n.useCallback)((e=>{m(c.y8.actions.error({label:null!=e?e:h.formatMessage({id:"GLOBAL_Error"})}))}),[m,h]);(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:i,empty:!s||0===s.length}))}),[s]);const b=(0,n.useMemo)((()=>(0,u.getTinyMCEMentionsQueries)(E,r,v)),[E,v,r]);return p?l().createElement(l().Fragment,null):l().createElement(ze,null,l().createElement(De,{autoFocus:g,text:null!=s?s:"",token:"edit"===t&&void 0!==f?f:"",tinyMCECommonOptions:"edit"===t&&y?{tinymceScriptSrc:"https://ecosysteme.jamespot.pro/js/tinymce/tinymce.min.js",commonOptions:y,mentionsQueries:b}:void 0,mode:t,onChange:e=>{m((0,c.vR)(i,{text:e}))}}))},Fe=u.default.registry.getLazyComponent("WidgetArticleTitle"),Re=r().div`
153
+ `,ze=({widget:e,mode:t})=>{const{uniqid:i}=e,r=(0,o.useTheme)(),{text:s}=e.content,m=(0,d.useDispatch)(),g=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,i)),d.shallowEqual),p=(0,d.useSelector)((e=>{var t;return null===(t=c.x0.selectors.selectWidgetState(e,i))||void 0===t?void 0:t.busy})),f=(0,d.useSelector)(c.x0.selectors.selectToken),E=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),y=(0,d.useSelector)(c.Kx.selectors.selectAll),h=(0,a.useIntl)(),v=(0,n.useCallback)((e=>{m(c.y8.actions.error({label:null!=e?e:h.formatMessage({id:"GLOBAL_Error"})}))}),[m,h]);(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:i,empty:!s||0===s.length}))}),[s]);const b=(0,n.useMemo)((()=>(0,u.getTinyMCEMentionsQueries)(y,r,v)),[y,v,r]);return p?l().createElement(l().Fragment,null):l().createElement($e,null,l().createElement(je,{autoFocus:g,text:null!=s?s:"",token:"edit"===t&&void 0!==f?f:"",tinyMCECommonOptions:"edit"===t&&E?{tinymceScriptSrc:"https://ecosysteme.jamespot.pro/js/tinymce/tinymce.min.js",commonOptions:E,mentionsQueries:b}:void 0,mode:t,onChange:e=>{m((0,c.vR)(i,{text:e}))}}))},De=u.default.registry.getLazyComponent("WidgetArticleTitle"),Fe=r().div`
154
154
  flex: 1;
155
155
  display: flex;
156
156
  flex-direction: row;
157
157
  align-items: center;
158
158
  cursor: text;
159
- `,Ge=r().div`
159
+ `,Re=r().div`
160
160
  display: flex;
161
161
  flex-direction: row;
162
162
  border-radius: 8px;
163
163
  overflow: hidden;
164
164
  margin: 4px;
165
165
  border: 1px solid ${e=>e.theme.color.grey1};
166
- `,Be=r().button`
166
+ `,Ge=r().button`
167
167
  display: flex;
168
168
  width: 40px;
169
169
  height: 40px;
@@ -175,7 +175,27 @@
175
175
  &:hover {
176
176
  background-color: ${e=>e.theme.color.grey1};
177
177
  }
178
- `,He=({widget:e,inplace:t,mode:i})=>{const{uniqid:o}=e,{text:r,color:a,heading:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual);return(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(Re,null,l().createElement(Fe,{text:r,color:a,heading:s,autoFocus:m,inplace:t,mode:i,onChange:e=>{u((0,c.vR)(o,{text:e}))}}),m&&"edit"===i?l().createElement(Ne,{heading:s,onClick:e=>{u((0,c.vR)(o,{heading:e}))}}):l().createElement(l().Fragment,null))},Ne=({heading:e="h1",onClick:t})=>l().createElement(Ge,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(Be,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),Pe=u.default.registry.getLazyComponent("WidgetCheckList"),Ue=u.default.registry.getLazyComponent("WidgetCheckListEditor"),Ve=u.default.registry.getLazyComponent("IconButton"),Je=u.default.registry.getLazyComponent("InputTextRaw"),Qe=u.default.registry.getLazyComponent("Modal"),Ke=(r().div`
178
+ `,Be=({widget:e,inplace:t,mode:i})=>{const{uniqid:o}=e,{text:r,color:a,heading:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual);return(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(Fe,null,l().createElement(De,{text:r,color:a,heading:s,autoFocus:m,inplace:t,mode:i,onChange:e=>{u((0,c.vR)(o,{text:e}))}}),m&&"edit"===i?l().createElement(He,{heading:s,onClick:e=>{u((0,c.vR)(o,{heading:e}))}}):l().createElement(l().Fragment,null))},He=({heading:e="h1",onClick:t})=>l().createElement(Re,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(Ge,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),Pe=u.default.registry.getLazyComponent("Button"),Ne=u.default.registry.getLazyComponent("ModalLayout"),Ue=u.default.registry.getLazyComponent("ModalContent"),Ve=(r().button`
179
+ padding: ${e=>e.theme.space.md}px;
180
+ `,r().div`
181
+ padding: ${e=>e.theme.space.md}px;
182
+ display: flex;
183
+ flex-direction: row-reverse;
184
+ `),Je=({id:e,type:t,uniqid:i})=>{const o=(0,d.useDispatch)(),r=(0,a.useIntl)(),[u,m]=(0,n.useState)(!1);return l().createElement(l().Fragment,null,l().createElement(s.JRCIconButton,{iconSize:14,onClick:()=>m(!0),icon:"icon-trash"}),u&&l().createElement(Ne,{enableClickAwayCloseModal:!0,open:u,closeHandler:()=>m(!1)},l().createElement(Ue,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Remove_Widget"}),onClickIconClose:()=>m(!1)},r.formatMessage({id:"WIDGET_Delete_Widget_Confirmation"})),l().createElement(Ve,null,l().createElement(Pe,{label:r.formatMessage({id:"GLOBAL_Confirm"}),onClick:()=>{W().widget.removeWidget({id:e,type:t,uniqid:i}).then((()=>{o(c.x0.slice.actions.flushWidget({uniqid:i}))})).catch((()=>o(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}}))))},Qe=r().div`
185
+ display: flex;
186
+ flex: 1;
187
+ flex-direction: row;
188
+ border-top: 1px solid ${e=>e.theme.color.grey1};
189
+ `,Ke=r().button`
190
+ display: flex;
191
+ flex: 1;
192
+ justify-content: center;
193
+ align-items: center;
194
+ background-color: ${e=>e.theme.color.white};
195
+ &:hover {
196
+ background-color: ${e=>e.theme.color.grey0};
197
+ }
198
+ `,Ye=({name:e,uniqid:t,mode:i,collaborationRights:o,handleOpenEditor:r})=>{const s=(0,a.useIntl)(),u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObject(e,t)),d.shallowEqual),g=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,t)),d.shallowEqual),p=(0,n.useMemo)((()=>m&&g&&g.update||o&&o.update),[m,g,o]),f=(0,n.useMemo)((()=>m&&g&&g.delete),[m,g]),E=(0,n.useCallback)((()=>{u(c.cr.slice.actions.registerEditor({uniqid:t,name:e,onSave:e=>{m&&m.id&&m.type&&(0,k.ensureWidgetPresenceContent)(e)&&"view"===i&&W().widget.updateWidget({id:m.id,type:m.type,uniqid:t,content:e,v2:!0}).catch((()=>u(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}}))}),[t,u,e,m,i]);return p&&(0,k.ensureWidgetObjectHasMinimumProperties)(m)?l().createElement(Qe,null,l().createElement(Ke,{onClick:null!=r?r:E},s.formatMessage({id:"WIDGET_Set_Widget"})),f&&l().createElement(Je,{id:m.id,type:m.type,uniqid:t})):l().createElement(l().Fragment,null)},Xe=u.default.registry.getLazyComponent("WidgetCheckList"),Ze=u.default.registry.getLazyComponent("WidgetCheckListEditor"),et=(r().div`
179
199
  display: flex;
180
200
  flex-direction: row;
181
201
  justify-content: space-between;
@@ -185,37 +205,15 @@
185
205
  border-radius: 4px;
186
206
  padding: 4px 8px;
187
207
  `,r().div`
188
- min-height: 40px;
189
- display: flex;
190
- justify-content: center;
191
- align-items: center;
192
- border-top: 1px solid ${e=>e.theme.color.grey1};
193
- cursor: pointer;
194
- div:first-child {
195
- margin: 0 auto;
196
- }
197
-
198
- div:last-child {
199
- align-self: flex-end;
200
- }
201
- `),Ye=r().div`
202
- width: 100%;
203
- flex: 1;
204
- display: flex;
205
- flex-direction: column;
206
- align-items: flex-start;
207
- justify-content: center;
208
- gap: 8px;
209
- `,Xe=r().div`
210
208
  width: 100%;
211
209
  display: flex;
212
210
  gap: 14px;
213
211
  padding: 16px;
214
- `,Ze=r().div`
212
+ `),tt=(r().div`
215
213
  width: 100%;
216
214
  padding-bottom: 12px;
217
215
  border-bottom: ${e=>e.border?`1px solid ${e.theme.color.grey1}`:0};
218
- `,et=({widget:e,commentId:t,inplace:i,mode:o,deleteRight:r,onRemove:s,onWidgetUpdate:u})=>{const m=(0,a.useIntl)(),{uniqid:g,content:p}=e,f=(0,d.useDispatch)(),[y,E]=(0,n.useState)(),[h,v]=(0,n.useState)(!1),[b,x]=(0,n.useState)(),[C,w]=(0,n.useState)(!1),q=(0,d.useSelector)((e=>c.x0.selectors.selectWidget(e,g))),S=(0,d.useSelector)(c.xJ.selectors.get),L=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,g)),d.shallowEqual),T=(0,n.useMemo)((()=>L&&L.update),[L]),M=(0,n.useCallback)((e=>{f(c.y8.actions.error({label:null!=e?e:m.formatMessage({id:"GLOBAL_Error"})}))}),[f,m]),A=e=>{f(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},I=()=>{f(c.x0.slice.actions.flushWidget({uniqid:g})),s&&s(g),v(!1)},_=(t,i=!1)=>{f(c.cr.slice.actions.flushAllEditor()),i&&f(c.x0.slice.actions.registerWidgetObjectRights({uniqid:e.uniqid,rights:{create:!0,read:!0,publish:!0,administrate:!0,update:!0,delete:!0,comment:!0,member:!0}})),f(c.x0.slice.actions.setToken({token:t})),f(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:k.WidgetsName.CheckList}))};return(0,n.useEffect)((()=>{var t;const i=null===(t=e.content.arr)||void 0===t?void 0:t.map((e=>{var t,i,n;return Object.assign(Object.assign(Object.assign({text:null!==(t=e.title)&&void 0!==t?t:"",checked:null!==(i=e.value)&&void 0!==i&&i},e.links&&{links:e.links}),e.user&&{user:null!==(n=e.user)&&void 0!==n?n:void 0}),e.id&&{id:e.id,mimetype:"image/png"})}));E(i)}),[e.content.arr,p]),(0,n.useEffect)((()=>{b||C||(w(!0),W().network.token().then((e=>{x(e.result),w(!1)})).catch((e=>{M(e.errorMsg)})))}),[M,b,C]),"edit"===o&&i?l().createElement(l().Fragment,null,l().createElement(Xe,null,l().createElement(Ye,null,l().createElement(Ze,{border:!0},l().createElement("label",null,m.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"})),l().createElement(Je,{id:m.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"}),required:!0,placeholder:m.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"}),type:"text",value:null==q?void 0:q.title,onChange:e=>{const{value:t}=e.target;A({uniqid:g,title:t})},margin:"2px",width:"100%"})),l().createElement(Ue,{token:b,uniqid:g,content:p,onChangeContent:(e,t)=>{f((0,c.vR)(e,t))},onChangeWrapper:A,openEditorPanel:_,onRemoveWidget:I,canEditCollaboration:!1})))):l().createElement(l().Fragment,null,y&&l().createElement("div",{key:e.uniqid,style:{width:"100%"}},l().createElement(Pe,{title:null==q?void 0:q.title,limit:10,initialEntries:y,onFileClick:()=>{},onItemCheckListChange:(i,n)=>((e,i,n)=>{if(!t)return;const l={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}),S&&e.checked&&{user:{id:null!==(i=null===(t=e.user)||void 0===t?void 0:t.id)&&void 0!==i?i:S.id,mainType:"user",type:"user"}}),e.checked&&{value:e.checked})}))};f((0,c.vR)(e,l)),W().widget.checkListRespond({id:t,type:"comment",idUser:null==S?void 0:S.id,uniqid:e,index:i}).then((()=>{u&&u()})).catch((e=>{M(e.message)}))})(e.uniqid,i,n)}),(p.edit||T)&&l().createElement(l().Fragment,null,l().createElement(Ke,{onClick:()=>{b?_(b):M(m.formatMessage({id:"GLOBAL_Error"}))}},l().createElement("div",{style:{alignSelf:"auto"}},m.formatMessage({id:"COMMENT_WIDGET_Configure"})),r&&l().createElement("div",null,l().createElement(Ve,{iconSize:14,onClick:e=>{null==e||e.stopPropagation(),v(!0)},icon:"icon-trash"})))),l().createElement(Qe,{buttons:[{color:"cancel",clickHandler:()=>v(!1),children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Cancel"})},{color:"danger",clickHandler:I,children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Delete"})}],open:h,closeHandler:()=>v(!1),title:m.formatMessage({id:"GLOBAL_Delete"})},m.formatMessage({id:"COMMENT_WIDGET_Delete_Widget"}))))},tt=(e,t)=>{const i=[];return e.filter((e=>e.isVisible)).forEach((e=>{const n=t.find((t=>t.name===e.name));n&&i.push(n)})),i},it=u.default.registry.getLazyComponent("WidgetTable"),nt=u.default.registry.getLazyComponent("Loader"),lt=u.default.registry.getLazyComponent("Button"),ot=u.default.registry.getLazyComponent("Html"),rt=(r().div``,r().div`
216
+ `,({widget:e,inplace:t,mode:i,onWidgetUpdate:o})=>{const r=(0,a.useIntl)(),{uniqid:s,content:u}=e,m=(0,d.useDispatch)(),[g,p]=(0,n.useState)(),[f,E]=(0,n.useState)(),[y,h]=(0,n.useState)(!1),v=(0,d.useSelector)(c.xJ.selectors.get),b=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e.uniqid)),d.shallowEqual),x=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,s)),d.shallowEqual),C=(0,n.useMemo)((()=>x&&x.update),[x]),w=(0,n.useCallback)((e=>{m(c.y8.actions.error({label:null!=e?e:r.formatMessage({id:"GLOBAL_Error"})}))}),[m,r]);return(0,n.useEffect)((()=>{var t;const i=null===(t=e.content.arr)||void 0===t?void 0:t.map((e=>{var t,i,n;return Object.assign(Object.assign(Object.assign({text:null!==(t=e.title)&&void 0!==t?t:"",checked:null!==(i=e.value)&&void 0!==i&&i},e.links&&{links:e.links}),e.user&&{user:null!==(n=e.user)&&void 0!==n?n:void 0}),e.id&&{id:e.id,mimetype:"image/png"})}));p(i)}),[e.content.arr,u]),(0,n.useEffect)((()=>{f||y||(h(!0),W().network.token().then((e=>{E(e.result),h(!1)})).catch((e=>{w(e.errorMsg)})))}),[w,f,y]),"edit"===i&&t?l().createElement(l().Fragment,null,l().createElement(et,null,l().createElement(Ze,{token:f,uniqid:s,content:u,onChangeContent:(e,t)=>{m((0,c.vR)(e,t))},onChangeWrapper:e=>{m(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},canEditCollaboration:!1}))):l().createElement(l().Fragment,null,g&&l().createElement("div",{key:e.uniqid,style:{width:"100%"}},l().createElement(Xe,{limit:10,initialEntries:g,onFileClick:()=>{},onItemCheckListChange:(t,i)=>((e,t,i)=>{if(!b||!b.id)return;const n={arr:null==i?void 0:i.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}),v&&e.checked&&{user:{id:null!==(i=null===(t=e.user)||void 0===t?void 0:t.id)&&void 0!==i?i:v.id,mainType:"user",type:"user"}}),e.checked&&{value:e.checked})}))};m((0,c.vR)(e,n)),W().widget.checkListRespond({id:b.id,type:"comment",idUser:null==v?void 0:v.id,uniqid:e,index:t}).then((()=>{o&&o()})).catch((e=>{w(e.message)}))})(e.uniqid,t,i)}),(u.edit||C)&&l().createElement(Ye,{uniqid:e.uniqid,name:e.name,collaborationRights:{update:!(!u.edit&&!C)},mode:i,handleOpenEditor:()=>{f?(t=>{m(c.cr.slice.actions.flushAllEditor()),m(c.x0.slice.actions.setToken({token:t})),m(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:k.WidgetsName.CheckList}))})(f):w(r.formatMessage({id:"GLOBAL_Error"}))}})))}),it=(e,t)=>{const i=[];return e.filter((e=>e.isVisible)).forEach((e=>{const n=t.find((t=>t.name===e.name));n&&i.push(n)})),i},nt=u.default.registry.getLazyComponent("WidgetTable"),lt=u.default.registry.getLazyComponent("Loader"),ot=u.default.registry.getLazyComponent("Button"),rt=u.default.registry.getLazyComponent("Html"),at=(r().div``,r().div`
219
217
  position: absolute;
220
218
  inset: 0;
221
219
  display: flex;
@@ -223,7 +221,7 @@
223
221
  justify-content: center;
224
222
  align-items: center;
225
223
  gap: ${e=>e.theme.space.md}px;
226
- `),at=r().div`
224
+ `),st=r().div`
227
225
  position: absolute;
228
226
  inset: 0;
229
227
  display: flex;
@@ -239,7 +237,7 @@
239
237
  background-color: ${e=>e.theme.color.grey2};
240
238
  opacity: 0.9;
241
239
  }
242
- `,st=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableColumnsData:m=[],tableBorderRadius:g,tableSizedColumns:p,tableSizedColumnsWidth:f,mode:y})=>{const E=(0,a.useIntl)(),h=(0,Le.jL)(),[v,b]=(0,n.useState)(!1),[x,C]=(0,n.useState)(!1),[w,q]=(0,n.useState)([]),[S,L]=(0,n.useState)([]),[T,M]=(0,n.useState)({order:"ascending",name:"unknown"}),[A,I]=(0,n.useState)(void 0),[_,O]=(0,n.useState)(""),j=(0,n.useMemo)((()=>c.x0.definition(k.WidgetsName.DatasourceTable)),[]),D=(0,n.useMemo)((()=>"studio"===A?[{type:[_]}]:[]),[A,_]),z=(0,n.useMemo)((()=>"doc"===A?[_]:[]),[A,_]),{rtLastObject:$}=(0,te.YL)(D,z),F=(0,n.useCallback)((()=>{t&&(C(!0),W().datasource.get(t,k.Format.VIEW).then((e=>{L(e.result.model),q(e.result.data),M(e.result.sort),I(e.result.datasource.datasourceType),O(e.result.datasource.datasourceIdentifier)})).finally((()=>C(!1))))}),[t]);(0,n.useEffect)((()=>{void 0!==t&&0!==m.length&&0===S.length&&F()}),[t,m,S,F]),(0,n.useEffect)((()=>{$&&F()}),[$,F]),(0,n.useEffect)((()=>{t||L([])}),[t]);const R=(0,n.useCallback)((()=>{h(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>{h(c.cr.slice.actions.registerEditor({uniqid:e,name:k.WidgetsName.DatasourceTable}))}),0)}),[h,e]);(0,n.useEffect)((()=>{"view"!==y&&"preview"!==y||h(c.cr.slice.actions.flushAllEditor())}),[y,h]),(0,n.useEffect)((()=>{v||t||"edit"!==y||(R(),b(!0))}),[h,e,v,t,R,y]);const G=(0,n.useMemo)((()=>tt(m,S)),[m,S]);return 0!==m.length||x||"edit"!==y?x?l().createElement(rt,null,l().createElement(nt,null)):l().createElement(l().Fragment,null,x||0!==w.length?l().createElement(it,{rows:w,columns:G,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableBorderRadius:g,tableColumnsData:m,tableSizedColumns:p,tableSizedColumnsWidth:f,tableDefaultSortOrder:T.order,tableDefaultSortName:T.name}):l().createElement(rt,null,l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===y?l().createElement(at,{onClick:R},l().createElement(ot,{__html:`${E.formatMessage({id:"WIDGET_Set_Widget"})} <b>${E.formatMessage({id:j.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(rt,{onClick:R},l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:j.label}),l().createElement(lt,{label:"GLOBAL_Settings"})),l().createElement(at,{onClick:R},l().createElement(ot,{__html:`${E.formatMessage({id:"WIDGET_Set_Widget"})} <b>${E.formatMessage({id:j.label})}</b>`})))},ct=u.default.registry.getLazyComponent("WidgetTable"),dt=u.default.registry.getLazyComponent("Loader"),ut=u.default.registry.getLazyComponent("Button"),mt=u.default.registry.getLazyComponent("Html"),gt=(r().div``,r().div`
240
+ `,ct=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableColumnsData:m=[],tableBorderRadius:g,tableSizedColumns:p,tableSizedColumnsWidth:f,mode:E})=>{const y=(0,a.useIntl)(),h=(0,Se.jL)(),[v,b]=(0,n.useState)(!1),[x,C]=(0,n.useState)(!1),[w,q]=(0,n.useState)([]),[S,L]=(0,n.useState)([]),[A,M]=(0,n.useState)({order:"ascending",name:"unknown"}),[T,I]=(0,n.useState)(void 0),[_,O]=(0,n.useState)(""),j=(0,n.useMemo)((()=>c.x0.definition(k.WidgetsName.DatasourceTable)),[]),$=(0,n.useMemo)((()=>"studio"===T?[{type:[_]}]:[]),[T,_]),z=(0,n.useMemo)((()=>"doc"===T?[_]:[]),[T,_]),{rtLastObject:D}=(0,te.YL)($,z),F=(0,n.useCallback)((()=>{t&&(C(!0),W().datasource.get(t,k.Format.VIEW).then((e=>{L(e.result.model),q(e.result.data),M(e.result.sort),I(e.result.datasource.datasourceType),O(e.result.datasource.datasourceIdentifier)})).finally((()=>C(!1))))}),[t]);(0,n.useEffect)((()=>{void 0!==t&&0!==m.length&&0===S.length&&F()}),[t,m,S,F]),(0,n.useEffect)((()=>{D&&F()}),[D,F]),(0,n.useEffect)((()=>{t||L([])}),[t]);const R=(0,n.useCallback)((()=>{h(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>{h(c.cr.slice.actions.registerEditor({uniqid:e,name:k.WidgetsName.DatasourceTable}))}),0)}),[h,e]);(0,n.useEffect)((()=>{"view"!==E&&"preview"!==E||h(c.cr.slice.actions.flushAllEditor())}),[E,h]),(0,n.useEffect)((()=>{v||t||"edit"!==E||(R(),b(!0))}),[h,e,v,t,R,E]);const G=(0,n.useMemo)((()=>it(m,S)),[m,S]);return 0!==m.length||x||"edit"!==E?x?l().createElement(at,null,l().createElement(lt,null)):l().createElement(l().Fragment,null,x||0!==w.length?l().createElement(nt,{rows:w,columns:G,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableBorderRadius:g,tableColumnsData:m,tableSizedColumns:p,tableSizedColumnsWidth:f,tableDefaultSortOrder:A.order,tableDefaultSortName:A.name}):l().createElement(at,null,l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===E?l().createElement(st,{onClick:R},l().createElement(rt,{__html:`${y.formatMessage({id:"WIDGET_Set_Widget"})} <b>${y.formatMessage({id:j.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(at,{onClick:R},l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:j.label}),l().createElement(ot,{label:"GLOBAL_Settings"})),l().createElement(st,{onClick:R},l().createElement(rt,{__html:`${y.formatMessage({id:"WIDGET_Set_Widget"})} <b>${y.formatMessage({id:j.label})}</b>`})))},dt=u.default.registry.getLazyComponent("WidgetTable"),ut=u.default.registry.getLazyComponent("Loader"),mt=u.default.registry.getLazyComponent("Button"),gt=u.default.registry.getLazyComponent("Html"),pt=(r().div``,r().div`
243
241
  position: absolute;
244
242
  inset: 0;
245
243
  display: flex;
@@ -247,7 +245,7 @@
247
245
  justify-content: center;
248
246
  align-items: center;
249
247
  gap: ${e=>e.theme.space.md}px;
250
- `),pt=r().div`
248
+ `),ft=r().div`
251
249
  position: absolute;
252
250
  inset: 0;
253
251
  display: flex;
@@ -263,42 +261,21 @@
263
261
  background-color: ${e=>e.theme.color.grey2};
264
262
  opacity: 0.9;
265
263
  }
266
- `,ft=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableColumnsData:m=[],tableBorderRadius:g,tableSizedColumns:p,tableSizedColumnsWidth:f,mode:y})=>{const E=(0,a.useIntl)(),h=(0,Le.jL)(),[v,b]=(0,n.useState)(!1),[x,C]=(0,n.useState)(!1),[w,q]=(0,n.useState)([]),[S,L]=(0,n.useState)([]),T=(0,n.useMemo)((()=>c.x0.definition(k.WidgetsName.ExcelDatasourceTable)),[]);(0,n.useEffect)((()=>{void 0!==t&&0!==m.length&&0===S.length&&(C(!0),W().datasource.get(t,k.Format.VIEW).then((e=>{L(e.result.model),q(e.result.data)})).finally((()=>C(!1))))}),[t,m,S]),(0,n.useEffect)((()=>{t||L([])}),[t]);const M=(0,n.useCallback)((()=>{h(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>h(c.cr.slice.actions.registerEditor({uniqid:e,name:k.WidgetsName.ExcelDatasourceTable}))),0)}),[h,e]);(0,n.useEffect)((()=>{"view"!==y&&"preview"!==y||h(c.cr.slice.actions.flushAllEditor())}),[y,h]),(0,n.useEffect)((()=>{v||t||"edit"!==y||(M(),b(!0))}),[h,e,v,t,M,y]);const A=(0,n.useMemo)((()=>tt(m,S)),[m,S]);return 0!==m.length||x||"edit"!==y?x?l().createElement(gt,null,l().createElement(dt,null)):l().createElement(l().Fragment,null,x||0!==w.length?l().createElement(ct,{rows:w,columns:A,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableBorderRadius:g,tableColumnsData:m,tableSizedColumns:p,tableSizedColumnsWidth:f}):l().createElement(gt,null,l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.ExcelDatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===y?l().createElement(pt,{onClick:M},l().createElement(mt,{__html:`${E.formatMessage({id:"WIDGET_Set_Widget"})} <b>${E.formatMessage({id:T.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(gt,{onClick:M},l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.ExcelDatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:T.label}),l().createElement(ut,{label:"GLOBAL_Settings"})),l().createElement(pt,{onClick:M},l().createElement(mt,{__html:`${E.formatMessage({id:"WIDGET_Set_Widget"})} <b>${E.formatMessage({id:T.label})}</b>`})))},yt=u.default.registry.getLazyComponent("Button"),Et=u.default.registry.getLazyComponent("Icon"),ht=u.default.registry.getLazyComponent("ModalLayout"),vt=u.default.registry.getLazyComponent("ModalContent"),bt=u.default.registry.getLazyComponent("Tooltip"),xt=r().button`
267
- padding: ${e=>e.theme.space.md}px;
268
- `,Ct=r().div`
269
- padding: ${e=>e.theme.space.md}px;
270
- display: flex;
271
- flex-direction: row-reverse;
272
- `,wt=({id:e,type:t,uniqid:i})=>{const o=(0,d.useDispatch)(),r=(0,a.useIntl)(),[s,u]=(0,n.useState)(!1);return l().createElement(l().Fragment,null,l().createElement(xt,{onClick:()=>u(!0)},l().createElement(bt,{description:r.formatMessage({id:"WIDGET_Remove_Widget"})},l().createElement(Et,{name:"icon-trash",color:"orange"}))),s&&l().createElement(ht,{enableClickAwayCloseModal:!0,open:s,closeHandler:()=>u(!1)},l().createElement(vt,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Remove_Widget"}),onClickIconClose:()=>u(!1)},r.formatMessage({id:"WIDGET_Delete_Widget_Confirmation"})),l().createElement(Ct,null,l().createElement(yt,{label:r.formatMessage({id:"GLOBAL_Confirm"}),onClick:()=>{W().widget.removeWidget({id:e,type:t,uniqid:i}).then((()=>{o(c.x0.slice.actions.flushWidget({uniqid:i}))})).catch((()=>o(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}}))))},kt=r().div`
273
- display: flex;
274
- flex: 1;
275
- flex-direction: row;
276
- border-top: 1px solid ${e=>e.theme.color.grey1};
277
- `,Wt=r().button`
278
- padding: ${e=>e.theme.space.md}px;
279
- display: flex;
280
- flex: 1;
281
- justify-content: center;
282
- align-items: center;
283
- background-color: ${e=>e.theme.color.white};
284
- &:hover {
285
- background-color: ${e=>e.theme.color.grey1};
286
- }
287
- `,qt=({id:e,type:t,name:i,uniqid:o})=>{const r=(0,a.useIntl)(),s=(0,d.useDispatch)(),u=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObject(e,o)),d.shallowEqual),m=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,o)),d.shallowEqual),g=(0,n.useMemo)((()=>u&&m&&m.update),[u,m]),p=(0,n.useCallback)((()=>{s(c.cr.slice.actions.registerEditor({uniqid:o,name:i,onSave:e=>{u&&u.id&&u.type&&(0,k.ensureWidgetPresenceContent)(e)&&W().widget.updateWidget({id:u.id,type:u.type,uniqid:o,content:e,v2:!0}).catch((()=>s(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}}))}),[o,s,i,u]);return g?l().createElement(kt,null,l().createElement(Wt,{onClick:p},r.formatMessage({id:"WIDGET_Set_Widget"})),l().createElement(wt,{id:e,type:t,uniqid:o})):l().createElement(l().Fragment,null)},St=r().div`
264
+ `,Et=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableColumnsData:m=[],tableBorderRadius:g,tableSizedColumns:p,tableSizedColumnsWidth:f,mode:E})=>{const y=(0,a.useIntl)(),h=(0,Se.jL)(),[v,b]=(0,n.useState)(!1),[x,C]=(0,n.useState)(!1),[w,q]=(0,n.useState)([]),[S,L]=(0,n.useState)([]),A=(0,n.useMemo)((()=>c.x0.definition(k.WidgetsName.ExcelDatasourceTable)),[]);(0,n.useEffect)((()=>{void 0!==t&&0!==m.length&&0===S.length&&(C(!0),W().datasource.get(t,k.Format.VIEW).then((e=>{L(e.result.model),q(e.result.data)})).finally((()=>C(!1))))}),[t,m,S]),(0,n.useEffect)((()=>{t||L([])}),[t]);const M=(0,n.useCallback)((()=>{h(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>h(c.cr.slice.actions.registerEditor({uniqid:e,name:k.WidgetsName.ExcelDatasourceTable}))),0)}),[h,e]);(0,n.useEffect)((()=>{"view"!==E&&"preview"!==E||h(c.cr.slice.actions.flushAllEditor())}),[E,h]),(0,n.useEffect)((()=>{v||t||"edit"!==E||(M(),b(!0))}),[h,e,v,t,M,E]);const T=(0,n.useMemo)((()=>it(m,S)),[m,S]);return 0!==m.length||x||"edit"!==E?x?l().createElement(pt,null,l().createElement(ut,null)):l().createElement(l().Fragment,null,x||0!==w.length?l().createElement(dt,{rows:w,columns:T,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableBorderRadius:g,tableColumnsData:m,tableSizedColumns:p,tableSizedColumnsWidth:f}):l().createElement(pt,null,l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.ExcelDatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===E?l().createElement(ft,{onClick:M},l().createElement(gt,{__html:`${y.formatMessage({id:"WIDGET_Set_Widget"})} <b>${y.formatMessage({id:A.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(pt,{onClick:M},l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.ExcelDatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:A.label}),l().createElement(mt,{label:"GLOBAL_Settings"})),l().createElement(ft,{onClick:M},l().createElement(gt,{__html:`${y.formatMessage({id:"WIDGET_Set_Widget"})} <b>${y.formatMessage({id:A.label})}</b>`})))},yt=r().div`
288
265
  padding: ${e=>e.theme.space.md}px;
289
- `,Lt=r().a`
266
+ `,ht=r().a`
290
267
  cursor: pointer;
291
268
  color: ${e=>e.theme.color.secondary};
292
- `,Tt=r().div`
269
+ `,vt=r().div`
293
270
  display: flex;
294
271
  justify-content: center;
295
272
  align-items: center;
296
- `,Mt=({mode:e,uniqid:t,isClosed:i})=>{const o=(0,a.useIntl)(),r=(0,d.useDispatch)(),s=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObject(e,t)),d.shallowEqual),u=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,t)),d.shallowEqual),m=(0,n.useMemo)((()=>s&&u&&u.update),[s,u]),g=(0,n.useCallback)((()=>{if("edit"===e||!m)return;if(!(0,k.ensureWidgetObjectHasMinimumProperties)(s))return;const n={isClosed:!i};W().widget.updateWidget({id:s.id,type:s.type,uniqid:t,content:n,v2:!0}).then((()=>r(c.x0.slice.actions.updateWidget({uniqid:t,content:n})))).catch((()=>r(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}),[i,e,t,m,s,r]);return l().createElement(St,null,l().createElement(Tt,null,l().createElement(Lt,{onClick:g},o.formatMessage({id:"WIDGET_Presence_Closing"}))))},At=u.default.registry.getLazyComponent("Loader"),It=u.default.registry.getLazyComponent("WidgetPresence"),_t=r().div`
273
+ `,bt=({mode:e,uniqid:t,isClosed:i})=>{const o=(0,a.useIntl)(),r=(0,d.useDispatch)(),s=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObject(e,t)),d.shallowEqual),u=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,t)),d.shallowEqual),m=(0,n.useMemo)((()=>s&&u&&u.update),[s,u]),g=(0,n.useCallback)((()=>{if("edit"===e||!m)return;if(!(0,k.ensureWidgetObjectHasMinimumProperties)(s))return;const n={isClosed:!i};W().widget.updateWidget({id:s.id,type:s.type,uniqid:t,content:n,v2:!0}).then((()=>r(c.x0.slice.actions.updateWidget({uniqid:t,content:n})))).catch((()=>r(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}),[i,e,t,m,s,r]);return l().createElement(yt,null,l().createElement(vt,null,l().createElement(ht,{onClick:g},o.formatMessage({id:"WIDGET_Presence_Closing"}))))},xt=u.default.registry.getLazyComponent("Loader"),Ct=u.default.registry.getLazyComponent("WidgetPresence"),wt=r().div`
297
274
  display: flex;
298
275
  flex: 1;
299
276
  position: relative;
300
277
  flex-direction: column;
301
- `,Ot=r().div`
278
+ `,kt=r().div`
302
279
  position: absolute;
303
280
  inset: 0;
304
281
  background-color: rgba(255, 255, 255, 0.7);
@@ -306,17 +283,37 @@
306
283
  flex: 1;
307
284
  justify-content: center;
308
285
  align-items: center;
309
- `,jt=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{limit:o,limitValue:r,closing:a,isClosed:s}=e.content,[m,g]=(0,n.useState)({userValue:-1,userAvailableList:[],userUnavailableList:[],userAvailableTotal:0,userUnavailableTotal:0}),[p,f]=(0,n.useState)(!1),[y]=(0,n.useState)(new AbortController),E=(0,n.useRef)(y),h=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e.uniqid)),d.shallowEqual),v=(0,d.useSelector)((t=>c.x0.selectors.selectAllWidgetRTObject(t,e.uniqid)),d.shallowEqual),b=(0,n.useCallback)((()=>i(c.y8.actions.error({label:"WIDGET_Presence_Error"}))),[i]),x=(0,n.useMemo)((()=>a&&s||"edit"===t),[a,s,t]),C=(0,n.useCallback)((()=>{x||((0,k.ensureWidgetObjectHasMinimumProperties)(h)?(f(!0),W().widget.presenceCancel({id:Number(h.id),type:h.type,uniqid:e.uniqid}).catch(b).finally((()=>f(!1)))):b())}),[h,e,b,x]),w=(0,n.useCallback)((t=>{if(x)return;if(!(0,k.ensureWidgetObjectHasMinimumProperties)(h))return void b();f(!0);const n={id:Number(h.id),type:h.type,uniqid:e.uniqid,value:t};if(!(0,k.ensureWidgetPresenceResponsePayload)(n))return f(!1),void i(c.y8.actions.error({label:"WIDGET_Presence_Payload_Error"}));W().widget.presenceRespond(n,E.current.signal).catch(b).finally((()=>f(!1)))}),[h,i,e,b,x]),q=(0,n.useCallback)(((e,n,l)=>{"edit"!==t&&(o&&r&&m.userAvailableTotal>=r?i(c.y8.actions.error({label:"WIDGET_Presence_Limit_Response_Error"})):W().widget.presenceGetResponse({id:e,type:n,uniqid:l},E.current.signal).then((e=>{g(e.result)})).catch((e=>!e.aborted&&b())))}),[i,m.userAvailableTotal,o,r,b,t]);return(0,n.useEffect)((()=>()=>{E&&E.current&&E.current.abort()}),[]),(0,n.useEffect)((()=>{(0,k.ensureWidgetObjectHasMinimumProperties)(h)&&q(h.id,h.type,e.uniqid)}),[q,h,e]),(0,n.useEffect)((()=>{if(!Array.isArray(v))return;const t=v.at(-1);t&&(t.object.id!==Number(null==h?void 0:h.id)||t.uniqid!==e.uniqid||p||q(t.object.id,t.object.type,e.uniqid))}),[v,h,q,e,p]),l().createElement(u.RTProvider,{useRT:()=>{(0,te.AW)(e.uniqid)}},l().createElement(_t,null,l().createElement(It,{limit:o,limitValue:r,userAvailableList:m.userAvailableList,userUnavailableList:m.userUnavailableList,userValue:m.userValue,userAvailableTotal:null==m?void 0:m.userAvailableTotal,userUnavailableTotal:null==m?void 0:m.userUnavailableTotal,isClosed:a&&s,handleClickAvailable:()=>1===m.userValue?C():w(1),handleClickUnavailable:()=>0===m.userValue?C():w(0)}),p&&l().createElement(Ot,null,l().createElement(At,{size:"l"})),a&&!s&&l().createElement(Mt,{mode:t,uniqid:e.uniqid,isClosed:s}),(0,k.ensureWidgetObjectHasMinimumProperties)(h)&&l().createElement(qt,{id:h.id,type:h.type,uniqid:e.uniqid,name:e.name})))},Dt=r().div`
286
+ `,Wt=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{limit:o,limitValue:r,closing:a,isClosed:s}=e.content,[m,g]=(0,n.useState)({userValue:-1,userAvailableList:[],userUnavailableList:[],userAvailableTotal:0,userUnavailableTotal:0}),[p,f]=(0,n.useState)(!1),[E]=(0,n.useState)(new AbortController),y=(0,n.useRef)(E),h=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e.uniqid)),d.shallowEqual),v=(0,d.useSelector)((t=>c.x0.selectors.selectAllWidgetRTObject(t,e.uniqid)),d.shallowEqual),b=(0,n.useCallback)((()=>i(c.y8.actions.error({label:"WIDGET_Presence_Error"}))),[i]),x=(0,n.useMemo)((()=>a&&s||"edit"===t),[a,s,t]),C=(0,n.useCallback)((()=>{x||((0,k.ensureWidgetObjectHasMinimumProperties)(h)?(f(!0),W().widget.presenceCancel({id:Number(h.id),type:h.type,uniqid:e.uniqid}).catch(b).finally((()=>f(!1)))):b())}),[h,e,b,x]),w=(0,n.useCallback)((t=>{if(x)return;if(!(0,k.ensureWidgetObjectHasMinimumProperties)(h))return void b();f(!0);const n={id:Number(h.id),type:h.type,uniqid:e.uniqid,value:t};if(!(0,k.ensureWidgetPresenceResponsePayload)(n))return f(!1),void i(c.y8.actions.error({label:"WIDGET_Presence_Payload_Error"}));W().widget.presenceRespond(n,y.current.signal).catch(b).finally((()=>f(!1)))}),[h,i,e,b,x]),q=(0,n.useCallback)(((e,n,l)=>{"edit"!==t&&(o&&r&&m.userAvailableTotal>=r?i(c.y8.actions.error({label:"WIDGET_Presence_Limit_Response_Error"})):W().widget.presenceGetResponse({id:e,type:n,uniqid:l},y.current.signal).then((e=>{g(e.result)})).catch((e=>!e.aborted&&b())))}),[i,m.userAvailableTotal,o,r,b,t]);return(0,n.useEffect)((()=>()=>{y&&y.current&&y.current.abort()}),[]),(0,n.useEffect)((()=>{(0,k.ensureWidgetObjectHasMinimumProperties)(h)&&q(h.id,h.type,e.uniqid)}),[q,h,e]),(0,n.useEffect)((()=>{if(!Array.isArray(v))return;const t=v.at(-1);t&&(t.object.id!==Number(null==h?void 0:h.id)||t.uniqid!==e.uniqid||p||q(t.object.id,t.object.type,e.uniqid))}),[v,h,q,e,p]),l().createElement(u.RTProvider,{useRT:()=>{(0,te.AW)(e.uniqid)}},l().createElement(wt,null,l().createElement(Ct,{limit:o,limitValue:r,userAvailableList:m.userAvailableList,userUnavailableList:m.userUnavailableList,userValue:m.userValue,userAvailableTotal:null==m?void 0:m.userAvailableTotal,userUnavailableTotal:null==m?void 0:m.userUnavailableTotal,isClosed:a&&s,handleClickAvailable:()=>1===m.userValue?C():w(1),handleClickUnavailable:()=>0===m.userValue?C():w(0)}),p&&l().createElement(kt,null,l().createElement(xt,{size:"l"})),a&&!s&&l().createElement(bt,{mode:t,uniqid:e.uniqid,isClosed:s}),"view"===t&&l().createElement(Ye,{uniqid:e.uniqid,name:e.name,mode:t})))},qt=r().div`
287
+ padding: ${e=>e.theme.space.md}px;
288
+ border-bottom: 1px solid ${e=>e.theme.color.grey1};
289
+ `,St=({uniqid:e})=>{const t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual);return l().createElement(qt,null,null==t?void 0:t.title)};var Lt=i(655);const At=({uniqid:e})=>{var t;const i=(0,a.useIntl)(),o=(0,d.useDispatch)(),[r,u]=(0,n.useState)(""),m=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),{control:g,watch:p}=(0,Lt.useForm)({defaultValues:{widgetTitle:null!==(t=null==m?void 0:m.title)&&void 0!==t?t:""},criteriaMode:"all"});return(0,n.useEffect)((()=>{const t=setTimeout((()=>{o(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:r}))}),800);return()=>clearTimeout(t)}),[r,o,e]),(0,n.useEffect)((()=>{const e=p((e=>{var t;u(null!==(t=e.widgetTitle)&&void 0!==t?t:"")}));return()=>e.unsubscribe()}),[p,o,e]),l().createElement(s.JRCInputText,{name:"widgetTitle",control:g,placeholder:i.formatMessage({id:"GLOBAL_Title"}),width:"100%"})},Mt=u.default.registry.getLazyComponent("Button"),Tt=u.default.registry.getLazyComponent("ModalLayout"),It=u.default.registry.getLazyComponent("ModalContent"),_t=r().div`
290
+ padding: ${e=>e.theme.space.md}px;
310
291
  display: flex;
292
+ flex-direction: row-reverse;
293
+ `,Ot=r().div`
311
294
  flex: 1;
312
- flex-direction: column;
313
- `,zt=r().div`
314
- padding: 0 ${e=>e.theme.space.md}px;
295
+ display: flex;
296
+ flex-direction: row;
297
+ gap: ${e=>e.theme.space.sm}px;
298
+ padding: ${e=>e.theme.space.sm}px;
315
299
  border-bottom: 1px solid ${e=>e.theme.color.grey1};
300
+ `,jt=r().div`
301
+ flex: 1;
302
+ display: flex;
303
+ :first-child {
304
+ margin: 0px !important;
305
+ }
316
306
  `,$t=r().div`
317
- padding: ${e=>e.theme.space.md}px;
307
+ display: flex;
308
+ gap: ${e=>e.theme.space.sm}px;
309
+ `,zt=({uniqid:e,name:t,handleOpenEditor:i})=>{const o=(0,Se.jL)(),r=(0,a.useIntl)(),[d,u]=(0,n.useState)(!1),m=(0,n.useCallback)((()=>{o(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))}),[e,o,t]),g=(0,n.useCallback)((()=>{o(c.x0.slice.actions.flushWidget({uniqid:e}))}),[e,o]);return l().createElement(l().Fragment,null,l().createElement(Ot,null,l().createElement(jt,null,l().createElement(At,{uniqid:e})),l().createElement($t,null,l().createElement(s.JRCIconButton,{icon:"icon-pencil",bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:14,onClick:null!=i?i:m,title:r.formatMessage({id:"BUTTON_Title_Open_Edit_Panel"})}),l().createElement(s.JRCIconButton,{icon:"icon-trash",bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:14,onClick:()=>u(!0),title:r.formatMessage({id:"BUTTON_Title_Open_Remove_Widget"})}))),d&&l().createElement(Tt,{enableClickAwayCloseModal:!0,open:d,closeHandler:()=>u(!1)},l().createElement(It,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Remove_Widget"}),onClickIconClose:()=>u(!1)},r.formatMessage({id:"WIDGET_Delete_Widget_Confirmation"})),l().createElement(_t,null,l().createElement(Mt,{label:r.formatMessage({id:"GLOBAL_Confirm"}),onClick:g}))))},Dt=r().div`
310
+ display: flex;
311
+ flex: 1;
312
+ flex-direction: column;
313
+ `,Ft=(r().div`
314
+ padding: 0 ${e=>e.theme.space.md}px;
318
315
  border-bottom: 1px solid ${e=>e.theme.color.grey1};
319
- `,Ft=u.default.registry.getLazyComponent("InputText"),Rt=({widget:e,commentId:t,width:i,inplace:n=!1,mode:o="view",deleteRight:r,onWidgetUpdate:a,onRemove:s,cannotDisplayComponent:c})=>{const{name:d}=e;return(0,k.ensureWidgetArticleButtonType)(e)?l().createElement(pe,{widget:e,inplace:n,mode:o}):(0,k.ensureWidgetArticleGalleryType)(e)?l().createElement(ve,{widget:e,inplace:n,mode:o}):(0,k.ensureWidgetArticleAttachmentType)(e)?l().createElement(de,{widget:e,inplace:n,mode:o}):(0,k.ensureWidgetArticleImageType)(e)?l().createElement(Se,{widget:e,inplace:n,mode:o}):(0,k.ensureWidgetArticleSliderType)(e)?l().createElement(je,{widget:e,inplace:n,mode:o,width:null!=i?i:800}):(0,k.ensureWidgetArticleTitleType)(e)?l().createElement(He,{widget:e,inplace:n,mode:o}):(0,k.ensureWidgetArticleTextType)(e)?l().createElement($e,{widget:e,inplace:n,mode:o}):(0,k.ensureWidgetExcelDatasourceTableType)(e)?l().createElement(Dt,null,l().createElement(Gt,{uniqid:e.uniqid}),l().createElement(ft,Object.assign({},e.content,{uniqid:e.uniqid,mode:o}))):(0,k.ensureWidgetDatasourceTableType)(e)?l().createElement(Dt,null,l().createElement(Gt,{uniqid:e.uniqid}),l().createElement(st,Object.assign({},e.content,{uniqid:e.uniqid,mode:o}))):(0,k.ensureWidgetCheckListType)(e)?l().createElement(et,{widget:e,commentId:t,inplace:n,mode:o,deleteRight:null!=r&&r,onRemove:s,onWidgetUpdate:a}):(0,k.ensureWidgetPresenceType)(e)?l().createElement(Dt,null,"edit"===o?l().createElement(Bt,{uniqid:e.uniqid}):l().createElement(Gt,{uniqid:e.uniqid}),l().createElement(jt,{widget:e,inplace:n,mode:o})):c?l().createElement(l().Fragment,null,c(d)):l().createElement(l().Fragment,null,"cannot display widget (",d,")")},Gt=({uniqid:e})=>{const t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual);return l().createElement($t,null,null==t?void 0:t.title)},Bt=({uniqid:e})=>{var t;const i=(0,a.useIntl)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),o=(0,d.useDispatch)(),{control:r,watch:s}=(0,ie.useForm)({defaultValues:{widgetTitle:null!==(t=null==n?void 0:n.title)&&void 0!==t?t:""},criteriaMode:"all"});return l().useEffect((()=>{const t=s((t=>{o(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:t.widgetTitle}))}));return()=>t.unsubscribe()}),[s,o,e]),l().createElement(zt,null,l().createElement(Ft,{name:"widgetTitle",control:r,placeholder:i.formatMessage({id:"GLOBAL_Title"})}))},Ht=(r().div`
316
+ `,({widget:e,width:t,inplace:i=!1,mode:n="view",onWidgetUpdate:o,cannotDisplayComponent:r})=>{const{name:a}=e;return(0,k.ensureWidgetArticleButtonType)(e)?l().createElement(ge,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleGalleryType)(e)?l().createElement(he,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleAttachmentType)(e)?l().createElement(ce,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleImageType)(e)?l().createElement(qe,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleSliderType)(e)?l().createElement(Oe,{widget:e,inplace:i,mode:n,width:null!=t?t:800}):(0,k.ensureWidgetArticleTitleType)(e)?l().createElement(Be,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleTextType)(e)?l().createElement(ze,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetExcelDatasourceTableType)(e)?l().createElement(Dt,null,l().createElement(St,{uniqid:e.uniqid}),l().createElement(Et,Object.assign({},e.content,{uniqid:e.uniqid,mode:n}))):(0,k.ensureWidgetDatasourceTableType)(e)?l().createElement(Dt,null,l().createElement(St,{uniqid:e.uniqid}),l().createElement(ct,Object.assign({},e.content,{uniqid:e.uniqid,mode:n}))):(0,k.ensureWidgetCheckListType)(e)?l().createElement(Dt,null,"edit"===n?l().createElement(zt,{name:e.name,uniqid:e.uniqid}):l().createElement(St,{uniqid:e.uniqid}),l().createElement(tt,{widget:e,inplace:i,mode:n,onWidgetUpdate:o})):(0,k.ensureWidgetPresenceType)(e)?l().createElement(Dt,null,"edit"===n?l().createElement(zt,{name:e.name,uniqid:e.uniqid}):l().createElement(St,{uniqid:e.uniqid}),l().createElement(Wt,{widget:e,inplace:i,mode:n})):r?l().createElement(l().Fragment,null,r(a)):l().createElement(l().Fragment,null,"cannot display widget (",a,")")}),Rt=(r().div`
320
317
  height: 0;
321
318
  overflow: hidden;
322
319
  `,r().div`
@@ -358,25 +355,30 @@
358
355
  min-height: 200px;
359
356
  `,r().div`
360
357
  display: flex;
361
- `),Nt=r().div`
358
+ `),Gt=r().div`
362
359
  position: absolute;
363
360
  inset: 0;
364
361
  opacity: ${e=>e.opacity};
365
362
  background-color: ${e=>e.backgroundColor};
366
363
  pointer-events: ${e=>e.pointerEvents};
367
- `,Pt=u.default.registry.getLazyComponent("DoubleClick"),Ut=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,null==i?void 0:i.map(((e,t)=>l().createElement(Vt,{uniqid:e,key:t,mode:"edit"}))))},Vt=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(Nt,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},i.widgets.map(((e,t)=>l().createElement(Jt,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(Nt,{opacity:i.visible?1:0,backgroundColor:i.visible?"rgba(255,255,255,.1)":"transparent",pointerEvents:i.locked?"none":"all"},i.widgets.map(((e,t)=>l().createElement(Jt,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},Jt=({uniqid:e,layerId:t,mode:i})=>{const n=(0,d.useDispatch)(),o=(0,d.useSelector)((t=>t.widgets.ids[e]),d.shallowEqual),r=(0,d.useSelector)((e=>e.widgets.layers[t]));return o&&r&&r.position?"view"===i?l().createElement("div",{style:{position:"absolute",top:r.position.y,left:r.position.x}},l().createElement(Zt,{uniqid:e,widget:o,mode:i,inplace:!0})):l().createElement(Qt,{position:{x:r.position.x,y:r.position.y},onMouseUp:e=>{(r.position&&r.position.x!==e.x||r.position&&r.position.y!==e.y)&&(e=>{n(c.x0.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(Pt,{onDoubleTap:()=>((e,t)=>{n(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(Zt,{uniqid:e,widget:o,mode:i,inplace:!0}))):l().createElement(l().Fragment,null)},Qt=({position:e,children:t,onMouseUp:i})=>{const[o,r]=l().useState(!1),[a,s]=l().useState({x:0,y:0}),[c,d]=l().useState({x:0,y:0}),[u,m]=l().useState({x:e.x,y:e.y}),g=l().useRef(null),p=(0,n.useCallback)((e=>{r(!0),g.current&&(s({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY}),d({x:u.x,y:u.y}))}),[u.x,u.y]),f=l().useCallback((e=>{if(o&&g.current){const t=c.x+(e.clientX-a.x),i=c.y+(e.clientY-a.y);m({x:t,y:i})}}),[a.x,a.y,o,c.x,c.y]),y=(0,n.useCallback)((()=>{r(!1),i({x:u.x,y:u.y})}),[u.x,u.y,i]);return l().useEffect((()=>(document.addEventListener("mousemove",f),document.addEventListener("mouseup",y),()=>{document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",y)})),[f,y]),l().createElement("div",{style:{position:"absolute",top:u.y,left:u.x},ref:g,onMouseDown:p},t)},Kt=u.default.registry.getLazyComponent("Loader"),Yt=({name:e,uniqid:t,inplace:i})=>{const n=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetState(e,t))),o=c.x0.definition(e);return(null==n?void 0:n.loading)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement(Kt,null)):(null==n?void 0:n.hover)?l().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?l().createElement(l().Fragment,null):l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,1)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement("img",{src:o.img}))},Xt=({uniqid:e,widgetObject:t,commentId:i,widget:o,inplace:r=!0,mode:a,width:s,deleteRight:u,onWidgetUpdate:m,onRemove:g,cannotDisplayComponent:p})=>{const f=(0,d.useDispatch)(),y=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),E=(0,d.useSelector)((t=>t.widgets.editableMap[e]),d.shallowEqual),h=(0,d.useSelector)((e=>e.widgets.currentEditableWidgetId),d.shallowEqual),v=(0,d.useSelector)((t=>t.widgets.currentEditableWidgetId===e),d.shallowEqual),{ref:b,isComponentVisible:x,setIsComponentVisible:C}=(0,te.xv)(!1);if((0,n.useEffect)((()=>{t&&f(c.x0.slice.actions.registerWidgetObject({uniqid:e,object:t}))}),[]),(0,n.useEffect)((()=>{o&&f(c.x0.slice.actions.registerWidget({uniqid:e,widget:o}))}),[]),(0,n.useEffect)((()=>{x||e===h&&f(c.x0.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[x]),(0,n.useEffect)((()=>{x!==v&&C(v)}),[v]),void 0===y)return l().createElement(l().Fragment,null,"This widget cannot be displayed");const w=y.widget,W=()=>{"edit"===a?q():(0,k.ensureWidgetArticleButtonType)(w)&&"link"===w.content.openingType&&w.content.openingTypeLink&&window.open(w.content.openingTypeLink.url,w.content.openingTypeLink.target)},q=()=>{if("view"===a)return;const{widget:e}=y;f(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))};return r&&"view"!==a?l().createElement(Ht,{ref:b,onClick:()=>{C(!0),E&&(f(c.x0.slice.actions.setEditableIndex({index:E.index})),f(c.x0.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(Rt,{width:s,widget:Object.assign(Object.assign({},y.widget),y.title&&{title:y.title}),inplace:r,mode:a,onClick:W,onRemove:g}),l().createElement(Ut,{uniqid:e,mode:a}),l().createElement(Yt,{name:y.widget.name,uniqid:y.widget.uniqid,inplace:r})):l().createElement(Ht,{onClick:q},l().createElement(Rt,{widget:Object.assign(Object.assign({},y.widget),y.title&&{title:y.title}),commentId:i,inplace:r,mode:a,width:s,onClick:W,deleteRight:u,onWidgetUpdate:m,onRemove:g,cannotDisplayComponent:p}),l().createElement(Ut,{uniqid:e,mode:a}),l().createElement(Yt,{name:y.widget.name,uniqid:y.widget.uniqid,inplace:r}))},Zt=Xt;var ei=function(e,t,i,n){return new(i||(i=Promise))((function(l,o){function r(e){try{s(n.next(e))}catch(e){o(e)}}function a(e){try{s(n.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?l(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}s((n=n.apply(e,t||[])).next())}))};const ti=u.default.registry.getLazyComponent("JRCCommentsBloc"),ii=u.default.registry.getLazyComponent("Message"),ni=r().div`
364
+ `,Bt=u.default.registry.getLazyComponent("DoubleClick"),Ht=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,null==i?void 0:i.map(((e,t)=>l().createElement(Pt,{uniqid:e,key:t,mode:"edit"}))))},Pt=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(Gt,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},i.widgets.map(((e,t)=>l().createElement(Nt,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(Gt,{opacity:i.visible?1:0,backgroundColor:i.visible?"rgba(255,255,255,.1)":"transparent",pointerEvents:i.locked?"none":"all"},i.widgets.map(((e,t)=>l().createElement(Nt,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},Nt=({uniqid:e,layerId:t,mode:i})=>{const n=(0,d.useDispatch)(),o=(0,d.useSelector)((t=>t.widgets.ids[e]),d.shallowEqual),r=(0,d.useSelector)((e=>e.widgets.layers[t]));return o&&r&&r.position?"view"===i?l().createElement("div",{style:{position:"absolute",top:r.position.y,left:r.position.x}},l().createElement(Kt,{uniqid:e,widget:o,mode:i,inplace:!0})):l().createElement(Ut,{position:{x:r.position.x,y:r.position.y},onMouseUp:e=>{(r.position&&r.position.x!==e.x||r.position&&r.position.y!==e.y)&&(e=>{n(c.x0.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(Bt,{onDoubleTap:()=>((e,t)=>{n(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(Kt,{uniqid:e,widget:o,mode:i,inplace:!0}))):l().createElement(l().Fragment,null)},Ut=({position:e,children:t,onMouseUp:i})=>{const[o,r]=l().useState(!1),[a,s]=l().useState({x:0,y:0}),[c,d]=l().useState({x:0,y:0}),[u,m]=l().useState({x:e.x,y:e.y}),g=l().useRef(null),p=(0,n.useCallback)((e=>{r(!0),g.current&&(s({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY}),d({x:u.x,y:u.y}))}),[u.x,u.y]),f=l().useCallback((e=>{if(o&&g.current){const t=c.x+(e.clientX-a.x),i=c.y+(e.clientY-a.y);m({x:t,y:i})}}),[a.x,a.y,o,c.x,c.y]),E=(0,n.useCallback)((()=>{r(!1),i({x:u.x,y:u.y})}),[u.x,u.y,i]);return l().useEffect((()=>(document.addEventListener("mousemove",f),document.addEventListener("mouseup",E),()=>{document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",E)})),[f,E]),l().createElement("div",{style:{position:"absolute",top:u.y,left:u.x},ref:g,onMouseDown:p},t)},Vt=u.default.registry.getLazyComponent("Loader"),Jt=({name:e,uniqid:t,inplace:i})=>{const n=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetState(e,t))),o=c.x0.definition(e);return(null==n?void 0:n.loading)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement(Vt,null)):(null==n?void 0:n.hover)?l().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?l().createElement(l().Fragment,null):l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,1)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement("img",{src:o.img}))},Qt=({uniqid:e,widgetObject:t,widget:i,inplace:o=!0,mode:r,width:a,onWidgetUpdate:s,cannotDisplayComponent:u})=>{const m=(0,d.useDispatch)(),g=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),p=(0,d.useSelector)((t=>t.widgets.editableMap[e]),d.shallowEqual),f=(0,d.useSelector)((e=>e.widgets.currentEditableWidgetId),d.shallowEqual),E=(0,d.useSelector)((t=>t.widgets.currentEditableWidgetId===e),d.shallowEqual),{ref:y,isComponentVisible:h,setIsComponentVisible:v}=(0,te.xv)(!1);if((0,n.useEffect)((()=>{t&&m(c.x0.slice.actions.registerWidgetObject({uniqid:e,object:t}))}),[]),(0,n.useEffect)((()=>{i&&m(c.x0.slice.actions.registerWidget({uniqid:e,widget:i}))}),[]),(0,n.useEffect)((()=>{h||e===f&&m(c.x0.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[h]),(0,n.useEffect)((()=>{h!==E&&v(E)}),[E]),void 0===g)return l().createElement(l().Fragment,null,"This widget cannot be displayed");const b=g.widget,x=()=>{"edit"===r?C():(0,k.ensureWidgetArticleButtonType)(b)&&"link"===b.content.openingType&&b.content.openingTypeLink&&window.open(b.content.openingTypeLink.url,b.content.openingTypeLink.target)},C=()=>{if("view"===r)return;const{widget:e}=g;m(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))};return o&&"view"!==r?l().createElement(Rt,{ref:y,onClick:()=>{v(!0),p&&(m(c.x0.slice.actions.setEditableIndex({index:p.index})),m(c.x0.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(Ft,{width:a,widget:Object.assign(Object.assign({},g.widget),g.title&&{title:g.title}),inplace:o,mode:r,onClick:x}),l().createElement(Ht,{uniqid:e,mode:r}),l().createElement(Jt,{name:g.widget.name,uniqid:g.widget.uniqid,inplace:o})):l().createElement(Rt,{onClick:C},l().createElement(Ft,{widget:Object.assign(Object.assign({},g.widget),g.title&&{title:g.title}),inplace:o,mode:r,width:a,onClick:x,onWidgetUpdate:s,cannotDisplayComponent:u}),l().createElement(Ht,{uniqid:e,mode:r}),l().createElement(Jt,{name:g.widget.name,uniqid:g.widget.uniqid,inplace:o}))},Kt=Qt,Yt=r().div`
365
+ border-radius: ${e=>e.theme.space.sm}px;
366
+ border: 1px solid ${e=>e.theme.color.grey1};
367
+ background-color: ${e=>e.theme.color.white};
368
+ overflow: hidden;
369
+ `,Xt=u.default.registry.getLazyComponent("Message"),Zt=({widgets:e})=>{const t=(0,a.useIntl)(),i=(0,d.useSelector)(c.x0.selectors.selectFlushedWidgets,d.shallowEqual);return l().createElement(l().Fragment,null,e.filter((e=>!i.includes(e.widget.uniqid))).map((e=>e&&e.widget&&l().createElement(Yt,{key:e.widget.uniqid},l().createElement(Kt,{uniqid:e.widget.uniqid,widget:e,inplace:!0,mode:"edit",cannotDisplayComponent:e=>l().createElement(Xt,{variant:"info",message:t.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})})))))},ei=u.default.registry.getLazyComponent("Message"),ti=e=>{const t=(0,a.useIntl)(),{widgets:i,comment:n,inplace:o,mode:r,handleWidgetUpdate:s}=e,u=(0,d.useSelector)(c.x0.selectors.selectFlushedWidgets,d.shallowEqual);return l().createElement(l().Fragment,null,i.filter((e=>!u.includes(e.widget.uniqid))).map((e=>e&&l().createElement(Yt,{key:e.widget.uniqid},l().createElement(Kt,{uniqid:e.widget.uniqid,widgetObject:n,widget:e,inplace:o,mode:r,onWidgetUpdate:s,cannotDisplayComponent:e=>l().createElement(ei,{variant:"info",message:t.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})})))))};var ii=function(e,t,i,n){return new(i||(i=Promise))((function(l,o){function r(e){try{s(n.next(e))}catch(e){o(e)}}function a(e){try{s(n.throw(e))}catch(e){o(e)}}function s(e){var t;e.done?l(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}s((n=n.apply(e,t||[])).next())}))};const ni=u.default.registry.getLazyComponent("JRCCommentsBloc"),li=r().div`
368
370
  display: flex;
369
371
  flex-direction: column;
370
372
  gap: 4px;
371
373
  flex: 1;
372
374
  width: 100%;
373
375
  margin-top: 10px;
374
- `,li=r().div`
376
+ `,oi=(r().div`
375
377
  border-radius: ${e=>e.theme.space.sm}px;
376
378
  border: 1px solid ${e=>e.theme.color.grey1};
377
379
  background-color: ${e=>e.theme.color.white};
378
380
  overflow: hidden;
379
- `,oi=({articleId:e,variant:t="inline",canComment:i,commentType:r="comment",socialQuestion:s})=>{var m;const g=(0,a.useIntl)(),p=(0,o.useTheme)(),f=(0,d.useDispatch)(),[y,E]=(0,n.useState)(),[h,v]=(0,n.useState)(!1),[b,x]=(0,n.useState)([]),[C,w]=(0,n.useState)(!1),k=(0,d.useSelector)(c.xJ.selectors.get),q=(0,d.useSelector)(c.x0.selectors.selectWidgets),S=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),L=(0,d.useSelector)(c.sU.selectors.selectTinyMCEExtendedOptions),T=(0,d.useSelector)(c.Kx.selectors.selectAll),M=(0,d.useSelector)(c.OD.selectors.selectPlatformConfig),A=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),I=(0,d.useSelector)((t=>c.Mw.selectors.commentList(t,e))),O=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"DriveHook"))),j=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"FileBankHook"))),D=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"WidgetHook"))),[z,F]=(0,n.useState)(s);(0,_.A)(e),((e,t)=>{const i=(0,d.useDispatch)(),l=(0,n.useMemo)((()=>u.default.socket),[]),o=(0,n.useMemo)((()=>c.Mw.getCommentsLikeRTHandlers(i,e,t)),[i,e,t]);(0,n.useEffect)((()=>(o.forEach((e=>{l.onMessage(e.namespace,e.function,e.handler)})),()=>{o.forEach((e=>{l.offMessage(e.namespace,e.function,e.handler)}))})),[o,l])})(null==I?void 0:I.list.map((e=>e.id)),e);const R=(0,n.useCallback)((e=>{f(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})}))}),[f,g]),G=()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()},B=(0,n.useCallback)((()=>{y||C||(w(!0),W().network.token().then((e=>{E(e.result),w(!1)})).catch((e=>{R(e.errorMsg)})))}),[R,y,C]),H=(0,n.useCallback)((t=>ei(void 0,void 0,void 0,(function*(){if(y){v(!0);const i=Object.keys(q).map((e=>(null==b?void 0:b.some((t=>t.widget.uniqid===e)))?q[e]:null)).filter((e=>null!==e));try{yield W().article.addComment(Object.assign(Object.assign({},t),{widgets:i,token:y,idArticle:e,type:r})).then((()=>{b.forEach((e=>{f(c.x0.slice.actions.flushWidget({uniqid:e.widget.uniqid}))})),x([])})),B()}catch(e){R(e.errorMsg)}finally{v(!1)}}}))),[e,r,f,B,R,y,q,b]);return(0,n.useEffect)((()=>{B()}),[B]),(0,n.useEffect)((()=>{f(c.Mw.actions.fetchComments({idArticle:e}))}),[]),(0,n.useEffect)((()=>{I&&I.list&&I.list.forEach((e=>{var t;null===(t=e._widgets)||void 0===t||t.forEach((t=>{f(c.x0.slice.actions.registerWidgetObject({uniqid:t.widget.uniqid,object:e})),f(c.x0.slice.actions.registerWidgetObjectRights({uniqid:t.widget.uniqid,rights:e._right}))}))}))}),[I,f]),l().createElement(l().Fragment,null,S&&L&&l().createElement(l().Fragment,null,l().createElement(ni,null,l().createElement(ti,{canComment:i,loading:h,token:y,comments:null==I?void 0:I.list,onComment:H,onCommentUpdate:t=>ei(void 0,void 0,void 0,(function*(){var i,n;const l=null==I?void 0:I.list.find((e=>e.id===t.idComment));if(l)return W().article.updateComment({idComment:t.idComment,description:null!==(n=null!==(i=t.description)&&void 0!==i?i:l.description)&&void 0!==n?n:void 0,token:t.token,widgets:t.widgets}).then((()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()})).catch((e=>{R(e.errorMsg)}))})),onCommentDelete:e=>ei(void 0,void 0,void 0,(function*(){W().article.deleteComment(e).catch(R)})),isWidgetActive:!!((null==D?void 0:D.isActive)&&(null==D?void 0:D.create)&&(null===(m=null==D?void 0:D.autorize)||void 0===m?void 0:m.includes("comment"))),widgetListComponent:l().createElement(X,{mode:"comment",namespace:"comment",onChange:e=>{x([...b,e]),f(c.x0.slice.actions.registerWidget({uniqid:e.widget.uniqid,widget:e}))},view:"edit"}),newWidgetsWrapperComponent:l().createElement(l().Fragment,null,b.map((e=>e&&e.widget&&l().createElement(li,{key:e.widget.uniqid},l().createElement(Zt,{uniqid:e.widget.uniqid,widget:e,inplace:!0,mode:"edit",onRemove:e=>x(b.filter((t=>t.widget.uniqid!==e))),cannotDisplayComponent:e=>l().createElement(ii,{variant:"info",message:g.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})}))))),existingWidgetsWrapperComponent:(t,i,n,o=!0,r,a=!1)=>l().createElement(l().Fragment,null,null==i?void 0:i.map((i=>i&&l().createElement(li,{key:i.widget.uniqid},l().createElement(Zt,{uniqid:i.widget.uniqid,widgetObject:t,commentId:r,widget:i,inplace:o,mode:n,deleteRight:a,onWidgetUpdate:G,onRemove:t=>{W().widget.removeWidget({id:r,type:"comment",uniqid:t}).then((()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()})).catch((e=>{R(e.errorMsg)}))},cannotDisplayComponent:e=>l().createElement(ii,{variant:"info",message:g.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})}))))),currentUser:k,tinyMCEConfig:{commonOptions:Object.assign(Object.assign({},S),{toolbar:L.commentsToolbar}),mentionsQueries:(0,u.getTinyMCEMentionsQueries)(T,p,R)},onError:R,highlightFields:M.userHighlightFields,userAccountStatus:M.userAccountStatus,userModel:T.find((e=>"user"===e.type)),isWedocActive:!!A,onGetHashError:e=>f(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})})),activeDrives:[...j&&O?["fileBank"]:[],...c.qn.utils.buildDrivesArrayFromObject(null==O?void 0:O.drives)],socialActionAdd:({targetId:e,targetType:t,type:i})=>W().socialAction.add({targetType:t,targetId:e,type:i}),deleteFile:e=>ei(void 0,void 0,void 0,(function*(){y&&(yield W().file.deleteFile(e,"attachment",y))})),fetchUser:e=>W().user.get(e),fetchUserFields:(e,t)=>W().user.getFields(e,t),fetchSocialActionUserList:({targetId:e,targetType:t,type:i})=>W().socialAction.getUsers({targetType:t,targetId:e,type:i}),removeLike:({targetId:e,targetType:t,type:i})=>W().socialAction.remove({targetType:t,targetId:e,type:i}),variant:t,handlers:{drive:W().drive,filebank:W().filebank,file:W().file,questionAnswer:W().questionAnswer},socialQuestion:z?Object.assign(Object.assign({},z),{onSelectResponse:e=>{F(Object.assign(Object.assign({},z),{responseId:e,isResolved:!0}))},onUnselectResponse:()=>{F(Object.assign(Object.assign({},z),{responseId:void 0,isResolved:!1}))}}):void 0,articleId:e}),l().createElement($,null))))};var ri=i(979),ai=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 si=o.css`
381
+ `,({articleId:e,variant:t="inline",canComment:i,commentType:r="comment",socialQuestion:s})=>{var m;const g=(0,a.useIntl)(),p=(0,o.useTheme)(),f=(0,d.useDispatch)(),[E,y]=(0,n.useState)(),[h,v]=(0,n.useState)(!1),[b,x]=(0,n.useState)([]),[C,w]=(0,n.useState)(!1),k=(0,d.useSelector)(c.xJ.selectors.get),q=(0,d.useSelector)(c.x0.selectors.selectWidgets),S=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),L=(0,d.useSelector)(c.sU.selectors.selectTinyMCEExtendedOptions),A=(0,d.useSelector)(c.Kx.selectors.selectAll),M=(0,d.useSelector)(c.OD.selectors.selectPlatformConfig),T=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),I=(0,d.useSelector)((t=>c.Mw.selectors.commentList(t,e))),O=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"DriveHook"))),j=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"FileBankHook"))),$=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"WidgetHook"))),[z,F]=(0,n.useState)(s);(0,_.A)(e),((e,t)=>{const i=(0,d.useDispatch)(),l=(0,n.useMemo)((()=>u.default.socket),[]),o=(0,n.useMemo)((()=>c.Mw.getCommentsLikeRTHandlers(i,e,t)),[i,e,t]);(0,n.useEffect)((()=>(o.forEach((e=>{l.onMessage(e.namespace,e.function,e.handler)})),()=>{o.forEach((e=>{l.offMessage(e.namespace,e.function,e.handler)}))})),[o,l])})(null==I?void 0:I.list.map((e=>e.id)),e);const R=(0,n.useCallback)((e=>{f(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})}))}),[f,g]),G=()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()},B=(0,n.useCallback)((()=>{E||C||(w(!0),W().network.token().then((e=>{y(e.result),w(!1)})).catch((e=>{R(e.errorMsg)})))}),[R,E,C]),H=(0,n.useCallback)((t=>ii(void 0,void 0,void 0,(function*(){if(E){v(!0);const i=Object.keys(q).map((e=>(null==b?void 0:b.some((t=>t.widget.uniqid===e)))?q[e]:null)).filter((e=>null!==e));try{yield W().article.addComment(Object.assign(Object.assign({},t),{widgets:i,token:E,idArticle:e,type:r})).then((()=>{x([])})),B()}catch(e){R(e.errorMsg)}finally{v(!1)}}}))),[e,B,R,r,E,q,b]);return(0,n.useEffect)((()=>{B()}),[B]),(0,n.useEffect)((()=>{f(c.Mw.actions.fetchComments({idArticle:e}))}),[]),(0,n.useEffect)((()=>{I&&I.list&&I.list.forEach((e=>{var t;null===(t=e._widgets)||void 0===t||t.forEach((t=>{f(c.x0.slice.actions.registerWidgetObject({uniqid:t.widget.uniqid,object:e})),f(c.x0.slice.actions.registerWidgetObjectRights({uniqid:t.widget.uniqid,rights:e._right}))}))}))}),[I,f]),l().createElement(l().Fragment,null,S&&L&&l().createElement(l().Fragment,null,l().createElement(li,null,l().createElement(ni,{canComment:i,loading:h,token:E,comments:null==I?void 0:I.list,onComment:H,onCommentUpdate:t=>ii(void 0,void 0,void 0,(function*(){var i,n;const l=null==I?void 0:I.list.find((e=>e.id===t.idComment));if(l)return W().article.updateComment({idComment:t.idComment,description:null!==(n=null!==(i=t.description)&&void 0!==i?i:l.description)&&void 0!==n?n:void 0,token:t.token,widgets:t.widgets}).then((()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()})).catch((e=>{R(e.errorMsg)}))})),onCommentDelete:e=>ii(void 0,void 0,void 0,(function*(){W().article.deleteComment(e).catch(R)})),isWidgetActive:!!((null==$?void 0:$.isActive)&&(null==$?void 0:$.create)&&(null===(m=null==$?void 0:$.autorize)||void 0===m?void 0:m.includes("comment"))),widgetListComponent:l().createElement(X,{mode:"comment",namespace:"comment",onChange:e=>{x([e]),f(c.x0.slice.actions.registerWidget({uniqid:e.widget.uniqid,widget:e}))},view:"edit"}),newWidgetsWrapperComponent:l().createElement(Zt,{widgets:b}),existingWidgetsWrapperComponent:(e,t,i,n=!0)=>l().createElement(ti,{comment:e,widgets:t,mode:i,inplace:n,handleWidgetUpdate:G,handleWidgetRemove:B}),currentUser:k,tinyMCEConfig:{commonOptions:Object.assign(Object.assign({},S),{toolbar:L.commentsToolbar}),mentionsQueries:(0,u.getTinyMCEMentionsQueries)(A,p,R)},onError:R,highlightFields:M.userHighlightFields,userAccountStatus:M.userAccountStatus,userModel:A.find((e=>"user"===e.type)),isWedocActive:!!T,onGetHashError:e=>f(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})})),activeDrives:[...j&&O?["fileBank"]:[],...c.qn.utils.buildDrivesArrayFromObject(null==O?void 0:O.drives)],deleteFile:e=>ii(void 0,void 0,void 0,(function*(){E&&(yield W().file.deleteFile(e,"attachment",E))})),variant:t,handlers:{drive:W().drive,filebank:W().filebank,file:W().file,user:W().user,socialAction:W().socialAction,questionAnswer:W().questionAnswer},socialQuestion:z?Object.assign(Object.assign({},z),{onSelectResponse:e=>{F(Object.assign(Object.assign({},z),{responseId:e,isResolved:!0}))},onUnselectResponse:()=>{F(Object.assign(Object.assign({},z),{responseId:void 0,isResolved:!1}))}}):void 0,articleId:e}),l().createElement(D,null))))});var ri=i(979),ai=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 si=o.css`
380
382
  height: 100%;
381
383
  display: flex;
382
384
  flex-direction: column;
@@ -387,7 +389,7 @@
387
389
  ${({stretch:e})=>e&&si}
388
390
  `,ui=n.forwardRef(((e,t)=>e.onSubmit?n.createElement(di,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):n.createElement(ci,{stretch:e.stretch,ref:t},e.children))),mi=r().div`
389
391
  ${e=>e.stretch&&"\n flex: 1;\n"}
390
- `,gi=n.forwardRef(((e,t)=>{const i=n.useRef(null),[l,o]=(0,ri.SC)(e.fields,e.type,e.forceMandatory),r=(0,ie.useForm)({defaultValues:Object.assign(Object.assign({},o),e.defaultValues),criteriaMode:"all"}),{handleSubmit:a,control:s,reset:c}=r,d=ai(r,["handleSubmit","control","reset"]),u=(0,n.useCallback)((e=>{const t={};return Object.keys(e).forEach((i=>{var n;const o=null===(n=l.find((e=>e.name===i)))||void 0===n?void 0:n.widget;switch(null==o?void 0:o.type){case"audience":t[i]=e[i].map((e=>e.uri)).join(",");break;case"taxonomy":t[i]=e[i].map((e=>e.title)).join(",");break;default:t[i]=e[i]}})),t}),[l]);return n.useImperativeHandle(t,(()=>Object.assign(Object.assign({},d),{handleSubmit:a,control:s,reset:()=>{var e;null===(e=null==i?void 0:i.current)||void 0===e||e.scrollTo(0,0),c()},getFormattedValues:()=>u(d.getValues())})),[]),n.createElement(ui,{stretch:e.stretch,onSubmit:e.onSubmit?a(e.onSubmit):void 0,ref:i},n.createElement(mi,{stretch:e.stretch},l.map((t=>{var{Input:i}=t,l=ai(t,["Input"]);return n.createElement(i,Object.assign({key:l.name,control:s},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(s)),e.buttons)})),pi=(r().div`
392
+ `,gi=n.forwardRef(((e,t)=>{const i=n.useRef(null),[l,o]=(0,ri.SC)(e.fields,e.type,e.forceMandatory),r=(0,Lt.useForm)({defaultValues:Object.assign(Object.assign({},o),e.defaultValues),criteriaMode:"all"}),{handleSubmit:a,control:s,reset:c}=r,d=ai(r,["handleSubmit","control","reset"]),u=(0,n.useCallback)((e=>{const t={};return Object.keys(e).forEach((i=>{var n;const o=null===(n=l.find((e=>e.name===i)))||void 0===n?void 0:n.widget;switch(null==o?void 0:o.type){case"audience":t[i]=e[i].map((e=>e.uri)).join(",");break;case"taxonomy":t[i]=e[i].map((e=>e.title)).join(",");break;default:t[i]=e[i]}})),t}),[l]);return n.useImperativeHandle(t,(()=>Object.assign(Object.assign({},d),{handleSubmit:a,control:s,reset:()=>{var e;null===(e=null==i?void 0:i.current)||void 0===e||e.scrollTo(0,0),c()},getFormattedValues:()=>u(d.getValues())})),[]),n.createElement(ui,{stretch:e.stretch,onSubmit:e.onSubmit?a(e.onSubmit):void 0,ref:i},n.createElement(mi,{stretch:e.stretch},l.map((t=>{var{Input:i}=t,l=ai(t,["Input"]);return n.createElement(i,Object.assign({key:l.name,control:s},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(s)),e.buttons)})),pi=(r().div`
391
393
  margin-bottom: 24px;
392
394
  `,r().div`
393
395
  margin-bottom: 4px;
@@ -404,12 +406,12 @@
404
406
  display: flex;
405
407
  min-height: 60px;
406
408
  border-bottom: 1px solid ${e=>e.theme.color.grey2};
407
- `,yi=r().div`
409
+ `,Ei=r().div`
408
410
  width: 60px;
409
411
  display: flex;
410
412
  align-items: center;
411
413
  justify-content: center;
412
- `,Ei=r().div`
414
+ `,yi=r().div`
413
415
  flex: 1;
414
416
  display: flex;
415
417
  align-items: center;
@@ -509,7 +511,7 @@
509
511
  flex: 1;
510
512
  display: flex;
511
513
  align-items: center;
512
- `,u.default.registry.getLazyComponent("Button")),Ti=u.default.registry.getLazyComponent("Icon"),Mi=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>c.cr.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(fi,null,l().createElement(yi,null),l().createElement(Ei,null,"Popup"),l().createElement(yi,null,l().createElement(ki,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(Ti,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(fi,null,l().createElement(Li,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)},Ai=u.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Ii=u.default.registry.getLazyComponent("WidgetArticleTextEditor"),_i=u.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Oi=u.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),ji=u.default.registry.getLazyComponent("WidgetArticleSliderEditor"),Di=u.default.registry.getLazyComponent("WidgetArticleImageEditor"),zi=u.default.registry.getLazyComponent("WidgetButtonEditor"),$i=u.default.registry.getLazyComponent("WidgetCheckListEditor"),Fi=u.default.registry.getLazyComponent("WidgetDatasourceTableEditor"),Ri=u.default.registry.getLazyComponent("WidgetExcelDatasourceTableEditor"),Gi=u.default.registry.getLazyComponent("WidgetPresenceEditor"),Bi=({uniqid:e})=>{var t,i,o,r,s;const m=(0,a.useIntl)(),g=(0,d.useDispatch)(),p=(0,d.useSelector)(c.x0.selectors.selectToken),f=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),y=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e)),d.shallowEqual),E=(0,d.useSelector)((t=>{var i;return null===(i=c.cr.selectors.selectEditor(t,e))||void 0===i?void 0:i.onSave}),d.shallowEqual),h=e=>{var t;return null===(t=c.qn.selectors.selectHook(u.default.store.getState(),e))||void 0===t?void 0:t.isActive},v=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObjectRights(t,e)),d.shallowEqual),b=(0,n.useMemo)((()=>v&&v.update),[v]),x=t=>{f&&g(c.x0.slice.actions.updateWidget({uniqid:e,content:t})),g(c.cr.slice.actions.flushEditor({uniqid:e})),E&&E(t)},C=(t,i)=>{g(void 0!==i?c.x0.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):c.x0.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},w=t=>{g(c.cr.slice.actions.registerEditorPopup({uniqid:e,view:t}))},q=null==f?void 0:f.widget;return q?(0,k.ensureWidgetArticleButtonType)(q)?l().createElement(zi,Object.assign({},q.content,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:()=>x({})})):(0,k.ensureWidgetArticleGalleryType)(q)?l().createElement(_i,{token:p,content:q.content,onChange:t=>g((0,c.vR)(e,t,!1)),onSave:x,onStateChange:C}):(0,k.ensureWidgetArticleAttachmentType)(q)?l().createElement(Oi,{token:p,content:q.content,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C,onOpen:w}):(0,k.ensureWidgetArticleImageType)(q)?l().createElement(Di,{content:q.content,token:p,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C}):(0,k.ensureWidgetArticleSliderType)(q)?void 0!==p?l().createElement(ji,{slides:null!==(t=q.content.slides)&&void 0!==t?t:[],loop:null!==(i=q.content.loop)&&void 0!==i&&i,useDots:null===(o=q.content.useDots)||void 0===o||o,onChange:t=>{g((0,c.vR)(e,t,!1))},token:p,onSave:x}):l().createElement(l().Fragment,null,"Token is mandatory"):(0,k.ensureWidgetArticleTitleType)(q)?l().createElement(Ai,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,content:q.content,onOpen:w}):(0,k.ensureWidgetArticleTextType)(q)?l().createElement(Ii,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,content:q.content}):(0,k.ensureWidgetPresenceType)(q)?l().createElement(Gi,Object.assign({onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C},q.content)):(0,k.ensureWidgetCheckListType)(q)?l().createElement($i,{token:p,uniqid:q.uniqid,content:q.content,onChangeContent:(e,t)=>{g((0,c.vR)(e,t,!1))},onChangeWrapper:e=>{g(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},onSave:(e,t)=>{var i;void 0!==(i=y)&&void 0!==i.id&&void 0!==i.type?W().widget.updateWidget({id:y.id,uniqid:e,type:y.type,title:f.title,content:t}).then((()=>{x(t)})).catch((e=>{var t;g(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:m.formatMessage({id:"GLOBAL_Error"})}))})):x(t)},canEditCollaboration:null!=b&&b}):(0,k.ensureWidgetExcelDatasourceTableType)(q)?l().createElement(Ri,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(r=q.content.limit)&&void 0!==r?r:20,hook:{isActive:h},handlers:{jamespot:{datasource:W().datasource,network:W().network,filebank:W().filebank,wedoc:W().wedoc},handleStart:()=>C({busy:!0}),handleCatch:e=>g(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>C({busy:!1})},onSave:x,onChange:(t,i)=>g((0,c.vR)(e,t,null!=i&&i)),onStateChange:C,onError:e=>g(c.y8.actions.error({label:e}))})):(0,k.ensureWidgetDatasourceTableType)(q)?l().createElement(Fi,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(s=q.content.limit)&&void 0!==s?s:20,hook:{isActive:h},handlers:{jamespot:{datasource:W().datasource,network:W().network,application:W().application,filebank:W().filebank},handleStart:()=>C({busy:!0}),handleCatch:e=>g(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>C({busy:!1})},onSave:x,onChange:(t,i)=>g((0,c.vR)(e,t,null!=i&&i)),onStateChange:C,onError:e=>{g(c.y8.actions.error({label:e}))}})):l().createElement(l().Fragment,null,"cannot display editor"):null},Hi=u.default.registry.getLazyComponent("Icon"),Ni=({uniqid:e,position:t})=>{const i=(0,d.useDispatch)();return l().createElement(yi,null,l().createElement(ki,{onClick:()=>{i(c.cr.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(Hi,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},Pi=u.default.registry.getLazyComponent("BETA_DragAndDrop"),Ui=u.default.registry.getLazyComponent("Icon"),Vi=({uniqid:e})=>{var t;const i=(0,d.useDispatch)(),n=(0,a.useIntl)(),o=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))))||void 0===t?void 0:t.widget,r=(null==o?void 0:o.content)&&"widgets"in o.content&&o.content.widgets?o.content.widgets:[];return l().createElement("div",{style:{flex:1}},l().createElement(Ji,{uniqid:e}),o?r.map(((t,a)=>{const s=c.x0.definition(t.widget.name);return l().createElement("div",{key:a},l().createElement(Wi,null,l().createElement(qi,{onClick:()=>((e,t)=>{i(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(t.widget.uniqid,t.widget.name)},n.formatMessage({id:s.label})),l().createElement(Si,{onClick:()=>{i(c.x0.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},o.content),{widgets:[...r.filter(((e,t)=>t!==a)).map((e=>((0,k.ensureWidgetWrapperProps)(e)||console.error("Zozod",e),e)))]})}))}},l().createElement(Ui,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},Ji=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(Pi,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(Xi,{uniqid:e,key:t}),elms:i||[]}),l().createElement(X,{namespace:"default",onChange:i=>{t(c.x0.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},Qi=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(Ui,{name:i.locked?"icon-lock":"icon-unlock"}))},Ki=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(Ui,{name:i.visible?"icon-eye":"icon-eye-slash"}))},Yi=({uniqid:e,layerId:t})=>{const i=(0,d.useDispatch)();return l().createElement("div",{onClick:()=>{i(c.x0.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(Ui,{name:"icon-trash"}))},Xi=({uniqid:e})=>{const t=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const o=c.x0.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),l().createElement(Qi,{uniqid:e}),l().createElement(Ki,{uniqid:e}),l().createElement(Yi,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},Zi=u.default.registry.getLazyComponent("Button"),en=u.default.registry.getLazyComponent("InputText"),tn=({uniqid:e})=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),[o,r]=l().useState(null==n?void 0:n.title),{control:s,watch:u}=(0,ie.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=u((e=>{r(e.text)}));return()=>e.unsubscribe()}),[u]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"}},l().createElement(en,{name:"text",control:s,placeholder:t.formatMessage({id:"WIDGET_Title"})}),l().createElement(Zi,{onClick:()=>{void 0!==o&&(i(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(c.cr.slice.actions.flushEditor({uniqid:e})))},minWidth:"100%"},t.formatMessage({id:"GLOBAL_Save"}))):l().createElement(l().Fragment,null,"No wrapper")},nn=u.default.registry.getLazyComponent("Loader"),ln=({uniqid:e})=>{var t;const i=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.busy;return l().createElement(l().Fragment,null,i&&l().createElement(xi,null,l().createElement(nn,{size:"l"})))},on=({uniqid:e,children:t})=>{var i;return(null===(i=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e))))||void 0===i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},rn=({uniqid:e})=>{var t;const i=(0,a.useIntl)();return(null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.locked)?l().createElement(Ci,null,i.formatMessage({id:"INTRANET_Panel_Change_Off"})):l().createElement(l().Fragment,null)},an=u.default.registry.getLazyComponent("Icon"),sn=({uniqid:e,position:t})=>{const i=(0,a.useIntl)(),o=(0,d.useDispatch)(),r=(0,n.useRef)(null),s=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)),d.shallowEqual),u=c.x0.definition(null==s?void 0:s.name),[m,g]=l().useState("default");return(0,n.useEffect)((()=>{setTimeout((()=>{r&&r.current&&(r.current.className=r.current.className+" animate")}),0)}),[]),s?l().createElement(hi,null,l().createElement(vi,{ref:r,position:t},(u.panel.useWrapper||u.panel.useEditor||u.panel.useWidgets)&&l().createElement(wi,null,u.panel.useWrapper?l().createElement(ki,{isActive:"wrapper"===m,onClick:()=>g("wrapper")},l().createElement(an,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useEditor?l().createElement(ki,{isActive:"default"===m,onClick:()=>g("default")},l().createElement(an,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useWidgets?l().createElement(on,{uniqid:e},l().createElement(ki,{isActive:"widgets"===m,onClick:()=>g("widgets")},l().createElement(an,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",width:"390px"}},l().createElement(fi,null,l().createElement(Ni,{uniqid:e,position:s.position}),l().createElement(Ei,null,i.formatMessage({id:u.label})),l().createElement(yi,null,l().createElement(ki,{onClick:()=>{o(c.cr.slice.actions.flushEditor({uniqid:e}))}},l().createElement(an,{name:"icon-times",color:"grey2"})))),l().createElement(bi,null,"default"===m&&u.panel.useEditor?l().createElement(Bi,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"wrapper"===m&&u.panel.useWrapper?l().createElement(tn,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"widgets"===m&&u.panel.useWidgets?l().createElement(Vi,{uniqid:e,namespace:u.name}):l().createElement(l().Fragment,null),l().createElement(ln,{uniqid:e}),l().createElement(rn,{uniqid:e})))),(null==s?void 0:s.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},cn=r().div`
514
+ `,u.default.registry.getLazyComponent("Button")),Ai=u.default.registry.getLazyComponent("Icon"),Mi=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>c.cr.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(fi,null,l().createElement(Ei,null),l().createElement(yi,null,"Popup"),l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(Ai,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(fi,null,l().createElement(Li,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)},Ti=u.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Ii=u.default.registry.getLazyComponent("WidgetArticleTextEditor"),_i=u.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Oi=u.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),ji=u.default.registry.getLazyComponent("WidgetArticleSliderEditor"),$i=u.default.registry.getLazyComponent("WidgetArticleImageEditor"),zi=u.default.registry.getLazyComponent("WidgetButtonEditor"),Di=u.default.registry.getLazyComponent("WidgetCheckListEditor"),Fi=u.default.registry.getLazyComponent("WidgetDatasourceTableEditor"),Ri=u.default.registry.getLazyComponent("WidgetExcelDatasourceTableEditor"),Gi=u.default.registry.getLazyComponent("WidgetPresenceEditor"),Bi=({uniqid:e})=>{var t,i,o,r,s;const m=(0,a.useIntl)(),g=(0,d.useDispatch)(),p=(0,d.useSelector)(c.x0.selectors.selectToken),f=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),E=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e)),d.shallowEqual),y=(0,d.useSelector)((t=>{var i;return null===(i=c.cr.selectors.selectEditor(t,e))||void 0===i?void 0:i.onSave}),d.shallowEqual),h=e=>{var t;return null===(t=c.qn.selectors.selectHook(u.default.store.getState(),e))||void 0===t?void 0:t.isActive},v=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObjectRights(t,e)),d.shallowEqual),b=(0,n.useMemo)((()=>v&&v.update),[v]),x=t=>{f&&g(c.x0.slice.actions.updateWidget({uniqid:e,content:t})),g(c.cr.slice.actions.flushEditor({uniqid:e})),y&&y(t)},C=(t,i)=>{g(void 0!==i?c.x0.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):c.x0.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},w=t=>{g(c.cr.slice.actions.registerEditorPopup({uniqid:e,view:t}))},q=null==f?void 0:f.widget;return q?(0,k.ensureWidgetArticleButtonType)(q)?l().createElement(zi,Object.assign({},q.content,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:()=>x({})})):(0,k.ensureWidgetArticleGalleryType)(q)?l().createElement(_i,{token:p,content:q.content,onChange:t=>g((0,c.vR)(e,t,!1)),onSave:x,onStateChange:C}):(0,k.ensureWidgetArticleAttachmentType)(q)?l().createElement(Oi,{token:p,content:q.content,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C,onOpen:w}):(0,k.ensureWidgetArticleImageType)(q)?l().createElement($i,{content:q.content,token:p,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C}):(0,k.ensureWidgetArticleSliderType)(q)?void 0!==p?l().createElement(ji,{slides:null!==(t=q.content.slides)&&void 0!==t?t:[],loop:null!==(i=q.content.loop)&&void 0!==i&&i,useDots:null===(o=q.content.useDots)||void 0===o||o,onChange:t=>{g((0,c.vR)(e,t,!1))},token:p,onSave:x}):l().createElement(l().Fragment,null,"Token is mandatory"):(0,k.ensureWidgetArticleTitleType)(q)?l().createElement(Ti,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,content:q.content,onOpen:w}):(0,k.ensureWidgetArticleTextType)(q)?l().createElement(Ii,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,content:q.content}):(0,k.ensureWidgetPresenceType)(q)?l().createElement(Gi,Object.assign({onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C},q.content)):(0,k.ensureWidgetCheckListType)(q)?l().createElement(Di,{token:p,uniqid:q.uniqid,content:q.content,onChangeContent:(e,t)=>{g((0,c.vR)(e,t,!1))},onChangeWrapper:e=>{g(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},onSave:(e,t)=>{var i;void 0!==(i=E)&&void 0!==i.id&&void 0!==i.type?W().widget.updateWidget({id:E.id,uniqid:e,type:E.type,title:f.title,content:t}).then((()=>{x(t)})).catch((e=>{var t;g(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:m.formatMessage({id:"GLOBAL_Error"})}))})):x(t)},canEditCollaboration:null!=b&&b}):(0,k.ensureWidgetExcelDatasourceTableType)(q)?l().createElement(Ri,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(r=q.content.limit)&&void 0!==r?r:20,hook:{isActive:h},handlers:{jamespot:{datasource:W().datasource,network:W().network,filebank:W().filebank,wedoc:W().wedoc},handleStart:()=>C({busy:!0}),handleCatch:e=>g(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>C({busy:!1})},onSave:x,onChange:(t,i)=>g((0,c.vR)(e,t,null!=i&&i)),onStateChange:C,onError:e=>g(c.y8.actions.error({label:e}))})):(0,k.ensureWidgetDatasourceTableType)(q)?l().createElement(Fi,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(s=q.content.limit)&&void 0!==s?s:20,hook:{isActive:h},handlers:{jamespot:{datasource:W().datasource,network:W().network,application:W().application,filebank:W().filebank},handleStart:()=>C({busy:!0}),handleCatch:e=>g(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>C({busy:!1})},onSave:x,onChange:(t,i)=>g((0,c.vR)(e,t,null!=i&&i)),onStateChange:C,onError:e=>{g(c.y8.actions.error({label:e}))}})):l().createElement(l().Fragment,null,"cannot display editor"):null},Hi=u.default.registry.getLazyComponent("Icon"),Pi=({uniqid:e,position:t})=>{const i=(0,d.useDispatch)();return l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{i(c.cr.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(Hi,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},Ni=u.default.registry.getLazyComponent("BETA_DragAndDrop"),Ui=u.default.registry.getLazyComponent("Icon"),Vi=({uniqid:e})=>{var t;const i=(0,d.useDispatch)(),n=(0,a.useIntl)(),o=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))))||void 0===t?void 0:t.widget,r=(null==o?void 0:o.content)&&"widgets"in o.content&&o.content.widgets?o.content.widgets:[];return l().createElement("div",{style:{flex:1}},l().createElement(Ji,{uniqid:e}),o?r.map(((t,a)=>{const s=c.x0.definition(t.widget.name);return l().createElement("div",{key:a},l().createElement(Wi,null,l().createElement(qi,{onClick:()=>((e,t)=>{i(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(t.widget.uniqid,t.widget.name)},n.formatMessage({id:s.label})),l().createElement(Si,{onClick:()=>{i(c.x0.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},o.content),{widgets:[...r.filter(((e,t)=>t!==a)).map((e=>((0,k.ensureWidgetWrapperProps)(e)||console.error("Zozod",e),e)))]})}))}},l().createElement(Ui,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},Ji=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(Ni,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(Xi,{uniqid:e,key:t}),elms:i||[]}),l().createElement(X,{namespace:"default",onChange:i=>{t(c.x0.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},Qi=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(Ui,{name:i.locked?"icon-lock":"icon-unlock"}))},Ki=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(Ui,{name:i.visible?"icon-eye":"icon-eye-slash"}))},Yi=({uniqid:e,layerId:t})=>{const i=(0,d.useDispatch)();return l().createElement("div",{onClick:()=>{i(c.x0.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(Ui,{name:"icon-trash"}))},Xi=({uniqid:e})=>{const t=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const o=c.x0.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),l().createElement(Qi,{uniqid:e}),l().createElement(Ki,{uniqid:e}),l().createElement(Yi,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},Zi=u.default.registry.getLazyComponent("Button"),en=u.default.registry.getLazyComponent("InputText"),tn=({uniqid:e})=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),[o,r]=l().useState(null==n?void 0:n.title),{control:s,watch:u}=(0,Lt.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=u((e=>{r(e.text)}));return()=>e.unsubscribe()}),[u]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"}},l().createElement(en,{name:"text",control:s,placeholder:t.formatMessage({id:"WIDGET_Title"})}),l().createElement(Zi,{onClick:()=>{void 0!==o&&(i(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(c.cr.slice.actions.flushEditor({uniqid:e})))},minWidth:"100%"},t.formatMessage({id:"GLOBAL_Save"}))):l().createElement(l().Fragment,null,"No wrapper")},nn=u.default.registry.getLazyComponent("Loader"),ln=({uniqid:e})=>{var t;const i=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.busy;return l().createElement(l().Fragment,null,i&&l().createElement(xi,null,l().createElement(nn,{size:"l"})))},on=({uniqid:e,children:t})=>{var i;return(null===(i=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e))))||void 0===i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},rn=({uniqid:e})=>{var t;const i=(0,a.useIntl)();return(null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.locked)?l().createElement(Ci,null,i.formatMessage({id:"INTRANET_Panel_Change_Off"})):l().createElement(l().Fragment,null)},an=u.default.registry.getLazyComponent("Icon"),sn=({uniqid:e,position:t})=>{const i=(0,a.useIntl)(),o=(0,d.useDispatch)(),r=(0,n.useRef)(null),s=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)),d.shallowEqual),u=c.x0.definition(null==s?void 0:s.name),[m,g]=l().useState("default");return(0,n.useEffect)((()=>{setTimeout((()=>{r&&r.current&&(r.current.className=r.current.className+" animate")}),0)}),[]),s?l().createElement(hi,null,l().createElement(vi,{ref:r,position:t},(u.panel.useWrapper||u.panel.useEditor||u.panel.useWidgets)&&l().createElement(wi,null,u.panel.useWrapper?l().createElement(ki,{isActive:"wrapper"===m,onClick:()=>g("wrapper")},l().createElement(an,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useEditor?l().createElement(ki,{isActive:"default"===m,onClick:()=>g("default")},l().createElement(an,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useWidgets?l().createElement(on,{uniqid:e},l().createElement(ki,{isActive:"widgets"===m,onClick:()=>g("widgets")},l().createElement(an,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",width:"390px"}},l().createElement(fi,null,l().createElement(Pi,{uniqid:e,position:s.position}),l().createElement(yi,null,i.formatMessage({id:u.label})),l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{o(c.cr.slice.actions.flushEditor({uniqid:e}))}},l().createElement(an,{name:"icon-times",color:"grey2"})))),l().createElement(bi,null,"default"===m&&u.panel.useEditor?l().createElement(Bi,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"wrapper"===m&&u.panel.useWrapper?l().createElement(tn,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"widgets"===m&&u.panel.useWidgets?l().createElement(Vi,{uniqid:e,namespace:u.name}):l().createElement(l().Fragment,null),l().createElement(ln,{uniqid:e}),l().createElement(rn,{uniqid:e})))),(null==s?void 0:s.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},cn=r().div`
513
515
  position: absolute;
514
516
  inset: 0;
515
517
  pointer-events: none;
@@ -527,5 +529,5 @@
527
529
  `,mn=r().div`
528
530
  width: ${440}px;
529
531
  pointer-events: none;
530
- `,gn=()=>{const e=(0,d.useSelector)(c.cr.selectors.selectEditors,d.shallowEqual);return l().createElement(cn,{className:"editor-portal-wrapper"},e.map(((e,t)=>"left"===e.position?l().createElement(pi,{isActive:!1,key:t},l().createElement(un,null,l().createElement(sn,{uniqid:e.uniqid,position:e.position}),l().createElement(dn,{isActive:void 0!==e.popup},l().createElement(Mi,{uniqid:e.uniqid})),l().createElement(mn,null))):l().createElement(pi,{isActive:!1,key:t},l().createElement(un,null,l().createElement(mn,null),l().createElement(dn,{isActive:void 0!==e.popup},l().createElement(Mi,{uniqid:e.uniqid})),l().createElement(sn,{uniqid:e.uniqid,position:e.position}))))))},pn=()=>n.createElement(n.Fragment,null),fn=()=>{const[e,t]=(0,n.useState)(),i=(0,a.useIntl)(),l=(0,n.useCallback)((e=>{t(Object.assign(Object.assign({},e),{reject:i=>{e.reject(i),t(void 0)},resolve:i=>{e.resolve(i),t(void 0)}}))}),[]),o=(0,n.useCallback)(((e,t)=>new Promise(((i,n)=>{l({reject:n,resolve:i,text:e,capability:t})}))),[l]),r=(0,n.useMemo)((()=>({develop:e=>o(e,"develop"),summarize:e=>o(e,"summarize"),tldr:e=>o(e,"tldr"),en:e=>o(e,"en"),es:e=>o(e,"es"),formal:e=>o(e,"formal"),funny:e=>o(e,"funny")})),[o]);return[e,(0,n.useMemo)((()=>s.JTinyMCEExtensionsBuilders.jia(r,i)),[i,r])]},yn=u.default.registry.getLazyComponent("InputTinyMCE"),En=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),r=(0,o.useTheme)(),s=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=fn(),p=(0,n.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}),[]),f=(0,n.useMemo)((()=>p?[g]:[]),[g,p]),y=(0,n.useCallback)((e=>{i(c.y8.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[i,t]),E=(0,n.useMemo)((()=>(0,u.getTinyMCEMentionsQueries)(s,r,y)),[s,y,r]),h=(0,n.useMemo)((()=>u.default.tinymceCommonOptions),[]);return l().createElement(l().Fragment,null,h&&l().createElement(yn,Object.assign({commonOptions:h,additionalExtensions:f,mentionsQueries:E},e)),l().createElement(I,{query:m}))},hn=u.default.registry.getLazyComponent("InputTinyMCERaw"),vn=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),r=(0,o.useTheme)(),s=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=fn(),p=(0,n.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}),[]),f=(0,n.useMemo)((()=>p?[g]:[]),[g,p]),y=(0,n.useCallback)((e=>{i(c.y8.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[i,t]),E=(0,n.useMemo)((()=>(0,u.getTinyMCEMentionsQueries)(s,r,y)),[s,y,r]),h=(0,n.useMemo)((()=>u.default.tinymceCommonOptions),[]);return l().createElement(l().Fragment,null,h&&l().createElement(hn,Object.assign({commonOptions:h,additionalExtensions:f,mentionsQueries:E},e)),l().createElement(I,{query:m}))},bn=u.default.registry.getLazyComponent("InputAudience"),xn=u.default.registry.getLazyComponent("Message"),Cn=u.default.registry.getLazyComponent("Modal"),wn=({open:e,closeHandler:t,title:i,control:n,warningMessage:o,onSubmit:r,name:s="publishTo"})=>{const u=(0,a.useIntl)(),m=(0,d.useSelector)(c.Bx.selectors.selectNetworkPublic);return l().createElement(Cn,{open:e,closeHandler:t,title:null!=i?i:u.formatMessage({id:"GLOBAL_Audience"}),buttons:[{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Cancel"}),color:"cancel",clickHandler:()=>t()},{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Continue"}),color:"danger",clickHandler:()=>{t(),r()}}]},l().createElement(xn,{variant:"warning",message:null!=o?o:u.formatMessage({id:"FORM_Audience_Empty"})}),l().createElement(bn,{asyncPromise:e=>W().audience.autocomplete(e),searchable:!0,control:n,multiple:!0,placeholder:u.formatMessage({id:"GLOBAL_Audience"}),name:s,defaultCustomOptions:m?[{uri:m.uri,title:m.title,resetOptions:!0,icon:"icon-fs-wall"}]:[]}))};var kn=i(737);const Wn=u.default.registry.getLazyComponent("Container"),qn=u.default.registry.getLazyComponent("AppColumn"),Sn=u.default.registry.getLazyComponent("MainColumn");function Ln({extensionRoute:e,routes:t,description:i,mode:l="center"}){var o;const r=(0,a.useIntl)(),{pathname:s}=(0,kn.useLocation)(),c=(0,n.useMemo)((()=>Object.values(t)),[t]),[d,u]=n.useState(null===(o=null==c?void 0:c[0])||void 0===o?void 0:o.key),m=c.map((t=>Object.assign(Object.assign({},t),{label:r.formatMessage({id:t.label}),href:t.absolutePath?t.path:`/ng/rr/${e}/${t.path}`,group:t.group?r.formatMessage({id:t.group}):void 0})));return n.useEffect((()=>{const t=c.find((t=>{var i;return`/ng/rr/${e}/${t.path}`===s||(null===(i=t.paths)||void 0===i?void 0:i.reduce(((t,i)=>{const n=`/ng/rr/${e}/${i}`,l=null!==(0,kn.matchPath)(n,s);return t||l}),!1))}));t&&u(t.key)}),[s,c,e]),n.createElement(n.Suspense,{fallback:n.createElement(n.Fragment,null)},n.createElement(Wn,{mode:l},n.createElement(qn,{mode:l,description:i,tabs:m,activeTab:d||""}),n.createElement(Sn,{mode:l},n.createElement(kn.Outlet,null))))}}}]);
531
- //# sourceMappingURL=241.bundle.js.map
532
+ `,gn=()=>{const e=(0,d.useSelector)(c.cr.selectors.selectEditors,d.shallowEqual);return l().createElement(cn,{className:"editor-portal-wrapper"},e.map(((e,t)=>"left"===e.position?l().createElement(pi,{isActive:!1,key:t},l().createElement(un,null,l().createElement(sn,{uniqid:e.uniqid,position:e.position}),l().createElement(dn,{isActive:void 0!==e.popup},l().createElement(Mi,{uniqid:e.uniqid})),l().createElement(mn,null))):l().createElement(pi,{isActive:!1,key:t},l().createElement(un,null,l().createElement(mn,null),l().createElement(dn,{isActive:void 0!==e.popup},l().createElement(Mi,{uniqid:e.uniqid})),l().createElement(sn,{uniqid:e.uniqid,position:e.position}))))))},pn=()=>n.createElement(n.Fragment,null),fn=()=>{const[e,t]=(0,n.useState)(),i=(0,a.useIntl)(),l=(0,n.useCallback)((e=>{t(Object.assign(Object.assign({},e),{reject:i=>{e.reject(i),t(void 0)},resolve:i=>{e.resolve(i),t(void 0)}}))}),[]),o=(0,n.useCallback)(((e,t)=>new Promise(((i,n)=>{l({reject:n,resolve:i,text:e,capability:t})}))),[l]),r=(0,n.useMemo)((()=>({develop:e=>o(e,"develop"),summarize:e=>o(e,"summarize"),tldr:e=>o(e,"tldr"),en:e=>o(e,"en"),es:e=>o(e,"es"),formal:e=>o(e,"formal"),funny:e=>o(e,"funny")})),[o]);return[e,(0,n.useMemo)((()=>s.JTinyMCEExtensionsBuilders.jia(r,i)),[i,r])]},En=u.default.registry.getLazyComponent("InputTinyMCE"),yn=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),r=(0,o.useTheme)(),s=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=fn(),p=(0,n.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}),[]),f=(0,n.useMemo)((()=>p?[g]:[]),[g,p]),E=(0,n.useCallback)((e=>{i(c.y8.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[i,t]),y=(0,n.useMemo)((()=>(0,u.getTinyMCEMentionsQueries)(s,r,E)),[s,E,r]),h=(0,n.useMemo)((()=>u.default.tinymceCommonOptions),[]);return l().createElement(l().Fragment,null,h&&l().createElement(En,Object.assign({commonOptions:h,additionalExtensions:f,mentionsQueries:y},e)),l().createElement(I,{query:m}))},hn=u.default.registry.getLazyComponent("InputTinyMCERaw"),vn=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),r=(0,o.useTheme)(),s=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=fn(),p=(0,n.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}),[]),f=(0,n.useMemo)((()=>p?[g]:[]),[g,p]),E=(0,n.useCallback)((e=>{i(c.y8.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[i,t]),y=(0,n.useMemo)((()=>(0,u.getTinyMCEMentionsQueries)(s,r,E)),[s,E,r]),h=(0,n.useMemo)((()=>u.default.tinymceCommonOptions),[]);return l().createElement(l().Fragment,null,h&&l().createElement(hn,Object.assign({commonOptions:h,additionalExtensions:f,mentionsQueries:y},e)),l().createElement(I,{query:m}))},bn=u.default.registry.getLazyComponent("InputAudience"),xn=u.default.registry.getLazyComponent("Message"),Cn=u.default.registry.getLazyComponent("Modal"),wn=({open:e,closeHandler:t,title:i,control:n,warningMessage:o,onSubmit:r,name:s="publishTo"})=>{const u=(0,a.useIntl)(),m=(0,d.useSelector)(c.Bx.selectors.selectNetworkPublic);return l().createElement(Cn,{open:e,closeHandler:t,title:null!=i?i:u.formatMessage({id:"GLOBAL_Audience"}),buttons:[{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Cancel"}),color:"cancel",clickHandler:()=>t()},{children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Continue"}),color:"danger",clickHandler:()=>{t(),r()}}]},l().createElement(xn,{variant:"warning",message:null!=o?o:u.formatMessage({id:"FORM_Audience_Empty"})}),l().createElement(bn,{asyncPromise:e=>W().audience.autocomplete(e),searchable:!0,control:n,multiple:!0,placeholder:u.formatMessage({id:"GLOBAL_Audience"}),name:s,defaultCustomOptions:m?[{uri:m.uri,title:m.title,resetOptions:!0,icon:"icon-fs-wall"}]:[]}))};var kn=i(737);const Wn=u.default.registry.getLazyComponent("Container"),qn=u.default.registry.getLazyComponent("AppColumn"),Sn=u.default.registry.getLazyComponent("MainColumn");function Ln({extensionRoute:e,routes:t,description:i,mode:l="center"}){var o;const r=(0,a.useIntl)(),{pathname:s}=(0,kn.useLocation)(),c=(0,n.useMemo)((()=>Object.values(t)),[t]),[d,u]=n.useState(null===(o=null==c?void 0:c[0])||void 0===o?void 0:o.key),m=c.map((t=>Object.assign(Object.assign({},t),{label:r.formatMessage({id:t.label}),href:t.absolutePath?t.path:`/ng/rr/${e}/${t.path}`,group:t.group?r.formatMessage({id:t.group}):void 0})));return n.useEffect((()=>{const t=c.find((t=>{var i;return`/ng/rr/${e}/${t.path}`===s||(null===(i=t.paths)||void 0===i?void 0:i.reduce(((t,i)=>{const n=`/ng/rr/${e}/${i}`,l=null!==(0,kn.matchPath)(n,s);return t||l}),!1))}));t&&u(t.key)}),[s,c,e]),n.createElement(n.Suspense,{fallback:n.createElement(n.Fragment,null)},n.createElement(Wn,{mode:l},n.createElement(qn,{mode:l,description:i,tabs:m,activeTab:d||""}),n.createElement(Sn,{mode:l},n.createElement(kn.Outlet,null))))}}}]);
533
+ //# sourceMappingURL=823.bundle.js.map