Merge pull request #396 from Hexastack/385-issue-remove-block-form-effects-input-ui-only

fix: remove effects from UI

frontend/public/locales/en/translation.json

@@ -278,7 +278,6 @@
     "options": "Options",
     "seconds": "Seconds",
     "typing_indicator": "Typing indicator",
-    "effects": "Apply plugin effects",
     "enable_fallback": "Enable Fallback?",
     "max_fallback_attempts": "Max Fallback Attempts",
     "fallback_message": "Fallback Message",

frontend/public/locales/fr/translation.json

@@ -278,7 +278,6 @@
     "options": "Options",
     "seconds": "Secondes",
     "typing_indicator": "Indicateur de frappe",
-    "effects": "Appliquer les effets des plugins",
     "enable_fallback": "Activer le message de secours?",
     "max_fallback_attempts": "Nombre maximum de tentatives de secours",
     "fallback_message": "Message de secours",

frontend/src/components/visual-editor/constants.ts

@@ -21,7 +21,6 @@ export const SIMPLE_TEXT_BLOCK_TEMPLATE: Partial<IBlockAttributes> = {
   options: {
     typing: 0,
     fallback: { active: false, max_attempts: 1, message: [] },
-    effects: [],
   },
   message: ["Hi back !"],
   starts_conversation: false,
@@ -32,7 +31,6 @@ export const ATTACHMENT_BLOCK_TEMPLATE: Partial<IBlockAttributes> = {
   options: {
     typing: 0,
     fallback: { active: false, max_attempts: 1, message: [] },
-    effects: [],
   },
   message: {
     attachment: {
@@ -49,7 +47,6 @@ export const QUICK_REPLIES_BLOCK_TEMPLATE: Partial<IBlockAttributes> = {
   options: {
     typing: 0,
     fallback: { active: false, max_attempts: 1, message: [] },
-    effects: [],
   },
   message: {
     text: "What's your favorite color?",
@@ -75,7 +72,6 @@ export const BUTTONS_BLOCK_TEMPLATE: Partial<IBlockAttributes> = {
   options: {
     typing: 0,
     fallback: { active: false, max_attempts: 1, message: [] },
-    effects: [],
   },
   message: {
     text: "What would you like to know about us?",
@@ -119,7 +115,6 @@ export const LIST_BLOCK_TEMPLATE: Partial<IBlockAttributes> = {
         },
       ],
     },
-    effects: [],
   },
   message: { elements: true } as unknown as StdOutgoingListMessage,
   starts_conversation: false,
@@ -137,7 +132,6 @@ export const CUSTOM_BLOCK_TEMPLATE: Partial<IBlockAttributes> = {
   options: {
     typing: 0,
     fallback: { active: false, max_attempts: 1, message: [] },
-    effects: [],
   },
   starts_conversation: false,
   message: {

frontend/src/components/visual-editor/form/OptionsForm.tsx

@@ -15,7 +15,7 @@ import AutoCompleteEntitySelect from "@/app-components/inputs/AutoCompleteEntity
 import { Input } from "@/app-components/inputs/Input";
 import { useTranslate } from "@/hooks/useTranslate";
 import { EntityType, Format } from "@/services/types";
-import { IBlockAttributes, ICustomBlockTemplate } from "@/types/block.types";
+import { IBlockAttributes } from "@/types/block.types";
 import { ILabelFull } from "@/types/label.types";
 import { IUser } from "@/types/user.types";
 
@@ -100,38 +100,6 @@ export const OptionsForm = () => {
           }}
         />
       </ContentItem>
-      <ContentItem>
-        <Controller
-          name="options.effects"
-          control={control}
-          defaultValue={block?.options?.effects || []}
-          render={({ field }) => {
-            const { onChange, ...rest } = field;
-
-            return (
-              <AutoCompleteEntitySelect<ICustomBlockTemplate, "id">
-                searchFields={["id"]}
-                entity={EntityType.CUSTOM_BLOCK}
-                format={Format.BASIC}
-                idKey="id"
-                labelKey="id"
-                label={t("label.effects")}
-                multiple={true}
-                getOptionLabel={(option) => {
-                  return t(`title.${option.id}`, { ns: option.id });
-                }}
-                onChange={(_e, selected) =>
-                  onChange(selected.map(({ id }) => id))
-                }
-                preprocess={(options) => {
-                  return options.filter(({ effects }) => effects.length > 0);
-                }}
-                {...rest}
-              />
-            );
-          }}
-        />
-      </ContentItem>
       <ContentItem>
         <Controller
           name="options.fallback"

frontend/src/types/block.types.ts

@@ -49,8 +49,6 @@ export interface BlockOptions {
   // Only if the block has next blocks
   fallback?: BlockFallbackOptions;
   assignTo?: string;
-  // plugins effects
-  effects?: string[];
 }
 
 export type BlockMessage =