jamespot-react-core 1.1.100 → 1.1.102

package/build/706.bundle.js

@@ -0,0 +1,194 @@
+"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[706],{9706:(e,t,n)=>{n.r(t),n.d(t,{DisplayForm:()=>r,EditorsPortal:()=>Fe,Empty:()=>c,TwoColLayout:()=>E,WidgetList:()=>Q,WidgetWrapperCore:()=>V});var i=n(7363),l=n.n(i),o=n(3230),a=n(7375);const r=i.forwardRef(((e,t)=>{const n=i.useRef(null),[l,r]=(0,a.GF)(e.fields,e.type),{handleSubmit:c,control:s,reset:d}=(0,o.useForm)({defaultValues:Object.assign(Object.assign({},r),e.defaultValues),criteriaMode:"all"});return i.useImperativeHandle(t,(()=>({reset:()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.scrollTo(0,0),d()}})),[]),i.createElement("form",{onSubmit:c(e.onSubmit),ref:n},l.map((t=>{var{Input:n}=t,l=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}(t,["Input"]);return i.createElement(n,Object.assign({key:l.name,control:s},l,{dataCy:`${e.dataCy}-${l.name}`}))})),e.extraInputs&&e.extraInputs(s),e.buttons)})),c=()=>i.createElement(i.Fragment,null);var s=n(2248),d=n(5181),u=n(5550);const m=u.default.registry.getLazyComponent("Container"),g=u.default.registry.getLazyComponent("AppColumn"),p=u.default.registry.getLazyComponent("MainColumn");function E({extensionRoute:e,routes:t,description:n,mode:l="center"}){var o;const a=(0,d.useIntl)(),{pathname:r}=(0,s.useLocation)(),c=Object.values(t),[u,E]=i.useState(null===(o=null==c?void 0:c[0])||void 0===o?void 0:o.key),f=c.map((t=>Object.assign(Object.assign({},t),{label:a.formatMessage({id:t.label}),href:`/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&&E(t.key)}),[r]),i.createElement(i.Suspense,{fallback:i.createElement(i.Fragment,null)},i.createElement(m,{mode:l},i.createElement(g,{mode:l,description:n,tabs:f,activeTab:u||""}),i.createElement(p,{mode:l},i.createElement(s.Outlet,null))))}var f=n(855),y=n(1773);const v=u.default.registry.getLazyComponent("Loader"),w=({name:e,uniqid:t,inplace:n})=>{const i=(0,f.useSelector)((e=>y.$L.selectors.selectWidgetState(e,t))),o=y.$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(v,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}))},h=u.default.registry.getLazyComponent("WidgetArticleButton"),C=u.default.registry.getLazyComponent("WidgetArticleGallery"),b=u.default.registry.getLazyComponent("WidgetArticleAttachment"),x=u.default.registry.getLazyComponent("WidgetArticleImage"),L=u.default.registry.getLazyComponent("WidgetArticleTitle"),q=u.default.registry.getLazyComponent("WidgetArticleText"),T=({widget:e,width:t,inplace:n=!1,isComponentVisible:i=!1,mode:o="view",onClick:a})=>{const r=(0,f.useDispatch)(),{name:c,uniqid:s}=e,d=(0,f.useSelector)(y.$L.selectors.selectToken),u=(e,t)=>r(y.$L.slice.actions.updateWidget({uniqid:s,content:e,override:t})),m=e=>r(y.$L.slice.actions.setWidgetState(Object.assign({uniqid:s},e)));switch(c){default:return l().createElement(l().Fragment,null,"cannot display widget (",c,")");case y.$L.const.WIDGET_ARTICLE_BUTTON:return l().createElement(h,{isComponentVisible:i,content:e.content,inplace:n,mode:o,onChange:u,onClick:a,onStateChange:m});case y.$L.const.WIDGET_ARTICLE_GALLERY:return l().createElement(C,{width:t,token:d,isComponentVisible:i,content:e.content,inplace:n,mode:o,onChange:u,onStateChange:m});case y.$L.const.WIDGET_ARTICLE_ATTACHMENT:return l().createElement(b,{token:d,content:e.content,isComponentVisible:i,inplace:n,mode:o,onChange:u,onStateChange:m});case y.$L.const.WIDGET_ARTICLE_IMAGE:return l().createElement(x,{width:null!=t?t:800,token:d,content:e.content,isComponentVisible:i,inplace:n,mode:o,onChange:u,onClick:a,onStateChange:m});case y.$L.const.WIDGET_ARTICLE_TITLE:return l().createElement(L,{isComponentVisible:i,content:e.content,inplace:n,mode:o,onChange:u,onStateChange:m});case y.$L.const.WIDGET_ARTICLE_TEXT:return l().createElement(q,{content:e.content,isComponentVisible:i,inplace:n,mode:o,onChange:u,onStateChange:m})}};var W=n(3904),I=n(6754),$=n.n(I);const k={"widget-article-image":{accept:"image/png, image/jpeg, image/jpg",multiple:!1,label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description"},"widget-article-gallery":{accept:"image/png, image/jpeg, image/jpg",multiple:!0,label:"WIDGET_Article_Gallery_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description"},"widget-article-attachment":{accept:"*",multiple:!0,label:"WIDGET_Article_Attachment_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description"}};var S=n(6),_=n(997);const A=u.default.registry.getLazyComponent("DEPRECATEDFormInputFile"),D=({uniqid:e,initialFiles:t,accept:n,label:i,description:o,multiple:a,token:r,allowAutoOpening:c,onChange:s})=>{const d=(0,f.useDispatch)(),u=(0,f.useSelector)((t=>t.widgets.currentEditableWidgetId===e),f.shallowEqual),m=l().useRef(null),[g,p]=l().useState(0),[E,v]=l().useState(0),[w,h]=l().useState(null!=t?t:[]);return l().useEffect((()=>{g===E&&d(y.$L.slice.actions.setWidgetState({uniqid:e,loading:!1}))}),[g]),l().useEffect((()=>{s(w.map((e=>e)))}),[w]),l().useEffect((()=>{var t;u&&c&&(null===(t=m.current)||void 0===t||t.click(),d(y.$L.slice.actions.setWidgetState({uniqid:e,mounted:!0})))}),[u]),l().createElement(l().Fragment,null,l().createElement(_.JRCWidgetEmptyInplace,{url:"widget-article-image-placeholder.png",label:i,description:o,onClick:()=>{var e;u&&(null===(e=m.current)||void 0===e||e.click())}}),l().createElement("div",{style:{height:0,width:0,overflow:"hidden"}},l().createElement(A,{ref:m,id:"widget-upload-file",name:"editorFiles",content:"",accept:n,multiple:a,token:r,onUploadStart:t=>{void 0!==t&&v((e=>e+t)),d(y.$L.slice.actions.setWidgetState({uniqid:e,loading:!0}))},onUploadSuccess:t=>{p((e=>e+1)),void 0!==t&&h((e=>[...e,(0,S.apiFileToWidgetFile)(t)])),a||d(y.$L.slice.actions.setWidgetState({uniqid:e,loading:!1}))}})))},F=$().div`
+    position: relative;
+    inset: 0;
+    display: flex;
+    flex: 1;
+    min-height: 180px;
+`,R=({uniqid:e,mode:t})=>{var n;const i=(0,f.useDispatch)(),o=(0,f.useSelector)((t=>y.$L.selectors.selectWidget(t,e))),a=(0,f.useSelector)((t=>t.widgets.currentEditableWidgetId===e),f.shallowEqual),r=(0,f.useSelector)(y.$L.selectors.selectToken);if(l().useEffect((()=>{a&&(null==o?void 0:o.widget.name)&&(i(y.Wq.slice.actions.flushAllEditor()),i(y.Wq.slice.actions.registerEditor({uniqid:e,name:null==o?void 0:o.widget.name})))}),[a]),void 0===o)return l().createElement(l().Fragment,null);const c=k&&k[null==o?void 0:o.widget.name]?k[null==o?void 0:o.widget.name].label:"",s=k&&k[null==o?void 0:o.widget.name]?k[null==o?void 0:o.widget.name].description:"",d=k&&k[null==o?void 0:o.widget.name]?k[null==o?void 0:o.widget.name].accept:"",u=!(!k||!k[null==o?void 0:o.widget.name])&&k[null==o?void 0:o.widget.name].multiple;switch(null==o?void 0:o.widget.name){case"widget-article-gallery":const a=o.widget.content.files;return void 0!==r&&"edit"===t?l().createElement("div",{style:{marginTop:(null==a?void 0:a.length)?24:0}},l().createElement(F,null,l().createElement(D,{label:c,description:s,initialFiles:[],accept:d,multiple:u,uniqid:e,token:r,allowAutoOpening:!(null==a?void 0:a.length),onChange:t=>{Array.isArray(t)&&t.forEach((t=>{i(y.$L.slice.actions.updateWidget({uniqid:e,content:{files:a?[...a,t]:[t]}}))}))}}))):l().createElement(l().Fragment,null);case"widget-article-attachment":const m=o.widget.content.files;return void 0!==r&&"edit"===t?l().createElement("div",{style:{marginTop:(null==m?void 0:m.length)?24:0}},l().createElement(F,null,l().createElement(D,{label:c,description:s,initialFiles:null!=m?m:[],accept:d,multiple:u,uniqid:e,token:r,allowAutoOpening:!(null==m?void 0:m.length),onChange:t=>{Array.isArray(t)&&t.forEach((t=>{i(y.$L.slice.actions.updateWidget({uniqid:e,content:{files:m?[...m,t]:[t]}}))}))}}))):l().createElement(l().Fragment,null);case"widget-article-image":return void 0===r||"edit"!==t||o.widget.content.file?l().createElement("div",{style:{position:"absolute",inset:0},onClick:()=>{i(y.Wq.slice.actions.flushAllEditor()),i(y.Wq.slice.actions.registerEditor({uniqid:e,name:null==o?void 0:o.widget.name}))}}):l().createElement(l().Fragment,null,l().createElement(F,null,l().createElement(D,{label:c,description:s,initialFiles:null!==(n=o.widget.content.file)&&void 0!==n?n:[],accept:d,multiple:!1,uniqid:e,token:r,allowAutoOpening:!o.widget.content.file,onChange:t=>{t&&t[0]&&i(y.$L.slice.actions.updateWidget({uniqid:e,content:{file:t[0]}}))}})))}return l().createElement(l().Fragment,null)},G=$().div`
+    position: absolute;
+    inset: 0;
+    opacity: ${e=>e.opacity};
+    background-color: ${e=>e.backgroundColor};
+    pointer-events: ${e=>e.pointerEvents};
+`,O=({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(j,{uniqid:e,key:t,mode:"edit"}))))},j=({uniqid:e,mode:t})=>{const n=(0,f.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(G,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},n.widgets.map(((e,t)=>l().createElement(z,{key:t,layerId:n.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(G,{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(z,{key:t,layerId:n.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},z=({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(B,{uniqid:e,widget:o,mode:n,inplace:!0})):l().createElement(M,{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(y.$L.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(_.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{i(y.Wq.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(B,{uniqid:e,widget:o,mode:n,inplace:!0}))):l().createElement(l().Fragment,null)},M=({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)},V=({uniqid:e,widget:t,inplace:n=!0,mode:i,width:o})=>{const a=(0,f.useDispatch)(),r=(0,f.useSelector)((t=>y.$L.selectors.selectWidget(t,e))),c=(0,f.useSelector)((t=>{var n;return null===(n=y.$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,W.I)(!1);if(l().useEffect((()=>{t&&a(y.$L.slice.actions.registerWidget({uniqid:e,widget:t}))}),[]),l().useEffect((()=>{g||e===d&&a(y.$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?v():"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)},v=()=>{if("view"===i)return;const{widget:e}=r;a(y.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(y.$L.slice.actions.setEditableIndex({index:s.index})),a(y.$L.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(T,{width:o,widget:r.widget,inplace:n,isComponentVisible:!!(g||c||u),mode:i,onClick:E}),l().createElement(R,{uniqid:e,mode:i}),l().createElement(O,{uniqid:e,mode:i}),l().createElement(w,{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:v},l().createElement(T,{widget:r.widget,isComponentVisible:!1,inplace:n,mode:i,width:o,onClick:E}),l().createElement(O,{uniqid:e,mode:i}),l().createElement(w,{name:r.widget.name,uniqid:r.widget.uniqid,inplace:n}))},B=V,J=$().div`
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 10px;
+    justify-content: center;
+`,N=$().div`
+    border: 1px solid ${e=>e.theme.color.grey2};
+    border-radius: 8px;
+    cursor: pointer;
+    padding: 12px;
+    position: relative;
+    opacity: ${e=>e.available?"1":".4"};
+    pointer-events: ${e=>e.available?"all":"none"};
+
+    .show-on-hover {
+        position: absolute;
+        inset: 0;
+        border-radius: 8px;
+        justify-content: center;
+        align-items: center;
+        display: flex;
+        opacity: 0;
+        background-color: #ffffffe6;
+    }
+
+    &:hover {
+        .show-on-hover {
+            opacity: 1;
+        }
+    }
+`,P=$().div`
+    border: 2px solid ${e=>e.theme.color.primary};
+    height: ${e=>e.open?"320":"54"}px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: top;
+    flex-direction: column;
+    transition: height 0.4s;
+    overflow: hidden;
+    flex-direction: column;
+`,U=$().div`
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 10px;
+`,H=$().div`
+    min-height: 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    color: ${e=>e.theme.color.primary};
+`,X=$().button`
+    height: 72px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40%;
+    border: 1px solid ${e=>e.theme.color.grey2};
+    border-radius: 8px;
+    transition: opacity 0.4s ease ${e=>40*e.index}ms;
+    opacity: ${e=>e.open?1:0};
+`,Y=u.default.registry.getLazyComponent("Button"),K=u.default.registry.getLazyComponent("Modal"),Q=({mode:e,children:t,namespace:n="default",onChange:i})=>{const[o,a]=l().useState(!1),r=function(e){return"widget-article-image"===e?[y.$L.definition(y.$L.const.WIDGET_ARTICLE_TITLE),y.$L.definition(y.$L.const.WIDGET_ARTICLE_BUTTON)]:[y.$L.definition(y.$L.const.WIDGET_ARTICLE_TITLE),y.$L.definition(y.$L.const.WIDGET_ARTICLE_TEXT),y.$L.definition(y.$L.const.WIDGET_ARTICLE_IMAGE),y.$L.definition(y.$L.const.WIDGET_ARTICLE_BUTTON),y.$L.definition(y.$L.const.WIDGET_ARTICLE_GALLERY),y.$L.definition(y.$L.const.WIDGET_ARTICLE_ATTACHMENT)]}(n),c=(0,d.useIntl)(),s={open:o,title:"widget builder",showIconClose:!0,portalId:"react-modal",isFullHeight:!0,closeHandler:()=>a(!1)},u=e=>{i(y.$L.factory(e)),a(!1)};return l().createElement(l().Fragment,null,l().createElement(K,Object.assign({},s),l().createElement(J,null,r.map(((e,t)=>l().createElement(N,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},c.formatMessage({id:e.label}))))))),"custom"===e&&t?l().createElement("div",{onClick:()=>a(!0)},t):l().createElement(l().Fragment,null),"button"===e?l().createElement(Y,{onClick:()=>a(!0),variant:"outlined",minWidth:"100%"},c.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e?l().createElement(J,null,r.map(((e,t)=>l().createElement(N,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},c.formatMessage({id:e.label})))))):l().createElement(l().Fragment,null),"article"===e?l().createElement(Z,{widgets:r,onClick:u}):l().createElement(l().Fragment,null))},Z=({widgets:e,onClick:t})=>{const[n,i]=l().useState(!1),o=(0,d.useIntl)();return l().createElement(l().Fragment,null,l().createElement(P,{open:n},l().createElement(H,{onClick:()=>i(!n)},o.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(U,null,e.map(((e,i)=>l().createElement(X,{key:e.name,open:n,index:i,onClick:()=>t(e.name)},o.formatMessage({id:e.label})))))))},ee=($().div`
+    margin-bottom: 24px;
+`,$().div`
+    margin-bottom: 4px;
+`,$().div`
+    position: absolute;
+    background-color: ${e=>e.on?"rgba(0,0,0,.1)":"transparent"};
+    inset: 0;
+    pointer-events: ${e=>e.on?"all":"none"};
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+`),te=$().div`
+    flex-direction: row;
+    display: flex;
+    min-height: 60px;
+    border-bottom: 1px solid ${e=>e.theme.color.grey2};
+`,ne=$().div`
+    width: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,ie=$().div`
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`,le=$().div`
+    position: absolute;
+    top: 90px;
+    right: ${e=>e.visible?"0":"-1000"}px;
+    width: ${440}px;
+    bottom: 0;
+    display: flex;
+    background-color: ${e=>e.theme.color.white};
+    flex-direction: row;
+    transition: all 0.4s;
+    box-shadow: -1px 1px 10px 0px rgb(0 0 0 / 20%);
+`,oe=$().div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    padding: 12px;
+    overflow: auto;
+`,ae=$().div`
+    width: ${50}px;
+    padding-top: 60px;
+    display: flex;
+    flex-direction: column;
+    border-right: 1px solid ${e=>e.theme.color.grey2};
+`,re=$().button`
+    border-radius: 4px;
+    cursor: pointer;
+    height: 42px;
+    margin: 4px;
+    width: 42px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${e=>e.on?e.theme.color.grey1:e.theme.color.white};
+    &:hover {
+        background-color: ${e=>e.theme.color.grey1};
+    }
+`,ce=($().div`
+    display: flex;
+    border: 1px solid ${e=>e.theme.color.grey1};
+    border-radius: ${8}px;
+    margin-bottom: 24px;
+    input {
+        width: 100%;
+        border: 0;
+        height: ${50}px;
+        margin: 0;
+    }
+`,$().div`
+    display: flex;
+    flex-direction: row;
+    padding: 12px;
+    background-color: ${e=>e.theme.color.grey0};
+    border-radius: 8px;
+    margin-bottom: 4px;
+`),se=$().div`
+    display: flex;
+    flex: 1;
+    align-items: center;
+`,de=$().div`
+    width: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`,ue=($().div`
+    flex-direction: row;
+    display: flex;
+    align-items: center;
+`,$().div`
+    flex: 1;
+    display: flex;
+    align-items: center;
+`,({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>y.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(te,null,l().createElement(ne,null),l().createElement(ie,null,"Popup"),l().createElement(ne,null,l().createElement(re,{onClick:()=>{t(y.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(_.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},n.view),l().createElement(te,null,l().createElement(_.JRCButton,{onClick:()=>{t(y.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)}),me=u.default.registry.getLazyComponent("WidgetArticleTitleEditor"),ge=u.default.registry.getLazyComponent("WidgetArticleImageEditor"),pe=u.default.registry.getLazyComponent("WidgetArticleTextEditor"),Ee=u.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),fe=u.default.registry.getLazyComponent("WidgetArticleButtonEditor"),ye=u.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),ve=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)(y.$L.selectors.selectToken),i=(0,f.useSelector)((t=>y.$L.selectors.selectWidget(t,e))),o=n=>{i&&t(y.$L.slice.actions.updateWidget({uniqid:e,content:n})),t(y.Wq.slice.actions.flushEditor({uniqid:e}))},a=(n,i)=>t(y.$L.slice.actions.updateWidget({uniqid:e,content:n,override:i})),r=(n,i)=>{t(void 0!==i?y.$L.slice.actions.setWidgetState(Object.assign({uniqid:i},n)):y.$L.slice.actions.setWidgetState(Object.assign({uniqid:e},n)))},c=n=>{t(y.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 y.$L.const.WIDGET_ARTICLE_BUTTON:return l().createElement(fe,{content:i.widget.content,onChange:a,onSave:o,onStateChange:r});case y.$L.const.WIDGET_ARTICLE_ATTACHMENT:return l().createElement(ye,{token:n,content:i.widget.content,onChange:a,onSave:o,onStateChange:r,onOpen:c});case y.$L.const.WIDGET_ARTICLE_GALLERY:return l().createElement(Ee,{token:n,content:i.widget.content,onChange:a,onSave:o,onStateChange:r});case y.$L.const.WIDGET_ARTICLE_TEXT:return l().createElement(pe,{onChange:a,onSave:o,content:i.widget.content});case y.$L.const.WIDGET_ARTICLE_IMAGE:return l().createElement(ge,{content:i.widget.content,token:n,onChange:a,onSave:o,onStateChange:r});case y.$L.const.WIDGET_ARTICLE_TITLE:return l().createElement(me,{onChange:a,onSave:o,content:i.widget.content,onOpen:c})}},we=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,d.useIntl)(),i=(0,f.useSelector)((t=>y.$L.selectors.selectWidgetContent(t,e)));return l().createElement("div",{style:{flex:1}},l().createElement(he,{uniqid:e}),i&&i.widgets?i.widgets.map(((o,a)=>{const r=y.$L.definition(o.widget.name);return l().createElement("div",{key:a},l().createElement(ce,null,l().createElement(se,{onClick:()=>((e,n)=>{t(y.Wq.slice.actions.registerEditor({uniqid:e,name:n}))})(o.widget.uniqid,o.widget.name)},n.formatMessage({id:r.label})),l().createElement(de,{onClick:()=>{i.widgets&&t(y.$L.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},i),{widgets:[...i.widgets.filter(((e,t)=>t!==a))]})}))}},l().createElement(_.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},he=({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(_.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(Le,{uniqid:e,key:t}),elms:n||[]}),l().createElement(Q,{namespace:"default",onChange:n=>{t(y.$L.slice.actions.registerLayer({uniqid:e,widget:n}))},mode:"button"}))},Ce=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(y.$L.slice.actions.updateLayer({uniqid:e,props:{locked:!n.locked}}))}},l().createElement(_.JRCIcon,{name:n.locked?"icon-lock":"icon-unlock"}))},be=({uniqid:e})=>{const t=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(y.$L.slice.actions.updateLayer({uniqid:e,props:{visible:!n.visible}}))}},l().createElement(_.JRCIcon,{name:n.visible?"icon-eye":"icon-eye-slash"}))},xe=({uniqid:e,layerId:t})=>{const n=(0,f.useDispatch)();return l().createElement("div",{onClick:()=>{n(y.$L.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(_.JRCIcon,{name:"icon-trash"}))},Le=({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=y.$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(Ce,{uniqid:e}),l().createElement(be,{uniqid:e}),l().createElement(xe,{uniqid:n.widget.uniqid,layerId:t.uniqid}))})))},qe=u.default.registry.getLazyComponent("Button"),Te=({uniqid:e})=>{const t=(0,d.useIntl)(),n=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>y.$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(_.JRCInputText,{name:"text",control:c,placeholder:t.formatMessage({id:"EDITOR_Widget_Wrapper_Title"})}),l().createElement(qe,{onClick:()=>{void 0!==a&&(n(y.$L.slice.actions.updateWidgetWrapper({uniqid:e,title:a})),n(y.Wq.slice.actions.flushEditor({uniqid:e})))},variant:"outlined",minWidth:"100%"},t.formatMessage({id:"EDITOR_Save_Widget"}))):l().createElement(l().Fragment,null,"No wrapper")},We=u.default.registry.getLazyComponent("Icon"),Ie=({uniqid:e})=>{const t=(0,d.useIntl)(),n=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>y.Wq.selectors.selectEditor(t,e))),o=y.$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(le,{visible:a},l().createElement(ae,null,o.panel.useWrapper?l().createElement(re,{on:"wrapper"===c,onClick:()=>s("wrapper")},l().createElement(We,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),o.panel.useEditor?l().createElement(re,{on:"default"===c,onClick:()=>s("default")},l().createElement(We,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),o.panel.useWidgets?l().createElement(ke,{uniqid:e},l().createElement(re,{on:"widgets"===c,onClick:()=>s("widgets")},l().createElement(We,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(te,null,l().createElement($e,{uniqid:e,position:i.position}),l().createElement(ie,null,t.formatMessage({id:o.label})),l().createElement(ne,null,l().createElement(re,{onClick:()=>{n(y.Wq.slice.actions.flushEditor({uniqid:e}))}},l().createElement(We,{name:"icon-times",color:"grey2"})))),l().createElement(oe,null,"default"===c&&o.panel.useEditor?l().createElement(ve,{uniqid:i.uniqid}):l().createElement(l().Fragment,null),"wrapper"===c&&o.panel.useWrapper?l().createElement(Te,{uniqid:i.uniqid}):l().createElement(l().Fragment,null),"widgets"===c&&o.panel.useWidgets?l().createElement(we,{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)},$e=({uniqid:e,position:t})=>{const n=(0,f.useDispatch)();return l().createElement(ne,null,l().createElement(re,{onClick:()=>{n(y.Wq.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(We,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},ke=({uniqid:e,children:t})=>{const n=(0,f.useSelector)((t=>y.$L.selectors.selectWidgetState(t,e)));return(null==n?void 0:n.initialized)?t:l().createElement(l().Fragment,null)},Se=$().div`
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    z-index: 100;
+`,_e=$().div`
+    flex: 1;
+    display: flex;
+    margintop: ${90}px;
+    pointer-events: ${e=>e.on?"all":"none"};
+`,Ae=$().div`
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    pointer-events: none;
+`,De=$().div`
+    width: ${440}px;
+    pointer-events: n;
+`,Fe=()=>{const e=(0,f.useSelector)(y.Wq.selectors.selectEditors);return l().createElement(Se,null,e.map(((e,t)=>"left"===e.position?l().createElement(ee,{on:!1,key:t},l().createElement(Ae,null,l().createElement(Ie,{uniqid:e.uniqid}),l().createElement(_e,{on:void 0!==e.popup},l().createElement(ue,{uniqid:e.uniqid})),l().createElement(De,null))):l().createElement(ee,{on:!1,key:t},l().createElement(Ae,null,l().createElement(De,null),l().createElement(_e,{on:void 0!==e.popup},l().createElement(ue,{uniqid:e.uniqid})),l().createElement(Ie,{uniqid:e.uniqid}))))))}}}]);
+//# sourceMappingURL=706.bundle.js.map

package/build/706.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"706.bundle.js","mappings":"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","sources":["webpack://ReactCore/./src/displayer/DisplayForm.component.tsx","webpack://ReactCore/./src/displayer/Empty.tsx","webpack://ReactCore/./src/components/TwoColLayout.tsx","webpack://ReactCore/./src/components/widgets/WidgetState.tsx","webpack://ReactCore/./src/components/widgets/Widget.tsx","webpack://ReactCore/./src/components/widgets/const.ts","webpack://ReactCore/./src/components/widgets/WidgetInplace/WidgetInplaceUpload.tsx","webpack://ReactCore/./src/components/widgets/WidgetInplace/WidgetInplaceWrapper.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","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"],"sourcesContent":["import * as React from 'react';\nimport { DisplayFormRef, FieldsWithOptionalRender } from './types';\nimport { useForm, Control } from 'react-hook-form';\nimport { useDisplayForm } from './useDisplay';\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 *\n * @param type form model type (sport, mpArticle, etc.)\n * @param fields an array of string : the list of attributes we want to display\n * @param defaultValues react hook form default values\n * @param onSubmit callback provided to react hook, called after successful validation\n * @param buttons the buttons, should always include a <button type=\"submit\">\n *  Note :If we override the \"render\" you can't override \"wrapper\" and \"element\" because the render rewrite everything\n */\nexport const DisplayForm = React.forwardRef<\n    DisplayFormRef,\n    {\n        type: string;\n        fields: FieldsWithOptionalRender<any, any>;\n        extraInputs?: (control: Control<any>) => React.ReactNode;\n        defaultValues?: any;\n        onSubmit: any;\n        buttons: React.ReactNode;\n        dataCy?: string;\n    }\n>((props, ref) => {\n    const formRef = React.useRef<HTMLFormElement>(null);\n\n    const [configuration, defaultValues] = useDisplayForm(props.fields, props.type);\n\n    const { handleSubmit, control, reset } = useForm({\n        defaultValues: {\n            ...defaultValues,\n            ...props.defaultValues,\n        },\n        criteriaMode: 'all',\n    });\n\n    React.useImperativeHandle(\n        ref,\n        () => ({\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        <form onSubmit={handleSubmit(props.onSubmit)} ref={formRef}>\n            {configuration.map(({ Input, ...conf }) => (\n                <Input key={conf.name} control={control} {...conf} dataCy={`${props.dataCy}-${conf.name}`} />\n            ))}\n            {props.extraInputs && props.extraInputs(control)}\n            {props.buttons}\n        </form>\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 * 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};\n\nexport type TwoColLayoutRoutes = Record<string, TwoColLayoutRoute>;\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: `/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 { useDispatch, useSelector } 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\nconst JRCWidgetArticleButton = JRCore.registry.getLazyComponent('WidgetArticleButton');\nconst JRCWidgetArticleGallery = JRCore.registry.getLazyComponent('WidgetArticleGallery');\nconst JRCWidgetArticleAttachment = JRCore.registry.getLazyComponent('WidgetArticleAttachment');\nconst JRCWidgetArticleImage = JRCore.registry.getLazyComponent('WidgetArticleImage');\nconst JRCWidgetArticleTitle = JRCore.registry.getLazyComponent('WidgetArticleTitle');\nconst JRCWidgetArticleText = JRCore.registry.getLazyComponent('WidgetArticleText');\n/*\n    Widget Factory (jamespot-react-core)\n*/\nexport const DisplayWidget = ({\n    widget,\n    width,\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    const token = useSelector(Widget.selectors.selectToken);\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.const.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.const.WIDGET_ARTICLE_GALLERY:\n            return (\n                <JRCWidgetArticleGallery\n                    width={width}\n                    token={token}\n                    isComponentVisible={isComponentVisible}\n                    content={widget.content}\n                    inplace={inplace}\n                    mode={mode}\n                    onChange={onChange}\n                    onStateChange={onStateChange}\n                />\n            );\n        case Widget.const.WIDGET_ARTICLE_ATTACHMENT:\n            return (\n                <JRCWidgetArticleAttachment\n                    token={token}\n                    content={widget.content}\n                    isComponentVisible={isComponentVisible}\n                    inplace={inplace}\n                    mode={mode}\n                    onChange={onChange}\n                    onStateChange={onStateChange}\n                />\n            );\n        case Widget.const.WIDGET_ARTICLE_IMAGE:\n            return (\n                <JRCWidgetArticleImage\n                    width={width ?? 800}\n                    token={token}\n                    content={widget.content}\n                    isComponentVisible={isComponentVisible}\n                    inplace={inplace}\n                    mode={mode}\n                    onChange={onChange}\n                    onClick={onClick}\n                    onStateChange={onStateChange}\n                />\n            );\n        case Widget.const.WIDGET_ARTICLE_TITLE:\n            return (\n                <JRCWidgetArticleTitle\n                    isComponentVisible={isComponentVisible}\n                    content={widget.content}\n                    inplace={inplace}\n                    mode={mode}\n                    onChange={onChange}\n                    onStateChange={onStateChange}\n                />\n            );\n        case Widget.const.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","export const Uploader: Record<string, { accept: string; label: string; description: string; multiple: boolean }> = {\n    'widget-article-image': {\n        accept: 'image/png, image/jpeg, image/jpg',\n        multiple: false,\n        label: 'WIDGET_Article_Image_Empty_Label',\n        description: 'WIDGET_Article_Image_Empty_Description',\n    },\n    'widget-article-gallery': {\n        accept: 'image/png, image/jpeg, image/jpg',\n        multiple: true,\n        label: 'WIDGET_Article_Gallery_Empty_Label',\n        description: 'WIDGET_Article_Attachment_Empty_Description',\n    },\n    'widget-article-attachment': {\n        accept: '*',\n        multiple: true,\n        label: 'WIDGET_Article_Attachment_Empty_Label',\n        description: 'WIDGET_Article_Attachment_Empty_Description',\n    },\n};\n","import React from 'react';\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport JRCore from 'App';\nconst JRCFormFile = JRCore.registry.getLazyComponent('DEPRECATEDFormInputFile');\n\nimport { apiFileToWidgetFile, FileResponse, WidgetFileType, WidgetsRootState } from 'jamespot-user-api';\nimport { Widget } from 'jamespot-front-business';\n\nimport { JRCWidgetEmptyInplace } from 'jamespot-react-components';\n\ntype WidgetInplaceUploadProps = {\n    uniqid: string;\n    initialFiles: WidgetFileType[];\n    accept: string;\n    label: string;\n    description: string;\n    multiple: boolean;\n    token: string;\n    allowAutoOpening: boolean;\n    onChange: (files: WidgetFileType[]) => void;\n};\n\nexport const WidgetInplaceUpload = ({\n    uniqid,\n    initialFiles,\n    accept,\n    label,\n    description,\n    multiple,\n    token,\n    allowAutoOpening,\n    onChange,\n}: WidgetInplaceUploadProps) => {\n    const dispatch = useDispatch();\n    const isActive = useSelector(\n        (state: WidgetsRootState) => state.widgets.currentEditableWidgetId === uniqid,\n        shallowEqual,\n    );\n    const uploadRef = React.useRef<HTMLInputElement>(null);\n    const [fileUploadStep, setFileUploadStep] = React.useState<number>(0);\n    const [fileCount, setFileCount] = React.useState<number>(0);\n    const [fileResponses, setFileResponses] = React.useState<WidgetFileType[]>(initialFiles ?? []);\n\n    const onUploadStart = () => {\n        dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: true }));\n    };\n\n    React.useEffect(() => {\n        if (fileUploadStep === fileCount) {\n            dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: false }));\n        }\n    }, [fileUploadStep]);\n\n    React.useEffect(() => {\n        onChange(fileResponses.map((fileResponse) => fileResponse));\n    }, [fileResponses]);\n\n    React.useEffect(() => {\n        if (isActive && allowAutoOpening) {\n            uploadRef.current?.click();\n            dispatch(Widget.slice.actions.setWidgetState({ uniqid, mounted: true }));\n        }\n    }, [isActive]);\n\n    return (\n        <>\n            <JRCWidgetEmptyInplace\n                url={'widget-article-image-placeholder.png'}\n                label={label}\n                description={description}\n                onClick={() => {\n                    if (isActive) {\n                        uploadRef.current?.click();\n                    }\n                }}\n            />\n            <div style={{ height: 0, width: 0, overflow: 'hidden' }}>\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={(count) => {\n                        if (count !== undefined) {\n                            setFileCount((prevCount) => prevCount + count);\n                        }\n                        onUploadStart();\n                    }}\n                    onUploadSuccess={(fileResponse: FileResponse | undefined) => {\n                        setFileUploadStep((prevStep) => prevStep + 1);\n                        if (fileResponse !== undefined) {\n                            setFileResponses((prevFileResponses) => [\n                                ...prevFileResponses,\n                                apiFileToWidgetFile(fileResponse),\n                            ]);\n                        }\n                        if (!multiple) {\n                            dispatch(Widget.slice.actions.setWidgetState({ uniqid, loading: false }));\n                        }\n                    }}\n                />\n            </div>\n        </>\n    );\n};\n","import React from 'react';\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport styled from 'styled-components';\n\nimport { WidgetDisplayMode, WidgetsRootState } from 'jamespot-user-api';\nimport { Widget, WidgetEditor } from 'jamespot-front-business';\n\nimport { Uploader } from '../const';\nimport { WidgetInplaceUpload } from './WidgetInplaceUpload';\n\nexport const CSSUploadFileWrapper = styled.div`\n    position: relative;\n    inset: 0;\n    display: flex;\n    flex: 1;\n    min-height: 180px;\n`;\n\nexport const WidgetInplaceWrapper = ({ uniqid, mode }: { uniqid: string; mode: WidgetDisplayMode }) => {\n    const dispatch = useDispatch();\n    const widgetWrapper = useSelector((state: WidgetsRootState) => Widget.selectors.selectWidget(state, uniqid));\n    const isActive = useSelector(\n        (state: WidgetsRootState) => state.widgets.currentEditableWidgetId === uniqid,\n        shallowEqual,\n    );\n    const token = useSelector(Widget.selectors.selectToken);\n\n    React.useEffect(() => {\n        if (isActive && widgetWrapper?.widget.name) {\n            dispatch(WidgetEditor.slice.actions.flushAllEditor());\n            dispatch(WidgetEditor.slice.actions.registerEditor({ uniqid, name: widgetWrapper?.widget.name }));\n        }\n    }, [isActive]);\n\n    if (widgetWrapper === undefined) {\n        return <></>;\n    }\n\n    const label = Uploader && Uploader[widgetWrapper?.widget.name] ? Uploader[widgetWrapper?.widget.name].label : '';\n    const description =\n        Uploader && Uploader[widgetWrapper?.widget.name] ? Uploader[widgetWrapper?.widget.name].description : '';\n    const accept = Uploader && Uploader[widgetWrapper?.widget.name] ? Uploader[widgetWrapper?.widget.name].accept : '';\n    const multiple =\n        Uploader && Uploader[widgetWrapper?.widget.name] ? Uploader[widgetWrapper?.widget.name].multiple : false;\n\n    switch (widgetWrapper?.widget.name) {\n        case 'widget-article-gallery':\n            const galleryFiles = widgetWrapper.widget.content.files;\n            return token !== undefined && mode === 'edit' ? (\n                <div style={{ marginTop: galleryFiles?.length ? 24 : 0 }}>\n                    <CSSUploadFileWrapper>\n                        <WidgetInplaceUpload\n                            label={label}\n                            description={description}\n                            initialFiles={[]}\n                            accept={accept}\n                            multiple={multiple}\n                            uniqid={uniqid}\n                            token={token}\n                            allowAutoOpening={!galleryFiles?.length}\n                            onChange={(fs) => {\n                                if (Array.isArray(fs)) {\n                                    fs.forEach((file) => {\n                                        dispatch(\n                                            Widget.slice.actions.updateWidget({\n                                                uniqid,\n                                                content: { files: galleryFiles ? [...galleryFiles, file] : [file] },\n                                            }),\n                                        );\n                                    });\n                                }\n                            }}\n                        />\n                    </CSSUploadFileWrapper>\n                </div>\n            ) : (\n                <></>\n            );\n        case 'widget-article-attachment':\n            const files = widgetWrapper.widget.content.files;\n            return token !== undefined && mode === 'edit' ? (\n                <div style={{ marginTop: files?.length ? 24 : 0 }}>\n                    <CSSUploadFileWrapper>\n                        <WidgetInplaceUpload\n                            label={label}\n                            description={description}\n                            initialFiles={files ?? []}\n                            accept={accept}\n                            multiple={multiple}\n                            uniqid={uniqid}\n                            token={token}\n                            allowAutoOpening={!files?.length}\n                            onChange={(fs) => {\n                                if (Array.isArray(fs)) {\n                                    fs.forEach((file) => {\n                                        dispatch(\n                                            Widget.slice.actions.updateWidget({\n                                                uniqid,\n                                                content: { files: files ? [...files, file] : [file] },\n                                            }),\n                                        );\n                                    });\n                                }\n                            }}\n                        />\n                    </CSSUploadFileWrapper>\n                </div>\n            ) : (\n                <></>\n            );\n        case 'widget-article-image':\n            return token !== undefined && mode === 'edit' && !widgetWrapper.widget.content.file ? (\n                <>\n                    <CSSUploadFileWrapper>\n                        <WidgetInplaceUpload\n                            label={label}\n                            description={description}\n                            initialFiles={widgetWrapper.widget.content.file ?? []}\n                            accept={accept}\n                            multiple={false}\n                            uniqid={uniqid}\n                            token={token}\n                            allowAutoOpening={!widgetWrapper.widget.content.file}\n                            onChange={(fs) => {\n                                if (fs && fs[0]) {\n                                    dispatch(Widget.slice.actions.updateWidget({ uniqid, content: { file: fs[0] } }));\n                                }\n                            }}\n                        />\n                    </CSSUploadFileWrapper>\n                </>\n            ) : (\n                <div\n                    style={{ position: 'absolute', inset: 0 }}\n                    onClick={() => {\n                        dispatch(WidgetEditor.slice.actions.flushAllEditor());\n                        dispatch(\n                            WidgetEditor.slice.actions.registerEditor({ uniqid, name: widgetWrapper?.widget.name }),\n                        );\n                    }}></div>\n            );\n    }\n\n    return <></>;\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 { WidgetInplaceWrapper } from './WidgetInplace/WidgetInplaceWrapper';\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                <WidgetInplaceWrapper uniqid={uniqid} mode={mode} />\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 { JRCModalProps } from 'jamespot-react-components';\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';\n\nconst JRCButton = JRCore.registry.getLazyComponent('Button');\nconst JRCModal = JRCore.registry.getLazyComponent('Modal');\n\ntype WidgetListMode = 'button' | 'list' | 'gallery' | 'custom' | 'article';\n\n/*\n    Widget Builder\n*/\nexport const WidgetList = ({\n    mode,\n    children,\n    namespace = 'default',\n    onChange,\n}: {\n    mode?: WidgetListMode;\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: JRCModalProps = {\n        open: isOpen,\n        title: 'widget builder',\n        showIconClose: true,\n        portalId: 'react-modal',\n        isFullHeight: true,\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            <JRCModal {...args}>\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            </JRCModal>\n            {mode === 'custom' && children ? <div onClick={() => setOpen(true)}>{children}</div> : <></>}\n            {mode === 'button' ? (\n                <JRCButton onClick={() => setOpen(true)} variant={'outlined'} minWidth={'100%'}>\n                    {intl.formatMessage({ id: 'WIDGET_Add_Widget' })}\n                </JRCButton>\n            ) : (\n                <></>\n            )}\n            {mode === 'gallery' ? (\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' ? <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","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<{ on: boolean }>`\n    position: absolute;\n    background-color: ${(props) => (props.on ? 'rgba(0,0,0,.1)' : 'transparent')};\n    inset: 0;\n    pointer-events: ${(props) => (props.on ? '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`;\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<{ on?: 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.on ? 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 on={tab === 'wrapper'} onClick={() => setTab('wrapper')}>\n                            <JRCIcon name=\"icon-font\" color=\"grey2\" />\n                        </CSSEditorMenuButton>\n                    ) : (\n                        <></>\n                    )}\n                    {def.panel.useEditor ? (\n                        <CSSEditorMenuButton on={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 on={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<{ on: boolean }>`\n    flex: 1;\n    display: flex;\n    margintop: ${EDITOR_TOP}px;\n    pointer-events: ${(props) => (props.on ? '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: n;\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 on={false} key={index}>\n                            <CSSEditorPortalRow>\n                                <EditorWrapper uniqid={editor.uniqid}></EditorWrapper>\n                                <CSSEditorPortalPopupWrapper on={editor.popup !== undefined}>\n                                    <EditorPopup uniqid={editor.uniqid} />\n                                </CSSEditorPortalPopupWrapper>\n                                <CSSEditorPortalFreeSpace />\n                            </CSSEditorPortalRow>\n                        </CSSEditorPortal>\n                    );\n                }\n\n                return (\n                    <CSSEditorPortal on={false} key={index}>\n                        <CSSEditorPortalRow>\n                            <CSSEditorPortalFreeSpace />\n                            <CSSEditorPortalPopupWrapper on={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"],"names":["DisplayForm","props","ref","formRef","configuration","defaultValues","useDisplay","fields","type","handleSubmit","control","reset","useForm","criteriaMode","current","scrollTo","onSubmit","map","Input","conf","key","name","dataCy","extraInputs","buttons","Empty","Container","AppColumn","MainColumn","TwoColLayout","extensionRoute","routes","description","mode","intl","useIntl","pathname","useLocation","ROUTES_ARRAY","Object","values","activeTab","setActiveTab","tabs","tab","label","formatMessage","id","href","path","group","undefined","activeRoute","find","route","fallback","Outlet","JRCLoader","WidgetState","uniqid","inplace","state","useSelector","def","loading","style","position","inset","backgroundColor","display","flex","justifyContent","alignItems","hover","initialized","src","img","JRCWidgetArticleButton","JRCWidgetArticleGallery","JRCWidgetArticleAttachment","JRCWidgetArticleImage","JRCWidgetArticleTitle","JRCWidgetArticleText","DisplayWidget","widget","width","isComponentVisible","onClick","dispatch","useDispatch","token","onChange","content","override","onStateChange","states","Uploader","accept","multiple","JRCFormFile","WidgetInplaceUpload","initialFiles","allowAutoOpening","isActive","widgets","currentEditableWidgetId","shallowEqual","uploadRef","fileUploadStep","setFileUploadStep","fileCount","setFileCount","fileResponses","setFileResponses","fileResponse","click","mounted","JRCWidgetEmptyInplace","url","height","overflow","onUploadStart","count","prevCount","onUploadSuccess","prevStep","prevFileResponses","apiFileToWidgetFile","CSSUploadFileWrapper","WidgetInplaceWrapper","widgetWrapper","galleryFiles","files","marginTop","length","fs","Array","isArray","forEach","file","CSSWidgetLayer","opacity","pointerEvents","WidgetLayer","layers","ids","layer","index","Layer","LayerWidget","layerId","visible","locked","top","y","left","x","DraggableHandler","onMouseUp","BETA_JRCDoubleClick","onDoubleTap","children","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","setIsComponentVisible","registerEditor","openingType","openingTypeLink","window","open","target","minWidth","CSSSquareWidgetWrapper","CSSSquareWidget","theme","color","grey2","available","CSSWidgetButton","primary","CSSWrapWidgetWrapper","CSSWrapTitle","CSSWrapWidget","JRCButton","JRCModal","WidgetList","namespace","isOpen","setOpen","getBuilderWidgets","args","title","showIconClose","portalId","isFullHeight","closeHandler","className","variant","WidgetModeArticle","CSSEditorPortal","on","CSSEditorHeader","CSSEditorAction","CSSEditorLabel","CSSEditor","white","CSSEditorContent","CSSEditorMenu","CSSEditorMenuButton","grey1","CSSEditorWidget","grey0","CSSEditorWidgetLabel","CSSEditorWidgetOption","EditorPopup","editor","popup","view","flexDirection","JRCIcon","JRCWidgetArticleTitleEditor","JRCWidgetArticleImageEditor","JRCWidgetArticleTextEditor","JRCWidgetArticleGalleryEditor","JRCWidgetArticleButtonEditor","JRCWidgetArticleAttachmentEditor","Editor","onSave","onOpen","EditorTabWidgets","Layers","filter","_","n","BETA_JRCDragAndDrop","onDrag","renderEl","EditorWidgetLayer","elms","EditorWidgetLayerLock","EditorWidgetLayerVisibility","EditorWidgetLayerFlush","EditorTabWrapper","wrapper","setTitle","watch","text","subscription","data","unsubscribe","JRCInputText","placeholder","EditorWrapper","isVisibile","setTab","setTimeout","panel","useWrapper","useEditor","useWidgets","EditorConditonalTab","EditorPositionOption","widgetState","CSSEditorPortalWrapper","CSSEditorPortalPopupWrapper","CSSEditorPortalRow","CSSEditorPortalFreeSpace","EditorsPortal","editors"],"sourceRoot":""}