jamespot-react-core 1.1.164 → 1.1.166

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,9 +1,9 @@
1
- "use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[854],{854:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>v,Audience:()=>p,Avatar:()=>u,CommentsBloc:()=>wt,DisplayForm:()=>It,EditorsPortal:()=>Wi,Empty:()=>qi,JRCInputTinyMCEWithExt:()=>Ai,JRCInputTinyMCEWithExtRaw:()=>Ti,ModalAudience:()=>Mi,TwoColLayout:()=>Oi,WidgetList:()=>L,WidgetWrapperCore:()=>mt});var n=i(594),l=i.n(n),o=i(196),r=i.n(o),a=i(493),s=i(555),c=i(438),d=i(704);const u=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(s.JRCIcon,{name:"icon-fs-wall",size:8*(null!==(t=e.size)&&void 0!==t?t:3),color:i.color.primary,variant:"circle"}):l().createElement(s.JRCAvatar,Object.assign({},e))},m=r().div`
1
+ "use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[854],{854:(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(523),c=i(481),d=i(704),u=i(623);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"),x=u.default.registry.getLazyComponent("Typography"),b=r().div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: 12px;
5
5
  margin-bottom: 24px;
6
- `,g=r().a`
6
+ `,C=r().a`
7
7
  display: flex;
8
8
  justify-content: center;
9
9
  align-items: center;
@@ -17,15 +17,15 @@
17
17
  border: 4px solid ${e=>e.theme.color.white};
18
18
  margin-left: ${e=>e.overlap?"-18px":"0"};
19
19
  cursor: pointer;
