jamespot-react-core 1.1.160 → 1.1.162
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/746.bundle.js +528 -0
- package/build/746.bundle.js.map +1 -0
- package/build/app.bundle.js +748 -733
- package/build/app.bundle.js.map +1 -1
- package/build/src/components/CommentsBloc.d.ts +1 -0
- package/build/src/components/widgets/Widget.d.ts +9 -0
- package/build/src/components/widgets/WidgetList/WidgetList.style.d.ts +1 -0
- package/build/src/components/widgets/hooks.d.ts +1 -0
- package/build/src/components/widgets/wrapper/JRCWidgetDatasourceTableWrapper.d.ts +1 -1
- package/build/src/components/widgets/wrapper/JRCWidgetExcelDatasourceTableWrapper.d.ts +1 -1
- package/build/src/components/widgets/wrapper/JRCWidgetPresenceWrapper.d.ts +9 -0
- package/build/src/components/widgets/wrapper/JRCWidgetPresenceWrapperClosing.d.ts +14 -0
- package/build/src/components/widgets/wrapper/components/WidgetRemove.d.ts +8 -0
- package/build/src/components/widgets/wrapper/components/WidgetViewFooterActions.d.ts +10 -0
- package/build/src/displayer/components/inputs/InputTaxonomy.d.ts +88 -1
- package/build/src/displayer/displayer.utils.d.ts +1 -1
- package/build/src/registry/ext-component-list.d.ts +3 -2
- package/package.json +11 -7
- package/build/945.bundle.js +0 -476
- package/build/945.bundle.js.map +0 -1
- package/build/src/components/widgets/wrapper/JRCWidgetApiWrapper.d.ts +0 -7
|
@@ -0,0 +1,528 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[746],{746:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>v,Audience:()=>p,Avatar:()=>u,CommentsBloc:()=>wt,DisplayForm:()=>It,EditorsPortal:()=>wi,Empty:()=>ki,JRCInputTinyMCEWithExt:()=>qi,JRCInputTinyMCEWithExtRaw:()=>Si,ModalAudience:()=>Ti,TwoColLayout:()=>Li,WidgetList:()=>L,WidgetWrapperCore:()=>mt});var n=i(594),l=i.n(n),r=i(196),o=i.n(r),a=i(493),s=i(274),c=i(591),d=i(704);const u=e=>{var t;const i=(0,r.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=o().div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 12px;
|
|
5
|
+
margin-bottom: 24px;
|
|
6
|
+
`,g=o().a`
|
|
7
|
+
display: flex;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
align-items: center;
|
|
10
|
+
position: relative;
|
|
11
|
+
width: 40px;
|
|
12
|
+
height: 40px;
|
|
13
|
+
border-radius: 40px;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
color: ${e=>e.theme.color.white};
|
|
16
|
+
background-color: ${e=>e.theme.color.lavender};
|
|
17
|
+
border: 4px solid ${e=>e.theme.color.white};
|
|
18
|
+
margin-left: ${e=>e.overlap?"-18px":"0"};
|
|
19
|
+
cursor: pointer;
|
|
20
|
+
`,p=({audience:e,limit:t=2})=>{const i=(0,a.useIntl)(),o=(0,r.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:o.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=o().div`
|
|
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,o]=(0,n.useState)(h),c=(0,r.useTheme)(),d=(0,n.useCallback)((e=>{o(h),E().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void o({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;o({error:void 0,loading:!1,response:i})})).catch((e=>{o({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=o().div`
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-direction: row;
|
|
25
|
+
flex-wrap: wrap;
|
|
26
|
+
gap: 10px;
|
|
27
|
+
justify-content: center;
|
|
28
|
+
`,C=o().div`
|
|
29
|
+
border: 1px solid ${e=>e.theme.color.grey2};
|
|
30
|
+
border-radius: 8px;
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
padding: 12px;
|
|
33
|
+
position: relative;
|
|
34
|
+
opacity: ${e=>e.available?"1":".4"};
|
|
35
|
+
pointer-events: ${e=>e.available?"all":"none"};
|
|
36
|
+
|
|
37
|
+
.show-on-hover {
|
|
38
|
+
position: absolute;
|
|
39
|
+
inset: 0;
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
justify-content: center;
|
|
42
|
+
align-items: center;
|
|
43
|
+
display: flex;
|
|
44
|
+
opacity: 0;
|
|
45
|
+
background-color: #ffffffe6;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&:hover {
|
|
49
|
+
.show-on-hover {
|
|
50
|
+
opacity: 1;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
`,w=o().div`
|
|
54
|
+
border: 2px solid ${e=>e.theme.color.primary};
|
|
55
|
+
height: ${e=>e.open?e.height:"54"}px;
|
|
56
|
+
border-radius: 8px;
|
|
57
|
+
display: flex;
|
|
58
|
+
justify-content: top;
|
|
59
|
+
flex-direction: column;
|
|
60
|
+
transition: height 0.4s;
|
|
61
|
+
overflow: hidden;
|
|
62
|
+
flex-direction: column;
|
|
63
|
+
`,k=o().div`
|
|
64
|
+
display: flex;
|
|
65
|
+
flex-direction: row;
|
|
66
|
+
flex-wrap: wrap;
|
|
67
|
+
justify-content: center;
|
|
68
|
+
gap: 10px;
|
|
69
|
+
`,W=o().div`
|
|
70
|
+
min-height: 50px;
|
|
71
|
+
display: flex;
|
|
72
|
+
justify-content: center;
|
|
73
|
+
align-items: center;
|
|
74
|
+
cursor: pointer;
|
|
75
|
+
color: ${e=>e.theme.color.primary};
|
|
76
|
+
&:hover {
|
|
77
|
+
background-color: ${e=>e.theme.color.grey0};
|
|
78
|
+
}
|
|
79
|
+
`,q=o().button`
|
|
80
|
+
height: 72px;
|
|
81
|
+
display: flex;
|
|
82
|
+
align-items: center;
|
|
83
|
+
padding: 0 10px;
|
|
84
|
+
gap: 10px;
|
|
85
|
+
width: 40%;
|
|
86
|
+
border: 1px solid ${e=>e.theme.color.grey2};
|
|
87
|
+
border-radius: 8px;
|
|
88
|
+
transition: opacity 0.4s ease ${e=>40*e.index}ms;
|
|
89
|
+
opacity: ${e=>e.open?1:0};
|
|
90
|
+
img {
|
|
91
|
+
width: 40px;
|
|
92
|
+
}
|
|
93
|
+
${e=>e.full&&"flex: 1"}
|
|
94
|
+
`,S=o().div`
|
|
95
|
+
display: flex;
|
|
96
|
+
flex-direction: ${e=>"row"===e.direction?"row":"column"};
|
|
97
|
+
align-items: ${e=>"row"===e.direction?"center":"flex-start"};
|
|
98
|
+
justify-content: ${e=>"row"===e.direction?"flex-start":"center"};
|
|
99
|
+
flex: 1;
|
|
100
|
+
${e=>e.gap&&`gap:${e.gap}px`}
|
|
101
|
+
`,T=x.default.registry.getLazyComponent("Button"),A=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:r})=>{const[o,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:o,portalId:"react-modal",variant:"full-height",closeHandler:()=>s(!1)},g=e=>{r(c.x0.factory(e)),s(!1)};return l().createElement(l().Fragment,null,l().createElement(A,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(T,{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,r]=l().useState(!1),o=(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:()=>r(!i)},o.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}),o.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},F=x.default.registry.getLazyComponent("WidgetTable"),z=x.default.registry.getLazyComponent("Loader"),G=(o().div``,o().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
|
+
`),B=o().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
|
+
`,H=({uniqid:e,uri:t,limit:i,tableHeadColor:r,tableHeadTextColor:o,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)([]),[T,A]=(0,n.useState)([]),[M,I]=(0,n.useState)({order:"ascending",name:"unknown"}),_=(0,n.useMemo)((()=>c.x0.definition(f.WidgetsName.DatasourceTable)),[]);(0,n.useEffect)((()=>{void 0!==t&&0!==g.length&&0===T.length&&(W(!0),E().datasource.get(t,f.Format.VIEW).then((e=>{A(e.result.model),S(e.result.data),I(e.result.sort)})).finally((()=>W(!1))))}),[t,g,T]),(0,n.useEffect)((()=>{t||A([])}),[t]);const L=(0,n.useCallback)((()=>{b(c.cr.slice.actions.flushAllEditor()),b(c.cr.slice.actions.registerEditor({uniqid:e,name:f.WidgetsName.DatasourceTable}))}),[b,e]);(0,n.useEffect)((()=>{"view"!==v&&"preview"!==v||b(c.cr.slice.actions.flushAllEditor())}),[v,b]),(0,n.useEffect)((()=>{C||t||"edit"!==v||(L(),w(!0))}),[b,e,C,t,L,v]);const R=(0,n.useMemo)((()=>$(g,T)),[g,T]);return 0!==g.length||k||"edit"!==v?k?l().createElement(G,null,l().createElement(z,null)):l().createElement(l().Fragment,null,k||0!==q.length?l().createElement(F,{rows:q,columns:R,limit:i,tableHeadColor:r,tableHeadTextColor:o,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableBorderRadius:p,tableColumnsData:g,tableSizedColumns:y,tableSizedColumnsWidth:h,tableDefaultSortOrder:M.order,tableDefaultSortName:M.name}):l().createElement(G,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(B,{onClick:L},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:_.label})}</b>`})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null,l().createElement(G,{onClick:L},l().createElement("img",{src:`/img/fast-intranet/${f.WidgetsName.DatasourceTable}.png`,alt:""}),l().createElement(a.FormattedMessage,{id:_.label}),l().createElement(s.JRCButton,{label:"GLOBAL_Settings"})),l().createElement(B,{onClick:L},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:_.label})}</b>`})))},N=o().div`
|
|
126
|
+
width: 0;
|
|
127
|
+
height: 0;
|
|
128
|
+
overflow: hidden;
|
|
129
|
+
`,P=({children:e,initialFiles:t,initialClick:i,multiple:n,accept:r,onUploadStart:o,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(N,null,l().createElement(s.JRCInputFileAdvancedRaw,{ref:m,id:"widget-upload-file",name:"editorFiles",content:"",accept:r,multiple:n,token:g,onUploadStart:e=>{void 0!==e&&f((t=>t+e)),"function"==typeof o&&0!==e&&o()},onUploadSuccess:e=>{void 0!==e&&(f((e=>void 0!==e?e-1:0)),y((t=>n?[...t,e]:[e])))}})))},U=x.default.registry.getLazyComponent("WidgetAttachment"),V=x.default.registry.getLazyComponent("FileViewer"),Q=o().div`
|
|
130
|
+
flex: 1;
|
|
131
|
+
`,K=({widget:e,inplace:t,mode:i})=>{const r=(0,a.useIntl)(),{uniqid:o}=e,{files:u}=e.content,m=(0,d.useDispatch)(),g=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual),p=e=>{m(c.y8.actions.error({label:null!=e?e:r.formatMessage({id:"GLOBAL_Error"})}))};(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:o,mounted:!0}))}),[]),(0,n.useEffect)((()=>{m(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!u||0===u.length}))}),[u]);const f=(0,d.useSelector)((e=>c.lg.selectors.selectById(e,"OnlyOfficeHook"))),y=[{label:r.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(Q,null,"view"!==i?l().createElement(U,{files:u,onClick:()=>{},onError:p}):l().createElement(V,{files:u,openWithOptions:h},(e=>l().createElement(U,{files:u,onClick:t=>e(t),onError:p}))),t&&"view"!==i&&l().createElement(P,{initialFiles:u,initialClick:g,multiple:!0,accept:"*",onUploadSuccess:e=>{Array.isArray(e)&&m((0,c.vR)(o,{files:e}))},onUploadStart:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:o,loading:!0}))},onUploadEnd:()=>{m(c.x0.slice.actions.setWidgetState({uniqid:o,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=o().div`
|
|
132
|
+
display: flex;
|
|
133
|
+
flex: 1;
|
|
134
|
+
justify-content: center;
|
|
135
|
+
align-items: center;
|
|
136
|
+
`,Y=o().div`
|
|
137
|
+
pointer-events: ${e=>e.clickable?"all":"none"};
|
|
138
|
+
cursor: pointer;
|
|
139
|
+
display: flex;
|
|
140
|
+
flex: 1;
|
|
141
|
+
justify-content: center;
|
|
142
|
+
align-items: center;
|
|
143
|
+
`,Z=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{uniqid:r}=e,{text:o,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:r,empty:!o||0===o.length}))}),[o]),l().createElement(X,{onClick:()=>{"edit"===t&&i(c.cr.slice.actions.registerEditor({uniqid:r,name:e.name}))}},l().createElement(Y,{clickable:"edit"!==t},l().createElement(s.JRCWidgetButton,{text:o,url:a,target:u,color:m,backgroundColor:g,buttonSize:p,borderRadius:f,variant:E})))},ee=x.default.registry.getLazyComponent("WidgetArticleGallery"),te=x.default.registry.getLazyComponent("FileViewer"),ie=o().button`
|
|
144
|
+
cursor: pointer;
|
|
145
|
+
`,ne=({widget:e,inplace:t,mode:i})=>{var n,r;const{uniqid:o}=e,{files:a}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual);return l().useEffect((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,mounted:!0}))}),[]),void 0!==a?l().createElement(l().Fragment,null,"edit"===i?l().createElement(ee,{files:a,maxWidth:800,gap:null!==(n=e.content.gap)&&void 0!==n?n:"10",column:null!==(r=e.content.column)&&void 0!==r?r:"3",onClick:()=>{}}):l().createElement(te,{files:a,openWithOptions:[]},(t=>{var i,n;return l().createElement(ie,null,l().createElement(ee,{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(P,{initialFiles:a,initialClick:m,accept:"image/png, image/jpeg, image/jpg",multiple:!0,onUploadSuccess:e=>{Array.isArray(e)&&u((0,c.vR)(o,{files:e}))},onUploadStart:()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,loading:!0}))},onUploadEnd:()=>{u(c.x0.slice.actions.setWidgetState({uniqid:o,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)},le=x.default.registry.getLazyComponent("WidgetImage"),re=x.default.registry.getLazyComponent("FileViewer"),oe=o().div`
|
|
146
|
+
position: absolute;
|
|
147
|
+
inset: 0;
|
|
148
|
+
background-color: rgba(0, 0, 0, 0.4);
|
|
149
|
+
pointer-event: none;
|
|
150
|
+
display: flex;
|
|
151
|
+
justify-content: center;
|
|
152
|
+
align-items: center;
|
|
153
|
+
opacity: 0;
|
|
154
|
+
color: ${e=>e.theme.color.white};
|
|
155
|
+
&:hover {
|
|
156
|
+
opacity: 1;
|
|
157
|
+
}
|
|
158
|
+
`,ae=o().button`
|
|
159
|
+
cursor: pointer;
|
|
160
|
+
`,se={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},ce=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},de=({widget:e,width:t,inplace:i,mode:r})=>{const{uniqid:o}=e,{file:u,useFilter:m}=e.content,g=(0,d.useDispatch)(),p=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,o)),d.shallowEqual),[E,y]=(0,n.useState)(void 0),h=(0,a.useIntl)();return(0,n.useEffect)((()=>{g(c.x0.slice.actions.setWidgetState({uniqid:o,mounted:!0}))}),[]),(0,n.useEffect)((()=>{g(c.x0.slice.actions.setWidgetState({uniqid:o,empty:!u}))}),[u]),(0,n.useEffect)((()=>{u&&y((0,f.formatImgUrl)({timestamp:u.dateModified?ce(u.dateModified):Date.now(),from:"imagecache",size:"fitx1200",uri:u.uri}))}),[u]),l().createElement(l().Fragment,null,"edit"===r?void 0!==E?l().createElement(le,{maxWidth:null!=t?t:600,uri:E,useFilter:null!=m&&m}):l().createElement(l().Fragment,null):l().createElement(re,{files:[Object.assign(Object.assign({},se),{path:E,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(ae,{onClick:()=>e(0)},l().createElement(le,{maxWidth:null!=t?t:600,uri:E,useFilter:null!=m&&m})))),i&&"edit"===r?l().createElement(P,{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)(o,{file:e[0]}))},onUploadStart:()=>{g(c.x0.slice.actions.setWidgetState({uniqid:o,loading:!0}))},onUploadEnd:()=>{g(c.x0.slice.actions.setWidgetState({uniqid:o,loading:!1}))}},void 0!==u?l().createElement(oe,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))},ue=x.default.registry.getLazyComponent("FileViewer"),me=o().div`
|
|
161
|
+
flex: 1;
|
|
162
|
+
display: flex;
|
|
163
|
+
flex-direction: row;
|
|
164
|
+
min-height: 60px;
|
|
165
|
+
align-items: center;
|
|
166
|
+
width: ${e=>e.maxWidth}px;
|
|
167
|
+
`,ge={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},pe=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},fe=({widget:e,mode:t,width:i})=>{const{uniqid:r}=e,o=(0,j.jL)(),a=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),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({},ge),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:ge.mimetype,path:(0,f.formatImgUrl)({size:"fitx1200",uri:e.file?e.file.uri:"",from:"imagecache",timestamp:e.file&&e.file.dateModified?pe(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?pe(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&&o(c.cr.slice.actions.registerEditor({uniqid:r,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)((()=>{o(c.x0.slice.actions.setWidgetState({uniqid:r,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)((()=>{o(c.cr.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}),[o,e.uniqid,e.name]);return void 0===m?l().createElement("div",{ref:p,style:{width:"100%"}}):l().createElement(me,{maxWidth:m&&m<u?m:u},l().createElement(ue,{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 o(c.cr.slice.actions.registerEditor({uniqid:r,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))},Ee=x.default.registry.getLazyComponent("WidgetArticleText"),ye=o().div`
|
|
168
|
+
cursor: text;
|
|
169
|
+
p {
|
|
170
|
+
word-wrap: break-word;
|
|
171
|
+
}
|
|
172
|
+
a {
|
|
173
|
+
word-wrap: break-word;
|
|
174
|
+
}
|
|
175
|
+
`,he=({widget:e,mode:t})=>{const{uniqid:i}=e,o=(0,r.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,o,h)),[E,h,o]);return g?l().createElement(l().Fragment,null):l().createElement(ye,null,l().createElement(Ee,{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}))}}))},ve=x.default.registry.getLazyComponent("WidgetArticleTitle"),xe=o().div`
|
|
176
|
+
flex: 1;
|
|
177
|
+
display: flex;
|
|
178
|
+
flex-direction: row;
|
|
179
|
+
align-items: center;
|
|
180
|
+
cursor: text;
|
|
181
|
+
`,be=o().div`
|
|
182
|
+
display: flex;
|
|
183
|
+
flex-direction: row;
|
|
184
|
+
border-radius: 8px;
|
|
185
|
+
overflow: hidden;
|
|
186
|
+
margin: 4px;
|
|
187
|
+
border: 1px solid ${e=>e.theme.color.grey1};
|
|
188
|
+
`,Ce=o().button`
|
|
189
|
+
display: flex;
|
|
190
|
+
width: 40px;
|
|
191
|
+
height: 40px;
|
|
192
|
+
justify-content: center;
|
|
193
|
+
align-items: center;
|
|
194
|
+
cursor: pointer;
|
|
195
|
+
opacity: ${e=>e.isActive?"1.0":".8"};
|
|
196
|
+
background-color: ${e=>e.isActive?e.theme.color.grey1:e.theme.color.white};
|
|
197
|
+
&:hover {
|
|
198
|
+
background-color: ${e=>e.theme.color.grey1};
|
|
199
|
+
}
|
|
200
|
+
`,we=({widget:e,inplace:t,mode:i})=>{const{uniqid:r}=e,{text:o,color:a,heading:s}=e.content,u=(0,d.useDispatch)(),m=(0,d.useSelector)((e=>c.x0.selectors.isActive(e,r)),d.shallowEqual);return(0,n.useEffect)((()=>{u(c.x0.slice.actions.setWidgetState({uniqid:r,empty:!o||0===o.length}))}),[o]),l().createElement(xe,null,l().createElement(ve,{text:o,color:a,heading:s,autoFocus:m,inplace:t,mode:i,onChange:e=>{u((0,c.vR)(r,{text:e}))}}),m&&"edit"===i?l().createElement(ke,{heading:s,onClick:e=>{u((0,c.vR)(r,{heading:e}))}}):l().createElement(l().Fragment,null))},ke=({heading:e="h1",onClick:t})=>l().createElement(be,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(Ce,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),We=J.react.registry.getLazyComponent("WidgetCheckList"),qe=J.react.registry.getLazyComponent("WidgetCheckListEditor"),Se=J.react.registry.getLazyComponent("Typography"),Te=(o().div`
|
|
201
|
+
display: flex;
|
|
202
|
+
flex-direction: row;
|
|
203
|
+
justify-content: space-between;
|
|
204
|
+
align-items: center;
|
|
205
|
+
border: ${e=>e.border?`1px solid ${e.theme.color.grey2}`:"none"};
|
|
206
|
+
min-height: 24px;
|
|
207
|
+
border-radius: 4px;
|
|
208
|
+
padding: 4px 8px;
|
|
209
|
+
`,o().div`
|
|
210
|
+
display: flex;
|
|
211
|
+
justify-content: center;
|
|
212
|
+
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
|
+
|
|
219
|
+
div:first-child {
|
|
220
|
+
margin: 0 auto;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
div:last-child {
|
|
224
|
+
align-self: flex-end;
|
|
225
|
+
}
|
|
226
|
+
`),Ae=o().div`
|
|
227
|
+
width: 100%;
|
|
228
|
+
flex: 1;
|
|
229
|
+
display: flex;
|
|
230
|
+
flex-direction: column;
|
|
231
|
+
align-items: flex-start;
|
|
232
|
+
justify-content: center;
|
|
233
|
+
gap: 8px;
|
|
234
|
+
`,Me=o().div`
|
|
235
|
+
display: flex;
|
|
236
|
+
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
|
+
`,Ie=o().div`
|
|
242
|
+
width: 100%;
|
|
243
|
+
padding-bottom: 12px;
|
|
244
|
+
border-bottom: ${e=>e.border?`1px solid ${e.theme.color.grey1}`:0};
|
|
245
|
+
`,_e=({widget:e,commentId:t,inplace:i,mode:r,editRight:o,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),T=(0,d.useSelector)((e=>c.x0.selectors.selectWidget(e,y))),A=(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"===r&&i?l().createElement(l().Fragment,null,l().createElement(Me,null,l().createElement(Ae,null,l().createElement(Ie,{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==T?void 0:T.title,onChange:e=>{const{value:t}=e.target;I({uniqid:y,title:t})},margin:"2px",width:"100%"})),l().createElement(qe,{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(We,{title:null==T?void 0:T.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}),A&&e.checked&&{user:{id:null!==(i=null===(t=e.user)||void 0===t?void 0:t.id)&&void 0!==i?i:A.id,mainType:"user",type:"user"}}),e.checked&&{value:e.checked})}))};v((0,c.vR)(e,l)),E().widget.checkListRespond({id:t,type:"comment",idUser:null==A?void 0:A.id,uniqid:e,index:i}).then((()=>{g&&g()})).catch((e=>{M(e.message)}))})(e.uniqid,i,n)}),o&&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(Se,{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"}))))},Le=x.default.registry.getLazyComponent("WidgetTable"),Re=x.default.registry.getLazyComponent("Loader"),Oe=(o().div``,o().div`
|
|
246
|
+
position: absolute;
|
|
247
|
+
inset: 0;
|
|
248
|
+
display: flex;
|
|
249
|
+
flex-direction: column;
|
|
250
|
+
justify-content: center;
|
|
251
|
+
align-items: center;
|
|
252
|
+
gap: ${e=>e.theme.space.md}px;
|
|
253
|
+
`),De=o().div`
|
|
254
|
+
position: absolute;
|
|
255
|
+
inset: 0;
|
|
256
|
+
display: flex;
|
|
257
|
+
flex-direction: row;
|
|
258
|
+
justify-content: center;
|
|
259
|
+
align-items: center;
|
|
260
|
+
gap: ${e=>e.theme.space.md}px;
|
|
261
|
+
color: ${e=>e.theme.color.primary};
|
|
262
|
+
cursor: pointer;
|
|
263
|
+
opacity: 0;
|
|
264
|
+
border: 1px solid ${e=>e.theme.color.primary};
|
|
265
|
+
&:hover {
|
|
266
|
+
background-color: ${e=>e.theme.color.grey2};
|
|
267
|
+
opacity: 0.9;
|
|
268
|
+
}
|
|
269
|
+
`,je=({uniqid:e,uri:t,limit:i,tableHeadColor:r,tableHeadTextColor:o,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)([]),[T,A]=(0,n.useState)([]),M=(0,n.useMemo)((()=>c.x0.definition(f.WidgetsName.ExcelDatasourceTable)),[]);(0,n.useEffect)((()=>{void 0!==t&&0!==g.length&&0===T.length&&(W(!0),E().datasource.get(t,f.Format.VIEW).then((e=>{A(e.result.model),S(e.result.data)})).finally((()=>W(!1))))}),[t,g,T]),(0,n.useEffect)((()=>{t||A([])}),[t]);const I=(0,n.useCallback)((()=>{b(c.cr.slice.actions.flushAllEditor()),b(c.cr.slice.actions.registerEditor({uniqid:e,name:f.WidgetsName.ExcelDatasourceTable}))}),[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,T)),[g,T]);return 0!==g.length||k||"edit"!==v?k?l().createElement(Oe,null,l().createElement(Re,null)):l().createElement(l().Fragment,null,k||0!==q.length?l().createElement(Le,{rows:q,columns:_,limit:i,tableHeadColor:r,tableHeadTextColor:o,tableHeadIconColor:d,tableRowColor:u,tableRowTextColor:m,tableBorderRadius:p,tableColumnsData:g,tableSizedColumns:y,tableSizedColumnsWidth:h}):l().createElement(Oe,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(De,{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(Oe,{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(De,{onClick:I},l().createElement(s.JRCHtml,{__html:`${x.formatMessage({id:"WIDGET_Set_Widget"})} <b>${x.formatMessage({id:M.label})}</b>`})))},$e=o().button`
|
|
270
|
+
padding: ${e=>e.theme.space.md}px;
|
|
271
|
+
`,Fe=o().div`
|
|
272
|
+
padding: ${e=>e.theme.space.md}px;
|
|
273
|
+
display: flex;
|
|
274
|
+
flex-direction: row-reverse;
|
|
275
|
+
`,ze=({id:e,type:t,uniqid:i})=>{const r=(0,d.useDispatch)(),o=(0,a.useIntl)(),[u,m]=(0,n.useState)(!1);return l().createElement(l().Fragment,null,l().createElement($e,{onClick:()=>m(!0)},l().createElement(s.JRCTooltip,{description:o.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:o.formatMessage({id:"WIDGET_Remove_Widget"}),onClickIconClose:()=>m(!1)},o.formatMessage({id:"WIDGET_Delete_Widget_Confirmation"})),l().createElement(Fe,null,l().createElement(s.JRCButton,{label:o.formatMessage({id:"GLOBAL_Confirm"}),onClick:()=>{E().widget.removeWidget({id:e,type:t,uniqid:i}).then((()=>{r(c.x0.slice.actions.flushWidget({uniqid:i}))})).catch((()=>r(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}}))))},Je=o().div`
|
|
276
|
+
display: flex;
|
|
277
|
+
flex: 1;
|
|
278
|
+
flex-direction: row;
|
|
279
|
+
border-top: 1px solid ${e=>e.theme.color.grey1};
|
|
280
|
+
`,Ge=o().button`
|
|
281
|
+
padding: ${e=>e.theme.space.md}px;
|
|
282
|
+
display: flex;
|
|
283
|
+
flex: 1;
|
|
284
|
+
justify-content: center;
|
|
285
|
+
align-items: center;
|
|
286
|
+
background-color: ${e=>e.theme.color.white};
|
|
287
|
+
&:hover {
|
|
288
|
+
background-color: ${e=>e.theme.color.grey1};
|
|
289
|
+
}
|
|
290
|
+
`,Be=({id:e,type:t,name:i,uniqid:r})=>{const o=(0,a.useIntl)(),s=(0,d.useDispatch)(),u=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObject(e,r)),d.shallowEqual),m=(0,d.useSelector)((e=>c.x0.selectors.selectWidgetObjectRights(e,r)),d.shallowEqual),g=(0,n.useMemo)((()=>u&&m&&m.update),[u,m]),p=(0,n.useCallback)((()=>{s(c.cr.slice.actions.registerEditor({uniqid:r,name:i,onSave:e=>{u&&u.id&&u.type&&(0,f.ensureWidgetPresenceContent)(e)&&E().widget.updateWidget({id:u.id,type:u.type,uniqid:r,content:e,v2:!0}).catch((()=>s(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}}))}),[r,s,i,u]);return g?l().createElement(Je,null,l().createElement(Ge,{onClick:p},o.formatMessage({id:"WIDGET_Set_Widget"})),l().createElement(ze,{id:e,type:t,uniqid:r})):l().createElement(l().Fragment,null)};var He=i(347);const Ne=o().div`
|
|
291
|
+
padding: ${e=>e.theme.space.md}px;
|
|
292
|
+
`,Pe=o().a`
|
|
293
|
+
cursor: pointer;
|
|
294
|
+
color: ${e=>e.theme.color.secondary};
|
|
295
|
+
`,Ue=o().div`
|
|
296
|
+
display: flex;
|
|
297
|
+
justify-content: center;
|
|
298
|
+
align-items: center;
|
|
299
|
+
`,Ve=({mode:e,uniqid:t,isClosed:i})=>{const r=(0,a.useIntl)(),o=(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((()=>o(c.x0.slice.actions.updateWidget({uniqid:t,content:n})))).catch((()=>o(c.y8.actions.error({label:"WIDGET_Presence_Error"}))))}),[i,e,t,m,s,o]);return l().createElement(Ne,null,l().createElement(Ue,null,l().createElement(Pe,{onClick:g},r.formatMessage({id:"WIDGET_Presence_Closing"}))))},Qe=o().div`
|
|
300
|
+
display: flex;
|
|
301
|
+
flex: 1;
|
|
302
|
+
position: relative;
|
|
303
|
+
flex-direction: column;
|
|
304
|
+
`,Ke=o().div`
|
|
305
|
+
position: absolute;
|
|
306
|
+
inset: 0;
|
|
307
|
+
background-color: rgba(255, 255, 255, 0.7);
|
|
308
|
+
display: flex;
|
|
309
|
+
flex: 1;
|
|
310
|
+
justify-content: center;
|
|
311
|
+
align-items: center;
|
|
312
|
+
`,Xe=({widget:e,mode:t})=>{const i=(0,d.useDispatch)(),{limit:r,limitValue:o,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&&(r&&o&&m.userAvailableTotal>=o?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,r,o,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,He.A)(e.uniqid)}},l().createElement(Qe,null,l().createElement(s.JRCWidgetPresence,{limit:r,limitValue:o,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(Be,{id:b.id,type:b.type,uniqid:e.uniqid,name:e.name})))},Ye=o().div`
|
|
313
|
+
display: flex;
|
|
314
|
+
flex: 1;
|
|
315
|
+
flex-direction: column;
|
|
316
|
+
`,Ze=o().div`
|
|
317
|
+
padding: 0 ${e=>e.theme.space.md}px;
|
|
318
|
+
border-bottom: 1px solid ${e=>e.theme.color.grey1};
|
|
319
|
+
`,et=o().div`
|
|
320
|
+
padding: ${e=>e.theme.space.md}px;
|
|
321
|
+
border-bottom: 1px solid ${e=>e.theme.color.grey1};
|
|
322
|
+
`,tt=({widget:e,commentId:t,width:i,inplace:n=!1,mode:r="view",editRight:o,deleteRight:a,onWidgetUpdate:s,onRemove:c,cannotDisplayComponent:d})=>{const{name:u}=e;return(0,f.ensureWidgetArticleButtonType)(e)?l().createElement(Z,{widget:e,inplace:n,mode:r}):(0,f.ensureWidgetArticleGalleryType)(e)?l().createElement(ne,{widget:e,inplace:n,mode:r}):(0,f.ensureWidgetArticleAttachmentType)(e)?l().createElement(K,{widget:e,inplace:n,mode:r}):(0,f.ensureWidgetArticleImageType)(e)?l().createElement(de,{widget:e,inplace:n,mode:r}):(0,f.ensureWidgetArticleSliderType)(e)?l().createElement(fe,{widget:e,inplace:n,mode:r,width:null!=i?i:800}):(0,f.ensureWidgetArticleTitleType)(e)?l().createElement(we,{widget:e,inplace:n,mode:r}):(0,f.ensureWidgetArticleTextType)(e)?l().createElement(he,{widget:e,inplace:n,mode:r}):(0,f.ensureWidgetExcelDatasourceTableType)(e)?l().createElement(je,Object.assign({},e.content,{uniqid:e.uniqid,mode:r})):(0,f.ensureWidgetDatasourceTableType)(e)?l().createElement(H,Object.assign({},e.content,{uniqid:e.uniqid,mode:r})):(0,f.ensureWidgetCheckListType)(e)?l().createElement(_e,{widget:e,commentId:t,inplace:n,mode:r,editRight:null!=o&&o,deleteRight:null!=a&&a,onRemove:c,onWidgetUpdate:s}):(0,f.ensureWidgetPresenceType)(e)?l().createElement(Ye,null,"edit"===r?l().createElement(nt,{uniqid:e.uniqid}):l().createElement(it,{uniqid:e.uniqid}),l().createElement(Xe,{widget:e,inplace:n,mode:r})):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),r=(0,d.useDispatch)(),{control:o,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=>{r(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:t.title}))}));return()=>t.unsubscribe()}),[u,r,e]),l().createElement(Ze,null,l().createElement(s.JRCInputText,{name:"title",control:o,placeholder:i.formatMessage({id:"GLOBAL_Title"})}))},lt=o().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
|
+
`,rt=({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(ot,{uniqid:e,key:t,mode:"edit"}))))},ot=({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)(),r=(0,d.useSelector)((t=>t.widgets.ids[e]),d.shallowEqual),o=(0,d.useSelector)((e=>e.widgets.layers[t]));return r&&o&&o.position?"view"===i?l().createElement("div",{style:{position:"absolute",top:o.position.y,left:o.position.x}},l().createElement(gt,{uniqid:e,widget:r,mode:i,inplace:!0})):l().createElement(st,{position:{x:o.position.x,y:o.position.y},onMouseUp:e=>{(o.position&&o.position.x!==e.x||o.position&&o.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}))})(r.widget.uniqid,r.widget.name)},l().createElement(gt,{uniqid:e,widget:r,mode:i,inplace:!0}))):l().createElement(l().Fragment,null)},st=({position:e,children:t,onMouseUp:i})=>{const[r,o]=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=>{o(!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(r&&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,r,c.x,c.y]),E=(0,n.useCallback)((()=>{o(!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))),r=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:r.img}))},ut=(o().div`
|
|
329
|
+
height: 0;
|
|
330
|
+
overflow: hidden;
|
|
331
|
+
`,o().div`
|
|
332
|
+
color: ${e=>e.theme.color.grey3};
|
|
333
|
+
font-style: italic;
|
|
334
|
+
`,o().div`
|
|
335
|
+
display: flex;
|
|
336
|
+
flex: 1;
|
|
337
|
+
width: 100%;
|
|
338
|
+
border: 0;
|
|
339
|
+
min-height: ${50}px;
|
|
340
|
+
margin: 0;
|
|
341
|
+
align-items: center;
|
|
342
|
+
border-radius: ${8}px;
|
|
343
|
+
padding: 8px;
|
|
344
|
+
cursor: pointer;
|
|
345
|
+
gap: 10px;
|
|
346
|
+
color: ${e=>e.color?e.color:e.theme.font.color};
|
|
347
|
+
transition: opacity 0.4s;
|
|
348
|
+
|
|
349
|
+
&:hover {
|
|
350
|
+
img {
|
|
351
|
+
filter: grayscale(0);
|
|
352
|
+
opacity: 1;
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
img {
|
|
357
|
+
filter: grayscale(1);
|
|
358
|
+
opacity: 0.4;
|
|
359
|
+
}
|
|
360
|
+
`,o().div`
|
|
361
|
+
position: absolute;
|
|
362
|
+
inset: 0;
|
|
363
|
+
display: flex;
|
|
364
|
+
flex: 1;
|
|
365
|
+
justify-content: center;
|
|
366
|
+
align-items: center;
|
|
367
|
+
min-height: 200px;
|
|
368
|
+
`,o().div`
|
|
369
|
+
display: flex;
|
|
370
|
+
`),mt=({uniqid:e,widgetObject:t,commentId:i,widget:r,inplace:o=!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,He.x)(!1);if((0,n.useEffect)((()=>{t&&y(c.x0.slice.actions.registerWidgetObject({uniqid:e,object:t}))}),[]),(0,n.useEffect)((()=>{r&&y(c.x0.slice.actions.registerWidget({uniqid:e,widget:r}))}),[]),(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 o&&"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:o,mode:a,onClick:q,onRemove:p}),l().createElement(rt,{uniqid:e,mode:a}),l().createElement(dt,{name:h.widget.name,uniqid:h.widget.uniqid,inplace:o})):l().createElement(ut,{onClick:S},l().createElement(tt,{widget:Object.assign(Object.assign({},h.widget),h.title&&{title:h.title}),commentId:i,inplace:o,mode:a,width:s,onClick:q,editRight:u,deleteRight:m,onWidgetUpdate:g,onRemove:p,cannotDisplayComponent:E}),l().createElement(rt,{uniqid:e,mode:a}),l().createElement(dt,{name:h.widget.name,uniqid:h.widget.uniqid,inplace:o}))},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,r){function o(e){try{s(n.next(e))}catch(e){r(e)}}function a(e){try{s(n.throw(e))}catch(e){r(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(o,a)}s((n=n.apply(e,t||[])).next())}))};const bt=o().div`
|
|
371
|
+
display: flex;
|
|
372
|
+
flex-direction: column;
|
|
373
|
+
gap: 4px;
|
|
374
|
+
flex: 1;
|
|
375
|
+
width: 100%;
|
|
376
|
+
margin-top: 10px;
|
|
377
|
+
`,Ct=o().div`
|
|
378
|
+
border-radius: ${e=>e.theme.space.sm}px;
|
|
379
|
+
border: 1px solid ${e=>e.theme.color.grey1};
|
|
380
|
+
background-color: ${e=>e.theme.color.white};
|
|
381
|
+
overflow: hidden;
|
|
382
|
+
`,wt=({articleId:e,variant:t="inline",canComment:i})=>{var o;const u=(0,a.useIntl)(),m=(0,r.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),T=(0,d.useSelector)(c.OD.selectors.selectPlatformConfig),A=(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),[]),r=(0,n.useMemo)((()=>c.Mw.getCommentsLikeRTHandlers(i,e,t)),[i,e,t]);(0,n.useEffect)((()=>(r.forEach((e=>{l.onMessage(e.namespace,e.function,e.handler)})),()=>{r.forEach((e=>{l.offMessage(e.namespace,e.function,e.handler)}))})),[r,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===(o=null==R?void 0:R.autorize)||void 0===o?void 0:o.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,r=!0,o,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:o,widget:i,inplace:r,mode:n,editRight:a,deleteRight:d,onWidgetUpdate:D,onRemove:t=>{E().widget.removeWidget({id:o,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:T.userHighlightFields,userAccountStatus:T.userAccountStatus,userModel:S.find((e=>"user"===e.type)),isWedocActive:!!A,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)}}),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=r.css`
|
|
383
|
+
height: 100%;
|
|
384
|
+
display: flex;
|
|
385
|
+
flex-direction: column;
|
|
386
|
+
justify-content: space-between;
|
|
387
|
+
`,St=o().div`
|
|
388
|
+
${({stretch:e})=>e&&qt}
|
|
389
|
+
`,Tt=o().form`
|
|
390
|
+
${({stretch:e})=>e&&qt}
|
|
391
|
+
`,At=n.forwardRef(((e,t)=>e.onSubmit?n.createElement(Tt,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):n.createElement(St,{stretch:e.stretch,ref:t},e.children))),Mt=o().div`
|
|
392
|
+
${e=>e.stretch&&"\n flex: 1;\n"}
|
|
393
|
+
`,It=n.forwardRef(((e,t)=>{const i=n.useRef(null),[l,r]=(0,kt.SC)(e.fields,e.type,e.forceMandatory),o=(0,D.useForm)({defaultValues:Object.assign(Object.assign({},r),e.defaultValues),criteriaMode:"all"}),{handleSubmit:a,control:s,reset:c}=o,d=Wt(o,["handleSubmit","control","reset"]),u=(0,n.useCallback)((e=>{const t={};return Object.keys(e).forEach((i=>{var n;const r=null===(n=l.find((e=>e.name===i)))||void 0===n?void 0:n.widget;switch(null==r?void 0:r.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(At,{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=(o().div`
|
|
394
|
+
margin-bottom: 24px;
|
|
395
|
+
`,o().div`
|
|
396
|
+
margin-bottom: 4px;
|
|
397
|
+
`,o().div`
|
|
398
|
+
position: absolute;
|
|
399
|
+
background-color: ${e=>e.isActive?"rgba(0,0,0,.1)":"transparent"};
|
|
400
|
+
inset: 0;
|
|
401
|
+
pointer-events: ${e=>e.isActive?"all":"none"};
|
|
402
|
+
flex: 1;
|
|
403
|
+
display: flex;
|
|
404
|
+
overflow: hidden;
|
|
405
|
+
`),Lt=o().div`
|
|
406
|
+
flex-direction: row;
|
|
407
|
+
display: flex;
|
|
408
|
+
min-height: 60px;
|
|
409
|
+
border-bottom: 1px solid ${e=>e.theme.color.grey2};
|
|
410
|
+
`,Rt=o().div`
|
|
411
|
+
width: 60px;
|
|
412
|
+
display: flex;
|
|
413
|
+
align-items: center;
|
|
414
|
+
justify-content: center;
|
|
415
|
+
`,Ot=o().div`
|
|
416
|
+
flex: 1;
|
|
417
|
+
display: flex;
|
|
418
|
+
align-items: center;
|
|
419
|
+
justify-content: center;
|
|
420
|
+
`,Dt=o().div`
|
|
421
|
+
position: relative;
|
|
422
|
+
overflow: hidden;
|
|
423
|
+
top: 91px;
|
|
424
|
+
width: ${460}px;
|
|
425
|
+
`,jt=o().div`
|
|
426
|
+
position: absolute;
|
|
427
|
+
top: 0;
|
|
428
|
+
${e=>"left"===e.position?"left: 0px;":""}
|
|
429
|
+
${e=>"right"===e.position?"right: -1000px;":""}
|
|
430
|
+
width: ${440}px;
|
|
431
|
+
bottom: 90px;
|
|
432
|
+
display: flex;
|
|
433
|
+
background-color: ${e=>e.theme.color.white};
|
|
434
|
+
flex-direction: row;
|
|
435
|
+
transition: all 0.4s;
|
|
436
|
+
box-shadow: -4px 0px 20px 0px #00000017;
|
|
437
|
+
|
|
438
|
+
&.animate {
|
|
439
|
+
right: 0px;
|
|
440
|
+
}
|
|
441
|
+
`,$t=o().div`
|
|
442
|
+
flex: 1;
|
|
443
|
+
display: flex;
|
|
444
|
+
flex-direction: row;
|
|
445
|
+
padding: 12px;
|
|
446
|
+
overflow: auto;
|
|
447
|
+
margin-bottom: 12px;
|
|
448
|
+
`,Ft=o().div`
|
|
449
|
+
position: absolute;
|
|
450
|
+
inset: 0;
|
|
451
|
+
background-color: rgba(255, 255, 255, 0.8);
|
|
452
|
+
display: flex;
|
|
453
|
+
align-items: center;
|
|
454
|
+
justify-content: center;
|
|
455
|
+
`,zt=o().div`
|
|
456
|
+
width: ${50}px;
|
|
457
|
+
padding-top: 60px;
|
|
458
|
+
display: flex;
|
|
459
|
+
flex-direction: column;
|
|
460
|
+
border-right: 1px solid ${e=>e.theme.color.grey2};
|
|
461
|
+
`,Jt=o().button`
|
|
462
|
+
border-radius: 4px;
|
|
463
|
+
cursor: pointer;
|
|
464
|
+
height: 42px;
|
|
465
|
+
margin: 4px;
|
|
466
|
+
width: 42px;
|
|
467
|
+
display: flex;
|
|
468
|
+
align-items: center;
|
|
469
|
+
justify-content: center;
|
|
470
|
+
background-color: ${e=>e.isActive?e.theme.color.grey1:e.theme.color.white};
|
|
471
|
+
&:hover {
|
|
472
|
+
background-color: ${e=>e.theme.color.grey1};
|
|
473
|
+
}
|
|
474
|
+
`,Gt=(o().div`
|
|
475
|
+
display: flex;
|
|
476
|
+
border: 1px solid ${e=>e.theme.color.grey1};
|
|
477
|
+
border-radius: ${8}px;
|
|
478
|
+
margin-bottom: 24px;
|
|
479
|
+
input {
|
|
480
|
+
width: 100%;
|
|
481
|
+
border: 0;
|
|
482
|
+
height: ${50}px;
|
|
483
|
+
margin: 0;
|
|
484
|
+
}
|
|
485
|
+
`,o().div`
|
|
486
|
+
display: flex;
|
|
487
|
+
flex-direction: row;
|
|
488
|
+
padding: 12px;
|
|
489
|
+
background-color: ${e=>e.theme.color.grey0};
|
|
490
|
+
border-radius: 8px;
|
|
491
|
+
margin-bottom: 4px;
|
|
492
|
+
`),Bt=o().div`
|
|
493
|
+
display: flex;
|
|
494
|
+
flex: 1;
|
|
495
|
+
align-items: center;
|
|
496
|
+
`,Ht=o().div`
|
|
497
|
+
width: 40px;
|
|
498
|
+
display: flex;
|
|
499
|
+
justify-content: center;
|
|
500
|
+
align-items: center;
|
|
501
|
+
`,Nt=(o().div`
|
|
502
|
+
flex-direction: row;
|
|
503
|
+
display: flex;
|
|
504
|
+
align-items: center;
|
|
505
|
+
`,o().div`
|
|
506
|
+
flex: 1;
|
|
507
|
+
display: flex;
|
|
508
|
+
align-items: center;
|
|
509
|
+
`,({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(Jt,{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)}),Pt=x.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Ut=x.default.registry.getLazyComponent("WidgetArticleTextEditor"),Vt=x.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Qt=x.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),Kt=x.default.registry.getLazyComponent("WidgetArticleSliderEditor"),Xt=x.default.registry.getLazyComponent("WidgetArticleImageEditor"),Yt=x.default.registry.getLazyComponent("WidgetButtonEditor"),Zt=x.default.registry.getLazyComponent("WidgetCheckListEditor"),ei=x.default.registry.getLazyComponent("WidgetDatasourceTableEditor"),ti=x.default.registry.getLazyComponent("WidgetExcelDatasourceTableEditor"),ii=x.default.registry.getLazyComponent("WidgetPresenceEditor"),ni=({uniqid:e})=>{var t,i,n,r,o;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=t=>{g&&u(c.x0.slice.actions.updateWidget({uniqid:e,content:t})),u(c.cr.slice.actions.flushEditor({uniqid:e})),y&&y(t)},v=(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)))},b=t=>{u(c.cr.slice.actions.registerEditorPopup({uniqid:e,view:t}))},C=null==g?void 0:g.widget;if(!C)return null;if((0,f.ensureWidgetArticleButtonType)(C))return l().createElement(Yt,Object.assign({},C.content,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:()=>h({})}));if((0,f.ensureWidgetArticleGalleryType)(C))return l().createElement(Vt,{token:m,content:C.content,onChange:t=>u((0,c.vR)(e,t,!1)),onSave:h,onStateChange:v});if((0,f.ensureWidgetArticleAttachmentType)(C))return l().createElement(Qt,{token:m,content:C.content,onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:h,onStateChange:v,onOpen:b});if((0,f.ensureWidgetArticleImageType)(C))return l().createElement(Xt,{content:C.content,token:m,onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:h,onStateChange:v});if((0,f.ensureWidgetArticleSliderType)(C))return void 0!==m?l().createElement(Kt,{slides:null!==(t=C.content.slides)&&void 0!==t?t:[],loop:null!==(i=C.content.loop)&&void 0!==i&&i,useDots:null===(n=C.content.useDots)||void 0===n||n,onChange:t=>{u((0,c.vR)(e,t,!1))},token:m,onSave:h}):l().createElement(l().Fragment,null,"Token is mandatory");if((0,f.ensureWidgetArticleTitleType)(C))return l().createElement(Pt,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:h,content:C.content,onOpen:b});if((0,f.ensureWidgetArticleTextType)(C))return l().createElement(Ut,{onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:h,content:C.content});if((0,f.ensureWidgetPresenceType)(C))return l().createElement(ii,Object.assign({onChange:t=>{u((0,c.vR)(e,t,!1))},onSave:h,onStateChange:v},C.content));if((0,f.ensureWidgetCheckListType)(C))return l().createElement(Zt,{token:m,uniqid:C.uniqid,content:C.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((()=>{h(t)})).catch((e=>{var t;u(c.y8.actions.error({label:null!==(t=e.errorMsg)&&void 0!==t?t:s.formatMessage({id:"GLOBAL_Error"})}))})):h(t)}});if((0,f.ensureWidgetExcelDatasourceTableType)(C))return l().createElement(ti,Object.assign({},C.content,{uri:C.content.uri,limit:null!==(r=C.content.limit)&&void 0!==r?r:20,onSave:h,onChange:(t,i)=>u((0,c.vR)(e,t,null!=i&&i)),onStateChange:v,onError:e=>{u(c.y8.actions.error({label:e}))}}));if((0,f.ensureWidgetDatasourceTableType)(C)){const t=c.lg.selectors.selectById(x.default.store.getState(),"StudioHook"),i=c.lg.selectors.selectById(x.default.store.getState(),"FileBankHook");return l().createElement(ei,Object.assign({},C.content,{uri:C.content.uri,limit:null!==(o=C.content.limit)&&void 0!==o?o:20,editorAppDependencies:{useStudio:!!t,useFileBank:!!i},onSave:h,onChange:(t,i)=>u((0,c.vR)(e,t,null!=i&&i)),onStateChange:v,onError:e=>{u(c.y8.actions.error({label:e}))}}))}return l().createElement(l().Fragment,null,"cannot display editor")},li=({uniqid:e})=>{var t;const i=(0,d.useDispatch)(),n=(0,a.useIntl)(),r=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))))||void 0===t?void 0:t.widget,o=(null==r?void 0:r.content)&&"widgets"in r.content&&r.content.widgets?r.content.widgets:[];return l().createElement("div",{style:{flex:1}},l().createElement(ri,{uniqid:e}),r?o.map(((t,a)=>{const d=c.x0.definition(t.widget.name);return l().createElement("div",{key:a},l().createElement(Gt,null,l().createElement(Bt,{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(Ht,{onClick:()=>{i(c.x0.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},r.content),{widgets:[...o.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(ci,{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"}))},oi=({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"}))},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:{visible:!i.visible}}))}},l().createElement(s.JRCIcon,{name:i.visible?"icon-eye":"icon-eye-slash"}))},si=({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"}))},ci=({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 r=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"}},r.label),l().createElement(oi,{uniqid:e}),l().createElement(ai,{uniqid:e}),l().createElement(si,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},di=x.default.registry.getLazyComponent("Button"),ui=({uniqid:e})=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),n=(0,d.useSelector)((t=>c.x0.selectors.selectWidget(t,e))),[r,o]=l().useState(null==n?void 0:n.title),{control:u,watch:m}=(0,D.useForm)({defaultValues:{text:null!=r?r:""},criteriaMode:"all"});return l().useEffect((()=>{const e=m((e=>{o(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(di,{onClick:()=>{void 0!==r&&(i(c.x0.slice.actions.updateWidgetWrapper({uniqid:e,title:r})),i(c.cr.slice.actions.flushEditor({uniqid:e})))},minWidth:"100%"},t.formatMessage({id:"GLOBAL_Save"}))):l().createElement(l().Fragment,null,"No wrapper")},mi=x.default.registry.getLazyComponent("Loader"),gi=({uniqid:e})=>{var t;const i=null===(t=(0,d.useSelector)((t=>c.x0.selectors.selectWidgetState(t,e))))||void 0===t?void 0:t.busy;return l().createElement(l().Fragment,null,i&&l().createElement(Ft,null,l().createElement(mi,{size:"l"})))},pi=x.default.registry.getLazyComponent("Icon"),fi=({uniqid:e,position:t})=>{const i=(0,d.useDispatch)();return l().createElement(Rt,null,l().createElement(Jt,{onClick:()=>{i(c.cr.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(pi,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},Ei=({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)},yi=x.default.registry.getLazyComponent("Icon"),hi=({uniqid:e,position:t})=>{const i=(0,a.useIntl)(),r=(0,d.useDispatch)(),o=(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((()=>{o&&o.current&&(o.current.className=o.current.className+" animate")}),0)}),[]),s?l().createElement(Dt,null,l().createElement(jt,{ref:o,position:t},(u.panel.useWrapper||u.panel.useEditor||u.panel.useWidgets)&&l().createElement(zt,null,u.panel.useWrapper?l().createElement(Jt,{isActive:"wrapper"===m,onClick:()=>g("wrapper")},l().createElement(yi,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useEditor?l().createElement(Jt,{isActive:"default"===m,onClick:()=>g("default")},l().createElement(yi,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),u.panel.useWidgets?l().createElement(Ei,{uniqid:e},l().createElement(Jt,{isActive:"widgets"===m,onClick:()=>g("widgets")},l().createElement(yi,{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(fi,{uniqid:e,position:s.position}),l().createElement(Ot,null,i.formatMessage({id:u.label})),l().createElement(Rt,null,l().createElement(Jt,{onClick:()=>{r(c.cr.slice.actions.flushEditor({uniqid:e}))}},l().createElement(yi,{name:"icon-times",color:"grey2"})))),l().createElement($t,null,"default"===m&&u.panel.useEditor?l().createElement(ni,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"wrapper"===m&&u.panel.useWrapper?l().createElement(ui,{uniqid:s.uniqid}):l().createElement(l().Fragment,null),"widgets"===m&&u.panel.useWidgets?l().createElement(li,{uniqid:e,namespace:u.name}):l().createElement(l().Fragment,null),l().createElement(gi,{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)},vi=o().div`
|
|
510
|
+
position: absolute;
|
|
511
|
+
inset: 0;
|
|
512
|
+
pointer-events: none;
|
|
513
|
+
z-index: 1;
|
|
514
|
+
`,xi=o().div`
|
|
515
|
+
flex: 1;
|
|
516
|
+
display: flex;
|
|
517
|
+
margintop: ${90}px;
|
|
518
|
+
pointer-events: ${e=>e.isActive?"all":"none"};
|
|
519
|
+
`,bi=o().div`
|
|
520
|
+
flex: 1;
|
|
521
|
+
display: flex;
|
|
522
|
+
flex-direction: row;
|
|
523
|
+
pointer-events: none;
|
|
524
|
+
`,Ci=o().div`
|
|
525
|
+
width: ${440}px;
|
|
526
|
+
pointer-events: none;
|
|
527
|
+
`,wi=()=>{const e=(0,d.useSelector)(c.cr.selectors.selectEditors,d.shallowEqual);return l().createElement(vi,{className:"editor-portal-wrapper"},e.map(((e,t)=>"left"===e.position?l().createElement(_t,{isActive:!1,key:t},l().createElement(bi,null,l().createElement(hi,{uniqid:e.uniqid,position:e.position}),l().createElement(xi,{isActive:void 0!==e.popup},l().createElement(Nt,{uniqid:e.uniqid})),l().createElement(Ci,null))):l().createElement(_t,{isActive:!1,key:t},l().createElement(bi,null,l().createElement(Ci,null),l().createElement(xi,{isActive:void 0!==e.popup},l().createElement(Nt,{uniqid:e.uniqid})),l().createElement(hi,{uniqid:e.uniqid,position:e.position}))))))},ki=()=>n.createElement(n.Fragment,null),Wi=()=>{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)}}))}),[]),r=(0,n.useCallback)(((e,t)=>new Promise(((i,n)=>{l({reject:n,resolve:i,text:e,capability:t})}))),[l]),o=(0,n.useMemo)((()=>({develop:e=>r(e,"develop"),summarize:e=>r(e,"summarize"),tldr:e=>r(e,"tldr"),en:e=>r(e,"en"),es:e=>r(e,"es"),formal:e=>r(e,"formal"),funny:e=>r(e,"funny")})),[r]);return[e,(0,n.useMemo)((()=>s.JTinyMCEExtensionsBuilders.jia(o,i)),[i,o])]},qi=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),o=(0,r.useTheme)(),u=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=Wi(),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,o,E)),[u,E,o]),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}))},Si=e=>{const t=(0,a.useIntl)(),i=(0,d.useDispatch)(),o=(0,r.useTheme)(),u=(0,d.useSelector)(c.Kx.selectors.selectAll),[m,g]=Wi(),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,o,E)),[u,E,o]),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}))},Ti=({open:e,closeHandler:t,title:i,control:n,warningMessage:r,onSubmit:o,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(),o()}}]},l().createElement(s.JRCMessage,{variant:"warning",message:null!=r?r: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 Ai=i(737);const Mi=x.default.registry.getLazyComponent("Container"),Ii=x.default.registry.getLazyComponent("AppColumn"),_i=x.default.registry.getLazyComponent("MainColumn");function Li({extensionRoute:e,routes:t,description:i,mode:l="center"}){var r;const o=(0,a.useIntl)(),{pathname:s}=(0,Ai.useLocation)(),c=(0,n.useMemo)((()=>Object.values(t)),[t]),[d,u]=n.useState(null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.key),m=c.map((t=>Object.assign(Object.assign({},t),{label:o.formatMessage({id:t.label}),href:t.absolutePath?t.path:`/ng/rr/${e}/${t.path}`,group:t.group?o.formatMessage({id:t.group}):void 0})));return 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,Ai.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(Mi,{mode:l},n.createElement(Ii,{mode:l,description:i,tabs:m,activeTab:d||""}),n.createElement(_i,{mode:l},n.createElement(Ai.Outlet,null))))}}}]);
|
|
528
|
+
//# sourceMappingURL=746.bundle.js.map
|