jamespot-react-core 1.1.172 → 1.1.174
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.
package/build/823.bundle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[823],{
|
|
1
|
+
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[823],{823:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>I,Audience:()=>w,Avatar:()=>p,CommentsBloc:()=>oi,DisplayForm:()=>gi,EditorsPortal:()=>gn,Empty:()=>pn,JRCInputTinyMCEWithExt:()=>yn,JRCInputTinyMCEWithExtRaw:()=>vn,ModalAudience:()=>wn,TwoColLayout:()=>Ln,WidgetList:()=>X,WidgetWrapperCore:()=>Qt});var n=i(594),l=i.n(n),o=i(196),r=i.n(o),a=i(493),s=i(334),c=i(192),d=i(704),u=i(595);const m=u.default.registry.getLazyComponent("JRCAvatar"),g=u.default.registry.getLazyComponent("Icon"),p=e=>{var t;const i=(0,o.useTheme)(),n=(0,d.useSelector)(c.Bx.selectors.selectNetworkPublic);return e.uri===(null==n?void 0:n.uri)?l().createElement(g,{name:"icon-fs-wall",size:8*(null!==(t=e.size)&&void 0!==t?t:3),color:i.color.primary,variant:"circle"}):l().createElement(m,Object.assign({},e))},f=u.default.registry.getLazyComponent("FlexBox"),E=u.default.registry.getLazyComponent("ModalContent"),y=u.default.registry.getLazyComponent("ModalLayout"),h=u.default.registry.getLazyComponent("StyledHref"),v=u.default.registry.getLazyComponent("Tooltip"),b=u.default.registry.getLazyComponent("Typography"),x=r().div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 12px;
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
cursor: pointer;
|
|
20
20
|
`,w=({audience:e,limit:t=2})=>{const i=(0,a.useIntl)(),r=(0,o.useTheme)(),[c,d]=(0,n.useState)(!1);return l().createElement(l().Fragment,null,l().createElement(f,null,[...e].splice(0,t).map(((e,t)=>l().createElement(C,{overlap:0!==t,href:e._url,target:"_blank",key:e.id},l().createElement(v,{description:void 0===e.title?" ":e.title,position:"left"},l().createElement(p,{uri:e.uri,size:4,variant:"circle",alt:"image",timestamp:e.dateModified?s.Utils.date.strToTimestamp(e.dateModified):void 0,focusable:!0}))))),e.length>t&&l().createElement(C,{onClick:()=>d(!0),overlap:!0},"+",e.length-t)),e.length>t&&l().createElement(y,{closeHandler:()=>d(!1),enableClickAwayCloseModal:!0,open:c,variant:"fixed-height",maxHeight:"800px"},l().createElement(E,{title:i.formatMessage({id:"GLOBAL_Audience"}),overflow:"scroll",onClickIconClose:()=>d(!1)},l().createElement(x,null,e.map(((e,t)=>l().createElement(f,{key:`audience-${t}`,y:"center",gap:r.space.l},l().createElement(p,{size:5,uri:`${e.type}/${e.id}`}),l().createElement(h,{href:`${e.type}/${e.id}`},l().createElement(b,null,e.title)))))))))};var k=i(833),W=i.n(k);const q=u.default.registry.getLazyComponent("Loader"),S=u.default.registry.getLazyComponent("ModalContent"),L=u.default.registry.getLazyComponent("ModalLayout"),A=u.default.registry.getLazyComponent("Typography"),M=r().div`
|
|
21
21
|
padding: ${e=>e.theme.space.md}px;
|
|
22
|
-
`,T={response:void 0,loading:!0,error:void 0},I=({query:e})=>{const t=(0,a.useIntl)(),[i,r]=(0,n.useState)(T),s=(0,o.useTheme)(),c=(0,n.useCallback)((e=>{r(T),W().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void r({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;r({error:void 0,loading:!1,response:i})})).catch((e=>{r({error:t.formatMessage({id:"JIA_ERROR_AI_CALL"}),loading:!1,response:void 0})}))}),[t]);return(0,n.useEffect)((()=>{e&&e.text.trim().length>0&&c(e)}),[e,c]),l().createElement(L,{zIndex:s.zIndex.tinyMCEModal,open:!!e,closeHandler:()=>{null==e||e.reject()}},l().createElement(S,{overflow:"scroll",buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&c(e)}},{children:t.formatMessage({id:"GLOBAL_Validation"}),clickHandler:()=>i.response&&(null==e?void 0:e.resolve(i.response))},{children:t.formatMessage({id:"GLOBAL_Cancel"}),clickHandler:()=>null==e?void 0:e.reject()}],isFull:!0},l().createElement(M,null,i.loading&&l().createElement(l().Fragment,null,l().createElement(q,null),l().createElement(A,{align:"center"},t.formatMessage({id:"JIA_WAITING_WARNIG"}))),!i.loading&&i.error&&l().createElement("p",null,i.error),!i.loading&&i.response&&l().createElement("p",null,i.response))))};var _=i(690);var O=i(206),j=i(743);const
|
|
22
|
+
`,T={response:void 0,loading:!0,error:void 0},I=({query:e})=>{const t=(0,a.useIntl)(),[i,r]=(0,n.useState)(T),s=(0,o.useTheme)(),c=(0,n.useCallback)((e=>{r(T),W().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void r({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;r({error:void 0,loading:!1,response:i})})).catch((e=>{r({error:t.formatMessage({id:"JIA_ERROR_AI_CALL"}),loading:!1,response:void 0})}))}),[t]);return(0,n.useEffect)((()=>{e&&e.text.trim().length>0&&c(e)}),[e,c]),l().createElement(L,{zIndex:s.zIndex.tinyMCEModal,open:!!e,closeHandler:()=>{null==e||e.reject()}},l().createElement(S,{overflow:"scroll",buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&c(e)}},{children:t.formatMessage({id:"GLOBAL_Validation"}),clickHandler:()=>i.response&&(null==e?void 0:e.resolve(i.response))},{children:t.formatMessage({id:"GLOBAL_Cancel"}),clickHandler:()=>null==e?void 0:e.reject()}],isFull:!0},l().createElement(M,null,i.loading&&l().createElement(l().Fragment,null,l().createElement(q,null),l().createElement(A,{align:"center"},t.formatMessage({id:"JIA_WAITING_WARNIG"}))),!i.loading&&i.error&&l().createElement("p",null,i.error),!i.loading&&i.response&&l().createElement("p",null,i.response))))};var _=i(690);var O=i(206),j=i(743);const z=u.default.registry.getLazyComponent("EditorsPortal"),D=u.default.registry.getLazyComponent("ThemeProvider"),$=()=>{const e=document.getElementById("react-portals"),t=(0,n.useMemo)((()=>e&&(e=>{let t=document.getElementById("react-portals");return t||(t=document.createElement("div"),t.id=(0,j.A)(),e.appendChild(t)),t})(e)),[e]);return t?(0,O.createPortal)(l().createElement(D,null,l().createElement(z,null)),t):null},F=r().div`
|
|
23
23
|
display: flex;
|
|
24
24
|
flex-direction: row;
|
|
25
25
|
flex-wrap: wrap;
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
min-height: 60px;
|
|
143
143
|
align-items: center;
|
|
144
144
|
width: ${e=>e.maxWidth}px;
|
|
145
|
-
`,Ie={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},_e=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},Oe=({widget:e,mode:t,width:i})=>{const{uniqid:o}=e,r=(0,Se.jL)(),a=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual),s=null!=i?i:600,[u,m]=(0,n.useState)(void 0),g=(0,n.useRef)(null),p=(0,n.useMemo)((()=>e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},Ie),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:Ie.mimetype,path:(0,k.formatImgUrl)({size:"fitx1200",uri:e.file?e.file.uri:"",from:"imagecache",timestamp:e.file&&e.file.dateModified?_e(e.file.dateModified):Date.now()})})))]:[]),[e.content.slides]),f=(0,n.useMemo)((()=>void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:(0,k.formatImgUrl)({timestamp:e.file.dateModified?_e(e.file.dateModified):Date.now(),size:`fitx${u&&u<s?u:s}`,from:"imagecache",uri:e.file.uri})}):Object.assign(Object.assign({},e),{uri:""})))]:[]),[e.content.slides,u,s]);(0,n.useEffect)((()=>{a&&"edit"===t&&r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}),[a]),(0,n.useEffect)((()=>{const e=()=>{g.current&&m(g.current?g.current.offsetWidth:s)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[g]),(0,n.useEffect)((()=>{m(g.current?g.current.offsetWidth:s)}),[g]),(0,n.useEffect)((()=>{r(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!e.content.slides||0===e.content.slides.length}))}),[e.content.slides]);const E=(0,n.useMemo)((()=>"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length),[e.content.slides,t]),y=(0,n.useCallback)((()=>{r(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}),[r,e.uniqid,e.name]);return void 0===u?l().createElement("div",{ref:g,style:{width:"100%"}}):l().createElement(Te,{maxWidth:u&&u<s?u:s},l().createElement(Le,{files:p,openWithOptions:[]},(i=>{var n,a;return l().createElement(Me,{slides:f,maxWidth:u&&u<s?u:s,useDots:null===(n=e.content.useDots)||void 0===n||n,loop:null!==(a=e.content.loop)&&void 0!==a&&a,startAt:0,onClickSlide:n=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[n];t&&t.file&&i(t.file.id)}}else r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}})})),E?l().createElement(Ae,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:y}):l().createElement(l().Fragment,null))},je=u.default.registry.getLazyComponent("WidgetArticleText")
|
|
145
|
+
`,Ie={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},_e=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},Oe=({widget:e,mode:t,width:i})=>{const{uniqid:o}=e,r=(0,Se.jL)(),a=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual),s=null!=i?i:600,[u,m]=(0,n.useState)(void 0),g=(0,n.useRef)(null),p=(0,n.useMemo)((()=>e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},Ie),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:Ie.mimetype,path:(0,k.formatImgUrl)({size:"fitx1200",uri:e.file?e.file.uri:"",from:"imagecache",timestamp:e.file&&e.file.dateModified?_e(e.file.dateModified):Date.now()})})))]:[]),[e.content.slides]),f=(0,n.useMemo)((()=>void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:(0,k.formatImgUrl)({timestamp:e.file.dateModified?_e(e.file.dateModified):Date.now(),size:`fitx${u&&u<s?u:s}`,from:"imagecache",uri:e.file.uri})}):Object.assign(Object.assign({},e),{uri:""})))]:[]),[e.content.slides,u,s]);(0,n.useEffect)((()=>{a&&"edit"===t&&r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}),[a]),(0,n.useEffect)((()=>{const e=()=>{g.current&&m(g.current?g.current.offsetWidth:s)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[g]),(0,n.useEffect)((()=>{m(g.current?g.current.offsetWidth:s)}),[g]),(0,n.useEffect)((()=>{r(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!e.content.slides||0===e.content.slides.length}))}),[e.content.slides]);const E=(0,n.useMemo)((()=>"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length),[e.content.slides,t]),y=(0,n.useCallback)((()=>{r(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}),[r,e.uniqid,e.name]);return void 0===u?l().createElement("div",{ref:g,style:{width:"100%"}}):l().createElement(Te,{maxWidth:u&&u<s?u:s},l().createElement(Le,{files:p,openWithOptions:[]},(i=>{var n,a;return l().createElement(Me,{slides:f,maxWidth:u&&u<s?u:s,useDots:null===(n=e.content.useDots)||void 0===n||n,loop:null!==(a=e.content.loop)&&void 0!==a&&a,startAt:0,onClickSlide:n=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[n];t&&t.file&&i(t.file.id)}}else r(c.cr.slice.actions.registerEditor({uniqid:o,name:e.name}))}})})),E?l().createElement(Ae,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:y}):l().createElement(l().Fragment,null))},je=u.default.registry.getLazyComponent("WidgetArticleText"),ze=r().div`
|
|
146
146
|
cursor: text;
|
|
147
147
|
p {
|
|
148
148
|
word-wrap: break-word;
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
a {
|
|
151
151
|
word-wrap: break-word;
|
|
152
152
|
}
|
|
153
|
-
`,
|
|
153
|
+
`,De=({widget:e,mode:t})=>{const{uniqid:i}=e,r=(0,o.useTheme)(),{text:s}=e.content,m=(0,d.useDispatch)(),g=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,i)),d.shallowEqual),p=(0,d.useSelector)((e=>{var t;return null===(t=c.x0.selectors.selectWidgetState(e,i))||void 0===t?void 0:t.busy})),f=(0,d.useSelector)(c.x0.selectors.selectToken),E=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),y=(0,d.useSelector)(c.Kx.selectors.selectAll),h=(0,a.useIntl)(),v=(0,n.useCallback)((e=>{m(c.y8.actions.error({label:null!=e?e:h.formatMessage({id:"GLOBAL_Error"})}))}),[m,h]);(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:i,empty:!s||0===s.length}))}),[s]);const b=(0,n.useMemo)((()=>(0,u.getTinyMCEMentionsQueries)(y,r,v)),[y,v,r]);return p?l().createElement(l().Fragment,null):l().createElement(ze,null,l().createElement(je,{autoFocus:g,text:null!=s?s:"",token:"edit"===t&&void 0!==f?f:"",tinyMCECommonOptions:"edit"===t&&E?{tinymceScriptSrc:"https://ecosysteme.jamespot.pro/js/tinymce/tinymce.min.js",commonOptions:E,mentionsQueries:b}:void 0,mode:t,onChange:e=>{m((0,c.vR)(i,{text:e}))}}))},$e=u.default.registry.getLazyComponent("WidgetArticleTitle"),Fe=r().div`
|
|
154
154
|
flex: 1;
|
|
155
155
|
display: flex;
|
|
156
156
|
flex-direction: row;
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
&:hover {
|
|
176
176
|
background-color: ${e=>e.theme.color.grey1};
|
|
177
177
|
}
|
|
178
|
-
`,Be=({widget:e,inplace:t,mode:i})=>{const{uniqid:o}=e,{text:r,color:a,heading:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual);return(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(Fe,null,l().createElement(
|
|
178
|
+
`,Be=({widget:e,inplace:t,mode:i})=>{const{uniqid:o}=e,{text:r,color:a,heading:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual);return(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!r||0===r.length}))}),[r]),l().createElement(Fe,null,l().createElement($e,{text:r,color:a,heading:s,autoFocus:m,inplace:t,mode:i,onChange:e=>{u((0,c.vR)(o,{text:e}))}}),m&&"edit"===i?l().createElement(He,{heading:s,onClick:e=>{u((0,c.vR)(o,{heading:e}))}}):l().createElement(l().Fragment,null))},He=({heading:e="h1",onClick:t})=>l().createElement(Re,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(Ge,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),Pe=u.default.registry.getLazyComponent("Button"),Ne=u.default.registry.getLazyComponent("ModalLayout"),Ue=u.default.registry.getLazyComponent("ModalContent"),Ve=(r().button`
|
|
179
179
|
padding: ${e=>e.theme.space.md}px;
|
|
180
180
|
`,r().div`
|
|
181
181
|
padding: ${e=>e.theme.space.md}px;
|
|
@@ -237,7 +237,7 @@
|
|
|
237
237
|
background-color: ${e=>e.theme.color.grey2};
|
|
238
238
|
opacity: 0.9;
|
|
239
239
|
}
|
|
240
|
-
`,ct=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableColumnsData:m=[],tableBorderRadius:g,tableSizedColumns:p,tableSizedColumnsWidth:f,mode:E})=>{const y=(0,a.useIntl)(),h=(0,Se.jL)(),[v,b]=(0,n.useState)(!1),[x,C]=(0,n.useState)(!1),[w,q]=(0,n.useState)([]),[S,L]=(0,n.useState)([]),[A,M]=(0,n.useState)({order:"ascending",name:"unknown"}),[T,I]=(0,n.useState)(void 0),[_,O]=(0,n.useState)(""),j=(0,n.useMemo)((()=>c.x0.definition(k.WidgetsName.DatasourceTable)),[])
|
|
240
|
+
`,ct=({uniqid:e,uri:t,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableColumnsData:m=[],tableBorderRadius:g,tableSizedColumns:p,tableSizedColumnsWidth:f,mode:E})=>{const y=(0,a.useIntl)(),h=(0,Se.jL)(),[v,b]=(0,n.useState)(!1),[x,C]=(0,n.useState)(!1),[w,q]=(0,n.useState)([]),[S,L]=(0,n.useState)([]),[A,M]=(0,n.useState)({order:"ascending",name:"unknown"}),[T,I]=(0,n.useState)(void 0),[_,O]=(0,n.useState)(""),j=(0,n.useMemo)((()=>c.x0.definition(k.WidgetsName.DatasourceTable)),[]),z=(0,n.useMemo)((()=>"studio"===T?[{type:[_]}]:[]),[T,_]),D=(0,n.useMemo)((()=>"doc"===T?[_]:[]),[T,_]),{rtLastObject:$}=(0,te.YL)(z,D),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"!==E&&"preview"!==E||h(c.cr.slice.actions.flushAllEditor())}),[E,h]),(0,n.useEffect)((()=>{v||t||"edit"!==E||(R(),b(!0))}),[h,e,v,t,R,E]);const G=(0,n.useMemo)((()=>it(m,S)),[m,S]);return 0!==m.length||x||"edit"!==E?x?l().createElement(at,null,l().createElement(lt,null)):l().createElement(l().Fragment,null,x||0!==w.length?l().createElement(nt,{rows:w,columns:G,limit:i,tableHeadColor:o,tableHeadTextColor:r,tableHeadIconColor:s,tableRowColor:d,tableRowTextColor:u,tableBorderRadius:g,tableColumnsData:m,tableSizedColumns:p,tableSizedColumnsWidth:f,tableDefaultSortOrder:A.order,tableDefaultSortName:A.name}):l().createElement(at,null,l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:"WIDGET_Datasource_No_Results"})),"edit"===E?l().createElement(st,{onClick:R},l().createElement(rt,{__html:`${y.formatMessage({id:"WIDGET_Set_Widget"})} <b>${y.formatMessage({id:j.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(at,{onClick:R},l().createElement("img",{src:`/img/fast-intranet/${k.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:j.label}),l().createElement(ot,{label:"GLOBAL_Settings"})),l().createElement(st,{onClick:R},l().createElement(rt,{__html:`${y.formatMessage({id:"WIDGET_Set_Widget"})} <b>${y.formatMessage({id:j.label})}</b>`})))},dt=u.default.registry.getLazyComponent("WidgetTable"),ut=u.default.registry.getLazyComponent("Loader"),mt=u.default.registry.getLazyComponent("Button"),gt=u.default.registry.getLazyComponent("Html"),pt=(r().div``,r().div`
|
|
241
241
|
position: absolute;
|
|
242
242
|
inset: 0;
|
|
243
243
|
display: flex;
|
|
@@ -303,14 +303,14 @@
|
|
|
303
303
|
:first-child {
|
|
304
304
|
margin: 0px !important;
|
|
305
305
|
}
|
|
306
|
-
|
|
306
|
+
`,zt=r().div`
|
|
307
307
|
display: flex;
|
|
308
308
|
gap: ${e=>e.theme.space.sm}px;
|
|
309
|
-
`,
|
|
309
|
+
`,Dt=({uniqid:e,name:t,handleOpenEditor:i})=>{const o=(0,Se.jL)(),r=(0,a.useIntl)(),[d,u]=(0,n.useState)(!1),m=(0,n.useCallback)((()=>{o(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))}),[e,o,t]),g=(0,n.useCallback)((()=>{o(c.x0.slice.actions.flushWidget({uniqid:e}))}),[e,o]);return l().createElement(l().Fragment,null,l().createElement(Ot,null,l().createElement(jt,null,l().createElement(At,{uniqid:e})),l().createElement(zt,null,l().createElement(s.JRCIconButton,{icon:"icon-pencil",bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:14,onClick:null!=i?i:m,title:r.formatMessage({id:"BUTTON_Title_Open_Edit_Panel"})}),l().createElement(s.JRCIconButton,{icon:"icon-trash",bg:"grey1",bgHover:"grey2",color:"grey5",iconSize:14,onClick:()=>u(!0),title:r.formatMessage({id:"BUTTON_Title_Open_Remove_Widget"})}))),d&&l().createElement(Tt,{enableClickAwayCloseModal:!0,open:d,closeHandler:()=>u(!1)},l().createElement(It,{overflow:"scroll",title:r.formatMessage({id:"WIDGET_Remove_Widget"}),onClickIconClose:()=>u(!1)},r.formatMessage({id:"WIDGET_Delete_Widget_Confirmation"})),l().createElement(_t,null,l().createElement(Mt,{label:r.formatMessage({id:"GLOBAL_Confirm"}),onClick:g}))))},$t=r().div`
|
|
310
310
|
display: flex;
|
|
311
311
|
flex: 1;
|
|
312
312
|
flex-direction: column;
|
|
313
|
-
`,Ft=({widget:e,width:t,inplace:i=!1,mode:n="view",onWidgetUpdate:o,cannotDisplayComponent:r})=>{const{name:a}=e;return(0,k.ensureWidgetArticleButtonType)(e)?l().createElement(ge,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleGalleryType)(e)?l().createElement(he,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleAttachmentType)(e)?l().createElement(ce,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleImageType)(e)?l().createElement(qe,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleSliderType)(e)?l().createElement(Oe,{widget:e,inplace:i,mode:n,width:null!=t?t:800}):(0,k.ensureWidgetArticleTitleType)(e)?l().createElement(Be,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleTextType)(e)?l().createElement(
|
|
313
|
+
`,Ft=({widget:e,width:t,inplace:i=!1,mode:n="view",onWidgetUpdate:o,cannotDisplayComponent:r})=>{const{name:a}=e;return(0,k.ensureWidgetArticleButtonType)(e)?l().createElement(ge,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleGalleryType)(e)?l().createElement(he,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleAttachmentType)(e)?l().createElement(ce,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleImageType)(e)?l().createElement(qe,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleSliderType)(e)?l().createElement(Oe,{widget:e,inplace:i,mode:n,width:null!=t?t:800}):(0,k.ensureWidgetArticleTitleType)(e)?l().createElement(Be,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetArticleTextType)(e)?l().createElement(De,{widget:e,inplace:i,mode:n}):(0,k.ensureWidgetExcelDatasourceTableType)(e)?l().createElement($t,null,l().createElement(St,{uniqid:e.uniqid}),l().createElement(Et,Object.assign({},e.content,{uniqid:e.uniqid,mode:n}))):(0,k.ensureWidgetDatasourceTableType)(e)?l().createElement($t,null,l().createElement(St,{uniqid:e.uniqid}),l().createElement(ct,Object.assign({},e.content,{uniqid:e.uniqid,mode:n}))):(0,k.ensureWidgetCheckListType)(e)?l().createElement($t,null,"edit"===n?l().createElement(Dt,{name:e.name,uniqid:e.uniqid}):l().createElement(St,{uniqid:e.uniqid}),l().createElement(tt,{widget:e,inplace:i,mode:n,onWidgetUpdate:o})):(0,k.ensureWidgetPresenceType)(e)?l().createElement($t,null,"edit"===n?l().createElement(Dt,{name:e.name,uniqid:e.uniqid}):l().createElement(St,{uniqid:e.uniqid}),l().createElement(Wt,{widget:e,inplace:i,mode:n})):r?l().createElement(l().Fragment,null,r(a)):l().createElement(l().Fragment,null,"cannot display widget (",a,")")},Rt=(r().div`
|
|
314
314
|
height: 0;
|
|
315
315
|
overflow: hidden;
|
|
316
316
|
`,r().div`
|
|
@@ -370,12 +370,7 @@
|
|
|
370
370
|
flex: 1;
|
|
371
371
|
width: 100%;
|
|
372
372
|
margin-top: 10px;
|
|
373
|
-
`,oi=(r().
|
|
374
|
-
border-radius: ${e=>e.theme.space.sm}px;
|
|
375
|
-
border: 1px solid ${e=>e.theme.color.grey1};
|
|
376
|
-
background-color: ${e=>e.theme.color.white};
|
|
377
|
-
overflow: hidden;
|
|
378
|
-
`,({articleId:e,variant:t="inline",canComment:i,commentType:r="comment",socialQuestion:s})=>{var m;const g=(0,a.useIntl)(),p=(0,o.useTheme)(),f=(0,d.useDispatch)(),[E,y]=(0,n.useState)(),[h,v]=(0,n.useState)(!1),[b,x]=(0,n.useState)([]),[C,w]=(0,n.useState)(!1),k=(0,d.useSelector)(c.xJ.selectors.get),q=(0,d.useSelector)(c.x0.selectors.selectWidgets),S=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),L=(0,d.useSelector)(c.sU.selectors.selectTinyMCEExtendedOptions),A=(0,d.useSelector)(c.Kx.selectors.selectAll),M=(0,d.useSelector)(c.OD.selectors.selectPlatformConfig),T=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),I=(0,d.useSelector)((t=>c.Mw.selectors.commentList(t,e))),O=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"DriveHook"))),j=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"FileBankHook"))),$=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"WidgetHook"))),[z,F]=(0,n.useState)(s);(0,_.A)(e),((e,t)=>{const i=(0,d.useDispatch)(),l=(0,n.useMemo)((()=>u.default.socket),[]),o=(0,n.useMemo)((()=>c.Mw.getCommentsLikeRTHandlers(i,e,t)),[i,e,t]);(0,n.useEffect)((()=>(o.forEach((e=>{l.onMessage(e.namespace,e.function,e.handler)})),()=>{o.forEach((e=>{l.offMessage(e.namespace,e.function,e.handler)}))})),[o,l])})(null==I?void 0:I.list.map((e=>e.id)),e);const R=(0,n.useCallback)((e=>{f(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})}))}),[f,g]),G=()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()},B=(0,n.useCallback)((()=>{E||C||(w(!0),W().network.token().then((e=>{y(e.result),w(!1)})).catch((e=>{R(e.errorMsg)})))}),[R,E,C]),H=(0,n.useCallback)((t=>ii(void 0,void 0,void 0,(function*(){if(E){v(!0);const i=Object.keys(q).map((e=>(null==b?void 0:b.some((t=>t.widget.uniqid===e)))?q[e]:null)).filter((e=>null!==e));try{yield W().article.addComment(Object.assign(Object.assign({},t),{widgets:i,token:E,idArticle:e,type:r})).then((()=>{x([])})),B()}catch(e){R(e.errorMsg)}finally{v(!1)}}}))),[e,r,f,B,R,E,q,b]);return(0,n.useEffect)((()=>{B()}),[B]),(0,n.useEffect)((()=>{f(c.Mw.actions.fetchComments({idArticle:e}))}),[]),(0,n.useEffect)((()=>{I&&I.list&&I.list.forEach((e=>{var t;null===(t=e._widgets)||void 0===t||t.forEach((t=>{f(c.x0.slice.actions.registerWidgetObject({uniqid:t.widget.uniqid,object:e})),f(c.x0.slice.actions.registerWidgetObjectRights({uniqid:t.widget.uniqid,rights:e._right}))}))}))}),[I,f]),l().createElement(l().Fragment,null,S&&L&&l().createElement(l().Fragment,null,l().createElement(li,null,l().createElement(ni,{canComment:i,loading:h,token:E,comments:null==I?void 0:I.list,onComment:H,onCommentUpdate:t=>ii(void 0,void 0,void 0,(function*(){var i,n;const l=null==I?void 0:I.list.find((e=>e.id===t.idComment));if(l)return W().article.updateComment({idComment:t.idComment,description:null!==(n=null!==(i=t.description)&&void 0!==i?i:l.description)&&void 0!==n?n:void 0,token:t.token,widgets:t.widgets}).then((()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()})).catch((e=>{R(e.errorMsg)}))})),onCommentDelete:e=>ii(void 0,void 0,void 0,(function*(){W().article.deleteComment(e).catch(R)})),isWidgetActive:!!((null==$?void 0:$.isActive)&&(null==$?void 0:$.create)&&(null===(m=null==$?void 0:$.autorize)||void 0===m?void 0:m.includes("comment"))),widgetListComponent:l().createElement(X,{mode:"comment",namespace:"comment",onChange:e=>{x([e]),f(c.x0.slice.actions.registerWidget({uniqid:e.widget.uniqid,widget:e}))},view:"edit"}),newWidgetsWrapperComponent:l().createElement(Zt,{widgets:b}),existingWidgetsWrapperComponent:(e,t,i,n=!0)=>l().createElement(ti,{comment:e,widgets:t,mode:i,inplace:n,handleWidgetUpdate:G,handleWidgetRemove:B}),currentUser:k,tinyMCEConfig:{commonOptions:Object.assign(Object.assign({},S),{toolbar:L.commentsToolbar}),mentionsQueries:(0,u.getTinyMCEMentionsQueries)(A,p,R)},onError:R,highlightFields:M.userHighlightFields,userAccountStatus:M.userAccountStatus,userModel:A.find((e=>"user"===e.type)),isWedocActive:!!T,onGetHashError:e=>f(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})})),activeDrives:[...j&&O?["fileBank"]:[],...c.qn.utils.buildDrivesArrayFromObject(null==O?void 0:O.drives)],deleteFile:e=>ii(void 0,void 0,void 0,(function*(){E&&(yield W().file.deleteFile(e,"attachment",E))})),variant:t,handlers:{drive:W().drive,filebank:W().filebank,file:W().file,user:W().user,socialAction:W().socialAction,questionAnswer:W().questionAnswer},socialQuestion:z?Object.assign(Object.assign({},z),{onSelectResponse:e=>{F(Object.assign(Object.assign({},z),{responseId:e,isResolved:!0}))},onUnselectResponse:()=>{F(Object.assign(Object.assign({},z),{responseId:void 0,isResolved:!1}))}}):void 0,articleId:e}),l().createElement(D,null))))});var ri=i(749),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`
|
|
373
|
+
`,oi=({articleId:e,variant:t="inline",canComment:i,commentType:r="comment",socialQuestion:s})=>{var m;const g=(0,a.useIntl)(),p=(0,o.useTheme)(),f=(0,d.useDispatch)(),[E,y]=(0,n.useState)(),[h,v]=(0,n.useState)(!1),[b,x]=(0,n.useState)([]),[C,w]=(0,n.useState)(!1),k=(0,d.useSelector)(c.xJ.selectors.get),q=(0,d.useSelector)(c.x0.selectors.selectWidgets),S=(0,d.useSelector)(c.sU.selectors.selectTinyMCECommonOptions),L=(0,d.useSelector)(c.sU.selectors.selectTinyMCEExtendedOptions),A=(0,d.useSelector)(c.Kx.selectors.selectAll),M=(0,d.useSelector)(c.OD.selectors.selectPlatformConfig),T=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),I=(0,d.useSelector)((t=>c.Mw.selectors.commentList(t,e))),O=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"DriveHook"))),j=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"FileBankHook"))),z=(0,d.useSelector)((e=>c.qn.selectors.selectHook(e,"WidgetHook"))),[D,F]=(0,n.useState)(s);(0,_.A)(e),((e,t)=>{const i=(0,d.useDispatch)(),l=(0,n.useMemo)((()=>u.default.socket),[]),o=(0,n.useMemo)((()=>c.Mw.getCommentsLikeRTHandlers(i,e,t)),[i,e,t]);(0,n.useEffect)((()=>(o.forEach((e=>{l.onMessage(e.namespace,e.function,e.handler)})),()=>{o.forEach((e=>{l.offMessage(e.namespace,e.function,e.handler)}))})),[o,l])})(null==I?void 0:I.list.map((e=>e.id)),e);const R=(0,n.useCallback)((e=>{f(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})}))}),[f,g]),G=()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()},B=(0,n.useCallback)((()=>{E||C||(w(!0),W().network.token().then((e=>{y(e.result),w(!1)})).catch((e=>{R(e.errorMsg)})))}),[R,E,C]),H=(0,n.useCallback)((t=>ii(void 0,void 0,void 0,(function*(){if(E){v(!0);const i=Object.keys(q).map((e=>(null==b?void 0:b.some((t=>t.widget.uniqid===e)))?q[e]:null)).filter((e=>null!==e));try{yield W().article.addComment(Object.assign(Object.assign({},t),{widgets:i,token:E,idArticle:e,type:r})).then((()=>{x([])})),B()}catch(e){R(e.errorMsg)}finally{v(!1)}}}))),[e,r,B,R,E,q,b]);return(0,n.useEffect)((()=>{B()}),[B]),(0,n.useEffect)((()=>{f(c.Mw.actions.fetchComments({idArticle:e}))}),[e,f]),(0,n.useEffect)((()=>{I&&I.list&&I.list.forEach((e=>{var t;null===(t=e._widgets)||void 0===t||t.forEach((t=>{f(c.x0.slice.actions.registerWidgetObject({uniqid:t.widget.uniqid,object:e})),f(c.x0.slice.actions.registerWidgetObjectRights({uniqid:t.widget.uniqid,rights:e._right}))}))}))}),[I,f]),l().createElement(l().Fragment,null,S&&L&&l().createElement(l().Fragment,null,l().createElement(li,null,l().createElement(ni,{canComment:i,loading:h,token:E,comments:null==I?void 0:I.list,onComment:H,onCommentUpdate:t=>ii(void 0,void 0,void 0,(function*(){var i,n;const l=null==I?void 0:I.list.find((e=>e.id===t.idComment));if(l)return W().article.updateComment({idComment:t.idComment,description:null!==(n=null!==(i=t.description)&&void 0!==i?i:l.description)&&void 0!==n?n:void 0,token:t.token,widgets:t.widgets}).then((()=>{f(c.Mw.actions.fetchComments({idArticle:e})),B()})).catch((e=>{R(e.errorMsg)}))})),onCommentDelete:e=>ii(void 0,void 0,void 0,(function*(){W().article.deleteComment(e).catch(R)})),isWidgetActive:!!((null==z?void 0:z.isActive)&&(null==z?void 0:z.create)&&(null===(m=null==z?void 0:z.autorize)||void 0===m?void 0:m.includes("comment"))),widgetListComponent:l().createElement(X,{mode:"comment",namespace:"comment",onChange:e=>{x([e]),f(c.x0.slice.actions.registerWidget({uniqid:e.widget.uniqid,widget:e}))},view:"edit"}),newWidgetsWrapperComponent:l().createElement(Zt,{widgets:b}),existingWidgetsWrapperComponent:(e,t,i,n=!0)=>l().createElement(ti,{comment:e,widgets:t,mode:i,inplace:n,handleWidgetUpdate:G,handleWidgetRemove:B}),currentUser:k,tinyMCEConfig:{commonOptions:Object.assign(Object.assign({},S),{toolbar:L.commentsToolbar}),mentionsQueries:(0,u.getTinyMCEMentionsQueries)(A,p,R)},onError:R,highlightFields:M.userHighlightFields,userAccountStatus:M.userAccountStatus,userModel:A.find((e=>"user"===e.type)),isWedocActive:!!T,onGetHashError:e=>f(c.y8.actions.error({label:null!=e?e:g.formatMessage({id:"GLOBAL_Error"})})),activeDrives:[...j&&O?["fileBank"]:[],...c.qn.utils.buildDrivesArrayFromObject(null==O?void 0:O.drives)],variant:t,handlers:{drive:W().drive,filebank:W().filebank,file:W().file,user:W().user,socialAction:W().socialAction,questionAnswer:W().questionAnswer},socialQuestion:D?Object.assign(Object.assign({},D),{onSelectResponse:e=>{F(Object.assign(Object.assign({},D),{responseId:e,isResolved:!0}))},onUnselectResponse:()=>{F(Object.assign(Object.assign({},D),{responseId:void 0,isResolved:!1}))}}):void 0,articleId:e}),l().createElement($,null))))};var ri=i(749),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`
|
|
379
374
|
height: 100%;
|
|
380
375
|
display: flex;
|
|
381
376
|
flex-direction: column;
|
|
@@ -508,7 +503,7 @@
|
|
|
508
503
|
flex: 1;
|
|
509
504
|
display: flex;
|
|
510
505
|
align-items: center;
|
|
511
|
-
`,u.default.registry.getLazyComponent("Button")),Ai=u.default.registry.getLazyComponent("Icon"),Mi=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)));return i&&i.popup&&i.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(fi,null,l().createElement(Ei,null),l().createElement(yi,null,"Popup"),l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(Ai,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(fi,null,l().createElement(Li,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)},Ti=u.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Ii=u.default.registry.getLazyComponent("WidgetArticleTextEditor"),_i=u.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Oi=u.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),ji=u.default.registry.getLazyComponent("WidgetArticleSliderEditor"),$i=u.default.registry.getLazyComponent("WidgetArticleImageEditor"),zi=u.default.registry.getLazyComponent("WidgetButtonEditor"),Di=u.default.registry.getLazyComponent("WidgetCheckListEditor"),Fi=u.default.registry.getLazyComponent("WidgetDatasourceTableEditor"),Ri=u.default.registry.getLazyComponent("WidgetExcelDatasourceTableEditor"),Gi=u.default.registry.getLazyComponent("WidgetPresenceEditor"),Bi=({uniqid:e})=>{var t,i,o,r,s;const m=(0,a.useIntl)(),g=(0,d.useDispatch)(),p=(0,d.useSelector)(c.x0.selectors.selectToken),f=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e)),d.shallowEqual),E=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e)),d.shallowEqual),y=(0,d.useSelector)((t=>{var i;return null===(i=c.cr.selectors.selectEditor(t,e))||void 0===i?void 0:i.onSave}),d.shallowEqual),h=e=>{var t;return null===(t=c.qn.selectors.selectHook(u.default.store.getState(),e))||void 0===t?void 0:t.isActive},v=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObjectRights(t,e)),d.shallowEqual),b=(0,n.useMemo)((()=>v&&v.update),[v]),x=t=>{f&&g(c.x0.slice.actions.updateWidget({uniqid:e,content:t})),g(c.cr.slice.actions.flushEditor({uniqid:e})),y&&y(t)},C=(t,i)=>{g(void 0!==i?c.x0.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):c.x0.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},w=t=>{g(c.cr.slice.actions.registerEditorPopup({uniqid:e,view:t}))},q=null==f?void 0:f.widget;return q?(0,k.ensureWidgetArticleButtonType)(q)?l().createElement(zi,Object.assign({},q.content,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:()=>x({})})):(0,k.ensureWidgetArticleGalleryType)(q)?l().createElement(_i,{token:p,content:q.content,onChange:t=>g((0,c.vR)(e,t,!1)),onSave:x,onStateChange:C}):(0,k.ensureWidgetArticleAttachmentType)(q)?l().createElement(Oi,{token:p,content:q.content,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C,onOpen:w}):(0,k.ensureWidgetArticleImageType)(q)?l().createElement($i,{content:q.content,token:p,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C}):(0,k.ensureWidgetArticleSliderType)(q)?void 0!==p?l().createElement(ji,{slides:null!==(t=q.content.slides)&&void 0!==t?t:[],loop:null!==(i=q.content.loop)&&void 0!==i&&i,useDots:null===(o=q.content.useDots)||void 0===o||o,onChange:t=>{g((0,c.vR)(e,t,!1))},token:p,onSave:x}):l().createElement(l().Fragment,null,"Token is mandatory"):(0,k.ensureWidgetArticleTitleType)(q)?l().createElement(Ti,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,content:q.content,onOpen:w}):(0,k.ensureWidgetArticleTextType)(q)?l().createElement(Ii,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,content:q.content}):(0,k.ensureWidgetPresenceType)(q)?l().createElement(Gi,Object.assign({onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C},q.content)):(0,k.ensureWidgetCheckListType)(q)?l().createElement(Di,{token:p,uniqid:q.uniqid,content:q.content,onChangeContent:(e,t)=>{g((0,c.vR)(e,t,!1))},onChangeWrapper:e=>{g(c.x0.slice.actions.updateWidgetWrapper(Object.assign({},e)))},onSave:(e,t)=>{var i;void 0!==(i=E)&&void 0!==i.id&&void 0!==i.type?W().widget.updateWidget({id:E.id,uniqid:e,type:E.type,title:f.title,content:t}).then((()=>{x(t)})).catch((e=>{var t;g(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:m.formatMessage({id:"GLOBAL_Error"})}))})):x(t)},canEditCollaboration:null!=b&&b}):(0,k.ensureWidgetExcelDatasourceTableType)(q)?l().createElement(Ri,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(r=q.content.limit)&&void 0!==r?r:20,hook:{isActive:h},handlers:{jamespot:{datasource:W().datasource,network:W().network,filebank:W().filebank,wedoc:W().wedoc},handleStart:()=>C({busy:!0}),handleCatch:e=>g(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>C({busy:!1})},onSave:x,onChange:(t,i)=>g((0,c.vR)(e,t,null!=i&&i)),onStateChange:C,onError:e=>g(c.y8.actions.error({label:e}))})):(0,k.ensureWidgetDatasourceTableType)(q)?l().createElement(Fi,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(s=q.content.limit)&&void 0!==s?s:20,hook:{isActive:h},handlers:{jamespot:{datasource:W().datasource,network:W().network,application:W().application,filebank:W().filebank},handleStart:()=>C({busy:!0}),handleCatch:e=>g(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>C({busy:!1})},onSave:x,onChange:(t,i)=>g((0,c.vR)(e,t,null!=i&&i)),onStateChange:C,onError:e=>{g(c.y8.actions.error({label:e}))}})):l().createElement(l().Fragment,null,"cannot display editor"):null},Hi=u.default.registry.getLazyComponent("Icon"),Pi=({uniqid:e,position:t})=>{const i=(0,d.useDispatch)();return l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{i(c.cr.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(Hi,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},Ni=u.default.registry.getLazyComponent("BETA_DragAndDrop"),Ui=u.default.registry.getLazyComponent("Icon"),Vi=({uniqid:e})=>{var t;const i=(0,d.useDispatch)(),n=(0,a.useIntl)(),o=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))))||void 0===t?void 0:t.widget,r=(null==o?void 0:o.content)&&"widgets"in o.content&&o.content.widgets?o.content.widgets:[];return l().createElement("div",{style:{flex:1}},l().createElement(Ji,{uniqid:e}),o?r.map(((t,a)=>{const s=c.x0.definition(t.widget.name);return l().createElement("div",{key:a},l().createElement(Wi,null,l().createElement(qi,{onClick:()=>((e,t)=>{i(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(t.widget.uniqid,t.widget.name)},n.formatMessage({id:s.label})),l().createElement(Si,{onClick:()=>{i(c.x0.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},o.content),{widgets:[...r.filter(((e,t)=>t!==a)).map((e=>((0,k.ensureWidgetWrapperProps)(e)||console.error("Zozod",e),e)))]})}))}},l().createElement(Ui,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},Ji=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(Ni,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(Xi,{uniqid:e,key:t}),elms:i||[]}),l().createElement(X,{namespace:"default",onChange:i=>{t(c.x0.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},Qi=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(Ui,{name:i.locked?"icon-lock":"icon-unlock"}))},Ki=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(Ui,{name:i.visible?"icon-eye":"icon-eye-slash"}))},Yi=({uniqid:e,layerId:t})=>{const i=(0,d.useDispatch)();return l().createElement("div",{onClick:()=>{i(c.x0.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(Ui,{name:"icon-trash"}))},Xi=({uniqid:e})=>{const t=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const o=c.x0.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),l().createElement(Qi,{uniqid:e}),l().createElement(Ki,{uniqid:e}),l().createElement(Yi,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},Zi=u.default.registry.getLazyComponent("Button"),en=u.default.registry.getLazyComponent("InputText"),tn=({uniqid:e})=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),[o,r]=l().useState(null==n?void 0:n.title),{control:s,watch:u}=(0,Lt.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=u((e=>{r(e.text)}));return()=>e.unsubscribe()}),[u]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"}},l().createElement(en,{name:"text",control:s,placeholder:t.formatMessage({id:"WIDGET_Title"})}),l().createElement(Zi,{onClick:()=>{void 0!==o&&(i(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(c.cr.slice.actions.flushEditor({uniqid:e})))},minWidth:"100%"},t.formatMessage({id:"GLOBAL_Save"}))):l().createElement(l().Fragment,null,"No wrapper")},nn=u.default.registry.getLazyComponent("Loader"),ln=({uniqid:e})=>{var t;const i=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.busy;return l().createElement(l().Fragment,null,i&&l().createElement(xi,null,l().createElement(nn,{size:"l"})))},on=({uniqid:e,children:t})=>{var i;return(null===(i=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e))))||void 0===i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},rn=({uniqid:e})=>{var t;const i=(0,a.useIntl)();return(null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.locked)?l().createElement(Ci,null,i.formatMessage({id:"INTRANET_Panel_Change_Off"})):l().createElement(l().Fragment,null)},an=u.default.registry.getLazyComponent("Icon"),sn=({uniqid:e,position:t})=>{const i=(0,a.useIntl)(),o=(0,d.useDispatch)(),r=(0,n.useRef)(null),s=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)),d.shallowEqual),u=c.x0.definition(null==s?void 0:s.name),[m,g]=l().useState("default");return(0,n.useEffect)((()=>{setTimeout((()=>{r&&r.current&&(r.current.className=r.current.className+" animate")}),0)}),[]),s?l().createElement(hi,null,l().createElement(vi,{ref:r,position:t},(u.panel.useWrapper||u.panel.useEditor||u.panel.useWidgets)&&l().createElement(wi,null,u.panel.useWrapper?l().createElement(ki,{isActive:"wrapper"===m,onClick:()=>g("wrapper")},l().createElement(an,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useEditor?l().createElement(ki,{isActive:"default"===m,onClick:()=>g("default")},l().createElement(an,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useWidgets?l().createElement(on,{uniqid:e},l().createElement(ki,{isActive:"widgets"===m,onClick:()=>g("widgets")},l().createElement(an,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",width:"390px"}},l().createElement(fi,null,l().createElement(Pi,{uniqid:e,position:s.position}),l().createElement(yi,null,i.formatMessage({id:u.label})),l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{o(c.cr.slice.actions.flushEditor({uniqid:e}))}},l().createElement(an,{name:"icon-times",color:"grey2"})))),l().createElement(bi,null,"default"===m&&u.panel.useEditor?l().createElement(Bi,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"wrapper"===m&&u.panel.useWrapper?l().createElement(tn,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"widgets"===m&&u.panel.useWidgets?l().createElement(Vi,{uniqid:e,namespace:u.name}):l().createElement(l().Fragment,null),l().createElement(ln,{uniqid:e}),l().createElement(rn,{uniqid:e})))),(null==s?void 0:s.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},cn=r().div`
|
|
506
|
+
`,u.default.registry.getLazyComponent("Button")),Ai=u.default.registry.getLazyComponent("Icon"),Mi=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)));return i&&i.popup&&i.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(fi,null,l().createElement(Ei,null),l().createElement(yi,null,"Popup"),l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(Ai,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(fi,null,l().createElement(Li,{onClick:()=>{t(c.cr.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)},Ti=u.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Ii=u.default.registry.getLazyComponent("WidgetArticleTextEditor"),_i=u.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Oi=u.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),ji=u.default.registry.getLazyComponent("WidgetArticleSliderEditor"),zi=u.default.registry.getLazyComponent("WidgetArticleImageEditor"),Di=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),E=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObject(t,e)),d.shallowEqual),y=(0,d.useSelector)((t=>{var i;return null===(i=c.cr.selectors.selectEditor(t,e))||void 0===i?void 0:i.onSave}),d.shallowEqual),h=e=>{var t;return null===(t=c.qn.selectors.selectHook(u.default.store.getState(),e))||void 0===t?void 0:t.isActive},v=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetObjectRights(t,e)),d.shallowEqual),b=(0,n.useMemo)((()=>v&&v.update),[v]),x=t=>{f&&g(c.x0.slice.actions.updateWidget({uniqid:e,content:t})),g(c.cr.slice.actions.flushEditor({uniqid:e})),y&&y(t)},C=(t,i)=>{g(void 0!==i?c.x0.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):c.x0.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},w=t=>{g(c.cr.slice.actions.registerEditorPopup({uniqid:e,view:t}))},q=null==f?void 0:f.widget;return q?(0,k.ensureWidgetArticleButtonType)(q)?l().createElement(Di,Object.assign({},q.content,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:()=>x({})})):(0,k.ensureWidgetArticleGalleryType)(q)?l().createElement(_i,{token:p,content:q.content,onChange:t=>g((0,c.vR)(e,t,!1)),onSave:x,onStateChange:C}):(0,k.ensureWidgetArticleAttachmentType)(q)?l().createElement(Oi,{token:p,content:q.content,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C,onOpen:w}):(0,k.ensureWidgetArticleImageType)(q)?l().createElement(zi,{content:q.content,token:p,onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C}):(0,k.ensureWidgetArticleSliderType)(q)?void 0!==p?l().createElement(ji,{slides:null!==(t=q.content.slides)&&void 0!==t?t:[],loop:null!==(i=q.content.loop)&&void 0!==i&&i,useDots:null===(o=q.content.useDots)||void 0===o||o,onChange:t=>{g((0,c.vR)(e,t,!1))},token:p,onSave:x}):l().createElement(l().Fragment,null,"Token is mandatory"):(0,k.ensureWidgetArticleTitleType)(q)?l().createElement(Ti,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,content:q.content,onOpen:w}):(0,k.ensureWidgetArticleTextType)(q)?l().createElement(Ii,{onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,content:q.content}):(0,k.ensureWidgetPresenceType)(q)?l().createElement(Gi,Object.assign({onChange:t=>{g((0,c.vR)(e,t,!1))},onSave:x,onStateChange:C},q.content)):(0,k.ensureWidgetCheckListType)(q)?l().createElement($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=E)&&void 0!==i.id&&void 0!==i.type?W().widget.updateWidget({id:E.id,uniqid:e,type:E.type,title:f.title,content:t}).then((()=>{x(t)})).catch((e=>{var t;g(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:m.formatMessage({id:"GLOBAL_Error"})}))})):x(t)},canEditCollaboration:null!=b&&b}):(0,k.ensureWidgetExcelDatasourceTableType)(q)?l().createElement(Ri,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(r=q.content.limit)&&void 0!==r?r:20,hook:{isActive:h},handlers:{jamespot:{datasource:W().datasource,network:W().network,filebank:W().filebank,wedoc:W().wedoc},handleStart:()=>C({busy:!0}),handleCatch:e=>g(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>C({busy:!1})},onSave:x,onChange:(t,i)=>g((0,c.vR)(e,t,null!=i&&i)),onStateChange:C,onError:e=>g(c.y8.actions.error({label:e}))})):(0,k.ensureWidgetDatasourceTableType)(q)?l().createElement(Fi,Object.assign({},q.content,{uri:q.content.uri,limit:null!==(s=q.content.limit)&&void 0!==s?s:20,hook:{isActive:h},handlers:{jamespot:{datasource:W().datasource,network:W().network,application:W().application,filebank:W().filebank},handleStart:()=>C({busy:!0}),handleCatch:e=>g(c.y8.actions.error({label:e.errorMsg})),handleFinally:()=>C({busy:!1})},onSave:x,onChange:(t,i)=>g((0,c.vR)(e,t,null!=i&&i)),onStateChange:C,onError:e=>{g(c.y8.actions.error({label:e}))}})):l().createElement(l().Fragment,null,"cannot display editor"):null},Hi=u.default.registry.getLazyComponent("Icon"),Pi=({uniqid:e,position:t})=>{const i=(0,d.useDispatch)();return l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{i(c.cr.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(Hi,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},Ni=u.default.registry.getLazyComponent("BETA_DragAndDrop"),Ui=u.default.registry.getLazyComponent("Icon"),Vi=({uniqid:e})=>{var t;const i=(0,d.useDispatch)(),n=(0,a.useIntl)(),o=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))))||void 0===t?void 0:t.widget,r=(null==o?void 0:o.content)&&"widgets"in o.content&&o.content.widgets?o.content.widgets:[];return l().createElement("div",{style:{flex:1}},l().createElement(Ji,{uniqid:e}),o?r.map(((t,a)=>{const s=c.x0.definition(t.widget.name);return l().createElement("div",{key:a},l().createElement(Wi,null,l().createElement(qi,{onClick:()=>((e,t)=>{i(c.cr.slice.actions.registerEditor({uniqid:e,name:t}))})(t.widget.uniqid,t.widget.name)},n.formatMessage({id:s.label})),l().createElement(Si,{onClick:()=>{i(c.x0.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},o.content),{widgets:[...r.filter(((e,t)=>t!==a)).map((e=>((0,k.ensureWidgetWrapperProps)(e)||console.error("Zozod",e),e)))]})}))}},l().createElement(Ui,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},Ji=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.ids[e].widget.layers),d.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(Ni,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(Xi,{uniqid:e,key:t}),elms:i||[]}),l().createElement(X,{namespace:"default",onChange:i=>{t(c.x0.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},Qi=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(Ui,{name:i.locked?"icon-lock":"icon-unlock"}))},Ki=({uniqid:e})=>{const t=(0,d.useDispatch)(),i=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(c.x0.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(Ui,{name:i.visible?"icon-eye":"icon-eye-slash"}))},Yi=({uniqid:e,layerId:t})=>{const i=(0,d.useDispatch)();return l().createElement("div",{onClick:()=>{i(c.x0.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(Ui,{name:"icon-trash"}))},Xi=({uniqid:e})=>{const t=(0,d.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const o=c.x0.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),l().createElement(Qi,{uniqid:e}),l().createElement(Ki,{uniqid:e}),l().createElement(Yi,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},Zi=u.default.registry.getLazyComponent("Button"),en=u.default.registry.getLazyComponent("InputText"),tn=({uniqid:e})=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),[o,r]=l().useState(null==n?void 0:n.title),{control:s,watch:u}=(0,Lt.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=u((e=>{r(e.text)}));return()=>e.unsubscribe()}),[u]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"}},l().createElement(en,{name:"text",control:s,placeholder:t.formatMessage({id:"WIDGET_Title"})}),l().createElement(Zi,{onClick:()=>{void 0!==o&&(i(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(c.cr.slice.actions.flushEditor({uniqid:e})))},minWidth:"100%"},t.formatMessage({id:"GLOBAL_Save"}))):l().createElement(l().Fragment,null,"No wrapper")},nn=u.default.registry.getLazyComponent("Loader"),ln=({uniqid:e})=>{var t;const i=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.busy;return l().createElement(l().Fragment,null,i&&l().createElement(xi,null,l().createElement(nn,{size:"l"})))},on=({uniqid:e,children:t})=>{var i;return(null===(i=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e))))||void 0===i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},rn=({uniqid:e})=>{var t;const i=(0,a.useIntl)();return(null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e)),d.shallowEqual))||void 0===t?void 0:t.locked)?l().createElement(Ci,null,i.formatMessage({id:"INTRANET_Panel_Change_Off"})):l().createElement(l().Fragment,null)},an=u.default.registry.getLazyComponent("Icon"),sn=({uniqid:e,position:t})=>{const i=(0,a.useIntl)(),o=(0,d.useDispatch)(),r=(0,n.useRef)(null),s=(0,d.useSelector)((t=>c.cr.selectors.selectEditor(t,e)),d.shallowEqual),u=c.x0.definition(null==s?void 0:s.name),[m,g]=l().useState("default");return(0,n.useEffect)((()=>{setTimeout((()=>{r&&r.current&&(r.current.className=r.current.className+" animate")}),0)}),[]),s?l().createElement(hi,null,l().createElement(vi,{ref:r,position:t},(u.panel.useWrapper||u.panel.useEditor||u.panel.useWidgets)&&l().createElement(wi,null,u.panel.useWrapper?l().createElement(ki,{isActive:"wrapper"===m,onClick:()=>g("wrapper")},l().createElement(an,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useEditor?l().createElement(ki,{isActive:"default"===m,onClick:()=>g("default")},l().createElement(an,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useWidgets?l().createElement(on,{uniqid:e},l().createElement(ki,{isActive:"widgets"===m,onClick:()=>g("widgets")},l().createElement(an,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",width:"390px"}},l().createElement(fi,null,l().createElement(Pi,{uniqid:e,position:s.position}),l().createElement(yi,null,i.formatMessage({id:u.label})),l().createElement(Ei,null,l().createElement(ki,{onClick:()=>{o(c.cr.slice.actions.flushEditor({uniqid:e}))}},l().createElement(an,{name:"icon-times",color:"grey2"})))),l().createElement(bi,null,"default"===m&&u.panel.useEditor?l().createElement(Bi,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"wrapper"===m&&u.panel.useWrapper?l().createElement(tn,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"widgets"===m&&u.panel.useWidgets?l().createElement(Vi,{uniqid:e,namespace:u.name}):l().createElement(l().Fragment,null),l().createElement(ln,{uniqid:e}),l().createElement(rn,{uniqid:e})))),(null==s?void 0:s.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},cn=r().div`
|
|
512
507
|
position: absolute;
|
|
513
508
|
inset: 0;
|
|
514
509
|
pointer-events: none;
|