20
- `,p=({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(s.JRCFlexBox,null,[...e].splice(0,t).map(((e,t)=>l().createElement(g,{overlap:0!==t,href:e._url,target:"_blank",key:e.id},l().createElement(s.JRCTooltip,{description:void 0===e.title?" ":e.title,position:"left"},l().createElement(u,{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(g,{onClick:()=>d(!0),overlap:!0},"+",e.length-t)),e.length>t&&l().createElement(s.JRCModalLayout,{closeHandler:()=>d(!1),enableClickAwayCloseModal:!0,open:c,variant:"fixed-height",maxHeight:"800px"},l().createElement(s.JRCModalContent,{title:i.formatMessage({id:"GLOBAL_Audience"}),overflow:"scroll",onClickIconClose:()=>d(!1)},l().createElement(m,null,e.map(((e,t)=>l().createElement(s.JRCFlexBox,{key:`audience-${t}`,y:"center",gap:r.space.l},l().createElement(u,{size:5,uri:`${e.type}/${e.id}`}),l().createElement(s.JRCStyledHref,{href:`${e.type}/${e.id}`},l().createElement(s.JRCTypography,null,e.title)))))))))};var f=i(833),E=i.n(f);const y=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(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(b,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(x,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
- `,h={response:void 0,loading:!0,error:void 0},v=({query:e})=>{const t=(0,a.useIntl)(),[i,r]=(0,n.useState)(h),c=(0,o.useTheme)(),d=(0,n.useCallback)((e=>{r(h),E().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&&d(e)}),[e,d]),l().createElement(s.JRCModalLayout,{zIndex:c.zIndex.tinyMCEModal,open:!!e,closeHandler:()=>{null==e||e.reject()}},l().createElement(s.JRCModalContent,{overflow:"scroll",buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&d(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(y,null,i.loading&&l().createElement(l().Fragment,null,l().createElement(s.JRCLoader,null),l().createElement(s.JRCTypography,{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 x=i(623);const b=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(601);var O=i(206),D=i(149);const j=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,D.A)(),e.appendChild(t)),t})(e)),[e]);return t?(0,O.createPortal)(l().createElement(z,null,l().createElement(j,null)),t):null},F=r().div`
23
23
  display: flex;
24
24
  flex-direction: row;
25
25
  flex-wrap: wrap;
26
26
  gap: 10px;
27
27
  justify-content: center;
28
- `,C=r().div`
28
+ `,R=r().div`
29
29
  border: 1px solid ${e=>e.theme.color.grey2};
30
30
  border-radius: 8px;
31
31
  cursor: pointer;
@@ -50,7 +50,7 @@
50
50
  opacity: 1;
51
51
  }
52
52
  }
53
- `,w=r().div`
53
+ `,G=r().div`
54
54
  border: 2px solid ${e=>e.theme.color.primary};
55
55
  height: ${e=>e.open?e.height:"54"}px;
56
56
  border-radius: 8px;
@@ -60,13 +60,14 @@
60
60
  transition: height 0.4s;
61
61
  overflow: hidden;
62
62
  flex-direction: column;
63
- `,k=r().div`
63
+ `,B=r().div`
64
64
  display: flex;
65
65
  flex-direction: row;
66
66
  flex-wrap: wrap;
67
67
  justify-content: center;
68
68
  gap: 10px;
69
- `,W=r().div`
69
+ ${e=>e.column&&"flex-direction: column;"}
70
+ `,H=r().div`
70
71
  min-height: 50px;
71
72
  display: flex;
72
73
  justify-content: center;
@@ -76,7 +77,7 @@
76
77
  &:hover {
77
78
  background-color: ${e=>e.theme.color.grey0};
78
79
  }
79
- `,q=r().button`
80
+ `,N=r().button`
80
81
  height: 72px;
81
82
  display: flex;
82
83
  align-items: center;
@@ -90,59 +91,36 @@
90
91
  img {
91
92
  width: 40px;
92
93
  }
93
- ${e=>e.full&&"flex: 1"}
94
- `,S=r().div`
94
+ ${e=>e.full&&"flex: 1; width: 100%;"}
95
+ ${e=>e.parentIsColumn&&"flex-basis: 72px;"}
96
+ `,P=r().div`
95
97
  display: flex;
96
98
  flex-direction: ${e=>"row"===e.direction?"row":"column"};
97
99
  align-items: ${e=>"row"===e.direction?"center":"flex-start"};
98
100
  justify-content: ${e=>"row"===e.direction?"flex-start":"center"};
99
101
  flex: 1;
100
102
  ${e=>e.gap&&`gap:${e.gap}px`}
101
- `,A=x.default.registry.getLazyComponent("Button"),T=x.default.registry.getLazyComponent("ModalLayout"),M=x.default.registry.getLazyComponent("ModalContent"),I=x.default.registry.getLazyComponent("Tooltip"),_=x.default.registry.getLazyComponent("IconButton"),L=({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(f.WidgetsName.ArticleTitle),c.x0.definition(f.WidgetsName.ArticleButton)];case"comment":return[c.x0.definition(f.WidgetsName.CheckList),c.x0.definition(f.WidgetsName.Presence)];default:return[c.x0.definition(f.WidgetsName.ArticleTitle),c.x0.definition(f.WidgetsName.ArticleText),c.x0.definition(f.WidgetsName.ArticleImage),c.x0.definition(f.WidgetsName.ArticleButton),c.x0.definition(f.WidgetsName.ArticleSlider),c.x0.definition(f.WidgetsName.ArticleAttachment),c.x0.definition(f.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(T,Object.assign({},m),l().createElement(M,{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(k,null,d.map(((e,t)=>l().createElement(q,{key:e.name,open:!0,full:!0,index:t,onClick:()=>g(e.name)},l().createElement(S,{direction:"row",gap:12},l().createElement("img",{src:e.img}),l().createElement(S,{direction:"column"},l().createElement("h3",null,u.formatMessage({id:e.label})),l().createElement("p",null,u.formatMessage({id:e.description})))))))):l().createElement(b,null,d.map(((e,t)=>l().createElement(C,{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(A,{onClick:()=>s(!0),variant:"outlined",minWidth:"100%"},u.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e&&"edit"===t?l().createElement(b,null,d.map(((e,t)=>l().createElement(C,{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(R,{widgets:d,onClick:g}):l().createElement(l().Fragment,null),"comment"===e&&"edit"===t?l().createElement(O,{onClick:()=>{s(!0)}}):l().createElement(l().Fragment,null))},R=({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(w,{open:i,height:s},l().createElement(W,{onClick:()=>o(!i)},r.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(k,null,e.map(((e,n)=>l().createElement(q,{key:e.name,open:i,index:n,onClick:()=>t(e.name)},l().createElement("img",{src:e.img}),r.formatMessage({id:e.label})))))))},O=({onClick:e})=>{const t=(0,a.useIntl)();return l().createElement(l().Fragment,null,l().createElement(I,{description:t.formatMessage({id:"COMMENT_Add_Widget"})},l().createElement(_,{bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:22,onClick:()=>{e()},icon:"icon-fs-puzzle"})))};var D=i(655),j=i(355);const $=(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};var F=i(347);const z=x.default.registry.getLazyComponent("WidgetTable"),G=x.default.registry.getLazyComponent("Loader"),B=(r().div``,r().div`
102
- position: absolute;
103
- inset: 0;
104
- display: flex;
105
- flex-direction: column;
106
- justify-content: center;
107
- align-items: center;
108
- gap: ${e=>e.theme.space.md}px;
109
- `),H=r().div`
110
- position: absolute;
111
- inset: 0;
112
- display: flex;
113
- flex-direction: row;
114
- justify-content: center;
115
- align-items: center;
116
- gap: ${e=>e.theme.space.md}px;
117
- color: ${e=>e.theme.color.primary};
118
- cursor: pointer;
119
- opacity: 0;
120
- border: 1px solid ${e=>e.theme.color.primary};
121
- &:hover {
122
- background-color: ${e=>e.theme.color.grey2};
123
- opacity: 0.9;
124
- }
125
- `,N=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableColumnsData:g=[],tableBorderRadius:p,tableSizedColumns:y,tableSizedColumnsWidth:h,mode:v})=>{const x=(0,a.useIntl)(),b=(0,j.jL)(),[C,w]=(0,n.useState)(!1),[k,W]=(0,n.useState)(!1),[q,S]=(0,n.useState)([]),[A,T]=(0,n.useState)([]),[M,I]=(0,n.useState)({order:"ascending",name:"unknown"}),[_,L]=(0,n.useState)(void 0),[R,O]=(0,n.useState)(""),D=(0,n.useMemo)((()=>c.x0.definition(f.WidgetsName.DatasourceTable)),[]),J=(0,n.useMemo)((()=>"studio"===_?[{type:[R]}]:[]),[_,R]),N=(0,n.useMemo)((()=>"doc"===_?[R]:[]),[_,R]),{rtLastObject:P}=(0,F.YL)(J,N),U=(0,n.useCallback)((()=>{t&&(W(!0),E().datasource.get(t,f.Format.VIEW).then((e=>{T(e.result.model),S(e.result.data),I(e.result.sort),L(e.result.datasource.datasourceType),O(e.result.datasource.datasourceIdentifier)})).finally((()=>W(!1))))}),[t]);(0,n.useEffect)((()=>{void 0!==t&&0!==g.length&&0===A.length&&U()}),[t,g,A,U]),(0,n.useEffect)((()=>{P&&U()}),[P,U]),(0,n.useEffect)((()=>{t||T([])}),[t]);const V=(0,n.useCallback)((()=>{b(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>{b(c.cr.slice.actions.registerEditor({uniqid:e,name:f.WidgetsName.DatasourceTable}))}),0)}),[b,e]);(0,n.useEffect)((()=>{"view"!==v&&"preview"!==v||b(c.cr.slice.actions.flushAllEditor())}),[v,b]),(0,n.useEffect)((()=>{C||t||"edit"!==v||(V(),w(!0))}),[b,e,C,t,V,v]);const Q=(0,n.useMemo)((()=>$(g,A)),[g,A]);return 0!==g.length||k||"edit"!==v?k?l().createElement(B,null,l().createElement(G,null)):l().createElement(l().Fragment,null,k||0!==q.length?l().createElement(z,{rows:q,columns:Q,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableBorderRadius:p,tableColumnsData:g,tableSizedColumns:y,tableSizedColumnsWidth:h,tableDefaultSortOrder:M.order,tableDefaultSortName:M.name}):l().createElement(B,null,l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===v?l().createElement(H,{onClick:V},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:D.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(B,{onClick:V},l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:D.label}),l().createElement(s.JRCButton,{label:"GLOBAL_Settings"})),l().createElement(H,{onClick:V},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:D.label})}</b>`})))},P=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(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(347),ie=i(655);const ne=u.default.registry.getLazyComponent("InputFileAdvancedRaw"),le=r().div`
126
104
  width: 0;
127
105
  height: 0;
128
106
  overflow: hidden;
129
- `,U=({children:e,initialFiles:t,initialClick:i,multiple:n,accept:o,onUploadStart:r,onUploadEnd:a,onUploadSuccess:u})=>{const m=l().useRef(null),g=(0,d.useSelector)(c.x0.selectors.selectToken),[p,f]=l().useState(0),[E,y]=l().useState(t);return l().useEffect((()=>{var e;i&&(null===(e=m.current)||void 0===e||e.click())}),[i]),l().useEffect((()=>{t.length!==E.length&&y(t)}),[t]),l().useEffect((()=>{u(E)}),[E]),l().useEffect((()=>{0===p&&a()}),[p]),l().createElement(l().Fragment,null,l().createElement("div",{onClick:()=>{var e;i&&(null===(e=m.current)||void 0===e||e.click())}},e),l().createElement(P,null,l().createElement(s.JRCInputFileAdvancedRaw,{ref:m,id:"widget-upload-file",name:"editorFiles",content:"",accept:o,multiple:n,token:g,onUploadStart:e=>{void 0!==e&&f((t=>t+e)),"function"==typeof r&&0!==e&&r()},onUploadSuccess:e=>{void 0!==e&&(f((e=>void 0!==e?e-1:0)),y((t=>n?[...t,e]:[e])))}})))},V=x.default.registry.getLazyComponent("WidgetAttachment"),Q=x.default.registry.getLazyComponent("FileViewer"),K=r().div`
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`
130
108
  flex: 1;
131
- `,Y=({widget:e,inplace:t,mode:i})=>{const o=(0,a.useIntl)(),{uniqid:r}=e,{files:u}=e.content,m=(0,d.useDispatch)(),g=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual),p=e=>{m(c.y8.actions.error({label:null!=e?e:o.formatMessage({id:"GLOBAL_Error"})}))};(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:!u||0===u.length}))}),[u]);const f=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),y=[{label:o.formatMessage({id:"WIDGET_Open_With_Wedoc"}),onClick:e=>{e&&E().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((()=>{m(c.y8.actions.error({label:"WIDGET_Open_Failed"},6e3))}))}}],h=f?[{condition:e=>["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation"].includes(e.mimetype),options:y}]:[];return void 0!==u?l().createElement(K,null,"view"!==i?l().createElement(V,{files:u,onClick:()=>{},onError:p}):l().createElement(Q,{files:u,openWithOptions:h},(e=>l().createElement(V,{files:u,onClick:t=>e(t),onError:p}))),t&&"view"!==i&&l().createElement(U,{initialFiles:u,initialClick:g,multiple:!0,accept:"*",onUploadSuccess:e=>{Array.isArray(e)&&m((0,c.vR)(r,{files:e}))},onUploadStart:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},"edit"===i?l().createElement(s.JRCWidgetEmptyInplace,{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)},X=r().div`
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`
132
110
  display: flex;
133
111
  flex: 1;
134
112
  justify-content: center;
135
113
  align-items: center;
136
- `,Z=r().div`
114
+ `,ge=r().div`
137
115
  pointer-events: ${e=>e.clickable?"all":"none"};
138
116
  cursor: pointer;
139
117
  display: flex;
140
118
  flex: 1;
141
119
  justify-content: center;
142
120
  align-items: center;
143
- `,ee=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{uniqid:o}=e,{text:r,url:a,target:u,color:m,backgroundColor:g,buttonSize:p,borderRadius:f,variant:E}=e.content;return(0,n.useEffect)((()=>{i(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(X,{onClick:()=>{"edit"===t&&i(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}},l().createElement(Z,{clickable:"edit"!==t},l().createElement(s.JRCWidgetButton,{text:r,url:a,target:u,color:m,backgroundColor:g,buttonSize:p,borderRadius:f,variant:E})))},te=x.default.registry.getLazyComponent("WidgetArticleGallery"),ie=x.default.registry.getLazyComponent("FileViewer"),ne=r().button`
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`
144
122
  cursor: pointer;
145
- `,le=({widget:e,inplace:t,mode:i})=>{var n,o;const{uniqid:r}=e,{files:a}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual);return l().useEffect((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),void 0!==a?l().createElement(l().Fragment,null,"edit"===i?l().createElement(te,{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(ie,{files:a,openWithOptions:[]},(t=>{var i,n;return l().createElement(ne,null,l().createElement(te,{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(U,{initialFiles:a,initialClick:m,accept:"image/png, image/jpeg, image/jpg",multiple:!0,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}))}},l().createElement(s.JRCWidgetEmptyInplace,{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)},oe=x.default.registry.getLazyComponent("WidgetImage"),re=x.default.registry.getLazyComponent("FileViewer"),ae=r().div`
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)},xe=u.default.registry.getLazyComponent("WidgetImage"),be=u.default.registry.getLazyComponent("FileViewer"),Ce=u.default.registry.getLazyComponent("WidgetEmptyInplace"),we=r().div`
146
124
  position: absolute;
147
125
  inset: 0;
148
126
  background-color: rgba(0, 0, 0, 0.4);
@@ -155,16 +133,16 @@
155
133
  &:hover {
156
134
  opacity: 1;
157
135
  }
158
- `,se=r().button`
136
+ `,ke=r().button`
159
137
  cursor: pointer;
160
- `,ce={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},de=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},ue=({widget:e,width:t,inplace:i,mode:o})=>{const{uniqid:r}=e,{file:u,useFilter:m}=e.content,g=(0,d.useDispatch)(),p=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual),[E,y]=(0,n.useState)(void 0),h=(0,a.useIntl)();return(0,n.useEffect)((()=>{g(c.x0.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),(0,n.useEffect)((()=>{g(c.x0.slice.actions.setWidgetState({uniqid:r,empty:!u}))}),[u]),(0,n.useEffect)((()=>{u&&y((0,f.formatImgUrl)({timestamp:u.dateModified?de(u.dateModified):Date.now(),from:"imagecache",size:"fitx1200",uri:u.uri}))}),[u]),l().createElement(l().Fragment,null,"edit"===o?void 0!==E?l().createElement(oe,{maxWidth:null!=t?t:600,uri:E,useFilter:null!=m&&m}):l().createElement(l().Fragment,null):l().createElement(re,{files:[Object.assign(Object.assign({},ce),{path:E,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(se,{onClick:()=>e(0)},l().createElement(oe,{maxWidth:null!=t?t:600,uri:E,useFilter:null!=m&&m})))),i&&"edit"===o?l().createElement(U,{initialFiles:[],initialClick:p,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{Array.isArray(e)&&void 0!==e[0]&&g((0,c.vR)(r,{file:e[0]}))},onUploadStart:()=>{g(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{g(c.x0.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},void 0!==u?l().createElement(ae,null,h.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(s.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null))},me=x.default.registry.getLazyComponent("FileViewer"),ge=r().div`
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(xe,{maxWidth:null!=t?t:600,uri:p,useFilter:null!=u&&u}):l().createElement(l().Fragment,null):l().createElement(be,{files:[Object.assign(Object.assign({},We),{path:p,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(ke,{onClick:()=>e(0)},l().createElement(xe,{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(355);const Ae=u.default.registry.getLazyComponent("FileViewer"),Me=u.default.registry.getLazyComponent("WidgetEmptyInplace"),Te=u.default.registry.getLazyComponent("WidgetSlider"),Ie=r().div`
161
139
  flex: 1;
162
140
  display: flex;
163
141
  flex-direction: row;
164
142
  min-height: 60px;
165
143
  align-items: center;
166
144
  width: ${e=>e.maxWidth}px;
167
- `,pe={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},fe=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},Ee=({widget:e,mode:t,width:i})=>{const{uniqid:o}=e,r=(0,j.jL)(),a=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual),u=null!=i?i:600,[m,g]=(0,n.useState)(void 0),p=(0,n.useRef)(null),E=(0,n.useMemo)((()=>e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},pe),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:pe.mimetype,path:(0,f.formatImgUrl)({size:"fitx1200",uri:e.file?e.file.uri:"",from:"imagecache",timestamp:e.file&&e.file.dateModified?fe(e.file.dateModified):Date.now()})})))]:[]),[e.content.slides]),y=(0,n.useMemo)((()=>void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:(0,f.formatImgUrl)({timestamp:e.file.dateModified?fe(e.file.dateModified):Date.now(),size:`fitx${m&&m<u?m:u}`,from:"imagecache",uri:e.file.uri})}):Object.assign(Object.assign({},e),{uri:""})))]:[]),[e.content.slides,m,u]);(0,n.useEffect)((()=>{a&&"edit"===t&&r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}),[a]),(0,n.useEffect)((()=>{const e=()=>{p.current&&g(p.current?p.current.offsetWidth:u)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[p]),(0,n.useEffect)((()=>{g(p.current?p.current.offsetWidth:u)}),[p]),(0,n.useEffect)((()=>{r(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!e.content.slides||0===e.content.slides.length}))}),[e.content.slides]);const h=(0,n.useMemo)((()=>"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length),[e.content.slides,t]),v=(0,n.useCallback)((()=>{r(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}),[r,e.uniqid,e.name]);return void 0===m?l().createElement("div",{ref:p,style:{width:"100%"}}):l().createElement(ge,{maxWidth:m&&m<u?m:u},l().createElement(me,{files:E,openWithOptions:[]},(i=>{var n,a;return l().createElement(s.JRCWidgetSlider,{slides:y,maxWidth:m&&m<u?m:u,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}))}})})),h?l().createElement(s.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:v}):l().createElement(l().Fragment,null))},ye=x.default.registry.getLazyComponent("WidgetArticleText"),he=r().div`
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}},De=({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(Ae,{files:p,openWithOptions:[]},(i=>{var n,a;return l().createElement(Te,{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))},je=u.default.registry.getLazyComponent("WidgetArticleText"),ze=r().div`
168
146
  cursor: text;
169
147
  p {
170
148
  word-wrap: break-word;
@@ -172,20 +150,20 @@
172
150
  a {
173
151
  word-wrap: break-word;
174
152
  }
175
- `,ve=({widget:e,mode:t})=>{const{uniqid:i}=e,r=(0,o.useTheme)(),{text:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,i)),d.shallowEqual),g=(0,d.useSelector)((e=>{var t;return null===(t=c.x0.selectors.selectWidgetState(e,i))||void 0===t?void 0:t.busy})),p=(0,d.useSelector)(c.x0.selectors.selectToken),f=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),E=(0,d.useSelector)(c.Kx.selectors.selectAll),y=(0,a.useIntl)(),h=(0,n.useCallback)((e=>{u(c.y8.actions.error({label:null!=e?e:y.formatMessage({id:"GLOBAL_Error"})}))}),[u,y]);(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:i,empty:!s||0===s.length}))}),[s]);const v=(0,n.useMemo)((()=>(0,x.getTinyMCEMentionsQueries)(E,r,h)),[E,h,r]);return g?l().createElement(l().Fragment,null):l().createElement(he,null,l().createElement(ye,{autoFocus:m,text:null!=s?s:"",token:"edit"===t&&void 0!==p?p:"",tinyMCECommonOptions:"edit"===t&&f?{tinymceScriptSrc:"https://ecosysteme.jamespot.pro/js/tinymce/tinymce.min.js",commonOptions:f,mentionsQueries:v}:void 0,mode:t,onChange:e=>{u((0,c.vR)(i,{text:e}))}}))},xe=x.default.registry.getLazyComponent("WidgetArticleTitle"),be=r().div`
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 x=(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(je,{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:x}:void 0,mode:t,onChange:e=>{m((0,c.vR)(i,{text:e}))}}))},Fe=u.default.registry.getLazyComponent("WidgetArticleTitle"),Re=r().div`
176
154
  flex: 1;
177
155
  display: flex;
178
156
  flex-direction: row;
179
157
  align-items: center;
180
158
  cursor: text;
181
- `,Ce=r().div`
159
+ `,Ge=r().div`
182
160
  display: flex;
183
161
  flex-direction: row;
184
162
  border-radius: 8px;
185
163
  overflow: hidden;
186
164
  margin: 4px;
187
165
  border: 1px solid ${e=>e.theme.color.grey1};
188
- `,we=r().button`
166
+ `,Be=r().button`
189
167
  display: flex;
190
168
  width: 40px;
191
169
  height: 40px;
@@ -197,7 +175,7 @@
197
175
  &:hover {
198
176
  background-color: ${e=>e.theme.color.grey1};
199
177
  }
200
- `,ke=({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(be,null,l().createElement(xe,{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(We,{heading:s,onClick:e=>{u((0,c.vR)(o,{heading:e}))}}):l().createElement(l().Fragment,null))},We=({heading:e="h1",onClick:t})=>l().createElement(Ce,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(we,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),qe=J.react.registry.getLazyComponent("WidgetCheckList"),Se=J.react.registry.getLazyComponent("WidgetCheckListEditor"),Ae=J.react.registry.getLazyComponent("Typography"),Te=(r().div`
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`
201
179
  display: flex;
202
180
  flex-direction: row;
203
181
  justify-content: space-between;
@@ -207,15 +185,12 @@
207
185
  border-radius: 4px;
208
186
  padding: 4px 8px;
209
187
  `,r().div`
188
+ min-height: 40px;
210
189
  display: flex;
211
190
  justify-content: center;
212
191
  align-items: center;
213
- border: 1px solid ${e=>e.theme.color.grey1};
214
- border-bottom-left-radius: 4px;
215
- border-bottom-right-radius: 4px;
216
- padding: 4px;
217
- margin-bottom: 8px;
218
-
192
+ border-top: 1px solid ${e=>e.theme.color.grey1};
193
+ cursor: pointer;
219
194
  div:first-child {
220
195
  margin: 0 auto;
221
196
  }
@@ -223,7 +198,7 @@
223
198
  div:last-child {
224
199
  align-self: flex-end;
225
200
  }
226
- `),Me=r().div`
201
+ `),Ye=r().div`
227
202
  width: 100%;
228
203
  flex: 1;
229
204
  display: flex;
@@ -231,18 +206,16 @@
231
206
  align-items: flex-start;
232
207
  justify-content: center;
233
208
  gap: 8px;
234
- `,Ie=r().div`
209
+ `,Xe=r().div`
210
+ width: 100%;
235
211
  display: flex;
236
212
  gap: 14px;
237
- padding: 10px 10px 0 10px;
238
- border-radius: 8px;
239
- background-color: ${({theme:e})=>e.color.white};
240
- border: 1px solid ${e=>e.theme.color.grey2};
241
- `,_e=r().div`
213
+ padding: 16px;
214
+ `,Ze=r().div`
242
215
  width: 100%;
243
216
  padding-bottom: 12px;
244
217
  border-bottom: ${e=>e.border?`1px solid ${e.theme.color.grey1}`:0};
245
- `,Le=({widget:e,commentId:t,inplace:i,mode:o,editRight:r,deleteRight:u,onRemove:m,onWidgetUpdate:g})=>{const p=(0,a.useIntl)(),{uniqid:y,content:h}=e,v=(0,d.useDispatch)(),[x,b]=(0,n.useState)(),[C,w]=(0,n.useState)(!1),[k,W]=(0,n.useState)(),[q,S]=(0,n.useState)(!1),A=(0,d.useSelector)((e=>c.x0.selectors.selectWidget(e,y))),T=(0,d.useSelector)(c.xJ.selectors.get),M=(0,n.useCallback)((e=>{v(c.y8.actions.error({label:null!=e?e:p.formatMessage({id:"GLOBAL_Error"})}))}),[v,p]),I=e=>{v(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},_=()=>{v(c.x0.slice.actions.flushWidget({uniqid:y})),m&&m(y),w(!1)},L=t=>{v(c.cr.slice.actions.flushAllEditor()),v(c.x0.slice.actions.setToken({token:t})),v(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:f.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"})}));b(i)}),[e.content.arr,h]),(0,n.useEffect)((()=>{k||q||(S(!0),E().network.token().then((e=>{W(e.result),S(!1)})).catch((e=>{M(e.errorMsg)})))}),[M,k,q]),"edit"===o&&i?l().createElement(l().Fragment,null,l().createElement(Ie,null,l().createElement(Me,null,l().createElement(_e,{border:!0},l().createElement("label",null,p.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"})),l().createElement(s.JRCInputTextRaw,{id:p.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"}),required:!0,placeholder:p.formatMessage({id:"COMMENT_WIDGET_CHECKLIST_Title"}),type:"text",value:null==A?void 0:A.title,onChange:e=>{const{value:t}=e.target;I({uniqid:y,title:t})},margin:"2px",width:"100%"})),l().createElement(Se,{token:k,uniqid:y,content:h,onChangeContent:(e,t)=>{v((0,c.vR)(e,t))},onChangeWrapper:I,openEditorPanel:L,onRemoveWidget:_})))):l().createElement(l().Fragment,null,x&&l().createElement("div",{key:e.uniqid,style:{width:"100%"}},l().createElement(qe,{title:null==A?void 0:A.title,limit:10,initialEntries:x,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}),T&&e.checked&&{user:{id:null!==(i=null===(t=e.user)||void 0===t?void 0:t.id)&&void 0!==i?i:T.id,mainType:"user",type:"user"}}),e.checked&&{value:e.checked})}))};v((0,c.vR)(e,l)),E().widget.checkListRespond({id:t,type:"comment",idUser:null==T?void 0:T.id,uniqid:e,index:i}).then((()=>{g&&g()})).catch((e=>{M(e.message)}))})(e.uniqid,i,n)}),r&&l().createElement(l().Fragment,null,l().createElement(Te,null,l().createElement("div",{style:{cursor:"pointer"},onClick:()=>{k?L(k):M(p.formatMessage({id:"GLOBAL_Error"}))}},l().createElement(Ae,{size:"s"},p.formatMessage({id:"COMMENT_WIDGET_Configure"}))),u&&l().createElement("div",null,l().createElement(s.JRCIconButton,{iconSize:14,onClick:()=>w(!0),icon:"icon-trash"})))),l().createElement(s.JRCModal,{buttons:[{color:"cancel",clickHandler:()=>w(!1),children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Cancel"})},{color:"danger",clickHandler:_,children:l().createElement(a.FormattedMessage,{id:"GLOBAL_Delete"})}],open:C,closeHandler:()=>w(!1),title:p.formatMessage({id:"GLOBAL_Delete"})},p.formatMessage({id:"COMMENT_WIDGET_Delete_Widget"}))))},Re=x.default.registry.getLazyComponent("WidgetTable"),Oe=x.default.registry.getLazyComponent("Loader"),De=(r().div``,r().div`
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),[x,b]=(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),A=(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]),T=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)((()=>{x||C||(w(!0),W().network.token().then((e=>{b(e.result),w(!1)})).catch((e=>{M(e.errorMsg)})))}),[M,x,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;T({uniqid:g,title:t})},margin:"2px",width:"100%"})),l().createElement(Ue,{token:x,uniqid:g,content:p,onChangeContent:(e,t)=>{f((0,c.vR)(e,t))},onChangeWrapper:T,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||A)&&l().createElement(l().Fragment,null,l().createElement(Ke,{onClick:()=>{x?_(x):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`
246
219
  position: absolute;
247
220
  inset: 0;
248
221
  display: flex;
@@ -250,7 +223,7 @@
250
223
  justify-content: center;
251
224
  align-items: center;
252
225
  gap: ${e=>e.theme.space.md}px;
253
- `),je=r().div`
226
+ `),at=r().div`
254
227
  position: absolute;
255
228
  inset: 0;
256
229
  display: flex;
@@ -266,18 +239,42 @@
266
239
  background-color: ${e=>e.theme.color.grey2};
267
240
  opacity: 0.9;
268
241
  }
269
- `,$e=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableColumnsData:g=[],tableBorderRadius:p,tableSizedColumns:y,tableSizedColumnsWidth:h,mode:v})=>{const x=(0,a.useIntl)(),b=(0,j.jL)(),[C,w]=(0,n.useState)(!1),[k,W]=(0,n.useState)(!1),[q,S]=(0,n.useState)([]),[A,T]=(0,n.useState)([]),M=(0,n.useMemo)((()=>c.x0.definition(f.WidgetsName.ExcelDatasourceTable)),[]);(0,n.useEffect)((()=>{void 0!==t&&0!==g.length&&0===A.length&&(W(!0),E().datasource.get(t,f.Format.VIEW).then((e=>{T(e.result.model),S(e.result.data)})).finally((()=>W(!1))))}),[t,g,A]),(0,n.useEffect)((()=>{t||T([])}),[t]);const I=(0,n.useCallback)((()=>{b(c.cr.slice.actions.flushAllEditor()),setTimeout((()=>b(c.cr.slice.actions.registerEditor({uniqid:e,name:f.WidgetsName.ExcelDatasourceTable}))),0)}),[b,e]);(0,n.useEffect)((()=>{"view"!==v&&"preview"!==v||b(c.cr.slice.actions.flushAllEditor())}),[v,b]),(0,n.useEffect)((()=>{C||t||"edit"!==v||(I(),w(!0))}),[b,e,C,t,I,v]);const _=(0,n.useMemo)((()=>$(g,A)),[g,A]);return 0!==g.length||k||"edit"!==v?k?l().createElement(De,null,l().createElement(Oe,null)):l().createElement(l().Fragment,null,k||0!==q.length?l().createElement(Re,{rows:q,columns:_,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableBorderRadius:p,tableColumnsData:g,tableSizedColumns:y,tableSizedColumnsWidth:h}):l().createElement(De,null,l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.ExcelDatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===v?l().createElement(je,{onClick:I},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:M.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(De,{onClick:I},l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.ExcelDatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:M.label}),l().createElement(s.JRCButton,{label:"GLOBAL_Settings"})),l().createElement(je,{onClick:I},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:M.label})}</b>`})))},Fe=r().button`
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,x]=(0,n.useState)(!1),[b,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)(""),D=(0,n.useMemo)((()=>c.x0.definition(k.WidgetsName.DatasourceTable)),[]),j=(0,n.useMemo)((()=>"studio"===T?[{type:[_]}]:[]),[T,_]),z=(0,n.useMemo)((()=>"doc"===T?[_]:[]),[T,_]),{rtLastObject:$}=(0,te.YL)(j,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(),x(!0))}),[h,e,v,t,R,y]);const G=(0,n.useMemo)((()=>tt(m,S)),[m,S]);return 0!==m.length||b||"edit"!==y?b?l().createElement(rt,null,l().createElement(nt,null)):l().createElement(l().Fragment,null,b||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:A.order,tableDefaultSortName:A.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:D.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:D.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:D.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`
243
+ position: absolute;
244
+ inset: 0;
245
+ display: flex;
246
+ flex-direction: column;
247
+ justify-content: center;
248
+ align-items: center;
249
+ gap: ${e=>e.theme.space.md}px;
250
+ `),pt=r().div`
251
+ position: absolute;
252
+ inset: 0;
253
+ display: flex;
254
+ flex-direction: row;
255
+ justify-content: center;
256
+ align-items: center;
257
+ gap: ${e=>e.theme.space.md}px;
258
+ color: ${e=>e.theme.color.primary};
259
+ cursor: pointer;
260
+ opacity: 0;
261
+ border: 1px solid ${e=>e.theme.color.primary};
262
+ &:hover {
263
+ background-color: ${e=>e.theme.color.grey2};
264
+ opacity: 0.9;
265
+ }
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,x]=(0,n.useState)(!1),[b,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"!==y&&"preview"!==y||h(c.cr.slice.actions.flushAllEditor())}),[y,h]),(0,n.useEffect)((()=>{v||t||"edit"!==y||(M(),x(!0))}),[h,e,v,t,M,y]);const T=(0,n.useMemo)((()=>tt(m,S)),[m,S]);return 0!==m.length||b||"edit"!==y?b?l().createElement(gt,null,l().createElement(dt,null)):l().createElement(l().Fragment,null,b||0!==w.length?l().createElement(ct,{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(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:A.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:A.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:A.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"),xt=u.default.registry.getLazyComponent("Tooltip"),bt=r().button`
270
267
  padding: ${e=>e.theme.space.md}px;
271
- `,ze=r().div`
268
+ `,Ct=r().div`
272
269
  padding: ${e=>e.theme.space.md}px;
273
270
  display: flex;
274
271
  flex-direction: row-reverse;
275
- `,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(Fe,{onClick:()=>m(!0)},l().createElement(s.JRCTooltip,{description:r.formatMessage({id:"WIDGET_Remove_Widget"})},l().createElement(s.JRCIcon,{name:"icon-trash",color:"orange"}))),u&&l().createElement(s.JRCModalLayout,{enableClickAwayCloseModal:!0,open:u,closeHandler:()=>m(!1)},l().createElement(s.JRCModalContent,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Remove_Widget"}),onClickIconClose:()=>m(!1)},r.formatMessage({id:"WIDGET_Delete_Widget_Confirmation"})),l().createElement(ze,null,l().createElement(s.JRCButton,{label:r.formatMessage({id:"GLOBAL_Confirm"}),onClick:()=>{E().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"}))))}}))))},Ge=r().div`
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(bt,{onClick:()=>u(!0)},l().createElement(xt,{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`
276
273
  display: flex;
