wip:1 (it1w0)

Author: adrians5j

extensions/funnel-builder/6.1.x/extensions/funnelBuilder/pageEditor/elementInputs/ContainerElementInputs.tsx

@@ -1,63 +1,21 @@
 import React from "react";
-import { Button, Text, useDisclosure } from "webiny/admin/ui";
-import { ElementInputs, useElementInputs } from "webiny/admin/website-builder/page/editor";
-import { ConditionRulesDialog } from "../components/ConditionRulesDialog";
+import { ElementInputs } from "webiny/admin/website-builder/page/editor";
 import { StepsList } from "../stepper/StepsList.js";
-import type { FunnelModelDto } from "../../models/FunnelModel";
-import type { FunnelContainerInputs } from "../types";
 
 export const ContainerElementInputsDecorator = ElementInputs.createDecorator(Original => {
     return function ContainerElementSettings(props) {
         const { element } = props;
-        const { inputs, updateInputs } = useElementInputs(element.id);
-
-        const {
-            open: showConditionRulesDialog,
-            close: hideConditionRulesDialog,
-            isOpen: isConditionRulesDialogOpen,
-            data: conditionRulesData
-        } = useDisclosure<FunnelModelDto>();
 
         if (element.component.name !== "Fub/Container") {
             return <Original {...props} />;
         }
 
-        /* Container element: open condition rules using the current containerData. */
-        const handleClick = () => {
-            const { containerData } = inputs as unknown as FunnelContainerInputs;
-            showConditionRulesDialog(containerData);
-        };
-
-        const handleSubmit = (data: FunnelModelDto) => {
-            updateInputs(current => {
-                (current as unknown as FunnelContainerInputs).containerData = data;
-            });
-            hideConditionRulesDialog();
-        };
-
         return (
             <div className={"flex flex-col gap-xl"}>
                 <div className={"flex flex-col gap-sm"}>
                     <div className={"font-bold text-sm text-neutral-primary"}>Steps</div>
                     <StepsList />
                 </div>
-                <div className={"flex flex-col gap-sm"}>
-                    <div className={"font-bold text-sm mb-sm text-neutral-primary"}>
-                        Condition Rules
-                    </div>
-                    <Button
-                        variant={"primary"}
-                        text={"Edit Condition Rules"}
-                        className={"w-full"}
-                        onClick={handleClick}
-                    />
-                </div>
-                <ConditionRulesDialog
-                    open={isConditionRulesDialogOpen}
-                    data={conditionRulesData!}
-                    onClose={hideConditionRulesDialog}
-                    onSubmit={handleSubmit}
-                />
             </div>
         );
     };

extensions/funnel-builder/6.1.x/extensions/funnelBuilder/pageEditor/stepper/Stepper.tsx

@@ -8,7 +8,7 @@ import {
     useCreateElement,
     useDeleteElement,
     useDocumentEditor,
-    $selectElement,
+    // $selectElement,
     $deselectElement,
     Commands
 } from "webiny/admin/website-builder/page/editor";
@@ -96,10 +96,9 @@ export const Stepper = () => {
             payload: { stepId }
         });
 
-        // Added timeout just so the auto-select looks more visually appealing. Otherwise, it looks glitchy.
-        setTimeout(() => {
-            $selectElement(editor, stepId);
-        }, 350);
+        // setTimeout(() => {
+        //     $selectElement(editor, stepId);
+        // }, 350);
     };
 
     const deleteStep = (stepElementId: string) => {