jamespot-react-core 1.1.141 → 1.1.142

package/build/src/components/CommentsBloc.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CommentsBloc: ({ articleId }: {
+    articleId: number;
+}) => React.JSX.Element;

package/build/src/components/widgets/Widget.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
 import { CombinedWidgetType, WidgetDisplayMode } from 'jamespot-user-api';
-export declare const DisplayWidget: ({ widget, width, inplace, mode, }: {
+export declare const DisplayWidget: ({ widget, commentId, width, inplace, mode, editRight, deleteRight, onWidgetUpdate, onRemove, }: {
     widget: CombinedWidgetType;
+    commentId?: number | undefined;
     width?: number | undefined;
     inplace: boolean;
     mode: WidgetDisplayMode;
+    editRight?: boolean | undefined;
+    deleteRight?: boolean | undefined;
+    onRemove?: ((id: string) => void) | undefined;
+    onWidgetUpdate?: (() => void) | undefined;
     onClick: () => void;
 }) => React.JSX.Element;

package/build/src/components/widgets/WidgetList/WidgetList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WidgetWrapperProps } from 'jamespot-user-api';
-type WidgetListMode = 'button' | 'list' | 'gallery' | 'custom' | 'article';
+type WidgetListMode = 'button' | 'list' | 'gallery' | 'custom' | 'article' | 'comment';
 export declare const WidgetList: ({ mode, view, children, namespace, onChange, }: {
     mode?: WidgetListMode | undefined;
     view?: string | undefined;

package/build/src/components/widgets/WidgetList/WidgetList.style.d.ts

@@ -10,4 +10,9 @@ export declare const CSSWrapTitle: import("styled-components").StyledComponent<"
 export declare const CSSWrapWidget: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     open: boolean;
     index: number;
+    full?: boolean | undefined;
+}, never>;
+export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    direction: 'row' | 'column';
+    gap?: number | undefined;
 }, never>;

package/build/src/components/widgets/WidgetWrapperCore.d.ts

@@ -1,10 +1,16 @@
 import React from 'react';
 import { WidgetDisplayMode, WidgetWrapperProps } from 'jamespot-user-api';
-export declare const WidgetWrapperCore: ({ uniqid, widget, inplace, mode, width, }: {
+type WidgetWrapperCoreProps = {
     uniqid: string;
+    commentId?: number;
     widget: WidgetWrapperProps;
-    inplace?: boolean | undefined;
+    inplace?: boolean;
     mode: WidgetDisplayMode;
     width?: number | undefined;
-}) => React.JSX.Element;
+    editRight?: boolean;
+    deleteRight?: boolean;
+    onWidgetUpdate?: () => void;
+    onRemove?: (id: string) => void;
+};
+export declare const WidgetWrapperCore: ({ uniqid, commentId, widget, inplace, mode, width, editRight, deleteRight, onWidgetUpdate, onRemove, }: WidgetWrapperCoreProps) => React.JSX.Element;
 export default WidgetWrapperCore;

package/build/src/components/widgets/wrapper/JRCWidgetCheckListWrapper.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { WidgetCheckListType, WidgetDisplayMode } from 'jamespot-user-api';
+export declare const CSSRowLinkWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    border?: boolean | undefined;
+}, never>;
+type JRCWidgetCheckListWrapperProps = {
+    widget: WidgetCheckListType;
+    commentId?: number;
+    inplace: boolean;
+    mode?: WidgetDisplayMode;
+    editRight: boolean;
+    deleteRight: boolean;
+    onRemove?: (uniqid: string) => void;
+    onWidgetUpdate?: () => void;
+};
+export declare const JRCWidgetCheckListWrapper: ({ widget, commentId, inplace, mode, editRight, deleteRight, onRemove, onWidgetUpdate, }: JRCWidgetCheckListWrapperProps) => React.JSX.Element | null;
+export {};

package/build/src/registry/core-component-list.d.ts