277
274
  flex: 1;
278
275
  flex-direction: row;
279
276
  border-top: 1px solid ${e=>e.theme.color.grey1};
280
- `,Be=r().button`
277
+ `,Wt=r().button`
281
278
  padding: ${e=>e.theme.space.md}px;
282
279
  display: flex;
283
280
  flex: 1;
@@ -287,21 +284,21 @@
287
284
  &:hover {
288
285
  background-color: ${e=>e.theme.color.grey1};
289
286
  }
290
- `,He=({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,f.ensureWidgetPresenceContent)(e)&&E().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(Ge,null,l().createElement(Be,{onClick:p},r.formatMessage({id:"WIDGET_Set_Widget"})),l().createElement(Je,{id:e,type:t,uniqid:o})):l().createElement(l().Fragment,null)},Ne=r().div`
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`
291
288
  padding: ${e=>e.theme.space.md}px;
292
- `,Pe=r().a`
289
+ `,Lt=r().a`
293
290
  cursor: pointer;
294
291
  color: ${e=>e.theme.color.secondary};
295
- `,Ue=r().div`
292
+ `,At=r().div`
296
293
  display: flex;
297
294
  justify-content: center;
298
295
  align-items: center;
299
- `,Ve=({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,f.ensureWidgetObjectHasMinimumProperties)(s))return;const n={isClosed:!i};E().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(Ne,null,l().createElement(Ue,null,l().createElement(Pe,{onClick:g},o.formatMessage({id:"WIDGET_Presence_Closing"}))))},Qe=r().div`
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(At,null,l().createElement(Lt,{onClick:g},o.formatMessage({id:"WIDGET_Presence_Closing"}))))},Tt=u.default.registry.getLazyComponent("Loader"),It=u.default.registry.getLazyComponent("WidgetPresence"),_t=r().div`
300
297
  display: flex;
