jamespot-react-core 1.1.127 → 1.1.128

package/build/src/components/tinymce/JRCTinyMCEWithExt.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { JRCInputTinyMCEProps } from 'jamespot-react-components';
+export type JRCInputTinyMCEWithExtProps = Omit<JRCInputTinyMCEProps, 'commonOptions' | 'mentionsQueries' | 'additionalExtensions'>;
+export declare const JRCInputTinyMCEWithExt: (props: JRCInputTinyMCEWithExtProps) => React.JSX.Element;

package/build/src/components/tinymce/extension/AIModal.d.ts

@@ -0,0 +1,6 @@
+import { Query } from 'hooks/useAI';
+import React from 'react';
+export type AIModalProps = {
+    query: Query | undefined;
+};
+export declare const AIModal: ({ query }: AIModalProps) => React.JSX.Element;

package/build/src/displayer/components/DisplayRender.d.ts

@@ -1,9 +1,10 @@
 import { RenderAttributeProps } from 'displayer/types';
 import * as React from 'react';
+import { WidgetOption } from 'displayer/displayer.utils';
 export declare function DisplayDate({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
 export declare function DisplayDefault({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
 export declare function DisplayEmail({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
-export declare function DisplayRadio({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
+export declare const DisplayRadio: (options: WidgetOption[]) => ({ object, attribute }: RenderAttributeProps) => React.JSX.Element | null;
 export declare function DisplayRichText({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
 export declare function DisplayTag({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;
 export declare function DisplayUrl({ object, attribute }: RenderAttributeProps): React.JSX.Element | null;

package/build/src/displayer/components/inputs/InputSelect.d.ts

@@ -1,12 +1,10 @@
 import * as React from 'react';
 import { DisplayInputComponentProps } from '../../types';
 import type { FieldValues } from 'react-hook-form';
+import { WidgetOption } from '../../displayer.utils';
 type InputSelectConfig = {
     name: string;
     placeholder: string;
 };
-export declare const InputSelect: (options: Array<{
-    label: string;
-    value: string;
-}>, config: InputSelectConfig) => <TFieldValues extends FieldValues>(props: DisplayInputComponentProps<TFieldValues>) => React.JSX.Element;
+export declare const InputSelect: (options: WidgetOption[], config: InputSelectConfig) => <TFieldValues extends FieldValues>(props: DisplayInputComponentProps<TFieldValues>) => React.JSX.Element;
 export {};

package/build/src/displayer/components/inputs/Radio.d.ts

@@ -1,13 +1,11 @@
 import * as React from 'react';
 import { DisplayInputComponentProps } from '../../types';
 import type { FieldValues } from 'react-hook-form';
+import { WidgetOption } from 'displayer/displayer.utils';
 type RadioConfig = {
     checkboxMode: 'radio' | 'checkbox';
     direction?: 'row' | 'column' | 'two-columns';
     requireable?: boolean;
 };
-export declare const RadioInput: (options: Array<{
-    value: string;
-    label: string;
-}>, config: RadioConfig) => <TFieldValues extends FieldValues>({ widget, ...props }: DisplayInputComponentProps<TFieldValues>) => React.JSX.Element;
+export declare const RadioInput: (options: WidgetOption[], config: RadioConfig) => <TFieldValues extends FieldValues>({ widget, ...props }: DisplayInputComponentProps<TFieldValues>) => React.JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import { WidgetCheckbox, WidgetSelect } from 'jamespot-user-api';
-export declare function widgetToOptions(widget: WidgetSelect<string> | WidgetCheckbox): Array<WidgetOption>;
+import { WidgetCheckbox, WidgetRadio, WidgetSelect } from 'jamespot-user-api';
+export declare function widgetToOptions(widget: WidgetSelect<string> | WidgetCheckbox | WidgetRadio): Array<WidgetOption>;
 export type WidgetOption = {
     label: string;
     value: string;

package/build/src/hooks/useAI.d.ts

@@ -0,0 +1,7 @@
+export type Query = {
+    resolve: (value: string | PromiseLike<string>) => void;
+    reject: (reason?: any) => void;
+    capability: 'develop' | 'summarize' | 'tldr';
+    text: string;
+};
+export declare const useAI: () => readonly [Query | undefined, import("jamespot-react-components/build/src/components/Form/Input/JRCInputTinyMCE/extensions/JTinyMCEExtensions").TinyMCEExtension];

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

@@ -3,9 +3,10 @@
  */
 export declare const coreComponentsMapping: {
     readonly DisplayForm: "DisplayForm";
+    readonly EditorsPortal: "EditorsPortal";
     readonly Empty: "Empty";
+    readonly InputTinyMCEWithExt: "JRCInputTinyMCEWithExt";
     readonly TwoColLayout: "TwoColLayout";
-    readonly EditorsPortal: "EditorsPortal";
     readonly WidgetWrapperCore: "WidgetWrapperCore";
     readonly WidgetList: "WidgetList";
 };

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

@@ -2,11 +2,12 @@
  * please fill this file and core-component-list.ts
  */
 export { DisplayForm } from '../displayer/DisplayForm.component';
+export { EditorsPortal } from '../components/editors/EditorsPortal';
 export { Empty } from '../components/Empty';
+export { JRCInputTinyMCEWithExt } from '../components/tinymce/JRCTinyMCEWithExt';
 export { TwoColLayout } from '../components/TwoColLayout';
 export { WidgetWrapperCore } from '../components/widgets/WidgetWrapperCore';
 export { WidgetList } from '../components/widgets/WidgetList/WidgetList';
-export { EditorsPortal } from '../components/editors/EditorsPortal';
 /**
  * please fill this file and core-component-list.ts
  */

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

@@ -138,6 +138,9 @@ export interface WindowJ {
     jamespotReactComponentList: JrComponentListType;
     jamespotReactTheme: any;
     applications: ApplicationType[];
+    hooks: {
+        [name: string]: any;
+    };
     models: Model<string>[];
     debug: any;
     urlBase: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-core",
-  "version": "1.1.127",
+  "version": "1.1.128",
   "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.29",
-    "jamespot-react-components": "^1.0.164",
-    "jamespot-user-api": "^1.0.135",
+    "jamespot-front-business": "^1.1.35",
+    "jamespot-react-components": "^1.0.167",
+    "jamespot-user-api": "^1.0.139",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.25.0",

package/build/376.bundle.js

@@ -1,242 +0,0 @@
-"use strict";(self.webpackChunkReactCore=self.webpackChunkReactCore||[]).push([[376],{376:(e,t,n)=>{n.r(t),n.d(t,{DisplayForm:()=>E,EditorsPortal:()=>Ke,Empty:()=>f,TwoColLayout:()=>C,WidgetList:()=>pe,WidgetWrapperCore:()=>ie});var i=n(363),l=n.n(i),o=n(230),a=n(603),r=n(754),c=n.n(r),s=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)t.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(n[i[l]]=e[i[l]])}return n};const d=r.css`
-    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}
-`,g=i.forwardRef(((e,t)=>e.onSubmit?i.createElement(m,{stretch:e.stretch,onSubmit:e.onSubmit,ref:t},e.children):i.createElement(u,{stretch:e.stretch,ref:t},e.children))),p=c().div`
-    ${e=>e.stretch&&"\n    flex: 1;\n"}
-`,E=i.forwardRef(((e,t)=>{const n=i.useRef(null),[l,r]=(0,a.GF)(e.fields,e.type),c=(0,o.useForm)({defaultValues:Object.assign(Object.assign({},r),e.defaultValues),criteriaMode:"all"}),{handleSubmit:d,control:u,reset:m}=c,E=s(c,["handleSubmit","control","reset"]);return i.useImperativeHandle(t,(()=>Object.assign(Object.assign({},E),{handleSubmit:d,control:u,reset:()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.scrollTo(0,0),m()}})),[]),i.createElement(g,{stretch:e.stretch,onSubmit:e.onSubmit?d(e.onSubmit):void 0,ref:n},i.createElement(p,{stretch:e.stretch},l.map((t=>{var{Input:n}=t,l=s(t,["Input"]);return i.createElement(n,Object.assign({key:l.name,control:u},l,{dataCy:`${e.dataCy}-${l.name}`,readOnly:e.readOnly}))})),e.extraInputs&&e.extraInputs(u)),e.buttons)})),f=()=>i.createElement(i.Fragment,null);var y=n(248),v=n(181),h=n(203);const w=h.default.registry.getLazyComponent("Container"),x=h.default.registry.getLazyComponent("AppColumn"),b=h.default.registry.getLazyComponent("MainColumn");function C({extensionRoute:e,routes:t,description:n,mode:l="center"}){var o;const a=(0,v.useIntl)(),{pathname:r}=(0,y.useLocation)(),c=Object.values(t),[s,d]=i.useState(null===(o=null==c?void 0:c[0])||void 0===o?void 0:o.key),u=c.map((t=>Object.assign(Object.assign({},t),{label:a.formatMessage({id:t.label}),href:t.absolutePath?t.path:`/ng/rr/${e}/${t.path}`,group:t.group?a.formatMessage({id:t.group}):void 0})));return i.useEffect((()=>{const t=c.find((t=>r===`/ng/rr/${e}/${t.path}`));t&&d(t.key)}),[r]),i.createElement(i.Suspense,{fallback:i.createElement(i.Fragment,null)},i.createElement(w,{mode:l},i.createElement(x,{mode:l,description:n,tabs:u,activeTab:s||""}),i.createElement(b,{mode:l},i.createElement(y.Outlet,null))))}var L=n(855),q=n(951);const $=h.default.registry.getLazyComponent("Loader"),W=({name:e,uniqid:t,inplace:n})=>{const i=(0,L.useSelector)((e=>q.$L.selectors.selectWidgetState(e,t))),o=q.$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($,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}))};var k=n(535);const S=c().div`
-    width: 0;
-    height: 0;
-    overflow: hidden;
-`,I=h.default.registry.getLazyComponent("DEPRECATEDFormInputFile"),T=({children:e,initialFiles:t,initialClick:n,multiple:i,accept:o,onUploadStart:a,onUploadEnd:r,onUploadSuccess:c})=>{const s=l().useRef(null),d=(0,L.useSelector)(q.$L.selectors.selectToken),[u,m]=l().useState(0),[g,p]=l().useState(t);return l().useEffect((()=>{var e;n&&(null===(e=s.current)||void 0===e||e.click())}),[n]),l().useEffect((()=>{t.length!==g.length&&p(t)}),[t]),l().useEffect((()=>{c(g)}),[g]),l().useEffect((()=>{0===u&&r()}),[u]),l().createElement(l().Fragment,null,l().createElement("div",{onClick:()=>{var e;n&&(null===(e=s.current)||void 0===e||e.click())}},e),l().createElement(S,null,l().createElement(I,{ref:s,id:"widget-upload-file",name:"editorFiles",content:"",accept:o,multiple:i,token:d,onUploadStart:e=>{void 0!==e&&m((t=>t+e)),"function"==typeof a&&0!==e&&a()},onUploadSuccess:e=>{void 0!==e&&(m((e=>void 0!==e?e-1:0)),p((t=>i?[...t,e]:[e])))}})))},A=h.default.registry.getLazyComponent("WidgetArticleGallery"),_=h.default.registry.getLazyComponent("FileViewer"),D=({widget:e,inplace:t,mode:n,onStateChange:i})=>{var o,a;const{uniqid:r}=e,{files:c}=e.content,s=(0,L.useDispatch)(),d=(0,L.useSelector)((e=>q.$L.selectors.selectWidget(e,r))),u=(0,L.useSelector)((e=>q.$L.selectors.isActive(e,r)),L.shallowEqual);return l().useEffect((()=>{i({mounted:!0})}),[]),void 0!==c?l().createElement(l().Fragment,null,"edit"===n?l().createElement(A,{files:c,maxWidth:800,gap:null!==(o=e.content.gap)&&void 0!==o?o:"10",column:null!==(a=e.content.column)&&void 0!==a?a:"3",onClick:()=>{}}):l().createElement(_,{files:c,openWithOptions:{}},(t=>{var n,i;return l().createElement(A,{files:c,maxWidth:600,gap:null!==(n=e.content.gap)&&void 0!==n?n:"10",column:null!==(i=e.content.column)&&void 0!==i?i:"3",onClick:e=>t(e)})})),t&&"edit"===n?l().createElement(T,{initialFiles:c,initialClick:u,accept:"image/png, image/jpeg, image/jpg",multiple:!0,onUploadSuccess:e=>{"widget-article-gallery"===(null==d?void 0:d.widget.name)&&s(q.$L.slice.actions.updateWidget({uniqid:r,content:{files:e}}))},onUploadStart:()=>{s(q.$L.slice.actions.setWidgetState({uniqid:r,loading:!0}))},onUploadEnd:()=>{s(q.$L.slice.actions.setWidgetState({uniqid:r,loading:!1}))}},l().createElement(k.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Gallery_Empty_Label",description:"WIDGET_Article_Gallery_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}})):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)};var F=n(6),j=n.n(F);const R=h.default.registry.getLazyComponent("WidgetArticleAttachment"),O=h.default.registry.getLazyComponent("FileViewer"),G=({widget:e,inplace:t,mode:n,onStateChange:i})=>{const{uniqid:o}=e,{files:a}=e.content,r=(0,L.useDispatch)(),c=(0,L.useSelector)((e=>q.$L.selectors.selectWidget(e,o))),s=(0,L.useSelector)((e=>q.$L.selectors.isActive(e,o)),L.shallowEqual);l().useEffect((()=>{i({mounted:!0})}),[]);const d=[{label:"Wedoc",onClick:e=>{e&&j().object.getAccessHash(`fileArticle/${e.id}`).then((t=>{if(""===t.result)throw new Error("result empty");const n=t.result;((e,t,n)=>{window.open(function(e,t){return`/ng/rr/file/${e}/${t}`}(e,t),void 0)})(e.id,n)})).catch((()=>{r(q.FN.actions.error({label:"Unable to open this file"},6e3))}))}}],u=(0,L.useSelector)((e=>q.Mx.selectors.selectById(e,"OnlyOfficeHook")))?{"application/vnd.openxmlformats-officedocument.wordprocessingml.document":d,"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":d,"application/vnd.openxmlformats-officedocument.presentationml.presentation":d}:{};return void 0!==a?l().createElement(l().Fragment,null,"view"!==n?l().createElement(R,{files:a,onClick:()=>{}}):l().createElement(O,{files:a,openWithOptions:u},(e=>l().createElement(R,{files:a,onClick:t=>e(t)}))),t&&"view"!==n?l().createElement(T,{initialFiles:a,initialClick:s,multiple:!0,accept:"*",onUploadSuccess:e=>{"widget-article-attachment"===(null==c?void 0:c.widget.name)&&r(q.$L.slice.actions.updateWidget({uniqid:o,content:{files:e}}))},onUploadStart:()=>{r(q.$L.slice.actions.setWidgetState({uniqid:o,loading:!0}))},onUploadEnd:()=>{r(q.$L.slice.actions.setWidgetState({uniqid:o,loading:!1}))}},"edit"===n?l().createElement(k.JRCWidgetEmptyInplace,{label:"WIDGET_Article_Attachment_Empty_Label",description:"WIDGET_Article_Attachment_Empty_Description",url:"widget-article-image-placeholder.png",onClick:()=>{}}):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)):l().createElement(l().Fragment,null)},z=h.default.registry.getLazyComponent("WidgetArticleImage"),M=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;
-    }
-`,U=({widget:e,inplace:t,mode:n,onStateChange:i})=>{const{uniqid:o}=e,{file:a,displayAs:r,useFilter:c,backgroundPosition:s,backgroundSize:d,borderRadius:u}=e.content,m=(0,L.useDispatch)(),g=(0,L.useSelector)((e=>q.$L.selectors.selectWidget(e,o))),p=(0,L.useSelector)((e=>q.$L.selectors.isActive(e,o)),L.shallowEqual),E=(0,v.useIntl)();return l().useEffect((()=>{i({mounted:!0})}),[]),l().createElement(l().Fragment,null,l().createElement(z,{maxWidth:"view"!==n?800:600,uri:void 0!==a?`/imagecache/fitx1200/fileArticle/${a.id}.png`:void 0,displayAs:null!=r?r:"image",borderRadius:null!=u?u:"8",useFilter:null!=c&&c,backgroundPosition:null!=s?s:"center",backgroundSize:null!=d?d:"auto"}),t&&"edit"===n?l().createElement(T,{initialFiles:[],initialClick:p,accept:"image/png, image/jpeg, image/jpg",multiple:!1,onUploadSuccess:e=>{"widget-article-image"===(null==g?void 0:g.widget.name)&&void 0!==e[0]&&m(q.$L.slice.actions.updateWidget({uniqid:o,content:{file:e[0]}}))},onUploadStart:()=>{m(q.$L.slice.actions.setWidgetState({uniqid:o,loading:!0}))},onUploadEnd:()=>{m(q.$L.slice.actions.setWidgetState({uniqid:o,loading:!1}))}},void 0!==a?l().createElement(M,null,E.formatMessage({id:"ARTICLE_Widget_Image_Change"})):l().createElement(k.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))},J=c().div`
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    min-height: 60px;
-    align-items: center;
-`,P=c().div`
-    display: flex;
-    flex-direction: row;
-    border-radius: 8px;
-    overflow: hidden;
-    margin: 4px;
-    border: 1px solid ${e=>e.theme.color.grey1};
-`,V=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};
-    }
-`,B=({widget:e,inplace:t,mode:n})=>{const{uniqid:i}=e,{text:o,color:a,heading:r}=e.content,c=(0,L.useDispatch)(),s=(0,L.useSelector)((e=>q.$L.selectors.selectWidget(e,i))),d=(0,L.useSelector)((e=>q.$L.selectors.isActive(e,i)),L.shallowEqual);return l().createElement(J,null,l().createElement(k.JRCWidgetArticleTitle,{text:o,color:a,heading:r,autoFocus:d,inplace:t,mode:n,onChange:e=>{"widget-article-title"===(null==s?void 0:s.widget.name)&&c(q.$L.slice.actions.updateWidget({uniqid:i,content:Object.assign(Object.assign({},s.widget.content),{text:e})}))}}),d&&"edit"===n?l().createElement(N,{heading:r,onClick:e=>{"widget-article-title"===(null==s?void 0:s.widget.name)&&c(q.$L.slice.actions.updateWidget({uniqid:i,content:Object.assign(Object.assign({},s.widget.content),{heading:e})}))}}):l().createElement(l().Fragment,null))},N=({heading:e="h1",onClick:t})=>l().createElement(P,null,["h1","h2","h3","h4"].map(((n,i)=>l().createElement(V,{key:i,isActive:e===n,onClick:()=>t(n)},n)))),H=h.default.registry.getLazyComponent("WidgetArticleButton"),X=h.default.registry.getLazyComponent("WidgetArticleText"),Y=({widget:e,inplace:t=!1,isComponentVisible:n=!1,mode:i="view",onClick:o})=>{const a=(0,L.useDispatch)(),{name:r,uniqid:c}=e,s=(e,t)=>a(q.$L.slice.actions.updateWidget({uniqid:c,content:e,override:t})),d=e=>a(q.$L.slice.actions.setWidgetState(Object.assign({uniqid:c},e)));switch(r){default:return l().createElement(l().Fragment,null,"cannot display widget (",r,")");case"widget-article-button":return l().createElement(H,{isComponentVisible:n,content:e.content,inplace:t,mode:i,onChange:s,onClick:o,onStateChange:d});case"widget-article-gallery":return l().createElement(D,{widget:e,inplace:t,mode:i,onStateChange:d});case"widget-article-attachment":return l().createElement(G,{widget:e,inplace:t,mode:i,onStateChange:d});case"widget-article-image":return l().createElement(U,{widget:e,inplace:t,mode:i,onStateChange:d});case"widget-article-title":return l().createElement(B,{widget:e,inplace:t,mode:i});case"widget-article-text":return l().createElement(X,{content:e.content,isComponentVisible:n,inplace:t,mode:i,onChange:s,onStateChange:d})}};var K=n(769);const Q=c().div`
-    position: absolute;
-    inset: 0;
-    opacity: ${e=>e.opacity};
-    background-color: ${e=>e.backgroundColor};
-    pointer-events: ${e=>e.pointerEvents};
-`,Z=({uniqid:e,mode:t})=>{const n=(0,L.useSelector)((t=>t.widgets.ids[e].widget.layers),L.shallowEqual);return l().createElement(l().Fragment,null,null==n?void 0:n.map(((e,t)=>l().createElement(ee,{uniqid:e,key:t,mode:"edit"}))))},ee=({uniqid:e,mode:t})=>{const n=(0,L.useSelector)((t=>t.widgets.layers[e]));return"view"===t?l().createElement(Q,{opacity:1,backgroundColor:"transparent",pointerEvents:"none"},n.widgets.map(((e,t)=>l().createElement(te,{key:t,layerId:n.uniqid,uniqid:e.widget.uniqid,mode:"view"})))):l().createElement(Q,{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(te,{key:t,layerId:n.uniqid,uniqid:e.widget.uniqid,mode:"edit"}))))},te=({uniqid:e,layerId:t,mode:n})=>{const i=(0,L.useDispatch)(),o=(0,L.useSelector)((t=>t.widgets.ids[e]),L.shallowEqual),a=(0,L.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(le,{uniqid:e,widget:o,mode:n,inplace:!0})):l().createElement(ne,{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(q.$L.slice.actions.updateLayer({uniqid:t,props:{position:e}}))})(e)}},l().createElement(k.BETA_JRCDoubleClick,{onDoubleTap:()=>((e,t)=>{i(q.Wq.slice.actions.registerEditor({uniqid:e,name:t}))})(o.widget.uniqid,o.widget.name)},l().createElement(le,{uniqid:e,widget:o,mode:n,inplace:!0}))):l().createElement(l().Fragment,null)},ne=({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)},ie=({uniqid:e,widget:t,inplace:n=!0,mode:i,width:o})=>{const a=(0,L.useDispatch)(),r=(0,L.useSelector)((t=>q.$L.selectors.selectWidget(t,e))),c=(0,L.useSelector)((t=>{var n;return null===(n=q.$L.selectors.selectWidgetState(t,e))||void 0===n?void 0:n.busy}),L.shallowEqual),s=(0,L.useSelector)((t=>t.widgets.editableMap[e]),L.shallowEqual),d=(0,L.useSelector)((e=>e.widgets.currentEditableWidgetId),L.shallowEqual),u=(0,L.useSelector)((t=>t.widgets.currentEditableWidgetId===e),L.shallowEqual),{ref:m,isComponentVisible:g,setIsComponentVisible:p}=(0,K.I)(!1);if(l().useEffect((()=>{t&&a(q.$L.slice.actions.registerWidget({uniqid:e,widget:t}))}),[]),l().useEffect((()=>{g||e===d&&a(q.$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?f():"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)},f=()=>{if("view"===i)return;const{widget:e}=r;a(q.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(q.$L.slice.actions.setEditableIndex({index:s.index})),a(q.$L.slice.actions.setEditableWidgetId({uniqid:e})))}},l().createElement(Y,{width:o,widget:r.widget,inplace:n,isComponentVisible:!!(g||c||u),mode:i,onClick:E}),l().createElement(Z,{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:f},l().createElement(Y,{widget:r.widget,isComponentVisible:!1,inplace:n,mode:i,width:o,onClick:E}),l().createElement(Z,{uniqid:e,mode:i}),l().createElement(W,{name:r.widget.name,uniqid:r.widget.uniqid,inplace:n}))},le=ie,oe=c().div`
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: 10px;
-    justify-content: center;
-`,ae=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;
-        }
-    }
-`,re=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;
-`,ce=c().div`
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 10px;
-`,se=c().div`
-    min-height: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    color: ${e=>e.theme.color.primary};
-`,de=c().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};
-`,ue=h.default.registry.getLazyComponent("Button"),me=h.default.registry.getLazyComponent("ModalLayout"),ge=h.default.registry.getLazyComponent("ModalContent"),pe=({mode:e,view:t,children:n,namespace:i="default",onChange:o})=>{const[a,r]=l().useState(!1),c=function(e){return"widget-article-image"===e?[q.$L.definition(q.$L.const.WIDGET_ARTICLE_TITLE),q.$L.definition(q.$L.const.WIDGET_ARTICLE_BUTTON)]:[q.$L.definition(q.$L.const.WIDGET_ARTICLE_TITLE),q.$L.definition(q.$L.const.WIDGET_ARTICLE_TEXT),q.$L.definition(q.$L.const.WIDGET_ARTICLE_IMAGE),q.$L.definition(q.$L.const.WIDGET_ARTICLE_BUTTON),q.$L.definition(q.$L.const.WIDGET_ARTICLE_GALLERY),q.$L.definition(q.$L.const.WIDGET_ARTICLE_ATTACHMENT)]}(i),s=(0,v.useIntl)(),d={open:a,portalId:"react-modal",variant:"full-height",closeHandler:()=>r(!1)},u=e=>{o(q.$L.factory(e)),r(!1)};return l().createElement(l().Fragment,null,l().createElement(me,Object.assign({},d),l().createElement(ge,{onClickIconClose:d.closeHandler,title:"widget builder"},l().createElement(oe,null,c.map(((e,t)=>l().createElement(ae,{key:t,onClick:()=>u(e.name),available:e.available},l().createElement("img",{src:e.img}),l().createElement("div",{className:"show-on-hover"},s.formatMessage({id:e.label})))))))),"custom"===e&&n?l().createElement("div",{onClick:()=>r(!0)},n):l().createElement(l().Fragment,null),"button"===e&&"edit"===t?l().createElement(ue,{onClick:()=>r(!0),variant:"outlined",minWidth:"100%"},s.formatMessage({id:"WIDGET_Add_Widget"})):l().createElement(l().Fragment,null),"gallery"===e&&"edit"===t?l().createElement(oe,null,c.map(((e,t)=>l().createElement(ae,{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(Ee,{widgets:c,onClick:u}):l().createElement(l().Fragment,null))},Ee=({widgets:e,onClick:t})=>{const[n,i]=l().useState(!1),o=(0,v.useIntl)();return l().createElement(l().Fragment,null,l().createElement(re,{open:n},l().createElement(se,{onClick:()=>i(!n)},o.formatMessage({id:"WIDGET_Add_Widget"})),l().createElement(ce,null,e.map(((e,i)=>l().createElement(de,{key:e.name,open:n,index:i,onClick:()=>t(e.name)},o.formatMessage({id:e.label})))))))},fe=(c().div`
-    margin-bottom: 24px;
-`,c().div`
-    margin-bottom: 4px;
-`,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;
-`),ye=c().div`
-    flex-direction: row;
-    display: flex;
-    min-height: 60px;
-    border-bottom: 1px solid ${e=>e.theme.color.grey2};
-`,ve=c().div`
-    width: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`,he=c().div`
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`,we=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%);
-`,xe=c().div`
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    padding: 12px;
-    overflow: auto;
-    margin-bottom: 40px;
-`,be=c().div`
-    width: ${50}px;
-    padding-top: 60px;
-    display: flex;
-    flex-direction: column;
-    border-right: 1px solid ${e=>e.theme.color.grey2};
-`,Ce=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};
-    }
-`,Le=(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;
-`),qe=c().div`
-    display: flex;
-    flex: 1;
-    align-items: center;
-`,$e=c().div`
-    width: 40px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-`,We=(c().div`
-    flex-direction: row;
-    display: flex;
-    align-items: center;
-`,c().div`
-    flex: 1;
-    display: flex;
-    align-items: center;
-`,({uniqid:e})=>{const t=(0,L.useDispatch)(),n=(0,L.useSelector)((t=>q.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(ye,null,l().createElement(ve,null),l().createElement(he,null,"Popup"),l().createElement(ve,null,l().createElement(Ce,{onClick:()=>{t(q.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},l().createElement(k.JRCIcon,{name:"icon-times",color:"grey2"})))),l().createElement("div",{style:{flex:1,display:"flex"}},n.view),l().createElement(ye,null,l().createElement(k.JRCButton,{onClick:()=>{t(q.Wq.slice.actions.flushEditorPopup({uniqid:e}))}},"Save"))):l().createElement(l().Fragment,null)}),ke=h.default.registry.getLazyComponent("WidgetArticleTitleEditor"),Se=h.default.registry.getLazyComponent("WidgetArticleImageEditor"),Ie=h.default.registry.getLazyComponent("WidgetArticleTextEditor"),Te=h.default.registry.getLazyComponent("WidgetArticleGalleryEditor"),Ae=h.default.registry.getLazyComponent("WidgetArticleButtonEditor"),_e=h.default.registry.getLazyComponent("WidgetArticleAttachmentEditor"),De=({uniqid:e})=>{const t=(0,L.useDispatch)(),n=(0,L.useSelector)(q.$L.selectors.selectToken),i=(0,L.useSelector)((t=>q.$L.selectors.selectWidget(t,e))),o=n=>{i&&t(q.$L.slice.actions.updateWidget({uniqid:e,content:n})),t(q.Wq.slice.actions.flushEditor({uniqid:e}))},a=(n,i)=>t(q.$L.slice.actions.updateWidget({uniqid:e,content:n,override:i})),r=(n,i)=>{t(void 0!==i?q.$L.slice.actions.setWidgetState(Object.assign({uniqid:i},n)):q.$L.slice.actions.setWidgetState(Object.assign({uniqid:e},n)))},c=n=>{t(q.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 q.$L.const.WIDGET_ARTICLE_BUTTON:return l().createElement(Ae,{content:i.widget.content,onChange:a,onSave:o,onStateChange:r});case q.$L.const.WIDGET_ARTICLE_ATTACHMENT:return l().createElement(_e,{token:n,content:i.widget.content,onChange:a,onSave:o,onStateChange:r,onOpen:c});case q.$L.const.WIDGET_ARTICLE_GALLERY:return l().createElement(Te,{token:n,content:i.widget.content,onChange:a,onSave:o,onStateChange:r});case q.$L.const.WIDGET_ARTICLE_TEXT:return l().createElement(Ie,{onChange:a,onSave:o,content:i.widget.content});case q.$L.const.WIDGET_ARTICLE_IMAGE:return l().createElement(Se,{content:i.widget.content,token:n,onChange:a,onSave:o,onStateChange:r});case q.$L.const.WIDGET_ARTICLE_TITLE:return l().createElement(ke,{onChange:a,onSave:o,content:i.widget.content,onOpen:c})}},Fe=({uniqid:e})=>{const t=(0,L.useDispatch)(),n=(0,v.useIntl)(),i=(0,L.useSelector)((t=>q.$L.selectors.selectWidgetContent(t,e)));return l().createElement("div",{style:{flex:1}},l().createElement(je,{uniqid:e}),i&&i.widgets?i.widgets.map(((o,a)=>{const r=q.$L.definition(o.widget.name);return l().createElement("div",{key:a},l().createElement(Le,null,l().createElement(qe,{onClick:()=>((e,n)=>{t(q.Wq.slice.actions.registerEditor({uniqid:e,name:n}))})(o.widget.uniqid,o.widget.name)},n.formatMessage({id:r.label})),l().createElement($e,{onClick:()=>{i.widgets&&t(q.$L.slice.actions.updateWidget({uniqid:e,content:Object.assign(Object.assign({},i),{widgets:[...i.widgets.filter(((e,t)=>t!==a))]})}))}},l().createElement(k.JRCIcon,{name:"icon-trash"}))))})):l().createElement(l().Fragment,null))},je=({uniqid:e})=>{const t=(0,L.useDispatch)(),n=(0,L.useSelector)((t=>t.widgets.ids[e].widget.layers),L.shallowEqual);return l().createElement(l().Fragment,null,l().createElement(k.BETA_JRCDragAndDrop,{onDrag:()=>{},renderEl:(e,t)=>l().createElement(ze,{uniqid:e,key:t}),elms:n||[]}),l().createElement(pe,{namespace:"default",onChange:n=>{t(q.$L.slice.actions.registerLayer({uniqid:e,widget:n}))},mode:"button"}))},Re=({uniqid:e})=>{const t=(0,L.useDispatch)(),n=(0,L.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(q.$L.slice.actions.updateLayer({uniqid:e,props:{locked:!n.locked}}))}},l().createElement(k.JRCIcon,{name:n.locked?"icon-lock":"icon-unlock"}))},Oe=({uniqid:e})=>{const t=(0,L.useDispatch)(),n=(0,L.useSelector)((t=>t.widgets.layers[e]));return l().createElement("div",{onClick:()=>{t(q.$L.slice.actions.updateLayer({uniqid:e,props:{visible:!n.visible}}))}},l().createElement(k.JRCIcon,{name:n.visible?"icon-eye":"icon-eye-slash"}))},Ge=({uniqid:e,layerId:t})=>{const n=(0,L.useDispatch)();return l().createElement("div",{onClick:()=>{n(q.$L.slice.actions.flushLayer({uniqid:e,layerId:t}))}},l().createElement(k.JRCIcon,{name:"icon-trash"}))},ze=({uniqid:e})=>{const t=(0,L.useSelector)((t=>t.widgets.layers[e]));return l().createElement(l().Fragment,null,t.title,t.widgets.map(((n,i)=>{const o=q.$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(Re,{uniqid:e}),l().createElement(Oe,{uniqid:e}),l().createElement(Ge,{uniqid:n.widget.uniqid,layerId:t.uniqid}))})))},Me=h.default.registry.getLazyComponent("Button"),Ue=({uniqid:e})=>{const t=(0,v.useIntl)(),n=(0,L.useDispatch)(),i=(0,L.useSelector)((t=>q.$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(k.JRCInputText,{name:"text",control:c,placeholder:t.formatMessage({id:"EDITOR_Widget_Wrapper_Title"})}),l().createElement(Me,{onClick:()=>{void 0!==a&&(n(q.$L.slice.actions.updateWidgetWrapper({uniqid:e,title:a})),n(q.Wq.slice.actions.flushEditor({uniqid:e})))},variant:"outlined",minWidth:"100%"},t.formatMessage({id:"EDITOR_Save_Widget"}))):l().createElement(l().Fragment,null,"No wrapper")},Je=h.default.registry.getLazyComponent("Icon"),Pe=({uniqid:e})=>{const t=(0,v.useIntl)(),n=(0,L.useDispatch)(),i=(0,L.useSelector)((t=>q.Wq.selectors.selectEditor(t,e))),o=q.$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(we,{visible:a},l().createElement(be,null,o.panel.useWrapper?l().createElement(Ce,{isActive:"wrapper"===c,onClick:()=>s("wrapper")},l().createElement(Je,{name:"icon-font",color:"grey2"})):l().createElement(l().Fragment,null),o.panel.useEditor?l().createElement(Ce,{isActive:"default"===c,onClick:()=>s("default")},l().createElement(Je,{name:"icon-pen",color:"grey2"})):l().createElement(l().Fragment,null),o.panel.useWidgets?l().createElement(Be,{uniqid:e},l().createElement(Ce,{isActive:"widgets"===c,onClick:()=>s("widgets")},l().createElement(Je,{name:"icon-sliders",color:"grey2"}))):l().createElement(l().Fragment,null)),l().createElement("div",{style:{flex:1,display:"flex",flexDirection:"column"}},l().createElement(ye,null,l().createElement(Ve,{uniqid:e,position:i.position}),l().createElement(he,null,t.formatMessage({id:o.label})),l().createElement(ve,null,l().createElement(Ce,{onClick:()=>{n(q.Wq.slice.actions.flushEditor({uniqid:e}))}},l().createElement(Je,{name:"icon-times",color:"grey2"})))),l().createElement(xe,null,"default"===c&&o.panel.useEditor?l().createElement(De,{uniqid:i.uniqid}):l().createElement(l().Fragment,null),"wrapper"===c&&o.panel.useWrapper?l().createElement(Ue,{uniqid:i.uniqid}):l().createElement(l().Fragment,null),"widgets"===c&&o.panel.useWidgets?l().createElement(Fe,{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)},Ve=({uniqid:e,position:t})=>{const n=(0,L.useDispatch)();return l().createElement(ve,null,l().createElement(Ce,{onClick:()=>{n(q.Wq.slice.actions.setEditorPosition({uniqid:e,position:"left"===t?"right":"left"}))}},l().createElement(Je,{name:"left"===t?"icon-angle-right":"icon-angle-left",color:"grey2"})))},Be=({uniqid:e,children:t})=>{const n=(0,L.useSelector)((t=>q.$L.selectors.selectWidgetState(t,e)));return(null==n?void 0:n.initialized)?t:l().createElement(l().Fragment,null)},Ne=c().div`
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    z-index: 100;
-`,He=c().div`
-    flex: 1;
-    display: flex;
-    margintop: ${90}px;
-    pointer-events: ${e=>e.isActive?"all":"none"};
-`,Xe=c().div`
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    pointer-events: none;
-`,Ye=c().div`
-    width: ${440}px;
-    pointer-events: none;
-`,Ke=()=>{const e=(0,L.useSelector)(q.Wq.selectors.selectEditors);return l().createElement(Ne,null,e.map(((e,t)=>"left"===e.position?l().createElement(fe,{isActive:!1,key:t},l().createElement(Xe,null,l().createElement(Pe,{uniqid:e.uniqid}),l().createElement(He,{isActive:void 0!==e.popup},l().createElement(We,{uniqid:e.uniqid})),l().createElement(Ye,null))):l().createElement(fe,{isActive:!1,key:t},l().createElement(Xe,null,l().createElement(Ye,null),l().createElement(He,{isActive:void 0!==e.popup},l().createElement(We,{uniqid:e.uniqid})),l().createElement(Pe,{uniqid:e.uniqid}))))))}}}]);
-//# sourceMappingURL=376.bundle.js.map