@@ -2,6 +2,7 @@
  * please fill this file and coreComponents.ts
  */
 export declare const coreComponentsMapping: {
+    readonly CommentsBloc: "CommentsBloc";
     readonly DisplayForm: "DisplayForm";
     readonly EditorsPortal: "EditorsPortal";
     readonly Empty: "Empty";

package/build/src/registry/coreComponents.d.ts

@@ -1,15 +1,16 @@
 /**
  * please fill this file and core-component-list.ts
  */
-export { DisplayForm } from '../displayer/DisplayForm.component';
-export { EditorsPortal } from '../components/editors/EditorsPortal';
+export { CommentsBloc } from '../components/CommentsBloc';
 export { Empty } from '../components/Empty';
-export { JRCInputTinyMCEWithExtRaw } from '../components/tinymce/JRCInputTinyMCEWithExtRaw';
-export { JRCInputTinyMCEWithExt } from '../components/tinymce/JRCInputTinyMCEWithExt';
 export { TwoColLayout } from '../components/TwoColLayout';
-export { WidgetWrapperCore } from '../components/widgets/WidgetWrapperCore';
-export { WidgetList } from '../components/widgets/WidgetList/WidgetList';
+export { EditorsPortal } from '../components/editors/EditorsPortal';
+export { JRCInputTinyMCEWithExt } from '../components/tinymce/JRCInputTinyMCEWithExt';
+export { JRCInputTinyMCEWithExtRaw } from '../components/tinymce/JRCInputTinyMCEWithExtRaw';
 export { AIModal } from '../components/tinymce/extension/AIModal';
+export { WidgetList } from '../components/widgets/WidgetList/WidgetList';
+export { WidgetWrapperCore } from '../components/widgets/WidgetWrapperCore';
+export { DisplayForm } from '../displayer/DisplayForm.component';
 /**
  * please fill this file and core-component-list.ts
  */

package/build/src/registry/ext-component-list.d.ts

@@ -20,7 +20,6 @@ declare const _default: {
     readonly ColumnCenter: "JRCColumnCenter";
     readonly ColumnLeft: "JRCColumnLeft";
     readonly ColumnRight: "JRCColumnRight";
-    readonly CommentsBloc: "JRCCommentsBloc";
     readonly ConditionalWrapper: "JRCConditionalWrapper";
     readonly Container: "JRCContainer";
     readonly BasicAutoMarginContainer: "JRCBasicAutoMarginContainer";
@@ -155,5 +154,7 @@ declare const _default: {
     readonly WidgetApiEditor: "JRCWidgetApiEditor";
     readonly WidgetSlider: "JRCWidgetSlider";
     readonly WidgetEmptyInplace: "JRCWidgetEmptyInplace";
+    readonly WidgetCheckList: "JRCWidgetCheckList";
+    readonly WidgetCheckListEditor: "JRCWidgetCheckListEditor";
 };
 export default _default;

package/build/src/utils/types.d.ts

@@ -1,12 +1,11 @@
-import { ApplicationType, jUserList, Model, Namespaces, Readable, RTMessageWsPresence, TinyMCECommonOptions, TinyMCEDynamicOptions } from 'jamespot-user-api';
+import { AnyRTHandlerFunction, ApplicationType, jUserList, Model, Namespaces, Readable, RTMessageWsPresence, TinyMCECommonOptions, TinyMCEDynamicOptions } from 'jamespot-user-api';
 import * as React from 'react';
+import { RouteObject } from 'react-router-dom';
+import { TwoColLayoutRoute, TwoColLayoutRoutes } from '../components/types';
 import { useDisplay, useDisplayList } from '../displayer/useDisplay';
 import { ReactRegistry } from '../registry/Registry';
 import { ReactRouter } from './router';
 import { ReactTranslation, SupportedLanguages, TranslationKeys } from './translation';
-import { AnyRTHandlerFunction } from 'jamespot-user-api';
-import { TwoColLayoutRoute, TwoColLayoutRoutes } from '../components/types';
-import { RouteObject } from 'react-router-dom';
 export type Gabarit = 'core-1-cols' | 'core-2-cols' | 'core-3-cols' | 'content-1-cols' | 'content-2-cols' | 'content-3-cols' | 'app-1-cols' | 'app-2-cols' | 'empty';
 export interface ReactCore {
     extensions: ReactExtensions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-core",
-  "version": "1.1.141",
+  "version": "1.1.142",
   "description": "Jamespot React Core",
   "main": "./build/app.bundle.js",
   "types": "./build/src/App.d.ts",
@@ -50,9 +50,9 @@
   "dependencies": {
     "@reduxjs/toolkit": "^1.9.0",
     "history": "^5.3.0",
-    "jamespot-front-business": "^1.1.45",
-    "jamespot-react-components": "^1.0.185",
-    "jamespot-user-api": "^1.0.155",
+    "jamespot-front-business": "^1.1.48",
+    "jamespot-react-components": "^1.0.187",
+    "jamespot-user-api": "^1.0.158",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.25.0",

package/build/39.bundle.js

@@ -1,282 +0,0 @@
-"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[39],{39:(e,t,i)=>{i.r(t),i.d(t,{AIModal:()=>ue,DisplayForm:()=>E,EditorsPortal:()=>re,Empty:()=>oe,JRCInputTinyMCEWithExt:()=>pe,JRCInputTinyMCEWithExtRaw:()=>me,TwoColLayout:()=>ve,WidgetList:()=>ht,WidgetWrapperCore:()=>ct});var n=i(363),l=i.n(n),r=i(230),o=i(603),a=i(754),c=i.n(a),s=function(e,t){var i={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(i[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(n=Object.getOwnPropertySymbols(e);l<n.length;l++)t.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(e,n[l])&&(i[n[l]]=e[n[l]])}return i};const d=a.css`
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-`,u=c().div`
-    ${({stretch:e})=>e&&d}
-`,m=c().form`
-    ${({stretch:e})=>e&&d}
-`,p=n.forwardRef(((e,t)=>e.onSubmit?n.createElement(m,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):n.createElement(u,{stretch:e.stretch,ref:t},e.children))),g=c().div`
-    ${e=>e.stretch&&"\n    flex: 1;\n"}
-`,E=n.forwardRef(((e,t)=>{const i=n.useRef(null),[l,a]=(0,o.GF)(e.fields,e.type),c=(0,r.useForm)({defaultValues:Object.assign(Object.assign({},a),e.defaultValues),criteriaMode:"all"}),{handleSubmit:d,control:u,reset:m}=c,E=s(c,["handleSubmit","control","reset"]);return n.useImperativeHandle(t,(()=>Object.assign(Object.assign({},E),{handleSubmit:d,control:u,reset:()=>{var e;null===(e=null==i?void 0:i.current)||void 0===e||e.scrollTo(0,0),m()}})),[]),n.createElement(p,{stretch:e.stretch,onSubmit:e.onSubmit?d(e.onSubmit):void 0,ref:i},n.createElement(g,{stretch:e.stretch},l.map((t=>{var{Input:i}=t,l=s(t,["Input"]);return n.createElement(i,Object.assign({key:l.name,control:u},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(u)),e.buttons)}));var f=i(855),y=i(930);c().div`
-    margin-bottom: 24px;
-`,c().div`
-    margin-bottom: 4px;
-`;const v=c().div`
-    position: absolute;
-    background-color: ${e=>e.isActive?"rgba(0,0,0,.1)":"transparent"};
-    inset: 0;
-    pointer-events: ${e=>e.isActive?"all":"none"};
-    flex: 1;
-    display: flex;
-    overflow: hidden;
-`,h=c().div`
-    flex-direction: row;
-    display: flex;
-    min-height: 60px;
-    border-bottom: 1px solid ${e=>e.theme.color.grey2};
-`,w=c().div`
-    width: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`,x=c().div`
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`,b=c().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%);
-`,C=c().div`
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    padding: 12px;
-    overflow: auto;
-    margin-bottom: 12px;
-`,q=c().div`
-    width: ${50}px;
-    padding-top: 60px;
-    display: flex;
-    flex-direction: column;
-    border-right: 1px solid ${e=>e.theme.color.grey2};
-`,k=c().button`
-    border-radius: 4px;
-    cursor: pointer;
-    height: 42px;
-    margin: 4px;
-    width: 42px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: ${e=>e.isActive?e.theme.color.grey1:e.theme.color.white};
-    &:hover {
-        background-color: ${e=>e.theme.color.grey1};
-    }
-`,L=(c().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;
-    }
-`,c().div`
-    display: flex;
-    flex-direction: row;
-    padding: 12px;
-    background-color: ${e=>e.theme.color.grey0};
-    border-radius: 8px;
-    margin-bottom: 4px;
-`),$=c().div`
-    display: flex;
-    flex: 1;
-    align-items: center;
-`,W=c().div`
-    width: 40px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-`;c().div`
-    flex-direction: row;
-    display: flex;
-    align-items: center;
-`,c().div`
-    flex: 1;
-    display: flex;
-    align-items: center;
-`;var S=i(918);const A=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>S.Wq.selectors.selectEditor(t,e)));return i&&i.popup&&i.view?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column",backgroundColor:"white",marginTop:90}},l().createElement(h,null,l().createElement(w,null),l().createElement(x,null,"Popup"),l().createElement(w,null,l().createElement(k,{onClick:()=>{t(S.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(y.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},i.view),l().createElement(h,null,l().createElement(y.JRCButton,{onClick:()=>{t(S.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)};var I=i(888);const O=I.default.registry.getLazyComponent("WidgetArticleTitleEditor"),_=I.default.registry.getLazyComponent("WidgetArticleTextEditor"),F=I.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),j=I.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),M=I.default.registry.getLazyComponent("WidgetArticleSliderEditor"),T=I.default.registry.getLazyComponent("WidgetArticleImageEditor"),D=I.default.registry.getLazyComponent("WidgetButtonEditor"),R=I.default.registry.getLazyComponent("WidgetApiEditor"),z=({uniqid:e})=>{var t,i,n,r,o,a;const c=(0,f.useDispatch)(),s=(0,f.useSelector)(S.$L.selectors.selectToken),d=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),u=t=>{d&&c(S.$L.slice.actions.updateWidget({uniqid:e,content:t})),c(S.Wq.slice.actions.flushEditor({uniqid:e}))},m=(t,i)=>{c(void 0!==i?S.$L.slice.actions.setWidgetState(Object.assign({uniqid:i},t)):S.$L.slice.actions.setWidgetState(Object.assign({uniqid:e},t)))},p=t=>{c(S.Wq.slice.actions.registerEditorPopup({uniqid:e,view:t}))};switch(null==d?void 0:d.widget.name){default:return l().createElement(l().Fragment,null,"cannot display editor");case"widget-article-button":return l().createElement(l().Fragment,null,l().createElement(D,Object.assign({},d.widget.content,{onChange:t=>{c((0,S.O5)(e,t,!1))},onSave:()=>u({})})));case"widget-article-attachment":return l().createElement(j,{token:s,content:d.widget.content,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m,onOpen:p});case"widget-article-gallery":return l().createElement(F,{token:s,content:d.widget.content,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m});case"widget-article-text":return l().createElement(_,{onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,content:d.widget.content});case"widget-article-image":return l().createElement(T,{content:d.widget.content,token:s,onChange:t=>c((0,S.O5)(e,t,!1)),onSave:u,onStateChange:m});case"widget-api":return l().createElement(R,{onChange:t=>c((0,S.O5)(e,t,!1)),provider:e=>{return t=void 0,i=void 0,l=function*(){return fetch(e,{method:"POST",headers:{"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>e.result))},new((n=void 0)||(n=Promise))((function(e,r){function o(e){try{c(l.next(e))}catch(e){r(e)}}function a(e){try{c(l.throw(e))}catch(e){r(e)}}function c(t){var i;t.done?e(t.value):(i=t.value,i instanceof n?i:new n((function(e){e(i)}))).then(o,a)}c((l=l.apply(t,i||[])).next())}));var t,i,n,l},initialUrl:null!==(t=d.widget.content.url)&&void 0!==t?t:"",order:null!==(i=d.widget.content.order)&&void 0!==i?i:"",orderBy:null!==(n=d.widget.content.orderBy)&&void 0!==n?n:"asc"});case"widget-article-title":return l().createElement(O,{onChange:t=>{c((0,S.O5)(e,t,!1))},onSave:u,content:d.widget.content,onOpen:p});case"widget-article-slider":return void 0!==s?l().createElement(M,{slides:null!==(r=d.widget.content.slides)&&void 0!==r?r:[],loop:null!==(o=d.widget.content.loop)&&void 0!==o&&o,useDots:null===(a=d.widget.content.useDots)||void 0===a||a,onChange:t=>{c((0,S.O5)(e,t,!1))},token:s,onSave:u}):l().createElement(l().Fragment,null,"Token is mandatory")}};var G=i(181);const B=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,G.useIntl)(),n=(0,f.useSelector)((t=>S.$L.selectors.selectWidgetContent(t,e)));return l().createElement("div",{style:{flex:1}},l().createElement(U,{uniqid:e}),n&&n.widgets?n.widgets.map(((r,o)=>{const a=S.$L.definition(r.widget.name);return l().createElement("div",{key:o},l().createElement(L,null,l().createElement($,{onClick:()=>((e,i)=>{t(S.Wq.slice.actions.registerEditor({uniqid:e,name:i}))})(r.widget.uniqid,r.widget.name)},i.formatMessage({id:a.label})),l().createElement(W,{onClick:()=>{n.widgets&&t(S.$L.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},n),{widgets:[...n.widgets.filter(((e,t)=>t!==o))]})}))}},l().createElement(y.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},U=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.ids[e].widget.layers),f.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(y.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(V,{uniqid:e,key:t}),elms:i||[]}),l().createElement(ht,{namespace:"default",onChange:i=>{t(S.$L.slice.actions.registerLayer({uniqid:e,widget:i}))},mode:"button"}))},P=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(S.$L.slice.actions.updateLayer({uniqid:e,props:{locked:!i.locked}}))}},l().createElement(y.JRCIcon,{name:i.locked?"icon-lock":"icon-unlock"}))},H=({uniqid:e})=>{const t=(0,f.useDispatch)(),i=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(S.$L.slice.actions.updateLayer({uniqid:e,props:{visible:!i.visible}}))}},l().createElement(y.JRCIcon,{name:i.visible?"icon-eye":"icon-eye-slash"}))},N=({uniqid:e,layerId:t})=>{const i=(0,f.useDispatch)();return l().createElement("div",{onClick:()=>{i(S.$L.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(y.JRCIcon,{name:"icon-trash"}))},V=({uniqid:e})=>{const t=(0,f.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((i,n)=>{const r=S.$L.definition(i.widget.name);return l().createElement("div",{style:{flexDirection:"row",display:"flex"},key:n},l().createElement("div",{style:{flex:1,alignItems:"center"}},r.label),l().createElement(P,{uniqid:e}),l().createElement(H,{uniqid:e}),l().createElement(N,{uniqid:i.widget.uniqid,layerId:t.uniqid}))})))},Q=I.default.registry.getLazyComponent("Button"),X=({uniqid:e})=>{const t=(0,G.useIntl)(),i=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),[o,a]=l().useState(null==n?void 0:n.title),{control:c,watch:s}=(0,r.useForm)({defaultValues:{text:null!=o?o:""},criteriaMode:"all"});return l().useEffect((()=>{const e=s((e=>{a(e.text)}));return()=>e.unsubscribe()}),[s]),n?l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(y.JRCInputText,{name:"text",control:c,placeholder:t.formatMessage({id:"EDITOR_Widget_Wrapper_Title"})}),l().createElement(Q,{onClick:()=>{void 0!==o&&(i(S.$L.slice.actions.updateWidgetWrapper({uniqid:e,title:o})),i(S.Wq.slice.actions.flushEditor({uniqid:e})))},variant:"outlined",minWidth:"100%"},t.formatMessage({id:"EDITOR_Save_Widget"}))):l().createElement(l().Fragment,null,"No wrapper")},Y=I.default.registry.getLazyComponent("Icon"),K=({uniqid:e})=>{const t=(0,G.useIntl)(),i=(0,f.useDispatch)(),n=(0,f.useSelector)((t=>S.Wq.selectors.selectEditor(t,e))),r=S.$L.definition(null==n?void 0:n.name),[o,a]=l().useState(!1),[c,s]=l().useState("default");return l().useEffect((()=>{setTimeout((()=>{a(!0)}),0)})),n?l().createElement("div",{style:{width:440,position:"relative"}},l().createElement(b,{visible:o},l().createElement(q,null,r.panel.useWrapper?l().createElement(k,{isActive:"wrapper"===c,onClick:()=>s("wrapper")},l().createElement(Y,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),r.panel.useEditor?l().createElement(k,{isActive:"default"===c,onClick:()=>s("default")},l().createElement(Y,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),r.panel.useWidgets?l().createElement(ee,{uniqid:e},l().createElement(k,{isActive:"widgets"===c,onClick:()=>s("widgets")},l().createElement(Y,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(h,null,l().createElement(Z,{uniqid:e,position:n.position}),l().createElement(x,null,t.formatMessage({id:r.label})),l().createElement(w,null,l().createElement(k,{onClick:()=>{i(S.Wq.slice.actions.flushEditor({uniqid:e}))}},l().createElement(Y,{name:"icon-times",color:"grey2"})))),l().createElement(C,null,"default"===c&&r.panel.useEditor?l().createElement(z,{uniqid:n.uniqid}):l().createElement(l().Fragment,null),"wrapper"===c&&r.panel.useWrapper?l().createElement(X,{uniqid:n.uniqid}):l().createElement(l().Fragment,null),"widgets"===c&&r.panel.useWidgets?l().createElement(B,{uniqid:e,namespace:r.name}):l().createElement(l().Fragment,null)))),(null==n?void 0:n.popup)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"#000",opacity:".7"}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},Z=({uniqid:e,position:t})=>{const i=(0,f.useDispatch)();return l().createElement(w,null,l().createElement(k,{onClick:()=>{i(S.Wq.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(Y,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},ee=({uniqid:e,children:t})=>{const i=(0,f.useSelector)((t=>S.$L.selectors.selectWidgetState(t,e)));return(null==i?void 0:i.initialized)?t:l().createElement(l().Fragment,null)},te=c().div`
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    z-index: 100;
-`,ie=c().div`
-    flex: 1;
-    display: flex;
-    margintop: ${90}px;
-    pointer-events: ${e=>e.isActive?"all":"none"};
-`,ne=c().div`
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    pointer-events: none;
-`,le=c().div`
-    width: ${440}px;
-    pointer-events: none;
-`,re=()=>{const e=(0,f.useSelector)(S.Wq.selectors.selectEditors);return l().createElement(te,null,e.map(((e,t)=>"left"===e.position?l().createElement(v,{isActive:!1,key:t},l().createElement(ne,null,l().createElement(K,{uniqid:e.uniqid}),l().createElement(ie,{isActive:void 0!==e.popup},l().createElement(A,{uniqid:e.uniqid})),l().createElement(le,null))):l().createElement(v,{isActive:!1,key:t},l().createElement(ne,null,l().createElement(le,null),l().createElement(ie,{isActive:void 0!==e.popup},l().createElement(A,{uniqid:e.uniqid})),l().createElement(K,{uniqid:e.uniqid}))))))},oe=()=>n.createElement(n.Fragment,null),ae=()=>{const[e,t]=(0,n.useState)(),i=(0,G.useIntl)(),l=(0,n.useCallback)((e=>{t(Object.assign(Object.assign({},e),{reject:i=>{e.reject(i),t(void 0)},resolve:i=>{e.resolve(i),t(void 0)}}))}),[]),r=(0,n.useMemo)((()=>({develop:e=>new Promise(((t,i)=>{l({reject:i,resolve:t,text:e,capability:"develop"})})),summarize:e=>new Promise(((t,i)=>{l({reject:i,resolve:t,text:e,capability:"summarize"})})),tldr:e=>new Promise(((t,i)=>{l({reject:i,resolve:t,text:e,capability:"tldr"})}))})),[]);return[e,(0,n.useMemo)((()=>y.JTinyMCEExtensionsBuilders.jia(r,i)),[])]};var ce=i(6),se=i.n(ce);const de={response:void 0,loading:!0,error:void 0},ue=({query:e})=>{const t=(0,G.useIntl)(),[i,r]=(0,n.useState)(de),o=(0,n.useCallback)((e=>{r(de),se().jia.textEnhancement({text:e.text,capacity:e.capability}).then((e=>{if(e.error)return void r({error:`${t.formatMessage({id:"JIA_ERROR_AI_CALL"})}${e.errorMsg&&": "+e.errorMsg}`,loading:!1,response:void 0});const i=e.result.text;r({error:void 0,loading:!1,response:i})})).catch((e=>{r({error:t.formatMessage({id:"JIA_ERROR_AI_CALL"}),loading:!1,response:void 0})}))}),[]);return(0,n.useEffect)((()=>{e&&e.text.trim().length>0&&o(e)}),[e]),l().createElement(y.JRCModal,{zIndex:50010,open:!!e,closeHandler:()=>{null==e||e.reject()},buttons:[{children:t.formatMessage({id:"GLOBAL_Try_Again"}),clickHandler:()=>{e&&o(e)}},{children:t.formatMessage({id:"GLOBAL_Validation"}),clickHandler:()=>i.response&&(null==e?void 0:e.resolve(i.response))},{children:t.formatMessage({id:"GLOBAL_Cancel"}),clickHandler:()=>null==e?void 0:e.reject()}]},i.loading&&l().createElement(l().Fragment,null,l().createElement(y.JRCLoader,null),l().createElement(y.JRCTypography,{align:"center"},t.formatMessage({id:"JIA_WAITING_WARNIG"}))),!i.loading&&i.error&&l().createElement("p",null,i.error),!i.loading&&i.response&&l().createElement("p",null,i.response))},me=e=>{const t=(0,G.useIntl)(),i=(0,f.useDispatch)(),r=(0,a.useTheme)(),o=(0,f.useSelector)(S.Hn.selectors.selectAll),[c,s]=ae(),d=(0,n.useMemo)((()=>{var e,t;return(null===(t=null===(e=J.hooks)||void 0===e?void 0:e.JIAHook)||void 0===t?void 0:t.isActive)&&J.debug.JIABETA}),[]),u=(0,n.useMemo)((()=>d?[s]:[]),[s,d]),m=(0,n.useCallback)((e=>{i(S.FN.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[]),p=(0,n.useMemo)((()=>(0,I.getTinyMCEMentionsQueries)(o,r,m)),[]),g=(0,n.useMemo)((()=>I.default.tinymceCommonOptions),[I.default.tinymceCommonOptions]);return l().createElement(l().Fragment,null,g&&l().createElement(y.JRCInputTinyMCERaw,Object.assign({commonOptions:g,additionalExtensions:u,mentionsQueries:p},e)),l().createElement(ue,{query:c}))},pe=e=>{const t=(0,G.useIntl)(),i=(0,f.useDispatch)(),r=(0,a.useTheme)(),o=(0,f.useSelector)(S.Hn.selectors.selectAll),[c,s]=ae(),d=(0,n.useMemo)((()=>{var e,t;return(null===(t=null===(e=J.hooks)||void 0===e?void 0:e.JIAHook)||void 0===t?void 0:t.isActive)&&J.debug.JIABETA}),[]),u=(0,n.useMemo)((()=>d?[s]:[]),[s,d]),m=(0,n.useCallback)((e=>{i(S.FN.actions.error({label:null!=e?e:t.formatMessage({id:"GLOBAL_Error"})}))}),[]),p=(0,n.useMemo)((()=>(0,I.getTinyMCEMentionsQueries)(o,r,m)),[]),g=(0,n.useMemo)((()=>I.default.tinymceCommonOptions),[I.default.tinymceCommonOptions]);return l().createElement(l().Fragment,null,g&&l().createElement(y.JRCInputTinyMCE,Object.assign({commonOptions:g,additionalExtensions:u,mentionsQueries:p},e)),l().createElement(ue,{query:c}))};var ge=i(248);const Ee=I.default.registry.getLazyComponent("Container"),fe=I.default.registry.getLazyComponent("AppColumn"),ye=I.default.registry.getLazyComponent("MainColumn");function ve({extensionRoute:e,routes:t,description:i,mode:l="center"}){var r;const o=(0,G.useIntl)(),{pathname:a}=(0,ge.useLocation)(),c=Object.values(t),[s,d]=n.useState(null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.key),u=c.map((t=>Object.assign(Object.assign({},t),{label:o.formatMessage({id:t.label}),href:t.absolutePath?t.path:`/ng/rr/${e}/${t.path}`,group:t.group?o.formatMessage({id:t.group}):void 0})));return n.useEffect((()=>{const t=c.find((t=>a===`/ng/rr/${e}/${t.path}`));t&&d(t.key)}),[a,c]),n.createElement(n.Suspense,{fallback:n.createElement(n.Fragment,null)},n.createElement(Ee,{mode:l},n.createElement(fe,{mode:l,description:i,tabs:u,activeTab:s||""}),n.createElement(ye,{mode:l},n.createElement(ge.Outlet,null))))}const he=I.default.registry.getLazyComponent("Loader"),we=({name:e,uniqid:t,inplace:i})=>{const n=(0,f.useSelector)((e=>S.$L.selectors.selectWidgetState(e,t))),r=S.$L.definition(e);return(null==n?void 0:n.loading)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement(he,null)):(null==n?void 0:n.hover)?l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,.7)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}}):!(null==n?void 0:n.initialized)&&i||(null==n?void 0:n.initialized)||i?l().createElement(l().Fragment,null):l().createElement("div",{style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,1)",display:"flex",flex:1,justifyContent:"center",alignItems:"center"}},l().createElement("img",{src:r.img}))},xe=c().div`
-    width: 0;
-    height: 0;
-    overflow: hidden;
-`,be=({children:e,initialFiles:t,initialClick:i,multiple:n,accept:r,onUploadStart:o,onUploadEnd:a,onUploadSuccess:c})=>{const s=l().useRef(null),d=(0,f.useSelector)(S.$L.selectors.selectToken),[u,m]=l().useState(0),[p,g]=l().useState(t);return l().useEffect((()=>{var e;i&&(null===(e=s.current)||void 0===e||e.click())}),[i]),l().useEffect((()=>{t.length!==p.length&&g(t)}),[t]),l().useEffect((()=>{c(p)}),[p]),l().useEffect((()=>{0===u&&a()}),[u]),l().createElement(l().Fragment,null,l().createElement("div",{onClick:()=>{var e;i&&(null===(e=s.current)||void 0===e||e.click())}},e),l().createElement(xe,null,l().createElement(y.JRCInputFileAdvancedRaw,{ref:s,id:"widget-upload-file",name:"editorFiles",content:"",accept:r,multiple:n,token:d,onUploadStart:e=>{void 0!==e&&m((t=>t+e)),"function"==typeof o&&0!==e&&o()},onUploadSuccess:e=>{void 0!==e&&(m((e=>void 0!==e?e-1:0)),g((t=>n?[...t,e]:[e])))}})))},Ce=I.default.registry.getLazyComponent("WidgetArticleGallery"),qe=I.default.registry.getLazyComponent("FileViewer"),ke=c().button`
-    cursor: pointer;
-`,Le=({widget:e,inplace:t,mode:i})=>{var n,r;const{uniqid:o}=e,{files:a}=e.content,c=(0,f.useDispatch)(),s=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,o)),f.shallowEqual);return l().useEffect((()=>{c(S.$L.slice.actions.setWidgetState({uniqid:o,mounted:!0}))}),[]),void 0!==a?l().createElement(l().Fragment,null,"edit"===i?l().createElement(Ce,{files:a,maxWidth:800,gap:null!==(n=e.content.gap)&&void 0!==n?n:"10",column:null!==(r=e.content.column)&&void 0!==r?r:"3",onClick:()=>{}}):l().createElement(qe,{files:a,openWithOptions:[]},(t=>{var i,n;return l().createElement(ke,null,l().createElement(Ce,{files:a,maxWidth:600,gap:null!==(i=e.content.gap)&&void 0!==i?i:"10",column:null!==(n=e.content.column)&&void 0!==n?n:"3",onClick:e=>t(e)}))})),t&&"edit"===i?l().createElement(be,{initialFiles:a,initialClick:s,accept:"image/png, image/jpeg, image/jpg",multiple:!0,onUploadSuccess:e=>{Array.isArray(e)&&c((0,S.O5)(o,{files:e}))},onUploadStart:()=>{c(S.$L.slice.actions.setWidgetState({uniqid:o,loading:!0}))},onUploadEnd:()=>{c(S.$L.slice.actions.setWidgetState({uniqid:o,loading:!1}))}},l().createElement(y.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Gallery_Empty_Label",description:"WIDGET_Article_Gallery_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},$e=I.default.registry.getLazyComponent("WidgetAttachment"),We=I.default.registry.getLazyComponent("FileViewer"),Se=c().div`
-    flex: 1;
-`,Ae=({widget:e,inplace:t,mode:i})=>{const n=(0,G.useIntl)(),{uniqid:r}=e,{files:o}=e.content,a=(0,f.useDispatch)(),c=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,r)),f.shallowEqual),s=e=>{a(S.FN.actions.error({label:null!=e?e:n.formatMessage({id:"GLOBAL_Error"})}))};l().useEffect((()=>{a(S.$L.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]);const d=(0,f.useSelector)((e=>S.Mx.selectors.selectById(e,"OnlyOfficeHook"))),u=[{label:n.formatMessage({id:"WIDGET_Open_With_Wedoc"}),onClick:e=>{e&&se().object.getAccessHash(`fileArticle/${e.id}`).then((t=>{if(""===t.result)throw new Error("result empty");const i=t.result;((e,t,i)=>{window.open(function(e,t){return`/ng/rr/file/${e}/${t}`}(e,t),void 0)})(e.id,i)})).catch((()=>{a(S.FN.actions.error({label:"WIDGET_Open_Failed"},6e3))}))}}],m=d?[{condition:e=>["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation"].includes(e.mimetype),options:u}]:[];return void 0!==o?l().createElement(Se,null,"view"!==i?l().createElement($e,{files:o,onClick:()=>{},onError:s}):l().createElement(We,{files:o,openWithOptions:m},(e=>l().createElement($e,{files:o,onClick:t=>e(t),onError:s}))),t&&"view"!==i&&l().createElement(be,{initialFiles:o,initialClick:c,multiple:!0,accept:"*",onUploadSuccess:e=>{Array.isArray(e)&&a((0,S.O5)(r,{files:e}))},onUploadStart:()=>{a(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{a(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},"edit"===i?l().createElement(y.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Attachment_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}}):l().createElement(l().Fragment,null))):l().createElement(l().Fragment,null)},Ie=I.default.registry.getLazyComponent("WidgetImage"),Oe=I.default.registry.getLazyComponent("FileViewer"),_e=c().div`
-    position: absolute;
-    inset: 0;
-    background-color: rgba(0, 0, 0, 0.4);
-    pointer-event: none;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    opacity: 0;
-    color: ${e=>e.theme.color.white};
-    &:hover {
-        opacity: 1;
-    }
-`,Fe=c().button`
-    cursor: pointer;
-`,je={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},Me=({widget:e,width:t,inplace:i,mode:n})=>{const{uniqid:r}=e,{file:o,useFilter:a}=e.content,c=(0,f.useDispatch)(),s=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,r)),f.shallowEqual),[d,u]=l().useState(void 0),m=(0,G.useIntl)();return l().useEffect((()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,mounted:!0}))}),[]),l().useEffect((()=>{o&&u(`/imagecache/fitx1200/${o.type}/${o.id}.png?_=${o.dateModified?(e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}})(o.dateModified):Date.now()}`)}),[o]),l().createElement(l().Fragment,null,"edit"===n?void 0!==d?l().createElement(Ie,{maxWidth:null!=t?t:600,uri:d,useFilter:null!=a&&a}):l().createElement(l().Fragment,null):l().createElement(Oe,{files:[Object.assign(Object.assign({},je),{path:d,mimetype:"image/png"})],openWithOptions:[]},(e=>l().createElement(Fe,{onClick:()=>e(0)},l().createElement(Ie,{maxWidth:null!=t?t:600,uri:d,useFilter:null!=a&&a})))),i&&"edit"===n?l().createElement(be,{initialFiles:[],initialClick:s,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{Array.isArray(e)&&void 0!==e[0]&&c((0,S.O5)(r,{file:e[0]}))},onUploadStart:()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{c(S.$L.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},void 0!==o?l().createElement(_e,null,m.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(y.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Image_Empty_Label",description:"WIDGET_Article_Image_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null))},Te=c().div`
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    min-height: 60px;
-    align-items: center;
-`,De=c().div`
-    display: flex;
-    flex-direction: row;
-    border-radius: 8px;
-    overflow: hidden;
-    margin: 4px;
-    border: 1px solid ${e=>e.theme.color.grey1};
-`,Re=c().button`
-    display: flex;
-    width: 40px;
-    height: 40px;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    opacity: ${e=>e.isActive?"1.0":".8"};
-    background-color: ${e=>e.isActive?e.theme.color.grey1:e.theme.color.white};
-    &:hover {
-        background-color: ${e=>e.theme.color.grey1};
-    }
-`,Je=({widget:e,inplace:t,mode:i})=>{const{uniqid:n}=e,{text:r,color:o,heading:a}=e.content,c=(0,f.useDispatch)(),s=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,n)),f.shallowEqual);return l().createElement(Te,null,l().createElement(y.JRCWidgetArticleTitle,{text:r,color:o,heading:a,autoFocus:s,inplace:t,mode:i,onChange:e=>{c((0,S.O5)(n,{text:e}))}}),s&&"edit"===i?l().createElement(ze,{heading:a,onClick:e=>{c((0,S.O5)(n,{heading:e}))}}):l().createElement(l().Fragment,null))},ze=({heading:e="h1",onClick:t})=>l().createElement(De,null,["h1","h2","h3","h4"].map(((i,n)=>l().createElement(Re,{key:n,isActive:e===i,onClick:()=>t(i)},i)))),Ge=c().div`
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    min-height: 60px;
-    align-items: center;
-`,Be=({widget:e})=>{const{url:t,keys:i,order:n,orderBy:r}=e.content,[o,a]=l().useState([]);return l().useEffect((()=>{t&&function(e){return"string"==typeof e&&0!==e.length&&e.startsWith("https://")}(t)?fetch(t,{method:"POST",headers:{"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{Array.isArray(e.result)||console.warn("resposne must be an array"),a(e.result)})):console.warn(`${t} is not a valid url`)}),[t]),l().createElement(Ge,null,l().createElement(y.JRCWidgetApi,{data:o,keys:null!=i?i:[],order:null!=n?n:"",orderBy:null!=r?r:"asc"}))},Ue=c().div`
-    min-height: 60px;
-    cursor: text;
-`,Pe=({widget:e,mode:t})=>{const{uniqid:i}=e,n=(0,a.useTheme)(),{text:r,color:o,lineHeight:c,linkColor:s,fontSize:d}=e.content,u=(0,f.useDispatch)(),m=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,i)),f.shallowEqual),p=(0,f.useSelector)(S.$L.selectors.selectToken),g=(0,f.useSelector)(S.zh.selectors.selectTinyMCECommonOptions);return l().createElement(Ue,null,l().createElement(y.JRCWidgetArticleText,{autoFocus:m,text:null!=r?r:"",color:null!=o?o:n.color.black,lineHeight:null!=c?c:"20",linkColor:null!=s?s:n.color.primary,fontSize:null!=d?d:"20",token:"edit"===t&&void 0!==p?p:"",tinyMCECommonOptions:"edit"===t?g:void 0,mode:t,onChange:e=>{u((0,S.O5)(i,{text:e}))}}))},He=c().div`
-    display: flex;
-    flex: 1;
-    justify-content: center;
-    align-items: center;
-`,Ne=c().div`
-    pointer-events: ${e=>e.clickable?"all":"none"};
-    cursor: pointer;
-    display: flex;
-    flex: 1;
-    justify-content: center;
-    align-items: center;
-`,Ve=({widget:e,mode:t})=>{const i=(0,f.useDispatch)(),{uniqid:n}=e,{text:r,url:o,target:a,color:c,backgroundColor:s,buttonSize:d,borderRadius:u,variant:m}=e.content;return l().createElement(He,{onClick:()=>{"edit"===t&&i(S.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}},l().createElement(Ne,{clickable:"edit"!==t},l().createElement(y.JRCWidgetButton,{text:r,url:o,target:a,color:c,backgroundColor:s,buttonSize:d,borderRadius:u,variant:m})))};var Qe=i(5);const Xe=I.default.registry.getLazyComponent("FileViewer"),Ye=c().div`
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    min-height: 60px;
-    align-items: center;
-`,Ke={id:0,type:"",title:"",uri:"",mimetype:"application/octet-stream",mainType:"",dateCreation:"",dateModified:"",_url:"",size:10},Ze=e=>{if(e){const t=Date.parse(e);if(!isNaN(t))return new Date(t).getTime()/1e3}},et=({widget:e,mode:t,width:i})=>{const{uniqid:n}=e,r=(0,Qe.TL)(),o=(0,f.useSelector)((e=>S.$L.selectors.isActive(e,n)),f.shallowEqual),a=e.content.slides?[...e.content.slides.map(((e,t)=>Object.assign(Object.assign({},Ke),{id:e.file?e.file.id:t,mimetype:e.file?e.file.mimetype:Ke.mimetype,path:e.file?`/imagecache/fitx1200/${e.file.type}/${e.file.id}.png?_=${e.file.dateModified?Ze(e.file.dateModified):Date.now()}`:void 0})))]:[];return l().useEffect((()=>{o&&"edit"===t&&r(S.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}),[o]),l().createElement(Ye,null,l().createElement(Xe,{files:a,openWithOptions:[]},(o=>{var a,c;return l().createElement(y.JRCWidgetSlider,{slides:void 0!==e.content.slides?[...e.content.slides.map((e=>e.file?Object.assign(Object.assign({},e),{uri:`${J.urlBase}imagecache/fitx1200/${e.file.type}/${e.file.id}.png?_=${e.file.dateModified?Ze(e.file.dateModified):Date.now()}`}):Object.assign(Object.assign({},e),{uri:""})))]:[],maxWidth:null!=i?i:600,useDots:null===(a=e.content.useDots)||void 0===a||a,loop:null!==(c=e.content.loop)&&void 0!==c&&c,startAt:0,onClickSlide:i=>{if("edit"!==t){if(e.content.slides){const t=e.content.slides[i];t&&t.file&&o(t.file.id)}}else r(S.Wq.slice.actions.registerEditor({uniqid:n,name:e.name}))}})})),"edit"===t&&Array.isArray(e.content.slides)&&0===e.content.slides.length?l().createElement(y.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Slider_Empty_Label",description:"WIDGET_Article_Slider_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{r(S.Wq.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))}}):l().createElement(l().Fragment,null))},tt=({widget:e,width:t,inplace:i=!1,mode:n="view"})=>{const{name:r}=e;switch(r){default:return l().createElement(l().Fragment,null,"cannot display widget (",r,")");case"widget-article-button":return l().createElement(Ve,{widget:e,inplace:i,mode:n});case"widget-article-gallery":return l().createElement(Le,{widget:e,inplace:i,mode:n});case"widget-article-attachment":return l().createElement(Ae,{widget:e,inplace:i,mode:n});case"widget-article-image":return l().createElement(Me,{widget:e,inplace:i,mode:n,width:null!=t?t:800});case"widget-api":return l().createElement(Be,{widget:e,inplace:i,mode:n});case"widget-article-slider":return l().createElement(et,{widget:e,inplace:i,mode:n,width:null!=t?t:800});case"widget-article-title":return l().createElement(Je,{widget:e,inplace:i,mode:n});case"widget-article-text":return l().createElement(Pe,{widget:e,inplace:i,mode:n})}};var it=i(769);const nt=c().div`
-    position: absolute;
-    inset: 0;
-    opacity: ${e=>e.opacity};
-    background-color: ${e=>e.backgroundColor};
-    pointer-events: ${e=>e.pointerEvents};
-`,lt=({uniqid:e,mode:t})=>{const i=(0,f.useSelector)((t=>t.widgets.ids[e].widget.layers),f.shallowEqual);return l().createElement(l().Fragment,null,null==i?void 0:i.map(((e,t)=>l().createElement(rt,{uniqid:e,key:t,mode:"edit"}))))},rt=({uniqid:e,mode:t})=>{const i=(0,f.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(nt,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},i.widgets.map(((e,t)=>l().createElement(ot,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(nt,{opacity:i.visible?1:0,backgroundColor:i.visible?"rgba(255,255,255,.1)":"transparent",pointerEvents:i.locked?"none":"all"},i.widgets.map(((e,t)=>l().createElement(ot,{key:t,layerId:i.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},ot=({uniqid:e,layerId:t,mode:i})=>{const n=(0,f.useDispatch)(),r=(0,f.useSelector)((t=>t.widgets.ids[e]),f.shallowEqual),o=(0,f.useSelector)((e=>e.widgets.layers[t]));return r&&o&&o.position?"view"===i?l().createElement("div",{style:{position:"absolute",top:o.position.y,left:o.position.x}},l().createElement(st,{uniqid:e,widget:r,mode:i,inplace:!0})):l().createElement(at,{position:{x:o.position.x,y:o.position.y},onMouseUp:e=>{(o.position&&o.position.x!==e.x||o.position&&o.position.y!==e.y)&&(e=>{n(S.$L.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(y.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{n(S.Wq.slice.actions.registerEditor({uniqid:e,name:t}))})(r.widget.uniqid,r.widget.name)},l().createElement(st,{uniqid:e,widget:r,mode:i,inplace:!0}))):l().createElement(l().Fragment,null)},at=({position:e,children:t,onMouseUp:i})=>{const[n,r]=l().useState(!1),[o,a]=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),p=l().useCallback((e=>{if(n&&m.current){const t=c.x+(e.clientX-o.x),i=c.y+(e.clientY-o.y);u({x:t,y:i})}}),[n]),g=()=>{r(!1),i({x:d.x,y:d.y})};return l().useEffect((()=>(document.addEventListener("mousemove",p),document.addEventListener("mouseup",g),()=>{document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",g)})),[p]),l().createElement("div",{style:{position:"absolute",top:d.y,left:d.x},ref:m,onMouseDown:e=>{r(!0),m.current&&(a({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY}),s({x:d.x,y:d.y}))}},t)},ct=({uniqid:e,widget:t,inplace:i=!0,mode:n,width:r})=>{const o=(0,f.useDispatch)(),a=(0,f.useSelector)((t=>S.$L.selectors.selectWidget(t,e))),c=(0,f.useSelector)((t=>t.widgets.editableMap[e]),f.shallowEqual),s=(0,f.useSelector)((e=>e.widgets.currentEditableWidgetId),f.shallowEqual),d=(0,f.useSelector)((t=>t.widgets.currentEditableWidgetId===e),f.shallowEqual),{ref:u,isComponentVisible:m,setIsComponentVisible:p}=(0,it.I)(!1);if(l().useEffect((()=>{t&&o(S.$L.slice.actions.registerWidget({uniqid:e,widget:t}))}),[]),l().useEffect((()=>{m||e===s&&o(S.$L.slice.actions.setEditableWidgetId({uniqid:void 0}))}),[m]),l().useEffect((()=>{m!==d&&p(d)}),[d]),void 0===a)return l().createElement(l().Fragment,null,"This widget cannot be desplayed");const g=()=>{"edit"===n?E():"widget-article-button"===a.widget.name&&"link"===a.widget.content.openingType&&a.widget.content.openingTypeLink&&window.open(a.widget.content.openingTypeLink.url,a.widget.content.openingTypeLink.target)},E=()=>{if("view"===n)return;const{widget:e}=a;o(S.Wq.slice.actions.registerEditor({uniqid:e.uniqid,name:e.name}))};return i&&"view"!==n?l().createElement("div",{style:{minWidth:void 0!==r?r:"100%"},ref:u,onClick:()=>{p(!0),c&&(o(S.$L.slice.actions.setEditableIndex({index:c.index})),o(S.$L.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(tt,{width:r,widget:a.widget,inplace:i,mode:n,onClick:g}),l().createElement(lt,{uniqid:e,mode:n}),l().createElement(we,{name:a.widget.name,uniqid:a.widget.uniqid,inplace:i})):l().createElement("div",{style:{flex:1,display:"flex",minWidth:void 0!==r?r:"100%"},onClick:E},l().createElement(tt,{widget:a.widget,inplace:i,mode:n,width:r,onClick:g}),l().createElement(lt,{uniqid:e,mode:n}),l().createElement(we,{name:a.widget.name,uniqid:a.widget.uniqid,inplace:i}))},st=ct,dt=c().div`
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: 10px;
-    justify-content: center;
-`,ut=c().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;
-        }
-    }
-`,mt=c().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;
-`,pt=c().div`
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 10px;
-`,gt=c().div`
-    min-height: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    color: ${e=>e.theme.color.primary};
-    &:hover {
-        background-color: ${e=>e.theme.color.grey0};
-    }
-`,Et=c().button`
-    height: 72px;
-    display: flex;
-    align-items: center;
-    padding: 0 10px;
-    gap: 10px;
-    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};
-    img {
-        width: 40px;
-    }
-`,ft=I.default.registry.getLazyComponent("Button"),yt=I.default.registry.getLazyComponent("ModalLayout"),vt=I.default.registry.getLazyComponent("ModalContent"),ht=({mode:e,view:t,children:i,namespace:n="default",onChange:r})=>{const[o,a]=l().useState(!1),c=function(e){return"widget-article-image"===e?[S.$L.definition("widget-article-title"),S.$L.definition("widget-article-button")]:[S.$L.definition("widget-article-title"),S.$L.definition("widget-article-text"),S.$L.definition("widget-article-image"),S.$L.definition("widget-article-button"),S.$L.definition("widget-article-slider"),S.$L.definition("widget-article-attachment")]}(n),s=(0,G.useIntl)(),d={open:o,portalId:"react-modal",variant:"full-height",closeHandler:()=>a(!1)},u=e=>{r(S.$L.factory(e)),a(!1)};return l().createElement(l().Fragment,null,l().createElement(yt,Object.assign({},d),l().createElement(vt,{onClickIconClose:d.closeHandler,title:"widget builder"},l().createElement(dt,null,c.map(((e,t)=>l().createElement(ut,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},s.formatMessage({id:e.label})))))))),"custom"===e&&i?l().createElement("div",{onClick:()=>a(!0)},i):l().createElement(l().Fragment,null),"button"===e&&"edit"===t?l().createElement(ft,{onClick:()=>a(!0),variant:"outlined",minWidth:"100%"},s.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e&&"edit"===t?l().createElement(dt,null,c.map(((e,t)=>l().createElement(ut,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},s.formatMessage({id:e.label})))))):l().createElement(l().Fragment,null),"article"===e&&"edit"===t?l().createElement(wt,{widgets:c,onClick:u}):l().createElement(l().Fragment,null))},wt=({widgets:e,onClick:t})=>{const[i,n]=l().useState(!1),r=(0,G.useIntl)();return l().createElement(l().Fragment,null,l().createElement(mt,{open:i},l().createElement(gt,{onClick:()=>n(!i)},r.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(pt,null,e.map(((e,n)=>l().createElement(Et,{key:e.name,open:i,index:n,onClick:()=>t(e.name)},l().createElement("img",{src:e.img}),r.formatMessage({id:e.label})))))))}}}]);
-//# sourceMappingURL=39.bundle.js.map