301
298
  flex: 1;
302
299
  position: relative;
303
300
  flex-direction: column;
304
- `,Ke=r().div`
301
+ `,Ot=r().div`
305
302
  position: absolute;
306
303
  inset: 0;
307
304
  background-color: rgba(255, 255, 255, 0.7);
@@ -309,23 +306,17 @@
309
306
  flex: 1;
310
307
  justify-content: center;
311
308
  align-items: center;
312
- `,Ye=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{limit:o,limitValue:r,closing:a,isClosed:u}=e.content,[m,g]=(0,n.useState)({userValue:-1,userAvailableList:[],userUnavailableList:[],userAvailableTotal:0,userUnavailableTotal:0}),[p,y]=(0,n.useState)(!1),[h]=(0,n.useState)(new AbortController),v=(0,n.useRef)(h),b=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e.uniqid)),d.shallowEqual),C=(0,d.useSelector)((t=>c.x0.selectors.selectAllWidgetRTObject(t,e.uniqid)),d.shallowEqual),w=(0,n.useCallback)((()=>i(c.y8.actions.error({label:"WIDGET_Presence_Error"}))),[i]),k=(0,n.useMemo)((()=>a&&u||"edit"===t),[a,u,t]),W=(0,n.useCallback)((()=>{k||((0,f.ensureWidgetObjectHasMinimumProperties)(b)?(y(!0),E().widget.presenceCancel({id:Number(b.id),type:b.type,uniqid:e.uniqid}).catch(w).finally((()=>y(!1)))):w())}),[b,e,w,k]),q=(0,n.useCallback)((t=>{if(k)return;if(!(0,f.ensureWidgetObjectHasMinimumProperties)(b))return void w();y(!0);const n={id:Number(b.id),type:b.type,uniqid:e.uniqid,value:t};if(!(0,f.ensureWidgetPresenceResponsePayload)(n))return y(!1),void i(c.y8.actions.error({label:"WIDGET_Presence_Payload_Error"}));E().widget.presenceRespond(n,v.current.signal).catch(w).finally((()=>y(!1)))}),[b,i,e,w,k]),S=(0,n.useCallback)(((e,n,l)=>{"edit"!==t&&(o&&r&&m.userAvailableTotal>=r?i(c.y8.actions.error({label:"WIDGET_Presence_Limit_Response_Error"})):E().widget.presenceGetResponse({id:e,type:n,uniqid:l},v.current.signal).then((e=>{(0,f.ensureWidgetPresenceResponse)(e.result)&&g(e.result)})).catch((e=>!e.aborted&&w)))}),[i,m.userAvailableTotal,o,r,w,t]);return(0,n.useEffect)((()=>()=>{v&&v.current&&v.current.abort()}),[]),(0,n.useEffect)((()=>{(0,f.ensureWidgetObjectHasMinimumProperties)(b)&&S(b.id,b.type,e.uniqid)}),[S,b,e]),(0,n.useEffect)((()=>{if(!Array.isArray(C))return;const t=C.at(-1);t&&(t.object.id!==Number(null==b?void 0:b.id)||t.uniqid!==e.uniqid||p||S(t.object.id,t.object.type,e.uniqid))}),[C,b,S,e,p]),l().createElement(x.RTProvider,{useRT:()=>{(0,F.AW)(e.uniqid)}},l().createElement(Qe,null,l().createElement(s.JRCWidgetPresence,{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&&u,handleClickAvailable:()=>1===m.userValue?W():q(1),handleClickUnavailable:()=>0===m.userValue?W():q(0)}),p&&l().createElement(Ke,null,l().createElement(s.JRCLoader,{size:"l"})),a&&!u&&l().createElement(Ve,{mode:t,uniqid:e.uniqid,isClosed:u}),(0,f.ensureWidgetObjectHasMinimumProperties)(b)&&l().createElement(He,{id:b.id,type:b.type,uniqid:e.uniqid,name:e.name})))},Xe=r().div`
309
+ `,Dt=({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),x=(0,n.useCallback)((()=>i(c.y8.actions.error({label:"WIDGET_Presence_Error"}))),[i]),b=(0,n.useMemo)((()=>a&&s||"edit"===t),[a,s,t]),C=(0,n.useCallback)((()=>{b||((0,k.ensureWidgetObjectHasMinimumProperties)(h)?(f(!0),W().widget.presenceCancel({id:Number(h.id),type:h.type,uniqid:e.uniqid}).catch(x).finally((()=>f(!1)))):x())}),[h,e,x,b]),w=(0,n.useCallback)((t=>{if(b)return;if(!(0,k.ensureWidgetObjectHasMinimumProperties)(h))return void x();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(x).finally((()=>f(!1)))}),[h,i,e,x,b]),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=>{(0,k.ensureWidgetPresenceResponse)(e.result)&&g(e.result)})).catch((e=>!e.aborted&&x)))}),[i,m.userAvailableTotal,o,r,x,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(Tt,{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})))},jt=r().div`
313
310
  display: flex;
