jamespot-react-core 1.1.127 → 1.1.128

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.
@@ -0,0 +1,242 @@
1
+ "use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[597],{597:(e,t,n)=>{n.r(t),n.d(t,{DisplayForm:()=>E,EditorsPortal:()=>ie,Empty:()=>le,JRCInputTinyMCEWithExt:()=>ce,TwoColLayout:()=>ge,WidgetList:()=>tt,WidgetWrapperCore:()=>Be});var i=n(363),l=n.n(i),o=n(230),a=n(603),r=n(754),c=n.n(r),s=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)t.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(n[i[l]]=e[i[l]])}return n};const d=r.css`
2
+ height: 100%;
3
+ display: flex;
4
+ flex-direction: column;
5
+ justify-content: space-between;
6
+ `,u=c().div`
7
+ ${({stretch:e})=>e&&d}
8
+ `,m=c().form`
9
+ ${({stretch:e})=>e&&d}
10
+ `,g=i.forwardRef(((e,t)=>e.onSubmit?i.createElement(m,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):i.createElement(u,{stretch:e.stretch,ref:t},e.children))),p=c().div`
11
+ ${e=>e.stretch&&"\n flex: 1;\n"}
12
+ `,E=i.forwardRef(((e,t)=>{const n=i.useRef(null),[l,r]=(0,a.GF)(e.fields,e.type),c=(0,o.useForm)({defaultValues:Object.assign(Object.assign({},r),e.defaultValues),criteriaMode:"all"}),{handleSubmit:d,control:u,reset:m}=c,E=s(c,["handleSubmit","control","reset"]);return i.useImperativeHandle(t,(()=>Object.assign(Object.assign({},E),{handleSubmit:d,control:u,reset:()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.scrollTo(0,0),m()}})),[]),i.createElement(g,{stretch:e.stretch,onSubmit:e.onSubmit?d(e.onSubmit):void 0,ref:n},i.createElement(p,{stretch:e.stretch},l.map((t=>{var{Input:n}=t,l=s(t,["Input"]);return i.createElement(n,Object.assign({key:l.name,control:u},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(u)),e.buttons)}));var f=n(855),y=n(774);c().div`
13
+ margin-bottom: 24px;
14
+ `,c().div`
15
+ margin-bottom: 4px;
16
+ `;const v=c().div`
17
+ position: absolute;
18
+ background-color: ${e=>e.isActive?"rgba(0,0,0,.1)":"transparent"};
19
+ inset: 0;
20
+ pointer-events: ${e=>e.isActive?"all":"none"};
21
+ flex: 1;
22
+ display: flex;
23
+ overflow: hidden;
24
+ `,h=c().div`
25
+ flex-direction: row;
26
+ display: flex;
27
+ min-height: 60px;
28
+ border-bottom: 1px solid ${e=>e.theme.color.grey2};
29
+ `,w=c().div`
30
+ width: 60px;
31
+ display: flex;
32
+ align-items: center;
33
+ justify-content: center;
34
+ `,b=c().div`
35
+ flex: 1;
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: center;
39
+ `,x=c().div`
40
+ position: absolute;
41
+ top: 90px;
42
+ right: ${e=>e.visible?"0":"-1000"}px;
43
+ width: ${440}px;
44
+ bottom: 0;
45
+ display: flex;
46
+ background-color: ${e=>e.theme.color.white};
47
+ flex-direction: row;
48
+ transition: all 0.4s;
49
+ box-shadow: -1px 1px 10px 0px rgb(0 0 0 / 20%);
50
+ `,C=c().div`
51
+ flex: 1;
52
+ display: flex;
53
+ flex-direction: row;
54
+ padding: 12px;
55
+ overflow: auto;
56
+ margin-bottom: 40px;
57
+ `,L=c().div`
58
+ width: ${50}px;
59
+ padding-top: 60px;
60
+ display: flex;
61
+ flex-direction: column;
62
+ border-right: 1px solid ${e=>e.theme.color.grey2};
63
+ `,q=c().button`
64
+ border-radius: 4px;
65
+ cursor: pointer;
66
+ height: 42px;
67
+ margin: 4px;
68
+ width: 42px;
69
+ display: flex;
70
+ align-items: center;
71
+ justify-content: center;
72
+ background-color: ${e=>e.isActive?e.theme.color.grey1:e.theme.color.white};
73
+ &:hover {
74
+ background-color: ${e=>e.theme.color.grey1};
75
+ }
76
+ `,$=(c().div`
77
+ display: flex;
78
+ border: 1px solid ${e=>e.theme.color.grey1};
79
+ border-radius: ${8}px;
80
+ margin-bottom: 24px;
81
+ input {
82
+ width: 100%;
83
+ border: 0;
84
+ height: ${50}px;
85
+ margin: 0;
86
+ }
87
+ `,c().div`
88
+ display: flex;
89
+ flex-direction: row;
90
+ padding: 12px;
91
+ background-color: ${e=>e.theme.color.grey0};
92
+ border-radius: 8px;
93
+ margin-bottom: 4px;
94
+ `),k=c().div`
95
+ display: flex;
96
+ flex: 1;
97
+ align-items: center;
98
+ `,W=c().div`
99
+ width: 40px;
100
+ display: flex;
101
+ justify-content: center;
102
+ align-items: center;
103
+ `;c().div`
104
+ flex-direction: row;
105
+ display: flex;
106
+ align-items: center;
107
+ `,c().div`
108
+ flex: 1;
109
+ display: flex;
110
+ align-items: center;
111
+ `;var S=n(317);const I=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>S.Wq.selectors.selectEditor(t,e)));return n&&n.popup&&n.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(h,null,l().createElement(w,null),l().createElement(b,null,"Popup"),l().createElement(w,null,l().createElement(q,{onClick:()=>{t(S.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(y.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},n.view),l().createElement(h,null,l().createElement(y.JRCButton,{onClick:()=>{t(S.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)};var T=n(203);const A=T.default.registry.getLazyComponent("WidgetArticleTitleEditor"),_=T.default.registry.getLazyComponent("WidgetArticleImageEditor"),D=T.default.registry.getLazyComponent("WidgetArticleTextEditor"),F=T.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),j=T.default.registry.getLazyComponent("WidgetArticleButtonEditor"),O=T.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),R=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)(S.$L.selectors.selectToken),i=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),o=n=>{i&&t(S.$L.slice.actions.updateWidget({uniqid:e,content:n})),t(S.Wq.slice.actions.flushEditor({uniqid:e}))},a=(n,i)=>t(S.$L.slice.actions.updateWidget({uniqid:e,content:n,override:i})),r=(n,i)=>{t(void 0!==i?S.$L.slice.actions.setWidgetState(Object.assign({uniqid:i},n)):S.$L.slice.actions.setWidgetState(Object.assign({uniqid:e},n)))},c=n=>{t(S.Wq.slice.actions.registerEditorPopup({uniqid:e,view:n}))};switch(null==i?void 0:i.widget.name){default:return l().createElement(l().Fragment,null,"cannot display editor");case S.$L.const.WIDGET_ARTICLE_BUTTON:return l().createElement(j,{content:i.widget.content,onChange:a,onSave:o,onStateChange:r});case S.$L.const.WIDGET_ARTICLE_ATTACHMENT:return l().createElement(O,{token:n,content:i.widget.content,onChange:a,onSave:o,onStateChange:r,onOpen:c});case S.$L.const.WIDGET_ARTICLE_GALLERY:return l().createElement(F,{token:n,content:i.widget.content,onChange:a,onSave:o,onStateChange:r});case S.$L.const.WIDGET_ARTICLE_TEXT:return l().createElement(D,{onChange:a,onSave:o,content:i.widget.content});case S.$L.const.WIDGET_ARTICLE_IMAGE:return l().createElement(_,{content:i.widget.content,token:n,onChange:a,onSave:o,onStateChange:r});case S.$L.const.WIDGET_ARTICLE_TITLE:return l().createElement(A,{onChange:a,onSave:o,content:i.widget.content,onOpen:c})}};var M=n(181);const G=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,M.useIntl)(),i=(0,f.useSelector)((t=>S.$L.selectors.selectWidgetContent(t,e)));return l().createElement("div",{style:{flex:1}},l().createElement(z,{uniqid:e}),i&&i.widgets?i.widgets.map(((o,a)=>{const r=S.$L.definition(o.widget.name);return l().createElement("div",{key:a},l().createElement($,null,l().createElement(k,{onClick:()=>((e,n)=>{t(S.Wq.slice.actions.registerEditor({uniqid:e,name:n}))})(o.widget.uniqid,o.widget.name)},n.formatMessage({id:r.label})),l().createElement(W,{onClick:()=>{i.widgets&&t(S.$L.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},i),{widgets:[...i.widgets.filter(((e,t)=>t!==a))]})}))}},l().createElement(y.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},z=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>t.widgets.ids[e].widget.layers),f.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(y.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(H,{uniqid:e,key:t}),elms:n||[]}),l().createElement(tt,{namespace:"default",onChange:n=>{t(S.$L.slice.actions.registerLayer({uniqid:e,widget:n}))},mode:"button"}))},U=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(S.$L.slice.actions.updateLayer({uniqid:e,props:{locked:!n.locked}}))}},l().createElement(y.JRCIcon,{name:n.locked?"icon-lock":"icon-unlock"}))},B=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(S.$L.slice.actions.updateLayer({uniqid:e,props:{visible:!n.visible}}))}},l().createElement(y.JRCIcon,{name:n.visible?"icon-eye":"icon-eye-slash"}))},P=({uniqid:e,layerId:t})=>{const n=(0,f.useDispatch)();return l().createElement("div",{onClick:()=>{n(S.$L.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(y.JRCIcon,{name:"icon-trash"}))},H=({uniqid:e})=>{const t=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((n,i)=>{const o=S.$L.definition(n.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:i},l().createElement("div",{style:{flex:1,alignItems:"center"}},o.label),l().createElement(U,{uniqid:e}),l().createElement(B,{uniqid:e}),l().createElement(P,{uniqid:n.widget.uniqid,layerId:t.uniqid}))})))},V=T.default.registry.getLazyComponent("Button"),N=({uniqid:e})=>{const t=(0,M.useIntl)(),n=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),[a,r]=l().useState(null==i?void 0:i.title),{control:c,watch:s}=(0,o.useForm)({defaultValues:{text:null!=a?a:""},criteriaMode:"all"});return l().useEffect((()=>{const e=s((e=>{r(e.text)}));return()=>e.unsubscribe()}),[s]),i?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(y.JRCInputText,{name:"text",control:c,placeholder:t.formatMessage({id:"EDITOR_Widget_Wrapper_Title"})}),l().createElement(V,{onClick:()=>{void 0!==a&&(n(S.$L.slice.actions.updateWidgetWrapper({uniqid:e,title:a})),n(S.Wq.slice.actions.flushEditor({uniqid:e})))},variant:"outlined",minWidth:"100%"},t.formatMessage({id:"EDITOR_Save_Widget"}))):l().createElement(l().Fragment,null,"No wrapper")},X=T.default.registry.getLazyComponent("Icon"),Y=({uniqid:e})=>{const t=(0,M.useIntl)(),n=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>S.Wq.selectors.selectEditor(t,e))),o=S.$L.definition(null==i?void 0:i.name),[a,r]=l().useState(!1),[c,s]=l().useState("default");return l().useEffect((()=>{setTimeout((()=>{r(!0)}),0)})),i?l().createElement("div",{style:{width:440,position:"relative"}},l().createElement(x,{visible:a},l().createElement(L,null,o.panel.useWrapper?l().createElement(q,{isActive:"wrapper"===c,onClick:()=>s("wrapper")},l().createElement(X,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),o.panel.useEditor?l().createElement(q,{isActive:"default"===c,onClick:()=>s("default")},l().createElement(X,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),o.panel.useWidgets?l().createElement(K,{uniqid:e},l().createElement(q,{isActive:"widgets"===c,onClick:()=>s("widgets")},l().createElement(X,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(h,null,l().createElement(Q,{uniqid:e,position:i.position}),l().createElement(b,null,t.formatMessage({id:o.label})),l().createElement(w,null,l().createElement(q,{onClick:()=>{n(S.Wq.slice.actions.flushEditor({uniqid:e}))}},l().createElement(X,{name:"icon-times",color:"grey2"})))),l().createElement(C,null,"default"===c&&o.panel.useEditor?l().createElement(R,{uniqid:i.uniqid}):l().createElement(l().Fragment,null),"wrapper"===c&&o.panel.useWrapper?l().createElement(N,{uniqid:i.uniqid}):l().createElement(l().Fragment,null),"widgets"===c&&o.panel.useWidgets?l().createElement(G,{uniqid:e,namespace:o.name}):l().createElement(l().Fragment,null)))),(null==i?void 0:i.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},Q=({uniqid:e,position:t})=>{const n=(0,f.useDispatch)();return l().createElement(w,null,l().createElement(q,{onClick:()=>{n(S.Wq.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(X,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},K=({uniqid:e,children:t})=>{const n=(0,f.useSelector)((t=>S.$L.selectors.selectWidgetState(t,e)));return(null==n?void 0:n.initialized)?t:l().createElement(l().Fragment,null)},Z=c().div`
112
+ position: absolute;
113
+ inset: 0;
114
+ pointer-events: none;
115
+ z-index: 100;
116
+ `,ee=c().div`
117
+ flex: 1;
118
+ display: flex;
119
+ margintop: ${90}px;
120
+ pointer-events: ${e=>e.isActive?"all":"none"};
121
+ `,te=c().div`
122
+ flex: 1;
123
+ display: flex;
124
+ flex-direction: row;
125
+ pointer-events: none;
126
+ `,ne=c().div`
127
+ width: ${440}px;
128
+ pointer-events: none;
129
+ `,ie=()=>{const e=(0,f.useSelector)(S.Wq.selectors.selectEditors);return l().createElement(Z,null,e.map(((e,t)=>"left"===e.position?l().createElement(v,{isActive:!1,key:t},l().createElement(te,null,l().createElement(Y,{uniqid:e.uniqid}),l().createElement(ee,{isActive:void 0!==e.popup},l().createElement(I,{uniqid:e.uniqid})),l().createElement(ne,null))):l().createElement(v,{isActive:!1,key:t},l().createElement(te,null,l().createElement(ne,null),l().createElement(ee,{isActive:void 0!==e.popup},l().createElement(I,{uniqid:e.uniqid})),l().createElement(Y,{uniqid:e.uniqid}))))))},le=()=>i.createElement(i.Fragment,null),oe={response:void 0,loading:!0,error:void 0};let ae;const re=({query:e})=>{const t=(0,M.useIntl)(),[n,o]=(0,i.useState)(oe),a=(0,i.useCallback)((e=>{var t,n;o(oe),(t=e.text,n=e.capability,ae&&clearTimeout(ae),new Promise(((e,i)=>{ae=window.setTimeout((()=>{e(`${n} ${t}`)}),3e3)}))).then((e=>{o({error:void 0,loading:!1,response:e})})).catch((e=>{o({error:"error calling AI",loading:!1,response:void 0})}))}),[]);return(0,i.useEffect)((()=>{e&&e.text.trim().length>0&&a(e)}),[e]),l().createElement(y.JRCModal,{open:!!e,closeHandler:()=>{null==e||e.reject()},buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&a(e)}},{children:t.formatMessage({id:"GLOBAL_Validation"}),clickHandler:()=>n.response&&(null==e?void 0:e.resolve(n.response))},{children:t.formatMessage({id:"GLOBAL_Cancel"}),clickHandler:()=>null==e?void 0:e.reject()}]},n.loading&&l().createElement(y.JRCLoader,null),!n.loading&&n.error&&l().createElement("p",null,t.formatMessage({id:"GLOBAL_Error"})),!n.loading&&n.response&&l().createElement("p",null,n.response))},ce=e=>{const t=(0,M.useIntl)(),n=(0,f.useDispatch)(),o=(0,r.useTheme)(),a=(0,f.useSelector)(S.Hn.selectors.selectAll),[c,s]=(()=>{const[e,t]=(0,i.useState)(),n=(0,i.useCallback)((e=>{t(Object.assign(Object.assign({},e),{reject:n=>{e.reject(n),t(void 0)},resolve:n=>{e.resolve(n),t(void 0)}}))}),[]),l=(0,i.useMemo)((()=>({develop:e=>new Promise(((t,i)=>{n({reject:i,resolve:t,text:e,capability:"develop"})})),summarize:e=>new Promise(((t,i)=>{n({reject:i,resolve:t,text:e,capability:"summarize"})})),tldr:e=>new Promise(((t,i)=>{n({reject:i,resolve:t,text:e,capability:"tldr"})}))})),[]);return[e,(0,i.useMemo)((()=>y.JTinyMCEExtensionsBuilders.jia(l)),[])]})(),d=(0,i.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}),[]),u=(0,i.useMemo)((()=>d?[s]:[]),[s,d]),m=(0,i.useCallback)((e=>{n(S.FN.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[]),g=(0,i.useMemo)((()=>(0,T.getTinyMCEMentionsQueries)(a,o,m)),[]),p=(0,i.useMemo)((()=>T.default.tinymceCommonOptions),[T.default.tinymceCommonOptions]);return l().createElement(l().Fragment,null,p&&l().createElement(y.JRCInputTinyMCE,Object.assign({commonOptions:p,additionalExtensions:u,mentionsQueries:g},e)),l().createElement(re,{query:c}))};var se=n(248);const de=T.default.registry.getLazyComponent("Container"),ue=T.default.registry.getLazyComponent("AppColumn"),me=T.default.registry.getLazyComponent("MainColumn");function ge({extensionRoute:e,routes:t,description:n,mode:l="center"}){var o;const a=(0,M.useIntl)(),{pathname:r}=(0,se.useLocation)(),c=Object.values(t),[s,d]=i.useState(null===(o=null==c?void 0:c[0])||void 0===o?void 0:o.key),u=c.map((t=>Object.assign(Object.assign({},t),{label:a.formatMessage({id:t.label}),href:t.absolutePath?t.path:`/ng/rr/${e}/${t.path}`,group:t.group?a.formatMessage({id:t.group}):void 0})));return i.useEffect((()=>{const t=c.find((t=>r===`/ng/rr/${e}/${t.path}`));t&&d(t.key)}),[r]),i.createElement(i.Suspense,{fallback:i.createElement(i.Fragment,null)},i.createElement(de,{mode:l},i.createElement(ue,{mode:l,description:n,tabs:u,activeTab:s||""}),i.createElement(me,{mode:l},i.createElement(se.Outlet,null))))}const pe=T.default.registry.getLazyComponent("Loader"),Ee=({name:e,uniqid:t,inplace:n})=>{const i=(0,f.useSelector)((e=>S.$L.selectors.selectWidgetState(e,t))),o=S.$L.definition(e);return(null==i?void 0:i.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(pe,null)):(null==i?void 0:i.hover)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}}):!(null==i?void 0:i.initialized)&&n||(null==i?void 0:i.initialized)||n?l().createElement(l().Fragment,null):l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,1)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement("img",{src:o.img}))},fe=c().div`
130
+ width: 0;
131
+ height: 0;
132
+ overflow: hidden;
133
+ `,ye=T.default.registry.getLazyComponent("DEPRECATEDFormInputFile"),ve=({children:e,initialFiles:t,initialClick:n,multiple:i,accept:o,onUploadStart:a,onUploadEnd:r,onUploadSuccess:c})=>{const s=l().useRef(null),d=(0,f.useSelector)(S.$L.selectors.selectToken),[u,m]=l().useState(0),[g,p]=l().useState(t);return l().useEffect((()=>{var e;n&&(null===(e=s.current)||void 0===e||e.click())}),[n]),l().useEffect((()=>{t.length!==g.length&&p(t)}),[t]),l().useEffect((()=>{c(g)}),[g]),l().useEffect((()=>{0===u&&r()}),[u]),l().createElement(l().Fragment,null,l().createElement("div",{onClick:()=>{var e;n&&(null===(e=s.current)||void 0===e||e.click())}},e),l().createElement(fe,null,l().createElement(ye,{ref:s,id:"widget-upload-file",name:"editorFiles",content:"",accept:o,multiple:i,token:d,onUploadStart:e=>{void 0!==e&&m((t=>t+e)),"function"==typeof a&&0!==e&&a()},onUploadSuccess:e=>{void 0!==e&&(m((e=>void 0!==e?e-1:0)),p((t=>i?[...t,e]:[e])))}})))},he=T.default.registry.getLazyComponent("WidgetArticleGallery"),we=T.default.registry.getLazyComponent("FileViewer"),be=({widget:e,inplace:t,mode:n,onStateChange:i})=>{var o,a;const{uniqid:r}=e,{files:c}=e.content,s=(0,f.useDispatch)(),d=(0,f.useSelector)((e=>S.$L.selectors.selectWidget(e,r))),u=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,r)),f.shallowEqual);return l().useEffect((()=>{i({mounted:!0})}),[]),void 0!==c?l().createElement(l().Fragment,null,"edit"===n?l().createElement(he,{files:c,maxWidth:800,gap:null!==(o=e.content.gap)&&void 0!==o?o:"10",column:null!==(a=e.content.column)&&void 0!==a?a:"3",onClick:()=>{}}):l().createElement(we,{files:c,openWithOptions:{}},(t=>{var n,i;return l().createElement(he,{files:c,maxWidth:600,gap:null!==(n=e.content.gap)&&void 0!==n?n:"10",column:null!==(i=e.content.column)&&void 0!==i?i:"3",onClick:e=>t(e)})})),t&&"edit"===n?l().createElement(ve,{initialFiles:c,initialClick:u,accept:"image/png, image/jpeg, image/jpg",multiple:!0,onUploadSuccess:e=>{"widget-article-gallery"===(null==d?void 0:d.widget.name)&&s(S.$L.slice.actions.updateWidget({uniqid:r,content:{files:e}}))},onUploadStart:()=>{s(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{s(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},l().createElement(y.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)};var xe=n(6),Ce=n.n(xe);const Le=T.default.registry.getLazyComponent("WidgetArticleAttachment"),qe=T.default.registry.getLazyComponent("FileViewer"),$e=({widget:e,inplace:t,mode:n,onStateChange:i})=>{const{uniqid:o}=e,{files:a}=e.content,r=(0,f.useDispatch)(),c=(0,f.useSelector)((e=>S.$L.selectors.selectWidget(e,o))),s=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,o)),f.shallowEqual);l().useEffect((()=>{i({mounted:!0})}),[]);const d=[{label:"Wedoc",onClick:e=>{e&&Ce().object.getAccessHash(`fileArticle/${e.id}`).then((t=>{if(""===t.result)throw new Error("result empty");const n=t.result;((e,t,n)=>{window.open(function(e,t){return`/ng/rr/file/${e}/${t}`}(e,t),void 0)})(e.id,n)})).catch((()=>{r(S.FN.actions.error({label:"Unable to open this file"},6e3))}))}}],u=(0,f.useSelector)((e=>S.Mx.selectors.selectById(e,"OnlyOfficeHook")))?{"application/vnd.openxmlformats-officedocument.wordprocessingml.document":d,"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":d,"application/vnd.openxmlformats-officedocument.presentationml.presentation":d}:{};return void 0!==a?l().createElement(l().Fragment,null,"view"!==n?l().createElement(Le,{files:a,onClick:()=>{}}):l().createElement(qe,{files:a,openWithOptions:u},(e=>l().createElement(Le,{files:a,onClick:t=>e(t)}))),t&&"view"!==n?l().createElement(ve,{initialFiles:a,initialClick:s,multiple:!0,accept:"*",onUploadSuccess:e=>{"widget-article-attachment"===(null==c?void 0:c.widget.name)&&r(S.$L.slice.actions.updateWidget({uniqid:o,content:{files:e}}))},onUploadStart:()=>{r(S.$L.slice.actions.setWidgetState({uniqid:o,loading:!0}))},onUploadEnd:()=>{r(S.$L.slice.actions.setWidgetState({uniqid:o,loading:!1}))}},"edit"===n?l().createElement(y.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)):l().createElement(l().Fragment,null)},ke=T.default.registry.getLazyComponent("WidgetArticleImage"),We=c().div`
134
+ position: absolute;
135
+ inset: 0;
136
+ background-color: rgba(0, 0, 0, 0.4);
137
+ pointer-event: none;
138
+ display: flex;
139
+ justify-content: center;
140
+ align-items: center;
141
+ opacity: 0;
142
+ color: ${e=>e.theme.color.white};
143
+ &:hover {
144
+ opacity: 1;
145
+ }
146
+ `,Se=({widget:e,inplace:t,mode:n,onStateChange:i})=>{const{uniqid:o}=e,{file:a,displayAs:r,useFilter:c,backgroundPosition:s,backgroundSize:d,borderRadius:u}=e.content,m=(0,f.useDispatch)(),g=(0,f.useSelector)((e=>S.$L.selectors.selectWidget(e,o))),p=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,o)),f.shallowEqual),E=(0,M.useIntl)();return l().useEffect((()=>{i({mounted:!0})}),[]),l().createElement(l().Fragment,null,l().createElement(ke,{maxWidth:"view"!==n?800:600,uri:void 0!==a?`/imagecache/fitx1200/fileArticle/${a.id}.png`:void 0,displayAs:null!=r?r:"image",borderRadius:null!=u?u:"8",useFilter:null!=c&&c,backgroundPosition:null!=s?s:"center",backgroundSize:null!=d?d:"auto"}),t&&"edit"===n?l().createElement(ve,{initialFiles:[],initialClick:p,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{"widget-article-image"===(null==g?void 0:g.widget.name)&&void 0!==e[0]&&m(S.$L.slice.actions.updateWidget({uniqid:o,content:{file:e[0]}}))},onUploadStart:()=>{m(S.$L.slice.actions.setWidgetState({uniqid:o,loading:!0}))},onUploadEnd:()=>{m(S.$L.slice.actions.setWidgetState({uniqid:o,loading:!1}))}},void 0!==a?l().createElement(We,null,E.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(y.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))},Ie=c().div`
147
+ flex: 1;
148
+ display: flex;
149
+ flex-direction: row;
150
+ min-height: 60px;
151
+ align-items: center;
152
+ `,Te=c().div`
153
+ display: flex;
154
+ flex-direction: row;
155
+ border-radius: 8px;
156
+ overflow: hidden;
157
+ margin: 4px;
158
+ border: 1px solid ${e=>e.theme.color.grey1};
159
+ `,Ae=c().button`
160
+ display: flex;
161
+ width: 40px;
162
+ height: 40px;
163
+ justify-content: center;
164
+ align-items: center;
165
+ cursor: pointer;
166
+ opacity: ${e=>e.isActive?"1.0":".8"};
167
+ background-color: ${e=>e.isActive?e.theme.color.grey1:e.theme.color.white};
168
+ &:hover {
169
+ background-color: ${e=>e.theme.color.grey1};
170
+ }
171
+ `,_e=({widget:e,inplace:t,mode:n})=>{const{uniqid:i}=e,{text:o,color:a,heading:r}=e.content,c=(0,f.useDispatch)(),s=(0,f.useSelector)((e=>S.$L.selectors.selectWidget(e,i))),d=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,i)),f.shallowEqual);return l().createElement(Ie,null,l().createElement(y.JRCWidgetArticleTitle,{text:o,color:a,heading:r,autoFocus:d,inplace:t,mode:n,onChange:e=>{"widget-article-title"===(null==s?void 0:s.widget.name)&&c(S.$L.slice.actions.updateWidget({uniqid:i,content:Object.assign(Object.assign({},s.widget.content),{text:e})}))}}),d&&"edit"===n?l().createElement(De,{heading:r,onClick:e=>{"widget-article-title"===(null==s?void 0:s.widget.name)&&c(S.$L.slice.actions.updateWidget({uniqid:i,content:Object.assign(Object.assign({},s.widget.content),{heading:e})}))}}):l().createElement(l().Fragment,null))},De=({heading:e="h1",onClick:t})=>l().createElement(Te,null,["h1","h2","h3","h4"].map(((n,i)=>l().createElement(Ae,{key:i,isActive:e===n,onClick:()=>t(n)},n)))),Fe=T.default.registry.getLazyComponent("WidgetArticleButton"),je=T.default.registry.getLazyComponent("WidgetArticleText"),Oe=({widget:e,inplace:t=!1,isComponentVisible:n=!1,mode:i="view",onClick:o})=>{const a=(0,f.useDispatch)(),{name:r,uniqid:c}=e,s=(e,t)=>a(S.$L.slice.actions.updateWidget({uniqid:c,content:e,override:t})),d=e=>a(S.$L.slice.actions.setWidgetState(Object.assign({uniqid:c},e)));switch(r){default:return l().createElement(l().Fragment,null,"cannot display widget (",r,")");case"widget-article-button":return l().createElement(Fe,{isComponentVisible:n,content:e.content,inplace:t,mode:i,onChange:s,onClick:o,onStateChange:d});case"widget-article-gallery":return l().createElement(be,{widget:e,inplace:t,mode:i,onStateChange:d});case"widget-article-attachment":return l().createElement($e,{widget:e,inplace:t,mode:i,onStateChange:d});case"widget-article-image":return l().createElement(Se,{widget:e,inplace:t,mode:i,onStateChange:d});case"widget-article-title":return l().createElement(_e,{widget:e,inplace:t,mode:i});case"widget-article-text":return l().createElement(je,{content:e.content,isComponentVisible:n,inplace:t,mode:i,onChange:s,onStateChange:d})}};var Re=n(769);const Me=c().div`
172
+ position: absolute;
173
+ inset: 0;
174
+ opacity: ${e=>e.opacity};
175
+ background-color: ${e=>e.backgroundColor};
176
+ pointer-events: ${e=>e.pointerEvents};
177
+ `,Ge=({uniqid:e,mode:t})=>{const n=(0,f.useSelector)((t=>t.widgets.ids[e].widget.layers),f.shallowEqual);return l().createElement(l().Fragment,null,null==n?void 0:n.map(((e,t)=>l().createElement(ze,{uniqid:e,key:t,mode:"edit"}))))},ze=({uniqid:e,mode:t})=>{const n=(0,f.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(Me,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},n.widgets.map(((e,t)=>l().createElement(Je,{key:t,layerId:n.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(Me,{opacity:n.visible?1:0,backgroundColor:n.visible?"rgba(255,255,255,.1)":"transparent",pointerEvents:n.locked?"none":"all"},n.widgets.map(((e,t)=>l().createElement(Je,{key:t,layerId:n.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},Je=({uniqid:e,layerId:t,mode:n})=>{const i=(0,f.useDispatch)(),o=(0,f.useSelector)((t=>t.widgets.ids[e]),f.shallowEqual),a=(0,f.useSelector)((e=>e.widgets.layers[t]));return o&&a&&a.position?"view"===n?l().createElement("div",{style:{position:"absolute",top:a.position.y,left:a.position.x}},l().createElement(Pe,{uniqid:e,widget:o,mode:n,inplace:!0})):l().createElement(Ue,{position:{x:a.position.x,y:a.position.y},onMouseUp:e=>{(a.position&&a.position.x!==e.x||a.position&&a.position.y!==e.y)&&(e=>{i(S.$L.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(y.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{i(S.Wq.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(Pe,{uniqid:e,widget:o,mode:n,inplace:!0}))):l().createElement(l().Fragment,null)},Ue=({position:e,children:t,onMouseUp:n})=>{const[i,o]=l().useState(!1),[a,r]=l().useState({x:0,y:0}),[c,s]=l().useState({x:0,y:0}),[d,u]=l().useState({x:e.x,y:e.y}),m=l().useRef(null),g=l().useCallback((e=>{if(i&&m.current){const t=c.x+(e.clientX-a.x),n=c.y+(e.clientY-a.y);u({x:t,y:n})}}),[i]),p=()=>{o(!1),n({x:d.x,y:d.y})};return l().useEffect((()=>(document.addEventListener("mousemove",g),document.addEventListener("mouseup",p),()=>{document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",p)})),[g]),l().createElement("div",{style:{position:"absolute",top:d.y,left:d.x},ref:m,onMouseDown:e=>{o(!0),m.current&&(r({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY}),s({x:d.x,y:d.y}))}},t)},Be=({uniqid:e,widget:t,inplace:n=!0,mode:i,width:o})=>{const a=(0,f.useDispatch)(),r=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),c=(0,f.useSelector)((t=>{var n;return null===(n=S.$L.selectors.selectWidgetState(t,e))||void 0===n?void 0:n.busy}),f.shallowEqual),s=(0,f.useSelector)((t=>t.widgets.editableMap[e]),f.shallowEqual),d=(0,f.useSelector)((e=>e.widgets.currentEditableWidgetId),f.shallowEqual),u=(0,f.useSelector)((t=>t.widgets.currentEditableWidgetId===e),f.shallowEqual),{ref:m,isComponentVisible:g,setIsComponentVisible:p}=(0,Re.I)(!1);if(l().useEffect((()=>{t&&a(S.$L.slice.actions.registerWidget({uniqid:e,widget:t}))}),[]),l().useEffect((()=>{g||e===d&&a(S.$L.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[g]),l().useEffect((()=>{g!==u&&p(u)}),[u]),void 0===r)return l().createElement(l().Fragment,null,"This widget cannot be desplayed");const E=()=>{"edit"===i?y():"widget-article-button"===r.widget.name&&"link"===r.widget.content.openingType&&r.widget.content.openingTypeLink&&window.open(r.widget.content.openingTypeLink.url,r.widget.content.openingTypeLink.target)},y=()=>{if("view"===i)return;const{widget:e}=r;a(S.Wq.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))};return n&&"view"!==i?l().createElement("div",{style:{minWidth:void 0!==o?o:"100%"},ref:m,onClick:()=>{p(!0),s&&(a(S.$L.slice.actions.setEditableIndex({index:s.index})),a(S.$L.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(Oe,{width:o,widget:r.widget,inplace:n,isComponentVisible:!!(g||c||u),mode:i,onClick:E}),l().createElement(Ge,{uniqid:e,mode:i}),l().createElement(Ee,{name:r.widget.name,uniqid:r.widget.uniqid,inplace:n})):l().createElement("div",{style:{flex:1,display:"flex",minWidth:void 0!==o?o:"100%"},onClick:y},l().createElement(Oe,{widget:r.widget,isComponentVisible:!1,inplace:n,mode:i,width:o,onClick:E}),l().createElement(Ge,{uniqid:e,mode:i}),l().createElement(Ee,{name:r.widget.name,uniqid:r.widget.uniqid,inplace:n}))},Pe=Be,He=c().div`
178
+ display: flex;
179
+ flex-direction: row;
180
+ flex-wrap: wrap;
181
+ gap: 10px;
182
+ justify-content: center;
183
+ `,Ve=c().div`
184
+ border: 1px solid ${e=>e.theme.color.grey2};
185
+ border-radius: 8px;
186
+ cursor: pointer;
187
+ padding: 12px;
188
+ position: relative;
189
+ opacity: ${e=>e.available?"1":".4"};
190
+ pointer-events: ${e=>e.available?"all":"none"};
191
+
192
+ .show-on-hover {
193
+ position: absolute;
194
+ inset: 0;
195
+ border-radius: 8px;
196
+ justify-content: center;
197
+ align-items: center;
198
+ display: flex;
199
+ opacity: 0;
200
+ background-color: #ffffffe6;
201
+ }
202
+
203
+ &:hover {
204
+ .show-on-hover {
205
+ opacity: 1;
206
+ }
207
+ }
208
+ `,Ne=c().div`
209
+ border: 2px solid ${e=>e.theme.color.primary};
210
+ height: ${e=>e.open?"320":"54"}px;
211
+ border-radius: 8px;
212
+ display: flex;
213
+ justify-content: top;
214
+ flex-direction: column;
215
+ transition: height 0.4s;
216
+ overflow: hidden;
217
+ flex-direction: column;
218
+ `,Xe=c().div`
219
+ display: flex;
220
+ flex-direction: row;
221
+ flex-wrap: wrap;
222
+ justify-content: center;
223
+ gap: 10px;
224
+ `,Ye=c().div`
225
+ min-height: 50px;
226
+ display: flex;
227
+ justify-content: center;
228
+ align-items: center;
229
+ cursor: pointer;
230
+ color: ${e=>e.theme.color.primary};
231
+ `,Qe=c().button`
232
+ height: 72px;
233
+ display: flex;
234
+ justify-content: center;
235
+ align-items: center;
236
+ width: 40%;
237
+ border: 1px solid ${e=>e.theme.color.grey2};
238
+ border-radius: 8px;
239
+ transition: opacity 0.4s ease ${e=>40*e.index}ms;
240
+ opacity: ${e=>e.open?1:0};
241
+ `,Ke=T.default.registry.getLazyComponent("Button"),Ze=T.default.registry.getLazyComponent("ModalLayout"),et=T.default.registry.getLazyComponent("ModalContent"),tt=({mode:e,view:t,children:n,namespace:i="default",onChange:o})=>{const[a,r]=l().useState(!1),c=function(e){return"widget-article-image"===e?[S.$L.definition(S.$L.const.WIDGET_ARTICLE_TITLE),S.$L.definition(S.$L.const.WIDGET_ARTICLE_BUTTON)]:[S.$L.definition(S.$L.const.WIDGET_ARTICLE_TITLE),S.$L.definition(S.$L.const.WIDGET_ARTICLE_TEXT),S.$L.definition(S.$L.const.WIDGET_ARTICLE_IMAGE),S.$L.definition(S.$L.const.WIDGET_ARTICLE_BUTTON),S.$L.definition(S.$L.const.WIDGET_ARTICLE_GALLERY),S.$L.definition(S.$L.const.WIDGET_ARTICLE_ATTACHMENT)]}(i),s=(0,M.useIntl)(),d={open:a,portalId:"react-modal",variant:"full-height",closeHandler:()=>r(!1)},u=e=>{o(S.$L.factory(e)),r(!1)};return l().createElement(l().Fragment,null,l().createElement(Ze,Object.assign({},d),l().createElement(et,{onClickIconClose:d.closeHandler,title:"widget builder"},l().createElement(He,null,c.map(((e,t)=>l().createElement(Ve,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},s.formatMessage({id:e.label})))))))),"custom"===e&&n?l().createElement("div",{onClick:()=>r(!0)},n):l().createElement(l().Fragment,null),"button"===e&&"edit"===t?l().createElement(Ke,{onClick:()=>r(!0),variant:"outlined",minWidth:"100%"},s.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e&&"edit"===t?l().createElement(He,null,c.map(((e,t)=>l().createElement(Ve,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},s.formatMessage({id:e.label})))))):l().createElement(l().Fragment,null),"article"===e&&"edit"===t?l().createElement(nt,{widgets:c,onClick:u}):l().createElement(l().Fragment,null))},nt=({widgets:e,onClick:t})=>{const[n,i]=l().useState(!1),o=(0,M.useIntl)();return l().createElement(l().Fragment,null,l().createElement(Ne,{open:n},l().createElement(Ye,{onClick:()=>i(!n)},o.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(Xe,null,e.map(((e,i)=>l().createElement(Qe,{key:e.name,open:n,index:i,onClick:()=>t(e.name)},o.formatMessage({id:e.label})))))))}}}]);
242
+ //# sourceMappingURL=597.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"597.bundle.js","mappings":"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","sources":["webpack://ReactCore/./src/displayer/DisplayForm.component.tsx","webpack://ReactCore/./src/components/editors/style.tsx","webpack://ReactCore/./src/components/editors/const.ts","webpack://ReactCore/./src/components/editors/EditorPopup.tsx","webpack://ReactCore/./src/components/editors/Editor.tsx","webpack://ReactCore/./src/components/editors/EditorTabWidgets.tsx","webpack://ReactCore/./src/components/editors/EditorTabWrapper.tsx","webpack://ReactCore/./src/components/editors/EditorWrapper.tsx","webpack://ReactCore/./src/components/editors/EditorsPortal.tsx","webpack://ReactCore/./src/components/Empty.tsx","webpack://ReactCore/./src/components/tinymce/extension/AIModal.tsx","webpack://ReactCore/./src/components/tinymce/JRCTinyMCEWithExt.tsx","webpack://ReactCore/./src/hooks/useAI.ts","webpack://ReactCore/./src/components/TwoColLayout.tsx","webpack://ReactCore/./src/components/widgets/WidgetState.tsx","webpack://ReactCore/./src/components/widgets/components/WidgetUploader.tsx","webpack://ReactCore/./src/components/widgets/wrapper/JRCWidgetArticleGalleryWrapper.tsx","webpack://ReactCore/./src/components/widgets/wrapper/JRCWidgetArticleAttachmentWrapper.tsx","webpack://ReactCore/./src/components/widgets/wrapper/JRCWidgetArticleImageWrapper.tsx","webpack://ReactCore/./src/components/widgets/wrapper/JRCWidgetArticleTitleWrapper.tsx","webpack://ReactCore/./src/components/widgets/Widget.tsx","webpack://ReactCore/./src/components/widgets/WidgetLayer/WidgetLayer.style.tsx","webpack://ReactCore/./src/components/widgets/WidgetLayer/WidgetLayer.tsx","webpack://ReactCore/./src/components/widgets/WidgetWrapperCore.tsx","webpack://ReactCore/./src/components/widgets/WidgetList/WidgetList.style.tsx","webpack://ReactCore/./src/components/widgets/WidgetList/WidgetList.tsx","webpack://ReactCore/./src/components/widgets/namespace.ts"],"sourcesContent":["import * as React from 'react';\nimport { DisplayFormRef, FieldsWith } from './types';\nimport { useForm, Control, FieldValues } from 'react-hook-form';\nimport { useDisplayForm } from './useDisplay';\nimport styled, { css } from 'styled-components';\nimport { FormEventHandler, ReactNode, Ref } from 'react';\n\nconst StretchContainer = css`\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n`;\n\nconst Container = styled.div<{ stretch?: boolean }>`\n ${({ stretch }) => stretch && StretchContainer}\n`;\n\nconst Form = styled.form<{ stretch?: boolean }>`\n ${({ stretch }) => stretch && StretchContainer}\n`;\n\nconst FormElm = React.forwardRef(\n (\n props: {\n stretch?: boolean;\n onSubmit?: FormEventHandler<HTMLFormElement>;\n children: ReactNode;\n },\n ref: React.ForwardedRef<HTMLFormElement | HTMLDivElement>,\n ) => {\n return props.onSubmit ? (\n <Form stretch={props.stretch} onSubmit={props.onSubmit} ref={ref as Ref<HTMLFormElement>}>\n {props.children}\n </Form>\n ) : (\n <Container stretch={props.stretch} ref={ref as Ref<HTMLDivElement>}>\n {props.children}\n </Container>\n );\n },\n);\n\nconst FieldsetWrapper = styled.div<{ stretch?: boolean }>`\n ${(props) =>\n props.stretch &&\n `\n flex: 1;\n`}\n`;\n\nexport type DisplayFormProps<TFieldValues extends FieldValues> = {\n type: string;\n fields: FieldsWith<'input', TFieldValues>;\n extraInputs?: (control: Control<TFieldValues>) => React.ReactNode;\n defaultValues?: any;\n onSubmit?: any;\n buttons?: React.ReactNode;\n readOnly?: boolean;\n dataCy?: string;\n stretch?: boolean;\n children?: React.ReactNode;\n};\n\n/****\n * The jamespot model depend on the platform\n * For example a user can have the size attribute only for a given platform\n * The model specifics of a platform are stored in J.model\n *\n * This component display an array of attributes only if this attribute is activated on the platform\n */\nconst _DisplayForm = <TFieldValues extends FieldValues>(\n props: DisplayFormProps<TFieldValues>,\n ref: React.ForwardedRef<DisplayFormRef>,\n) => {\n const formRef = React.useRef<HTMLFormElement | HTMLDivElement>(null);\n\n const [configuration, defaultValues] = useDisplayForm(props.fields, props.type);\n\n const { handleSubmit, control, reset, ...formFn } = useForm({\n defaultValues: {\n ...defaultValues,\n ...props.defaultValues,\n },\n criteriaMode: 'all',\n });\n\n React.useImperativeHandle(\n ref,\n () => ({\n ...formFn,\n handleSubmit,\n control,\n reset: () => {\n // in case the form is scrollable\n formRef?.current?.scrollTo(0, 0);\n // reset react-hook-form form\n reset();\n },\n }),\n [],\n );\n\n return (\n <FormElm\n stretch={props.stretch}\n onSubmit={props.onSubmit ? handleSubmit(props.onSubmit) : undefined}\n ref={formRef}>\n <FieldsetWrapper stretch={props.stretch}>\n {configuration.map(({ Input, ...conf }) => (\n <Input\n key={conf.name}\n control={control}\n {...conf}\n dataCy={`${props.dataCy}-${conf.name}`}\n readOnly={props.readOnly}\n />\n ))}\n {props.extraInputs && props.extraInputs(control)}\n </FieldsetWrapper>\n {props.buttons}\n </FormElm>\n );\n};\n\nexport const DisplayForm = React.forwardRef<DisplayFormRef>(_DisplayForm as any) as <TFieldValues extends FieldValues>(\n props: DisplayFormProps<TFieldValues> & {\n ref?: React.ForwardedRef<DisplayFormRef>;\n },\n) => ReturnType<typeof _DisplayForm>;\n","import styled from 'styled-components';\nimport { EDITOR_MENU_WIDTH, EDITOR_WIDTH } from './const';\n\nconst INPUT_HEIGHT = 50;\nconst RADIUS = 8;\n\nexport const CSSEditorComponentWrapper = styled.div`\n margin-bottom: 24px;\n`;\n\nexport const CSSEditorComponentLabel = styled.div`\n margin-bottom: 4px;\n`;\n\nexport const CSSEditorPortal = styled.div<{ isActive: boolean }>`\n position: absolute;\n background-color: ${(props) => (props.isActive ? 'rgba(0,0,0,.1)' : 'transparent')};\n inset: 0;\n pointer-events: ${(props) => (props.isActive ? 'all' : 'none')};\n flex: 1;\n display: flex;\n overflow: hidden;\n`;\n\nexport const CSSEditorHeader = styled.div`\n flex-direction: row;\n display: flex;\n min-height: 60px;\n border-bottom: 1px solid ${(props) => props.theme.color.grey2};\n`;\n\nexport const CSSEditorAction = styled.div`\n width: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const CSSEditorLabel = styled.div`\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const CSSEditor = styled.div<{ visible: boolean }>`\n position: absolute;\n top: 90px;\n right: ${(props) => (props.visible ? '0' : '-1000')}px;\n width: ${EDITOR_WIDTH}px;\n bottom: 0;\n display: flex;\n background-color: ${(props) => props.theme.color.white};\n flex-direction: row;\n transition: all 0.4s;\n box-shadow: -1px 1px 10px 0px rgb(0 0 0 / 20%);\n`;\n\nexport const CSSEditorContent = styled.div`\n flex: 1;\n display: flex;\n flex-direction: row;\n padding: 12px;\n overflow: auto;\n margin-bottom: 40px;\n`;\n\nexport const CSSEditorMenu = styled.div`\n width: ${EDITOR_MENU_WIDTH}px;\n padding-top: 60px;\n display: flex;\n flex-direction: column;\n border-right: 1px solid ${(props) => props.theme.color.grey2};\n`;\n\nexport const CSSEditorMenuButton = styled.button<{ isActive?: boolean }>`\n border-radius: 4px;\n cursor: pointer;\n height: 42px;\n margin: 4px;\n width: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ${(props) => (props.isActive ? props.theme.color.grey1 : props.theme.color.white)};\n &:hover {\n background-color: ${(props) => props.theme.color.grey1};\n }\n`;\n\nexport const CSSInputWrapper = styled.div`\n display: flex;\n border: 1px solid ${(props) => props.theme.color.grey1};\n border-radius: ${RADIUS}px;\n margin-bottom: 24px;\n input {\n width: 100%;\n border: 0;\n height: ${INPUT_HEIGHT}px;\n margin: 0;\n }\n`;\n\nexport const CSSEditorWidget = styled.div`\n display: flex;\n flex-direction: row;\n padding: 12px;\n background-color: ${(props) => props.theme.color.grey0};\n border-radius: 8px;\n margin-bottom: 4px;\n`;\n\nexport const CSSEditorWidgetLabel = styled.div`\n display: flex;\n flex: 1;\n align-items: center;\n`;\n\nexport const CSSEditorWidgetOption = styled.div`\n width: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const CSSEditorLayer = styled.div`\n flex-direction: row;\n display: flex;\n align-items: center;\n`;\n\nexport const CSSEditorLayerTitle = styled.div`\n flex: 1;\n display: flex;\n align-items: center;\n`;\n","export const EDITOR_TOP = 90;\nexport const EDITOR_WIDTH = 440;\nexport const EDITOR_MENU_WIDTH = 50;\n","import React from 'react';\n\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { JRCButton, JRCIcon } from 'jamespot-react-components';\n\nimport { CSSEditorAction, CSSEditorHeader, CSSEditorLabel, CSSEditorMenuButton } from './style';\nimport { WidgetEditor, EditorsRootState } from 'jamespot-front-business';\n\n/*\n Editor popup (center part)\n*/\nexport const EditorPopup = ({ uniqid }: { uniqid: string }) => {\n const dispatch = useDispatch();\n const editor = useSelector((state: EditorsRootState) => WidgetEditor.selectors.selectEditor(state, uniqid));\n\n const onClick = () => {\n dispatch(WidgetEditor.slice.actions.flushEditorPopup({ uniqid }));\n };\n\n const onSave = () => {\n dispatch(WidgetEditor.slice.actions.flushEditorPopup({ uniqid }));\n };\n\n if (editor && editor.popup && editor.view) {\n return (\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column', backgroundColor: 'white', marginTop: 90 }}>\n <CSSEditorHeader>\n <CSSEditorAction />\n <CSSEditorLabel>Popup</CSSEditorLabel>\n <CSSEditorAction>\n <CSSEditorMenuButton onClick={onClick}>\n <JRCIcon name=\"icon-times\" color=\"grey2\" />\n </CSSEditorMenuButton>\n </CSSEditorAction>\n </CSSEditorHeader>\n <div style={{ flex: 1, display: 'flex' }}>{editor.view}</div>\n <CSSEditorHeader>\n <JRCButton onClick={onSave}>Save</JRCButton>\n </CSSEditorHeader>\n </div>\n );\n }\n\n return <></>;\n};\n","import React from 'react';\n\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { WidgetEditor, Widget } from 'jamespot-front-business';\n\nimport JRCore from 'App';\n\nimport { CombinedWidgetContent, WidgetsRootState, WidgetStateProps } from 'jamespot-user-api';\n\nconst JRCWidgetArticleTitleEditor = JRCore.registry.getLazyComponent('WidgetArticleTitleEditor');\nconst JRCWidgetArticleImageEditor = JRCore.registry.getLazyComponent('WidgetArticleImageEditor');\nconst JRCWidgetArticleTextEditor = JRCore.registry.getLazyComponent('WidgetArticleTextEditor');\nconst JRCWidgetArticleGalleryEditor = JRCore.registry.getLazyComponent('WidgetArticleGalleryEditor');\nconst JRCWidgetArticleButtonEditor = JRCore.registry.getLazyComponent('WidgetArticleButtonEditor');\nconst JRCWidgetArticleAttachmentEditor = JRCore.registry.getLazyComponent('WidgetArticleAttachmentEditor');\n\n/*\n Editor Factory\n*/\nexport const Editor = ({ uniqid }: { uniqid: string }) => {\n const dispatch = useDispatch();\n const token = useSelector(Widget.selectors.selectToken);\n const widgetWrapper = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidget(state, uniqid));\n\n const onSave = (content: CombinedWidgetContent) => {\n /*\n Update widget & Flush editor\n */\n if (widgetWrapper) {\n dispatch(Widget.slice.actions.updateWidget({ uniqid, content }));\n }\n\n dispatch(WidgetEditor.slice.actions.flushEditor({ uniqid }));\n };\n\n const onChange = (content: CombinedWidgetContent, override?: boolean) =>\n dispatch(Widget.slice.actions.updateWidget({ uniqid, content, override }));\n\n const onStateChange = (states: WidgetStateProps, id?: string) => {\n /*\n Set widget state (busy, loading, initialized)\n */\n if (id !== undefined) {\n dispatch(Widget.slice.actions.setWidgetState({ uniqid: id, ...states }));\n } else {\n dispatch(Widget.slice.actions.setWidgetState({ uniqid, ...states }));\n }\n };\n\n const onOpen = (view: React.ReactElement) => {\n /*\n Register popup (central)\n */\n dispatch(WidgetEditor.slice.actions.registerEditorPopup({ uniqid, view }));\n };\n\n switch (widgetWrapper?.widget.name) {\n default:\n return <>cannot display editor</>;\n case Widget.const.WIDGET_ARTICLE_BUTTON:\n return (\n <JRCWidgetArticleButtonEditor\n content={widgetWrapper.widget.content}\n onChange={onChange}\n onSave={onSave}\n onStateChange={onStateChange}\n />\n );\n case Widget.const.WIDGET_ARTICLE_ATTACHMENT:\n return (\n <JRCWidgetArticleAttachmentEditor\n token={token}\n content={widgetWrapper.widget.content}\n onChange={onChange}\n onSave={onSave}\n onStateChange={onStateChange}\n onOpen={onOpen}\n />\n );\n case Widget.const.WIDGET_ARTICLE_GALLERY:\n return (\n <JRCWidgetArticleGalleryEditor\n token={token}\n content={widgetWrapper.widget.content}\n onChange={onChange}\n onSave={onSave}\n onStateChange={onStateChange}\n />\n );\n case Widget.const.WIDGET_ARTICLE_TEXT:\n return (\n <JRCWidgetArticleTextEditor\n onChange={onChange}\n onSave={onSave}\n content={widgetWrapper.widget.content}\n />\n );\n case Widget.const.WIDGET_ARTICLE_IMAGE:\n return (\n <JRCWidgetArticleImageEditor\n content={widgetWrapper.widget.content}\n token={token}\n onChange={onChange}\n onSave={onSave}\n onStateChange={onStateChange}\n />\n );\n case Widget.const.WIDGET_ARTICLE_TITLE:\n return (\n <JRCWidgetArticleTitleEditor\n onChange={onChange}\n onSave={onSave}\n content={widgetWrapper.widget.content}\n onOpen={onOpen}\n />\n );\n }\n};\n","import React from 'react';\n\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport { WidgetEditor, Widget } from 'jamespot-front-business';\n\nimport { WidgetKeys, WidgetsRootState } from 'jamespot-user-api';\nimport { useIntl } from 'react-intl';\nimport { CSSEditorWidget, CSSEditorWidgetLabel, CSSEditorWidgetOption } from './style';\nimport { BETA_JRCDragAndDrop, JRCIcon } from 'jamespot-react-components';\nimport { WidgetList } from 'registry/coreComponents';\n\n/*\n Editor widgets (widgets)\n*/\nexport const EditorTabWidgets = ({ uniqid }: { uniqid: string; namespace: string }) => {\n const dispatch = useDispatch();\n const intl = useIntl();\n const content = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidgetContent(state, uniqid));\n\n const onClick = (uniqid: string, name: WidgetKeys) => {\n /*\n Register Editor\n */\n dispatch(WidgetEditor.slice.actions.registerEditor({ uniqid, name }));\n };\n\n return (\n <div style={{ flex: 1 }}>\n <Layers uniqid={uniqid} />\n {content && content.widgets ? (\n content.widgets.map((widgetWrapper, index: number) => {\n const def = Widget.definition(widgetWrapper.widget.name);\n return (\n <div key={index}>\n <CSSEditorWidget>\n <CSSEditorWidgetLabel\n onClick={() => onClick(widgetWrapper.widget.uniqid, widgetWrapper.widget.name)}>\n {intl.formatMessage({ id: def.label })}\n </CSSEditorWidgetLabel>\n <CSSEditorWidgetOption\n onClick={() => {\n if (content.widgets) {\n dispatch(\n Widget.slice.actions.updateWidget({\n uniqid,\n content: {\n ...content,\n widgets: [\n ...content.widgets.filter((_, n: number) => n !== index),\n ],\n },\n }),\n );\n }\n }}>\n <JRCIcon name={'icon-trash'} />\n </CSSEditorWidgetOption>\n </CSSEditorWidget>\n </div>\n );\n })\n ) : (\n <></>\n )}\n </div>\n );\n};\n\nconst Layers = ({ uniqid }: { uniqid: string }) => {\n const dispatch = useDispatch();\n const layers = useSelector((state: WidgetsRootState) => state.widgets.ids[uniqid].widget.layers, shallowEqual);\n\n //const flushEditor = () => dispatch(WidgetEditor.slice.actions.flushEditor({ uniqid }));\n\n return (\n <>\n <BETA_JRCDragAndDrop\n onDrag={() => {\n //console.log(dragIndex, hoverIndex)\n }}\n renderEl={(layer, index) => {\n return <EditorWidgetLayer uniqid={layer} key={index} />;\n }}\n elms={layers ? layers : []}\n />\n <WidgetList\n namespace={'default'}\n onChange={(widget) => {\n dispatch(Widget.slice.actions.registerLayer({ uniqid, widget }));\n }}\n mode={'button'}\n />\n </>\n );\n};\n\nconst EditorWidgetLayerLock = ({ uniqid }: { uniqid: string }) => {\n const dispatch = useDispatch();\n const layer = useSelector((state: WidgetsRootState) => state.widgets.layers[uniqid]);\n return (\n <div\n onClick={() => {\n dispatch(Widget.slice.actions.updateLayer({ uniqid, props: { locked: !layer.locked } }));\n }}>\n <JRCIcon name={layer.locked ? 'icon-lock' : 'icon-unlock'} />\n </div>\n );\n};\n\nconst EditorWidgetLayerVisibility = ({ uniqid }: { uniqid: string }) => {\n const dispatch = useDispatch();\n const layer = useSelector((state: WidgetsRootState) => state.widgets.layers[uniqid]);\n return (\n <div\n onClick={() => {\n dispatch(Widget.slice.actions.updateLayer({ uniqid, props: { visible: !layer.visible } }));\n }}>\n <JRCIcon name={layer.visible ? 'icon-eye' : 'icon-eye-slash'} />\n </div>\n );\n};\n\nconst EditorWidgetLayerFlush = ({ uniqid, layerId }: { uniqid: string; layerId: string }) => {\n const dispatch = useDispatch();\n return (\n <div\n onClick={() => {\n dispatch(Widget.slice.actions.flushLayer({ uniqid, layerId }));\n }}>\n <JRCIcon name={'icon-trash'} />\n </div>\n );\n};\n\nconst EditorWidgetLayer = ({ uniqid }: { uniqid: string }) => {\n const layer = useSelector((state: WidgetsRootState) => state.widgets.layers[uniqid]);\n return (\n <>\n {layer.title}\n {layer.widgets.map((widget, index) => {\n const def = Widget.definition(widget.widget.name);\n\n return (\n <div style={{ flexDirection: 'row', display: 'flex' }} key={index}>\n <div style={{ flex: 1, alignItems: 'center' }}>{def.label}</div>\n <EditorWidgetLayerLock uniqid={uniqid} />\n <EditorWidgetLayerVisibility uniqid={uniqid} />\n <EditorWidgetLayerFlush uniqid={widget.widget.uniqid} layerId={layer.uniqid} />\n </div>\n );\n })}\n </>\n );\n};\n","import React from 'react';\n\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport JRCore from 'App';\n\nconst JRCButton = JRCore.registry.getLazyComponent('Button');\n\nimport { useIntl } from 'react-intl';\nimport { WidgetEditor, Widget } from 'jamespot-front-business';\nimport { useForm } from 'react-hook-form';\nimport { JRCInputText } from 'jamespot-react-components';\nimport { WidgetsRootState } from 'jamespot-user-api';\n\n/*\n Editor tab wrapper (this is all the properties available on a widget wrapper)\n*/\nexport const EditorTabWrapper = ({ uniqid }: { uniqid: string }) => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const wrapper = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidget(state, uniqid));\n const [title, setTitle] = React.useState<string | undefined>(wrapper?.title);\n\n const onClick = () => {\n if (title !== undefined) {\n /*\n Update editor\n */\n dispatch(Widget.slice.actions.updateWidgetWrapper({ uniqid, title }));\n /*\n Flush editor\n */\n dispatch(WidgetEditor.slice.actions.flushEditor({ uniqid }));\n }\n };\n\n const { control, watch } = useForm({\n defaultValues: { text: title ?? '' },\n criteriaMode: 'all',\n });\n\n React.useEffect(() => {\n const subscription = watch((data: any) => {\n setTitle(data.text);\n });\n return () => subscription.unsubscribe();\n }, [watch]);\n\n return wrapper ? (\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n <JRCInputText\n name={'text'}\n control={control}\n placeholder={intl.formatMessage({ id: 'EDITOR_Widget_Wrapper_Title' })}></JRCInputText>\n <JRCButton onClick={onClick} variant={'outlined'} minWidth={'100%'}>\n {intl.formatMessage({ id: 'EDITOR_Save_Widget' })}\n </JRCButton>\n </div>\n ) : (\n <>No wrapper</>\n );\n};\n","import React from 'react';\n\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { Editor } from './Editor';\n\nimport JRCore from 'App';\n\nconst JRCIcon = JRCore.registry.getLazyComponent('Icon');\n\nimport {\n CSSEditor,\n CSSEditorAction,\n CSSEditorContent,\n CSSEditorHeader,\n CSSEditorLabel,\n CSSEditorMenu,\n CSSEditorMenuButton,\n} from './style';\nimport { EDITOR_WIDTH } from './const';\n\nimport { useIntl } from 'react-intl';\nimport { WidgetEditor, EditorsRootState, Widget } from 'jamespot-front-business';\nimport { EditorTabWidgets } from './EditorTabWidgets';\nimport { EditorTabWrapper } from './EditorTabWrapper';\nimport { WidgetsRootState } from 'jamespot-user-api';\n\n/*\n Editor wrapper (right part)\n*/\nexport const EditorWrapper = ({ uniqid }: { uniqid: string }) => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const editor = useSelector((state: EditorsRootState) => WidgetEditor.selectors.selectEditor(state, uniqid));\n\n const def = Widget.definition(editor?.name);\n\n const [visible, isVisibile] = React.useState<boolean>(false);\n const [tab, setTab] = React.useState<string>('default');\n\n const onClose = () => {\n dispatch(WidgetEditor.slice.actions.flushEditor({ uniqid }));\n };\n\n React.useEffect(() => {\n setTimeout(() => {\n isVisibile(true);\n }, 0);\n });\n\n return editor ? (\n <div style={{ width: EDITOR_WIDTH, position: 'relative' }}>\n <CSSEditor visible={visible}>\n <CSSEditorMenu>\n {def.panel.useWrapper ? (\n <CSSEditorMenuButton isActive={tab === 'wrapper'} onClick={() => setTab('wrapper')}>\n <JRCIcon name=\"icon-font\" color=\"grey2\" />\n </CSSEditorMenuButton>\n ) : (\n <></>\n )}\n {def.panel.useEditor ? (\n <CSSEditorMenuButton isActive={tab === 'default'} onClick={() => setTab('default')}>\n <JRCIcon name=\"icon-pen\" color=\"grey2\" />\n </CSSEditorMenuButton>\n ) : (\n <></>\n )}\n {def.panel.useWidgets ? (\n <EditorConditonalTab uniqid={uniqid}>\n <CSSEditorMenuButton isActive={tab === 'widgets'} onClick={() => setTab('widgets')}>\n <JRCIcon name=\"icon-sliders\" color=\"grey2\" />\n </CSSEditorMenuButton>\n </EditorConditonalTab>\n ) : (\n <></>\n )}\n </CSSEditorMenu>\n <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n <CSSEditorHeader>\n <EditorPositionOption uniqid={uniqid} position={editor.position}></EditorPositionOption>\n <CSSEditorLabel>{intl.formatMessage({ id: def.label })}</CSSEditorLabel>\n <CSSEditorAction>\n <CSSEditorMenuButton onClick={onClose}>\n <JRCIcon name=\"icon-times\" color=\"grey2\" />\n </CSSEditorMenuButton>\n </CSSEditorAction>\n </CSSEditorHeader>\n <CSSEditorContent>\n {tab === 'default' && def.panel.useEditor ? <Editor uniqid={editor.uniqid} /> : <></>}\n {tab === 'wrapper' && def.panel.useWrapper ? (\n <EditorTabWrapper uniqid={editor.uniqid} />\n ) : (\n <></>\n )}\n {tab === 'widgets' && def.panel.useWidgets ? (\n <EditorTabWidgets uniqid={uniqid} namespace={def.name} />\n ) : (\n <></>\n )}\n </CSSEditorContent>\n </div>\n </CSSEditor>\n {editor?.popup ? (\n <div style={{ position: 'absolute', inset: 0, backgroundColor: '#000', opacity: '.7' }}></div>\n ) : (\n <></>\n )}\n </div>\n ) : (\n <></>\n );\n};\n\nconst EditorPositionOption = ({ uniqid, position }: { uniqid: string; position: 'left' | 'right' }) => {\n const dispatch = useDispatch();\n\n const onClick = () => {\n dispatch(\n WidgetEditor.slice.actions.setEditorPosition({ uniqid, position: position === 'left' ? 'right' : 'left' }),\n );\n };\n\n return (\n <CSSEditorAction>\n <CSSEditorMenuButton onClick={onClick}>\n <JRCIcon name={position === 'left' ? 'icon-angle-right' : 'icon-angle-left'} color=\"grey2\" />\n </CSSEditorMenuButton>\n </CSSEditorAction>\n );\n};\n\nconst EditorConditonalTab = ({ uniqid, children }: { uniqid: string; children: React.ReactElement }) => {\n const widgetState = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidgetState(state, uniqid));\n\n if (widgetState?.initialized) {\n return children;\n }\n\n return <></>;\n};\n","import React from 'react';\n\nimport { useSelector } from 'react-redux';\n\nimport { EDITOR_TOP, EDITOR_WIDTH } from './const';\nimport { EditorPopup } from './EditorPopup';\nimport { EditorWrapper } from './EditorWrapper';\nimport { CSSEditorPortal } from './style';\nimport { WidgetEditor } from 'jamespot-front-business';\n\nimport styled from 'styled-components';\n\nexport const CSSEditorPortalWrapper = styled.div`\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 100;\n`;\n\nexport const CSSEditorPortalPopupWrapper = styled.div<{ isActive: boolean }>`\n flex: 1;\n display: flex;\n margintop: ${EDITOR_TOP}px;\n pointer-events: ${(props) => (props.isActive ? 'all' : 'none')};\n`;\n\nexport const CSSEditorPortalRow = styled.div`\n flex: 1;\n display: flex;\n flex-direction: row;\n pointer-events: none;\n`;\n\nexport const CSSEditorPortalFreeSpace = styled.div`\n width: ${EDITOR_WIDTH}px;\n pointer-events: none;\n`;\n\n/*\n Editors wrapper (tamplate)\n*/\nexport const EditorsPortal = () => {\n const editors = useSelector(WidgetEditor.selectors.selectEditors);\n return (\n <CSSEditorPortalWrapper>\n {editors.map((editor, index: number) => {\n if (editor.position === 'left') {\n return (\n <CSSEditorPortal isActive={false} key={index}>\n <CSSEditorPortalRow>\n <EditorWrapper uniqid={editor.uniqid}></EditorWrapper>\n <CSSEditorPortalPopupWrapper isActive={editor.popup !== undefined}>\n <EditorPopup uniqid={editor.uniqid} />\n </CSSEditorPortalPopupWrapper>\n <CSSEditorPortalFreeSpace />\n </CSSEditorPortalRow>\n </CSSEditorPortal>\n );\n }\n\n return (\n <CSSEditorPortal isActive={false} key={index}>\n <CSSEditorPortalRow>\n <CSSEditorPortalFreeSpace />\n <CSSEditorPortalPopupWrapper isActive={editor.popup !== undefined}>\n <EditorPopup uniqid={editor.uniqid} />\n </CSSEditorPortalPopupWrapper>\n <EditorWrapper uniqid={editor.uniqid}></EditorWrapper>\n </CSSEditorPortalRow>\n </CSSEditorPortal>\n );\n })}\n </CSSEditorPortalWrapper>\n );\n};\n","import * as React from 'react';\n\n// FIXME move to j-react-components + display error if dev mode\nexport const Empty = () => <></>;\n","import { Query } from 'hooks/useAI';\nimport { JRCLoader, JRCModal } from 'jamespot-react-components';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nexport type AIModalProps = {\n query: Query | undefined;\n};\n\ntype ResponseType = {\n response: string | undefined;\n loading: boolean;\n error: string | undefined;\n};\n\nconst loadingResponse: ResponseType = {\n response: undefined,\n loading: true,\n error: undefined,\n};\n\nlet timeoutJIAMock: number | undefined = undefined;\nfunction callJIAMock(text: string, action: string) {\n if (timeoutJIAMock) {\n clearTimeout(timeoutJIAMock);\n }\n return new Promise<string>((resolve, _) => {\n timeoutJIAMock = window.setTimeout(() => {\n resolve(`${action} ${text}`);\n }, 3000);\n });\n}\n\nexport const AIModal = ({ query }: AIModalProps) => {\n const intl = useIntl();\n const [response, setResponse] = useState<ResponseType>(loadingResponse);\n\n const sendAIRequest = useCallback((query: Query) => {\n setResponse(loadingResponse);\n // TODO: replace with the actual query using user-api\n callJIAMock(query.text, query.capability)\n .then((response) => {\n setResponse({\n error: undefined,\n loading: false,\n response,\n });\n })\n .catch((_) => {\n setResponse({\n error: 'error calling AI',\n loading: false,\n response: undefined,\n });\n });\n }, []);\n\n useEffect(() => {\n if (query && query.text.trim().length > 0) {\n sendAIRequest(query);\n }\n }, [query]);\n\n return (\n <JRCModal\n open={!!query}\n closeHandler={() => {\n query?.reject();\n }}\n buttons={[\n {\n children: intl.formatMessage({ id: 'GLOBAL_Try_Again' }),\n clickHandler: () => {\n query && sendAIRequest(query);\n },\n },\n {\n children: intl.formatMessage({ id: 'GLOBAL_Validation' }),\n clickHandler: () => response.response && query?.resolve(response.response),\n },\n {\n children: intl.formatMessage({ id: 'GLOBAL_Cancel' }),\n clickHandler: () => query?.reject(),\n },\n ]}>\n {response.loading && <JRCLoader />}\n {!response.loading && response.error && <p>{intl.formatMessage({ id: 'GLOBAL_Error' })}</p>}\n {!response.loading && response.response && <p>{response.response}</p>}\n </JRCModal>\n );\n};\n","import { Model, Toast } from 'jamespot-front-business';\nimport React, { useCallback, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useIntl } from 'react-intl';\nimport { useTheme } from 'styled-components';\nimport { useAI } from 'hooks/useAI';\nimport { getTinyMCEMentionsQueries } from 'App';\nimport { JRCInputTinyMCE, JRCInputTinyMCEProps } from 'jamespot-react-components';\nimport { AIModal } from './extension/AIModal';\nimport JRCore from 'App';\n\nexport type JRCInputTinyMCEWithExtProps = Omit<\n JRCInputTinyMCEProps,\n 'commonOptions' | 'mentionsQueries' | 'additionalExtensions'\n>;\n\nexport const JRCInputTinyMCEWithExt = (props: JRCInputTinyMCEWithExtProps) => {\n const intl = useIntl();\n const dispatch = useDispatch();\n const theme = useTheme();\n const models = useSelector(Model.selectors.selectAll);\n const [query, extAI] = useAI();\n\n const isAIActive = useMemo(() => {\n return J.hooks?.JIAHook?.isActive && J.debug['JIABETA'];\n }, []);\n\n const extArray = useMemo(() => {\n return isAIActive ? [extAI] : [];\n }, [extAI, isAIActive]);\n\n const onMentionsQueryError = useCallback((message?: string) => {\n dispatch(Toast.actions.error({ label: message ?? intl.formatMessage({ id: 'GLOBAL_Error' }) }));\n }, []);\n\n const tinyMentionsQueries = useMemo(() => {\n return getTinyMCEMentionsQueries(models, theme, onMentionsQueryError);\n }, []);\n\n const commonOptions = useMemo(() => JRCore.tinymceCommonOptions, [JRCore.tinymceCommonOptions]);\n\n return (\n <>\n {commonOptions && (\n <JRCInputTinyMCE\n commonOptions={commonOptions}\n additionalExtensions={extArray}\n mentionsQueries={tinyMentionsQueries}\n {...props}\n />\n )}\n <AIModal query={query} />\n </>\n );\n};\n","import { JTinyMCEExtensionsBuilders } from 'jamespot-react-components';\nimport { useCallback, useMemo, useState } from 'react';\n\nexport type Query = {\n resolve: (value: string | PromiseLike<string>) => void;\n reject: (reason?: any) => void;\n capability: 'develop' | 'summarize' | 'tldr';\n text: string;\n};\n\nexport const useAI = () => {\n const [query, setQuery] = useState<Query | undefined>();\n\n const PrepareAndSetQuery = useCallback((query: Query) => {\n const internalResolve = (value: string | PromiseLike<string>) => {\n query.resolve(value);\n setQuery(undefined);\n };\n const internalReject = (value: any) => {\n query.reject(value);\n setQuery(undefined);\n };\n setQuery({\n ...query,\n reject: internalReject,\n resolve: internalResolve,\n });\n }, []);\n\n const AICapabilities = useMemo(() => {\n return {\n develop: (text: string) => {\n return new Promise<string>((resolve, reject) => {\n PrepareAndSetQuery({\n reject,\n resolve,\n text,\n capability: 'develop',\n });\n });\n },\n summarize: (text: string) => {\n return new Promise<string>((resolve, reject) => {\n PrepareAndSetQuery({\n reject,\n resolve,\n text,\n capability: 'summarize',\n });\n });\n },\n tldr: (text: string) => {\n return new Promise<string>((resolve, reject) => {\n PrepareAndSetQuery({\n reject,\n resolve,\n text,\n capability: 'tldr',\n });\n });\n },\n };\n }, []);\n\n const ext = useMemo(() => JTinyMCEExtensionsBuilders.jia(AICapabilities), []);\n\n return [query, ext] as const;\n};\n","import * as React from 'react';\nimport { Outlet } from 'react-router-dom';\nimport { useIntl } from 'react-intl';\nimport type { JRCAppColumnProps } from 'jamespot-react-components';\nimport JRCore from 'App';\nimport { useLocation } from 'react-router-dom';\nimport { LayoutMode } from 'jamespot-react-components';\n\nconst Container = JRCore.registry.getLazyComponent('Container');\nconst AppColumn = JRCore.registry.getLazyComponent('AppColumn');\nconst MainColumn = JRCore.registry.getLazyComponent('MainColumn');\n\nexport type TwoColLayoutRoute = {\n path: string;\n key: string;\n icon: string;\n label: string;\n group?: string;\n absolutePath?: boolean;\n};\n\nexport type TwoColLayoutRoutes<T extends TwoColLayoutRoute = TwoColLayoutRoute> = Record<string, T>;\n\nexport type TwoColLayoutProps = {\n extensionRoute: string;\n routes: TwoColLayoutRoutes;\n mode?: LayoutMode;\n description: JRCAppColumnProps['description'];\n};\n\nexport function TwoColLayout({ extensionRoute, routes, description, mode = 'center' }: TwoColLayoutProps) {\n const intl = useIntl();\n const { pathname } = useLocation();\n\n const ROUTES_ARRAY = Object.values(routes);\n const [activeTab, setActiveTab] = React.useState(ROUTES_ARRAY?.[0]?.key);\n\n const tabs = ROUTES_ARRAY.map((tab) => ({\n ...tab,\n label: intl.formatMessage({ id: tab.label }),\n href: tab.absolutePath ? tab.path : `/ng/rr/${extensionRoute}/${tab.path}`,\n group: tab.group ? intl.formatMessage({ id: tab.group }) : undefined,\n }));\n\n React.useEffect(() => {\n const activeRoute = ROUTES_ARRAY.find((route) => pathname === `/ng/rr/${extensionRoute}/${route.path}`);\n if (activeRoute) setActiveTab(activeRoute.key);\n }, [pathname]);\n\n return (\n <React.Suspense fallback={<></>}>\n <Container mode={mode}>\n <AppColumn mode={mode} description={description} tabs={tabs} activeTab={activeTab || ''} />\n <MainColumn mode={mode}>\n <Outlet />\n </MainColumn>\n </Container>\n </React.Suspense>\n );\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\n\nimport JRCore from 'App';\n\nconst JRCLoader = JRCore.registry.getLazyComponent('Loader');\n\nimport { WidgetKeys, WidgetsRootState } from 'jamespot-user-api';\nimport { Widget } from 'jamespot-front-business';\n\n/*\n Widget state\n*/\n\nexport const WidgetState = ({ name, uniqid, inplace }: { name: WidgetKeys; uniqid: string; inplace: boolean }) => {\n const state = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidgetState(state, uniqid));\n const def = Widget.definition(name);\n\n if (state?.loading) {\n return (\n <div\n style={{\n position: 'absolute',\n inset: 0,\n backgroundColor: 'rgba(255,255,255,.7)',\n display: 'flex',\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n }}>\n <JRCLoader />\n </div>\n );\n }\n\n if (state?.hover) {\n return (\n <div\n style={{\n position: 'absolute',\n inset: 0,\n backgroundColor: 'rgba(255,255,255,.7)',\n display: 'flex',\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n }}></div>\n );\n }\n\n if (!state?.initialized && inplace) {\n return <></>;\n }\n\n if (!state?.initialized && !inplace) {\n return (\n <div\n style={{\n position: 'absolute',\n inset: 0,\n backgroundColor: 'rgba(255,255,255,1)',\n display: 'flex',\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n }}>\n <img src={def.img} />\n </div>\n );\n }\n\n return <></>;\n};\n","import React from 'react';\n\nimport { useSelector } from 'react-redux';\n\nimport { jFileLittle } from 'jamespot-user-api';\n\nimport JRCore from 'App';\nimport { Widget } from 'jamespot-front-business';\nimport styled from 'styled-components';\n\nexport const CSSHidden = styled.div`\n width: 0;\n height: 0;\n overflow: hidden;\n`;\n\nconst JRCFormFile = JRCore.registry.getLazyComponent('DEPRECATEDFormInputFile');\n\ntype InplaceUploaderProps = {\n children: React.ReactNode;\n initialFiles: jFileLittle[];\n initialClick?: boolean;\n multiple: boolean;\n accept: string;\n onUploadStart: () => void;\n onUploadEnd: () => void;\n onUploadSuccess: (files: jFileLittle[]) => void;\n};\n\nexport const WidgetUploader = ({\n children,\n initialFiles,\n initialClick,\n multiple,\n accept,\n onUploadStart,\n onUploadEnd,\n onUploadSuccess,\n}: InplaceUploaderProps) => {\n const uploadRef = React.useRef<HTMLInputElement>(null);\n const token = useSelector(Widget.selectors.selectToken);\n const [total, setTotal] = React.useState<number>(0);\n const [files, setFiles] = React.useState<jFileLittle[]>(initialFiles);\n\n React.useEffect(() => {\n if (initialClick) {\n uploadRef.current?.click();\n }\n }, [initialClick]);\n\n React.useEffect(() => {\n if (initialFiles.length !== files.length) {\n setFiles(initialFiles);\n }\n }, [initialFiles]);\n\n React.useEffect(() => {\n onUploadSuccess(files);\n }, [files]);\n\n React.useEffect(() => {\n if (total === 0) {\n onUploadEnd();\n }\n }, [total]);\n\n return (\n <>\n <div\n onClick={() => {\n if (initialClick) {\n uploadRef.current?.click();\n }\n }}>\n {children}\n </div>\n <CSSHidden>\n <JRCFormFile\n ref={uploadRef}\n id=\"widget-upload-file\"\n name=\"editorFiles\"\n content={''}\n accept={accept as any}\n multiple={multiple}\n token={token}\n onUploadStart={(totalFile) => {\n if (totalFile !== undefined) {\n setTotal((prevTotal) => prevTotal + totalFile);\n }\n if (typeof onUploadStart === 'function' && totalFile !== 0) {\n onUploadStart();\n }\n }}\n onUploadSuccess={(fileResponse) => {\n if (fileResponse === undefined) {\n return;\n }\n setTotal((prevTotal) => (prevTotal !== undefined ? prevTotal - 1 : 0));\n setFiles((prevFiles) => (multiple ? [...prevFiles, fileResponse] : [fileResponse]));\n }}\n />\n </CSSHidden>\n </>\n );\n};\n","import React from 'react';\n\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport { WidgetArticleGalleryType, WidgetDisplayMode, WidgetStateProps, WidgetsRootState } from 'jamespot-user-api';\n\nimport JRCore from 'App';\nimport { Widget } from 'jamespot-front-business';\nimport { JRCWidgetEmptyInplace } from 'jamespot-react-components';\nimport { WidgetUploader } from '../components/WidgetUploader';\n\nconst JRCWidgetArticleGallery = JRCore.registry.getLazyComponent('WidgetArticleGallery');\n\nconst FileViewer = JRCore.registry.getLazyComponent('FileViewer');\n\nexport const JRCWidgetArticleGalleryWrapper = ({\n widget,\n inplace,\n mode,\n onStateChange,\n}: {\n widget: WidgetArticleGalleryType;\n inplace?: boolean;\n mode?: WidgetDisplayMode;\n onStateChange: (state: WidgetStateProps) => void;\n}) => {\n const { uniqid } = widget;\n const { files } = widget.content;\n const dispatch = useDispatch();\n const widgetWrapper = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidget(state, uniqid));\n const isActive = useSelector((state: WidgetsRootState) => Widget.selectors.isActive(state, uniqid), shallowEqual);\n\n React.useEffect(() => {\n onStateChange({ mounted: true });\n }, []);\n\n return files !== undefined ? (\n <>\n {mode === 'edit' ? (\n <JRCWidgetArticleGallery\n files={files}\n maxWidth={800}\n gap={widget.content.gap ?? '10'}\n column={widget.content.column ?? '3'}\n onClick={() => undefined}\n />\n ) : (\n <FileViewer files={files} openWithOptions={{}}>\n {(open) => {\n return (\n <JRCWidgetArticleGallery\n files={files}\n maxWidth={600}\n gap={widget.content.gap ?? '10'}\n column={widget.content.column ?? '3'}\n onClick={(idFile) => open(idFile)}\n />\n );\n }}\n </FileViewer>\n )}\n {inplace && mode === 'edit' ? (\n <WidgetUploader\n initialFiles={files}\n initialClick={isActive}\n accept={'image/png, image/jpeg, image/jpg'}\n multiple={true}\n onUploadSuccess={(files) => {\n if (widgetWrapper?.widget.name === 'widget-article-gallery') {\n dispatch(\n Widget.slice.actions.updateWidget({\n uniqid,\n content: { files },\n }),\n );\n }\n }}\n onUploadStart={() => {\n dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: true }));\n }}\n onUploadEnd={() => {\n dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: false }));\n }}>\n <JRCWidgetEmptyInplace\n label={'WIDGET_Article_Gallery_Empty_Label'}\n description={'WIDGET_Article_Gallery_Empty_Description'}\n url={'widget-article-image-placeholder.png'}\n onClick={() => undefined}\n />\n </WidgetUploader>\n ) : (\n <></>\n )}\n </>\n ) : (\n <></>\n );\n};\n","import React from 'react';\n\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport jamespot, {\n jFileLittle,\n WidgetArticleAttachmentType,\n WidgetDisplayMode,\n WidgetStateProps,\n WidgetsRootState,\n} from 'jamespot-user-api';\n\nimport JRCore from 'App';\nimport { Application, Toast, Widget } from 'jamespot-front-business';\nimport { JRCWidgetEmptyInplace, JRCFileViewerOpenWithOptionsType } from 'jamespot-react-components';\nimport { WidgetUploader } from '../components/WidgetUploader';\n\nconst JRCWidgetArticleAttachment = JRCore.registry.getLazyComponent('WidgetArticleAttachment');\n\nconst FileViewer = JRCore.registry.getLazyComponent('FileViewer');\n\n// DUPLICATE FROM WEDOC\nexport const wedocWindowOpen = (idFile: number, hash: string, target?: '_blank') => {\n window.open(getWedocFilePath(idFile, hash), target);\n};\n\n// DUPLICATE FROM WEDOC\nexport function getWedocFilePath(idFile: number, hash: string) {\n return `/ng/rr/file/${idFile}/${hash}`;\n}\n\nexport const JRCWidgetArticleAttachmentWrapper = ({\n widget,\n inplace,\n mode,\n onStateChange,\n}: {\n widget: WidgetArticleAttachmentType;\n inplace?: boolean;\n mode?: WidgetDisplayMode;\n onStateChange: (state: WidgetStateProps) => void;\n}) => {\n const { uniqid } = widget;\n const { files } = widget.content;\n const dispatch = useDispatch();\n const widgetWrapper = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidget(state, uniqid));\n const isActive = useSelector((state: WidgetsRootState) => Widget.selectors.isActive(state, uniqid), shallowEqual);\n\n React.useEffect(() => {\n onStateChange({ mounted: true });\n }, []);\n\n const onlyOffice = useSelector((state: any) => Application.selectors.selectById(state, 'OnlyOfficeHook'));\n\n const onClick = (file: jFileLittle | undefined) => {\n if (!file) {\n return;\n }\n jamespot.object\n .getAccessHash(`fileArticle/${file.id}`)\n .then((response) => {\n if (response.result === '') {\n throw new Error('result empty');\n }\n const hash = response.result;\n wedocWindowOpen(file.id, hash);\n })\n .catch(() => {\n dispatch(Toast.actions.error({ label: 'Unable to open this file' }, 6000));\n });\n };\n\n const option = [\n {\n label: 'Wedoc',\n onClick: onClick,\n },\n ];\n\n const openWithOptions: JRCFileViewerOpenWithOptionsType = onlyOffice\n ? {\n 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': option,\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': option,\n 'application/vnd.openxmlformats-officedocument.presentationml.presentation': option,\n }\n : {};\n\n return files !== undefined ? (\n <>\n {mode !== 'view' ? (\n <JRCWidgetArticleAttachment files={files} onClick={() => undefined} />\n ) : (\n <FileViewer files={files} openWithOptions={openWithOptions}>\n {(open) => {\n return <JRCWidgetArticleAttachment files={files} onClick={(idFile) => open(idFile)} />;\n }}\n </FileViewer>\n )}\n {inplace && mode !== 'view' ? (\n <WidgetUploader\n initialFiles={files}\n initialClick={isActive}\n multiple={true}\n accept={'*'}\n onUploadSuccess={(files) => {\n if (widgetWrapper?.widget.name === 'widget-article-attachment') {\n dispatch(\n Widget.slice.actions.updateWidget({\n uniqid,\n content: { files },\n }),\n );\n }\n }}\n onUploadStart={() => {\n dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: true }));\n }}\n onUploadEnd={() => {\n dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: false }));\n }}>\n {mode === 'edit' ? (\n <JRCWidgetEmptyInplace\n label={'WIDGET_Article_Attachment_Empty_Label'}\n description={'WIDGET_Article_Attachment_Empty_Description'}\n url={'widget-article-image-placeholder.png'}\n onClick={() => undefined}\n />\n ) : (\n <></>\n )}\n </WidgetUploader>\n ) : (\n <></>\n )}\n </>\n ) : (\n <></>\n );\n};\n","import React from 'react';\n\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport { WidgetArticleImageType, WidgetDisplayMode, WidgetStateProps, WidgetsRootState } from 'jamespot-user-api';\nimport { useIntl } from 'react-intl';\nimport JRCore from 'App';\nimport { Widget } from 'jamespot-front-business';\nimport { JRCWidgetEmptyInplace } from 'jamespot-react-components';\nimport { WidgetUploader } from '../components/WidgetUploader';\n\nconst JRCWidgetArticleImage = JRCore.registry.getLazyComponent('WidgetArticleImage');\n\nimport styled from 'styled-components';\n\nconst CSSImageWrapperHover = styled.div`\n position: absolute;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.4);\n pointer-event: none;\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n color: ${(props) => props.theme.color.white};\n &:hover {\n opacity: 1;\n }\n`;\n\nexport const JRCWidgetArticleImageWrapper = ({\n widget,\n inplace,\n mode,\n onStateChange,\n}: {\n widget: WidgetArticleImageType;\n inplace?: boolean;\n mode?: WidgetDisplayMode;\n onStateChange: (state: WidgetStateProps) => void;\n}) => {\n const { uniqid } = widget;\n const { file, displayAs, useFilter, backgroundPosition, backgroundSize, borderRadius } = widget.content;\n const dispatch = useDispatch();\n const widgetWrapper = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidget(state, uniqid));\n const isActive = useSelector((state: WidgetsRootState) => Widget.selectors.isActive(state, uniqid), shallowEqual);\n const intl = useIntl();\n\n React.useEffect(() => {\n onStateChange({ mounted: true });\n }, []);\n\n return (\n <>\n <JRCWidgetArticleImage\n maxWidth={mode !== 'view' ? 800 : 600}\n uri={file !== undefined ? `/imagecache/fitx1200/fileArticle/${file.id}.png` : undefined}\n displayAs={displayAs ?? 'image'}\n borderRadius={borderRadius ?? '8'}\n useFilter={useFilter ?? false}\n backgroundPosition={backgroundPosition ?? 'center'}\n backgroundSize={backgroundSize ?? 'auto'}\n />\n {inplace && mode === 'edit' ? (\n <WidgetUploader\n initialFiles={[]}\n initialClick={isActive}\n accept={'image/png, image/jpeg, image/jpg'}\n multiple={false}\n onUploadSuccess={(files) => {\n if (widgetWrapper?.widget.name === 'widget-article-image' && files[0] !== undefined) {\n dispatch(\n Widget.slice.actions.updateWidget({\n uniqid,\n content: { file: files[0] },\n }),\n );\n }\n }}\n onUploadStart={() => {\n dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: true }));\n }}\n onUploadEnd={() => {\n dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: false }));\n }}>\n {file !== undefined ? (\n <CSSImageWrapperHover>\n {intl.formatMessage({ id: 'ARTICLE_Widget_Image_Change' })}\n </CSSImageWrapperHover>\n ) : (\n <JRCWidgetEmptyInplace\n label={'WIDGET_Article_Image_Empty_Label'}\n description={'WIDGET_Article_Image_Empty_Description'}\n url={'widget-article-image-placeholder.png'}\n onClick={() => undefined}\n />\n )}\n </WidgetUploader>\n ) : (\n <></>\n )}\n </>\n );\n};\n","import React from 'react';\n\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport { WidgetArticleTitleType, WidgetDisplayMode, WidgetsRootState } from 'jamespot-user-api';\n\nimport { Widget } from 'jamespot-front-business';\nimport { JRCWidgetArticleTitle } from 'jamespot-react-components';\n\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div`\n flex: 1;\n display: flex;\n flex-direction: row;\n min-height: 60px;\n align-items: center;\n`;\n\nconst ToolWrapper = styled.div`\n display: flex;\n flex-direction: row;\n border-radius: 8px;\n overflow: hidden;\n margin: 4px;\n border: 1px solid ${(props) => props.theme.color.grey1};\n`;\n\nconst Tool = styled.button<{ isActive: boolean }>`\n display: flex;\n width: 40px;\n height: 40px;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n opacity: ${(props) => (props.isActive ? '1.0' : '.8')};\n background-color: ${(props) => (props.isActive ? props.theme.color.grey1 : props.theme.color.white)};\n &:hover {\n background-color: ${(props) => props.theme.color.grey1};\n }\n`;\n\nexport const JRCWidgetArticleTitleWrapper = ({\n widget,\n inplace,\n mode,\n}: {\n widget: WidgetArticleTitleType;\n inplace: boolean;\n mode?: WidgetDisplayMode;\n}) => {\n const { uniqid } = widget;\n const { text, color, heading } = widget.content;\n const dispatch = useDispatch();\n const widgetWrapper = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidget(state, uniqid));\n const isActive = useSelector((state: WidgetsRootState) => Widget.selectors.isActive(state, uniqid), shallowEqual);\n\n return (\n <Wrapper>\n <JRCWidgetArticleTitle\n text={text}\n color={color}\n heading={heading}\n autoFocus={isActive}\n inplace={inplace}\n mode={mode}\n onChange={(text) => {\n if (widgetWrapper?.widget.name === 'widget-article-title') {\n dispatch(\n Widget.slice.actions.updateWidget({\n uniqid,\n content: { ...widgetWrapper.widget.content, text },\n }),\n );\n }\n }}\n />\n {isActive && mode === 'edit' ? (\n <Toolbar\n heading={heading}\n onClick={(heading) => {\n if (widgetWrapper?.widget.name === 'widget-article-title') {\n dispatch(\n Widget.slice.actions.updateWidget({\n uniqid,\n content: { ...widgetWrapper.widget.content, heading },\n }),\n );\n }\n }}\n />\n ) : (\n <></>\n )}\n </Wrapper>\n );\n};\n\nexport const Toolbar = ({ heading = 'h1', onClick }: { heading?: string; onClick: (size: string) => void }) => {\n const sizes: string[] = ['h1', 'h2', 'h3', 'h4'];\n return (\n <ToolWrapper>\n {sizes.map((sizeValue, index: number) => (\n <Tool key={index} isActive={heading === sizeValue} onClick={() => onClick(sizeValue)}>\n {sizeValue}\n </Tool>\n ))}\n </ToolWrapper>\n );\n};\n","import React from 'react';\n\nimport { useDispatch } from 'react-redux';\n\nimport { CombinedWidgetContent, CombinedWidgetType, WidgetDisplayMode, WidgetStateProps } from 'jamespot-user-api';\n\nimport JRCore from 'App';\nimport { Widget } from 'jamespot-front-business';\n\nimport { JRCWidgetArticleGalleryWrapper } from './wrapper/JRCWidgetArticleGalleryWrapper';\nimport { JRCWidgetArticleAttachmentWrapper } from './wrapper/JRCWidgetArticleAttachmentWrapper';\nimport { JRCWidgetArticleImageWrapper } from './wrapper/JRCWidgetArticleImageWrapper';\nimport { JRCWidgetArticleTitleWrapper } from './wrapper/JRCWidgetArticleTitleWrapper';\n\nconst JRCWidgetArticleButton = JRCore.registry.getLazyComponent('WidgetArticleButton');\nconst JRCWidgetArticleText = JRCore.registry.getLazyComponent('WidgetArticleText');\n\nexport const DisplayWidget = ({\n widget,\n inplace = false,\n isComponentVisible = false,\n mode = 'view',\n onClick,\n}: {\n widget: CombinedWidgetType;\n width?: number | undefined;\n inplace: boolean;\n isComponentVisible: boolean | undefined;\n mode: WidgetDisplayMode;\n onClick: () => void;\n}) => {\n const dispatch = useDispatch();\n const { name, uniqid } = widget;\n\n const onChange = (content: CombinedWidgetContent, override?: boolean) =>\n dispatch(Widget.slice.actions.updateWidget({ uniqid, content, override }));\n\n const onStateChange = (states: WidgetStateProps) =>\n dispatch(Widget.slice.actions.setWidgetState({ uniqid, ...states }));\n\n switch (name) {\n default:\n return <>cannot display widget ({name})</>;\n case 'widget-article-button':\n return (\n <JRCWidgetArticleButton\n isComponentVisible={isComponentVisible}\n content={widget.content}\n inplace={inplace}\n mode={mode}\n onChange={onChange}\n onClick={onClick}\n onStateChange={onStateChange}\n />\n );\n case 'widget-article-gallery':\n return (\n <JRCWidgetArticleGalleryWrapper\n widget={widget}\n inplace={inplace}\n mode={mode}\n onStateChange={onStateChange}\n />\n );\n case 'widget-article-attachment':\n return (\n <JRCWidgetArticleAttachmentWrapper\n widget={widget}\n inplace={inplace}\n mode={mode}\n onStateChange={onStateChange}\n />\n );\n case 'widget-article-image':\n return (\n <JRCWidgetArticleImageWrapper\n widget={widget}\n inplace={inplace}\n mode={mode}\n onStateChange={onStateChange}\n />\n );\n case 'widget-article-title':\n return <JRCWidgetArticleTitleWrapper widget={widget} inplace={inplace} mode={mode} />;\n case 'widget-article-text':\n return (\n <JRCWidgetArticleText\n content={widget.content}\n isComponentVisible={isComponentVisible}\n inplace={inplace}\n mode={mode}\n onChange={onChange}\n onStateChange={onStateChange}\n />\n );\n }\n};\n","import styled from 'styled-components';\n\nexport const CSSWidgetLayer = styled.div<{ opacity: number; backgroundColor: string; pointerEvents: string }>`\n position: absolute;\n inset: 0;\n opacity: ${(props) => props.opacity};\n background-color: ${(props) => props.backgroundColor};\n pointer-events: ${(props) => props.pointerEvents};\n`;\n","import React from 'react';\n\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport { WidgetVector, WidgetsRootState, WidgetDisplayMode, WidgetKeys } from 'jamespot-user-api';\n\nimport { WidgetEditor, Widget } from 'jamespot-front-business';\nimport WidgetWrapperCore from '../WidgetWrapperCore';\nimport { CSSWidgetLayer } from './WidgetLayer.style';\nimport { BETA_JRCDoubleClick } from 'jamespot-react-components';\n\n/*\n Widget layering\n*/\n\nexport const WidgetLayer = ({ uniqid, mode }: { uniqid: string; mode: WidgetDisplayMode }) => {\n const layers = useSelector((state: WidgetsRootState) => state.widgets.ids[uniqid].widget.layers, shallowEqual);\n return (\n <>\n {layers?.map((layer, index) => {\n if (mode === 'edit') {\n return <Layer uniqid={layer} key={index} mode={'edit'} />;\n }\n\n return <Layer uniqid={layer} key={index} mode={'edit'} />;\n })}\n </>\n );\n};\n\nconst Layer = ({ uniqid, mode }: { uniqid: string; mode: WidgetDisplayMode }) => {\n const layer = useSelector((state: WidgetsRootState) => state.widgets.layers[uniqid]);\n if (mode === 'view') {\n return (\n <CSSWidgetLayer opacity={1} backgroundColor={'transparent'} pointerEvents={'none'}>\n {layer.widgets.map((widgetWrapper, index) => {\n return (\n <LayerWidget\n key={index}\n layerId={layer.uniqid}\n uniqid={widgetWrapper.widget.uniqid}\n mode={'view'}\n />\n );\n })}\n </CSSWidgetLayer>\n );\n }\n\n return (\n <CSSWidgetLayer\n opacity={layer.visible ? 1 : 0}\n backgroundColor={layer.visible ? 'rgba(255,255,255,.1)' : 'transparent'}\n pointerEvents={layer.locked ? 'none' : 'all'}>\n {layer.widgets.map((widgetWrapper, index) => {\n return (\n <LayerWidget\n key={index}\n layerId={layer.uniqid}\n uniqid={widgetWrapper.widget.uniqid}\n mode={'edit'}\n />\n );\n })}\n </CSSWidgetLayer>\n );\n};\n\n/*\n Widget from the layer\n*/\nconst LayerWidget = ({ uniqid, layerId, mode }: { uniqid: string; layerId: string; mode: WidgetDisplayMode }) => {\n const dispatch = useDispatch();\n const widgetWrapper = useSelector((state: WidgetsRootState) => state.widgets.ids[uniqid], shallowEqual);\n const layer = useSelector((state: WidgetsRootState) => state.widgets.layers[layerId]);\n\n if (!widgetWrapper) {\n return <></>;\n }\n\n if (!layer) {\n return <></>;\n }\n\n if (!layer.position) {\n return <></>;\n }\n\n const onDoubleTap = (uniqid: string, name: WidgetKeys) => {\n /*\n Open editor\n */\n dispatch(WidgetEditor.slice.actions.registerEditor({ uniqid, name }));\n };\n\n const onMouseUp = (position: WidgetVector) => {\n dispatch(Widget.slice.actions.updateLayer({ uniqid: layerId, props: { position } }));\n };\n\n if (mode === 'view') {\n return (\n <div style={{ position: 'absolute', top: layer.position.y, left: layer.position.x }}>\n <WidgetWrapperCore uniqid={uniqid} widget={widgetWrapper} mode={mode} inplace={true} />\n </div>\n );\n }\n\n return (\n <DraggableHandler\n position={{ x: layer.position.x, y: layer.position.y }}\n onMouseUp={(position: WidgetVector) => {\n if (\n (layer.position && layer.position.x !== position.x) ||\n (layer.position && layer.position.y !== position.y)\n ) {\n onMouseUp(position);\n }\n }}>\n <BETA_JRCDoubleClick\n onDoubleTap={() => onDoubleTap(widgetWrapper.widget.uniqid, widgetWrapper.widget.name)}>\n <WidgetWrapperCore uniqid={uniqid} widget={widgetWrapper} mode={mode} inplace={true} />\n </BETA_JRCDoubleClick>\n </DraggableHandler>\n );\n};\n\nexport type Vector = {\n x: number;\n y: number;\n};\n\n// TODO: COMBINE WITH THE ONE USED ON COLOR PICKER\n// TODO: COMBINE WITH THE ONE USED ON COLOR PICKER\n// TODO: COMBINE WITH THE ONE USED ON COLOR PICKER\nexport const DraggableHandler = ({\n position,\n children,\n onMouseUp,\n}: {\n position: Vector;\n children: React.ReactElement;\n onMouseUp: (position: Vector) => void;\n}) => {\n const [mouseIsDown, setMouseDown] = React.useState<boolean>(false);\n const [mouse, setMouse] = React.useState<Vector>({ x: 0, y: 0 });\n const [start, setStart] = React.useState<Vector>({ x: 0, y: 0 });\n const [child, setChild] = React.useState<Vector>({ x: position.x, y: position.y });\n\n const ref = React.useRef<HTMLDivElement>(null);\n\n const handleMouseDown = (event: any) => {\n setMouseDown(true);\n if (ref.current) {\n setMouse({ x: event.nativeEvent.clientX, y: event.nativeEvent.clientY });\n setStart({ x: child.x, y: child.y });\n }\n };\n\n const handleMouseMove = React.useCallback(\n (event: any) => {\n if (mouseIsDown && ref.current) {\n const dx = start.x + (event.clientX - mouse.x);\n const dy = start.y + (event.clientY - mouse.y);\n\n setChild({ x: dx, y: dy });\n }\n },\n [mouseIsDown],\n );\n\n const handleMouseUp = () => {\n setMouseDown(false);\n onMouseUp({ x: child.x, y: child.y });\n };\n\n React.useEffect(() => {\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n return () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }, [handleMouseMove]);\n\n return (\n <div style={{ position: 'absolute', top: child.y, left: child.x }} ref={ref} onMouseDown={handleMouseDown}>\n {children}\n </div>\n );\n};\n","import React from 'react';\nimport { useSelector, useDispatch, shallowEqual } from 'react-redux';\n\nimport { WidgetDisplayMode, WidgetsRootState, WidgetWrapperProps } from 'jamespot-user-api';\nimport { WidgetState } from './WidgetState';\nimport { DisplayWidget } from './Widget';\nimport { Widget, WidgetEditor } from 'jamespot-front-business';\nimport { useComponentVisible } from './hooks';\nimport { WidgetLayer } from './WidgetLayer/WidgetLayer';\n\n/*\n This is a widget wrapper\n*/\nexport const WidgetWrapperCore = ({\n uniqid,\n widget,\n inplace = true,\n mode,\n width,\n}: {\n uniqid: string;\n widget: WidgetWrapperProps;\n inplace?: boolean;\n mode: WidgetDisplayMode;\n width?: number | undefined;\n}) => {\n const dispatch = useDispatch();\n const widgetWrapper = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidget(state, uniqid));\n const isBusy = useSelector(\n (state: WidgetsRootState) => Widget.selectors.selectWidgetState(state, uniqid)?.busy,\n shallowEqual,\n );\n const indexOrder = useSelector((state: WidgetsRootState) => state.widgets.editableMap[uniqid], shallowEqual);\n const currentEditableWidgetId = useSelector(\n (state: WidgetsRootState) => state.widgets.currentEditableWidgetId,\n shallowEqual,\n );\n const isActive = useSelector(\n (state: WidgetsRootState) => state.widgets.currentEditableWidgetId === uniqid,\n shallowEqual,\n );\n const { ref, isComponentVisible, setIsComponentVisible } = useComponentVisible(false);\n\n React.useEffect(() => {\n if (widget) {\n /*\n Register widget\n */\n dispatch(Widget.slice.actions.registerWidget({ uniqid, widget }));\n }\n }, []);\n\n React.useEffect(() => {\n if (!isComponentVisible) {\n if (uniqid === currentEditableWidgetId) {\n dispatch(Widget.slice.actions.setEditableWidgetId({ uniqid: undefined }));\n }\n }\n }, [isComponentVisible]);\n\n React.useEffect(() => {\n if (isComponentVisible !== isActive) {\n setIsComponentVisible(isActive);\n }\n }, [isActive]);\n\n if (widgetWrapper === undefined) {\n return <>This widget cannot be desplayed</>;\n }\n\n const onClick = () => {\n if (mode === 'edit') {\n registerEditor();\n } else {\n if (widgetWrapper.widget.name === 'widget-article-button') {\n switch (widgetWrapper.widget.content.openingType) {\n case 'link':\n if (widgetWrapper.widget.content.openingTypeLink) {\n window.open(\n widgetWrapper.widget.content.openingTypeLink.url,\n widgetWrapper.widget.content.openingTypeLink.target,\n );\n }\n break;\n }\n }\n }\n };\n\n const registerEditor = () => {\n if (mode === 'view') {\n return;\n }\n /*\n Register editor\n */\n const { widget } = widgetWrapper;\n dispatch(\n WidgetEditor.slice.actions.registerEditor({\n uniqid: widget.uniqid,\n name: widget.name,\n }),\n );\n };\n\n if (inplace && mode !== 'view') {\n return (\n <div\n style={{ minWidth: width !== undefined ? width : '100%' }}\n ref={ref}\n onClick={() => {\n setIsComponentVisible(true);\n if (indexOrder) {\n dispatch(Widget.slice.actions.setEditableIndex({ index: indexOrder.index }));\n dispatch(Widget.slice.actions.setEditableWidgetId({ uniqid }));\n }\n }}>\n <DisplayWidget\n width={width}\n widget={widgetWrapper.widget}\n inplace={inplace}\n isComponentVisible={isComponentVisible || isBusy || isActive ? true : false}\n mode={mode}\n onClick={onClick}\n />\n <WidgetLayer uniqid={uniqid} mode={mode} />\n <WidgetState name={widgetWrapper.widget.name} uniqid={widgetWrapper.widget.uniqid} inplace={inplace} />\n </div>\n );\n }\n\n return (\n <div\n style={{ flex: 1, display: 'flex', minWidth: width !== undefined ? width : '100%' }}\n onClick={registerEditor}>\n <DisplayWidget\n widget={widgetWrapper.widget}\n isComponentVisible={false}\n inplace={inplace}\n mode={mode}\n width={width}\n onClick={onClick}\n />\n <WidgetLayer uniqid={uniqid} mode={mode} />\n <WidgetState name={widgetWrapper.widget.name} uniqid={widgetWrapper.widget.uniqid} inplace={inplace} />\n </div>\n );\n};\n\nexport default WidgetWrapperCore;\n","import styled from 'styled-components';\n\nexport const CSSSquareWidgetWrapper = styled.div`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n`;\n\nexport const CSSSquareWidget = styled.div<{ available: boolean }>`\n border: 1px solid ${(props) => props.theme.color.grey2};\n border-radius: 8px;\n cursor: pointer;\n padding: 12px;\n position: relative;\n opacity: ${(props) => (props.available ? '1' : '.4')};\n pointer-events: ${(props) => (props.available ? 'all' : 'none')};\n\n .show-on-hover {\n position: absolute;\n inset: 0;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n display: flex;\n opacity: 0;\n background-color: #ffffffe6;\n }\n\n &:hover {\n .show-on-hover {\n opacity: 1;\n }\n }\n`;\n\nexport const CSSWidgetButton = styled.div<{ open: boolean }>`\n border: 2px solid ${(props) => props.theme.color.primary};\n height: ${(props) => (props.open ? '320' : '54')}px;\n border-radius: 8px;\n display: flex;\n justify-content: top;\n flex-direction: column;\n transition: height 0.4s;\n overflow: hidden;\n flex-direction: column;\n`;\n\nexport const CSSWrapWidgetWrapper = styled.div`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n`;\n\nexport const CSSWrapTitle = styled.div`\n min-height: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n color: ${(props) => props.theme.color.primary};\n`;\n\nexport const CSSWrapWidget = styled.button<{ open: boolean; index: number }>`\n height: 72px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 40%;\n border: 1px solid ${(props) => props.theme.color.grey2};\n border-radius: 8px;\n transition: opacity 0.4s ease ${(props) => props.index * 40}ms;\n opacity: ${(props) => (props.open ? 1 : 0)};\n`;\n","import React from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { WidgetDefinitionProps, WidgetKeys, WidgetWrapperProps } from 'jamespot-user-api';\n\nimport JRCore from 'App';\nimport { Widget } from 'jamespot-front-business';\nimport { getBuilderWidgets } from '../namespace';\nimport {\n CSSSquareWidget,\n CSSSquareWidgetWrapper,\n CSSWidgetButton,\n CSSWrapTitle,\n CSSWrapWidget,\n CSSWrapWidgetWrapper,\n} from './WidgetList.style';\nimport { JRCModalLayoutProps } from 'jamespot-react-components';\n\nconst JRCButton = JRCore.registry.getLazyComponent('Button');\nconst JRCModalLayout = JRCore.registry.getLazyComponent('ModalLayout');\nconst JRCModalContent = JRCore.registry.getLazyComponent('ModalContent');\n\ntype WidgetListMode = 'button' | 'list' | 'gallery' | 'custom' | 'article';\n\n/*\n Widget Builder\n*/\nexport const WidgetList = ({\n mode,\n view,\n children,\n namespace = 'default',\n onChange,\n}: {\n mode?: WidgetListMode;\n view?: string;\n children?: any;\n namespace?: string;\n onChange: (widget: WidgetWrapperProps) => void;\n}) => {\n const [isOpen, setOpen] = React.useState<boolean>(false);\n const widgets = getBuilderWidgets(namespace);\n const intl = useIntl();\n\n const args: JRCModalLayoutProps = {\n open: isOpen,\n portalId: 'react-modal',\n variant: 'full-height',\n closeHandler: () => setOpen(false),\n };\n\n const onClick = (name: WidgetKeys) => {\n onChange(Widget.factory(name));\n setOpen(false);\n };\n\n return (\n <>\n <JRCModalLayout {...args}>\n <JRCModalContent onClickIconClose={args.closeHandler} title=\"widget builder\">\n <CSSSquareWidgetWrapper>\n {widgets.map((widget, index: number) => {\n return (\n <CSSSquareWidget\n key={index}\n onClick={() => onClick(widget.name)}\n available={widget.available}>\n <img src={widget.img} />\n <div className=\"show-on-hover\">{intl.formatMessage({ id: widget.label })}</div>\n </CSSSquareWidget>\n );\n })}\n </CSSSquareWidgetWrapper>\n </JRCModalContent>\n </JRCModalLayout>\n {mode === 'custom' && children ? <div onClick={() => setOpen(true)}>{children}</div> : <></>}\n {mode === 'button' && view === 'edit' ? (\n <JRCButton onClick={() => setOpen(true)} variant={'outlined'} minWidth={'100%'}>\n {intl.formatMessage({ id: 'WIDGET_Add_Widget' })}\n </JRCButton>\n ) : (\n <></>\n )}\n {mode === 'gallery' && view === 'edit' ? (\n <CSSSquareWidgetWrapper>\n {widgets.map((widget, index: number) => {\n return (\n <CSSSquareWidget\n key={index}\n onClick={() => onClick(widget.name)}\n available={widget.available}>\n <img src={widget.img} />\n <div className=\"show-on-hover\">{intl.formatMessage({ id: widget.label })}</div>\n </CSSSquareWidget>\n );\n })}\n </CSSSquareWidgetWrapper>\n ) : (\n <></>\n )}\n {mode === 'article' && view === 'edit' ? <WidgetModeArticle widgets={widgets} onClick={onClick} /> : <></>}\n </>\n );\n};\n\nconst WidgetModeArticle = ({\n widgets,\n onClick,\n}: {\n widgets: WidgetDefinitionProps[];\n onClick: (name: WidgetKeys) => void;\n}) => {\n const [open, isOpen] = React.useState(false);\n const intl = useIntl();\n return (\n <>\n <CSSWidgetButton open={open}>\n <CSSWrapTitle onClick={() => isOpen(!open)}>\n {intl.formatMessage({ id: 'WIDGET_Add_Widget' })}\n </CSSWrapTitle>\n <CSSWrapWidgetWrapper>\n {widgets.map((widget, index) => {\n return (\n <CSSWrapWidget\n key={widget.name}\n open={open}\n index={index}\n onClick={() => onClick(widget.name)}>\n {intl.formatMessage({ id: widget.label })}\n </CSSWrapWidget>\n );\n })}\n </CSSWrapWidgetWrapper>\n </CSSWidgetButton>\n </>\n );\n};\n","import { Widget } from 'jamespot-front-business';\nimport { WidgetDefinitionProps } from 'jamespot-user-api';\n\nexport function getBuilderWidgets(namespace: string): WidgetDefinitionProps[] {\n switch (namespace) {\n case 'widget-article-image':\n return [\n Widget.definition(Widget.const.WIDGET_ARTICLE_TITLE),\n Widget.definition(Widget.const.WIDGET_ARTICLE_BUTTON),\n ];\n default:\n return [\n Widget.definition(Widget.const.WIDGET_ARTICLE_TITLE),\n Widget.definition(Widget.const.WIDGET_ARTICLE_TEXT),\n Widget.definition(Widget.const.WIDGET_ARTICLE_IMAGE),\n Widget.definition(Widget.const.WIDGET_ARTICLE_BUTTON),\n Widget.definition(Widget.const.WIDGET_ARTICLE_GALLERY),\n Widget.definition(Widget.const.WIDGET_ARTICLE_ATTACHMENT),\n ];\n }\n}\n"],"names":["StretchContainer","css","Container","stretch","Form","FormElm","props","ref","onSubmit","children","FieldsetWrapper","DisplayForm","formRef","configuration","defaultValues","useDisplay","fields","type","useForm","criteriaMode","handleSubmit","control","reset","formFn","current","scrollTo","undefined","map","Input","conf","key","name","dataCy","readOnly","extraInputs","buttons","CSSEditorPortal","isActive","CSSEditorHeader","theme","color","grey2","CSSEditorAction","CSSEditorLabel","CSSEditor","visible","white","CSSEditorContent","CSSEditorMenu","CSSEditorMenuButton","grey1","CSSEditorWidget","grey0","CSSEditorWidgetLabel","CSSEditorWidgetOption","EditorPopup","uniqid","dispatch","useDispatch","editor","useSelector","state","selectors","selectEditor","popup","view","style","flex","display","flexDirection","backgroundColor","marginTop","onClick","slice","actions","flushEditorPopup","JRCIcon","JRCButton","JRCWidgetArticleTitleEditor","registry","getLazyComponent","JRCWidgetArticleImageEditor","JRCWidgetArticleTextEditor","JRCWidgetArticleGalleryEditor","JRCWidgetArticleButtonEditor","JRCWidgetArticleAttachmentEditor","Editor","token","selectToken","widgetWrapper","selectWidget","onSave","content","updateWidget","flushEditor","onChange","override","onStateChange","states","id","setWidgetState","onOpen","registerEditorPopup","widget","const","WIDGET_ARTICLE_BUTTON","WIDGET_ARTICLE_ATTACHMENT","WIDGET_ARTICLE_GALLERY","WIDGET_ARTICLE_TEXT","WIDGET_ARTICLE_IMAGE","WIDGET_ARTICLE_TITLE","EditorTabWidgets","intl","useIntl","selectWidgetContent","Layers","widgets","index","def","definition","registerEditor","formatMessage","label","filter","_","n","layers","ids","shallowEqual","BETA_JRCDragAndDrop","onDrag","renderEl","layer","EditorWidgetLayer","elms","WidgetList","namespace","registerLayer","mode","EditorWidgetLayerLock","updateLayer","locked","EditorWidgetLayerVisibility","EditorWidgetLayerFlush","layerId","flushLayer","title","alignItems","EditorTabWrapper","wrapper","setTitle","watch","text","subscription","data","unsubscribe","JRCInputText","placeholder","updateWidgetWrapper","variant","minWidth","EditorWrapper","isVisibile","tab","setTab","setTimeout","width","position","panel","useWrapper","useEditor","useWidgets","EditorConditonalTab","EditorPositionOption","inset","opacity","setEditorPosition","widgetState","selectWidgetState","initialized","CSSEditorPortalWrapper","CSSEditorPortalPopupWrapper","CSSEditorPortalRow","CSSEditorPortalFreeSpace","EditorsPortal","editors","selectEditors","Empty","loadingResponse","response","loading","error","timeoutJIAMock","AIModal","query","setResponse","useState","sendAIRequest","useCallback","action","capability","clearTimeout","Promise","resolve","window","then","catch","useEffect","trim","length","JRCModal","open","closeHandler","reject","clickHandler","JRCLoader","JRCInputTinyMCEWithExt","useTheme","models","selectAll","extAI","setQuery","PrepareAndSetQuery","value","AICapabilities","useMemo","develop","summarize","tldr","JTinyMCEExtensionsBuilders","jia","useAI","isAIActive","J","hooks","JIAHook","debug","extArray","onMentionsQueryError","message","tinyMentionsQueries","getTinyMCEMentionsQueries","commonOptions","tinymceCommonOptions","JRCInputTinyMCE","additionalExtensions","mentionsQueries","AppColumn","MainColumn","TwoColLayout","extensionRoute","routes","description","pathname","useLocation","ROUTES_ARRAY","Object","values","activeTab","setActiveTab","tabs","href","absolutePath","path","group","activeRoute","find","route","fallback","Outlet","WidgetState","inplace","justifyContent","hover","src","img","CSSHidden","JRCFormFile","WidgetUploader","initialFiles","initialClick","multiple","accept","onUploadStart","onUploadEnd","onUploadSuccess","uploadRef","total","setTotal","files","setFiles","click","totalFile","prevTotal","fileResponse","prevFiles","JRCWidgetArticleGallery","FileViewer","JRCWidgetArticleGalleryWrapper","mounted","maxWidth","gap","column","openWithOptions","idFile","JRCWidgetEmptyInplace","url","JRCWidgetArticleAttachment","JRCWidgetArticleAttachmentWrapper","option","file","getAccessHash","result","Error","hash","target","getWedocFilePath","wedocWindowOpen","selectById","JRCWidgetArticleImage","CSSImageWrapperHover","JRCWidgetArticleImageWrapper","displayAs","useFilter","backgroundPosition","backgroundSize","borderRadius","uri","Wrapper","ToolWrapper","Tool","JRCWidgetArticleTitleWrapper","heading","JRCWidgetArticleTitle","autoFocus","Toolbar","sizeValue","JRCWidgetArticleButton","JRCWidgetArticleText","DisplayWidget","isComponentVisible","CSSWidgetLayer","pointerEvents","WidgetLayer","Layer","LayerWidget","top","y","left","x","DraggableHandler","onMouseUp","BETA_JRCDoubleClick","onDoubleTap","mouseIsDown","setMouseDown","mouse","setMouse","start","setStart","child","setChild","handleMouseMove","event","dx","clientX","dy","clientY","handleMouseUp","document","addEventListener","removeEventListener","onMouseDown","nativeEvent","WidgetWrapperCore","isBusy","busy","indexOrder","editableMap","currentEditableWidgetId","setIsComponentVisible","registerWidget","setEditableWidgetId","openingType","openingTypeLink","setEditableIndex","CSSSquareWidgetWrapper","CSSSquareWidget","available","CSSWidgetButton","primary","CSSWrapWidgetWrapper","CSSWrapTitle","CSSWrapWidget","JRCModalLayout","JRCModalContent","isOpen","setOpen","getBuilderWidgets","args","portalId","factory","onClickIconClose","className","WidgetModeArticle"],"sourceRoot":""}