jamespot-react-core 1.1.116 → 1.1.118

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

@@ -8,7 +8,7 @@ import { ReactTranslation, SupportedLanguages, TranslationKeys } from './transla
 import { AnyRTHandlerFunction } from 'jamespot-user-api';
 import { TwoColLayoutRoute, TwoColLayoutRoutes } from '../components/types';
 import { RouteObject } from 'react-router-dom';
-export declare 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 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;
     store: any;
@@ -36,7 +36,7 @@ export interface ReactCore {
 export interface ReactExtensions {
     [key: string]: any;
 }
-export declare type ReactLoadedExtensions = {
+export type ReactLoadedExtensions = {
     [key: string]: ReactExtensionContainer | undefined;
 };
 export interface ReactExtension {
@@ -46,7 +46,7 @@ export interface ReactExtension {
 export interface ReactExtensionContainer {
     default: ReactExtension;
 }
-export declare type ReactSocketEventHandler = AnyRTHandlerFunction;
+export type ReactSocketEventHandler = AnyRTHandlerFunction;
 export interface ReactSocket {
     io: any;
     worker: any | undefined;
@@ -58,7 +58,7 @@ export interface ReactSocket {
     removeMessageListener: <T extends keyof Namespaces>(namespace: T, functionName: Namespaces[T], callback: ReactSocketEventHandler) => void;
     callEvent: (type: string, data: any) => void;
 }
-export declare type SocketSharedWorker = {
+export type SocketSharedWorker = {
     user?: {
         idUser: number;
     } | undefined;
@@ -68,18 +68,18 @@ export declare type SocketSharedWorker = {
     ports: any[];
     call: (type: string, event: string, data?: any) => void;
 };
-export declare type SocketOptions = {
+export type SocketOptions = {
     path: string;
     transports?: string[];
     upgrade?: boolean;
 };
-export declare type SocketError = {
+export type SocketError = {
     message: string;
 };
-export declare type ReactSocketNamespaceEvents = {
+export type ReactSocketNamespaceEvents = {
     [key: string]: ReactSocketEventHandler[];
 };
-export declare type ReactSocketEvents = {
+export type ReactSocketEvents = {
     [key: string]: {
         [key: string]: ReactSocketNamespaceEvents | ReactSocketEventHandler[];
         all: ReactSocketEventHandler[];
@@ -96,7 +96,7 @@ export interface SharedWorkerEventData {
 export interface JConfig {
     resourceShowKey?: boolean;
 }
-declare type WindowJNG = {
+type WindowJNG = {
     html5: boolean;
     addState: (stateName: string, options: any) => void;
     transitionTo: (stateName: string, args: {}, options?: {
@@ -112,14 +112,14 @@ declare type WindowJNG = {
         type?: string;
     }) => void;
 };
-export declare type JType = {
+export type JType = {
     cssClass: string;
     cssColor: string;
     label: string;
     type: string;
     mainType: string;
 };
-declare type Networks = {
+type Networks = {
     networkPublic: {
         uri: string;
         title: string;
@@ -142,13 +142,17 @@ export interface WindowJ {
     urlBase: string;
     jlandUrlBase: string;
     types: JType[];
+    platform?: {
+        name: string;
+        logo: string | null;
+    };
     networks: Networks;
 }
-export declare type IsAppActivateProps = {
+export type IsAppActivateProps = {
     dependency: string;
     children: JSX.Element;
 };
-export declare type ReactExtensionProps = {
+export type ReactExtensionProps = {
     extensionName: string;
     moduleName?: string;
     route?: string;
@@ -160,5 +164,5 @@ export declare type ReactExtensionProps = {
 /**
  * Gather routes definition both for the router and the TwoColsLayout component.
  */
-export declare type TwoColsAppRoutes = TwoColLayoutRoutes<Readable<TwoColLayoutRoute & RouteObject>>;
+export type TwoColsAppRoutes = TwoColLayoutRoutes<Readable<TwoColLayoutRoute & RouteObject>>;
 export {};

package/package.json

@@ -1,95 +1,94 @@
 {
-    "name": "jamespot-react-core",
-    "version": "1.1.116",
-    "description": "Jamespot React Core",
-    "main": "./build/app.bundle.js",
-    "types": "./build/src/App.d.ts",
-    "scripts": {
-        "dev": "webpack --env NODE_ENV=development",
-        "local": "webpack s --env NODE_ENV=development",
-        "build": "webpack --env NODE_ENV=production",
-        "build-theme": "webpack --env NODE_ENV=theme",
-        "build-dev-vm": "webpack --env NODE_ENV=development NODE_RUN=VM",
-        "watch-dev-vm": "webpack --env NODE_ENV=development NODE_RUN=VM WATCH=true",
-        "prettier": "npx prettier --write ./",
-        "lint": "npx eslint . --ext .ts,.tsx,.js",
-        "lint:fix": "npx eslint . --ext .ts,.tsx,.js --fix ",
-        "lint:ci": "npx eslint --output-file eslint_report.json --format json . --ext .ts,.tsx,.js",
-        "generate-component-list": "node script/component-list-generator.js",
-        "test": "jest",
-        "test:watch": "npm run test -- --watch",
-        "versions": "node -v && npm -v && webpack -v",
-        "prepare": "husky install"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.12.8",
-        "@babel/preset-env": "^7.12.7",
-        "@babel/preset-react": "^7.12.7",
-        "@types/jest": "^27.0.2",
-        "@types/node": "^20.3.1",
-        "@types/react": "^17.0.2",
-        "@types/react-dom": "^17.0.2",
-        "@types/react-redux": "^7.1.24",
-        "@types/react-router-dom": "^5.3.3",
-        "@types/react-test-renderer": "^17.0.1",
-        "@types/react-transition-group": "^4.4.1",
-        "@types/redux-form": "^8.3.5",
-        "@types/socket.io-client": "^3.0.0",
-        "@types/styled-components": "^5.1.4",
-        "@typescript-eslint/eslint-plugin": "^5.4.0",
-        "@typescript-eslint/parser": "^5.4.0",
-        "babel-jest": "^27.3.1",
-        "babel-loader": "^8.2.1",
-        "copy-webpack-plugin": "^6.4.0",
-        "enzyme": "^3.11.0",
-        "enzyme-to-json": "^3.5.0",
-        "eslint": "^8.2.0",
-        "eslint-config-prettier": "^8.3.0",
-        "file-loader": "^6.2.0",
-        "husky": "^7.0.4",
-        "identity-obj-proxy": "^3.0.0",
-        "jest": "^27.3.1",
-        "lint-staged": "^12.0.2",
-        "mini-css-extract-plugin": "^0.10.0",
-        "prettier": "^2.4.1",
-        "react-test-renderer": "^17.0.1",
-        "source-map-loader": "^1.0.1",
-        "ts-jest": "^27.0.7",
-        "ts-loader": "^8.0.2",
-        "ts-node": "^10.3.0",
-        "typescript": "^4.4.4",
-        "webpack": "^5.62.1",
-        "webpack-cli": "^4.9.1",
-        "webpack-dev-server": "^4.4.0",
-        "worker-loader": "^3.0.8"
-    },
-    "dependencies": {
-        "@reduxjs/toolkit": "^1.9.0",
-        "history": "^5.3.0",
-        "jamespot-front-business": "^1.1.21",
-        "jamespot-react-components": "^1.0.145",
-        "jamespot-user-api": "^1.0.115",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "react-hook-form": "^7.25.0",
-        "react-intl": "^5.8.6",
-        "react-redux": "^7.2.9",
-        "react-router-dom": "^6.2.1",
-        "react-select": "^3.2.0",
-        "react-transition-group": "^4.4.1",
-        "redux": "^4.2.0",
-        "redux-form": "^8.3.8",
-        "redux-thunk": "^2.4.2",
-        "socket.io-client": "^4.2.0",
-        "styled-components": "^5.2.1"
-    },
-    "lint-staged": {
-        "*.{js,jsx,ts,tsx}": [
-            "npm run lint:fix",
-            "npm run prettier"
-        ],
-        "*.{json,md}": [
-            "npm run prettier"
-        ]
-    }
-}
+  "name": "jamespot-react-core",
+  "version": "1.1.118",
+  "description": "Jamespot React Core",
+  "main": "./build/app.bundle.js",
+  "types": "./build/src/App.d.ts",
+  "devDependencies": {
+    "@babel/core": "^7.12.8",
+    "@babel/preset-env": "^7.12.7",
+    "@babel/preset-react": "^7.12.7",
+    "@types/jest": "^27.0.2",
+    "@types/node": "^20.3.1",
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-redux": "^7.1.24",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-test-renderer": "^17.0.1",
+    "@types/react-transition-group": "^4.4.1",
+    "@types/redux-form": "^8.3.5",
+    "@types/socket.io-client": "^3.0.0",
+    "@types/styled-components": "^5.1.4",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "babel-jest": "^27.3.1",
+    "babel-loader": "^8.2.1",
+    "copy-webpack-plugin": "^6.4.0",
+    "enzyme": "^3.11.0",
+    "enzyme-to-json": "^3.5.0",
+    "eslint": "^8.2.0",
+    "eslint-config-prettier": "^8.3.0",
+    "file-loader": "^6.2.0",
+    "husky": "^7.0.4",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^27.3.1",
+    "lint-staged": "^12.0.2",
+    "mini-css-extract-plugin": "^0.10.0",
+    "prettier": "^2.4.1",
+    "react-test-renderer": "^17.0.1",
+    "source-map-loader": "^1.0.1",
+    "ts-jest": "^27.0.7",
+    "ts-loader": "^8.0.2",
+    "ts-node": "^10.3.0",
+    "typescript": "^4.4.4",
+    "webpack": "^5.62.1",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.4.0",
+    "worker-loader": "^3.0.8"
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^1.9.0",
+    "history": "^5.3.0",
+    "jamespot-front-business": "^1.1.23",
+    "jamespot-react-components": "^1.0.147",
+    "jamespot-user-api": "^1.0.119",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-hook-form": "^7.25.0",
+    "react-intl": "^5.8.6",
+    "react-redux": "^7.2.9",
+    "react-router-dom": "^6.2.1",
+    "react-select": "^3.2.0",
+    "react-transition-group": "^4.4.1",
+    "redux": "^4.2.0",
+    "redux-form": "^8.3.8",
+    "redux-thunk": "^2.4.2",
+    "socket.io-client": "^4.2.0",
+    "styled-components": "^5.2.1"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "npm run lint:fix",
+      "npm run prettier"
+    ],
+    "*.{json,md}": [
+      "npm run prettier"
+    ]
+  },
+  "scripts": {
+    "dev": "webpack --env NODE_ENV=development",
+    "local": "webpack s --env NODE_ENV=development",
+    "build": "webpack --env NODE_ENV=production",
+    "build-theme": "webpack --env NODE_ENV=theme",
+    "build-dev-vm": "webpack --env NODE_ENV=development NODE_RUN=VM",
+    "watch-dev-vm": "webpack --env NODE_ENV=development NODE_RUN=VM WATCH=true",
+    "prettier": "npx prettier --write ./",
+    "lint": "npx eslint . --ext .ts,.tsx,.js",
+    "lint:fix": "npx eslint . --ext .ts,.tsx,.js --fix ",
+    "lint:ci": "npx eslint --output-file eslint_report.json --format json . --ext .ts,.tsx,.js",
+    "generate-component-list": "node script/component-list-generator.js",
+    "test": "jest",
+    "test:watch": "npm run test -- --watch",
+    "versions": "node -v && npm -v && webpack -v"
+  }
+}

package/build/155.bundle.js

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