314
311
  flex: 1;
315
312
  flex-direction: column;
316
- `,Ze=r().div`
313
+ `,zt=r().div`
317
314
  padding: 0 ${e=>e.theme.space.md}px;
318
315
  border-bottom: 1px solid ${e=>e.theme.color.grey1};
319
- `,et=r().div`
316
+ `,$t=r().div`
320
317
  padding: ${e=>e.theme.space.md}px;
321
318
  border-bottom: 1px solid ${e=>e.theme.color.grey1};
322
- `,tt=({widget:e,commentId:t,width:i,inplace:n=!1,mode:o="view",editRight:r,deleteRight:a,onWidgetUpdate:s,onRemove:c,cannotDisplayComponent:d})=>{const{name:u}=e;return(0,f.ensureWidgetArticleButtonType)(e)?l().createElement(ee,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleGalleryType)(e)?l().createElement(le,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleAttachmentType)(e)?l().createElement(Y,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleImageType)(e)?l().createElement(ue,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleSliderType)(e)?l().createElement(Ee,{widget:e,inplace:n,mode:o,width:null!=i?i:800}):(0,f.ensureWidgetArticleTitleType)(e)?l().createElement(ke,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetArticleTextType)(e)?l().createElement(ve,{widget:e,inplace:n,mode:o}):(0,f.ensureWidgetExcelDatasourceTableType)(e)?l().createElement($e,Object.assign({},e.content,{uniqid:e.uniqid,mode:o})):(0,f.ensureWidgetDatasourceTableType)(e)?l().createElement(N,Object.assign({},e.content,{uniqid:e.uniqid,mode:o})):(0,f.ensureWidgetCheckListType)(e)?l().createElement(Le,{widget:e,commentId:t,inplace:n,mode:o,editRight:null!=r&&r,deleteRight:null!=a&&a,onRemove:c,onWidgetUpdate:s}):(0,f.ensureWidgetPresenceType)(e)?l().createElement(Xe,null,"edit"===o?l().createElement(nt,{uniqid:e.uniqid}):l().createElement(it,{uniqid:e.uniqid}),l().createElement(Ye,{widget:e,inplace:n,mode:o})):d?l().createElement(l().Fragment,null,d(u)):l().createElement(l().Fragment,null,"cannot display widget (",u,")")},it=({uniqid:e})=>{const t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual);return l().createElement(et,null,null==t?void 0:t.title)},nt=({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:u}=(0,D.useForm)({defaultValues:{title:null!==(t=null==n?void 0:n.title)&&void 0!==t?t:""},criteriaMode:"all"});return l().useEffect((()=>{const t=u((t=>{o(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:t.title}))}));return()=>t.unsubscribe()}),[u,o,e]),l().createElement(Ze,null,l().createElement(s.JRCInputText,{name:"title",control:r,placeholder:i.formatMessage({id:"GLOBAL_Title"})}))},lt=r().div`
323
- position: absolute;
324
- inset: 0;
325
- opacity: ${e=>e.opacity};
326
- background-color: ${e=>e.backgroundColor};
327
- pointer-events: ${e=>e.pointerEvents};
328
- `,ot=({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(rt,{uniqid:e,key:t,mode:"edit"}))))},rt=({uniqid:e,mode:t})=>{const i=(0,d.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(lt,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},i.widgets.map(((e,t)=>l().createElement(at,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(lt,{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(at,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},at=({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(gt,{uniqid:e,widget:o,mode:i,inplace:!0})):l().createElement(st,{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(s.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{n(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(gt,{uniqid:e,widget:o,mode:i,inplace:!0}))):l().createElement(l().Fragment,null)},st=({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)},ct=x.default.registry.getLazyComponent("Loader"),dt=({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(ct,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}))},ut=(r().div`
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(De,{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(ft,Object.assign({},e.content,{uniqid:e.uniqid,mode:o})):(0,k.ensureWidgetDatasourceTableType)(e)?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(jt,null,"edit"===o?l().createElement(Bt,{uniqid:e.uniqid}):l().createElement(Gt,{uniqid:e.uniqid}),l().createElement(Dt,{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:{title: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.title}))}));return()=>t.unsubscribe()}),[s,o,e]),l().createElement(zt,null,l().createElement(Ft,{name:"title",control:r,placeholder:i.formatMessage({id:"GLOBAL_Title"})}))},Ht=(r().div`
329
320
  height: 0;
330
321
  overflow: hidden;
331
322
  `,r().div`
@@ -367,30 +358,36 @@
367
358
  min-height: 200px;
368
359
  `,r().div`
369
360
  display: flex;
370
- `),mt=({uniqid:e,widgetObject:t,commentId:i,widget:o,inplace:r=!0,mode:a,width:s,editRight:u,deleteRight:m,onWidgetUpdate:g,onRemove:p,cannotDisplayComponent:E})=>{const y=(0,d.useDispatch)(),h=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),v=(0,d.useSelector)((t=>t.widgets.editableMap[e]),d.shallowEqual),x=(0,d.useSelector)((e=>e.widgets.currentEditableWidgetId),d.shallowEqual),b=(0,d.useSelector)((t=>t.widgets.currentEditableWidgetId===e),d.shallowEqual),{ref:C,isComponentVisible:w,setIsComponentVisible:k}=(0,F.xv)(!1);if((0,n.useEffect)((()=>{t&&y(c.x0.slice.actions.registerWidgetObject({uniqid:e,object:t}))}),[]),(0,n.useEffect)((()=>{o&&y(c.x0.slice.actions.registerWidget({uniqid:e,widget:o}))}),[]),(0,n.useEffect)((()=>{w||e===x&&y(c.x0.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[w]),(0,n.useEffect)((()=>{w!==b&&k(b)}),[b]),void 0===h)return l().createElement(l().Fragment,null,"This widget cannot be displayed");const W=h.widget,q=()=>{"edit"===a?S():(0,f.ensureWidgetArticleButtonType)(W)&&"link"===W.content.openingType&&W.content.openingTypeLink&&window.open(W.content.openingTypeLink.url,W.content.openingTypeLink.target)},S=()=>{if("view"===a)return;const{widget:e}=h;y(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))};return r&&"view"!==a?l().createElement(ut,{ref:C,onClick:()=>{k(!0),v&&(y(c.x0.slice.actions.setEditableIndex({index:v.index})),y(c.x0.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(tt,{width:s,widget:h.widget,inplace:r,mode:a,onClick:q,onRemove:p}),l().createElement(ot,{uniqid:e,mode:a}),l().createElement(dt,{name:h.widget.name,uniqid:h.widget.uniqid,inplace:r})):l().createElement(ut,{onClick:S},l().createElement(tt,{widget:Object.assign(Object.assign({},h.widget),h.title&&{title:h.title}),commentId:i,inplace:r,mode:a,width:s,onClick:q,editRight:u,deleteRight:m,onWidgetUpdate:g,onRemove:p,cannotDisplayComponent:E}),l().createElement(ot,{uniqid:e,mode:a}),l().createElement(dt,{name:h.widget.name,uniqid:h.widget.uniqid,inplace:r}))},gt=mt;var pt=i(601),ft=i(206),Et=i(149);const yt=J.react.registry.getLazyComponent("EditorsPortal"),ht=J.react.registry.getLazyComponent("ThemeProvider"),vt=()=>{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,Et.A)(),e.appendChild(t)),t})(e)),[e]);return t?(0,ft.createPortal)(l().createElement(ht,null,l().createElement(yt,null)),t):null};var xt=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 bt=r().div`
361
+ `),Nt=r().div`
362
+ position: absolute;
363
+ inset: 0;
364
+ opacity: ${e=>e.opacity};
365
+ background-color: ${e=>e.backgroundColor};
366
+ 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:x,isComponentVisible:b,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)((()=>{b||e===h&&f(c.x0.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[b]),(0,n.useEffect)((()=>{b!==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:x,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:y.widget,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`
371
368
  display: flex;
372
369
  flex-direction: column;
373
370
  gap: 4px;
374
371
  flex: 1;
375
372
  width: 100%;
376
373
  margin-top: 10px;
377
- `,Ct=r().div`
374
+ `,li=r().div`
378
375
  border-radius: ${e=>e.theme.space.sm}px;
379
376
  border: 1px solid ${e=>e.theme.color.grey1};
380
377
  background-color: ${e=>e.theme.color.white};
381
378
  overflow: hidden;
382
- `,wt=({articleId:e,variant:t="inline",canComment:i})=>{var r;const u=(0,a.useIntl)(),m=(0,o.useTheme)(),g=(0,d.useDispatch)(),[p,f]=(0,n.useState)(),[y,h]=(0,n.useState)(!1),[v,b]=(0,n.useState)([]),[C,w]=(0,n.useState)(!1),k=(0,d.useSelector)(c.xJ.selectors.get),W=(0,d.useSelector)(c.x0.selectors.selectWidgets),q=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),S=(0,d.useSelector)(c.Kx.selectors.selectAll),A=(0,d.useSelector)(c.OD.selectors.selectPlatformConfig),T=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),M=(0,d.useSelector)((t=>c.Mw.selectors.commentList(t,e))),I=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"DriveHook"))),_=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"FileBankHook"))),R=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"WidgetHook")));(0,pt.A)(e),((e,t)=>{const i=(0,d.useDispatch)(),l=(0,n.useMemo)((()=>x.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==M?void 0:M.list.map((e=>e.id)),e);const O=(0,n.useCallback)((e=>{g(c.y8.actions.error({label:null!=e?e:u.formatMessage({id:"GLOBAL_Error"})}))}),[g,u]),D=()=>{g(c.Mw.actions.fetchComments({idArticle:e})),j()},j=(0,n.useCallback)((()=>{p||C||(w(!0),E().network.token().then((e=>{f(e.result),w(!1)})).catch((e=>{O(e.errorMsg)})))}),[O,p,C]),$=(0,n.useCallback)((t=>xt(void 0,void 0,void 0,(function*(){if(p){h(!0);const i=Object.keys(W).map((e=>(null==v?void 0:v.some((t=>t.widget.uniqid===e)))?W[e]:null)).filter((e=>null!==e));try{yield E().article.addComment(Object.assign(Object.assign({},t),{widgets:i,token:p,idArticle:e})).then((()=>{v.forEach((e=>{g(c.x0.slice.actions.flushWidget({uniqid:e.widget.uniqid}))})),b([])})),j()}catch(e){O(e.errorMsg)}finally{h(!1)}}}))),[e,g,j,O,p,W,v]);return(0,n.useEffect)((()=>{j()}),[j]),(0,n.useEffect)((()=>{g(c.Mw.actions.fetchComments({idArticle:e}))}),[]),(0,n.useEffect)((()=>{M&&M.list&&M.list.forEach((e=>{var t;null===(t=e._widgets)||void 0===t||t.forEach((t=>{g(c.x0.slice.actions.registerWidgetObject({uniqid:t.widget.uniqid,object:e})),g(c.x0.slice.actions.registerWidgetObjectRights({uniqid:t.widget.uniqid,rights:e._right}))}))}))}),[M,g]),l().createElement(l().Fragment,null,q&&l().createElement(l().Fragment,null,l().createElement(bt,null,l().createElement(s.JRCCommentsBloc,{canComment:i,loading:y,token:p,comments:null==M?void 0:M.list,onComment:$,onCommentUpdate:t=>xt(void 0,void 0,void 0,(function*(){var i,n;const l=null==M?void 0:M.list.find((e=>e.id===t.idComment));if(l)return E().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((()=>{g(c.Mw.actions.fetchComments({idArticle:e})),j()})).catch((e=>{O(e.errorMsg)}))})),onCommentDelete:e=>xt(void 0,void 0,void 0,(function*(){E().article.deleteComment(e).catch(O)})),isWidgetActive:!!((null==R?void 0:R.isActive)&&(null==R?void 0:R.create)&&(null===(r=null==R?void 0:R.autorize)||void 0===r?void 0:r.includes("comment"))),widgetListComponent:l().createElement(L,{mode:"comment",namespace:"comment",onChange:e=>{b([...v,e]),g(c.x0.slice.actions.registerWidget({uniqid:e.widget.uniqid,widget:e}))},view:"edit"}),newWidgetsWrapperComponent:l().createElement(l().Fragment,null,v.map((e=>e&&e.widget&&l().createElement(Ct,{key:e.widget.uniqid},l().createElement(gt,{uniqid:e.widget.uniqid,widget:e,inplace:!0,mode:"edit",onRemove:e=>b(v.filter((t=>t.widget.uniqid!==e))),cannotDisplayComponent:e=>l().createElement(s.JRCMessage,{variant:"info",message:u.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})}))))),existingWidgetsWrapperComponent:(t,i,n,o=!0,r,a=!1,d=!1)=>l().createElement(l().Fragment,null,null==i?void 0:i.map((i=>i&&l().createElement(Ct,{key:i.widget.uniqid},l().createElement(gt,{uniqid:i.widget.uniqid,widgetObject:t,commentId:r,widget:i,inplace:o,mode:n,editRight:a,deleteRight:d,onWidgetUpdate:D,onRemove:t=>{E().widget.removeWidget({id:r,type:"comment",uniqid:t}).then((()=>{g(c.Mw.actions.fetchComments({idArticle:e})),j()})).catch((e=>{O(e.errorMsg)}))},cannotDisplayComponent:e=>l().createElement(s.JRCMessage,{variant:"info",message:u.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})}))))),currentUser:k,tinyMCEConfig:{commonOptions:q,mentionsQueries:(0,x.getTinyMCEMentionsQueries)(S,m,O)},onError:O,highlightFields:A.userHighlightFields,userAccountStatus:A.userAccountStatus,userModel:S.find((e=>"user"===e.type)),isWedocActive:!!T,onGetHashError:e=>g(c.y8.actions.error({label:null!=e?e:u.formatMessage({id:"GLOBAL_Error"})})),activeDrives:J.debug.UploadFromDrives?[..._&&I?["fileBank"]:[],...c.qn.utils.buildDrivesArrayFromObject(null==I?void 0:I.drives)]:[],socialActionAdd:({targetId:e,targetType:t,type:i})=>E().socialAction.add({targetType:t,targetId:e,type:i}),deleteFile:e=>xt(void 0,void 0,void 0,(function*(){p&&(yield E().file.deleteFile(e,"attachment",p))})),fetchUser:e=>E().user.get(e),fetchUserFields:(e,t)=>E().user.getFields(e,t),fetchSocialActionUserList:({targetId:e,targetType:t,type:i})=>E().socialAction.getUsers({targetType:t,targetId:e,type:i}),removeLike:({targetId:e,targetType:t,type:i})=>E().socialAction.remove({targetType:t,targetId:e,type:i}),variant:t,fileBankRequests:{getBanks:()=>E().filebank.getBanks(),getFolders:e=>E().filebank.getFolders(e),getDocuments:e=>E().filebank.getDocuments(e),copyFile:e=>E().file.copy(e)},msGraphRequests:{documents:e=>E().drive.documents(e),groups:e=>E().drive.groups(e),tenants:e=>E().drive.tenants(e),listAccount:e=>E().drive.listAccount(e),isAccountLogged:(e,t)=>E().drive.isAccountLogged(e,t),checkAccountToken:e=>E().drive.checkAccountToken(e),getDocument:e=>E().drive.getDocument(e),logout:e=>E().drive.logout(e),getAccount:e=>E().drive.getAccount(e),setDefaultAccount:e=>E().drive.setDefaultAccount(e)}}),l().createElement(vt,null))))};var kt=i(246),Wt=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 qt=o.css`
379
+ `,oi=({articleId:e,variant:t="inline",canComment:i})=>{var r;const s=(0,a.useIntl)(),m=(0,o.useTheme)(),g=(0,d.useDispatch)(),[p,f]=(0,n.useState)(),[y,E]=(0,n.useState)(!1),[h,v]=(0,n.useState)([]),[x,b]=(0,n.useState)(!1),C=(0,d.useSelector)(c.xJ.selectors.get),w=(0,d.useSelector)(c.x0.selectors.selectWidgets),k=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),q=(0,d.useSelector)(c.Kx.selectors.selectAll),S=(0,d.useSelector)(c.OD.selectors.selectPlatformConfig),L=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),A=(0,d.useSelector)((t=>c.Mw.selectors.commentList(t,e))),M=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"DriveHook"))),T=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"FileBankHook"))),I=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"WidgetHook")));(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==A?void 0:A.list.map((e=>e.id)),e);const O=(0,n.useCallback)((e=>{g(c.y8.actions.error({label:null!=e?e:s.formatMessage({id:"GLOBAL_Error"})}))}),[g,s]),D=()=>{g(c.Mw.actions.fetchComments({idArticle:e})),j()},j=(0,n.useCallback)((()=>{p||x||(b(!0),W().network.token().then((e=>{f(e.result),b(!1)})).catch((e=>{O(e.errorMsg)})))}),[O,p,x]),z=(0,n.useCallback)((t=>ei(void 0,void 0,void 0,(function*(){if(p){E(!0);const i=Object.keys(w).map((e=>(null==h?void 0:h.some((t=>t.widget.uniqid===e)))?w[e]:null)).filter((e=>null!==e));try{yield W().article.addComment(Object.assign(Object.assign({},t),{widgets:i,token:p,idArticle:e})).then((()=>{h.forEach((e=>{g(c.x0.slice.actions.flushWidget({uniqid:e.widget.uniqid}))})),v([])})),j()}catch(e){O(e.errorMsg)}finally{E(!1)}}}))),[e,g,j,O,p,w,h]);return(0,n.useEffect)((()=>{j()}),[j]),(0,n.useEffect)((()=>{g(c.Mw.actions.fetchComments({idArticle:e}))}),[]),(0,n.useEffect)((()=>{A&&A.list&&A.list.forEach((e=>{var t;null===(t=e._widgets)||void 0===t||t.forEach((t=>{g(c.x0.slice.actions.registerWidgetObject({uniqid:t.widget.uniqid,object:e})),g(c.x0.slice.actions.registerWidgetObjectRights({uniqid:t.widget.uniqid,rights:e._right}))}))}))}),[A,g]),l().createElement(l().Fragment,null,k&&l().createElement(l().Fragment,null,l().createElement(ni,null,l().createElement(ti,{canComment:i,loading:y,token:p,comments:null==A?void 0:A.list,onComment:z,onCommentUpdate:t=>ei(void 0,void 0,void 0,(function*(){var i,n;const l=null==A?void 0:A.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((()=>{g(c.Mw.actions.fetchComments({idArticle:e})),j()})).catch((e=>{O(e.errorMsg)}))})),onCommentDelete:e=>ei(void 0,void 0,void 0,(function*(){W().article.deleteComment(e).catch(O)})),isWidgetActive:!!((null==I?void 0:I.isActive)&&(null==I?void 0:I.create)&&(null===(r=null==I?void 0:I.autorize)||void 0===r?void 0:r.includes("comment"))),widgetListComponent:l().createElement(X,{mode:"comment",namespace:"comment",onChange:e=>{v([...h,e]),g(c.x0.slice.actions.registerWidget({uniqid:e.widget.uniqid,widget:e}))},view:"edit"}),newWidgetsWrapperComponent:l().createElement(l().Fragment,null,h.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=>v(h.filter((t=>t.widget.uniqid!==e))),cannotDisplayComponent:e=>l().createElement(ii,{variant:"info",message:s.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:D,onRemove:t=>{W().widget.removeWidget({id:r,type:"comment",uniqid:t}).then((()=>{g(c.Mw.actions.fetchComments({idArticle:e})),j()})).catch((e=>{O(e.errorMsg)}))},cannotDisplayComponent:e=>l().createElement(ii,{variant:"info",message:s.formatMessage({id:"WIDGET_Cannot_Display"},{widget:e})})}))))),currentUser:C,tinyMCEConfig:{commonOptions:k,mentionsQueries:(0,u.getTinyMCEMentionsQueries)(q,m,O)},onError:O,highlightFields:S.userHighlightFields,userAccountStatus:S.userAccountStatus,userModel:q.find((e=>"user"===e.type)),isWedocActive:!!L,onGetHashError:e=>g(c.y8.actions.error({label:null!=e?e:s.formatMessage({id:"GLOBAL_Error"})})),activeDrives:J.debug.UploadFromDrives?[...T&&M?["fileBank"]:[],...c.qn.utils.buildDrivesArrayFromObject(null==M?void 0:M.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*(){p&&(yield W().file.deleteFile(e,"attachment",p))})),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,fileBankRequests:{getBanks:()=>W().filebank.getBanks(),getFolders:e=>W().filebank.getFolders(e),getDocuments:e=>W().filebank.getDocuments(e),copyFile:e=>W().file.copy(e)},msGraphRequests:{documents:e=>W().drive.documents(e),groups:e=>W().drive.groups(e),tenants:e=>W().drive.tenants(e),listAccount:e=>W().drive.listAccount(e),isAccountLogged:(e,t)=>W().drive.isAccountLogged(e,t),checkAccountToken:e=>W().drive.checkAccountToken(e),getDocument:e=>W().drive.getDocument(e),logout:e=>W().drive.logout(e),getAccount:e=>W().drive.getAccount(e),setDefaultAccount:e=>W().drive.setDefaultAccount(e)}}),l().createElement($,null))))};var ri=i(246),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`
383
380
  height: 100%;
384
381
  display: flex;
385
382
  flex-direction: column;
386
383
  justify-content: space-between;
387
- `,St=r().div`
388
- ${({stretch:e})=>e&&qt}
389
- `,At=r().form`
390
- ${({stretch:e})=>e&&qt}
391
- `,Tt=n.forwardRef(((e,t)=>e.onSubmit?n.createElement(At,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):n.createElement(St,{stretch:e.stretch,ref:t},e.children))),Mt=r().div`
384
+ `,ci=r().div`
385
+ ${({stretch:e})=>e&&si}
386
+ `,di=r().form`
387
+ ${({stretch:e})=>e&&si}
388
+ `,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`
392
389
  ${e=>e.stretch&&"\n flex: 1;\n"}
393
- `,It=n.forwardRef(((e,t)=>{const i=n.useRef(null),[l,o]=(0,kt.SC)(e.fields,e.type,e.forceMandatory),r=(0,D.useForm)({defaultValues:Object.assign(Object.assign({},o),e.defaultValues),criteriaMode:"all"}),{handleSubmit:a,control:s,reset:c}=r,d=Wt(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(Tt,{stretch:e.stretch,onSubmit:e.onSubmit?a(e.onSubmit):void 0,ref:i},n.createElement(Mt,{stretch:e.stretch},l.map((t=>{var{Input:i}=t,l=Wt(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)})),_t=(r().div`
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`
394
391
  margin-bottom: 24px;
395
392
  `,r().div`
396
393
  margin-bottom: 4px;
@@ -402,27 +399,27 @@
402
399
  flex: 1;
403
400
  display: flex;
404
401
  overflow: hidden;
405
- `),Lt=r().div`
402
+ `),fi=r().div`
406
403
  flex-direction: row;
407
404
  display: flex;
408
405
  min-height: 60px;
409
406
  border-bottom: 1px solid ${e=>e.theme.color.grey2};
410
- `,Rt=r().div`
407
+ `,yi=r().div`
411
408
  width: 60px;
412
409
  display: flex;
413
410
  align-items: center;
414
411
  justify-content: center;
415
- `,Ot=r().div`
412
+ `,Ei=r().div`
416
413
  flex: 1;
417
414
  display: flex;
418
415
  align-items: center;
419
416
  justify-content: center;
420
- `,Dt=r().div`
417
+ `,hi=r().div`
421
418
  position: relative;
422
419
  overflow: hidden;
423
420
  top: 91px;
424
421
  width: ${460}px;
425
- `,jt=r().div`
422
+ `,vi=r().div`
426
423
  position: absolute;
427
424
  top: 0;
428
425
  ${e=>"left"===e.position?"left: 0px;":""}
@@ -438,7 +435,7 @@
438
435
  &.animate {
439
436
  right: 0px;
440
437
  }
441
- `,$t=r().div`
438
+ `,xi=r().div`
442
439
  flex: 1;
443
440
  display: flex;
444
441
  flex-direction: row;
@@ -446,25 +443,25 @@
446
443
  overflow: auto;
447
444
  margin-bottom: 12px;
448
445
  position: relative;
449
- `,Ft=r().div`
446
+ `,bi=r().div`
450
447
  position: absolute;
451
448
  inset: 0;
452
449
  background-color: rgba(255, 255, 255, 0.8);
453
450
  display: flex;
454
451
  align-items: center;
455
452
  justify-content: center;
456
- `,zt=r().div`
453
+ `,Ci=r().div`
457
454
  position: absolute;
458
455
  inset: 0;
459
456
  background-color: ${e=>e.theme.color.white};
460
457
  padding: ${e=>e.theme.space.md}px;
461
- `,Jt=r().div`
458
+ `,wi=r().div`
462
459
  width: ${50}px;
463
460
  padding-top: 60px;
464
461
  display: flex;
465
462
  flex-direction: column;
466
463
  border-right: 1px solid ${e=>e.theme.color.grey2};
467
- `,Gt=r().button`
464
+ `,ki=r().button`
468
465
  border-radius: 4px;
469
466
  cursor: pointer;
470
467
  height: 42px;
@@ -477,7 +474,7 @@
477
474
  &:hover {
478
475
  background-color: ${e=>e.theme.color.grey1};
479
476
  }
480
- `,Bt=(r().div`
477
+ `,Wi=(r().div`
481
478
  display: flex;
482
479
  border: 1px solid ${e=>e.theme.color.grey1};
483
480
  border-radius: ${8}px;
@@ -495,16 +492,16 @@
495
492
  background-color: ${e=>e.theme.color.grey0};
496
493
  border-radius: 8px;
497
494
  margin-bottom: 4px;
498
- `),Ht=r().div`
495
+ `),qi=r().div`
499
496
  display: flex;
500
497
  flex: 1;
501
498
  align-items: center;
502
- `,Nt=r().div`
499
+ `,Si=r().div`
503
500
  width: 40px;
504
501
  display: flex;
505
502
  justify-content: center;
506
503
  align-items: center;
507
- `,Pt=(r().div`
504
+ `,Li=(r().div`
508
505
  flex-direction: row;
509
506
  display: flex;
510
507
  align-items: center;
@@ -512,23 +509,23 @@
512
509
  flex: 1;
513
510
  display: flex;
514
511
  align-items: center;
515
- `,({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(Lt,null,l().createElement(Rt,null),l().createElement(Ot,null,"Popup"),l().createElement(Rt,null,l().createElement(Gt,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(s.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(Lt,null,l().createElement(s.JRCButton,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)}),Ut=x.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Vt=x.default.registry.getLazyComponent("WidgetArticleTextEditor"),Qt=x.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Kt=x.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),Yt=x.default.registry.getLazyComponent("WidgetArticleSliderEditor"),Xt=x.default.registry.getLazyComponent("WidgetArticleImageEditor"),Zt=x.default.registry.getLazyComponent("WidgetButtonEditor"),ei=x.default.registry.getLazyComponent("WidgetCheckListEditor"),ti=x.default.registry.getLazyComponent("WidgetDatasourceTableEditor"),ii=x.default.registry.getLazyComponent("WidgetExcelDatasourceTableEditor"),ni=x.default.registry.getLazyComponent("WidgetPresenceEditor"),li=({uniqid:e})=>{var t,i,n,o,r;const s=(0,a.useIntl)(),u=(0,d.useDispatch)(),m=(0,d.useSelector)(c.x0.selectors.selectToken),g=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),p=(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(x.default.store.getState(),e))||void 0===t?void 0:t.isActive},v=t=>{g&&u(c.x0.slice.actions.updateWidget({uniqid:e,content:t})),u(c.cr.slice.actions.flushEditor({uniqid:e})),y&&y(t)},b=(t,i)=>{u(void 0!==i?c.x0.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):c.x0.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},C=t=>{u(c.cr.slice.actions.registerEditorPopup({uniqid:e,view:t}))},w=null==g?void 0:g.widget;return w?(0,f.ensureWidgetArticleButtonType)(w)?l().createElement(Zt,Object.assign({},w.content,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:()=>v({})})):(0,f.ensureWidgetArticleGalleryType)(w)?l().createElement(Qt,{token:m,content:w.content,onChange:t=>u((0,c.vR)(e,t,!1)),onSave:v,onStateChange:b}):(0,f.ensureWidgetArticleAttachmentType)(w)?l().createElement(Kt,{token:m,content:w.content,onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,onStateChange:b,onOpen:C}):(0,f.ensureWidgetArticleImageType)(w)?l().createElement(Xt,{content:w.content,token:m,onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,onStateChange:b}):(0,f.ensureWidgetArticleSliderType)(w)?void 0!==m?l().createElement(Yt,{slides:null!==(t=w.content.slides)&&void 0!==t?t:[],loop:null!==(i=w.content.loop)&&void 0!==i&&i,useDots:null===(n=w.content.useDots)||void 0===n||n,onChange:t=>{u((0,c.vR)(e,t,!1))},token:m,onSave:v}):l().createElement(l().Fragment,null,"Token is mandatory"):(0,f.ensureWidgetArticleTitleType)(w)?l().createElement(Ut,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,content:w.content,onOpen:C}):(0,f.ensureWidgetArticleTextType)(w)?l().createElement(Vt,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,content:w.content}):(0,f.ensureWidgetPresenceType)(w)?l().createElement(ni,Object.assign({onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:v,onStateChange:b},w.content)):(0,f.ensureWidgetCheckListType)(w)?l().createElement(ei,{token:m,uniqid:w.uniqid,content:w.content,onChangeContent:(e,t)=>{u((0,c.vR)(e,t,!1))},onChangeWrapper:e=>{u(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},onSave:(e,t)=>{var i;void 0!==(i=p)&&void 0!==i.id&&void 0!==i.type?E().widget.updateWidget({id:p.id,uniqid:e,type:p.type,title:g.title,content:t}).then((()=>{v(t)})).catch((e=>{var t;u(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:s.formatMessage({id:"GLOBAL_Error"})}))})):v(t)}}):(0,f.ensureWidgetExcelDatasourceTableType)(w)?l().createElement(ii,Object.assign({},w.content,{uri:w.content.uri,limit:null!==(o=w.content.limit)&&void 0!==o?o:20,hook:{isActive:h},handlers:{jamespot:{datasource:E().datasource,network:E().network,filebank:E().filebank,wedoc:E().wedoc},handleStart:()=>b({busy:!0}),handleCatch:e=>u(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>b({busy:!1})},onSave:v,onChange:(t,i)=>u((0,c.vR)(e,t,null!=i&&i)),onStateChange:b,onError:e=>u(c.y8.actions.error({label:e}))})):(0,f.ensureWidgetDatasourceTableType)(w)?l().createElement(ti,Object.assign({},w.content,{uri:w.content.uri,limit:null!==(r=w.content.limit)&&void 0!==r?r:20,hook:{isActive:h},handlers:{jamespot:{datasource:E().datasource,network:E().network,application:E().application,filebank:E().filebank},handleStart:()=>b({busy:!0}),handleCatch:e=>u(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>b({busy:!1})},onSave:v,onChange:(t,i)=>u((0,c.vR)(e,t,null!=i&&i)),onStateChange:b,onError:e=>{u(c.y8.actions.error({label:e}))}})):l().createElement(l().Fragment,null,"cannot display editor"):null},oi=({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(ri,{uniqid:e}),o?r.map(((t,a)=>{const d=c.x0.definition(t.widget.name);return l().createElement("div",{key:a},l().createElement(Bt,null,l().createElement(Ht,{onClick:()=>((e,t)=>{i(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(t.widget.uniqid,t.widget.name)},n.formatMessage({id:d.label})),l().createElement(Nt,{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,f.ensureWidgetWrapperProps)(e)||console.error("Zozod",e),e)))]})}))}},l().createElement(s.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},ri=({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(s.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(di,{uniqid:e,key:t}),elms:i||[]}),l().createElement(L,{namespace:"default",onChange:i=>{t(c.x0.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},ai=({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(s.JRCIcon,{name:i.locked?"icon-lock":"icon-unlock"}))},si=({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(s.JRCIcon,{name:i.visible?"icon-eye":"icon-eye-slash"}))},ci=({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(s.JRCIcon,{name:"icon-trash"}))},di=({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(ai,{uniqid:e}),l().createElement(si,{uniqid:e}),l().createElement(ci,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},ui=x.default.registry.getLazyComponent("Button"),mi=({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:u,watch:m}=(0,D.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=m((e=>{r(e.text)}));return()=>e.unsubscribe()}),[m]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"}},l().createElement(s.JRCInputText,{name:"text",control:u,placeholder:t.formatMessage({id:"WIDGET_Title"})}),l().createElement(ui,{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")},gi=x.default.registry.getLazyComponent("Loader"),pi=({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(Ft,null,l().createElement(gi,{size:"l"})))},fi=x.default.registry.getLazyComponent("Icon"),Ei=({uniqid:e,position:t})=>{const i=(0,d.useDispatch)();return l().createElement(Rt,null,l().createElement(Gt,{onClick:()=>{i(c.cr.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(fi,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},yi=({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)},hi=({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(zt,null,i.formatMessage({id:"INTRANET_Panel_Change_Off"})):l().createElement(l().Fragment,null)},vi=x.default.registry.getLazyComponent("Icon"),xi=({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(Dt,null,l().createElement(jt,{ref:r,position:t},(u.panel.useWrapper||u.panel.useEditor||u.panel.useWidgets)&&l().createElement(Jt,null,u.panel.useWrapper?l().createElement(Gt,{isActive:"wrapper"===m,onClick:()=>g("wrapper")},l().createElement(vi,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useEditor?l().createElement(Gt,{isActive:"default"===m,onClick:()=>g("default")},l().createElement(vi,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useWidgets?l().createElement(yi,{uniqid:e},l().createElement(Gt,{isActive:"widgets"===m,onClick:()=>g("widgets")},l().createElement(vi,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(Lt,null,l().createElement(Ei,{uniqid:e,position:s.position}),l().createElement(Ot,null,i.formatMessage({id:u.label})),l().createElement(Rt,null,l().createElement(Gt,{onClick:()=>{o(c.cr.slice.actions.flushEditor({uniqid:e}))}},l().createElement(vi,{name:"icon-times",color:"grey2"})))),l().createElement($t,null,"default"===m&&u.panel.useEditor?l().createElement(li,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"wrapper"===m&&u.panel.useWrapper?l().createElement(mi,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"widgets"===m&&u.panel.useWidgets?l().createElement(oi,{uniqid:e,namespace:u.name}):l().createElement(l().Fragment,null),l().createElement(pi,{uniqid:e}),l().createElement(hi,{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)},bi=r().div`
512
+ `,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(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(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"),Di=u.default.registry.getLazyComponent("WidgetArticleSliderEditor"),ji=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),x=(0,n.useMemo)((()=>v&&v.update),[v]),b=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:()=>b({})})):(0,k.ensureWidgetArticleGalleryType)(q)?l().createElement(_i,{token:p,content:q.content,onChange:t=>g((0,c.vR)(e,t,!1)),onSave:b,onStateChange:C}):(0,k.ensureWidgetArticleAttachmentType)(q)?l().createElement(Oi,{token:p,content:q.content,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:b,onStateChange:C,onOpen:w}):(0,k.ensureWidgetArticleImageType)(q)?l().createElement(ji,{content:q.content,token:p,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:b,onStateChange:C}):(0,k.ensureWidgetArticleSliderType)(q)?void 0!==p?l().createElement(Di,{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:b}):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:b,content:q.content,onOpen:w}):(0,k.ensureWidgetArticleTextType)(q)?l().createElement(Ii,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:b,content:q.content}):(0,k.ensureWidgetPresenceType)(q)?l().createElement(Gi,Object.assign({onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:b,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((()=>{b(t)})).catch((e=>{var t;g(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:m.formatMessage({id:"GLOBAL_Error"})}))})):b(t)},canEditCollaboration:null!=x&&x}):(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:b,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:b,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(bi,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(xi,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`
516
513
  position: absolute;
517
514
  inset: 0;
518
515
  pointer-events: none;
519
516
  z-index: 1;
520
- `,Ci=r().div`
517
+ `,dn=r().div`
521
518
  flex: 1;
522
519
  display: flex;
523
520
  margintop: ${90}px;
524
521
  pointer-events: ${e=>e.isActive?"all":"none"};
525
- `,wi=r().div`
522
+ `,un=r().div`
526
523
  flex: 1;
527
524
  display: flex;
528
525
  flex-direction: row;
529
526
  pointer-events: none;
530
- `,ki=r().div`
527
+ `,mn=r().div`
531
528
  width: ${440}px;
532
529
  pointer-events: none;
533
- `,Wi=()=>{const e=(0,d.useSelector)(c.cr.selectors.selectEditors,d.shallowEqual);return l().createElement(bi,{className:"editor-portal-wrapper"},e.map(((e,t)=>"left"===e.position?l().createElement(_t,{isActive:!1,key:t},l().createElement(wi,null,l().createElement(xi,{uniqid:e.uniqid,position:e.position}),l().createElement(Ci,{isActive:void 0!==e.popup},l().createElement(Pt,{uniqid:e.uniqid})),l().createElement(ki,null))):l().createElement(_t,{isActive:!1,key:t},l().createElement(wi,null,l().createElement(ki,null),l().createElement(Ci,{isActive:void 0!==e.popup},l().createElement(Pt,{uniqid:e.uniqid})),l().createElement(xi,{uniqid:e.uniqid,position:e.position}))))))},qi=()=>n.createElement(n.Fragment,null),Si=()=>{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])]},Ai=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),r=(0,o.useTheme)(),u=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=Si(),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,x.getTinyMCEMentionsQueries)(u,r,E)),[u,E,r]),h=(0,n.useMemo)((()=>x.default.tinymceCommonOptions),[]);return l().createElement(l().Fragment,null,h&&l().createElement(s.JRCInputTinyMCE,Object.assign({commonOptions:h,additionalExtensions:f,mentionsQueries:y},e)),l().createElement(v,{query:m}))},Ti=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),r=(0,o.useTheme)(),u=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=Si(),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,x.getTinyMCEMentionsQueries)(u,r,E)),[u,E,r]),h=(0,n.useMemo)((()=>x.default.tinymceCommonOptions),[]);return l().createElement(l().Fragment,null,h&&l().createElement(s.JRCInputTinyMCERaw,Object.assign({commonOptions:h,additionalExtensions:f,mentionsQueries:y},e)),l().createElement(v,{query:m}))},Mi=({open:e,closeHandler:t,title:i,control:n,warningMessage:o,onSubmit:r,name:u="publishTo"})=>{const m=(0,a.useIntl)(),g=(0,d.useSelector)(c.Bx.selectors.selectNetworkPublic);return l().createElement(s.JRCModal,{open:e,closeHandler:t,title:null!=i?i:m.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(s.JRCMessage,{variant:"warning",message:null!=o?o:m.formatMessage({id:"FORM_Audience_Empty"})}),l().createElement(s.JRCInputAudience,{asyncPromise:e=>E().audience.autocomplete(e),searchable:!0,control:n,multiple:!0,placeholder:m.formatMessage({id:"GLOBAL_Audience"}),name:u,defaultCustomOptions:g?[{uri:g.uri,title:g.title,resetOptions:!0,icon:"icon-fs-wall"}]:[]}))};var Ii=i(737);const _i=x.default.registry.getLazyComponent("Container"),Li=x.default.registry.getLazyComponent("AppColumn"),Ri=x.default.registry.getLazyComponent("MainColumn");function Oi({extensionRoute:e,routes:t,description:i,mode:l="center"}){var o;const r=(0,a.useIntl)(),{pathname:s}=(0,Ii.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,Ii.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(_i,{mode:l},n.createElement(Li,{mode:l,description:i,tabs:m,activeTab:d||""}),n.createElement(Ri,{mode:l},n.createElement(Ii.Outlet,null))))}}}]);
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}))},xn=u.default.registry.getLazyComponent("InputAudience"),bn=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(bn,{variant:"warning",message:null!=o?o:u.formatMessage({id:"FORM_Audience_Empty"})}),l().createElement(xn,{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))))}}}]);
534
531
  //# sourceMappingURL=854.bundle.js.map