From 4b202678c073abf862254ecf899ce56413f88f79 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Sat, 26 Jun 2021 23:46:40 -0300
Subject: [PATCH 01/22] im annoyed

---
 src/views/Styles.scss                         |  1 +
 src/views/main/MainView.tsx                   |  2 +
 src/views/wired/WiredMessageHandler.tsx       |  6 ++
 src/views/wired/WiredView.scss                |  3 +
 src/views/wired/WiredView.tsx                 | 81 +++++++++++++++++++
 src/views/wired/WiredView.types.ts            |  9 +++
 src/views/wired/utils/IWiredLayout.ts         |  4 +
 src/views/wired/utils/WiredActionLayout.ts    | 29 +++++++
 .../actions/base/WiredActionBaseView.tsx      | 26 ++++++
 .../WiredActionToggleFurniStateView.tsx       | 12 +++
 .../base/WiredConditionBaseView.tsx           | 14 ++++
 .../furni-selector/WiredFurniSelectorView.tsx | 17 ++++
 .../WiredFurniSelectorView.types.ts           |  5 ++
 .../triggers/base/WiredTriggerBaseView.tsx    | 14 ++++
 14 files changed, 223 insertions(+)
 create mode 100644 src/views/wired/WiredMessageHandler.tsx
 create mode 100644 src/views/wired/WiredView.scss
 create mode 100644 src/views/wired/WiredView.tsx
 create mode 100644 src/views/wired/WiredView.types.ts
 create mode 100644 src/views/wired/utils/IWiredLayout.ts
 create mode 100644 src/views/wired/utils/WiredActionLayout.ts
 create mode 100644 src/views/wired/views/actions/base/WiredActionBaseView.tsx
 create mode 100644 src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
 create mode 100644 src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
 create mode 100644 src/views/wired/views/furni-selector/WiredFurniSelectorView.tsx
 create mode 100644 src/views/wired/views/furni-selector/WiredFurniSelectorView.types.ts
 create mode 100644 src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx

diff --git a/src/views/Styles.scss b/src/views/Styles.scss
index c6117f4c..c4964b7e 100644
--- a/src/views/Styles.scss
+++ b/src/views/Styles.scss
@@ -14,3 +14,4 @@
 @import './room/RoomView';
 @import './room-host/RoomHostView';
 @import './toolbar/ToolbarView';
+@import './wired/WiredView';
diff --git a/src/views/main/MainView.tsx b/src/views/main/MainView.tsx
index 3d06d83d..540ff32f 100644
--- a/src/views/main/MainView.tsx
+++ b/src/views/main/MainView.tsx
@@ -11,6 +11,7 @@ import { NotificationCenterView } from '../notification-center/NotificationCente
 import { RightSideView } from '../right-side/RightSideView';
 import { RoomHostView } from '../room-host/RoomHostView';
 import { ToolbarView } from '../toolbar/ToolbarView';
+import { WiredView } from '../wired/WiredView';
 import { MainViewProps } from './MainView.types';
 
 export const MainView: FC<MainViewProps> = props =>
@@ -46,6 +47,7 @@ export const MainView: FC<MainViewProps> = props =>
             { landingViewVisible && <HotelView /> }
             <ToolbarView isInRoom={ !landingViewVisible } />
             <RoomHostView />
+            <WiredView />
             <AvatarEditorView />
             <NavigatorView />
             <InventoryView />
diff --git a/src/views/wired/WiredMessageHandler.tsx b/src/views/wired/WiredMessageHandler.tsx
new file mode 100644
index 00000000..30990fc4
--- /dev/null
+++ b/src/views/wired/WiredMessageHandler.tsx
@@ -0,0 +1,6 @@
+import { FC } from 'react';
+
+export const WiredMessageHandler: FC<{}> = props =>
+{
+    return null;
+};
diff --git a/src/views/wired/WiredView.scss b/src/views/wired/WiredView.scss
new file mode 100644
index 00000000..b5980200
--- /dev/null
+++ b/src/views/wired/WiredView.scss
@@ -0,0 +1,3 @@
+.nitro-wired {
+    width: 300px;
+}
diff --git a/src/views/wired/WiredView.tsx b/src/views/wired/WiredView.tsx
new file mode 100644
index 00000000..67b2cbad
--- /dev/null
+++ b/src/views/wired/WiredView.tsx
@@ -0,0 +1,81 @@
+import { ConditionDefinition, Nitro, TriggerDefinition, WiredActionDefinition, WiredFurniActionEvent, WiredFurniConditionEvent, WiredFurniTriggerEvent } from 'nitro-renderer';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { CreateMessageHook } from '../../hooks/messages';
+import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../layout';
+import { LocalizeText } from '../../utils/LocalizeText';
+import { WiredActionBaseView } from './views/actions/base/WiredActionBaseView';
+import { WiredConditionBaseView } from './views/conditions/base/WiredConditionBaseView';
+import { WiredTriggerBaseView } from './views/triggers/base/WiredTriggerBaseView';
+import { WiredFurniSelectorViewProps } from './WiredView.types';
+
+export const WiredView: FC<WiredFurniSelectorViewProps> = props =>
+{
+    const [ wiredDefinition, setWiredDefinition ] = useState<TriggerDefinition | WiredActionDefinition | ConditionDefinition>(null);
+    const [ name, setName ] = useState(null);
+    const [ description, setDescription ] = useState(null);
+
+    useEffect(() =>
+    {
+        if(!wiredDefinition) return;
+
+        const itemData = Nitro.instance.sessionDataManager.getFloorItemData(wiredDefinition.spriteId);
+
+        if(!itemData) return;
+
+        setName(itemData.name);
+        setDescription(itemData.description);
+    }, [ wiredDefinition ]);
+
+    const getWiredType = useCallback(() =>
+    {
+        if(wiredDefinition instanceof TriggerDefinition)
+            return 'trigger';
+        else if(wiredDefinition instanceof ConditionDefinition)
+            return 'condition';
+        else
+            return 'action';
+
+    }, [ wiredDefinition ]);
+
+    const getTypeBase = useCallback(() =>
+    {
+        if(wiredDefinition instanceof TriggerDefinition)
+            return <WiredTriggerBaseView />;
+        else if(wiredDefinition instanceof ConditionDefinition)
+            return <WiredConditionBaseView />;
+        else
+            return <WiredActionBaseView wiredDefinition={ wiredDefinition } />;
+
+    }, [ wiredDefinition ]);
+
+    const onWiredFurniEvent = useCallback((event: WiredFurniTriggerEvent | WiredFurniConditionEvent | WiredFurniActionEvent) =>
+    {
+        setWiredDefinition(event.getParser().definition);
+    }, [ setWiredDefinition ]);
+
+    CreateMessageHook(WiredFurniTriggerEvent, onWiredFurniEvent);
+    CreateMessageHook(WiredFurniConditionEvent, onWiredFurniEvent);
+    CreateMessageHook(WiredFurniActionEvent, onWiredFurniEvent);
+
+    if(!wiredDefinition) return null;
+
+    return (
+        <NitroCardView className="nitro-wired" simple={ true }>
+            <NitroCardHeaderView headerText={ LocalizeText('wiredfurni.title') } onCloseClick={ event => {} } />
+            <NitroCardContentView className="text-black">
+                <div className="d-flex align-items-center">
+                    <i className={ 'me-2 icon icon-wired-' + getWiredType()} />
+                    <div className="fw-bold">{ name }</div>
+                </div>
+                <div>{ description }</div>
+                <div>
+                    { getTypeBase() }
+                </div>
+                <div className="d-flex mt-2">
+                    <button className="btn btn-success me-2 w-100">{ LocalizeText('wiredfurni.ready') }</button>
+                    <button className="btn btn-secondary w-100">{ LocalizeText('cancel') }</button>
+                </div>
+            </NitroCardContentView>
+        </NitroCardView>
+    );
+};
diff --git a/src/views/wired/WiredView.types.ts b/src/views/wired/WiredView.types.ts
new file mode 100644
index 00000000..44aaf900
--- /dev/null
+++ b/src/views/wired/WiredView.types.ts
@@ -0,0 +1,9 @@
+import { ConditionDefinition, TriggerDefinition, WiredActionDefinition } from 'nitro-renderer';
+
+export class WiredFurniSelectorViewProps
+{}
+
+export class WiredLayoutViewProps
+{
+    wiredDefinition: TriggerDefinition | WiredActionDefinition | ConditionDefinition;
+}
diff --git a/src/views/wired/utils/IWiredLayout.ts b/src/views/wired/utils/IWiredLayout.ts
new file mode 100644
index 00000000..96d965d5
--- /dev/null
+++ b/src/views/wired/utils/IWiredLayout.ts
@@ -0,0 +1,4 @@
+export interface IWiredLayout
+{
+    code: number;
+}
diff --git a/src/views/wired/utils/WiredActionLayout.ts b/src/views/wired/utils/WiredActionLayout.ts
new file mode 100644
index 00000000..78ec45d2
--- /dev/null
+++ b/src/views/wired/utils/WiredActionLayout.ts
@@ -0,0 +1,29 @@
+export class WiredActionLayout
+{
+    public static TOGGLE_FURNI_STATE: number            = 0;
+    public static RESET: number                         = 1;
+    public static SET_FURNI_STATE: number               = 3;
+    public static MOVE_FURNI: number                    = 4;
+    public static GIVE_SCORE: number                    = 6;
+    public static CHAT: number                          = 7;
+    public static TELEPORT: number                      = 8;
+    public static JOIN_TEAM: number                     = 9;
+    public static LEAVE_TEAM: number                    = 10;
+    public static CHASE: number                         = 11;
+    public static FLEE: number                          = 12;
+    public static MOVE_TO_DIRECTION: number             = 13;
+    public static GIVE_SCORE_TO_PREDEFINED_TEAM: number = 14;
+    public static TOGGLE_TO_RANDOM_STATE: number        = 15;
+    public static MOVE_FURNI_TO: number                 = 16;
+    public static GIVE_REWARD: number                   = 17;
+    public static CALL_ANOTHER_STACK: number            = 18;
+    public static KICK_FROM_ROOM: number                = 19;
+    public static MUTE_USER: number                     = 20;
+    public static BOT_TELEPORT: number                  = 21;
+    public static BOT_MOVE: number                      = 22;
+    public static BOT_TALK: number                      = 23;
+    public static BOT_GIVE_HAND_ITEM: number            = 24;
+    public static BOT_FOLLOW_AVATAR: number             = 25;
+    public static BOT_CHANGE_FIGURE: number             = 26;
+    public static BOT_TALK_DIRECT_TO_AVTR: number       = 27;
+}
diff --git a/src/views/wired/views/actions/base/WiredActionBaseView.tsx b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
new file mode 100644
index 00000000..42422a86
--- /dev/null
+++ b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
@@ -0,0 +1,26 @@
+import { ConditionDefinition, TriggerDefinition, WiredActionDefinition } from 'nitro-renderer';
+import { FC, useCallback } from 'react';
+import { WiredActionLayout } from '../../../utils/WiredActionLayout';
+import { WiredActionToggleFurniStateView } from '../toggle-furni-state/WiredActionToggleFurniStateView';
+
+export const WiredActionBaseView: FC<{ wiredDefinition: TriggerDefinition | WiredActionDefinition | ConditionDefinition }> = props =>
+{
+    const { wiredDefinition = null } = props;
+
+    const getActionlayout = useCallback((code: number) =>
+    {
+        switch(code)
+        {
+            case WiredActionLayout.TOGGLE_FURNI_STATE:
+                return <WiredActionToggleFurniStateView wiredDefinition={ wiredDefinition } />;
+            default:
+                return null;
+        }
+    }, [ wiredDefinition ]);
+    
+    return (
+        <>
+            { wiredDefinition && getActionlayout(wiredDefinition.code) }
+        </>
+    );
+}
diff --git a/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
new file mode 100644
index 00000000..a1e47312
--- /dev/null
+++ b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { WiredLayoutViewProps } from '../../../WiredView.types';
+import { WiredFurniSelectorView } from '../../furni-selector/WiredFurniSelectorView';
+
+export const WiredActionToggleFurniStateView: FC<WiredLayoutViewProps> = props =>
+{
+    return (
+        <>
+            <WiredFurniSelectorView selectedItemsCount={ 0 } maximumItemsCount={ 0 } />
+        </>
+    );
+};
diff --git a/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx b/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
new file mode 100644
index 00000000..05ed3e90
--- /dev/null
+++ b/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
@@ -0,0 +1,14 @@
+import { FC, useCallback, useState } from 'react';
+import { IWiredLayout } from '../../../utils/IWiredLayout';
+
+export const WiredConditionBaseView: FC<{}> = props =>
+{
+    const [ conditionLayouts, setConditionLayouts ] = useState<IWiredLayout[]>([]);
+
+    const RegisterActionLayout = useCallback((layout: IWiredLayout) =>
+    {
+        setConditionLayouts(layouts => [...layouts, layout]);
+    }, [ setConditionLayouts ]);
+
+    return null;
+};
diff --git a/src/views/wired/views/furni-selector/WiredFurniSelectorView.tsx b/src/views/wired/views/furni-selector/WiredFurniSelectorView.tsx
new file mode 100644
index 00000000..a9b3a38e
--- /dev/null
+++ b/src/views/wired/views/furni-selector/WiredFurniSelectorView.tsx
@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { LocalizeText } from '../../../../utils/LocalizeText';
+import { WiredFurniSelectorViewProps } from './WiredFurniSelectorView.types';
+
+export const WiredFurniSelectorView: FC<WiredFurniSelectorViewProps> = props =>
+{
+    const { selectedItemsCount = null, maximumItemsCount = null } = props;
+    
+    return (
+        <>
+            <hr className="p-0 m-1" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', ['count', 'limit'], [selectedItemsCount.toString(), maximumItemsCount.toString()]) }</div>
+            <div>{ LocalizeText('wiredfurni.pickfurnis.desc') }</div>
+            <hr className="p-0 m-1" />
+        </>
+    );
+}
diff --git a/src/views/wired/views/furni-selector/WiredFurniSelectorView.types.ts b/src/views/wired/views/furni-selector/WiredFurniSelectorView.types.ts
new file mode 100644
index 00000000..88144289
--- /dev/null
+++ b/src/views/wired/views/furni-selector/WiredFurniSelectorView.types.ts
@@ -0,0 +1,5 @@
+export class WiredFurniSelectorViewProps
+{
+    selectedItemsCount: number;
+    maximumItemsCount: number;
+}
diff --git a/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx b/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx
new file mode 100644
index 00000000..05071f98
--- /dev/null
+++ b/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx
@@ -0,0 +1,14 @@
+import { FC, useCallback, useState } from 'react';
+import { IWiredLayout } from '../../../utils/IWiredLayout';
+
+export const WiredTriggerBaseView: FC<{}> = props =>
+{
+    const [ triggerLayouts, setTriggerLayouts ] = useState<IWiredLayout[]>([]);
+
+    const RegisterActionLayout = useCallback((layout: IWiredLayout) =>
+    {
+        setTriggerLayouts(layouts => [...layouts, layout]);
+    }, [ setTriggerLayouts ]);
+
+    return null;
+};

From 8977cccbd34e044f22557704d2caf10b584c3c9d Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Mon, 28 Jun 2021 12:32:06 -0400
Subject: [PATCH 02/22] Add base wired & saving

---
 .vscode/settings.json                         |  3 +-
 package-lock.json                             | 14 +++
 package.json                                  |  2 +
 src/events/index.ts                           |  1 +
 src/events/wired/WiredEvent.ts                |  6 ++
 src/events/wired/index.ts                     |  1 +
 src/index.scss                                |  1 +
 src/views/wired/WiredMessageHandler.tsx       | 58 ++++++++++-
 src/views/wired/WiredView.tsx                 | 97 ++++++-------------
 src/views/wired/WiredView.types.ts            |  8 ++
 .../wired/common/GetWiredActionLayout.tsx     | 14 +++
 src/views/wired/common/GetWiredLayout.tsx     |  9 ++
 src/views/wired/common/GetWiredTimeLocale.ts  |  8 ++
 .../wired/common/WiredActionLayoutCode.ts     | 29 ++++++
 src/views/wired/context/WiredContext.tsx      | 22 +++++
 src/views/wired/context/WiredContext.types.ts | 21 ++++
 src/views/wired/utils/IWiredLayout.ts         |  4 -
 src/views/wired/utils/WiredActionLayout.ts    | 29 ------
 .../actions/base/WiredActionBaseView.tsx      | 57 +++++++----
 .../actions/base/WiredActionBaseView.types.ts |  5 +
 .../WiredActionBotChangeFigureView.tsx        | 50 ++++++++++
 .../WiredActionBotFollowAvatarView.tsx        | 23 +++++
 .../WiredActionToggleFurniStateView.tsx       | 12 ---
 src/views/wired/views/base/WiredBaseView.tsx  | 79 +++++++++++++++
 .../wired/views/base/WiredBaseView.types.ts   |  6 ++
 .../base/WiredConditionBaseView.tsx           | 14 ---
 .../triggers/base/WiredTriggerBaseView.tsx    | 14 ---
 27 files changed, 425 insertions(+), 162 deletions(-)
 create mode 100644 src/events/wired/WiredEvent.ts
 create mode 100644 src/events/wired/index.ts
 create mode 100644 src/views/wired/common/GetWiredActionLayout.tsx
 create mode 100644 src/views/wired/common/GetWiredLayout.tsx
 create mode 100644 src/views/wired/common/GetWiredTimeLocale.ts
 create mode 100644 src/views/wired/common/WiredActionLayoutCode.ts
 create mode 100644 src/views/wired/context/WiredContext.tsx
 create mode 100644 src/views/wired/context/WiredContext.types.ts
 delete mode 100644 src/views/wired/utils/IWiredLayout.ts
 delete mode 100644 src/views/wired/utils/WiredActionLayout.ts
 create mode 100644 src/views/wired/views/actions/base/WiredActionBaseView.types.ts
 create mode 100644 src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
 create mode 100644 src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
 delete mode 100644 src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
 create mode 100644 src/views/wired/views/base/WiredBaseView.tsx
 create mode 100644 src/views/wired/views/base/WiredBaseView.types.ts
 delete mode 100644 src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
 delete mode 100644 src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7b328b85..b0a56f10 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -12,5 +12,6 @@
 	"git.ignoreLimitWarning": true,
     "files.eol": "\n",
     "files.insertFinalNewline": true,
-    "files.trimFinalNewlines": true
+    "files.trimFinalNewlines": true,
+    "editor.wordWrap": "on"
 }
diff --git a/package-lock.json b/package-lock.json
index 66944ba0..3dc7f9fa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2376,6 +2376,15 @@
         "redux": "^4.0.0"
       }
     },
+    "@types/react-slider": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-slider/-/react-slider-1.3.0.tgz",
+      "integrity": "sha512-Hr+P8wiqYAjeFTlf+NWPVGWW79npC8V7KkZdbPlMqo+iblcopPzE/z0m8503j2YmfxoKJKaPnrJe0a6spXacYQ==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/react-transition-group": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.1.tgz",
@@ -15061,6 +15070,11 @@
         "workbox-webpack-plugin": "5.1.4"
       }
     },
+    "react-slider": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/react-slider/-/react-slider-1.3.1.tgz",
+      "integrity": "sha512-bD8hHJJUgAHI8g1F6PY6432l+Dmcs2fqzUwDhd+0HWDdvfjwNoXRNC2cL9OWyGTjYlJM92A8nF/w1X4pyHfytQ=="
+    },
     "react-transition-group": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.1.tgz",
diff --git a/package.json b/package.json
index 82a862a6..260ece10 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "react-google-recaptcha": "^2.1.0",
     "react-redux": "^7.2.3",
     "react-scripts": "4.0.3",
+    "react-slider": "^1.3.1",
     "react-transition-group": "^4.4.1",
     "redux": "^4.0.5",
     "typescript": "^4.2.4",
@@ -58,6 +59,7 @@
     ]
   },
   "devDependencies": {
+    "@types/react-slider": "^1.3.0",
     "@types/react-transition-group": "^4.4.1"
   }
 }
diff --git a/src/events/index.ts b/src/events/index.ts
index 9ec510a0..684c0bfa 100644
--- a/src/events/index.ts
+++ b/src/events/index.ts
@@ -5,3 +5,4 @@ export * from './inventory';
 export * from './navigator';
 export * from './notification-center';
 export * from './room-widgets';
+export * from './wired';
diff --git a/src/events/wired/WiredEvent.ts b/src/events/wired/WiredEvent.ts
new file mode 100644
index 00000000..d5959215
--- /dev/null
+++ b/src/events/wired/WiredEvent.ts
@@ -0,0 +1,6 @@
+import { NitroEvent } from 'nitro-renderer';
+
+export class WiredEvent extends NitroEvent
+{
+    public static SAVE_WIRED: string = 'WE_SAVE_WIRED';
+}
diff --git a/src/events/wired/index.ts b/src/events/wired/index.ts
new file mode 100644
index 00000000..9f43fa22
--- /dev/null
+++ b/src/events/wired/index.ts
@@ -0,0 +1 @@
+export * from './WiredEvent';
diff --git a/src/index.scss b/src/index.scss
index d1c389d9..08696a5c 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,5 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed:wght@300;400;500&display=swap');
 @import '../node_modules/animate.css/animate.css';
+@import '../node_modules/rc-slider/assets/index.css';
 @import './assets/styles';
 
 html,
diff --git a/src/views/wired/WiredMessageHandler.tsx b/src/views/wired/WiredMessageHandler.tsx
index 30990fc4..cae3aed7 100644
--- a/src/views/wired/WiredMessageHandler.tsx
+++ b/src/views/wired/WiredMessageHandler.tsx
@@ -1,6 +1,62 @@
-import { FC } from 'react';
+import { WiredFurniActionEvent, WiredFurniConditionEvent, WiredFurniTriggerEvent, WiredOpenEvent, WiredRewardResultMessageEvent, WiredSaveSuccessEvent, WiredValidationErrorEvent } from 'nitro-renderer';
+import { FC, useCallback } from 'react';
+import { CreateMessageHook } from '../../hooks/messages';
+import { useWiredContext } from './context/WiredContext';
 
 export const WiredMessageHandler: FC<{}> = props =>
 {
+    const { setTrigger = null } = useWiredContext();
+
+    const onWiredFurniActionEvent = useCallback((event: WiredFurniActionEvent) =>
+    {
+        const parser = event.getParser();
+
+        setTrigger(parser.definition);
+    }, [ setTrigger ]);
+
+    const onWiredFurniConditionEvent = useCallback((event: WiredFurniConditionEvent) =>
+    {
+        const parser = event.getParser();
+
+        setTrigger(parser.definition);
+    }, [ setTrigger ]);
+
+    const onWiredFurniTriggerEvent = useCallback((event: WiredFurniTriggerEvent) =>
+    {
+        const parser = event.getParser();
+
+        setTrigger(parser.definition);
+    }, [ setTrigger ]);
+
+    const onWiredOpenEvent = useCallback((event: WiredOpenEvent) =>
+    {
+        const parser = event.getParser();
+    }, []);
+
+    const onWiredRewardResultMessageEvent = useCallback((event: WiredRewardResultMessageEvent) =>
+    {
+        const parser = event.getParser();
+    }, []);
+
+    const onWiredSaveSuccessEvent = useCallback((event: WiredSaveSuccessEvent) =>
+    {
+        const parser = event.getParser();
+
+        setTrigger(null);
+    }, [ setTrigger ]);
+
+    const onWiredValidationErrorEvent = useCallback((event: WiredValidationErrorEvent) =>
+    {
+        const parser = event.getParser();
+    }, []);
+
+    CreateMessageHook(WiredFurniActionEvent, onWiredFurniActionEvent);
+    CreateMessageHook(WiredFurniConditionEvent, onWiredFurniConditionEvent);
+    CreateMessageHook(WiredFurniTriggerEvent, onWiredFurniTriggerEvent);
+    CreateMessageHook(WiredOpenEvent, onWiredOpenEvent);
+    CreateMessageHook(WiredRewardResultMessageEvent, onWiredRewardResultMessageEvent);
+    CreateMessageHook(WiredSaveSuccessEvent, onWiredSaveSuccessEvent);
+    CreateMessageHook(WiredValidationErrorEvent, onWiredValidationErrorEvent);
+
     return null;
 };
diff --git a/src/views/wired/WiredView.tsx b/src/views/wired/WiredView.tsx
index 67b2cbad..7d6faba1 100644
--- a/src/views/wired/WiredView.tsx
+++ b/src/views/wired/WiredView.tsx
@@ -1,81 +1,42 @@
-import { ConditionDefinition, Nitro, TriggerDefinition, WiredActionDefinition, WiredFurniActionEvent, WiredFurniConditionEvent, WiredFurniTriggerEvent } from 'nitro-renderer';
-import { FC, useCallback, useEffect, useState } from 'react';
-import { CreateMessageHook } from '../../hooks/messages';
-import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../layout';
-import { LocalizeText } from '../../utils/LocalizeText';
-import { WiredActionBaseView } from './views/actions/base/WiredActionBaseView';
-import { WiredConditionBaseView } from './views/conditions/base/WiredConditionBaseView';
-import { WiredTriggerBaseView } from './views/triggers/base/WiredTriggerBaseView';
+import { Triggerable, UpdateActionMessageComposer, WiredActionDefinition } from 'nitro-renderer';
+import { FC, useCallback, useMemo, useState } from 'react';
+import { GetConnection } from '../../api';
+import { WiredEvent } from '../../events';
+import { useUiEvent } from '../../hooks/events';
+import { GetWiredLayout } from './common/GetWiredLayout';
+import { WiredContextProvider } from './context/WiredContext';
+import { WiredMessageHandler } from './WiredMessageHandler';
 import { WiredFurniSelectorViewProps } from './WiredView.types';
 
 export const WiredView: FC<WiredFurniSelectorViewProps> = props =>
 {
-    const [ wiredDefinition, setWiredDefinition ] = useState<TriggerDefinition | WiredActionDefinition | ConditionDefinition>(null);
-    const [ name, setName ] = useState(null);
-    const [ description, setDescription ] = useState(null);
+    const [ trigger, setTrigger ] = useState<Triggerable>(null);
+    const [ intParams, setIntParams ] = useState<number[]>(null);
+    const [ stringParam, setStringParam ] = useState<string>(null);
+    const [ furniIds, setFurniIds ] = useState<number[]>(null);
+    const [ actionDelay, setActionDelay ] = useState<number>(null);
 
-    useEffect(() =>
+    const wiredLayout = useMemo(() =>
     {
-        if(!wiredDefinition) return;
+        return GetWiredLayout(trigger);
+    }, [ trigger ]);
 
-        const itemData = Nitro.instance.sessionDataManager.getFloorItemData(wiredDefinition.spriteId);
-
-        if(!itemData) return;
-
-        setName(itemData.name);
-        setDescription(itemData.description);
-    }, [ wiredDefinition ]);
-
-    const getWiredType = useCallback(() =>
+    const onWiredEvent = useCallback((event: WiredEvent) =>
     {
-        if(wiredDefinition instanceof TriggerDefinition)
-            return 'trigger';
-        else if(wiredDefinition instanceof ConditionDefinition)
-            return 'condition';
-        else
-            return 'action';
+        // check if owner & warn with confirm
+        
+        if(trigger instanceof WiredActionDefinition)
+        {
+            GetConnection().send(new UpdateActionMessageComposer(trigger.id, intParams, stringParam, furniIds, actionDelay, trigger.stuffTypeSelectionCode));
+        }
+    }, [ trigger, intParams, stringParam, furniIds, actionDelay ]);
 
-    }, [ wiredDefinition ]);
-
-    const getTypeBase = useCallback(() =>
-    {
-        if(wiredDefinition instanceof TriggerDefinition)
-            return <WiredTriggerBaseView />;
-        else if(wiredDefinition instanceof ConditionDefinition)
-            return <WiredConditionBaseView />;
-        else
-            return <WiredActionBaseView wiredDefinition={ wiredDefinition } />;
-
-    }, [ wiredDefinition ]);
-
-    const onWiredFurniEvent = useCallback((event: WiredFurniTriggerEvent | WiredFurniConditionEvent | WiredFurniActionEvent) =>
-    {
-        setWiredDefinition(event.getParser().definition);
-    }, [ setWiredDefinition ]);
-
-    CreateMessageHook(WiredFurniTriggerEvent, onWiredFurniEvent);
-    CreateMessageHook(WiredFurniConditionEvent, onWiredFurniEvent);
-    CreateMessageHook(WiredFurniActionEvent, onWiredFurniEvent);
-
-    if(!wiredDefinition) return null;
+    useUiEvent(WiredEvent.SAVE_WIRED, onWiredEvent);
 
     return (
-        <NitroCardView className="nitro-wired" simple={ true }>
-            <NitroCardHeaderView headerText={ LocalizeText('wiredfurni.title') } onCloseClick={ event => {} } />
-            <NitroCardContentView className="text-black">
-                <div className="d-flex align-items-center">
-                    <i className={ 'me-2 icon icon-wired-' + getWiredType()} />
-                    <div className="fw-bold">{ name }</div>
-                </div>
-                <div>{ description }</div>
-                <div>
-                    { getTypeBase() }
-                </div>
-                <div className="d-flex mt-2">
-                    <button className="btn btn-success me-2 w-100">{ LocalizeText('wiredfurni.ready') }</button>
-                    <button className="btn btn-secondary w-100">{ LocalizeText('cancel') }</button>
-                </div>
-            </NitroCardContentView>
-        </NitroCardView>
+        <WiredContextProvider value={ { trigger, setTrigger, intParams, setIntParams, stringParam, setStringParam, furniIds, setFurniIds, actionDelay, setActionDelay }}>
+            <WiredMessageHandler />
+            { wiredLayout }
+        </WiredContextProvider>
     );
 };
diff --git a/src/views/wired/WiredView.types.ts b/src/views/wired/WiredView.types.ts
index 44aaf900..ca325cc3 100644
--- a/src/views/wired/WiredView.types.ts
+++ b/src/views/wired/WiredView.types.ts
@@ -7,3 +7,11 @@ export class WiredLayoutViewProps
 {
     wiredDefinition: TriggerDefinition | WiredActionDefinition | ConditionDefinition;
 }
+
+export class WiredFurniType
+{
+    public static _Str_5431: number = 0;
+    public static _Str_4873: number = 1;
+    public static _Str_4991: number = 2;
+    public static _Str_5430: number = 3;
+}
diff --git a/src/views/wired/common/GetWiredActionLayout.tsx b/src/views/wired/common/GetWiredActionLayout.tsx
new file mode 100644
index 00000000..b9ce455f
--- /dev/null
+++ b/src/views/wired/common/GetWiredActionLayout.tsx
@@ -0,0 +1,14 @@
+import { WiredActionBotChangeFigureView } from '../views/actions/bot-change-figure/WiredActionBotChangeFigureView';
+import { WiredActionBotFollowAvatarView } from '../views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView';
+import { WiredActionLayout } from './WiredActionLayoutCode';
+
+export function GetWiredActionLayout(code: number): JSX.Element
+{
+    switch(code)
+    {
+        case WiredActionLayout.BOT_CHANGE_FIGURE:
+            return <WiredActionBotChangeFigureView />;
+        case WiredActionLayout.BOT_FOLLOW_AVATAR:
+            return <WiredActionBotFollowAvatarView />;
+    }
+}
diff --git a/src/views/wired/common/GetWiredLayout.tsx b/src/views/wired/common/GetWiredLayout.tsx
new file mode 100644
index 00000000..5f3ed3cf
--- /dev/null
+++ b/src/views/wired/common/GetWiredLayout.tsx
@@ -0,0 +1,9 @@
+import { Triggerable, WiredActionDefinition } from 'nitro-renderer';
+import { GetWiredActionLayout } from './GetWiredActionLayout';
+
+export function GetWiredLayout(trigger: Triggerable): JSX.Element
+{
+    if(trigger instanceof WiredActionDefinition) return GetWiredActionLayout(trigger.code);
+
+    return null;
+}
diff --git a/src/views/wired/common/GetWiredTimeLocale.ts b/src/views/wired/common/GetWiredTimeLocale.ts
new file mode 100644
index 00000000..02aa3b4e
--- /dev/null
+++ b/src/views/wired/common/GetWiredTimeLocale.ts
@@ -0,0 +1,8 @@
+export function GetWiredTimeLocale(value: number): string
+{
+    const time = Math.floor((value / 2));
+
+    if(!(value % 2)) return time.toString();
+
+    return (time + 0.5).toString();
+}
diff --git a/src/views/wired/common/WiredActionLayoutCode.ts b/src/views/wired/common/WiredActionLayoutCode.ts
new file mode 100644
index 00000000..d501c152
--- /dev/null
+++ b/src/views/wired/common/WiredActionLayoutCode.ts
@@ -0,0 +1,29 @@
+export class WiredActionLayout
+{
+    public static TOGGLE_FURNI_STATE: number = 0;
+    public static RESET: number = 1;
+    public static SET_FURNI_STATE: number = 3;
+    public static MOVE_FURNI: number = 4;
+    public static GIVE_SCORE: number = 6;
+    public static CHAT: number = 7;
+    public static TELEPORT: number = 8;
+    public static JOIN_TEAM: number = 9;
+    public static LEAVE_TEAM: number = 10;
+    public static CHASE: number = 11;
+    public static FLEE: number = 12;
+    public static MOVE_TO_DIRECTION: number = 13;
+    public static GIVE_SCORE_TO_PREDEFINED_TEAM: number = 14;
+    public static TOGGLE_TO_RANDOM_STATE: number = 15;
+    public static MOVE_FURNI_TO: number = 16;
+    public static GIVE_REWARD: number = 17;
+    public static CALL_ANOTHER_STACK: number = 18;
+    public static KICK_FROM_ROOM: number = 19;
+    public static MUTE_USER: number = 20;
+    public static BOT_TELEPORT: number = 21;
+    public static BOT_MOVE: number = 22;
+    public static BOT_TALK: number = 23;
+    public static BOT_GIVE_HAND_ITEM: number = 24;
+    public static BOT_FOLLOW_AVATAR: number = 25;
+    public static BOT_CHANGE_FIGURE: number = 26;
+    public static BOT_TALK_DIRECT_TO_AVTR: number = 27;
+}
diff --git a/src/views/wired/context/WiredContext.tsx b/src/views/wired/context/WiredContext.tsx
new file mode 100644
index 00000000..26c42a7a
--- /dev/null
+++ b/src/views/wired/context/WiredContext.tsx
@@ -0,0 +1,22 @@
+import { createContext, FC, useContext } from 'react';
+import { IWiredContext, WiredContextProps } from './WiredContext.types';
+
+const WiredContext = createContext<IWiredContext>({
+    trigger: null,
+    setTrigger: null,
+    intParams: null,
+    setIntParams: null,
+    stringParam: null,
+    setStringParam: null,
+    furniIds: null,
+    setFurniIds: null,
+    actionDelay: null,
+    setActionDelay: null
+});
+
+export const WiredContextProvider: FC<WiredContextProps> = props =>
+{
+    return <WiredContext.Provider value={ props.value }>{ props.children }</WiredContext.Provider>
+}
+
+export const useWiredContext = () => useContext(WiredContext);
diff --git a/src/views/wired/context/WiredContext.types.ts b/src/views/wired/context/WiredContext.types.ts
new file mode 100644
index 00000000..18e9c5ae
--- /dev/null
+++ b/src/views/wired/context/WiredContext.types.ts
@@ -0,0 +1,21 @@
+import { Triggerable } from 'nitro-renderer';
+import { Dispatch, ProviderProps, SetStateAction } from 'react';
+
+export interface IWiredContext
+{
+    trigger: Triggerable;
+    setTrigger: Dispatch<SetStateAction<Triggerable>>;
+    intParams: number[],
+    setIntParams: Dispatch<SetStateAction<number[]>>;
+    stringParam: string;
+    setStringParam: Dispatch<SetStateAction<string>>;
+    furniIds: number[];
+    setFurniIds: Dispatch<SetStateAction<number[]>>;
+    actionDelay: number;
+    setActionDelay: Dispatch<SetStateAction<number>>;
+}
+
+export interface WiredContextProps extends ProviderProps<IWiredContext>
+{
+
+}
diff --git a/src/views/wired/utils/IWiredLayout.ts b/src/views/wired/utils/IWiredLayout.ts
deleted file mode 100644
index 96d965d5..00000000
--- a/src/views/wired/utils/IWiredLayout.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface IWiredLayout
-{
-    code: number;
-}
diff --git a/src/views/wired/utils/WiredActionLayout.ts b/src/views/wired/utils/WiredActionLayout.ts
deleted file mode 100644
index 78ec45d2..00000000
--- a/src/views/wired/utils/WiredActionLayout.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-export class WiredActionLayout
-{
-    public static TOGGLE_FURNI_STATE: number            = 0;
-    public static RESET: number                         = 1;
-    public static SET_FURNI_STATE: number               = 3;
-    public static MOVE_FURNI: number                    = 4;
-    public static GIVE_SCORE: number                    = 6;
-    public static CHAT: number                          = 7;
-    public static TELEPORT: number                      = 8;
-    public static JOIN_TEAM: number                     = 9;
-    public static LEAVE_TEAM: number                    = 10;
-    public static CHASE: number                         = 11;
-    public static FLEE: number                          = 12;
-    public static MOVE_TO_DIRECTION: number             = 13;
-    public static GIVE_SCORE_TO_PREDEFINED_TEAM: number = 14;
-    public static TOGGLE_TO_RANDOM_STATE: number        = 15;
-    public static MOVE_FURNI_TO: number                 = 16;
-    public static GIVE_REWARD: number                   = 17;
-    public static CALL_ANOTHER_STACK: number            = 18;
-    public static KICK_FROM_ROOM: number                = 19;
-    public static MUTE_USER: number                     = 20;
-    public static BOT_TELEPORT: number                  = 21;
-    public static BOT_MOVE: number                      = 22;
-    public static BOT_TALK: number                      = 23;
-    public static BOT_GIVE_HAND_ITEM: number            = 24;
-    public static BOT_FOLLOW_AVATAR: number             = 25;
-    public static BOT_CHANGE_FIGURE: number             = 26;
-    public static BOT_TALK_DIRECT_TO_AVTR: number       = 27;
-}
diff --git a/src/views/wired/views/actions/base/WiredActionBaseView.tsx b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
index 42422a86..0c442703 100644
--- a/src/views/wired/views/actions/base/WiredActionBaseView.tsx
+++ b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
@@ -1,26 +1,45 @@
-import { ConditionDefinition, TriggerDefinition, WiredActionDefinition } from 'nitro-renderer';
-import { FC, useCallback } from 'react';
-import { WiredActionLayout } from '../../../utils/WiredActionLayout';
-import { WiredActionToggleFurniStateView } from '../toggle-furni-state/WiredActionToggleFurniStateView';
+import { WiredActionDefinition } from 'nitro-renderer';
+import Slider from 'rc-slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { GetWiredTimeLocale } from '../../../common/GetWiredTimeLocale';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredBaseView } from '../../base/WiredBaseView';
+import { WiredActionBaseViewProps } from './WiredActionBaseView.types';
 
-export const WiredActionBaseView: FC<{ wiredDefinition: TriggerDefinition | WiredActionDefinition | ConditionDefinition }> = props =>
+export const WiredActionBaseView: FC<WiredActionBaseViewProps> = props =>
 {
-    const { wiredDefinition = null } = props;
+    const { requiresFurni = WiredFurniType._Str_5431, save = null, children = null } = props;
+    const [ delay, setDelay ] = useState(-1);
+    const { trigger = null, setActionDelay = null } = useWiredContext();
 
-    const getActionlayout = useCallback((code: number) =>
+    useEffect(() =>
     {
-        switch(code)
-        {
-            case WiredActionLayout.TOGGLE_FURNI_STATE:
-                return <WiredActionToggleFurniStateView wiredDefinition={ wiredDefinition } />;
-            default:
-                return null;
-        }
-    }, [ wiredDefinition ]);
-    
+        setDelay((trigger as WiredActionDefinition).delayInPulses);
+    }, [ trigger ]);
+
+    const onSave = useCallback(() =>
+    {
+        if(save) save();
+
+        setActionDelay(delay);
+    }, [ delay, save, setActionDelay ]);
+
     return (
-        <>
-            { wiredDefinition && getActionlayout(wiredDefinition.code) }
-        </>
+        <WiredBaseView wiredType="action" requiresFurni={ requiresFurni } save={ onSave }>
+            { children }
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="d-flex flex-column justify-content-center align-items-center">
+                { LocalizeText('wiredfurni.params.delay', [ 'seconds' ], [ GetWiredTimeLocale(delay) ]) }
+                <Slider 
+                    defaultValue={ delay }
+                    dots={ true }
+                    min={ 0 }
+                    max={ 20 }
+                    onChange={ event => setDelay(event) }
+                    />
+            </div>
+        </WiredBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/base/WiredActionBaseView.types.ts b/src/views/wired/views/actions/base/WiredActionBaseView.types.ts
new file mode 100644
index 00000000..ef514b76
--- /dev/null
+++ b/src/views/wired/views/actions/base/WiredActionBaseView.types.ts
@@ -0,0 +1,5 @@
+export interface WiredActionBaseViewProps
+{
+    requiresFurni: number;
+    save: () => void;
+}
diff --git a/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx b/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
new file mode 100644
index 00000000..22997faa
--- /dev/null
+++ b/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
@@ -0,0 +1,50 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { GetSessionDataManager } from '../../../../../api';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { AvatarImageView } from '../../../../shared/avatar-image/AvatarImageView';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+const DELIMETER: string = '\t';
+const DEFAULT_FIGURE: string = 'hd-180-1.ch-210-66.lg-270-82.sh-290-81';
+
+export const WiredActionBotChangeFigureView: FC<{}> = props =>
+{
+    const [ botName, setBotName ] = useState('');
+    const [ figure, setFigure ] = useState('');
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        const data = trigger.stringData.split(DELIMETER);
+
+        console.log(data);
+
+        if(data.length > 0) setBotName(data[0]);
+        if(data.length > 1) setFigure(data[1].length > 0 ? data[1] : DEFAULT_FIGURE);
+    }, [ trigger ]);
+
+    const copyLooks = useCallback(() =>
+    {
+        setFigure(GetSessionDataManager().figure);
+    }, []);
+
+    const save = useCallback(() =>
+    {
+        setStringParam((botName + DELIMETER + figure));
+    }, [ botName, figure, setStringParam ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+            <div className="form-group">
+                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+            <div className="d-flex align-items-center justify-content-center">
+                <AvatarImageView figure={ figure } direction={ 4 } />
+                <button type="button" className="btn btn-primary" onClick={ copyLooks }>{ LocalizeText('wiredfurni.params.capture.figure') }</button>
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
new file mode 100644
index 00000000..15840fec
--- /dev/null
+++ b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
@@ -0,0 +1,23 @@
+import { FC, useEffect, useState } from 'react';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionBotFollowAvatarView: FC<{}> = props =>
+{
+    const [ botName, setBotName ] = useState('');
+    const [ followMode, setFollowMode ] = useState(-1);
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setBotName(trigger.stringData);
+        setFollowMode((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ null }>
+            BOT_CHANGE_FIGURE
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
deleted file mode 100644
index a1e47312..00000000
--- a/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { WiredLayoutViewProps } from '../../../WiredView.types';
-import { WiredFurniSelectorView } from '../../furni-selector/WiredFurniSelectorView';
-
-export const WiredActionToggleFurniStateView: FC<WiredLayoutViewProps> = props =>
-{
-    return (
-        <>
-            <WiredFurniSelectorView selectedItemsCount={ 0 } maximumItemsCount={ 0 } />
-        </>
-    );
-};
diff --git a/src/views/wired/views/base/WiredBaseView.tsx b/src/views/wired/views/base/WiredBaseView.tsx
new file mode 100644
index 00000000..26fa821a
--- /dev/null
+++ b/src/views/wired/views/base/WiredBaseView.tsx
@@ -0,0 +1,79 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { GetSessionDataManager } from '../../../../api';
+import { WiredEvent } from '../../../../events';
+import { dispatchUiEvent } from '../../../../hooks/events';
+import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../layout';
+import { LocalizeText } from '../../../../utils/LocalizeText';
+import { useWiredContext } from '../../context/WiredContext';
+import { WiredFurniType } from '../../WiredView.types';
+import { WiredBaseViewProps } from './WiredBaseView.types';
+
+export const WiredBaseView: FC<WiredBaseViewProps> = props =>
+{
+    const { wiredType = '', requiresFurni = WiredFurniType._Str_5431, save = null, children = null } = props;
+    const [ wiredName, setWiredName ] = useState<string>(null);
+    const [ wiredDescription, setWiredDescription ] = useState<string>(null);
+    const { trigger = null, setTrigger = null, setIntParams = null, setStringParam = null, setFurniIds = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        if(!trigger) return;
+
+        const spriteId = (trigger.spriteId || -1);
+
+        const furniData = GetSessionDataManager().getFloorItemData(spriteId);
+
+        if(!furniData)
+        {
+            setWiredName(('NAME: ' + spriteId));
+            setWiredDescription(('NAME: ' + spriteId));
+        }
+        else
+        {
+            setWiredName(furniData.name);
+            setWiredDescription(furniData.description);
+        }
+
+        setIntParams(trigger.intData);
+        setStringParam(trigger.stringData);
+        setFurniIds(trigger.selectedItems);
+    }, [ trigger, setIntParams, setStringParam, setFurniIds ]);
+
+    const onSave = useCallback(() =>
+    {
+        if(save) save();
+
+        setTimeout(() => dispatchUiEvent(new WiredEvent(WiredEvent.SAVE_WIRED)), 1);
+    }, [ save ]);
+
+    const close = useCallback(() =>
+    {
+        setTrigger(null);
+    }, [ setTrigger ]);
+
+    return (
+        <NitroCardView className="nitro-wired" simple={ true }>
+            <NitroCardHeaderView headerText={ LocalizeText('wiredfurni.title') } onCloseClick={ close } />
+            <NitroCardContentView className="text-black">
+                <div className="d-flex align-items-center">
+                    <i className={ `me-2 icon icon-wired-${ wiredType }` } />
+                    <div className="fw-bold">{ wiredName }</div>
+                </div>
+                <div>{ wiredDescription }</div>
+                <hr className="my-1 mb-2 bg-dark" />
+                <div>
+                    { children }
+                </div>
+                { (requiresFurni !== WiredFurniType._Str_5431) &&
+                    <div className="d-flex">
+                        { LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ '0', '0' ]) }
+                        { LocalizeText('wiredfurni.pickfurnis.desc') }
+                    </div> }
+                <div className="d-flex mt-2">
+                    <button className="btn btn-success me-2 w-100" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</button>
+                    <button className="btn btn-secondary w-100" onClick={ close }>{ LocalizeText('cancel') }</button>
+                </div>
+            </NitroCardContentView>
+        </NitroCardView>
+    );
+}
diff --git a/src/views/wired/views/base/WiredBaseView.types.ts b/src/views/wired/views/base/WiredBaseView.types.ts
new file mode 100644
index 00000000..b38c08da
--- /dev/null
+++ b/src/views/wired/views/base/WiredBaseView.types.ts
@@ -0,0 +1,6 @@
+export interface WiredBaseViewProps
+{
+    wiredType: string;
+    requiresFurni: number;
+    save: () => void;
+}
diff --git a/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx b/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
deleted file mode 100644
index 05ed3e90..00000000
--- a/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { FC, useCallback, useState } from 'react';
-import { IWiredLayout } from '../../../utils/IWiredLayout';
-
-export const WiredConditionBaseView: FC<{}> = props =>
-{
-    const [ conditionLayouts, setConditionLayouts ] = useState<IWiredLayout[]>([]);
-
-    const RegisterActionLayout = useCallback((layout: IWiredLayout) =>
-    {
-        setConditionLayouts(layouts => [...layouts, layout]);
-    }, [ setConditionLayouts ]);
-
-    return null;
-};
diff --git a/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx b/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx
deleted file mode 100644
index 05071f98..00000000
--- a/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { FC, useCallback, useState } from 'react';
-import { IWiredLayout } from '../../../utils/IWiredLayout';
-
-export const WiredTriggerBaseView: FC<{}> = props =>
-{
-    const [ triggerLayouts, setTriggerLayouts ] = useState<IWiredLayout[]>([]);
-
-    const RegisterActionLayout = useCallback((layout: IWiredLayout) =>
-    {
-        setTriggerLayouts(layouts => [...layouts, layout]);
-    }, [ setTriggerLayouts ]);
-
-    return null;
-};

From a55a78d6b59600a0374c0087d2f15f887f81b898 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Mon, 28 Jun 2021 12:34:24 -0400
Subject: [PATCH 03/22] Update package.json

---
 package-lock.json | 85 ++++++++++++++++++++++++++++++++++++++++++++---
 package.json      |  2 +-
 2 files changed, 81 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3dc7f9fa..4bd0f3e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5277,6 +5277,11 @@
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.4.tgz",
       "integrity": "sha512-TvrjBckDy2c6v6RLxPv5QXOnU+SmF9nBII5621Ve5fu6Z/BDrENurBEvlC1f44lKEUVqOpK4w9E5Idc5/EgkLQ=="
     },
+    "dom-align": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.12.2.tgz",
+      "integrity": "sha512-pHuazgqrsTFrGU2WLDdXxCFabkdQDx72ddkraZNih1KsMcN5qsRSTR9O4VJRlwTPCPb5COYg3LOfiMHHcPInHg=="
+    },
     "dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -14748,6 +14753,71 @@
         }
       }
     },
+    "rc-align": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/rc-align/-/rc-align-4.0.9.tgz",
+      "integrity": "sha512-myAM2R4qoB6LqBul0leaqY8gFaiECDJ3MtQDmzDo9xM9NRT/04TvWOYd2YHU9zvGzqk9QXF6S9/MifzSKDZeMw==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "dom-align": "^1.7.0",
+        "rc-util": "^5.3.0",
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
+    "rc-motion": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.4.4.tgz",
+      "integrity": "sha512-ms7n1+/TZQBS0Ydd2Q5P4+wJTSOrhIrwNxLXCZpR7Fa3/oac7Yi803HDALc2hLAKaCTQtw9LmQeB58zcwOsqlQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.2.1"
+      }
+    },
+    "rc-slider": {
+      "version": "9.7.2",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-9.7.2.tgz",
+      "integrity": "sha512-mVaLRpDo6otasBs6yVnG02ykI3K6hIrLTNfT5eyaqduFv95UODI9PDS6fWuVVehVpdS4ENgOSwsTjrPVun+k9g==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-tooltip": "^5.0.1",
+        "rc-util": "^5.0.0",
+        "shallowequal": "^1.1.0"
+      }
+    },
+    "rc-tooltip": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-5.1.1.tgz",
+      "integrity": "sha512-alt8eGMJulio6+4/uDm7nvV+rJq9bsfxFDCI0ljPdbuoygUscbsMYb6EQgwib/uqsXQUvzk+S7A59uYHmEgmDA==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "rc-trigger": "^5.0.0"
+      }
+    },
+    "rc-trigger": {
+      "version": "5.2.9",
+      "resolved": "https://registry.npmjs.org/rc-trigger/-/rc-trigger-5.2.9.tgz",
+      "integrity": "sha512-0Bxsh2Xe+etejMn73am+jZBcOpsueAZiEKLiGoDfA0fvm/JHLNOiiww3zJ0qgyPOTmbYxhsxFcGOZu+VcbaZhQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "^2.2.6",
+        "rc-align": "^4.0.0",
+        "rc-motion": "^2.0.0",
+        "rc-util": "^5.5.0"
+      }
+    },
+    "rc-util": {
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.13.1.tgz",
+      "integrity": "sha512-Dws2tjXBBihfjVQFlG5JzZ/5O3Wutctm0W94Wb1+M7GD2roWJPrQdSa4AkWm2pn0Ms32zoVPPkWodFeAYZPLfA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "react-is": "^16.12.0",
+        "shallowequal": "^1.1.0"
+      }
+    },
     "react": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
@@ -15070,11 +15140,6 @@
         "workbox-webpack-plugin": "5.1.4"
       }
     },
-    "react-slider": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/react-slider/-/react-slider-1.3.1.tgz",
-      "integrity": "sha512-bD8hHJJUgAHI8g1F6PY6432l+Dmcs2fqzUwDhd+0HWDdvfjwNoXRNC2cL9OWyGTjYlJM92A8nF/w1X4pyHfytQ=="
-    },
     "react-transition-group": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.1.tgz",
@@ -15444,6 +15509,11 @@
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.18.1",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.18.1.tgz",
@@ -16234,6 +16304,11 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
     "shebang-command": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
diff --git a/package.json b/package.json
index 260ece10..f1be2c6c 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "immutable": "^4.0.0-rc.12",
     "nitro-renderer": "file:../nitro-renderer",
     "node-sass": "^5.0.0",
+    "rc-slider": "^9.7.2",
     "react": "^17.0.2",
     "react-bootstrap": "^2.0.0-alpha.2",
     "react-dom": "^17.0.2",
@@ -22,7 +23,6 @@
     "react-google-recaptcha": "^2.1.0",
     "react-redux": "^7.2.3",
     "react-scripts": "4.0.3",
-    "react-slider": "^1.3.1",
     "react-transition-group": "^4.4.1",
     "redux": "^4.0.5",
     "typescript": "^4.2.4",

From 2e5478481d2f1afeb28ebc3e27feae12ec1f9c8b Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Mon, 28 Jun 2021 18:18:34 -0300
Subject: [PATCH 04/22] Updates

---
 src/assets/images/wired/icon_wired_around.png | Bin 244 -> 197 bytes
 .../images/wired/icon_wired_left_right.png    | Bin 217 -> 172 bytes
 .../images/wired/icon_wired_north_east.png    | Bin 205 -> 157 bytes
 .../images/wired/icon_wired_north_west.png    | Bin 207 -> 166 bytes
 .../wired/icon_wired_rotate_clockwise.png     | Bin 187 -> 146 bytes
 .../icon_wired_rotate_counter_clockwise.png   | Bin 192 -> 148 bytes
 .../images/wired/icon_wired_south_east.png    | Bin 217 -> 171 bytes
 .../images/wired/icon_wired_south_west.png    | Bin 209 -> 169 bytes
 .../images/wired/icon_wired_up_down.png       | Bin 198 -> 153 bytes
 src/views/wired/WiredView.scss                |  35 +++++++
 src/views/wired/WiredView.types.ts            |   2 +
 .../wired/common/GetWiredActionLayout.tsx     |  51 +++++++++++
 .../actions/base/WiredActionBaseView.tsx      |   6 +-
 .../WiredActionBotChangeFigureView.tsx        |   9 +-
 .../WiredActionBotFollowAvatarView.tsx        |  30 +++++-
 .../WiredActionBotGiveHandItemView.tsx        |  43 +++++++++
 .../bot-move/WiredActionBotMoveView.tsx       |  30 ++++++
 .../WiredActionBotTalkToAvatarView.tsx        |  54 +++++++++++
 .../bot-talk/WiredActionBotTalkView.tsx       |  54 +++++++++++
 .../WiredActionBotTeleportView.tsx            |  30 ++++++
 .../WiredActionCallAnotherStackView.tsx       |  10 ++
 .../actions/chase/WiredActionChaseView.tsx    |  10 ++
 .../actions/chat/WiredActionChatView.tsx      |  30 ++++++
 .../actions/flee/WiredActionFleeView.tsx      |  10 ++
 .../join-team/WiredActionJoinTeamView.tsx     |  37 ++++++++
 .../WiredActionKickFromRoomView.tsx           |  30 ++++++
 .../leave-team/WiredActionLeaveTeamView.tsx   |  10 ++
 .../move-furni/WiredActionMoveFurniView.tsx   |  86 ++++++++++++++++++
 .../actions/reset/WiredActionResetView.tsx    |  10 ++
 .../WiredActionSetFurniStateToView.tsx        |  48 ++++++++++
 .../teleport/WiredActionTeleportView.tsx      |  10 ++
 .../WiredActionToggleFurniStateView.tsx       |  10 ++
 src/views/wired/views/base/WiredBaseView.tsx  |   9 +-
 33 files changed, 638 insertions(+), 16 deletions(-)
 create mode 100644 src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
 create mode 100644 src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
 create mode 100644 src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
 create mode 100644 src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
 create mode 100644 src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
 create mode 100644 src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
 create mode 100644 src/views/wired/views/actions/chase/WiredActionChaseView.tsx
 create mode 100644 src/views/wired/views/actions/chat/WiredActionChatView.tsx
 create mode 100644 src/views/wired/views/actions/flee/WiredActionFleeView.tsx
 create mode 100644 src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
 create mode 100644 src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
 create mode 100644 src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
 create mode 100644 src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
 create mode 100644 src/views/wired/views/actions/reset/WiredActionResetView.tsx
 create mode 100644 src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
 create mode 100644 src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
 create mode 100644 src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx

diff --git a/src/assets/images/wired/icon_wired_around.png b/src/assets/images/wired/icon_wired_around.png
index 363913a900699883b60ff899180ef4a6fc7f0aa9..0b4b5a12545cb73a0f588dae5ad803c8954255af 100644
GIT binary patch
delta 161
zcmV;S0ABy}0mT83EPoOJ01FZU(%pXi0001YNkl<Zc-muNU|{%<1>Xna00sm|fQn&L
zi&e0I0Tl=U@d8o|fVm<bi0gs)Jsx#nVge8w0C58zh5w-jH9*zET*Tmj=3IP+pnFXL
zM9haW@C6h$uYvUJ#}@|sp{`TF6M$F)@jVuA!MysO*jRu$6B=1FR__4-4i#!j+Tm9b
P00000NkvXXu0mjffWkhW

delta 208
zcmV;>05AW=0rUZoEPoRK01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_K>z@;j|==^
z1poj5iAh93RCob}kPQ)lAPj|P10oQC2t=@fMlb>qY#>dDf(?v-Z{GAg9Qf`Y$Is)t
zZB%q+cq9?_v)p||4ZuP#;cVcj1&52GYlj1DVFnsCC7=~{a7ieA9g=Z(MGWv2um`DI
zv%GA)DV;%8;>;v}5_N)!tCL`Cg){*7>6KY|dHV%CWmccF7CZp}I<0BfF#pT|0000<
KMNUMnLSTY{DNJ<$

diff --git a/src/assets/images/wired/icon_wired_left_right.png b/src/assets/images/wired/icon_wired_left_right.png
index 9e1b450088022251cc17a08e068399932c77d8dc..862d6d8138b8d597bd57b732bd0ca62e9c5db082 100644
GIT binary patch
delta 136
zcmV;30C)e{0jvR#EPoOJ01FZU(%pXi00019Nkl<Zc-muNAPyt|@qHlvj|CG21b}z}
zIR=0<)&uc-9Gd@=su9F*0Ad3q7h&};HXA2E4MqkEAYwk0fh(Za!xZ8Ixcs&sh#iOt
q;s03t>A*k&z-BwhEAhl=1^^j%I!G4J0}}uM002ovPDHLkU;%=_IWTMh

delta 181
zcmV;m080O?0oehNEPoRK01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_K>z@;j|==^
z1poj5Zb?KzRCocEkWmeQFbqU10SQPz0#3jQNWcL&Kmt-G0SU*Iz|Ycd-6e0?l3v%V
zNI(E)l3*y}*9ILqnj3t^h1_t|YSi~ihJPY2ul3`mjkDTbk1ky=g+-ljVIildi;NQ3
jFpQjaV`YLwrilLmh9(zzrn{xR00000NkvXXu0mjf?f63F

diff --git a/src/assets/images/wired/icon_wired_north_east.png b/src/assets/images/wired/icon_wired_north_east.png
index 4ae642f4690d8f391b889b40dc41969d7eadea6c..3710854fdafa269ca0973583aca7e810ed450f44 100644
GIT binary patch
delta 120
zcmV-;0Ehq00i6MmEO8P501FZU(%pXi0000_Nkl<Zc-muNK!5}weh<X|iNGj80f_ID
zstE)HfcQKqnjA>631oUdk^TW|3czFfeW>jTXlgJ7V0Z%51?aB%hb`1#rsDz%=mG%@
aL;wKgvqVkMOtUKh0000<MNUMnLSTZCsVyh~

delta 169
zcmV;a09OB<0nGuBEPoRK01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_K>z@;j|==^
z1poj5Vo5|nRCocEkWmf5FbG6X!X!+}Bve8jZO$g466RnxSok2MZRkt*DB<oXfI+fK
zJxl<PymzU#Br@S9b+05H=_GSMnM4I;;@&L1`WeKA<I)YnUm|szw|BMQ9RqYWHVP7a
X9H%^EQ`f*E00000NkvXXu0mjfg;+fu

diff --git a/src/assets/images/wired/icon_wired_north_west.png b/src/assets/images/wired/icon_wired_north_west.png
index b5933ee761c4f3f0baa37c6680a39a5acc7c7059..09eeefc18a1708ce99e036dac88ed5e552db1e87 100644
GIT binary patch
delta 129
zcmV-{0Dk|^0j2?vEP4_E01FZU(%pXi00013Nkl<Zc-muNU|{%91bz?12@FVpkcRz0
ztiXT<2x-6y2-$R>RGW}-KeA?I6CI!)zK_S&c$lUMKrDb{JIKTZSTwzZg`xukZeRd4
j{T~qT!{#@90L5ScpX5Xvdqq1u00000NkvXXu0mjfgFG=r

delta 171
zcmV;c095~`0nY)DEPoRK01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_K>z@;j|==^
z1poj5WJyFpRCocEj|~lgAQ(h1f)R*d1e!=AjbIXuVgqd;9virC{PVWAvBBL9*ghU=
z5a<Y;R6)`TAct*pjV?*nKO8k`YW%shx`fb1C$X;Ro(bKq)FeI7D8Refx4-mA{#GL{
Z{s3c3IW!L?gHHee002ovPDHLkV1kx$J|X}B

diff --git a/src/assets/images/wired/icon_wired_rotate_clockwise.png b/src/assets/images/wired/icon_wired_rotate_clockwise.png
index 73c29eb3c2223cc1dcfee9da321ac8f7ed1a6ee1..2827e3d23da0f4d5b51ecec406ccd267291579cd 100644
GIT binary patch
delta 109
zcmV-z0FwW^0g?fbEM^h_01FZU(%pXi0000)Nkl<Zc-muNU|{%<1+NEU1qLkOKMwpJ
zmj)Ox0OIpV8ul{~00K}`VWtxV6Oc^D2^#SDp@CQp4aC~eK#aQ^&=mpzCqX6uHTEWv
P00000NkvXXu0mjf{qiO3

delta 151
zcmbQlxSMf;PQ5S#1Gg|E!>l<H3=9m6#X;^)4C~IxyaaMs(j9#r85lP9bN@+X1@Z$t
zT^vIy7<>BzIT;jqT=bg+dlHUxCkQJ`9Mo{Tpva|U^*y2fd!F>IxhjtfFWtMcdPAq<
zvK*(jHkLa%vTuJVF5IzdtH4zG4AG3c4ifL4NxnIiv#Chnqql7Z&~OG%S3j3^P6<r_
D4c9h3

diff --git a/src/assets/images/wired/icon_wired_rotate_counter_clockwise.png b/src/assets/images/wired/icon_wired_rotate_counter_clockwise.png
index 5bde5f7acd472604e44f295239304bfcdeb9de2d..7e281bacbc901f43d3fd7afdc492c23fd85fe029 100644
GIT binary patch
delta 111
zcmV-#0FeK{0h9rdENBt{01FZU(%pXi0000+Nkl<Zc-muNzyu0FydQ|)1Mz<}jG+*l
zBCLwnBT1YGVh0910H*Lh5DPF605HW9a4BfO<HiPJH8kLJLIbf1ku~5{2mm^nCI3)u
R<XHd!002ovPDHLkV1jDECbIwl

delta 156
zcmV;N0Av4@0l)!}EPoRK01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_K>z@;j|==^
z1poj5RY^oaRCoc6j!_N3APhv?DVT&wnY21urT_^@Kms^8`bi2$xa57^yQU%`03Ihf
z6(K8el9>DrU3Ok!8N}k;vA@XfSJk$<X5g{Yfyw4yI}*cyiWMEN7^ss+29-zv0000<
KMNUMnLSTX&GB>yY

diff --git a/src/assets/images/wired/icon_wired_south_east.png b/src/assets/images/wired/icon_wired_south_east.png
index f575dd61c2f6151e2b32a663100224a0e84f84b7..4217c4b830ff0c3101323d4440eb9fe1be8380a1 100644
GIT binary patch
delta 134
zcmV;10D1q}0jmL!EPoOJ01FZU(%pXi00018Nkl<Zc-muNKmZ3IJ`cq43`76{Anpg^
z|44W~5G!C&3liJU044ro!S8{%9!Wz!RO~-YpaF+Q5WbJaU=*tt;L(g#6AUCkO(#i{
o1CrYbYQh$Z1T`f<1B4(30Bcf2P?5<o{Qv*}07*qoM6N<$f?`oFxBvhE

delta 181
zcmZ3@c$0C0PQ5S#1Gg|E!>l<H3=9m6#X;^)4C~IxyaaMs(j9#r85lP9bN@+X1@iMe
zT^vIy7<(r$@-`UouyAv!B?c8R@l9X=B0n`o&Ib&f=O<4|(TRPbI$hWI`a01-hLV!y
zd;c6<;vilVnQ2m_?0a7I;Il=+-x97!+&j=?<sP{sM{n=JM$^X&uCCs4EYDBs2=g1=
hStdWXSGf2$OLs9bG&Y(^tN>cg;OXk;vd$@?2>|E}KVSd=

diff --git a/src/assets/images/wired/icon_wired_south_west.png b/src/assets/images/wired/icon_wired_south_west.png
index 10ebcac3a9c6697d6e8e76e44c9d0550ea6383ea..07ab1f95ee593fa841b6f635b79578d8062d96d8 100644
GIT binary patch
delta 132
zcmV-~0DJ$@0jU9yEPWCH01FZU(%pXi00016Nkl<Zc-muNAPfY6H~?Kx0gna;AifX8
z|AF{CvRaTpKh#8I)BB-v$QWcmJOdVi03_3~X>wq|A&Cu7Kz0ow#c<P+0X_}qafQ%-
mA~Y(Js_7pP--Cr32mk<)r9>J~pM~210000<MNUMnLSTYjsW4gq

delta 173
zcmV;e08;;{0nq`FEPoRK01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_K>z@;j|==^
z1poj5W=TXrRCocEkjo8#FbqR80wcgC9f1uPschB_=q8vLstN`Ady+3vY$X<H0ANzB
zb~slIP8IPG@@^V<CYp4QFAUhk4tUBd{m<kC{p|Ugj^%i#n<i&#gi=E-*xI5RGM%ae
bY%OsC2*f`vy$TFE00000NkvXXu0mjfdagT_

diff --git a/src/assets/images/wired/icon_wired_up_down.png b/src/assets/images/wired/icon_wired_up_down.png
index 3824dce19d98549d584513e512f300c99e8533ec..c2d243bae57101cfa041bcba5e4673e892e9fbc9 100644
GIT binary patch
delta 116
zcmV-)0E_>|0hs}iENv1101FZU(%pXi0000>Nkl<Zc-muNU|{%<1>Xna00trfHUkP6
zNC5xwxFVid1112m0T4HkV~_(HUjc|0P~swD4FbvUr^Fx_CK`ae`kq_^9H36eZ~*}8
WoH<z~70BBF0000<MNUMnLSTZ_eJ6wf

delta 162
zcmV;T0A2r?0mcE4EPoRK01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_K>z@;j|==^
z1poj5TS-JgRCocUk3kIpAq)g7<s_VhlW-2OfCMBU0VhbQ1SG&hco9ezm}DNLVbV&T
zqwp7oMZgM6UZc>k0S{m3wnG?x!~22Zcq2B{=kX@g5SDr>OdCgm{#j=m6ez_FlYlq+
QYXATM07*qoM6N<$f|krS<^TWy

diff --git a/src/views/wired/WiredView.scss b/src/views/wired/WiredView.scss
index b5980200..bab60efb 100644
--- a/src/views/wired/WiredView.scss
+++ b/src/views/wired/WiredView.scss
@@ -1,3 +1,38 @@
 .nitro-wired {
     width: 300px;
+
+    .icon {
+		width: 16px;
+		height: 9px;
+		background-repeat: no-repeat;
+		background-position: center;
+
+		&.icon-mv-1 {
+			background-image: url('../../assets/images/wired/icon_wired_around.png');
+		}
+		&.icon-mv-2 {
+			background-image: url('../../assets/images/wired/icon_wired_up_down.png');
+		}
+		&.icon-mv-3 {
+			background-image: url('../../assets/images/wired/icon_wired_left_right.png');
+		}
+		&.icon-ne {
+			background-image: url('../../assets/images/wired/icon_wired_north_east.png');
+		}
+		&.icon-se {
+			background-image: url('../../assets/images/wired/icon_wired_south_east.png');
+		}
+		&.icon-sw {
+			background-image: url('../../assets/images/wired/icon_wired_south_west.png');
+		}
+		&.icon-nw {
+			background-image: url('../../assets/images/wired/icon_wired_north_west.png');
+		}
+		&.icon-rot-1 {
+			background-image: url('../../assets/images/wired/icon_wired_rotate_clockwise.png');
+		}
+		&.icon-rot-2 {
+			background-image: url('../../assets/images/wired/icon_wired_rotate_counter_clockwise.png');
+		}
+	}
 }
diff --git a/src/views/wired/WiredView.types.ts b/src/views/wired/WiredView.types.ts
index ca325cc3..42a15ce3 100644
--- a/src/views/wired/WiredView.types.ts
+++ b/src/views/wired/WiredView.types.ts
@@ -15,3 +15,5 @@ export class WiredFurniType
     public static _Str_4991: number = 2;
     public static _Str_5430: number = 3;
 }
+
+export const WIRED_STRING_DELIMETER: string = '\t';
diff --git a/src/views/wired/common/GetWiredActionLayout.tsx b/src/views/wired/common/GetWiredActionLayout.tsx
index b9ce455f..3d7793e3 100644
--- a/src/views/wired/common/GetWiredActionLayout.tsx
+++ b/src/views/wired/common/GetWiredActionLayout.tsx
@@ -1,5 +1,22 @@
 import { WiredActionBotChangeFigureView } from '../views/actions/bot-change-figure/WiredActionBotChangeFigureView';
 import { WiredActionBotFollowAvatarView } from '../views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView';
+import { WiredActionBotGiveHandItemView } from '../views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView';
+import { WiredActionBotMoveView } from '../views/actions/bot-move/WiredActionBotMoveView';
+import { WiredActionBotTalkToAvatarView } from '../views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView';
+import { WiredActionBotTalkView } from '../views/actions/bot-talk/WiredActionBotTalkView';
+import { WiredActionBotTeleportView } from '../views/actions/bot-teleport/WiredActionBotTeleportView';
+import { WiredActionCallAnotherStackView } from '../views/actions/call-another-stack/WiredActionCallAnotherStackView';
+import { WiredActionChaseView } from '../views/actions/chase/WiredActionChaseView';
+import { WiredActionChatView } from '../views/actions/chat/WiredActionChatView';
+import { WiredActionFleeView } from '../views/actions/flee/WiredActionFleeView';
+import { WiredActionJoinTeamView } from '../views/actions/join-team/WiredActionJoinTeamView';
+import { WiredActionKickFromRoomView } from '../views/actions/kick-from-room/WiredActionKickFromRoomView';
+import { WiredActionLeaveTeamView } from '../views/actions/leave-team/WiredActionLeaveTeamView';
+import { WiredActionMoveFurniView } from '../views/actions/move-furni/WiredActionMoveFurniView';
+import { WiredActionResetView } from '../views/actions/reset/WiredActionResetView';
+import { WiredActionSetFurniStateToView } from '../views/actions/set-furni-state-to/WiredActionSetFurniStateToView';
+import { WiredActionTeleportView } from '../views/actions/teleport/WiredActionTeleportView';
+import { WiredActionToggleFurniStateView } from '../views/actions/toggle-furni-state/WiredActionToggleFurniStateView';
 import { WiredActionLayout } from './WiredActionLayoutCode';
 
 export function GetWiredActionLayout(code: number): JSX.Element
@@ -10,5 +27,39 @@ export function GetWiredActionLayout(code: number): JSX.Element
             return <WiredActionBotChangeFigureView />;
         case WiredActionLayout.BOT_FOLLOW_AVATAR:
             return <WiredActionBotFollowAvatarView />;
+        case WiredActionLayout.BOT_GIVE_HAND_ITEM:
+            return <WiredActionBotGiveHandItemView />;
+        case WiredActionLayout.BOT_MOVE:
+            return <WiredActionBotMoveView />;
+        case WiredActionLayout.BOT_TALK:
+            return <WiredActionBotTalkView />;
+        case WiredActionLayout.BOT_TALK_DIRECT_TO_AVTR:
+            return <WiredActionBotTalkToAvatarView />;
+        case WiredActionLayout.BOT_TELEPORT:
+            return <WiredActionBotTeleportView />;
+        case WiredActionLayout.CALL_ANOTHER_STACK:
+            return <WiredActionCallAnotherStackView />;
+        case WiredActionLayout.CHASE:
+            return <WiredActionChaseView />;
+        case WiredActionLayout.CHAT:
+            return <WiredActionChatView />;
+        case WiredActionLayout.FLEE:
+            return <WiredActionFleeView />;
+        case WiredActionLayout.JOIN_TEAM:
+            return <WiredActionJoinTeamView />;
+        case WiredActionLayout.KICK_FROM_ROOM:
+            return <WiredActionKickFromRoomView />;
+        case WiredActionLayout.LEAVE_TEAM:
+            return <WiredActionLeaveTeamView />;
+        case WiredActionLayout.MOVE_FURNI:
+            return <WiredActionMoveFurniView />;
+        case WiredActionLayout.RESET:
+            return <WiredActionResetView />;
+        case WiredActionLayout.SET_FURNI_STATE:
+            return <WiredActionSetFurniStateToView />;
+        case WiredActionLayout.TELEPORT:
+            return <WiredActionTeleportView />;
+        case WiredActionLayout.TOGGLE_FURNI_STATE:
+            return <WiredActionToggleFurniStateView />;
     }
 }
diff --git a/src/views/wired/views/actions/base/WiredActionBaseView.tsx b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
index 0c442703..9411ea19 100644
--- a/src/views/wired/views/actions/base/WiredActionBaseView.tsx
+++ b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
@@ -28,8 +28,10 @@ export const WiredActionBaseView: FC<WiredActionBaseViewProps> = props =>
 
     return (
         <WiredBaseView wiredType="action" requiresFurni={ requiresFurni } save={ onSave }>
-            { children }
-            <hr className="my-1 mb-2 bg-dark" />
+            { !children ? null : <>
+                { children }
+                <hr className="my-1 mb-2 bg-dark" />
+            </> }
             <div className="d-flex flex-column justify-content-center align-items-center">
                 { LocalizeText('wiredfurni.params.delay', [ 'seconds' ], [ GetWiredTimeLocale(delay) ]) }
                 <Slider 
diff --git a/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx b/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
index 22997faa..85ddb413 100644
--- a/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
+++ b/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
@@ -3,10 +3,9 @@ import { GetSessionDataManager } from '../../../../../api';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
 import { AvatarImageView } from '../../../../shared/avatar-image/AvatarImageView';
 import { useWiredContext } from '../../../context/WiredContext';
-import { WiredFurniType } from '../../../WiredView.types';
+import { WiredFurniType, WIRED_STRING_DELIMETER } from '../../../WiredView.types';
 import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
-const DELIMETER: string = '\t';
 const DEFAULT_FIGURE: string = 'hd-180-1.ch-210-66.lg-270-82.sh-290-81';
 
 export const WiredActionBotChangeFigureView: FC<{}> = props =>
@@ -17,9 +16,7 @@ export const WiredActionBotChangeFigureView: FC<{}> = props =>
 
     useEffect(() =>
     {
-        const data = trigger.stringData.split(DELIMETER);
-
-        console.log(data);
+        const data = trigger.stringData.split(WIRED_STRING_DELIMETER);
 
         if(data.length > 0) setBotName(data[0]);
         if(data.length > 1) setFigure(data[1].length > 0 ? data[1] : DEFAULT_FIGURE);
@@ -32,7 +29,7 @@ export const WiredActionBotChangeFigureView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setStringParam((botName + DELIMETER + figure));
+        setStringParam((botName + WIRED_STRING_DELIMETER + figure));
     }, [ botName, figure, setStringParam ]);
 
     return (
diff --git a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
index 15840fec..d3386c04 100644
--- a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
+++ b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
@@ -1,4 +1,5 @@
-import { FC, useEffect, useState } from 'react';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
 import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredActionBaseView } from '../base/WiredActionBaseView';
@@ -7,7 +8,7 @@ export const WiredActionBotFollowAvatarView: FC<{}> = props =>
 {
     const [ botName, setBotName ] = useState('');
     const [ followMode, setFollowMode ] = useState(-1);
-    const { trigger = null, setStringParam = null } = useWiredContext();
+    const { trigger = null, setStringParam = null, setIntParams = null } = useWiredContext();
 
     useEffect(() =>
     {
@@ -15,9 +16,30 @@ export const WiredActionBotFollowAvatarView: FC<{}> = props =>
         setFollowMode((trigger.intData.length > 0) ? trigger.intData[0] : 0);
     }, [ trigger ]);
 
+    const save = useCallback(() =>
+    {
+        setStringParam(botName);
+        setIntParams([followMode]);
+    }, [ followMode, botName, setStringParam, setIntParams ]);
+
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ null }>
-            BOT_CHANGE_FIGURE
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+            <div className="form-group mb-2">
+                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="followMode" id="followMode1" checked={ followMode === 1 } onChange={() => setFollowMode(1)} />
+                <label className="form-check-label" htmlFor="followMode1">
+                    { LocalizeText('wiredfurni.params.start.following') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="followMode" id="followMode2" checked={ followMode === 0 } onChange={() => setFollowMode(0)} />
+                <label className="form-check-label" htmlFor="followMode2">
+                    { LocalizeText('wiredfurni.params.stop.following') }
+                </label>
+            </div>
         </WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
new file mode 100644
index 00000000..cea80078
--- /dev/null
+++ b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
@@ -0,0 +1,43 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionBotGiveHandItemView: FC<{}> = props =>
+{
+    const allowedHanditemIds: number[] = [2, 5, 7, 8, 9, 10, 27];
+
+    const [ botName, setBotName ] = useState('');
+    const [ handItemId, setHandItemId ] = useState(-1);
+    const { trigger = null, setStringParam = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setBotName(trigger.stringData);
+        setHandItemId((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(botName);
+        setIntParams([handItemId]);
+    }, [ handItemId, botName, setStringParam, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+            <div className="form-group mb-2">
+                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+            <div>{ LocalizeText('wiredfurni.tooltip.handitem') }</div>
+            <select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
+                <option value="0">------</option>
+                {allowedHanditemIds && allowedHanditemIds.map(value =>
+                    {
+                        return <option value={ value }>{ LocalizeText('handitem' + value) }</option>
+                    })}
+            </select>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx b/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
new file mode 100644
index 00000000..6d7c583b
--- /dev/null
+++ b/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
@@ -0,0 +1,30 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionBotMoveView: FC<{}> = props =>
+{
+    const [ botName, setBotName ] = useState('');
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setBotName(trigger.stringData);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(botName);
+    }, [ botName, setStringParam ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_4873 } save={ save }>
+            <div className="form-group">
+                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx b/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
new file mode 100644
index 00000000..d1c1bb1d
--- /dev/null
+++ b/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
@@ -0,0 +1,54 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType, WIRED_STRING_DELIMETER } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionBotTalkToAvatarView: FC<{}> = props =>
+{
+    const [ botName, setBotName ] = useState('');
+    const [ message, setMessage ] = useState('');
+    const [ talkMode, setTalkMode ] = useState(-1);
+    const { trigger = null, setStringParam = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        const data = trigger.stringData.split(WIRED_STRING_DELIMETER);
+        
+        if(data.length > 0) setBotName(data[0]);
+        if(data.length > 1) setMessage(data[1].length > 0 ? data[1] : '');
+
+        setTalkMode((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(botName + WIRED_STRING_DELIMETER + message);
+        setIntParams([talkMode]);
+    }, [ botName, message, talkMode, setStringParam, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+            <div className="form-group mb-2">
+                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+            <div className="form-group mb-2">
+                <label>{ LocalizeText('wiredfurni.params.message') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } />
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ talkMode === 0 } onChange={() => setTalkMode(0)} />
+                <label className="form-check-label" htmlFor="talkMode1">
+                    { LocalizeText('wiredfurni.params.talk') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ talkMode === 1 } onChange={() => setTalkMode(1)} />
+                <label className="form-check-label" htmlFor="talkMode2">
+                    { LocalizeText('wiredfurni.params.whisper') }
+                </label>
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx b/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
new file mode 100644
index 00000000..a7d18be1
--- /dev/null
+++ b/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
@@ -0,0 +1,54 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType, WIRED_STRING_DELIMETER } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionBotTalkView: FC<{}> = props =>
+{
+    const [ botName, setBotName ] = useState('');
+    const [ message, setMessage ] = useState('');
+    const [ talkMode, setTalkMode ] = useState(-1);
+    const { trigger = null, setStringParam = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        const data = trigger.stringData.split(WIRED_STRING_DELIMETER);
+        
+        if(data.length > 0) setBotName(data[0]);
+        if(data.length > 1) setMessage(data[1].length > 0 ? data[1] : '');
+
+        setTalkMode((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(botName + WIRED_STRING_DELIMETER + message);
+        setIntParams([talkMode]);
+    }, [ botName, message, talkMode, setStringParam, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+            <div className="form-group mb-2">
+                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+            <div className="form-group mb-2">
+                <label>{ LocalizeText('wiredfurni.params.message') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } />
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ talkMode === 0 } onChange={() => setTalkMode(0)} />
+                <label className="form-check-label" htmlFor="talkMode1">
+                    { LocalizeText('wiredfurni.params.talk') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ talkMode === 1 } onChange={() => setTalkMode(1)} />
+                <label className="form-check-label" htmlFor="talkMode2">
+                    { LocalizeText('wiredfurni.params.shout') }
+                </label>
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx b/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
new file mode 100644
index 00000000..48e74006
--- /dev/null
+++ b/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
@@ -0,0 +1,30 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionBotTeleportView: FC<{}> = props =>
+{
+    const [ botName, setBotName ] = useState('');
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setBotName(trigger.stringData);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(botName);
+    }, [ botName, setStringParam ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_4873 } save={ save }>
+            <div className="form-group">
+                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx b/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
new file mode 100644
index 00000000..fc8cfb64
--- /dev/null
+++ b/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionCallAnotherStackView: FC<{}> = props =>
+{
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/chase/WiredActionChaseView.tsx b/src/views/wired/views/actions/chase/WiredActionChaseView.tsx
new file mode 100644
index 00000000..137e2b74
--- /dev/null
+++ b/src/views/wired/views/actions/chase/WiredActionChaseView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionChaseView: FC<{}> = props =>
+{
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/chat/WiredActionChatView.tsx b/src/views/wired/views/actions/chat/WiredActionChatView.tsx
new file mode 100644
index 00000000..17ab0dd7
--- /dev/null
+++ b/src/views/wired/views/actions/chat/WiredActionChatView.tsx
@@ -0,0 +1,30 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionChatView: FC<{}> = props =>
+{
+    const [ message, setMessage ] = useState('');
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setMessage(trigger.stringData);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(message);
+    }, [ message, setStringParam ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+            <div className="form-group">
+                <label>{ LocalizeText('wiredfurni.params.message') }</label>
+                <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/flee/WiredActionFleeView.tsx b/src/views/wired/views/actions/flee/WiredActionFleeView.tsx
new file mode 100644
index 00000000..17fa4bad
--- /dev/null
+++ b/src/views/wired/views/actions/flee/WiredActionFleeView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionFleeView: FC<{}> = props =>
+{
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx b/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
new file mode 100644
index 00000000..077be945
--- /dev/null
+++ b/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
@@ -0,0 +1,37 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionJoinTeamView: FC<{}> = props =>
+{
+    const [ selectedTeam, setSelectedTeam ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setSelectedTeam((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([selectedTeam]);
+    }, [ selectedTeam, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+            { [1, 2, 3, 4].map(team =>
+                {
+                    return (
+                        <div key={ team } className="form-check">
+                            <input className="form-check-input" type="radio" name="selectedTeam" id={'selectedTeam' + team} checked={ selectedTeam === team } onChange={() => setSelectedTeam(team)} />
+                            <label className="form-check-label" htmlFor={'selectedTeam' + team}>
+                                { LocalizeText('wiredfurni.params.team.' + team) }
+                            </label>
+                        </div>
+                    )
+                }) }
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx b/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
new file mode 100644
index 00000000..3e221293
--- /dev/null
+++ b/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
@@ -0,0 +1,30 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionKickFromRoomView: FC<{}> = props =>
+{
+    const [ message, setMessage ] = useState('');
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setMessage(trigger.stringData);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(message);
+    }, [ message, setStringParam ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+            <div className="form-group">
+                <label>{ LocalizeText('wiredfurni.params.message') }</label>
+                <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx b/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
new file mode 100644
index 00000000..44d97432
--- /dev/null
+++ b/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionLeaveTeamView: FC<{}> = props =>
+{
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ null }></WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
new file mode 100644
index 00000000..b387284b
--- /dev/null
+++ b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
@@ -0,0 +1,86 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionMoveFurniView: FC<{}> = props =>
+{
+    const options: {value: number, icon: string}[] = [
+        {
+            value: 4,
+            icon: 'ne'
+        },
+        {
+            value: 5,
+            icon: 'se'
+        },
+        {
+            value: 6,
+            icon: 'sw'
+        },
+        {
+            value: 7,
+            icon: 'nw'
+        },
+        {
+            value: 2,
+            icon: 'mv-2'
+        },
+        {
+            value: 3,
+            icon: 'mv-3'
+        },
+        {
+            value: 1,
+            icon: 'mv-1'
+        }
+    ];
+
+    const [ movement, setMovement ] = useState(-1);
+    const [ rotation, setRotation ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        if(trigger.intData.length >= 2)
+        {
+            setMovement(trigger.intData[0]);
+            setRotation(trigger.intData[1]);
+        }
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([movement, rotation]);
+    }, [ movement, rotation, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_4873 } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.movefurni') }</div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="selectedTeam" id="movement0" checked={ movement === 0 } onChange={() => setMovement(0)} />
+                <label className="form-check-label" htmlFor="movement0">
+                    { LocalizeText('wiredfurni.params.movefurni.0') }
+                </label>
+            </div>
+            <div className="row row-cold-4">
+                { options.map(option =>
+                    {
+                        return (
+                            <div className="col">
+                                <div key={ option.value } className="form-check">
+                                    <input className="form-check-input" type="radio" name="selectedTeam" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} />
+                                    <label className="form-check-label" htmlFor={'movement' + option.value}>
+                                        <i className={'icon icon-' + option.icon} />
+                                    </label>
+                                </div>
+                            </div>
+                        )
+                    }) }
+                <div className="col"></div>
+            </div>
+            
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/reset/WiredActionResetView.tsx b/src/views/wired/views/actions/reset/WiredActionResetView.tsx
new file mode 100644
index 00000000..b99cce9c
--- /dev/null
+++ b/src/views/wired/views/actions/reset/WiredActionResetView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionResetView: FC<{}> = props =>
+{
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ null }></WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx b/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
new file mode 100644
index 00000000..2511481a
--- /dev/null
+++ b/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
@@ -0,0 +1,48 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionSetFurniStateToView: FC<{}> = props =>
+{
+    const [ stateFlag, setStateFlag ] = useState(-1);
+    const [ directionFlag, setDirectionFlag ] = useState(-1);
+    const [ positionFlag, setPositionFlag ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setStateFlag(trigger.getBoolean(0) ? 1 : 0);
+        setDirectionFlag(trigger.getBoolean(1) ? 1 : 0);
+        setPositionFlag(trigger.getBoolean(2) ? 1 : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([stateFlag, directionFlag, positionFlag]);
+    }, [ directionFlag, positionFlag, setIntParams, stateFlag ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_4873 } save={ save }>
+            <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="stateFlag" onChange={(e) => setStateFlag(e.target.checked ? 1 : 0)} />
+                <label className="form-check-label" htmlFor="stateFlag">
+                    { LocalizeText('wiredfurni.params.condition.state') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="directionFlag" onChange={(e) => setDirectionFlag(e.target.checked ? 1 : 0)} />
+                <label className="form-check-label" htmlFor="directionFlag">
+                    { LocalizeText('wiredfurni.params.condition.direction') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="positionFlag" onChange={(e) => setPositionFlag(e.target.checked ? 1 : 0)} />
+                <label className="form-check-label" htmlFor="positionFlag">
+                    { LocalizeText('wiredfurni.params.condition.position') }
+                </label>
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx b/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
new file mode 100644
index 00000000..e666d84a
--- /dev/null
+++ b/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionTeleportView: FC<{}> = props =>
+{
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
new file mode 100644
index 00000000..be3ca966
--- /dev/null
+++ b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionToggleFurniStateView: FC<{}> = props =>
+{
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/base/WiredBaseView.tsx b/src/views/wired/views/base/WiredBaseView.tsx
index 26fa821a..322a8aca 100644
--- a/src/views/wired/views/base/WiredBaseView.tsx
+++ b/src/views/wired/views/base/WiredBaseView.tsx
@@ -65,10 +65,11 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
                     { children }
                 </div>
                 { (requiresFurni !== WiredFurniType._Str_5431) &&
-                    <div className="d-flex">
-                        { LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ '0', '0' ]) }
-                        { LocalizeText('wiredfurni.pickfurnis.desc') }
-                    </div> }
+                    <>
+                        <hr className="my-1 mb-2 bg-dark" />
+                        <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ '0', '0' ]) }</div>
+                        <div>{ LocalizeText('wiredfurni.pickfurnis.desc') }</div>
+                    </> }
                 <div className="d-flex mt-2">
                     <button className="btn btn-success me-2 w-100" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</button>
                     <button className="btn btn-secondary w-100" onClick={ close }>{ LocalizeText('cancel') }</button>

From 056deea4cbee4e8e80ba7c593dd3c0e981ec4245 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Mon, 28 Jun 2021 19:10:42 -0300
Subject: [PATCH 05/22] Fix WiredFurniType names

---
 src/views/wired/WiredView.types.ts                        | 8 ++++----
 .../wired/views/actions/base/WiredActionBaseView.tsx      | 2 +-
 .../bot-change-figure/WiredActionBotChangeFigureView.tsx  | 2 +-
 .../bot-follow-avatar/WiredActionBotFollowAvatarView.tsx  | 2 +-
 .../bot-give-hand-item/WiredActionBotGiveHandItemView.tsx | 2 +-
 .../views/actions/bot-move/WiredActionBotMoveView.tsx     | 2 +-
 .../bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx | 2 +-
 .../views/actions/bot-talk/WiredActionBotTalkView.tsx     | 2 +-
 .../actions/bot-teleport/WiredActionBotTeleportView.tsx   | 2 +-
 .../WiredActionCallAnotherStackView.tsx                   | 2 +-
 .../wired/views/actions/chase/WiredActionChaseView.tsx    | 2 +-
 .../wired/views/actions/chat/WiredActionChatView.tsx      | 2 +-
 .../wired/views/actions/flee/WiredActionFleeView.tsx      | 2 +-
 .../views/actions/join-team/WiredActionJoinTeamView.tsx   | 2 +-
 .../kick-from-room/WiredActionKickFromRoomView.tsx        | 2 +-
 .../views/actions/leave-team/WiredActionLeaveTeamView.tsx | 2 +-
 .../views/actions/move-furni/WiredActionMoveFurniView.tsx | 2 +-
 .../wired/views/actions/reset/WiredActionResetView.tsx    | 2 +-
 .../set-furni-state-to/WiredActionSetFurniStateToView.tsx | 2 +-
 .../views/actions/teleport/WiredActionTeleportView.tsx    | 2 +-
 .../WiredActionToggleFurniStateView.tsx                   | 2 +-
 src/views/wired/views/base/WiredBaseView.tsx              | 4 ++--
 22 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/views/wired/WiredView.types.ts b/src/views/wired/WiredView.types.ts
index 42a15ce3..aa76a13e 100644
--- a/src/views/wired/WiredView.types.ts
+++ b/src/views/wired/WiredView.types.ts
@@ -10,10 +10,10 @@ export class WiredLayoutViewProps
 
 export class WiredFurniType
 {
-    public static _Str_5431: number = 0;
-    public static _Str_4873: number = 1;
-    public static _Str_4991: number = 2;
-    public static _Str_5430: number = 3;
+    public static STUFF_SELECTION_OPTION_NONE: number = 0;
+    public static STUFF_SELECTION_OPTION_BY_ID: number = 1;
+    public static STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE: number = 2;
+    public static STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT: number = 3;
 }
 
 export const WIRED_STRING_DELIMETER: string = '\t';
diff --git a/src/views/wired/views/actions/base/WiredActionBaseView.tsx b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
index 9411ea19..5eb407d7 100644
--- a/src/views/wired/views/actions/base/WiredActionBaseView.tsx
+++ b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
@@ -10,7 +10,7 @@ import { WiredActionBaseViewProps } from './WiredActionBaseView.types';
 
 export const WiredActionBaseView: FC<WiredActionBaseViewProps> = props =>
 {
-    const { requiresFurni = WiredFurniType._Str_5431, save = null, children = null } = props;
+    const { requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, children = null } = props;
     const [ delay, setDelay ] = useState(-1);
     const { trigger = null, setActionDelay = null } = useWiredContext();
 
diff --git a/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx b/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
index 85ddb413..f6ab7ceb 100644
--- a/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
+++ b/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
@@ -33,7 +33,7 @@ export const WiredActionBotChangeFigureView: FC<{}> = props =>
     }, [ botName, figure, setStringParam ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group">
                 <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
diff --git a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
index d3386c04..19cc8d79 100644
--- a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
+++ b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
@@ -23,7 +23,7 @@ export const WiredActionBotFollowAvatarView: FC<{}> = props =>
     }, [ followMode, botName, setStringParam, setIntParams ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group mb-2">
                 <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
diff --git a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
index cea80078..ff68b0b4 100644
--- a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
+++ b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
@@ -25,7 +25,7 @@ export const WiredActionBotGiveHandItemView: FC<{}> = props =>
     }, [ handItemId, botName, setStringParam, setIntParams ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group mb-2">
                 <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
diff --git a/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx b/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
index 6d7c583b..0704ba03 100644
--- a/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
+++ b/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
@@ -20,7 +20,7 @@ export const WiredActionBotMoveView: FC<{}> = props =>
     }, [ botName, setStringParam ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_4873 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
             <div className="form-group">
                 <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
diff --git a/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx b/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
index d1c1bb1d..ee8abea6 100644
--- a/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
+++ b/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
@@ -28,7 +28,7 @@ export const WiredActionBotTalkToAvatarView: FC<{}> = props =>
     }, [ botName, message, talkMode, setStringParam, setIntParams ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group mb-2">
                 <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
diff --git a/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx b/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
index a7d18be1..a73c1179 100644
--- a/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
+++ b/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
@@ -28,7 +28,7 @@ export const WiredActionBotTalkView: FC<{}> = props =>
     }, [ botName, message, talkMode, setStringParam, setIntParams ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group mb-2">
                 <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
diff --git a/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx b/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
index 48e74006..bd916693 100644
--- a/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
+++ b/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
@@ -20,7 +20,7 @@ export const WiredActionBotTeleportView: FC<{}> = props =>
     }, [ botName, setStringParam ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_4873 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
             <div className="form-group">
                 <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
diff --git a/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx b/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
index fc8cfb64..3a2f37c6 100644
--- a/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
+++ b/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
@@ -5,6 +5,6 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 export const WiredActionCallAnotherStackView: FC<{}> = props =>
 {
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/chase/WiredActionChaseView.tsx b/src/views/wired/views/actions/chase/WiredActionChaseView.tsx
index 137e2b74..91b8ee30 100644
--- a/src/views/wired/views/actions/chase/WiredActionChaseView.tsx
+++ b/src/views/wired/views/actions/chase/WiredActionChaseView.tsx
@@ -5,6 +5,6 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 export const WiredActionChaseView: FC<{}> = props =>
 {
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/chat/WiredActionChatView.tsx b/src/views/wired/views/actions/chat/WiredActionChatView.tsx
index 17ab0dd7..4d9e54b2 100644
--- a/src/views/wired/views/actions/chat/WiredActionChatView.tsx
+++ b/src/views/wired/views/actions/chat/WiredActionChatView.tsx
@@ -20,7 +20,7 @@ export const WiredActionChatView: FC<{}> = props =>
     }, [ message, setStringParam ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group">
                 <label>{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
diff --git a/src/views/wired/views/actions/flee/WiredActionFleeView.tsx b/src/views/wired/views/actions/flee/WiredActionFleeView.tsx
index 17fa4bad..927ffea9 100644
--- a/src/views/wired/views/actions/flee/WiredActionFleeView.tsx
+++ b/src/views/wired/views/actions/flee/WiredActionFleeView.tsx
@@ -5,6 +5,6 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 export const WiredActionFleeView: FC<{}> = props =>
 {
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx b/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
index 077be945..4dc6844e 100644
--- a/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
+++ b/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
@@ -20,7 +20,7 @@ export const WiredActionJoinTeamView: FC<{}> = props =>
     }, [ selectedTeam, setIntParams ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             { [1, 2, 3, 4].map(team =>
                 {
                     return (
diff --git a/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx b/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
index 3e221293..65933838 100644
--- a/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
+++ b/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
@@ -20,7 +20,7 @@ export const WiredActionKickFromRoomView: FC<{}> = props =>
     }, [ message, setStringParam ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group">
                 <label>{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
diff --git a/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx b/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
index 44d97432..0ea0dee3 100644
--- a/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
+++ b/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
@@ -5,6 +5,6 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 export const WiredActionLeaveTeamView: FC<{}> = props =>
 {
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ null }></WiredActionBaseView>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
index b387284b..7572bd06 100644
--- a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
+++ b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
@@ -56,7 +56,7 @@ export const WiredActionMoveFurniView: FC<{}> = props =>
     }, [ movement, rotation, setIntParams ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_4873 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
             <div className="fw-bold">{ LocalizeText('wiredfurni.params.movefurni') }</div>
             <div className="form-check">
                 <input className="form-check-input" type="radio" name="selectedTeam" id="movement0" checked={ movement === 0 } onChange={() => setMovement(0)} />
diff --git a/src/views/wired/views/actions/reset/WiredActionResetView.tsx b/src/views/wired/views/actions/reset/WiredActionResetView.tsx
index b99cce9c..ff977014 100644
--- a/src/views/wired/views/actions/reset/WiredActionResetView.tsx
+++ b/src/views/wired/views/actions/reset/WiredActionResetView.tsx
@@ -5,6 +5,6 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 export const WiredActionResetView: FC<{}> = props =>
 {
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5431 } save={ null }></WiredActionBaseView>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx b/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
index 2511481a..668d1fa9 100644
--- a/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
+++ b/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
@@ -24,7 +24,7 @@ export const WiredActionSetFurniStateToView: FC<{}> = props =>
     }, [ directionFlag, positionFlag, setIntParams, stateFlag ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_4873 } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
             <div className="form-check">
                 <input className="form-check-input" type="checkbox" id="stateFlag" onChange={(e) => setStateFlag(e.target.checked ? 1 : 0)} />
                 <label className="form-check-label" htmlFor="stateFlag">
diff --git a/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx b/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
index e666d84a..3fb54dde 100644
--- a/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
+++ b/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
@@ -5,6 +5,6 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 export const WiredActionTeleportView: FC<{}> = props =>
 {
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
index be3ca966..d816ed0a 100644
--- a/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
+++ b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
@@ -5,6 +5,6 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 export const WiredActionToggleFurniStateView: FC<{}> = props =>
 {
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType._Str_5430 } save={ null }></WiredActionBaseView>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/base/WiredBaseView.tsx b/src/views/wired/views/base/WiredBaseView.tsx
index 322a8aca..3423f476 100644
--- a/src/views/wired/views/base/WiredBaseView.tsx
+++ b/src/views/wired/views/base/WiredBaseView.tsx
@@ -10,7 +10,7 @@ import { WiredBaseViewProps } from './WiredBaseView.types';
 
 export const WiredBaseView: FC<WiredBaseViewProps> = props =>
 {
-    const { wiredType = '', requiresFurni = WiredFurniType._Str_5431, save = null, children = null } = props;
+    const { wiredType = '', requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, children = null } = props;
     const [ wiredName, setWiredName ] = useState<string>(null);
     const [ wiredDescription, setWiredDescription ] = useState<string>(null);
     const { trigger = null, setTrigger = null, setIntParams = null, setStringParam = null, setFurniIds = null } = useWiredContext();
@@ -64,7 +64,7 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
                 <div>
                     { children }
                 </div>
-                { (requiresFurni !== WiredFurniType._Str_5431) &&
+                { (requiresFurni !== WiredFurniType.STUFF_SELECTION_OPTION_NONE) &&
                     <>
                         <hr className="my-1 mb-2 bg-dark" />
                         <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ '0', '0' ]) }</div>

From cf715ea94be424ca73b4f7a274c575b34cbee8e7 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Mon, 28 Jun 2021 20:40:41 -0300
Subject: [PATCH 06/22] Updates

---
 .../wired/common/GetWiredActionLayout.tsx     | 12 +++
 .../wired/common/WiredActionLayoutCode.ts     |  2 +-
 .../actions/base/WiredActionBaseView.tsx      | 18 ++--
 ...redActionGiveScoreToPredefinedTeamView.tsx | 66 ++++++++++++++
 .../give-score/WiredActionGiveScoreView.tsx   | 51 +++++++++++
 .../join-team/WiredActionJoinTeamView.tsx     |  1 +
 .../WiredActionMoveAndRotateFurniView.tsx     | 81 +++++++++++++++++
 .../WiredActionMoveFurniToView.tsx            | 77 ++++++++++++++++
 .../move-furni/WiredActionMoveFurniView.tsx   | 89 +++++++++++--------
 9 files changed, 349 insertions(+), 48 deletions(-)
 create mode 100644 src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx
 create mode 100644 src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx
 create mode 100644 src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
 create mode 100644 src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx

diff --git a/src/views/wired/common/GetWiredActionLayout.tsx b/src/views/wired/common/GetWiredActionLayout.tsx
index 3d7793e3..7f850f9c 100644
--- a/src/views/wired/common/GetWiredActionLayout.tsx
+++ b/src/views/wired/common/GetWiredActionLayout.tsx
@@ -9,9 +9,13 @@ import { WiredActionCallAnotherStackView } from '../views/actions/call-another-s
 import { WiredActionChaseView } from '../views/actions/chase/WiredActionChaseView';
 import { WiredActionChatView } from '../views/actions/chat/WiredActionChatView';
 import { WiredActionFleeView } from '../views/actions/flee/WiredActionFleeView';
+import { WiredActionGiveScoreToPredefinedTeamView } from '../views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView';
+import { WiredActionGiveScoreView } from '../views/actions/give-score/WiredActionGiveScoreView';
 import { WiredActionJoinTeamView } from '../views/actions/join-team/WiredActionJoinTeamView';
 import { WiredActionKickFromRoomView } from '../views/actions/kick-from-room/WiredActionKickFromRoomView';
 import { WiredActionLeaveTeamView } from '../views/actions/leave-team/WiredActionLeaveTeamView';
+import { WiredActionMoveAndRotateFurniView } from '../views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView';
+import { WiredActionMoveFurniToView } from '../views/actions/move-furni-to/WiredActionMoveFurniToView';
 import { WiredActionMoveFurniView } from '../views/actions/move-furni/WiredActionMoveFurniView';
 import { WiredActionResetView } from '../views/actions/reset/WiredActionResetView';
 import { WiredActionSetFurniStateToView } from '../views/actions/set-furni-state-to/WiredActionSetFurniStateToView';
@@ -45,6 +49,10 @@ export function GetWiredActionLayout(code: number): JSX.Element
             return <WiredActionChatView />;
         case WiredActionLayout.FLEE:
             return <WiredActionFleeView />;
+        case WiredActionLayout.GIVE_SCORE:
+            return <WiredActionGiveScoreView />;
+        case WiredActionLayout.GIVE_SCORE_TO_PREDEFINED_TEAM:
+            return <WiredActionGiveScoreToPredefinedTeamView />;
         case WiredActionLayout.JOIN_TEAM:
             return <WiredActionJoinTeamView />;
         case WiredActionLayout.KICK_FROM_ROOM:
@@ -53,6 +61,10 @@ export function GetWiredActionLayout(code: number): JSX.Element
             return <WiredActionLeaveTeamView />;
         case WiredActionLayout.MOVE_FURNI:
             return <WiredActionMoveFurniView />;
+        case WiredActionLayout.MOVE_AND_ROTATE_FURNI:
+            return <WiredActionMoveAndRotateFurniView />;
+        case WiredActionLayout.MOVE_FURNI_TO:
+            return <WiredActionMoveFurniToView />;
         case WiredActionLayout.RESET:
             return <WiredActionResetView />;
         case WiredActionLayout.SET_FURNI_STATE:
diff --git a/src/views/wired/common/WiredActionLayoutCode.ts b/src/views/wired/common/WiredActionLayoutCode.ts
index d501c152..f15a527f 100644
--- a/src/views/wired/common/WiredActionLayoutCode.ts
+++ b/src/views/wired/common/WiredActionLayoutCode.ts
@@ -11,7 +11,7 @@ export class WiredActionLayout
     public static LEAVE_TEAM: number = 10;
     public static CHASE: number = 11;
     public static FLEE: number = 12;
-    public static MOVE_TO_DIRECTION: number = 13;
+    public static MOVE_AND_ROTATE_FURNI: number = 13;
     public static GIVE_SCORE_TO_PREDEFINED_TEAM: number = 14;
     public static TOGGLE_TO_RANDOM_STATE: number = 15;
     public static MOVE_FURNI_TO: number = 16;
diff --git a/src/views/wired/views/actions/base/WiredActionBaseView.tsx b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
index 5eb407d7..758a2bf2 100644
--- a/src/views/wired/views/actions/base/WiredActionBaseView.tsx
+++ b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
@@ -32,16 +32,14 @@ export const WiredActionBaseView: FC<WiredActionBaseViewProps> = props =>
                 { children }
                 <hr className="my-1 mb-2 bg-dark" />
             </> }
-            <div className="d-flex flex-column justify-content-center align-items-center">
-                { LocalizeText('wiredfurni.params.delay', [ 'seconds' ], [ GetWiredTimeLocale(delay) ]) }
-                <Slider 
-                    defaultValue={ delay }
-                    dots={ true }
-                    min={ 0 }
-                    max={ 20 }
-                    onChange={ event => setDelay(event) }
-                    />
-            </div>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.delay', [ 'seconds' ], [ GetWiredTimeLocale(delay) ]) }</div>
+            <Slider 
+                defaultValue={ delay }
+                dots={ true }
+                min={ 0 }
+                max={ 20 }
+                onChange={ event => setDelay(event) }
+                />
         </WiredBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx b/src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx
new file mode 100644
index 00000000..10defd56
--- /dev/null
+++ b/src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx
@@ -0,0 +1,66 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionGiveScoreToPredefinedTeamView: FC<{}> = props =>
+{
+    const [ points, setPoints ] = useState(1);
+    const [ time, setTime ] = useState(1);
+    const [ selectedTeam, setSelectedTeam ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        if(trigger.intData.length >= 2)
+        {
+            setPoints(trigger.intData[0]);
+            setTime(trigger.intData[1]);
+            setSelectedTeam(trigger.intData[2]);
+        }
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([points, time, selectedTeam]);
+    }, [ points, time, selectedTeam, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</div>
+            <Slider 
+                defaultValue={ points }
+                dots={ true }
+                min={ 1 }
+                max={ 100 }
+                step={ 1 }
+                onChange={ event => setPoints(event) }
+                />
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</div>
+            <Slider 
+                defaultValue={ time }
+                dots={ true }
+                min={ 1 }
+                max={ 10 }
+                step={ 1 }
+                onChange={ event => setTime(event) }
+                />
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</div>
+            { [1, 2, 3, 4].map(team =>
+            {
+                return (
+                    <div key={ team } className="form-check">
+                        <input className="form-check-input" type="radio" name="selectedTeam" id={'selectedTeam' + team} checked={ selectedTeam === team } onChange={() => setSelectedTeam(team)} />
+                        <label className="form-check-label" htmlFor={'selectedTeam' + team}>
+                            { LocalizeText('wiredfurni.params.team.' + team) }
+                        </label>
+                    </div>
+                )
+            }) }
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx b/src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx
new file mode 100644
index 00000000..79e0a3c3
--- /dev/null
+++ b/src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx
@@ -0,0 +1,51 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionGiveScoreView: FC<{}> = props =>
+{
+    const [ points, setPoints ] = useState(1);
+    const [ time, setTime ] = useState(1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        if(trigger.intData.length >= 2)
+        {
+            setPoints(trigger.intData[0]);
+            setTime(trigger.intData[1]);
+        }
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([points, time]);
+    }, [ points, time, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</div>
+            <Slider 
+                defaultValue={ points }
+                dots={ true }
+                min={ 1 }
+                max={ 100 }
+                step={ 1 }
+                onChange={ event => setPoints(event) }
+                />
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</div>
+            <Slider 
+                defaultValue={ time }
+                dots={ true }
+                min={ 1 }
+                max={ 10 }
+                step={ 1 }
+                onChange={ event => setTime(event) }
+                />
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx b/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
index 4dc6844e..0219ff36 100644
--- a/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
+++ b/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
@@ -21,6 +21,7 @@ export const WiredActionJoinTeamView: FC<{}> = props =>
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</div>
             { [1, 2, 3, 4].map(team =>
                 {
                     return (
diff --git a/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx b/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
new file mode 100644
index 00000000..24d9cd22
--- /dev/null
+++ b/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
@@ -0,0 +1,81 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+const directionOptions: {value: number, icon: string}[] = [
+    {
+        value: 0,
+        icon: 'ne'
+    },
+    {
+        value: 2,
+        icon: 'se'
+    },
+    {
+        value: 4,
+        icon: 'sw'
+    },
+    {
+        value: 6,
+        icon: 'nw'
+    }
+];
+
+const rotationOptions: number[] = [0, 1, 2, 3, 4, 5, 6];
+
+export const WiredActionMoveAndRotateFurniView: FC<{}> = props =>
+{
+    const [ movement, setMovement ] = useState(-1);
+    const [ rotation, setRotation ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        if(trigger.intData.length >= 2)
+        {
+            setMovement(trigger.intData[0]);
+            setRotation(trigger.intData[1]);
+        }
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([movement, rotation]);
+    }, [ movement, rotation, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</div>
+            <div className="row row-cold-4">
+                { directionOptions.map(option =>
+                    {
+                        return (
+                            <div key={ option.value } className="col">
+                                <div className="form-check">
+                                    <input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} />
+                                    <label className="form-check-label" htmlFor={'movement' + option.value}>
+                                        <i className={'icon icon-' + option.icon} />
+                                    </label>
+                                </div>
+                            </div>
+                        )
+                    }) }
+            </div>
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.turn') }</div>
+                { rotationOptions.map(option =>
+                    {
+                        return (
+                            <div key={ option } className="form-check">
+                                <input className="form-check-input" type="radio" name="rotation" id={'rotation' + option} checked={ rotation === option } onChange={() => setRotation(option)} />
+                                <label className="form-check-label" htmlFor={'rotation' + option}>
+                                    { LocalizeText('wiredfurni.params.turn.' + option) }
+                                </label>
+                            </div>
+                        )
+                    }) }
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx b/src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx
new file mode 100644
index 00000000..2b8e8587
--- /dev/null
+++ b/src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx
@@ -0,0 +1,77 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+const directionOptions: {value: number, icon: string}[] = [
+    {
+        value: 0,
+        icon: 'ne'
+    },
+    {
+        value: 2,
+        icon: 'se'
+    },
+    {
+        value: 4,
+        icon: 'sw'
+    },
+    {
+        value: 6,
+        icon: 'nw'
+    }
+];
+
+export const WiredActionMoveFurniToView: FC<{}> = props =>
+{
+    const [ spacing, setSpacing ] = useState(-1);
+    const [ movement, setMovement ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        if(trigger.intData.length >= 2)
+        {
+            setSpacing(trigger.intData[1]);
+            setMovement(trigger.intData[0]);
+        }
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([movement, spacing]);
+    }, [ movement, spacing, setIntParams ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.emptytiles', [ 'tiles' ], [ spacing.toString() ]) }</div>
+            <Slider 
+                defaultValue={ spacing }
+                dots={ true }
+                min={ 1 }
+                max={ 5 }
+                step={ 1 }
+                onChange={ event => setSpacing(event) }
+                />
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</div>
+            <div className="row row-cold-4">
+                { directionOptions.map(option =>
+                    {
+                        return (
+                            <div key={ option.value } className="col">
+                                <div className="form-check">
+                                    <input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} />
+                                    <label className="form-check-label" htmlFor={'movement' + option.value}>
+                                        <i className={'icon icon-' + option.icon} />
+                                    </label>
+                                </div>
+                            </div>
+                        )
+                    }) }
+            </div>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
index 7572bd06..8bd53a9e 100644
--- a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
+++ b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
@@ -4,39 +4,41 @@ import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
+const directionOptions: {value: number, icon: string}[] = [
+    {
+        value: 4,
+        icon: 'ne'
+    },
+    {
+        value: 5,
+        icon: 'se'
+    },
+    {
+        value: 6,
+        icon: 'sw'
+    },
+    {
+        value: 7,
+        icon: 'nw'
+    },
+    {
+        value: 2,
+        icon: 'mv-2'
+    },
+    {
+        value: 3,
+        icon: 'mv-3'
+    },
+    {
+        value: 1,
+        icon: 'mv-1'
+    }
+];
+
+const rotationOptions: number[] = [0, 1, 2, 3];
+
 export const WiredActionMoveFurniView: FC<{}> = props =>
 {
-    const options: {value: number, icon: string}[] = [
-        {
-            value: 4,
-            icon: 'ne'
-        },
-        {
-            value: 5,
-            icon: 'se'
-        },
-        {
-            value: 6,
-            icon: 'sw'
-        },
-        {
-            value: 7,
-            icon: 'nw'
-        },
-        {
-            value: 2,
-            icon: 'mv-2'
-        },
-        {
-            value: 3,
-            icon: 'mv-3'
-        },
-        {
-            value: 1,
-            icon: 'mv-1'
-        }
-    ];
-
     const [ movement, setMovement ] = useState(-1);
     const [ rotation, setRotation ] = useState(-1);
     const { trigger = null, setIntParams = null } = useWiredContext();
@@ -56,7 +58,7 @@ export const WiredActionMoveFurniView: FC<{}> = props =>
     }, [ movement, rotation, setIntParams ]);
 
     return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }>
             <div className="fw-bold">{ LocalizeText('wiredfurni.params.movefurni') }</div>
             <div className="form-check">
                 <input className="form-check-input" type="radio" name="selectedTeam" id="movement0" checked={ movement === 0 } onChange={() => setMovement(0)} />
@@ -65,12 +67,12 @@ export const WiredActionMoveFurniView: FC<{}> = props =>
                 </label>
             </div>
             <div className="row row-cold-4">
-                { options.map(option =>
+                { directionOptions.map(option =>
                     {
                         return (
-                            <div className="col">
-                                <div key={ option.value } className="form-check">
-                                    <input className="form-check-input" type="radio" name="selectedTeam" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} />
+                            <div key={ option.value } className="col">
+                                <div className="form-check">
+                                    <input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} />
                                     <label className="form-check-label" htmlFor={'movement' + option.value}>
                                         <i className={'icon icon-' + option.icon} />
                                     </label>
@@ -80,7 +82,20 @@ export const WiredActionMoveFurniView: FC<{}> = props =>
                     }) }
                 <div className="col"></div>
             </div>
-            
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.rotatefurni') }</div>
+            { rotationOptions.map(option =>
+                    {
+                        return (
+                            <div key={ option } className="form-check">
+                                <input className="form-check-input" type="radio" name="rotation" id={'rotation' + option} checked={ rotation === option } onChange={() => setRotation(option)} />
+                                <label className="form-check-label" htmlFor={'rotation' + option}>
+                                    { [1, 2].includes(option) && <i className={'icon icon-rot-' + option} /> }
+                                    { LocalizeText('wiredfurni.params.rotatefurni.' + option) }
+                                </label>
+                            </div>
+                        )
+                    }) }
         </WiredActionBaseView>
     );
 }

From dc559cf0b442b745f9d79fc82a16896e6a943d8f Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Mon, 28 Jun 2021 21:48:15 -0300
Subject: [PATCH 07/22] Triggers

---
 src/views/wired/WiredView.tsx                 |  7 ++-
 src/views/wired/common/GetWiredLayout.tsx     |  5 +-
 .../wired/common/GetWiredTriggerLayout.tsx    | 50 +++++++++++++++++++
 .../wired/common/WiredTriggerLayoutCode.ts    | 17 +++++++
 .../WiredActionBotChangeFigureView.tsx        |  2 +-
 .../WiredActionBotFollowAvatarView.tsx        |  2 +-
 .../WiredActionBotGiveHandItemView.tsx        |  4 +-
 .../bot-move/WiredActionBotMoveView.tsx       |  2 +-
 .../WiredActionBotTalkToAvatarView.tsx        |  4 +-
 .../bot-talk/WiredActionBotTalkView.tsx       |  4 +-
 .../WiredActionBotTeleportView.tsx            |  2 +-
 .../actions/chat/WiredActionChatView.tsx      |  2 +-
 src/views/wired/views/base/WiredBaseView.tsx  |  6 ++-
 .../WiredTriggerAvatarEnterRoomView.tsx       | 10 ++++
 .../WiredTriggerAvatarSaysSomethingView.tsx   | 48 ++++++++++++++++++
 .../WiredTriggerAvatarWalksOffFurniView.tsx   | 10 ++++
 .../WiredTriggerAvatarWalksOnFurni.tsx        | 10 ++++
 .../triggers/base/WiredTriggerBaseView.tsx    | 20 ++++++++
 .../base/WiredTriggerBaseView.types.ts        |  5 ++
 .../WiredTriggerBotReachedAvatarView.tsx      | 30 +++++++++++
 .../WiredTriggerBotReachedStuffView.tsx       | 30 +++++++++++
 .../collision/WiredTriggerCollisionView.tsx   | 10 ++++
 .../WiredTriggerExecuteOnceView.tsx           | 35 +++++++++++++
 ...iredTriggerExecutePeriodicallyLongView.tsx | 35 +++++++++++++
 .../WiredTriggerExecutePeriodicallyView.tsx   | 35 +++++++++++++
 .../game-ends/WiredTriggerGameEndsView.tsx    | 10 ++++
 .../WiredTriggerGameStartsView.tsx            | 10 ++++
 .../WiredTriggerScoreAchievedView.tsx         | 36 +++++++++++++
 .../WiredTriggerToggleFurniView.tsx           | 10 ++++
 29 files changed, 436 insertions(+), 15 deletions(-)
 create mode 100644 src/views/wired/common/GetWiredTriggerLayout.tsx
 create mode 100644 src/views/wired/common/WiredTriggerLayoutCode.ts
 create mode 100644 src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
 create mode 100644 src/views/wired/views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView.tsx
 create mode 100644 src/views/wired/views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView.tsx
 create mode 100644 src/views/wired/views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni.tsx
 create mode 100644 src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx
 create mode 100644 src/views/wired/views/triggers/base/WiredTriggerBaseView.types.ts
 create mode 100644 src/views/wired/views/triggers/bot-reached-avatar/WiredTriggerBotReachedAvatarView.tsx
 create mode 100644 src/views/wired/views/triggers/bot-reached-stuff/WiredTriggerBotReachedStuffView.tsx
 create mode 100644 src/views/wired/views/triggers/collision/WiredTriggerCollisionView.tsx
 create mode 100644 src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
 create mode 100644 src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
 create mode 100644 src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
 create mode 100644 src/views/wired/views/triggers/game-ends/WiredTriggerGameEndsView.tsx
 create mode 100644 src/views/wired/views/triggers/game-starts/WiredTriggerGameStartsView.tsx
 create mode 100644 src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
 create mode 100644 src/views/wired/views/triggers/toggle-furni/WiredTriggerToggleFurniView.tsx

diff --git a/src/views/wired/WiredView.tsx b/src/views/wired/WiredView.tsx
index 7d6faba1..179b33fa 100644
--- a/src/views/wired/WiredView.tsx
+++ b/src/views/wired/WiredView.tsx
@@ -1,4 +1,4 @@
-import { Triggerable, UpdateActionMessageComposer, WiredActionDefinition } from 'nitro-renderer';
+import { Triggerable, TriggerDefinition, UpdateActionMessageComposer, UpdateTriggerMessageComposer, WiredActionDefinition } from 'nitro-renderer';
 import { FC, useCallback, useMemo, useState } from 'react';
 import { GetConnection } from '../../api';
 import { WiredEvent } from '../../events';
@@ -29,6 +29,11 @@ export const WiredView: FC<WiredFurniSelectorViewProps> = props =>
         {
             GetConnection().send(new UpdateActionMessageComposer(trigger.id, intParams, stringParam, furniIds, actionDelay, trigger.stuffTypeSelectionCode));
         }
+
+        if(trigger instanceof TriggerDefinition)
+        {
+            GetConnection().send(new UpdateTriggerMessageComposer(trigger.id, intParams, stringParam, furniIds, trigger.stuffTypeSelectionCode));
+        }
     }, [ trigger, intParams, stringParam, furniIds, actionDelay ]);
 
     useUiEvent(WiredEvent.SAVE_WIRED, onWiredEvent);
diff --git a/src/views/wired/common/GetWiredLayout.tsx b/src/views/wired/common/GetWiredLayout.tsx
index 5f3ed3cf..2638e2e4 100644
--- a/src/views/wired/common/GetWiredLayout.tsx
+++ b/src/views/wired/common/GetWiredLayout.tsx
@@ -1,9 +1,12 @@
-import { Triggerable, WiredActionDefinition } from 'nitro-renderer';
+import { Triggerable, TriggerDefinition, WiredActionDefinition } from 'nitro-renderer';
 import { GetWiredActionLayout } from './GetWiredActionLayout';
+import { GetWiredTriggerLayout } from './GetWiredTriggerLayout';
 
 export function GetWiredLayout(trigger: Triggerable): JSX.Element
 {
     if(trigger instanceof WiredActionDefinition) return GetWiredActionLayout(trigger.code);
 
+    if(trigger instanceof TriggerDefinition) return GetWiredTriggerLayout(trigger.code);
+    
     return null;
 }
diff --git a/src/views/wired/common/GetWiredTriggerLayout.tsx b/src/views/wired/common/GetWiredTriggerLayout.tsx
new file mode 100644
index 00000000..8fb0e6f7
--- /dev/null
+++ b/src/views/wired/common/GetWiredTriggerLayout.tsx
@@ -0,0 +1,50 @@
+import { WiredTriggerAvatarEnterRoomView } from '../views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView';
+import { WiredTriggerAvatarSaysSomethingView } from '../views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView';
+import { WiredTriggerAvatarWalksOffFurniView } from '../views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView';
+import { WiredTriggerAvatarWalksOnFurniView } from '../views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni';
+import { WiredTriggerBotReachedAvatarView } from '../views/triggers/bot-reached-avatar/WiredTriggerBotReachedAvatarView';
+import { WiredTriggerBotReachedStuffView } from '../views/triggers/bot-reached-stuff/WiredTriggerBotReachedStuffView';
+import { WiredTriggerCollisionView } from '../views/triggers/collision/WiredTriggerCollisionView';
+import { WiredTriggeExecuteOnceView } from '../views/triggers/execute-once/WiredTriggerExecuteOnceView';
+import { WiredTriggeExecutePeriodicallyLongView } from '../views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView';
+import { WiredTriggeExecutePeriodicallyView } from '../views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView';
+import { WiredTriggerGameEndsView } from '../views/triggers/game-ends/WiredTriggerGameEndsView';
+import { WiredTriggerGameStartsView } from '../views/triggers/game-starts/WiredTriggerGameStartsView';
+import { WiredTriggeScoreAchievedView } from '../views/triggers/score-achieved/WiredTriggerScoreAchievedView';
+import { WiredTriggerToggleFurniView } from '../views/triggers/toggle-furni/WiredTriggerToggleFurniView';
+import { WiredTriggerLayout } from './WiredTriggerLayoutCode';
+
+export function GetWiredTriggerLayout(code: number): JSX.Element
+{
+    switch(code)
+    {
+        case WiredTriggerLayout.AVATAR_ENTERS_ROOM:
+            return <WiredTriggerAvatarEnterRoomView />;
+        case WiredTriggerLayout.AVATAR_SAYS_SOMETHING:
+            return <WiredTriggerAvatarSaysSomethingView />;
+        case WiredTriggerLayout.AVATAR_WALKS_OFF_FURNI:
+            return <WiredTriggerAvatarWalksOffFurniView />;
+        case WiredTriggerLayout.AVATAR_WALKS_ON_FURNI:
+            return <WiredTriggerAvatarWalksOnFurniView />;
+        case WiredTriggerLayout.BOT_REACHED_AVATAR:
+            return <WiredTriggerBotReachedAvatarView />;
+        case WiredTriggerLayout.BOT_REACHED_STUFF:
+            return <WiredTriggerBotReachedStuffView />;
+        case WiredTriggerLayout.COLLISION:
+            return <WiredTriggerCollisionView />;
+        case WiredTriggerLayout.EXECUTE_ONCE:
+            return <WiredTriggeExecuteOnceView />;
+        case WiredTriggerLayout.EXECUTE_PERIODICALLY:
+            return <WiredTriggeExecutePeriodicallyView />;
+        case WiredTriggerLayout.EXECUTE_PERIODICALLY_LONG:
+            return <WiredTriggeExecutePeriodicallyLongView />;
+        case WiredTriggerLayout.GAME_ENDS:
+            return <WiredTriggerGameEndsView />;
+        case WiredTriggerLayout.GAME_STARTS:
+            return <WiredTriggerGameStartsView />;
+        case WiredTriggerLayout.SCORE_ACHIEVED:
+            return <WiredTriggeScoreAchievedView />;
+        case WiredTriggerLayout.TOGGLE_FURNI:
+            return <WiredTriggerToggleFurniView />;
+    }
+}
diff --git a/src/views/wired/common/WiredTriggerLayoutCode.ts b/src/views/wired/common/WiredTriggerLayoutCode.ts
new file mode 100644
index 00000000..fd758dff
--- /dev/null
+++ b/src/views/wired/common/WiredTriggerLayoutCode.ts
@@ -0,0 +1,17 @@
+export class WiredTriggerLayout
+{
+    public static AVATAR_SAYS_SOMETHING: number = 0;
+    public static AVATAR_WALKS_ON_FURNI: number = 1;
+    public static AVATAR_WALKS_OFF_FURNI: number = 2;
+    public static EXECUTE_ONCE: number = 3;
+    public static TOGGLE_FURNI: number = 4;
+    public static EXECUTE_PERIODICALLY: number = 6;
+    public static AVATAR_ENTERS_ROOM: number = 7;
+    public static GAME_STARTS: number = 8;
+    public static GAME_ENDS: number = 9;
+    public static SCORE_ACHIEVED: number = 10;
+    public static COLLISION: number = 11;
+    public static EXECUTE_PERIODICALLY_LONG: number = 12;
+    public static BOT_REACHED_STUFF: number = 13;
+    public static BOT_REACHED_AVATAR: number = 14;
+}
diff --git a/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx b/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
index f6ab7ceb..8515d532 100644
--- a/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
+++ b/src/views/wired/views/actions/bot-change-figure/WiredActionBotChangeFigureView.tsx
@@ -35,7 +35,7 @@ export const WiredActionBotChangeFigureView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group">
-                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
             <div className="d-flex align-items-center justify-content-center">
diff --git a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
index 19cc8d79..2f0b4abf 100644
--- a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
+++ b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
@@ -25,7 +25,7 @@ export const WiredActionBotFollowAvatarView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group mb-2">
-                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
             <div className="form-check">
diff --git a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
index ff68b0b4..a5dafef4 100644
--- a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
+++ b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
@@ -27,10 +27,10 @@ export const WiredActionBotGiveHandItemView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group mb-2">
-                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
-            <div>{ LocalizeText('wiredfurni.tooltip.handitem') }</div>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.tooltip.handitem') }</div>
             <select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
                 <option value="0">------</option>
                 {allowedHanditemIds && allowedHanditemIds.map(value =>
diff --git a/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx b/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
index 0704ba03..45dd3ba9 100644
--- a/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
+++ b/src/views/wired/views/actions/bot-move/WiredActionBotMoveView.tsx
@@ -22,7 +22,7 @@ export const WiredActionBotMoveView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
             <div className="form-group">
-                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
         </WiredActionBaseView>
diff --git a/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx b/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
index ee8abea6..27a7df7c 100644
--- a/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
+++ b/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
@@ -30,11 +30,11 @@ export const WiredActionBotTalkToAvatarView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group mb-2">
-                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
             <div className="form-group mb-2">
-                <label>{ LocalizeText('wiredfurni.params.message') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } />
             </div>
             <div className="form-check">
diff --git a/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx b/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
index a73c1179..ae7dbe69 100644
--- a/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
+++ b/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
@@ -30,11 +30,11 @@ export const WiredActionBotTalkView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group mb-2">
-                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
             <div className="form-group mb-2">
-                <label>{ LocalizeText('wiredfurni.params.message') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } />
             </div>
             <div className="form-check">
diff --git a/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx b/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
index bd916693..ad6aa17d 100644
--- a/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
+++ b/src/views/wired/views/actions/bot-teleport/WiredActionBotTeleportView.tsx
@@ -22,7 +22,7 @@ export const WiredActionBotTeleportView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
             <div className="form-group">
-                <label>{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
         </WiredActionBaseView>
diff --git a/src/views/wired/views/actions/chat/WiredActionChatView.tsx b/src/views/wired/views/actions/chat/WiredActionChatView.tsx
index 4d9e54b2..39635d26 100644
--- a/src/views/wired/views/actions/chat/WiredActionChatView.tsx
+++ b/src/views/wired/views/actions/chat/WiredActionChatView.tsx
@@ -22,7 +22,7 @@ export const WiredActionChatView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group">
-                <label>{ LocalizeText('wiredfurni.params.message') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
             </div>
         </WiredActionBaseView>
diff --git a/src/views/wired/views/base/WiredBaseView.tsx b/src/views/wired/views/base/WiredBaseView.tsx
index 3423f476..279078df 100644
--- a/src/views/wired/views/base/WiredBaseView.tsx
+++ b/src/views/wired/views/base/WiredBaseView.tsx
@@ -60,9 +60,11 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
                     <div className="fw-bold">{ wiredName }</div>
                 </div>
                 <div>{ wiredDescription }</div>
-                <hr className="my-1 mb-2 bg-dark" />
                 <div>
-                    { children }
+                    { !children ? null : <>
+                        <hr className="my-1 mb-2 bg-dark" />
+                        { children }
+                    </> }
                 </div>
                 { (requiresFurni !== WiredFurniType.STUFF_SELECTION_OPTION_NONE) &&
                     <>
diff --git a/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx b/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
new file mode 100644
index 00000000..45a6fbea
--- /dev/null
+++ b/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerAvatarEnterRoomView: FC<{}> = props =>
+{
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView.tsx b/src/views/wired/views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView.tsx
new file mode 100644
index 00000000..36ed88fb
--- /dev/null
+++ b/src/views/wired/views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView.tsx
@@ -0,0 +1,48 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { GetSessionDataManager } from '../../../../../api';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerAvatarSaysSomethingView: FC<{}> = props =>
+{
+    const [ message, setMessage ] = useState('');
+    const [ triggererAvatar, setTriggererAvatar ] = useState(-1);
+    const { trigger = null, setStringParam = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setMessage(trigger.stringData);
+        setTriggererAvatar((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(message);
+        setIntParams([triggererAvatar]);
+    }, [ message, triggererAvatar, setStringParam, setIntParams ]);
+    
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.whatissaid') }</label>
+                <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
+            </div>
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.picktriggerer') }</div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="triggererAvatar" id="triggererAvatar0" checked={ triggererAvatar === 0 } onChange={() => setTriggererAvatar(0)} />
+                <label className="form-check-label" htmlFor="triggererAvatar0">
+                    { LocalizeText('wiredfurni.params.anyavatar') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="triggererAvatar" id="triggererAvatar1" checked={ triggererAvatar === 1 } onChange={() => setTriggererAvatar(1)} />
+                <label className="form-check-label" htmlFor="triggererAvatar1">
+                    { GetSessionDataManager().userName }
+                </label>
+            </div>
+        </WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView.tsx b/src/views/wired/views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView.tsx
new file mode 100644
index 00000000..7c8c47b9
--- /dev/null
+++ b/src/views/wired/views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerAvatarWalksOffFurniView: FC<{}> = props =>
+{
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null }></WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni.tsx b/src/views/wired/views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni.tsx
new file mode 100644
index 00000000..2204b3b0
--- /dev/null
+++ b/src/views/wired/views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerAvatarWalksOnFurniView: FC<{}> = props =>
+{
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null }></WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx b/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx
new file mode 100644
index 00000000..330b3405
--- /dev/null
+++ b/src/views/wired/views/triggers/base/WiredTriggerBaseView.tsx
@@ -0,0 +1,20 @@
+import { FC, useCallback } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredBaseView } from '../../base/WiredBaseView';
+import { WiredTriggerBaseViewProps } from './WiredTriggerBaseView.types';
+
+export const WiredTriggerBaseView: FC<WiredTriggerBaseViewProps> = props =>
+{
+    const { requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, children = null } = props;
+    
+    const onSave = useCallback(() =>
+    {
+        if(save) save();
+    }, [ save ]);
+
+    return (
+        <WiredBaseView wiredType="trigger" requiresFurni={ requiresFurni } save={ onSave }>
+            { children }
+        </WiredBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/base/WiredTriggerBaseView.types.ts b/src/views/wired/views/triggers/base/WiredTriggerBaseView.types.ts
new file mode 100644
index 00000000..9e766aa8
--- /dev/null
+++ b/src/views/wired/views/triggers/base/WiredTriggerBaseView.types.ts
@@ -0,0 +1,5 @@
+export interface WiredTriggerBaseViewProps
+{
+    requiresFurni: number;
+    save: () => void;
+}
diff --git a/src/views/wired/views/triggers/bot-reached-avatar/WiredTriggerBotReachedAvatarView.tsx b/src/views/wired/views/triggers/bot-reached-avatar/WiredTriggerBotReachedAvatarView.tsx
new file mode 100644
index 00000000..b16d0489
--- /dev/null
+++ b/src/views/wired/views/triggers/bot-reached-avatar/WiredTriggerBotReachedAvatarView.tsx
@@ -0,0 +1,30 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerBotReachedAvatarView: FC<{}> = props =>
+{
+    const [ botName, setBotName ] = useState('');
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setBotName(trigger.stringData);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(botName);
+    }, [ botName, setStringParam ]);
+    
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+        </WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/bot-reached-stuff/WiredTriggerBotReachedStuffView.tsx b/src/views/wired/views/triggers/bot-reached-stuff/WiredTriggerBotReachedStuffView.tsx
new file mode 100644
index 00000000..0f1070a5
--- /dev/null
+++ b/src/views/wired/views/triggers/bot-reached-stuff/WiredTriggerBotReachedStuffView.tsx
@@ -0,0 +1,30 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerBotReachedStuffView: FC<{}> = props =>
+{
+    const [ botName, setBotName ] = useState('');
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setBotName(trigger.stringData);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(botName);
+    }, [ botName, setStringParam ]);
+    
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
+                <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
+            </div>
+        </WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/collision/WiredTriggerCollisionView.tsx b/src/views/wired/views/triggers/collision/WiredTriggerCollisionView.tsx
new file mode 100644
index 00000000..feeffed3
--- /dev/null
+++ b/src/views/wired/views/triggers/collision/WiredTriggerCollisionView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerCollisionView: FC<{}> = props =>
+{
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx b/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
new file mode 100644
index 00000000..50035d0e
--- /dev/null
+++ b/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
@@ -0,0 +1,35 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggeExecuteOnceView: FC<{}> = props =>
+{
+    const [ time, setTime ] = useState(1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setTime((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([time]);
+    }, [ time,  setIntParams ]);
+
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ time.toString() ]) }</div>
+            <Slider 
+                defaultValue={ time }
+                dots={ true }
+                min={ 1 }
+                max={ 60 }
+                onChange={ event => setTime(event) }
+                />
+        </WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx b/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
new file mode 100644
index 00000000..9c431d2e
--- /dev/null
+++ b/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
@@ -0,0 +1,35 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggeExecutePeriodicallyLongView: FC<{}> = props =>
+{
+    const [ time, setTime ] = useState(1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setTime((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([time]);
+    }, [ time,  setIntParams ]);
+
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setlongtime', [ 'time' ], [ time.toString() ]) }</div>
+            <Slider 
+                defaultValue={ time }
+                dots={ true }
+                min={ 1 }
+                max={ 600 }
+                onChange={ event => setTime(event) }
+                />
+        </WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx b/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
new file mode 100644
index 00000000..5fb0fe62
--- /dev/null
+++ b/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
@@ -0,0 +1,35 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggeExecutePeriodicallyView: FC<{}> = props =>
+{
+    const [ time, setTime ] = useState(1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setTime((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([time]);
+    }, [ time,  setIntParams ]);
+
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ time.toString() ]) }</div>
+            <Slider 
+                defaultValue={ time }
+                dots={ true }
+                min={ 1 }
+                max={ 60 }
+                onChange={ event => setTime(event) }
+                />
+        </WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/game-ends/WiredTriggerGameEndsView.tsx b/src/views/wired/views/triggers/game-ends/WiredTriggerGameEndsView.tsx
new file mode 100644
index 00000000..4d1df673
--- /dev/null
+++ b/src/views/wired/views/triggers/game-ends/WiredTriggerGameEndsView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerGameEndsView: FC<{}> = props =>
+{
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/game-starts/WiredTriggerGameStartsView.tsx b/src/views/wired/views/triggers/game-starts/WiredTriggerGameStartsView.tsx
new file mode 100644
index 00000000..7726e2b3
--- /dev/null
+++ b/src/views/wired/views/triggers/game-starts/WiredTriggerGameStartsView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerGameStartsView: FC<{}> = props =>
+{
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
new file mode 100644
index 00000000..54151e5e
--- /dev/null
+++ b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
@@ -0,0 +1,36 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggeScoreAchievedView: FC<{}> = props =>
+{
+    const [ points, setPoints ] = useState(1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setPoints((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([points]);
+    }, [ points,  setIntParams ]);
+
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setscore', [ 'points' ], [ points.toString() ]) }</div>
+            <Slider 
+                defaultValue={ points }
+                dots={ true }
+                min={ 1 }
+                max={ 1000 }
+                step={ 1 }
+                onChange={ event => setPoints(event) }
+                />
+        </WiredTriggerBaseView>
+    );
+}
diff --git a/src/views/wired/views/triggers/toggle-furni/WiredTriggerToggleFurniView.tsx b/src/views/wired/views/triggers/toggle-furni/WiredTriggerToggleFurniView.tsx
new file mode 100644
index 00000000..e7182fd0
--- /dev/null
+++ b/src/views/wired/views/triggers/toggle-furni/WiredTriggerToggleFurniView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
+
+export const WiredTriggerToggleFurniView: FC<{}> = props =>
+{
+    return (
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null }></WiredTriggerBaseView>
+    );
+}

From 537987b85ef0eab0f45698ab92907c633d1e47ba Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Mon, 28 Jun 2021 21:54:34 -0300
Subject: [PATCH 08/22] Fix TriggerAvatarEnterRoom

---
 .../WiredTriggerAvatarEnterRoomView.tsx       | 38 ++++++++++++++++++-
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx b/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
index 45a6fbea..90c7e030 100644
--- a/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
+++ b/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
@@ -1,10 +1,44 @@
-import { FC } from 'react';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
 
 export const WiredTriggerAvatarEnterRoomView: FC<{}> = props =>
 {
+    const [ username, setUsername ] = useState('');
+    const [ avatarMode, setAvatarMode ] = useState(0);
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setUsername(trigger.stringData);
+        setAvatarMode(trigger.stringData ? 1 : 0)
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        if(avatarMode === 1)
+            setStringParam(username);
+        else
+            setStringParam('');
+    }, [ username, avatarMode, setStringParam ]);
+
     return (
-        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredTriggerBaseView>
+        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="avatarMode" id="avatarMode0" checked={ avatarMode === 0 } onChange={() => setAvatarMode(0)} />
+                <label className="form-check-label" htmlFor="avatarMode0">
+                    { LocalizeText('wiredfurni.params.anyavatar') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="radio" name="avatarMode" id="avatarMode1" checked={ avatarMode === 1 } onChange={() => setAvatarMode(1)} />
+                <label className="form-check-label" htmlFor="avatarMode1">
+                    { LocalizeText('wiredfurni.params.certainavatar') }
+                </label>
+            </div>
+            { avatarMode === 1 && <input type="text" className="form-control form-control-sm" value={ username } onChange={ event => setUsername(event.target.value) } /> }
+        </WiredTriggerBaseView>
     );
 }

From 3e914a601adb985b5e2bf3c6b365ca922a218a3e Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Mon, 28 Jun 2021 23:11:11 -0300
Subject: [PATCH 09/22] Conditions

---
 src/views/wired/WiredView.tsx                 |  7 ++-
 .../wired/common/GetWiredConditionLayout.tsx  | 55 +++++++++++++++++++
 src/views/wired/common/GetWiredLayout.tsx     |  5 +-
 .../wired/common/WiredConditionLayoutCode.ts  | 29 ++++++++++
 .../WiredActionBotGiveHandItemView.tsx        |  2 +-
 .../WiredActionSetFurniStateToView.tsx        |  1 +
 .../WiredConditionActorHasHandItem.tsx        | 35 ++++++++++++
 .../WiredConditionActorIsGroupMemberView.tsx  | 10 ++++
 .../WiredConditionActorIsOnFurniView.tsx      | 10 ++++
 .../WiredConditionActorIsTeamMemberView.tsx   | 38 +++++++++++++
 .../WiredConditionActorIsWearingBadgeView.tsx | 30 ++++++++++
 ...WiredConditionActorIsWearingEffectView.tsx | 30 ++++++++++
 .../base/WiredConditionBaseView.tsx           | 20 +++++++
 .../base/WiredConditionBaseView.types.ts      |  5 ++
 .../WiredConditionFurniHasAvatarOnView.tsx    | 10 ++++
 .../WiredConditionFurniHasFurniOnView.tsx     | 38 +++++++++++++
 .../WiredConditionFurniHasNotFurniOnView.tsx  | 38 +++++++++++++
 .../WiredConditionFurniIsOfTypeView.tsx       | 10 ++++
 ...WiredConditionFurniMatchesSnapshotView.tsx | 49 +++++++++++++++++
 .../WiredConditionTimeElapsedLessView.tsx     | 36 ++++++++++++
 .../WiredConditionTimeElapsedMoreView.tsx     | 36 ++++++++++++
 21 files changed, 491 insertions(+), 3 deletions(-)
 create mode 100644 src/views/wired/common/GetWiredConditionLayout.tsx
 create mode 100644 src/views/wired/common/WiredConditionLayoutCode.ts
 create mode 100644 src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
 create mode 100644 src/views/wired/views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView.tsx
 create mode 100644 src/views/wired/views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView.tsx
 create mode 100644 src/views/wired/views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView.tsx
 create mode 100644 src/views/wired/views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView.tsx
 create mode 100644 src/views/wired/views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView.tsx
 create mode 100644 src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
 create mode 100644 src/views/wired/views/conditions/base/WiredConditionBaseView.types.ts
 create mode 100644 src/views/wired/views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView.tsx
 create mode 100644 src/views/wired/views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView.tsx
 create mode 100644 src/views/wired/views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView.tsx
 create mode 100644 src/views/wired/views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView.tsx
 create mode 100644 src/views/wired/views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView.tsx
 create mode 100644 src/views/wired/views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView.tsx
 create mode 100644 src/views/wired/views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView.tsx

diff --git a/src/views/wired/WiredView.tsx b/src/views/wired/WiredView.tsx
index 179b33fa..023f8e2b 100644
--- a/src/views/wired/WiredView.tsx
+++ b/src/views/wired/WiredView.tsx
@@ -1,4 +1,4 @@
-import { Triggerable, TriggerDefinition, UpdateActionMessageComposer, UpdateTriggerMessageComposer, WiredActionDefinition } from 'nitro-renderer';
+import { ConditionDefinition, Triggerable, TriggerDefinition, UpdateActionMessageComposer, UpdateConditionMessageComposer, UpdateTriggerMessageComposer, WiredActionDefinition } from 'nitro-renderer';
 import { FC, useCallback, useMemo, useState } from 'react';
 import { GetConnection } from '../../api';
 import { WiredEvent } from '../../events';
@@ -34,6 +34,11 @@ export const WiredView: FC<WiredFurniSelectorViewProps> = props =>
         {
             GetConnection().send(new UpdateTriggerMessageComposer(trigger.id, intParams, stringParam, furniIds, trigger.stuffTypeSelectionCode));
         }
+
+        if(trigger instanceof ConditionDefinition)
+        {
+            GetConnection().send(new UpdateConditionMessageComposer(trigger.id, intParams, stringParam, furniIds, trigger.stuffTypeSelectionCode));
+        }
     }, [ trigger, intParams, stringParam, furniIds, actionDelay ]);
 
     useUiEvent(WiredEvent.SAVE_WIRED, onWiredEvent);
diff --git a/src/views/wired/common/GetWiredConditionLayout.tsx b/src/views/wired/common/GetWiredConditionLayout.tsx
new file mode 100644
index 00000000..bdbe1403
--- /dev/null
+++ b/src/views/wired/common/GetWiredConditionLayout.tsx
@@ -0,0 +1,55 @@
+import { WiredConditionActorHasHandItemView } from '../views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem';
+import { WiredConditionActorIsGroupMemberView } from '../views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView';
+import { WiredConditionActorIsOnFurniView } from '../views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView';
+import { WiredConditionActorIsTeamMemberView } from '../views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView';
+import { WiredConditionActorIsWearingBadgeView } from '../views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView';
+import { WiredConditionActorIsWearingEffectView } from '../views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView';
+import { WiredConditionFurniHasAvatarOnView } from '../views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView';
+import { WiredConditionFurniHasFurniOnView } from '../views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView';
+import { WiredConditionFurniHasNotFurniOnView } from '../views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView';
+import { WiredConditionFurniIsOfTypeView } from '../views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView';
+import { WiredConditionFurniMatchesSnapshotView } from '../views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView';
+import { WiredConditionTimeElapsedLessView } from '../views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView';
+import { WiredConditionTimeElapsedMoreView } from '../views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView';
+import { WiredConditionlayout } from './WiredConditionLayoutCode';
+
+export function GetWiredConditionLayout(code: number): JSX.Element
+{
+    switch(code)
+    {
+        case WiredConditionlayout.ACTOR_HAS_HANDITEM:
+            return <WiredConditionActorHasHandItemView />;
+        case WiredConditionlayout.ACTOR_IS_GROUP_MEMBER:
+        case WiredConditionlayout.NOT_ACTOR_IN_GROUP:
+            return <WiredConditionActorIsGroupMemberView />;
+        case WiredConditionlayout.ACTOR_IS_ON_FURNI:
+        case WiredConditionlayout.NOT_ACTOR_ON_FURNI:
+            return <WiredConditionActorIsOnFurniView />;
+        case WiredConditionlayout.ACTOR_IS_IN_TEAM:
+        case WiredConditionlayout.NOT_ACTOR_IN_TEAM:
+            return <WiredConditionActorIsTeamMemberView />;
+        case WiredConditionlayout.ACTOR_IS_WEARING_BADGE:
+        case WiredConditionlayout.NOT_ACTOR_WEARS_BADGE:
+            return <WiredConditionActorIsWearingBadgeView />;
+        case WiredConditionlayout.ACTOR_IS_WEARING_EFFECT:
+        case WiredConditionlayout.NOT_ACTOR_WEARING_EFFECT:
+            return <WiredConditionActorIsWearingEffectView />;
+        case WiredConditionlayout.FURNIS_HAVE_AVATARS:
+        case WiredConditionlayout.FURNI_NOT_HAVE_HABBO:
+            return <WiredConditionFurniHasAvatarOnView />;
+        case WiredConditionlayout.HAS_STACKED_FURNIS:
+            return <WiredConditionFurniHasFurniOnView />;
+        case WiredConditionlayout.NOT_HAS_STACKED_FURNIS:
+            return <WiredConditionFurniHasNotFurniOnView />;
+        case WiredConditionlayout.STUFF_TYPE_MATCHES:
+        case WiredConditionlayout.NOT_FURNI_IS_OF_TYPE:
+            return <WiredConditionFurniIsOfTypeView />;
+        case WiredConditionlayout.STATES_MATCH:
+        case WiredConditionlayout.NOT_STATES_MATCH:
+            return <WiredConditionFurniMatchesSnapshotView />;
+        case WiredConditionlayout.TIME_ELAPSED_LESS:
+            return <WiredConditionTimeElapsedLessView />;
+        case WiredConditionlayout.TIME_ELAPSED_MORE:
+            return <WiredConditionTimeElapsedMoreView />;
+    }
+}
diff --git a/src/views/wired/common/GetWiredLayout.tsx b/src/views/wired/common/GetWiredLayout.tsx
index 2638e2e4..25d7fc34 100644
--- a/src/views/wired/common/GetWiredLayout.tsx
+++ b/src/views/wired/common/GetWiredLayout.tsx
@@ -1,5 +1,6 @@
-import { Triggerable, TriggerDefinition, WiredActionDefinition } from 'nitro-renderer';
+import { ConditionDefinition, Triggerable, TriggerDefinition, WiredActionDefinition } from 'nitro-renderer';
 import { GetWiredActionLayout } from './GetWiredActionLayout';
+import { GetWiredConditionLayout } from './GetWiredConditionLayout';
 import { GetWiredTriggerLayout } from './GetWiredTriggerLayout';
 
 export function GetWiredLayout(trigger: Triggerable): JSX.Element
@@ -8,5 +9,7 @@ export function GetWiredLayout(trigger: Triggerable): JSX.Element
 
     if(trigger instanceof TriggerDefinition) return GetWiredTriggerLayout(trigger.code);
     
+    if(trigger instanceof ConditionDefinition) return GetWiredConditionLayout(trigger.code);
+    
     return null;
 }
diff --git a/src/views/wired/common/WiredConditionLayoutCode.ts b/src/views/wired/common/WiredConditionLayoutCode.ts
new file mode 100644
index 00000000..58cae5db
--- /dev/null
+++ b/src/views/wired/common/WiredConditionLayoutCode.ts
@@ -0,0 +1,29 @@
+export class WiredConditionlayout
+{
+    public static STATES_MATCH: number = 0;
+    public static FURNIS_HAVE_AVATARS: number = 1;
+    public static ACTOR_IS_ON_FURNI: number = 2;
+    public static TIME_ELAPSED_MORE: number = 3;
+    public static TIME_ELAPSED_LESS: number = 4;
+    public static USER_COUNT_IN: number = 5;
+    public static ACTOR_IS_IN_TEAM: number = 6;
+    public static HAS_STACKED_FURNIS: number = 7;
+    public static STUFF_TYPE_MATCHES: number = 8;
+    public static STUFFS_IN_FORMATION: number = 9;
+    public static ACTOR_IS_GROUP_MEMBER: number = 10;
+    public static ACTOR_IS_WEARING_BADGE: number = 11;
+    public static ACTOR_IS_WEARING_EFFECT: number = 12;
+    public static NOT_STATES_MATCH: number = 13;
+    public static FURNI_NOT_HAVE_HABBO: number = 14;
+    public static NOT_ACTOR_ON_FURNI: number = 15;
+    public static NOT_USER_COUNT_IN: number = 16;
+    public static NOT_ACTOR_IN_TEAM: number = 17;
+    public static NOT_HAS_STACKED_FURNIS: number = 18;
+    public static NOT_FURNI_IS_OF_TYPE: number = 19;
+    public static NOT_STUFFS_IN_FORMATION: number = 20;
+    public static NOT_ACTOR_IN_GROUP: number = 21;
+    public static NOT_ACTOR_WEARS_BADGE: number = 22;
+    public static NOT_ACTOR_WEARING_EFFECT: number = 23;
+    public static DATE_RANGE_ACTIVE: number = 24;
+    public static ACTOR_HAS_HANDITEM: number = 25;
+}
diff --git a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
index a5dafef4..75c0db17 100644
--- a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
+++ b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
@@ -30,7 +30,7 @@ export const WiredActionBotGiveHandItemView: FC<{}> = props =>
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.tooltip.handitem') }</div>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</div>
             <select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
                 <option value="0">------</option>
                 {allowedHanditemIds && allowedHanditemIds.map(value =>
diff --git a/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx b/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
index 668d1fa9..58074134 100644
--- a/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
+++ b/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
@@ -25,6 +25,7 @@ export const WiredActionSetFurniStateToView: FC<{}> = props =>
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.conditions') }</div>
             <div className="form-check">
                 <input className="form-check-input" type="checkbox" id="stateFlag" onChange={(e) => setStateFlag(e.target.checked ? 1 : 0)} />
                 <label className="form-check-label" htmlFor="stateFlag">
diff --git a/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx b/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
new file mode 100644
index 00000000..fe746924
--- /dev/null
+++ b/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
@@ -0,0 +1,35 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionActorHasHandItemView: FC<{}> = props =>
+{
+    const allowedHanditemIds: number[] = [2, 5, 7, 8, 9, 10, 27];
+
+    const [ handItemId, setHandItemId ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setHandItemId((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([handItemId]);
+    }, [ handItemId, setIntParams ]);
+
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</div>
+            <select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
+                {allowedHanditemIds && allowedHanditemIds.map(value =>
+                    {
+                        return <option value={ value }>{ LocalizeText('handitem' + value) }</option>
+                    })}
+            </select>
+        </WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView.tsx b/src/views/wired/views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView.tsx
new file mode 100644
index 00000000..cfda370f
--- /dev/null
+++ b/src/views/wired/views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionActorIsGroupMemberView: FC<{}> = props =>
+{
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView.tsx b/src/views/wired/views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView.tsx
new file mode 100644
index 00000000..b71c5415
--- /dev/null
+++ b/src/views/wired/views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionActorIsOnFurniView: FC<{}> = props =>
+{
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ null }></WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView.tsx b/src/views/wired/views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView.tsx
new file mode 100644
index 00000000..58b394e6
--- /dev/null
+++ b/src/views/wired/views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView.tsx
@@ -0,0 +1,38 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionActorIsTeamMemberView: FC<{}> = props =>
+{
+    const [ selectedTeam, setSelectedTeam ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setSelectedTeam((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([selectedTeam]);
+    }, [ selectedTeam, setIntParams ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</div>
+            { [1, 2, 3, 4].map(team =>
+                {
+                    return (
+                        <div key={ team } className="form-check">
+                            <input className="form-check-input" type="radio" name="selectedTeam" id={'selectedTeam' + team} checked={ selectedTeam === team } onChange={() => setSelectedTeam(team)} />
+                            <label className="form-check-label" htmlFor={'selectedTeam' + team}>
+                                { LocalizeText('wiredfurni.params.team.' + team) }
+                            </label>
+                        </div>
+                    )
+                }) }
+        </WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView.tsx b/src/views/wired/views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView.tsx
new file mode 100644
index 00000000..8c3761cd
--- /dev/null
+++ b/src/views/wired/views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView.tsx
@@ -0,0 +1,30 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionActorIsWearingBadgeView: FC<{}> = props =>
+{
+    const [ badge, setBadge ] = useState('');
+    const { trigger = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setBadge(trigger.stringData);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setStringParam(badge);
+    }, [ badge, setStringParam ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.badgecode') }</label>
+                <input type="text" className="form-control form-control-sm" value={ badge } onChange={ event => setBadge(event.target.value) } />
+            </div>
+        </WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView.tsx b/src/views/wired/views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView.tsx
new file mode 100644
index 00000000..41a4c739
--- /dev/null
+++ b/src/views/wired/views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView.tsx
@@ -0,0 +1,30 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionActorIsWearingEffectView: FC<{}> = props =>
+{
+    const [ effect, setEffect ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setEffect((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([effect]);
+    }, [ effect, setIntParams ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.effectid') }</label>
+                <input type="number" className="form-control form-control-sm" value={ effect } onChange={ event => setEffect(Number(event.target.value)) } />
+            </div>
+        </WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx b/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
new file mode 100644
index 00000000..4504765d
--- /dev/null
+++ b/src/views/wired/views/conditions/base/WiredConditionBaseView.tsx
@@ -0,0 +1,20 @@
+import { FC, useCallback } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredBaseView } from '../../base/WiredBaseView';
+import { WiredConditionBaseViewProps } from './WiredConditionBaseView.types';
+
+export const WiredConditionBaseView: FC<WiredConditionBaseViewProps> = props =>
+{
+    const { requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, children = null } = props;
+    
+    const onSave = useCallback(() =>
+    {
+        if(save) save();
+    }, [ save ]);
+
+    return (
+        <WiredBaseView wiredType="condition" requiresFurni={ requiresFurni } save={ onSave }>
+            { children }
+        </WiredBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/base/WiredConditionBaseView.types.ts b/src/views/wired/views/conditions/base/WiredConditionBaseView.types.ts
new file mode 100644
index 00000000..61d99f91
--- /dev/null
+++ b/src/views/wired/views/conditions/base/WiredConditionBaseView.types.ts
@@ -0,0 +1,5 @@
+export interface WiredConditionBaseViewProps
+{
+    requiresFurni: number;
+    save: () => void;
+}
diff --git a/src/views/wired/views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView.tsx b/src/views/wired/views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView.tsx
new file mode 100644
index 00000000..9af8f481
--- /dev/null
+++ b/src/views/wired/views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionFurniHasAvatarOnView: FC<{}> = props =>
+{
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ null }></WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView.tsx b/src/views/wired/views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView.tsx
new file mode 100644
index 00000000..62e2db0d
--- /dev/null
+++ b/src/views/wired/views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView.tsx
@@ -0,0 +1,38 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionFurniHasFurniOnView: FC<{}> = props =>
+{
+    const [ requireAll, setRequireAll ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setRequireAll((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([requireAll]);
+    }, [ requireAll, setIntParams ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.requireall') }</div>
+            { [0, 1].map(option =>
+                {
+                    return (
+                        <div key={ option } className="form-check">
+                            <input className="form-check-input" type="radio" name="requireAll" id={'requireAll' + option} checked={ requireAll === option } onChange={() => setRequireAll(option)} />
+                            <label className="form-check-label" htmlFor={'requireAll' + option}>
+                                { LocalizeText('wiredfurni.params.requireall.' + option) }
+                            </label>
+                        </div>
+                    )
+                }) }
+        </WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView.tsx b/src/views/wired/views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView.tsx
new file mode 100644
index 00000000..4ed0a2e1
--- /dev/null
+++ b/src/views/wired/views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView.tsx
@@ -0,0 +1,38 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionFurniHasNotFurniOnView: FC<{}> = props =>
+{
+    const [ requireAll, setRequireAll ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setRequireAll((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([requireAll]);
+    }, [ requireAll, setIntParams ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.not_requireall') }</div>
+            { [0, 1].map(option =>
+                {
+                    return (
+                        <div key={ option } className="form-check">
+                            <input className="form-check-input" type="radio" name="requireAll" id={'requireAll' + option} checked={ requireAll === option } onChange={() => setRequireAll(option)} />
+                            <label className="form-check-label" htmlFor={'requireAll' + option}>
+                                { LocalizeText('wiredfurni.params.not_requireall.' + option) }
+                            </label>
+                        </div>
+                    )
+                }) }
+        </WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView.tsx b/src/views/wired/views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView.tsx
new file mode 100644
index 00000000..b28a2782
--- /dev/null
+++ b/src/views/wired/views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionFurniIsOfTypeView: FC<{}> = props =>
+{
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null }></WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView.tsx b/src/views/wired/views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView.tsx
new file mode 100644
index 00000000..37892b21
--- /dev/null
+++ b/src/views/wired/views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView.tsx
@@ -0,0 +1,49 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionFurniMatchesSnapshotView: FC<{}> = props =>
+{
+    const [ stateFlag, setStateFlag ] = useState(-1);
+    const [ directionFlag, setDirectionFlag ] = useState(-1);
+    const [ positionFlag, setPositionFlag ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setStateFlag(trigger.getBoolean(0) ? 1 : 0);
+        setDirectionFlag(trigger.getBoolean(1) ? 1 : 0);
+        setPositionFlag(trigger.getBoolean(2) ? 1 : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([stateFlag, directionFlag, positionFlag]);
+    }, [ directionFlag, positionFlag, setIntParams, stateFlag ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.conditions') }</div>
+            <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="stateFlag" onChange={(e) => setStateFlag(e.target.checked ? 1 : 0)} />
+                <label className="form-check-label" htmlFor="stateFlag">
+                    { LocalizeText('wiredfurni.params.condition.state') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="directionFlag" onChange={(e) => setDirectionFlag(e.target.checked ? 1 : 0)} />
+                <label className="form-check-label" htmlFor="directionFlag">
+                    { LocalizeText('wiredfurni.params.condition.direction') }
+                </label>
+            </div>
+            <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="positionFlag" onChange={(e) => setPositionFlag(e.target.checked ? 1 : 0)} />
+                <label className="form-check-label" htmlFor="positionFlag">
+                    { LocalizeText('wiredfurni.params.condition.position') }
+                </label>
+            </div>
+        </WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView.tsx b/src/views/wired/views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView.tsx
new file mode 100644
index 00000000..31465e6d
--- /dev/null
+++ b/src/views/wired/views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView.tsx
@@ -0,0 +1,36 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionTimeElapsedLessView: FC<{}> = props =>
+{
+    const [ time, setTime ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setTime((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([time]);
+    }, [ time, setIntParams ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.allowbefore', ['seconds'], [time.toString()]) }</div>
+            <Slider 
+                defaultValue={ time }
+                dots={ true }
+                min={ 0.5 }
+                max={ 600 }
+                step={ 0.5 }
+                onChange={ event => setTime(event) }
+                />
+        </WiredConditionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView.tsx b/src/views/wired/views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView.tsx
new file mode 100644
index 00000000..4e3947d3
--- /dev/null
+++ b/src/views/wired/views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView.tsx
@@ -0,0 +1,36 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionTimeElapsedMoreView: FC<{}> = props =>
+{
+    const [ time, setTime ] = useState(-1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setTime((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([time]);
+    }, [ time, setIntParams ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.allowafter', ['seconds'], [time.toString()]) }</div>
+            <Slider 
+                defaultValue={ time }
+                dots={ true }
+                min={ 0.5 }
+                max={ 600 }
+                step={ 0.5 }
+                onChange={ event => setTime(event) }
+                />
+        </WiredConditionBaseView>
+    );
+}

From 33e2baeb2040dc64cc4d03530248ab0266729952 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Mon, 28 Jun 2021 23:16:55 -0300
Subject: [PATCH 10/22] Rest

---
 .../wired/common/GetWiredActionLayout.tsx     |  3 ++
 .../WiredActionKickFromRoomView.tsx           |  2 +-
 .../mute-user/WiredActionMuteUserView.tsx     | 45 +++++++++++++++++++
 3 files changed, 49 insertions(+), 1 deletion(-)
 create mode 100644 src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx

diff --git a/src/views/wired/common/GetWiredActionLayout.tsx b/src/views/wired/common/GetWiredActionLayout.tsx
index 7f850f9c..fe1ca34f 100644
--- a/src/views/wired/common/GetWiredActionLayout.tsx
+++ b/src/views/wired/common/GetWiredActionLayout.tsx
@@ -17,6 +17,7 @@ import { WiredActionLeaveTeamView } from '../views/actions/leave-team/WiredActio
 import { WiredActionMoveAndRotateFurniView } from '../views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView';
 import { WiredActionMoveFurniToView } from '../views/actions/move-furni-to/WiredActionMoveFurniToView';
 import { WiredActionMoveFurniView } from '../views/actions/move-furni/WiredActionMoveFurniView';
+import { WiredActionMuteUserView } from '../views/actions/mute-user/WiredActionMuteUserView';
 import { WiredActionResetView } from '../views/actions/reset/WiredActionResetView';
 import { WiredActionSetFurniStateToView } from '../views/actions/set-furni-state-to/WiredActionSetFurniStateToView';
 import { WiredActionTeleportView } from '../views/actions/teleport/WiredActionTeleportView';
@@ -65,6 +66,8 @@ export function GetWiredActionLayout(code: number): JSX.Element
             return <WiredActionMoveAndRotateFurniView />;
         case WiredActionLayout.MOVE_FURNI_TO:
             return <WiredActionMoveFurniToView />;
+        case WiredActionLayout.MUTE_USER:
+            return <WiredActionMuteUserView />;
         case WiredActionLayout.RESET:
             return <WiredActionResetView />;
         case WiredActionLayout.SET_FURNI_STATE:
diff --git a/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx b/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
index 65933838..5d28ff52 100644
--- a/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
+++ b/src/views/wired/views/actions/kick-from-room/WiredActionKickFromRoomView.tsx
@@ -22,7 +22,7 @@ export const WiredActionKickFromRoomView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="form-group">
-                <label>{ LocalizeText('wiredfurni.params.message') }</label>
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
             </div>
         </WiredActionBaseView>
diff --git a/src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx b/src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx
new file mode 100644
index 00000000..c17cf3c9
--- /dev/null
+++ b/src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx
@@ -0,0 +1,45 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionMuteUserView: FC<{}> = props =>
+{
+    const [ time, setTime ] = useState(-1);
+    const [ message, setMessage ] = useState('');
+    const { trigger = null, setIntParams = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setTime((trigger.intData.length > 0) ? trigger.intData[0] : 0);
+        setMessage(trigger.stringData);
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([time]);
+        setStringParam(message);
+    }, [ time, message, setIntParams, setStringParam ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+           
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.length.minutes', ['minutes'], [time.toString()]) }</div>
+            <Slider 
+                defaultValue={ time }
+                dots={ true }
+                min={ 1 }
+                max={ 10 }
+                step={ 1 }
+                onChange={ event => setTime(event) }
+                />
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
+                <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
+            </div>
+        </WiredActionBaseView>
+    );
+}

From 49131d0137f179a3748dd0de3d40d211095d675b Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Mon, 28 Jun 2021 23:31:59 -0300
Subject: [PATCH 11/22] Condition User Count

---
 .../wired/common/GetWiredConditionLayout.tsx  |  4 ++
 src/views/wired/views/base/WiredBaseView.tsx  |  2 +-
 .../WiredConditionUserCountInRoomView.tsx     | 51 +++++++++++++++++++
 3 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 src/views/wired/views/conditions/user-count-in-room/WiredConditionUserCountInRoomView.tsx

diff --git a/src/views/wired/common/GetWiredConditionLayout.tsx b/src/views/wired/common/GetWiredConditionLayout.tsx
index bdbe1403..ac6dc69a 100644
--- a/src/views/wired/common/GetWiredConditionLayout.tsx
+++ b/src/views/wired/common/GetWiredConditionLayout.tsx
@@ -11,6 +11,7 @@ import { WiredConditionFurniIsOfTypeView } from '../views/conditions/furni-is-of
 import { WiredConditionFurniMatchesSnapshotView } from '../views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView';
 import { WiredConditionTimeElapsedLessView } from '../views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView';
 import { WiredConditionTimeElapsedMoreView } from '../views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView';
+import { WiredConditionUserCountInRoomView } from '../views/conditions/user-count-in-room/WiredConditionUserCountInRoomView';
 import { WiredConditionlayout } from './WiredConditionLayoutCode';
 
 export function GetWiredConditionLayout(code: number): JSX.Element
@@ -51,5 +52,8 @@ export function GetWiredConditionLayout(code: number): JSX.Element
             return <WiredConditionTimeElapsedLessView />;
         case WiredConditionlayout.TIME_ELAPSED_MORE:
             return <WiredConditionTimeElapsedMoreView />;
+        case WiredConditionlayout.USER_COUNT_IN:
+        case WiredConditionlayout.NOT_USER_COUNT_IN:
+            return <WiredConditionUserCountInRoomView />;
     }
 }
diff --git a/src/views/wired/views/base/WiredBaseView.tsx b/src/views/wired/views/base/WiredBaseView.tsx
index 279078df..3bbc1c85 100644
--- a/src/views/wired/views/base/WiredBaseView.tsx
+++ b/src/views/wired/views/base/WiredBaseView.tsx
@@ -72,7 +72,7 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
                         <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ '0', '0' ]) }</div>
                         <div>{ LocalizeText('wiredfurni.pickfurnis.desc') }</div>
                     </> }
-                <div className="d-flex mt-2">
+                <div className="d-flex mt-3">
                     <button className="btn btn-success me-2 w-100" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</button>
                     <button className="btn btn-secondary w-100" onClick={ close }>{ LocalizeText('cancel') }</button>
                 </div>
diff --git a/src/views/wired/views/conditions/user-count-in-room/WiredConditionUserCountInRoomView.tsx b/src/views/wired/views/conditions/user-count-in-room/WiredConditionUserCountInRoomView.tsx
new file mode 100644
index 00000000..5e00ff4f
--- /dev/null
+++ b/src/views/wired/views/conditions/user-count-in-room/WiredConditionUserCountInRoomView.tsx
@@ -0,0 +1,51 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionUserCountInRoomView: FC<{}> = props =>
+{
+    const [ min, setMin ] = useState(1);
+    const [ max, setMax ] = useState(1);
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        if(trigger.intData.length >= 2)
+        {
+            setMin(trigger.intData[0]);
+            setMax(trigger.intData[1]);
+        }
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        setIntParams([min, max]);
+    }, [ min, max, setIntParams ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.usercountmin', ['value'], [min.toString()]) }</div>
+            <Slider 
+                defaultValue={ min }
+                dots={ true }
+                min={ 1 }
+                max={ 50 }
+                step={ 1 }
+                onChange={ event => setMin(event) }
+                />
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.usercountmax', ['value'], [max.toString()]) }</div>
+            <Slider 
+                defaultValue={ max }
+                dots={ true }
+                min={ 1 }
+                max={ 50 }
+                step={ 1 }
+                onChange={ event => setMax(event) }
+                />
+        </WiredConditionBaseView>
+    );
+}

From 7e54c5a2196a90316c997e452c72bf026a17c222 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 29 Jun 2021 02:20:50 -0400
Subject: [PATCH 12/22] Update triggers

---
 .../wired/common/GetWiredTriggerLayout.tsx    |  2 ++
 .../WiredTriggerAvatarEnterRoomView.tsx       | 36 ++++++++++---------
 .../WiredTriggerAvatarSaysSomethingView.tsx   | 31 ++++++++--------
 .../WiredTriggerAvatarWalksOffFurniView.tsx   |  4 +--
 .../WiredTriggerAvatarWalksOnFurni.tsx        |  4 +--
 .../collision/WiredTriggerCollisionView.tsx   |  4 +--
 .../WiredTriggerExecuteOnceView.tsx           | 15 ++++----
 ...iredTriggerExecutePeriodicallyLongView.tsx | 13 ++++---
 .../WiredTriggerExecutePeriodicallyView.tsx   | 11 +++---
 .../game-ends/WiredTriggerGameEndsView.tsx    |  4 +--
 .../WiredTriggerGameStartsView.tsx            |  4 +--
 .../WiredTriggerScoreAchievedView.tsx         |  8 ++---
 .../WiredTriggerToggleFurniView.tsx           |  4 +--
 13 files changed, 65 insertions(+), 75 deletions(-)

diff --git a/src/views/wired/common/GetWiredTriggerLayout.tsx b/src/views/wired/common/GetWiredTriggerLayout.tsx
index 8fb0e6f7..41ddd9c7 100644
--- a/src/views/wired/common/GetWiredTriggerLayout.tsx
+++ b/src/views/wired/common/GetWiredTriggerLayout.tsx
@@ -47,4 +47,6 @@ export function GetWiredTriggerLayout(code: number): JSX.Element
         case WiredTriggerLayout.TOGGLE_FURNI:
             return <WiredTriggerToggleFurniView />;
     }
+
+    return null;
 }
diff --git a/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx b/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
index 90c7e030..c2ae65c3 100644
--- a/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
+++ b/src/views/wired/views/triggers/avatar-enter-room/WiredTriggerAvatarEnterRoomView.tsx
@@ -18,27 +18,31 @@ export const WiredTriggerAvatarEnterRoomView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        if(avatarMode === 1)
-            setStringParam(username);
-        else
-            setStringParam('');
+        if(avatarMode === 1) setStringParam(username);
+        else setStringParam('');
     }, [ username, avatarMode, setStringParam ]);
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="avatarMode" id="avatarMode0" checked={ avatarMode === 0 } onChange={() => setAvatarMode(0)} />
-                <label className="form-check-label" htmlFor="avatarMode0">
-                    { LocalizeText('wiredfurni.params.anyavatar') }
-                </label>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.picktriggerer') }</label>
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="avatarMode" id="avatarMode0" checked={ (avatarMode === 0) } onChange={ event => setAvatarMode(0) } />
+                    <label className="form-check-label" htmlFor="avatarMode0">
+                        { LocalizeText('wiredfurni.params.anyavatar') }
+                    </label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="avatarMode" id="avatarMode1" checked={ (avatarMode === 1) } onChange={ event => setAvatarMode(1) } />
+                    <label className="form-check-label" htmlFor="avatarMode1">
+                        { LocalizeText('wiredfurni.params.certainavatar') }
+                    </label>
+                </div>
             </div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="avatarMode" id="avatarMode1" checked={ avatarMode === 1 } onChange={() => setAvatarMode(1)} />
-                <label className="form-check-label" htmlFor="avatarMode1">
-                    { LocalizeText('wiredfurni.params.certainavatar') }
-                </label>
-            </div>
-            { avatarMode === 1 && <input type="text" className="form-control form-control-sm" value={ username } onChange={ event => setUsername(event.target.value) } /> }
+            { (avatarMode === 1) &&
+                <div className="form-group">
+                    <input type="text" className="form-control form-control-sm" value={ username } onChange={ event => setUsername(event.target.value) } />
+                </div> }
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView.tsx b/src/views/wired/views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView.tsx
index 36ed88fb..761006f2 100644
--- a/src/views/wired/views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView.tsx
+++ b/src/views/wired/views/triggers/avatar-says-something/WiredTriggerAvatarSaysSomethingView.tsx
@@ -20,28 +20,29 @@ export const WiredTriggerAvatarSaysSomethingView: FC<{}> = props =>
     const save = useCallback(() =>
     {
         setStringParam(message);
-        setIntParams([triggererAvatar]);
+        setIntParams([ triggererAvatar ]);
     }, [ message, triggererAvatar, setStringParam, setIntParams ]);
     
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="form-group">
+            <div className="form-group mb-2">
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.whatissaid') }</label>
                 <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
             </div>
-            <hr className="my-1 mb-2 bg-dark" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.picktriggerer') }</div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="triggererAvatar" id="triggererAvatar0" checked={ triggererAvatar === 0 } onChange={() => setTriggererAvatar(0)} />
-                <label className="form-check-label" htmlFor="triggererAvatar0">
-                    { LocalizeText('wiredfurni.params.anyavatar') }
-                </label>
-            </div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="triggererAvatar" id="triggererAvatar1" checked={ triggererAvatar === 1 } onChange={() => setTriggererAvatar(1)} />
-                <label className="form-check-label" htmlFor="triggererAvatar1">
-                    { GetSessionDataManager().userName }
-                </label>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.picktriggerer') }</label>
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="triggererAvatar" id="triggererAvatar0" checked={ triggererAvatar === 0 } onChange={() => setTriggererAvatar(0)} />
+                    <label className="form-check-label" htmlFor="triggererAvatar0">
+                        { LocalizeText('wiredfurni.params.anyavatar') }
+                    </label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="triggererAvatar" id="triggererAvatar1" checked={ triggererAvatar === 1 } onChange={() => setTriggererAvatar(1)} />
+                    <label className="form-check-label" htmlFor="triggererAvatar1">
+                        { GetSessionDataManager().userName }
+                    </label>
+                </div>
             </div>
         </WiredTriggerBaseView>
     );
diff --git a/src/views/wired/views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView.tsx b/src/views/wired/views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView.tsx
index 7c8c47b9..4a9176ca 100644
--- a/src/views/wired/views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView.tsx
+++ b/src/views/wired/views/triggers/avatar-walks-off-furni/WiredTriggerAvatarWalksOffFurniView.tsx
@@ -4,7 +4,5 @@ import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
 
 export const WiredTriggerAvatarWalksOffFurniView: FC<{}> = props =>
 {
-    return (
-        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null }></WiredTriggerBaseView>
-    );
+    return <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null } />;
 }
diff --git a/src/views/wired/views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni.tsx b/src/views/wired/views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni.tsx
index 2204b3b0..1584600d 100644
--- a/src/views/wired/views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni.tsx
+++ b/src/views/wired/views/triggers/avatar-walks-on-furni/WiredTriggerAvatarWalksOnFurni.tsx
@@ -4,7 +4,5 @@ import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
 
 export const WiredTriggerAvatarWalksOnFurniView: FC<{}> = props =>
 {
-    return (
-        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null }></WiredTriggerBaseView>
-    );
+    return <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null } />;
 }
diff --git a/src/views/wired/views/triggers/collision/WiredTriggerCollisionView.tsx b/src/views/wired/views/triggers/collision/WiredTriggerCollisionView.tsx
index feeffed3..2e76dbfe 100644
--- a/src/views/wired/views/triggers/collision/WiredTriggerCollisionView.tsx
+++ b/src/views/wired/views/triggers/collision/WiredTriggerCollisionView.tsx
@@ -4,7 +4,5 @@ import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
 
 export const WiredTriggerCollisionView: FC<{}> = props =>
 {
-    return (
-        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredTriggerBaseView>
-    );
+    return <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null } />;
 }
diff --git a/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx b/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
index 50035d0e..91b96998 100644
--- a/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
+++ b/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
@@ -1,6 +1,7 @@
 import Slider from 'rc-slider/lib/Slider';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { GetWiredTimeLocale } from '../../../common/GetWiredTimeLocale';
 import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
@@ -17,19 +18,17 @@ export const WiredTriggeExecuteOnceView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([time]);
-    }, [ time,  setIntParams ]);
+        setIntParams([ time ]);
+    }, [ time, setIntParams ]);
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ time.toString() ]) }</div>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</div>
             <Slider 
-                defaultValue={ time }
-                dots={ true }
+                value={ time }
                 min={ 1 }
-                max={ 60 }
-                onChange={ event => setTime(event) }
-                />
+                max={ 1200 }
+                onChange={ event => setTime(event) } />
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx b/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
index 9c431d2e..5ee31f14 100644
--- a/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
+++ b/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
@@ -1,3 +1,4 @@
+import { FriendlyTime } from 'nitro-renderer';
 import Slider from 'rc-slider/lib/Slider';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
@@ -17,19 +18,17 @@ export const WiredTriggeExecutePeriodicallyLongView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([time]);
+        setIntParams([ time ]);
     }, [ time,  setIntParams ]);
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setlongtime', [ 'time' ], [ time.toString() ]) }</div>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setlongtime', [ 'time' ], [ FriendlyTime.format(time * 5).toString() ]) }</div>
             <Slider 
-                defaultValue={ time }
-                dots={ true }
+                value={ time }
                 min={ 1 }
-                max={ 600 }
-                onChange={ event => setTime(event) }
-                />
+                max={ 120 }
+                onChange={ event => setTime(event) } />
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx b/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
index 5fb0fe62..62ba254a 100644
--- a/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
+++ b/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
@@ -1,6 +1,7 @@
 import Slider from 'rc-slider/lib/Slider';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { GetWiredTimeLocale } from '../../../common/GetWiredTimeLocale';
 import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
@@ -17,19 +18,17 @@ export const WiredTriggeExecutePeriodicallyView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([time]);
+        setIntParams([ time ]);
     }, [ time,  setIntParams ]);
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ time.toString() ]) }</div>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</div>
             <Slider 
-                defaultValue={ time }
-                dots={ true }
+                value={ time }
                 min={ 1 }
                 max={ 60 }
-                onChange={ event => setTime(event) }
-                />
+                onChange={ event => setTime(event) }/>
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/game-ends/WiredTriggerGameEndsView.tsx b/src/views/wired/views/triggers/game-ends/WiredTriggerGameEndsView.tsx
index 4d1df673..9f219b97 100644
--- a/src/views/wired/views/triggers/game-ends/WiredTriggerGameEndsView.tsx
+++ b/src/views/wired/views/triggers/game-ends/WiredTriggerGameEndsView.tsx
@@ -4,7 +4,5 @@ import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
 
 export const WiredTriggerGameEndsView: FC<{}> = props =>
 {
-    return (
-        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredTriggerBaseView>
-    );
+    return <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null } />;
 }
diff --git a/src/views/wired/views/triggers/game-starts/WiredTriggerGameStartsView.tsx b/src/views/wired/views/triggers/game-starts/WiredTriggerGameStartsView.tsx
index 7726e2b3..cee76c33 100644
--- a/src/views/wired/views/triggers/game-starts/WiredTriggerGameStartsView.tsx
+++ b/src/views/wired/views/triggers/game-starts/WiredTriggerGameStartsView.tsx
@@ -4,7 +4,5 @@ import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
 
 export const WiredTriggerGameStartsView: FC<{}> = props =>
 {
-    return (
-        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredTriggerBaseView>
-    );
+    return <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null } />;
 }
diff --git a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
index 54151e5e..aaa2047f 100644
--- a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
+++ b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
@@ -17,20 +17,18 @@ export const WiredTriggeScoreAchievedView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([points]);
+        setIntParams([ points ]);
     }, [ points,  setIntParams ]);
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="fw-bold">{ LocalizeText('wiredfurni.params.setscore', [ 'points' ], [ points.toString() ]) }</div>
             <Slider 
-                defaultValue={ points }
-                dots={ true }
+                value={ points }
                 min={ 1 }
                 max={ 1000 }
                 step={ 1 }
-                onChange={ event => setPoints(event) }
-                />
+                onChange={ event => setPoints(event) } />
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/toggle-furni/WiredTriggerToggleFurniView.tsx b/src/views/wired/views/triggers/toggle-furni/WiredTriggerToggleFurniView.tsx
index e7182fd0..28ae43c8 100644
--- a/src/views/wired/views/triggers/toggle-furni/WiredTriggerToggleFurniView.tsx
+++ b/src/views/wired/views/triggers/toggle-furni/WiredTriggerToggleFurniView.tsx
@@ -4,7 +4,5 @@ import { WiredTriggerBaseView } from '../base/WiredTriggerBaseView';
 
 export const WiredTriggerToggleFurniView: FC<{}> = props =>
 {
-    return (
-        <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null }></WiredTriggerBaseView>
-    );
+    return <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null } />;
 }

From 6fa35f9bcf2f8c947a75e8805752a6cecb5ff83c Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 29 Jun 2021 02:41:12 -0400
Subject: [PATCH 13/22] Update triggers again

---
 .../execute-once/WiredTriggerExecuteOnceView.tsx | 14 ++++++++------
 .../WiredTriggerExecutePeriodicallyLongView.tsx  | 14 ++++++++------
 .../WiredTriggerExecutePeriodicallyView.tsx      | 14 ++++++++------
 .../WiredTriggerScoreAchievedView.tsx            | 16 +++++++++-------
 4 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx b/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
index 91b96998..f9f7cb4c 100644
--- a/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
+++ b/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
@@ -23,12 +23,14 @@ export const WiredTriggeExecuteOnceView: FC<{}> = props =>
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</div>
-            <Slider 
-                value={ time }
-                min={ 1 }
-                max={ 1200 }
-                onChange={ event => setTime(event) } />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 1200 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx b/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
index 5ee31f14..6cf75704 100644
--- a/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
+++ b/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
@@ -23,12 +23,14 @@ export const WiredTriggeExecutePeriodicallyLongView: FC<{}> = props =>
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setlongtime', [ 'time' ], [ FriendlyTime.format(time * 5).toString() ]) }</div>
-            <Slider 
-                value={ time }
-                min={ 1 }
-                max={ 120 }
-                onChange={ event => setTime(event) } />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.setlongtime', [ 'time' ], [ FriendlyTime.format(time * 5).toString() ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 120 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx b/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
index 62ba254a..98049d39 100644
--- a/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
+++ b/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
@@ -23,12 +23,14 @@ export const WiredTriggeExecutePeriodicallyView: FC<{}> = props =>
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</div>
-            <Slider 
-                value={ time }
-                min={ 1 }
-                max={ 60 }
-                onChange={ event => setTime(event) }/>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 60 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
index aaa2047f..f48adfe2 100644
--- a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
+++ b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
@@ -22,13 +22,15 @@ export const WiredTriggeScoreAchievedView: FC<{}> = props =>
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setscore', [ 'points' ], [ points.toString() ]) }</div>
-            <Slider 
-                value={ points }
-                min={ 1 }
-                max={ 1000 }
-                step={ 1 }
-                onChange={ event => setPoints(event) } />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.setscore', [ 'points' ], [ points.toString() ]) }</label>
+                <Slider 
+                    value={ points }
+                    min={ 1 }
+                    max={ 1000 }
+                    step={ 1 }
+                    onChange={ event => setPoints(event) } />
+            </div>
         </WiredTriggerBaseView>
     );
 }

From b7e822678fdb936afbc7ebbed55d7230b6a731bc Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 29 Jun 2021 04:24:12 -0400
Subject: [PATCH 14/22] Update wired conditions

---
 .../wired/common/GetWiredConditionLayout.tsx  |  2 +
 .../WiredConditionActorHasHandItem.tsx        | 22 +++++-----
 .../WiredConditionActorIsGroupMemberView.tsx  |  4 +-
 .../WiredConditionActorIsOnFurniView.tsx      |  4 +-
 .../WiredConditionActorIsTeamMemberView.tsx   | 30 +++++++------
 .../WiredConditionActorIsWearingBadgeView.tsx |  2 +-
 ...WiredConditionActorIsWearingEffectView.tsx |  6 +--
 .../WiredConditionFurniHasAvatarOnView.tsx    |  4 +-
 .../WiredConditionFurniHasFurniOnView.tsx     | 28 +++++++------
 .../WiredConditionFurniHasNotFurniOnView.tsx  | 28 +++++++------
 .../WiredConditionFurniIsOfTypeView.tsx       |  4 +-
 ...WiredConditionFurniMatchesSnapshotView.tsx | 42 ++++++++++---------
 .../WiredConditionTimeElapsedLessView.tsx     | 20 ++++-----
 .../WiredConditionTimeElapsedMoreView.tsx     | 20 ++++-----
 .../WiredConditionUserCountInRoomView.tsx     | 42 ++++++++++---------
 15 files changed, 133 insertions(+), 125 deletions(-)

diff --git a/src/views/wired/common/GetWiredConditionLayout.tsx b/src/views/wired/common/GetWiredConditionLayout.tsx
index ac6dc69a..4e5d38bb 100644
--- a/src/views/wired/common/GetWiredConditionLayout.tsx
+++ b/src/views/wired/common/GetWiredConditionLayout.tsx
@@ -56,4 +56,6 @@ export function GetWiredConditionLayout(code: number): JSX.Element
         case WiredConditionlayout.NOT_USER_COUNT_IN:
             return <WiredConditionUserCountInRoomView />;
     }
+
+    return null;
 }
diff --git a/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx b/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
index fe746924..fe4aefe3 100644
--- a/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
+++ b/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
@@ -4,10 +4,10 @@ import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
 
+const allowedHanditemIds: number[] = [ 2, 5, 7, 8, 9, 10, 27 ];
+
 export const WiredConditionActorHasHandItemView: FC<{}> = props =>
 {
-    const allowedHanditemIds: number[] = [2, 5, 7, 8, 9, 10, 27];
-
     const [ handItemId, setHandItemId ] = useState(-1);
     const { trigger = null, setIntParams = null } = useWiredContext();
 
@@ -18,18 +18,20 @@ export const WiredConditionActorHasHandItemView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([handItemId]);
+        setIntParams([ handItemId ]);
     }, [ handItemId, setIntParams ]);
 
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</div>
-            <select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
-                {allowedHanditemIds && allowedHanditemIds.map(value =>
-                    {
-                        return <option value={ value }>{ LocalizeText('handitem' + value) }</option>
-                    })}
-            </select>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</label>
+                <select className="form-select form-select-sm" value={ handItemId } onChange={ event => setHandItemId(parseInt(event.target.value)) }>
+                    { allowedHanditemIds.map((value, index) =>
+                        {
+                            return <option key={ index } value={ value }>{ LocalizeText(`handitem${ value }`) }</option>
+                        }) }
+                </select>
+            </div>
         </WiredConditionBaseView>
     );
 }
diff --git a/src/views/wired/views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView.tsx b/src/views/wired/views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView.tsx
index cfda370f..8221f74b 100644
--- a/src/views/wired/views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView.tsx
+++ b/src/views/wired/views/conditions/actor-is-group-member/WiredConditionActorIsGroupMemberView.tsx
@@ -4,7 +4,5 @@ import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
 
 export const WiredConditionActorIsGroupMemberView: FC<{}> = props =>
 {
-    return (
-        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredConditionBaseView>
-    );
+    return <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null } />;
 }
diff --git a/src/views/wired/views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView.tsx b/src/views/wired/views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView.tsx
index b71c5415..fbafd294 100644
--- a/src/views/wired/views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView.tsx
+++ b/src/views/wired/views/conditions/actor-is-on-furni/WiredConditionActorIsOnFurniView.tsx
@@ -4,7 +4,5 @@ import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
 
 export const WiredConditionActorIsOnFurniView: FC<{}> = props =>
 {
-    return (
-        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ null }></WiredConditionBaseView>
-    );
+    return <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ null } />;
 }
diff --git a/src/views/wired/views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView.tsx b/src/views/wired/views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView.tsx
index 58b394e6..851088a3 100644
--- a/src/views/wired/views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView.tsx
+++ b/src/views/wired/views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView.tsx
@@ -4,6 +4,8 @@ import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
 
+const teamIds: number[] = [ 1, 2, 3, 4 ];
+
 export const WiredConditionActorIsTeamMemberView: FC<{}> = props =>
 {
     const [ selectedTeam, setSelectedTeam ] = useState(-1);
@@ -16,23 +18,25 @@ export const WiredConditionActorIsTeamMemberView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([selectedTeam]);
+        setIntParams([ selectedTeam ]);
     }, [ selectedTeam, setIntParams ]);
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</div>
-            { [1, 2, 3, 4].map(team =>
-                {
-                    return (
-                        <div key={ team } className="form-check">
-                            <input className="form-check-input" type="radio" name="selectedTeam" id={'selectedTeam' + team} checked={ selectedTeam === team } onChange={() => setSelectedTeam(team)} />
-                            <label className="form-check-label" htmlFor={'selectedTeam' + team}>
-                                { LocalizeText('wiredfurni.params.team.' + team) }
-                            </label>
-                        </div>
-                    )
-                }) }
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</label>
+                { teamIds.map((value, index) =>
+                    {
+                        return (
+                            <div key={ index } className="form-check">
+                                <input className="form-check-input" type="radio" name="selectedTeam" id={ `selectedTeam${ value }` } checked={ (selectedTeam === value) } onChange={ event => setSelectedTeam(value) } />
+                                <label className="form-check-label" htmlFor={ `selectedTeam${ value }` }>
+                                    { LocalizeText(`wiredfurni.params.team.${ value }`) }
+                                </label>
+                            </div>
+                        )
+                    }) }
+            </div>
         </WiredConditionBaseView>
     );
 }
diff --git a/src/views/wired/views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView.tsx b/src/views/wired/views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView.tsx
index 8c3761cd..cfeef2ce 100644
--- a/src/views/wired/views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView.tsx
+++ b/src/views/wired/views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView.tsx
@@ -21,7 +21,7 @@ export const WiredConditionActorIsWearingBadgeView: FC<{}> = props =>
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="form-group mb-2">
+            <div className="form-group">
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.badgecode') }</label>
                 <input type="text" className="form-control form-control-sm" value={ badge } onChange={ event => setBadge(event.target.value) } />
             </div>
diff --git a/src/views/wired/views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView.tsx b/src/views/wired/views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView.tsx
index 41a4c739..4242720a 100644
--- a/src/views/wired/views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView.tsx
+++ b/src/views/wired/views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView.tsx
@@ -16,14 +16,14 @@ export const WiredConditionActorIsWearingEffectView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([effect]);
+        setIntParams([ effect ]);
     }, [ effect, setIntParams ]);
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="form-group mb-2">
+            <div className="form-group">
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.effectid') }</label>
-                <input type="number" className="form-control form-control-sm" value={ effect } onChange={ event => setEffect(Number(event.target.value)) } />
+                <input type="number" className="form-control form-control-sm" value={ effect } onChange={ event => setEffect(parseInt(event.target.value)) } />
             </div>
         </WiredConditionBaseView>
     );
diff --git a/src/views/wired/views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView.tsx b/src/views/wired/views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView.tsx
index 9af8f481..286273ae 100644
--- a/src/views/wired/views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView.tsx
+++ b/src/views/wired/views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView.tsx
@@ -4,7 +4,5 @@ import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
 
 export const WiredConditionFurniHasAvatarOnView: FC<{}> = props =>
 {
-    return (
-        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ null }></WiredConditionBaseView>
-    );
+    return <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ null } />;
 }
diff --git a/src/views/wired/views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView.tsx b/src/views/wired/views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView.tsx
index 62e2db0d..1a41594f 100644
--- a/src/views/wired/views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView.tsx
+++ b/src/views/wired/views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView.tsx
@@ -16,23 +16,25 @@ export const WiredConditionFurniHasFurniOnView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([requireAll]);
+        setIntParams([ requireAll ]);
     }, [ requireAll, setIntParams ]);
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.requireall') }</div>
-            { [0, 1].map(option =>
-                {
-                    return (
-                        <div key={ option } className="form-check">
-                            <input className="form-check-input" type="radio" name="requireAll" id={'requireAll' + option} checked={ requireAll === option } onChange={() => setRequireAll(option)} />
-                            <label className="form-check-label" htmlFor={'requireAll' + option}>
-                                { LocalizeText('wiredfurni.params.requireall.' + option) }
-                            </label>
-                        </div>
-                    )
-                }) }
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.requireall') }</label>
+                { [0, 1].map(value =>
+                    {
+                        return (
+                            <div key={ value } className="form-check">
+                                <input className="form-check-input" type="radio" name="requireAll" id={ `requireAll${ value }` } checked={ (requireAll === value) } onChange={ event => setRequireAll(value) } />
+                                <label className="form-check-label" htmlFor={ `requireAll${ value }` }>
+                                    { LocalizeText('wiredfurni.params.requireall.' + value) }
+                                </label>
+                            </div>
+                        )
+                    }) }
+            </div>
         </WiredConditionBaseView>
     );
 }
diff --git a/src/views/wired/views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView.tsx b/src/views/wired/views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView.tsx
index 4ed0a2e1..b9002190 100644
--- a/src/views/wired/views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView.tsx
+++ b/src/views/wired/views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView.tsx
@@ -16,23 +16,25 @@ export const WiredConditionFurniHasNotFurniOnView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([requireAll]);
+        setIntParams([ requireAll ]);
     }, [ requireAll, setIntParams ]);
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.not_requireall') }</div>
-            { [0, 1].map(option =>
-                {
-                    return (
-                        <div key={ option } className="form-check">
-                            <input className="form-check-input" type="radio" name="requireAll" id={'requireAll' + option} checked={ requireAll === option } onChange={() => setRequireAll(option)} />
-                            <label className="form-check-label" htmlFor={'requireAll' + option}>
-                                { LocalizeText('wiredfurni.params.not_requireall.' + option) }
-                            </label>
-                        </div>
-                    )
-                }) }
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.not_requireall') }</label>
+                { [0, 1].map(value =>
+                    {
+                        return (
+                            <div key={ value } className="form-check">
+                                <input className="form-check-input" type="radio" name="requireAll" id={ `requireAll${ value }` } checked={ (requireAll === value) } onChange={ event => setRequireAll(value) } />
+                                <label className="form-check-label" htmlFor={ `requireAll${ value }` }>
+                                    { LocalizeText(`wiredfurni.params.not_requireall.${ value }`) }
+                                </label>
+                            </div>
+                        )
+                    }) }
+            </div>
         </WiredConditionBaseView>
     );
 }
diff --git a/src/views/wired/views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView.tsx b/src/views/wired/views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView.tsx
index b28a2782..2f2514a7 100644
--- a/src/views/wired/views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView.tsx
+++ b/src/views/wired/views/conditions/furni-is-of-type/WiredConditionFurniIsOfTypeView.tsx
@@ -4,7 +4,5 @@ import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
 
 export const WiredConditionFurniIsOfTypeView: FC<{}> = props =>
 {
-    return (
-        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null }></WiredConditionBaseView>
-    );
+    return <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ null } />;
 }
diff --git a/src/views/wired/views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView.tsx b/src/views/wired/views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView.tsx
index 37892b21..5fdffee8 100644
--- a/src/views/wired/views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView.tsx
+++ b/src/views/wired/views/conditions/furni-matches-snapshot/WiredConditionFurniMatchesSnapshotView.tsx
@@ -20,29 +20,31 @@ export const WiredConditionFurniMatchesSnapshotView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([stateFlag, directionFlag, positionFlag]);
-    }, [ directionFlag, positionFlag, setIntParams, stateFlag ]);
+        setIntParams([ stateFlag, directionFlag, positionFlag ]);
+    }, [ directionFlag, positionFlag, stateFlag, setIntParams ]);
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.conditions') }</div>
-            <div className="form-check">
-                <input className="form-check-input" type="checkbox" id="stateFlag" onChange={(e) => setStateFlag(e.target.checked ? 1 : 0)} />
-                <label className="form-check-label" htmlFor="stateFlag">
-                    { LocalizeText('wiredfurni.params.condition.state') }
-                </label>
-            </div>
-            <div className="form-check">
-                <input className="form-check-input" type="checkbox" id="directionFlag" onChange={(e) => setDirectionFlag(e.target.checked ? 1 : 0)} />
-                <label className="form-check-label" htmlFor="directionFlag">
-                    { LocalizeText('wiredfurni.params.condition.direction') }
-                </label>
-            </div>
-            <div className="form-check">
-                <input className="form-check-input" type="checkbox" id="positionFlag" onChange={(e) => setPositionFlag(e.target.checked ? 1 : 0)} />
-                <label className="form-check-label" htmlFor="positionFlag">
-                    { LocalizeText('wiredfurni.params.condition.position') }
-                </label>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.conditions') }</label>
+                <div className="form-check">
+                    <input className="form-check-input" type="checkbox" id="stateFlag" onChange={ event => setStateFlag(event.target.checked ? 1 : 0) } />
+                    <label className="form-check-label" htmlFor="stateFlag">
+                        { LocalizeText('wiredfurni.params.condition.state') }
+                    </label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="checkbox" id="directionFlag" onChange={ event => setDirectionFlag(event.target.checked ? 1 : 0) } />
+                    <label className="form-check-label" htmlFor="directionFlag">
+                        { LocalizeText('wiredfurni.params.condition.direction') }
+                    </label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="checkbox" id="positionFlag" onChange={ event => setPositionFlag(event.target.checked ? 1 : 0) } />
+                    <label className="form-check-label" htmlFor="positionFlag">
+                        { LocalizeText('wiredfurni.params.condition.position') }
+                    </label>
+                </div>
             </div>
         </WiredConditionBaseView>
     );
diff --git a/src/views/wired/views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView.tsx b/src/views/wired/views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView.tsx
index 31465e6d..72210acf 100644
--- a/src/views/wired/views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView.tsx
+++ b/src/views/wired/views/conditions/time-elapsed-less/WiredConditionTimeElapsedLessView.tsx
@@ -1,6 +1,7 @@
 import Slider from 'rc-slider/lib/Slider';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { GetWiredTimeLocale } from '../../../common/GetWiredTimeLocale';
 import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
@@ -17,20 +18,19 @@ export const WiredConditionTimeElapsedLessView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([time]);
+        setIntParams([ time ]);
     }, [ time, setIntParams ]);
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.allowbefore', ['seconds'], [time.toString()]) }</div>
-            <Slider 
-                defaultValue={ time }
-                dots={ true }
-                min={ 0.5 }
-                max={ 600 }
-                step={ 0.5 }
-                onChange={ event => setTime(event) }
-                />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.allowbefore', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 1200 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredConditionBaseView>
     );
 }
diff --git a/src/views/wired/views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView.tsx b/src/views/wired/views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView.tsx
index 4e3947d3..a8210ccc 100644
--- a/src/views/wired/views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView.tsx
+++ b/src/views/wired/views/conditions/time-elapsed-more/WiredConditionTimeElapsedMoreView.tsx
@@ -1,6 +1,7 @@
 import Slider from 'rc-slider/lib/Slider';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { GetWiredTimeLocale } from '../../../common/GetWiredTimeLocale';
 import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
@@ -17,20 +18,19 @@ export const WiredConditionTimeElapsedMoreView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([time]);
+        setIntParams([ time ]);
     }, [ time, setIntParams ]);
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.allowafter', ['seconds'], [time.toString()]) }</div>
-            <Slider 
-                defaultValue={ time }
-                dots={ true }
-                min={ 0.5 }
-                max={ 600 }
-                step={ 0.5 }
-                onChange={ event => setTime(event) }
-                />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.allowafter', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 1200 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredConditionBaseView>
     );
 }
diff --git a/src/views/wired/views/conditions/user-count-in-room/WiredConditionUserCountInRoomView.tsx b/src/views/wired/views/conditions/user-count-in-room/WiredConditionUserCountInRoomView.tsx
index 5e00ff4f..aa07267b 100644
--- a/src/views/wired/views/conditions/user-count-in-room/WiredConditionUserCountInRoomView.tsx
+++ b/src/views/wired/views/conditions/user-count-in-room/WiredConditionUserCountInRoomView.tsx
@@ -18,34 +18,36 @@ export const WiredConditionUserCountInRoomView: FC<{}> = props =>
             setMin(trigger.intData[0]);
             setMax(trigger.intData[1]);
         }
+        else
+        {
+            setMin(1);
+            setMax(1);
+        }
     }, [ trigger ]);
 
     const save = useCallback(() =>
     {
-        setIntParams([min, max]);
+        setIntParams([ min, max ]);
     }, [ min, max, setIntParams ]);
     
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.usercountmin', ['value'], [min.toString()]) }</div>
-            <Slider 
-                defaultValue={ min }
-                dots={ true }
-                min={ 1 }
-                max={ 50 }
-                step={ 1 }
-                onChange={ event => setMin(event) }
-                />
-            <hr className="my-1 mb-2 bg-dark" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.usercountmax', ['value'], [max.toString()]) }</div>
-            <Slider 
-                defaultValue={ max }
-                dots={ true }
-                min={ 1 }
-                max={ 50 }
-                step={ 1 }
-                onChange={ event => setMax(event) }
-                />
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.usercountmin', [ 'value' ], [ min.toString() ]) }</label>
+                <Slider 
+                    value={ min }
+                    min={ 1 }
+                    max={ 50 }
+                    onChange={ event => setMin(event) } />
+            </div>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.usercountmax', [ 'value' ], [ max.toString() ]) }</label>
+                <Slider 
+                    value={ max }
+                    min={ 1 }
+                    max={ 50 }
+                    onChange={ event => setMax(event) } />
+            </div>
         </WiredConditionBaseView>
     );
 }

From a9ca5fbcf9f11d1281e80f3c2a6ffbd810d834bb Mon Sep 17 00:00:00 2001
From: Layne <laynebalsters@gmail.com>
Date: Tue, 29 Jun 2021 09:15:31 -0400
Subject: [PATCH 15/22] wired custom ui boxes

---
 .../images/wired/card-action-corners.png      | Bin 0 -> 1827 bytes
 src/views/wired/WiredView.scss                | 122 ++++++++++++++++++
 src/views/wired/views/base/WiredBaseView.tsx  |  15 ++-
 3 files changed, 131 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/images/wired/card-action-corners.png

diff --git a/src/assets/images/wired/card-action-corners.png b/src/assets/images/wired/card-action-corners.png
new file mode 100644
index 0000000000000000000000000000000000000000..faec2349dc752a8e3ab656e8470bd5ab3bdd548c
GIT binary patch
literal 1827
zcmcIlPl()97>|ghwpJ=46%P_p!L9lxe<uH4?6l0zY~2B~uDfI176o5kUS`53c`?cC
z%q|K=7Q{mjiWj9Gym}C!;-M;nH*ey_vpu*+^(ct=z4_NF+hr~WlDs6p_xpa|@B8xJ
zd+Td2oI3Hu2}zPpbynLOaDPag$B)7F^5C@txILJ!UMVH%<fG!ePx|=A<C1hNiMw0X
zmj9whd0HbO4_IxK=75%@^A|@sq1&vI1J;YPhVt9j-zjn&Hk4N_U-R=8>&L5m1>4+P
z>(ae#ibLh%1^N8Q1A>%QL>{F{R(hj`GUoMQEMBXMJcd-;4W%gp%3J=r+~Nh3t(uLf
zZo0CAYr1V}b^AHl&~&V7uBz9OrhA(0S&lqC6o^)Yk+;#lG>rvM4W(aIxu>eb;jlKW
z*LcxWb&P?-Pz?hC0+qX2MMfwq&(0XytfWPpS253I!AJr=s2U0=ourWFbK0z&+60EF
zBa*9nO%o~2fWCh;G)?E|vRc`JC{w+M5|`cGoT(eE<b#5;l^vE<XJ^6kKCgJ$=l9Sy
z|NJk7A)N=z2SqZrC!{J%SPI-FVD+)S+-nt#RJ`bNp3DlhK8q+DkhQ$z6B=hi!#Sa8
zI)$}K#TtsC89LHzWZ<smdY0~42GUGV(<V?KIw2$#Sq#j>INDtV>ib?ND=U&w)@e5s
z5LJug&@)|PGM!>%Vw1wfVkmG3MV1@kFmfUbo8ed&%x`l#5MGG+lg14>1&+C&9;=%s
zqmUbM%mBHXsUcTqAqw0&wQ!(EIKnfwmx>tv9g^J5DpZBQ=ui#U%`iZYfg@zvc7Os)
zbCE+_TBn%Uj^QZsowzNY@WSUIxLa4`ka`g>QUV<mr=-W!JnM;m26o6|H7=oeyVE~p
zlf5||C9yniJC9J&?G1&BGBe12@;W}my~T7+<`4S}NRKG~1Xl8>8j^xFd*Ji}?WNvJ
zeo1zY7Qa~O|5x!-YiXZkJqF9Cs)%${vCvEkqyD#McWOTCn<jL$sAxGgVwv>jmRvZz
zO(`*K!!=E$8Q4KVWMUNP1S1kT77HSa={T6ENaC5E39Wi`{IT-8mdx2?Sck=Mz5&3)
zd<$V2BwoM<v3z~dht1{nPP^G%djFG+=EK*d<G0yc-#`6lerx|`@$B<CxpsU1De1>E
zH?A%zAAa<}N$<=fzrMUrS_fB8KN)m>|EzWT(jVb7E!Fzv^55^0Z-2UF{_yk7558HG
juYB=o`Pi3lU%&sW+F!419-NEBHr82LYk$7{#ykH20l7o+

literal 0
HcmV?d00001

diff --git a/src/views/wired/WiredView.scss b/src/views/wired/WiredView.scss
index bab60efb..ce1bc799 100644
--- a/src/views/wired/WiredView.scss
+++ b/src/views/wired/WiredView.scss
@@ -1,5 +1,6 @@
 .nitro-wired {
     width: 300px;
+	padding:7px;
 
     .icon {
 		width: 16px;
@@ -35,4 +36,125 @@
 			background-image: url('../../assets/images/wired/icon_wired_rotate_counter_clockwise.png');
 		}
 	}
+
+	.nitro-wired-header {
+		color: #000;
+		margin-bottom:3px;
+
+		.nitro-wired-title, .nitro-wired-close {
+			border:1px solid rgba($black,.8);
+			background-image: linear-gradient(45deg, #00d9cb 25%, #00bdb0 25%, #00bdb0 50%, #00d9cb 50%, #00d9cb 75%, #00bdb0 75%, #00bdb0 100%);
+			background-size: 197.99px 197.99px;
+			animation: wiredSlider 3s linear infinite;
+			text-align: center;
+			box-shadow:inset 0 0 0 2px rgba($white,.6), 0 2px rgba($black,.4);
+		}
+
+		.nitro-wired-title {
+			margin-right:3px;
+		}
+
+		.nitro-wired-close {
+			min-width: 23px;
+		}
+	}
+
+	&.nitro-wired-trigger {
+		background-color: #3b2516 !important;
+		border: 1px solid #000 !important;
+		box-shadow: inset 0px -2px #50321f,
+					inset 0px -3px #86583b,
+					inset 0 0 0 1px #86583b,
+					inset 0 0 0 3px #644029,
+					inset 0 0 0 4px rgba($black,.4) !important;
+
+		.bg-light,.bg-primary {
+			background-color: transparent !important;
+		}
+
+		.bg-dark {
+			background-color: #000 !important;
+		}
+	}
+
+	&.nitro-wired-action {
+		background-color: #686868 !important;
+		border: 1px solid #000 !important;
+		box-shadow: inset 0px -2px #9d9d9d,
+					inset 0px -3px #c5c5c5,
+					inset 0 0 0 1px #c5c5c5,
+					inset 0 0 0 3px #9d9d9d,
+					inset 0 0 0 4px rgba($black,.4) !important;
+
+		.bg-light,.bg-primary {
+			background-color: transparent !important;
+		}
+
+		.bg-dark {
+			background-color: #000 !important;
+		}
+
+		&::before,
+		&::after,
+		.content-area::before,
+		.content-area::after {
+			content: '';
+			height: 6px;
+			width: 6px;
+			position: absolute;
+			background-image: url('../../assets/images/wired/card-action-corners.png');
+		}
+
+		&::before {
+			background-position: 0 0;
+			top: 0;
+			left: 0;
+		}
+
+		&::after {
+			background-position: 6px 0;
+			top: 0;
+			right: 0;
+		}
+
+		.content-area {
+			&::before {
+				background-position: 0 6px;
+				bottom: 0;
+				left: 0;
+			}
+	
+			&::after {
+				background-position: 6px 6px;
+				bottom: 0;
+				right: 0;
+			}
+		}
+	}
+
+	&.nitro-wired-condition {
+		background-color: #cfd2dd !important;
+		border: 1px solid #000 !important;
+		box-shadow: inset 0 0 0 3px #efefef, inset 4px 4px #abaeb9 !important;
+		color: #000;
+
+		.bg-light,.bg-primary {
+			background-color: transparent !important;
+		}
+
+		.bg-dark {
+			background-color: #000 !important;
+		}
+	}
+}
+
+
+@keyframes wiredSlider {
+	0% {
+		background-position: 0 0;
+	}
+	
+	100% {
+		background-position: 0 -197.99px;
+	}
 }
diff --git a/src/views/wired/views/base/WiredBaseView.tsx b/src/views/wired/views/base/WiredBaseView.tsx
index 3bbc1c85..44fc0106 100644
--- a/src/views/wired/views/base/WiredBaseView.tsx
+++ b/src/views/wired/views/base/WiredBaseView.tsx
@@ -2,7 +2,7 @@ import { FC, useCallback, useEffect, useState } from 'react';
 import { GetSessionDataManager } from '../../../../api';
 import { WiredEvent } from '../../../../events';
 import { dispatchUiEvent } from '../../../../hooks/events';
-import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../layout';
+import { NitroCardContentView, NitroCardView } from '../../../../layout';
 import { LocalizeText } from '../../../../utils/LocalizeText';
 import { useWiredContext } from '../../context/WiredContext';
 import { WiredFurniType } from '../../WiredView.types';
@@ -52,9 +52,12 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
     }, [ setTrigger ]);
 
     return (
-        <NitroCardView className="nitro-wired" simple={ true }>
-            <NitroCardHeaderView headerText={ LocalizeText('wiredfurni.title') } onCloseClick={ close } />
-            <NitroCardContentView className="text-black">
+        <NitroCardView className={`nitro-wired nitro-wired-${wiredType} ` + (wiredType == 'trigger' ? 'rounded-0' : 'rounded-2')}>
+            <div className="nitro-wired-header d-flex">
+                <div className="nitro-wired-title rounded-start w-100 drag-handler">{LocalizeText('wiredfurni.title')}</div>
+                <div className="nitro-wired-close rounded-end flex-shrink-0" onClick={ close }><i className="fas fa-times" /></div>
+            </div>
+            <NitroCardContentView>
                 <div className="d-flex align-items-center">
                     <i className={ `me-2 icon icon-wired-${ wiredType }` } />
                     <div className="fw-bold">{ wiredName }</div>
@@ -73,8 +76,8 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
                         <div>{ LocalizeText('wiredfurni.pickfurnis.desc') }</div>
                     </> }
                 <div className="d-flex mt-3">
-                    <button className="btn btn-success me-2 w-100" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</button>
-                    <button className="btn btn-secondary w-100" onClick={ close }>{ LocalizeText('cancel') }</button>
+                    <button className="btn btn-sm btn-success me-2 w-100" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</button>
+                    <button className="btn btn-sm btn-secondary w-100" onClick={ close }>{ LocalizeText('cancel') }</button>
                 </div>
             </NitroCardContentView>
         </NitroCardView>

From 7bce02f6371d874fff0b57a8e82d351ec89588c4 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 29 Jun 2021 15:20:12 -0400
Subject: [PATCH 16/22] Update AvatarImageView

---
 .../shared/avatar-image/AvatarImageView.tsx   | 35 ++++++++-----------
 1 file changed, 14 insertions(+), 21 deletions(-)

diff --git a/src/views/shared/avatar-image/AvatarImageView.tsx b/src/views/shared/avatar-image/AvatarImageView.tsx
index 9d3f6ea2..40377a63 100644
--- a/src/views/shared/avatar-image/AvatarImageView.tsx
+++ b/src/views/shared/avatar-image/AvatarImageView.tsx
@@ -1,5 +1,5 @@
 import { AvatarScaleType, AvatarSetType } from 'nitro-renderer';
-import { FC, useCallback, useEffect, useState } from 'react';
+import { FC, useEffect, useState } from 'react';
 import { GetAvatarRenderManager } from '../../../api';
 import { AvatarImageViewProps } from './AvatarImageView.types';
 
@@ -8,39 +8,32 @@ export const AvatarImageView: FC<AvatarImageViewProps> = props =>
     const { figure = '', gender = 'M', headOnly = false, direction = 0, scale = 1 } = props;
 
     const [ avatarUrl, setAvatarUrl ] = useState<string>(null);
+    const [ randomValue, setRandomValue ] = useState(-1);
 
-    const getUserImageUrl = useCallback(() =>
+    useEffect(() =>
     {
-        let url = null;
+        if(randomValue) {}
 
         const avatarImage = GetAvatarRenderManager().createAvatarImage(figure, AvatarScaleType.LARGE, gender, {
-            resetFigure: (figure) => setAvatarUrl(getUserImageUrl()),
+            resetFigure: figure => setRandomValue(Math.random()),
             dispose: () => {},
             disposed: false
         }, null);
 
-        if(avatarImage)
-        {
-            let setType = AvatarSetType.FULL;
+        if(!avatarImage) return;
+        
+        let setType = AvatarSetType.FULL;
 
-            if(headOnly) setType = AvatarSetType.HEAD;
+        if(headOnly) setType = AvatarSetType.HEAD;
 
-            avatarImage.setDirection(setType, direction);
+        avatarImage.setDirection(setType, direction);
 
-            const image = avatarImage.getCroppedImage(setType);
+        const image = avatarImage.getCroppedImage(setType);
 
-            if(image) url = image.src;
+        if(image) setAvatarUrl(image.src);
 
-            avatarImage.dispose();
-        }
-
-        return url;
-    }, [ figure, gender, direction, headOnly ]);
-
-    useEffect(() =>
-    {
-        setAvatarUrl(getUserImageUrl());
-    }, [ getUserImageUrl ]);
+        avatarImage.dispose();
+    }, [ figure, gender, direction, headOnly, randomValue ]);
 
     const url = `url('${ avatarUrl }')`;
         

From 6de6540a03682fe8008afc759e37eb9be16e8130 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Tue, 29 Jun 2021 17:38:03 -0300
Subject: [PATCH 17/22] Give Reward Action

---
 .../wired/common/GetWiredActionLayout.tsx     |   3 +
 .../WiredActionBotGiveHandItemView.tsx        |   2 +-
 .../give-reward/WiredActionGiveRewardView.tsx | 173 ++++++++++++++++++
 .../WiredConditionActorHasHandItem.tsx        |   2 +-
 4 files changed, 178 insertions(+), 2 deletions(-)
 create mode 100644 src/views/wired/views/actions/give-reward/WiredActionGiveRewardView.tsx

diff --git a/src/views/wired/common/GetWiredActionLayout.tsx b/src/views/wired/common/GetWiredActionLayout.tsx
index fe1ca34f..9c698937 100644
--- a/src/views/wired/common/GetWiredActionLayout.tsx
+++ b/src/views/wired/common/GetWiredActionLayout.tsx
@@ -9,6 +9,7 @@ import { WiredActionCallAnotherStackView } from '../views/actions/call-another-s
 import { WiredActionChaseView } from '../views/actions/chase/WiredActionChaseView';
 import { WiredActionChatView } from '../views/actions/chat/WiredActionChatView';
 import { WiredActionFleeView } from '../views/actions/flee/WiredActionFleeView';
+import { WiredActionGiveRewardView } from '../views/actions/give-reward/WiredActionGiveRewardView';
 import { WiredActionGiveScoreToPredefinedTeamView } from '../views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView';
 import { WiredActionGiveScoreView } from '../views/actions/give-score/WiredActionGiveScoreView';
 import { WiredActionJoinTeamView } from '../views/actions/join-team/WiredActionJoinTeamView';
@@ -50,6 +51,8 @@ export function GetWiredActionLayout(code: number): JSX.Element
             return <WiredActionChatView />;
         case WiredActionLayout.FLEE:
             return <WiredActionFleeView />;
+        case WiredActionLayout.GIVE_REWARD:
+            return <WiredActionGiveRewardView />;
         case WiredActionLayout.GIVE_SCORE:
             return <WiredActionGiveScoreView />;
         case WiredActionLayout.GIVE_SCORE_TO_PREDEFINED_TEAM:
diff --git a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
index 75c0db17..2b3f8d6f 100644
--- a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
+++ b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
@@ -31,7 +31,7 @@ export const WiredActionBotGiveHandItemView: FC<{}> = props =>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
             <div className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</div>
-            <select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
+            <select className="form-select form-select-sm" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
                 <option value="0">------</option>
                 {allowedHanditemIds && allowedHanditemIds.map(value =>
                     {
diff --git a/src/views/wired/views/actions/give-reward/WiredActionGiveRewardView.tsx b/src/views/wired/views/actions/give-reward/WiredActionGiveRewardView.tsx
new file mode 100644
index 00000000..0d857a67
--- /dev/null
+++ b/src/views/wired/views/actions/give-reward/WiredActionGiveRewardView.tsx
@@ -0,0 +1,173 @@
+import Slider from 'rc-slider/lib/Slider';
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredActionBaseView } from '../base/WiredActionBaseView';
+
+export const WiredActionGiveRewardView: FC<{}> = props =>
+{
+    const [ limitEnabled, setLimitEnabled ] = useState(false);
+    const [ rewardTime, setRewardTime ] = useState(1);
+    const [ uniqueRewards, setUniqueRewards ] = useState(false);
+    const [ rewardsLimit, setRewardsLimit ] = useState(1);
+    const [ limitationInterval, setLimitationInterval ] = useState(1);
+    const [ rewards, setRewards ] = useState<{ isBadge: boolean, itemCode: string, probability: number }[]>([]);
+
+    const { trigger = null, setIntParams = null, setStringParam = null } = useWiredContext();
+
+    useEffect(() =>
+    {
+        setRewardTime(trigger.intData.length > 0 ? trigger.intData[0] : 0);
+        setUniqueRewards(trigger.intData.length > 1 ? trigger.intData[1] === 1 : false);
+        setRewardsLimit(trigger.intData.length > 2 ? trigger.intData[2] : 0);
+        setLimitationInterval(trigger.intData.length > 3 ? trigger.intData[3] : 0);
+        setLimitEnabled(trigger.intData.length > 3 ? trigger.intData[3] > 0 : false);
+
+        const readRewards: { isBadge: boolean, itemCode: string, probability: number }[] = [];
+
+        if(trigger.stringData.length > 0 && trigger.stringData.includes(';'))
+        {
+            const splittedRewards = trigger.stringData.split(';');
+
+            for(const rawReward of splittedRewards)
+            {
+                const reward = rawReward.split(',');
+
+                if(reward.length !== 3) continue;
+
+                readRewards.push({ isBadge: reward[0] === '0', itemCode: reward[1], probability: Number(reward[2]) });
+            }
+        }
+
+        if(readRewards.length === 0)
+        {
+            readRewards.push({ isBadge: false, itemCode: '', probability: null });
+        }
+
+        setRewards(readRewards);
+    }, [ trigger ]);
+
+    const addReward = useCallback(() =>
+    {
+        setRewards(rewards => [...rewards, { isBadge: false, itemCode: '', probability: null }]);
+    }, [ setRewards ]);
+
+    const removeReward = useCallback((index: number) =>
+    {
+        const rewardsClone = Array.from(rewards);
+        rewardsClone.splice(index, 1);
+
+        setRewards(rewardsClone);
+    }, [ rewards, setRewards ]);
+
+    const updateReward = useCallback((index: number, isBadge: boolean, itemCode: string, probability: number) =>
+    {
+        const rewardsClone = Array.from(rewards);
+        const reward = rewardsClone[index];
+
+        if(!reward) return;
+
+        reward.isBadge = isBadge;
+        reward.itemCode = itemCode;
+        reward.probability = probability;
+
+        setRewards(rewardsClone);
+    }, [ rewards, setRewards ]);
+
+    const save = useCallback(() =>
+    {       
+        let stringRewards = [];
+
+        for(const reward of rewards)
+        {
+            if(!reward.itemCode) continue;
+
+            const rewardsString = [reward.isBadge ? '0' : '1', reward.itemCode, reward.probability.toString()];
+            stringRewards.push(rewardsString.join(','));
+        }
+
+        if(stringRewards.length > 0)
+        {
+            setStringParam(stringRewards.join(';'));
+            setIntParams([rewardTime, uniqueRewards ? 1 : 0, rewardsLimit, limitationInterval]);
+        }
+    }, [ rewardTime, uniqueRewards, rewardsLimit, limitationInterval, rewards, setIntParams, setStringParam ]);
+
+    return (
+        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="limitEnabled" onChange={(e) => setLimitEnabled(e.target.checked)} />
+                <label className="form-check-label" htmlFor="uniqueRewards">
+                    { LocalizeText('wiredfurni.params.prizelimit', ['amount'], [limitEnabled ? rewardsLimit.toString() : '']) }
+                </label>
+            </div>
+            { !limitEnabled && <div className="bg-muted rounded small text-black p-1 text-center">
+                    Reward limit not set. Make sure rewards are badges or non-tradeable items.
+                </div> }
+            { limitEnabled && <Slider 
+                defaultValue={ rewardsLimit }
+                dots={ true }
+                min={ 1 }
+                max={ 1000 }
+                step={ 1 }
+                onChange={ event => setRewardsLimit(event) }
+                /> }
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">How ofter can a user be rewarded?</div>
+            <div className="d-flex">
+                <select className="form-select form-select-sm w-100" value={ rewardTime } onChange={ (e) => setRewardTime(Number(e.target.value)) }>
+                    <option value="0">Once</option>
+                    <option value="3">Once every { limitationInterval } minutes</option>
+                    <option value="2">Once every { limitationInterval } hours</option>
+                    <option value="1">Once every { limitationInterval } days</option>
+                </select>
+                { rewardTime > 0 && <input type="number" className="ms-2 form-control form-control-sm" value={ limitationInterval } onChange={ event => setLimitationInterval(Number(event.target.value)) } /> }
+            </div>
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="uniqueRewards" checked={ uniqueRewards } onChange={(e) => setUniqueRewards(e.target.checked)} />
+                <label className="form-check-label" htmlFor="uniqueRewards">
+                    Unique rewards
+                </label>
+            </div>
+            <div className="bg-muted rounded small text-black p-1 text-center">If checked each reward will be given once to each user. This will disable the probabilities option.</div>
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="d-flex justify-content-between align-items-center">
+                <div className="fw-bold">Rewards</div>
+                <div className="btn btn-sm btn-success" onClick={ addReward }><i className="fas fa-plus" /></div>
+            </div>
+            <table className="table-sm">
+                <thead>
+                    <tr>
+                        <td>Badge?</td>
+                        <td>Item Code</td>
+                        <td>Probability</td>
+                        <td></td>
+                    </tr>
+                </thead>
+                <tbody>
+                    { rewards && rewards.map((reward, index) =>
+                        {
+                            return (
+                                <tr key={ index }>
+                                    <td className="d-flex align-items-center justify-content-center">
+                                        <input className="form-check-input" type="checkbox" checked={ reward.isBadge } onChange={(e) => updateReward(index, e.target.checked, reward.itemCode, reward.probability)} />
+                                    </td>
+                                    <td>
+                                        <input type="text" className="form-control form-control-sm" value={ reward.itemCode } onChange={ e => updateReward(index, reward.isBadge, e.target.value, reward.probability) } />
+                                    </td>
+                                    <td>
+                                        <input type="number" className="form-control form-control-sm" value={ reward.probability } onChange={ e => updateReward(index, reward.isBadge, reward.itemCode, Number(e.target.value)) } />
+                                    </td>
+                                    <td>
+                                        { index > 0 && <button className="btn btn-sm btn-danger" onClick={() => removeReward(index) }><i className="fas fa-trash" /></button> }
+                                    </td>
+                                </tr>
+                            )
+                        }) }
+                </tbody>
+            </table>
+        </WiredActionBaseView>
+    );
+}
diff --git a/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx b/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
index fe746924..5a4fb4c5 100644
--- a/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
+++ b/src/views/wired/views/conditions/actor-has-hand-item/WiredConditionActorHasHandItem.tsx
@@ -24,7 +24,7 @@ export const WiredConditionActorHasHandItemView: FC<{}> = props =>
     return (
         <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
             <div className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</div>
-            <select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
+            <select className="form-select form-select-sm" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
                 {allowedHanditemIds && allowedHanditemIds.map(value =>
                     {
                         return <option value={ value }>{ LocalizeText('handitem' + value) }</option>

From a0098d8048281028622edc2657d470539c678a42 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Tue, 29 Jun 2021 17:46:08 -0300
Subject: [PATCH 18/22] Fix cols

---
 .../move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx | 2 +-
 .../wired/views/actions/move-furni/WiredActionMoveFurniView.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx b/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
index 24d9cd22..b12707f0 100644
--- a/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
+++ b/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
@@ -48,7 +48,7 @@ export const WiredActionMoveAndRotateFurniView: FC<{}> = props =>
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }>
             <div className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</div>
-            <div className="row row-cold-4">
+            <div className="row row-cols-4">
                 { directionOptions.map(option =>
                     {
                         return (
diff --git a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
index 8bd53a9e..1038ba62 100644
--- a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
+++ b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
@@ -66,7 +66,7 @@ export const WiredActionMoveFurniView: FC<{}> = props =>
                     { LocalizeText('wiredfurni.params.movefurni.0') }
                 </label>
             </div>
-            <div className="row row-cold-4">
+            <div className="row row-cols-4">
                 { directionOptions.map(option =>
                     {
                         return (

From 35c542f7db29416ac80fc04803bca8eb6f1c063c Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Tue, 29 Jun 2021 21:43:49 -0300
Subject: [PATCH 19/22] Date Condition

---
 .../wired/common/GetWiredConditionLayout.tsx  |  3 +
 .../WiredConditionDateRangeView.tsx           | 62 +++++++++++++++++++
 2 files changed, 65 insertions(+)
 create mode 100644 src/views/wired/views/conditions/date-range/WiredConditionDateRangeView.tsx

diff --git a/src/views/wired/common/GetWiredConditionLayout.tsx b/src/views/wired/common/GetWiredConditionLayout.tsx
index ac6dc69a..068ec848 100644
--- a/src/views/wired/common/GetWiredConditionLayout.tsx
+++ b/src/views/wired/common/GetWiredConditionLayout.tsx
@@ -4,6 +4,7 @@ import { WiredConditionActorIsOnFurniView } from '../views/conditions/actor-is-o
 import { WiredConditionActorIsTeamMemberView } from '../views/conditions/actor-is-team-member/WiredConditionActorIsTeamMemberView';
 import { WiredConditionActorIsWearingBadgeView } from '../views/conditions/actor-is-wearing-badge/WiredConditionActorIsWearingBadgeView';
 import { WiredConditionActorIsWearingEffectView } from '../views/conditions/actor-is-wearing-effect/WiredConditionActorIsWearingEffectView';
+import { WiredConditionDateRangeView } from '../views/conditions/date-range/WiredConditionDateRangeView';
 import { WiredConditionFurniHasAvatarOnView } from '../views/conditions/furni-has-avatar-on/WiredConditionFurniHasAvatarOnView';
 import { WiredConditionFurniHasFurniOnView } from '../views/conditions/furni-has-furni-on/WiredConditionFurniHasFurniOnView';
 import { WiredConditionFurniHasNotFurniOnView } from '../views/conditions/furni-has-not-furni-on/WiredConditionFurniHasNotFurniOnView';
@@ -35,6 +36,8 @@ export function GetWiredConditionLayout(code: number): JSX.Element
         case WiredConditionlayout.ACTOR_IS_WEARING_EFFECT:
         case WiredConditionlayout.NOT_ACTOR_WEARING_EFFECT:
             return <WiredConditionActorIsWearingEffectView />;
+        case WiredConditionlayout.DATE_RANGE_ACTIVE:
+            return <WiredConditionDateRangeView />;
         case WiredConditionlayout.FURNIS_HAVE_AVATARS:
         case WiredConditionlayout.FURNI_NOT_HAVE_HABBO:
             return <WiredConditionFurniHasAvatarOnView />;
diff --git a/src/views/wired/views/conditions/date-range/WiredConditionDateRangeView.tsx b/src/views/wired/views/conditions/date-range/WiredConditionDateRangeView.tsx
new file mode 100644
index 00000000..a0d3c0dd
--- /dev/null
+++ b/src/views/wired/views/conditions/date-range/WiredConditionDateRangeView.tsx
@@ -0,0 +1,62 @@
+import { FC, useCallback, useEffect, useState } from 'react';
+import { LocalizeText } from '../../../../../utils/LocalizeText';
+import { useWiredContext } from '../../../context/WiredContext';
+import { WiredFurniType } from '../../../WiredView.types';
+import { WiredConditionBaseView } from '../base/WiredConditionBaseView';
+
+export const WiredConditionDateRangeView: FC<{}> = props =>
+{
+    const [ startDate, setStartDate ] = useState('');
+    const [ endDate, setEndDate ] = useState('');
+    const { trigger = null, setIntParams = null } = useWiredContext();
+
+    const dateToString = useCallback((date: Date) =>
+    {
+        return `${date.getFullYear()}/${('0' + (date.getMonth() + 1)).slice(-2)}/${('0' + date.getDate()).slice(-2)} ` + `${('0' + date.getHours()).slice(-2)}:${('0' + date.getMinutes()).slice(-2)}`;
+    }, []);
+
+    useEffect(() =>
+    {
+        if(trigger.intData.length >= 2)
+        {
+            let startDate = new Date();
+            let endDate = new Date();
+
+            if(trigger.intData[0] > 0)
+                startDate = new Date((trigger.intData[0] * 1000));
+
+            if(trigger.intData[1] > 0)
+                endDate = new Date((trigger.intData[1] * 1000));
+
+            setStartDate(dateToString(startDate));
+            setEndDate(dateToString(endDate));
+        }
+    }, [ trigger ]);
+
+    const save = useCallback(() =>
+    {
+        let startDateMili = 0;
+        let endDateMili = 0;
+
+        const startDateInstance = new Date(startDate);
+        const endDateInstance = new Date(endDate);
+
+        if(startDateInstance && endDateInstance)
+        {
+            startDateMili = startDateInstance.getTime() / 1000;
+            endDateMili = endDateInstance.getTime() / 1000;
+        }
+
+        setIntParams([startDateMili, endDateMili]);
+    }, [ startDate, endDate, setIntParams ]);
+    
+    return (
+        <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.startdate') }</div>
+            <input type="text" className="form-control form-control-sm" value={ startDate } onChange={ (e) => setStartDate(e.target.value) } />
+            <hr className="my-1 mb-2 bg-dark" />
+            <div className="fw-bold">{ LocalizeText('wiredfurni.params.enddate') }</div>
+            <input type="text" className="form-control form-control-sm" value={ endDate } onChange={ (e) => setEndDate(e.target.value) } />
+        </WiredConditionBaseView>
+    );
+}

From 3cb360361dd9953a506d3b9d672144ed894a9282 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Wed, 30 Jun 2021 00:32:39 -0400
Subject: [PATCH 20/22] Update actions

---
 .../wired/common/GetWiredActionLayout.tsx     |  2 +
 .../actions/base/WiredActionBaseView.tsx      | 16 ++--
 .../WiredActionBotFollowAvatarView.tsx        | 24 +++---
 .../WiredActionBotGiveHandItemView.tsx        | 24 +++---
 .../WiredActionBotTalkToAvatarView.tsx        | 22 +++---
 .../bot-talk/WiredActionBotTalkView.tsx       | 22 +++---
 .../WiredActionCallAnotherStackView.tsx       |  4 +-
 .../actions/chase/WiredActionChaseView.tsx    |  4 +-
 .../actions/flee/WiredActionFleeView.tsx      |  4 +-
 ...redActionGiveScoreToPredefinedTeamView.tsx | 72 +++++++++--------
 .../give-score/WiredActionGiveScoreView.tsx   | 42 +++++-----
 .../join-team/WiredActionJoinTeamView.tsx     | 28 +++----
 .../leave-team/WiredActionLeaveTeamView.tsx   |  4 +-
 .../WiredActionMoveAndRotateFurniView.tsx     | 50 +++++++-----
 .../WiredActionMoveFurniToView.tsx            | 57 +++++++-------
 .../move-furni/WiredActionMoveFurniView.tsx   | 78 ++++++++++---------
 .../mute-user/WiredActionMuteUserView.tsx     | 21 +++--
 .../actions/reset/WiredActionResetView.tsx    |  4 +-
 .../WiredActionSetFurniStateToView.tsx        | 42 +++++-----
 .../teleport/WiredActionTeleportView.tsx      |  4 +-
 .../WiredActionToggleFurniStateView.tsx       |  4 +-
 21 files changed, 272 insertions(+), 256 deletions(-)

diff --git a/src/views/wired/common/GetWiredActionLayout.tsx b/src/views/wired/common/GetWiredActionLayout.tsx
index fe1ca34f..912288c2 100644
--- a/src/views/wired/common/GetWiredActionLayout.tsx
+++ b/src/views/wired/common/GetWiredActionLayout.tsx
@@ -77,4 +77,6 @@ export function GetWiredActionLayout(code: number): JSX.Element
         case WiredActionLayout.TOGGLE_FURNI_STATE:
             return <WiredActionToggleFurniStateView />;
     }
+
+    return null;
 }
diff --git a/src/views/wired/views/actions/base/WiredActionBaseView.tsx b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
index 758a2bf2..c88c3b00 100644
--- a/src/views/wired/views/actions/base/WiredActionBaseView.tsx
+++ b/src/views/wired/views/actions/base/WiredActionBaseView.tsx
@@ -32,14 +32,14 @@ export const WiredActionBaseView: FC<WiredActionBaseViewProps> = props =>
                 { children }
                 <hr className="my-1 mb-2 bg-dark" />
             </> }
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.delay', [ 'seconds' ], [ GetWiredTimeLocale(delay) ]) }</div>
-            <Slider 
-                defaultValue={ delay }
-                dots={ true }
-                min={ 0 }
-                max={ 20 }
-                onChange={ event => setDelay(event) }
-                />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.delay', [ 'seconds' ], [ GetWiredTimeLocale(delay) ]) }</label>
+                <Slider 
+                    value={ delay }
+                    min={ 0 }
+                    max={ 20 }
+                    onChange={ event => setDelay(event) } />
+            </div>
         </WiredBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
index 2f0b4abf..ae38d8a6 100644
--- a/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
+++ b/src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
@@ -28,17 +28,19 @@ export const WiredActionBotFollowAvatarView: FC<{}> = props =>
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="followMode" id="followMode1" checked={ followMode === 1 } onChange={() => setFollowMode(1)} />
-                <label className="form-check-label" htmlFor="followMode1">
-                    { LocalizeText('wiredfurni.params.start.following') }
-                </label>
-            </div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="followMode" id="followMode2" checked={ followMode === 0 } onChange={() => setFollowMode(0)} />
-                <label className="form-check-label" htmlFor="followMode2">
-                    { LocalizeText('wiredfurni.params.stop.following') }
-                </label>
+            <div className="form-group">
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="followMode" id="followMode1" checked={ (followMode === 1) } onChange={ event => setFollowMode(1) } />
+                    <label className="form-check-label" htmlFor="followMode1">
+                        { LocalizeText('wiredfurni.params.start.following') }
+                    </label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="followMode" id="followMode2" checked={ (followMode === 0) } onChange={ event => setFollowMode(0) } />
+                    <label className="form-check-label" htmlFor="followMode2">
+                        { LocalizeText('wiredfurni.params.stop.following') }
+                    </label>
+                </div>
             </div>
         </WiredActionBaseView>
     );
diff --git a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
index 75c0db17..bb787036 100644
--- a/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
+++ b/src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
@@ -4,10 +4,10 @@ import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
+const allowedHanditemIds: number[] = [2, 5, 7, 8, 9, 10, 27];
+
 export const WiredActionBotGiveHandItemView: FC<{}> = props =>
 {
-    const allowedHanditemIds: number[] = [2, 5, 7, 8, 9, 10, 27];
-
     const [ botName, setBotName ] = useState('');
     const [ handItemId, setHandItemId ] = useState(-1);
     const { trigger = null, setStringParam = null, setIntParams = null } = useWiredContext();
@@ -21,7 +21,7 @@ export const WiredActionBotGiveHandItemView: FC<{}> = props =>
     const save = useCallback(() =>
     {
         setStringParam(botName);
-        setIntParams([handItemId]);
+        setIntParams([ handItemId ]);
     }, [ handItemId, botName, setStringParam, setIntParams ]);
 
     return (
@@ -30,14 +30,16 @@ export const WiredActionBotGiveHandItemView: FC<{}> = props =>
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
             </div>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</div>
-            <select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }>
-                <option value="0">------</option>
-                {allowedHanditemIds && allowedHanditemIds.map(value =>
-                    {
-                        return <option value={ value }>{ LocalizeText('handitem' + value) }</option>
-                    })}
-            </select>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</label>
+                <select className="form-select form-select-sm" value={ handItemId } onChange={ event => setHandItemId(parseInt(event.target.value)) }>
+                    <option value="0">------</option>
+                    { allowedHanditemIds.map(value =>
+                        {
+                            return <option key={ value } value={ value }>{ LocalizeText(`handitem${ value }`) }</option>
+                        }) }
+                </select>
+            </div>
         </WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx b/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
index 27a7df7c..bbe30016 100644
--- a/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
+++ b/src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
@@ -24,7 +24,7 @@ export const WiredActionBotTalkToAvatarView: FC<{}> = props =>
     const save = useCallback(() =>
     {
         setStringParam(botName + WIRED_STRING_DELIMETER + message);
-        setIntParams([talkMode]);
+        setIntParams([ talkMode ]);
     }, [ botName, message, talkMode, setStringParam, setIntParams ]);
 
     return (
@@ -37,17 +37,15 @@ export const WiredActionBotTalkToAvatarView: FC<{}> = props =>
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } />
             </div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ talkMode === 0 } onChange={() => setTalkMode(0)} />
-                <label className="form-check-label" htmlFor="talkMode1">
-                    { LocalizeText('wiredfurni.params.talk') }
-                </label>
-            </div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ talkMode === 1 } onChange={() => setTalkMode(1)} />
-                <label className="form-check-label" htmlFor="talkMode2">
-                    { LocalizeText('wiredfurni.params.whisper') }
-                </label>
+            <div className="form-group">
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ (talkMode === 0) } onChange={ event => setTalkMode(0) } />
+                    <label className="form-check-label" htmlFor="talkMode1">{ LocalizeText('wiredfurni.params.talk') }</label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ (talkMode === 1) } onChange={ event => setTalkMode(1) } />
+                    <label className="form-check-label" htmlFor="talkMode2">{ LocalizeText('wiredfurni.params.whisper') }</label>
+                </div>
             </div>
         </WiredActionBaseView>
     );
diff --git a/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx b/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
index ae7dbe69..a8b848b4 100644
--- a/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
+++ b/src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
@@ -24,7 +24,7 @@ export const WiredActionBotTalkView: FC<{}> = props =>
     const save = useCallback(() =>
     {
         setStringParam(botName + WIRED_STRING_DELIMETER + message);
-        setIntParams([talkMode]);
+        setIntParams([ talkMode ]);
     }, [ botName, message, talkMode, setStringParam, setIntParams ]);
 
     return (
@@ -37,17 +37,15 @@ export const WiredActionBotTalkView: FC<{}> = props =>
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } />
             </div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ talkMode === 0 } onChange={() => setTalkMode(0)} />
-                <label className="form-check-label" htmlFor="talkMode1">
-                    { LocalizeText('wiredfurni.params.talk') }
-                </label>
-            </div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ talkMode === 1 } onChange={() => setTalkMode(1)} />
-                <label className="form-check-label" htmlFor="talkMode2">
-                    { LocalizeText('wiredfurni.params.shout') }
-                </label>
+            <div className="form-group">
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ (talkMode === 0) } onChange={ event => setTalkMode(0) } />
+                    <label className="form-check-label" htmlFor="talkMode1">{ LocalizeText('wiredfurni.params.talk') }</label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ (talkMode === 1) } onChange={ event => setTalkMode(1) } />
+                    <label className="form-check-label" htmlFor="talkMode2">{ LocalizeText('wiredfurni.params.shout') }</label>
+                </div>
             </div>
         </WiredActionBaseView>
     );
diff --git a/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx b/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
index 3a2f37c6..62342124 100644
--- a/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
+++ b/src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
@@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
 export const WiredActionCallAnotherStackView: FC<{}> = props =>
 {
-    return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
-    );
+    return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
 }
diff --git a/src/views/wired/views/actions/chase/WiredActionChaseView.tsx b/src/views/wired/views/actions/chase/WiredActionChaseView.tsx
index 91b8ee30..76bcfae0 100644
--- a/src/views/wired/views/actions/chase/WiredActionChaseView.tsx
+++ b/src/views/wired/views/actions/chase/WiredActionChaseView.tsx
@@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
 export const WiredActionChaseView: FC<{}> = props =>
 {
-    return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
-    );
+    return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
 }
diff --git a/src/views/wired/views/actions/flee/WiredActionFleeView.tsx b/src/views/wired/views/actions/flee/WiredActionFleeView.tsx
index 927ffea9..d8e37d0b 100644
--- a/src/views/wired/views/actions/flee/WiredActionFleeView.tsx
+++ b/src/views/wired/views/actions/flee/WiredActionFleeView.tsx
@@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
 export const WiredActionFleeView: FC<{}> = props =>
 {
-    return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
-    );
+    return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
 }
diff --git a/src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx b/src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx
index 10defd56..3c5d444a 100644
--- a/src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx
+++ b/src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx
@@ -9,7 +9,7 @@ export const WiredActionGiveScoreToPredefinedTeamView: FC<{}> = props =>
 {
     const [ points, setPoints ] = useState(1);
     const [ time, setTime ] = useState(1);
-    const [ selectedTeam, setSelectedTeam ] = useState(-1);
+    const [ selectedTeam, setSelectedTeam ] = useState(1);
     const { trigger = null, setIntParams = null } = useWiredContext();
 
     useEffect(() =>
@@ -20,47 +20,51 @@ export const WiredActionGiveScoreToPredefinedTeamView: FC<{}> = props =>
             setTime(trigger.intData[1]);
             setSelectedTeam(trigger.intData[2]);
         }
+        else
+        {
+            setPoints(1);
+            setTime(1);
+            setSelectedTeam(1);
+        }
     }, [ trigger ]);
 
     const save = useCallback(() =>
     {
-        setIntParams([points, time, selectedTeam]);
+        setIntParams([ points, time, selectedTeam ]);
     }, [ points, time, selectedTeam, setIntParams ]);
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</div>
-            <Slider 
-                defaultValue={ points }
-                dots={ true }
-                min={ 1 }
-                max={ 100 }
-                step={ 1 }
-                onChange={ event => setPoints(event) }
-                />
-            <hr className="my-1 mb-2 bg-dark" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</div>
-            <Slider 
-                defaultValue={ time }
-                dots={ true }
-                min={ 1 }
-                max={ 10 }
-                step={ 1 }
-                onChange={ event => setTime(event) }
-                />
-            <hr className="my-1 mb-2 bg-dark" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</div>
-            { [1, 2, 3, 4].map(team =>
-            {
-                return (
-                    <div key={ team } className="form-check">
-                        <input className="form-check-input" type="radio" name="selectedTeam" id={'selectedTeam' + team} checked={ selectedTeam === team } onChange={() => setSelectedTeam(team)} />
-                        <label className="form-check-label" htmlFor={'selectedTeam' + team}>
-                            { LocalizeText('wiredfurni.params.team.' + team) }
-                        </label>
-                    </div>
-                )
-            }) }
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</label>
+                <Slider 
+                    value={ points }
+                    min={ 1 }
+                    max={ 100 }
+                    onChange={ event => setPoints(event) } />
+            </div>
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 10 }
+                    onChange={ event => setTime(event) } />
+            </div>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</label>
+                { [1, 2, 3, 4].map(value =>
+                    {
+                        return (
+                            <div key={ value } className="form-check">
+                                <input className="form-check-input" type="radio" name="selectedTeam" id={ `selectedTeam${ value }` } checked={ (selectedTeam === value) } onChange={ event => setSelectedTeam(value) } />
+                                <label className="form-check-label" htmlFor={'selectedTeam' + value}>
+                                    { LocalizeText('wiredfurni.params.team.' + value) }
+                                </label>
+                            </div>
+                        );
+                    }) }
+            </div>
         </WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx b/src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx
index 79e0a3c3..1360e889 100644
--- a/src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx
+++ b/src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx
@@ -18,34 +18,36 @@ export const WiredActionGiveScoreView: FC<{}> = props =>
             setPoints(trigger.intData[0]);
             setTime(trigger.intData[1]);
         }
+        else
+        {
+            setPoints(1);
+            setTime(1);
+        }
     }, [ trigger ]);
 
     const save = useCallback(() =>
     {
-        setIntParams([points, time]);
+        setIntParams([ points, time ]);
     }, [ points, time, setIntParams ]);
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</div>
-            <Slider 
-                defaultValue={ points }
-                dots={ true }
-                min={ 1 }
-                max={ 100 }
-                step={ 1 }
-                onChange={ event => setPoints(event) }
-                />
-            <hr className="my-1 mb-2 bg-dark" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</div>
-            <Slider 
-                defaultValue={ time }
-                dots={ true }
-                min={ 1 }
-                max={ 10 }
-                step={ 1 }
-                onChange={ event => setTime(event) }
-                />
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</label>
+                <Slider 
+                    value={ points }
+                    min={ 1 }
+                    max={ 100 }
+                    onChange={ event => setPoints(event) } />
+            </div>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 10 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx b/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
index 0219ff36..cf3fb1cb 100644
--- a/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
+++ b/src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
@@ -16,23 +16,25 @@ export const WiredActionJoinTeamView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([selectedTeam]);
+        setIntParams([ selectedTeam ]);
     }, [ selectedTeam, setIntParams ]);
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</div>
-            { [1, 2, 3, 4].map(team =>
-                {
-                    return (
-                        <div key={ team } className="form-check">
-                            <input className="form-check-input" type="radio" name="selectedTeam" id={'selectedTeam' + team} checked={ selectedTeam === team } onChange={() => setSelectedTeam(team)} />
-                            <label className="form-check-label" htmlFor={'selectedTeam' + team}>
-                                { LocalizeText('wiredfurni.params.team.' + team) }
-                            </label>
-                        </div>
-                    )
-                }) }
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</label>
+                { [1, 2, 3, 4].map(team =>
+                    {
+                        return (
+                            <div key={ team } className="form-check">
+                                <input className="form-check-input" type="radio" name="selectedTeam" id={ `selectedTeam${ team }` } checked={ (selectedTeam === team) } onChange={ event => setSelectedTeam(team) } />
+                                <label className="form-check-label" htmlFor={ `selectedTeam${ team }` }>
+                                    { LocalizeText(`wiredfurni.params.team.${ team }`) }
+                                </label>
+                            </div>
+                        )
+                    }) }
+            </div>
         </WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx b/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
index 0ea0dee3..67d13522 100644
--- a/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
+++ b/src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
@@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
 export const WiredActionLeaveTeamView: FC<{}> = props =>
 {
-    return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredActionBaseView>
-    );
+    return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null } />;
 }
diff --git a/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx b/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
index 24d9cd22..f6b0ef97 100644
--- a/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
+++ b/src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
@@ -4,7 +4,7 @@ import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
-const directionOptions: {value: number, icon: string}[] = [
+const directionOptions: { value: number, icon: string }[] = [
     {
         value: 0,
         icon: 'ne'
@@ -38,44 +38,52 @@ export const WiredActionMoveAndRotateFurniView: FC<{}> = props =>
             setMovement(trigger.intData[0]);
             setRotation(trigger.intData[1]);
         }
+        else
+        {
+            setMovement(-1);
+            setRotation(-1);
+        }
     }, [ trigger ]);
 
     const save = useCallback(() =>
     {
-        setIntParams([movement, rotation]);
+        setIntParams([ movement, rotation ]);
     }, [ movement, rotation, setIntParams ]);
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</div>
-            <div className="row row-cold-4">
-                { directionOptions.map(option =>
-                    {
-                        return (
-                            <div key={ option.value } className="col">
-                                <div className="form-check">
-                                    <input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} />
-                                    <label className="form-check-label" htmlFor={'movement' + option.value}>
-                                        <i className={'icon icon-' + option.icon} />
-                                    </label>
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</label>
+                <div className="row row-cold-4">
+                    { directionOptions.map(option =>
+                        {
+                            return (
+                                <div key={ option.value } className="col">
+                                    <div className="form-check">
+                                        <input className="form-check-input" type="radio" name="movement" id={ `movement${ option.value }` } checked={ (movement === option.value) } onChange={ event => setMovement(option.value) } />
+                                        <label className="form-check-label" htmlFor={ `movement${ option.value }` }>
+                                            <i className={ `icon icon-${ option.icon }` } />
+                                        </label>
+                                    </div>
                                 </div>
-                            </div>
-                        )
-                    }) }
+                            )
+                        }) }
+                </div>
             </div>
-            <hr className="my-1 mb-2 bg-dark" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.turn') }</div>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.turn') }</label>
                 { rotationOptions.map(option =>
                     {
                         return (
                             <div key={ option } className="form-check">
-                                <input className="form-check-input" type="radio" name="rotation" id={'rotation' + option} checked={ rotation === option } onChange={() => setRotation(option)} />
-                                <label className="form-check-label" htmlFor={'rotation' + option}>
-                                    { LocalizeText('wiredfurni.params.turn.' + option) }
+                                <input className="form-check-input" type="radio" name="rotation" id={ `rotation${ option }` } checked={ (rotation === option) } onChange={ event => setRotation(option) } />
+                                <label className="form-check-label" htmlFor={ `rotation${ option }` }>
+                                    { LocalizeText(`wiredfurni.params.turn.${ option }`) }
                                 </label>
                             </div>
                         )
                     }) }
+            </div>
         </WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx b/src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx
index 2b8e8587..96bf209a 100644
--- a/src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx
+++ b/src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx
@@ -5,7 +5,7 @@ import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
-const directionOptions: {value: number, icon: string}[] = [
+const directionOptions: { value: number, icon: string }[] = [
     {
         value: 0,
         icon: 'ne'
@@ -37,40 +37,45 @@ export const WiredActionMoveFurniToView: FC<{}> = props =>
             setSpacing(trigger.intData[1]);
             setMovement(trigger.intData[0]);
         }
+        else
+        {
+            setSpacing(-1);
+            setMovement(-1);
+        }
     }, [ trigger ]);
 
     const save = useCallback(() =>
     {
-        setIntParams([movement, spacing]);
+        setIntParams([ movement, spacing ]);
     }, [ movement, spacing, setIntParams ]);
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.emptytiles', [ 'tiles' ], [ spacing.toString() ]) }</div>
-            <Slider 
-                defaultValue={ spacing }
-                dots={ true }
-                min={ 1 }
-                max={ 5 }
-                step={ 1 }
-                onChange={ event => setSpacing(event) }
-                />
-            <hr className="my-1 mb-2 bg-dark" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</div>
-            <div className="row row-cold-4">
-                { directionOptions.map(option =>
-                    {
-                        return (
-                            <div key={ option.value } className="col">
-                                <div className="form-check">
-                                    <input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} />
-                                    <label className="form-check-label" htmlFor={'movement' + option.value}>
-                                        <i className={'icon icon-' + option.icon} />
-                                    </label>
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.emptytiles', [ 'tiles' ], [ spacing.toString() ]) }</label>
+                <Slider 
+                    value={ spacing }
+                    min={ 1 }
+                    max={ 5 }
+                    onChange={ event => setSpacing(event) } />
+            </div>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</label>
+                <div className="row row-cold-4">
+                    { directionOptions.map(value =>
+                        {
+                            return (
+                                <div key={ value.value } className="col">
+                                    <div className="form-check">
+                                        <input className="form-check-input" type="radio" name="movement" id={ `movement${ value.value }` } checked={ (movement === value.value) } onChange={ event => setMovement(value.value) } />
+                                        <label className="form-check-label" htmlFor={ `movement${ value.value }` }>
+                                            <i className={ `icon icon-${ value.icon }` } />
+                                        </label>
+                                    </div>
                                 </div>
-                            </div>
-                        )
-                    }) }
+                            )
+                        }) }
+                </div>
             </div>
         </WiredActionBaseView>
     );
diff --git a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
index 8bd53a9e..f9107c42 100644
--- a/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
+++ b/src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
@@ -4,7 +4,7 @@ import { useWiredContext } from '../../../context/WiredContext';
 import { WiredFurniType } from '../../../WiredView.types';
 import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
-const directionOptions: {value: number, icon: string}[] = [
+const directionOptions: { value: number, icon: string }[] = [
     {
         value: 4,
         icon: 'ne'
@@ -50,52 +50,60 @@ export const WiredActionMoveFurniView: FC<{}> = props =>
             setMovement(trigger.intData[0]);
             setRotation(trigger.intData[1]);
         }
+        else
+        {
+            setMovement(-1);
+            setRotation(-1);
+        }
     }, [ trigger ]);
 
     const save = useCallback(() =>
     {
-        setIntParams([movement, rotation]);
+        setIntParams([ movement, rotation ]);
     }, [ movement, rotation, setIntParams ]);
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.movefurni') }</div>
-            <div className="form-check">
-                <input className="form-check-input" type="radio" name="selectedTeam" id="movement0" checked={ movement === 0 } onChange={() => setMovement(0)} />
-                <label className="form-check-label" htmlFor="movement0">
-                    { LocalizeText('wiredfurni.params.movefurni.0') }
-                </label>
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.movefurni') }</label>
+                <div className="form-check">
+                    <input className="form-check-input" type="radio" name="selectedTeam" id="movement0" checked={ (movement === 0) } onChange={ event => setMovement(0) } />
+                    <label className="form-check-label" htmlFor="movement0">
+                        { LocalizeText('wiredfurni.params.movefurni.0') }
+                    </label>
+                </div>
+                <div className="row row-col-4">
+                    { directionOptions.map(option =>
+                        {
+                            return (
+                                <div key={ option.value } className="col">
+                                    <div className="form-check">
+                                        <input className="form-check-input" type="radio" name="movement" id={ `movement${ option.value }` } checked={ (movement === option.value) } onChange={ event => setMovement(option.value) } />
+                                        <label className="form-check-label" htmlFor={ `movement${ option.value }` }>
+                                            <i className={ `icon icon-${ option.icon }` } />
+                                        </label>
+                                    </div>
+                                </div>
+                            )
+                        }) }
+                    <div className="col" />
+                </div>
             </div>
-            <div className="row row-cold-4">
-                { directionOptions.map(option =>
-                    {
-                        return (
-                            <div key={ option.value } className="col">
-                                <div className="form-check">
-                                    <input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} />
-                                    <label className="form-check-label" htmlFor={'movement' + option.value}>
-                                        <i className={'icon icon-' + option.icon} />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.rotatefurni') }</label>
+                { rotationOptions.map(option =>
+                        {
+                            return (
+                                <div key={ option } className="form-check">
+                                    <input className="form-check-input" type="radio" name="rotation" id={ `rotation${ option }` } checked={ (rotation === option) } onChange={ event => setRotation(option) } />
+                                    <label className="form-check-label" htmlFor={'rotation' + option}>
+                                        { [1, 2].includes(option) && <i className={ `icon icon-rot-${ option }` } /> }
+                                        { LocalizeText(`wiredfurni.params.rotatefurni.${ option }`) }
                                     </label>
                                 </div>
-                            </div>
-                        )
-                    }) }
-                <div className="col"></div>
+                            )
+                        }) }
             </div>
-            <hr className="my-1 mb-2 bg-dark" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.rotatefurni') }</div>
-            { rotationOptions.map(option =>
-                    {
-                        return (
-                            <div key={ option } className="form-check">
-                                <input className="form-check-input" type="radio" name="rotation" id={'rotation' + option} checked={ rotation === option } onChange={() => setRotation(option)} />
-                                <label className="form-check-label" htmlFor={'rotation' + option}>
-                                    { [1, 2].includes(option) && <i className={'icon icon-rot-' + option} /> }
-                                    { LocalizeText('wiredfurni.params.rotatefurni.' + option) }
-                                </label>
-                            </div>
-                        )
-                    }) }
         </WiredActionBaseView>
     );
 }
diff --git a/src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx b/src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx
index c17cf3c9..1c6f912f 100644
--- a/src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx
+++ b/src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx
@@ -19,23 +19,20 @@ export const WiredActionMuteUserView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([time]);
+        setIntParams([ time ]);
         setStringParam(message);
     }, [ time, message, setIntParams, setStringParam ]);
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-           
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.length.minutes', ['minutes'], [time.toString()]) }</div>
-            <Slider 
-                defaultValue={ time }
-                dots={ true }
-                min={ 1 }
-                max={ 10 }
-                step={ 1 }
-                onChange={ event => setTime(event) }
-                />
-            <hr className="my-1 mb-2 bg-dark" />
+            <div className="form-group mb-2">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.length.minutes', ['minutes'], [ time.toString() ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 10 }
+                    onChange={ event => setTime(event) } />
+            </div>
             <div className="form-group">
                 <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
                 <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />
diff --git a/src/views/wired/views/actions/reset/WiredActionResetView.tsx b/src/views/wired/views/actions/reset/WiredActionResetView.tsx
index ff977014..23d4cbf5 100644
--- a/src/views/wired/views/actions/reset/WiredActionResetView.tsx
+++ b/src/views/wired/views/actions/reset/WiredActionResetView.tsx
@@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
 export const WiredActionResetView: FC<{}> = props =>
 {
-    return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredActionBaseView>
-    );
+    return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null } />;
 }
diff --git a/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx b/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
index 58074134..d3d5d82e 100644
--- a/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
+++ b/src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
@@ -20,29 +20,31 @@ export const WiredActionSetFurniStateToView: FC<{}> = props =>
 
     const save = useCallback(() =>
     {
-        setIntParams([stateFlag, directionFlag, positionFlag]);
-    }, [ directionFlag, positionFlag, setIntParams, stateFlag ]);
+        setIntParams([ stateFlag, directionFlag, positionFlag ]);
+    }, [ directionFlag, positionFlag, stateFlag, setIntParams ]);
 
     return (
         <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.conditions') }</div>
-            <div className="form-check">
-                <input className="form-check-input" type="checkbox" id="stateFlag" onChange={(e) => setStateFlag(e.target.checked ? 1 : 0)} />
-                <label className="form-check-label" htmlFor="stateFlag">
-                    { LocalizeText('wiredfurni.params.condition.state') }
-                </label>
-            </div>
-            <div className="form-check">
-                <input className="form-check-input" type="checkbox" id="directionFlag" onChange={(e) => setDirectionFlag(e.target.checked ? 1 : 0)} />
-                <label className="form-check-label" htmlFor="directionFlag">
-                    { LocalizeText('wiredfurni.params.condition.direction') }
-                </label>
-            </div>
-            <div className="form-check">
-                <input className="form-check-input" type="checkbox" id="positionFlag" onChange={(e) => setPositionFlag(e.target.checked ? 1 : 0)} />
-                <label className="form-check-label" htmlFor="positionFlag">
-                    { LocalizeText('wiredfurni.params.condition.position') }
-                </label>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.conditions') }</label>
+                <div className="form-check">
+                    <input className="form-check-input" type="checkbox" id="stateFlag" onChange={ event => setStateFlag(event.target.checked ? 1 : 0) } />
+                    <label className="form-check-label" htmlFor="stateFlag">
+                        { LocalizeText('wiredfurni.params.condition.state') }
+                    </label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="checkbox" id="directionFlag" onChange={ event => setDirectionFlag(event.target.checked ? 1 : 0) } />
+                    <label className="form-check-label" htmlFor="directionFlag">
+                        { LocalizeText('wiredfurni.params.condition.direction') }
+                    </label>
+                </div>
+                <div className="form-check">
+                    <input className="form-check-input" type="checkbox" id="positionFlag" onChange={ event => setPositionFlag(event.target.checked ? 1 : 0) } />
+                    <label className="form-check-label" htmlFor="positionFlag">
+                        { LocalizeText('wiredfurni.params.condition.position') }
+                    </label>
+                </div>
             </div>
         </WiredActionBaseView>
     );
diff --git a/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx b/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
index 3fb54dde..f4390f4e 100644
--- a/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
+++ b/src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
@@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
 export const WiredActionTeleportView: FC<{}> = props =>
 {
-    return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
-    );
+    return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
 }
diff --git a/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
index d816ed0a..fc7aed91 100644
--- a/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
+++ b/src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
@@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
 
 export const WiredActionToggleFurniStateView: FC<{}> = props =>
 {
-    return (
-        <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
-    );
+    return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
 }

From 28e4f758cc8745445edf318c31c5056225a1ca86 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Wed, 30 Jun 2021 00:33:34 -0400
Subject: [PATCH 21/22] Wired updates

---
 src/views/wired/WiredView.tsx                               | 5 +++--
 src/views/wired/views/base/WiredBaseView.tsx                | 6 +++---
 .../score-achieved/WiredTriggerScoreAchievedView.tsx        | 1 -
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/wired/WiredView.tsx b/src/views/wired/WiredView.tsx
index 023f8e2b..96c9de19 100644
--- a/src/views/wired/WiredView.tsx
+++ b/src/views/wired/WiredView.tsx
@@ -30,12 +30,13 @@ export const WiredView: FC<WiredFurniSelectorViewProps> = props =>
             GetConnection().send(new UpdateActionMessageComposer(trigger.id, intParams, stringParam, furniIds, actionDelay, trigger.stuffTypeSelectionCode));
         }
 
-        if(trigger instanceof TriggerDefinition)
+        else if(trigger instanceof TriggerDefinition)
         {
+            console.log(intParams, stringParam);
             GetConnection().send(new UpdateTriggerMessageComposer(trigger.id, intParams, stringParam, furniIds, trigger.stuffTypeSelectionCode));
         }
 
-        if(trigger instanceof ConditionDefinition)
+        else if(trigger instanceof ConditionDefinition)
         {
             GetConnection().send(new UpdateConditionMessageComposer(trigger.id, intParams, stringParam, furniIds, trigger.stuffTypeSelectionCode));
         }
diff --git a/src/views/wired/views/base/WiredBaseView.tsx b/src/views/wired/views/base/WiredBaseView.tsx
index 3bbc1c85..9e947e62 100644
--- a/src/views/wired/views/base/WiredBaseView.tsx
+++ b/src/views/wired/views/base/WiredBaseView.tsx
@@ -69,12 +69,12 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
                 { (requiresFurni !== WiredFurniType.STUFF_SELECTION_OPTION_NONE) &&
                     <>
                         <hr className="my-1 mb-2 bg-dark" />
-                        <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ '0', '0' ]) }</div>
+                        <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ '0', trigger.maximumItemSelectionCount.toString() ]) }</div>
                         <div>{ LocalizeText('wiredfurni.pickfurnis.desc') }</div>
                     </> }
                 <div className="d-flex mt-3">
-                    <button className="btn btn-success me-2 w-100" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</button>
-                    <button className="btn btn-secondary w-100" onClick={ close }>{ LocalizeText('cancel') }</button>
+                    <button className="btn btn-success  btn-sm me-2 w-100" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</button>
+                    <button className="btn btn-secondary btn-sm w-100" onClick={ close }>{ LocalizeText('cancel') }</button>
                 </div>
             </NitroCardContentView>
         </NitroCardView>
diff --git a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
index f48adfe2..a6c53191 100644
--- a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
+++ b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
@@ -28,7 +28,6 @@ export const WiredTriggeScoreAchievedView: FC<{}> = props =>
                     value={ points }
                     min={ 1 }
                     max={ 1000 }
-                    step={ 1 }
                     onChange={ event => setPoints(event) } />
             </div>
         </WiredTriggerBaseView>

From 663c84b8ca34295f5711a663c6b75de456811506 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Wed, 30 Jun 2021 02:06:21 -0400
Subject: [PATCH 22/22] Add wired furni selector

---
 src/events/wired/WiredSelectObjectEvent.ts    | 27 ++++++
 src/events/wired/index.ts                     |  1 +
 .../handlers/RoomWidgetInfostandHandler.ts    |  7 +-
 src/views/wired/WiredView.tsx                 |  2 +-
 src/views/wired/WiredView.types.ts            |  7 --
 .../wired/common/WiredSelectionFilter.ts      | 95 +++++++++++++++++++
 .../wired/common/WiredSelectionVisualizer.ts  | 68 +++++++++++++
 src/views/wired/views/base/WiredBaseView.tsx  | 29 ++++--
 .../furni-selector/WiredFurniSelectorView.tsx | 83 ++++++++++++++--
 .../WiredFurniSelectorView.types.ts           |  2 -
 10 files changed, 292 insertions(+), 29 deletions(-)
 create mode 100644 src/events/wired/WiredSelectObjectEvent.ts
 create mode 100644 src/views/wired/common/WiredSelectionFilter.ts
 create mode 100644 src/views/wired/common/WiredSelectionVisualizer.ts

diff --git a/src/events/wired/WiredSelectObjectEvent.ts b/src/events/wired/WiredSelectObjectEvent.ts
new file mode 100644
index 00000000..e82fc9d1
--- /dev/null
+++ b/src/events/wired/WiredSelectObjectEvent.ts
@@ -0,0 +1,27 @@
+import { WiredEvent } from './WiredEvent';
+
+export class WiredSelectObjectEvent extends WiredEvent
+{
+    public static SELECT_OBJECT: string = 'WE_SELECT_OBJECT';
+
+    private _objectId: number;
+    private _category: number;
+
+    constructor(objectId = -1, category = -1)
+    {
+        super(WiredSelectObjectEvent.SELECT_OBJECT);
+
+        this._objectId = objectId;
+        this._category = category;
+    }
+
+    public get objectId(): number
+    {
+        return this._objectId;
+    }
+
+    public get category(): number
+    {
+        return this._category;
+    }
+}
diff --git a/src/events/wired/index.ts b/src/events/wired/index.ts
index 9f43fa22..63ab5775 100644
--- a/src/events/wired/index.ts
+++ b/src/events/wired/index.ts
@@ -1 +1,2 @@
 export * from './WiredEvent';
+export * from './WiredSelectObjectEvent';
diff --git a/src/views/room/handlers/RoomWidgetInfostandHandler.ts b/src/views/room/handlers/RoomWidgetInfostandHandler.ts
index eda7705d..fc68071a 100644
--- a/src/views/room/handlers/RoomWidgetInfostandHandler.ts
+++ b/src/views/room/handlers/RoomWidgetInfostandHandler.ts
@@ -1,5 +1,7 @@
 import { IFurnitureData, Nitro, NitroEvent, ObjectDataFactory, PetFigureData, PetType, RoomAdsUpdateComposer, RoomControllerLevel, RoomModerationSettings, RoomObjectCategory, RoomObjectOperationType, RoomObjectType, RoomObjectVariable, RoomSessionPetInfoUpdateEvent, RoomSessionUserBadgesEvent, RoomTradingLevelEnum, RoomUnitDropHandItemComposer, RoomUnitGiveHandItemComposer, RoomUnitGiveHandItemPetComposer, RoomUserData, RoomWidgetEnumItemExtradataParameter, SecurityLevel, Vector3d } from 'nitro-renderer';
 import { GetConnection, GetRoomEngine, GetSessionDataManager, IsOwnerOfFurniture } from '../../../api';
+import { WiredSelectObjectEvent } from '../../../events';
+import { dispatchUiEvent } from '../../../hooks/events';
 import { LocalizeText } from '../../../utils/LocalizeText';
 import { RoomWidgetObjectNameEvent, RoomWidgetUpdateEvent, RoomWidgetUpdateInfostandFurniEvent, RoomWidgetUpdateInfostandPetEvent, RoomWidgetUpdateInfostandRentableBotEvent, RoomWidgetUpdateInfostandUserEvent } from '../events';
 import { RoomWidgetChangeMottoMessage, RoomWidgetFurniActionMessage, RoomWidgetMessage, RoomWidgetRoomObjectMessage, RoomWidgetUserActionMessage } from '../messages';
@@ -386,10 +388,7 @@ export class RoomWidgetInfostandHandler extends RoomWidgetHandler
                 event.rentCouldBeUsedForBuyout = furnitureData.rentCouldBeUsedForBuyout;
                 event.availableForBuildersClub = furnitureData.availableForBuildersClub;
 
-                // if(this._container.wiredService && (k.category === RoomObjectCategory.FLOOR))
-                // {
-                //     this._container.wiredService.selectFurniture(roomObject.id, furnitureData.name);
-                // }
+                dispatchUiEvent(new WiredSelectObjectEvent(event.id, event.category));
             }
         }
 
diff --git a/src/views/wired/WiredView.tsx b/src/views/wired/WiredView.tsx
index 96c9de19..e438dd67 100644
--- a/src/views/wired/WiredView.tsx
+++ b/src/views/wired/WiredView.tsx
@@ -13,7 +13,7 @@ export const WiredView: FC<WiredFurniSelectorViewProps> = props =>
     const [ trigger, setTrigger ] = useState<Triggerable>(null);
     const [ intParams, setIntParams ] = useState<number[]>(null);
     const [ stringParam, setStringParam ] = useState<string>(null);
-    const [ furniIds, setFurniIds ] = useState<number[]>(null);
+    const [ furniIds, setFurniIds ] = useState<number[]>([]);
     const [ actionDelay, setActionDelay ] = useState<number>(null);
 
     const wiredLayout = useMemo(() =>
diff --git a/src/views/wired/WiredView.types.ts b/src/views/wired/WiredView.types.ts
index aa76a13e..823d8fb3 100644
--- a/src/views/wired/WiredView.types.ts
+++ b/src/views/wired/WiredView.types.ts
@@ -1,13 +1,6 @@
-import { ConditionDefinition, TriggerDefinition, WiredActionDefinition } from 'nitro-renderer';
-
 export class WiredFurniSelectorViewProps
 {}
 
-export class WiredLayoutViewProps
-{
-    wiredDefinition: TriggerDefinition | WiredActionDefinition | ConditionDefinition;
-}
-
 export class WiredFurniType
 {
     public static STUFF_SELECTION_OPTION_NONE: number = 0;
diff --git a/src/views/wired/common/WiredSelectionFilter.ts b/src/views/wired/common/WiredSelectionFilter.ts
new file mode 100644
index 00000000..0ae889df
--- /dev/null
+++ b/src/views/wired/common/WiredSelectionFilter.ts
@@ -0,0 +1,95 @@
+import { ColorConverter, NitroFilter } from 'nitro-renderer';
+
+const vertex = `
+attribute vec2 aVertexPosition;
+attribute vec2 aTextureCoord;
+uniform mat3 projectionMatrix;
+varying vec2 vTextureCoord;
+void main(void)
+{
+    gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);
+    vTextureCoord = aTextureCoord;
+}`;
+
+const fragment = `
+varying vec2 vTextureCoord;
+uniform sampler2D uSampler;
+uniform vec3 lineColor;
+uniform vec3 color;
+void main(void) {
+    vec4 currentColor = texture2D(uSampler, vTextureCoord);
+    vec3 colorLine = lineColor * currentColor.a;
+    vec3 colorOverlay = color * currentColor.a;
+
+    if(currentColor.r == 0.0 && currentColor.g == 0.0 && currentColor.b == 0.0 && currentColor.a > 0.0) {
+        gl_FragColor = vec4(colorLine.r, colorLine.g, colorLine.b, currentColor.a);
+    } else if(currentColor.a > 0.0) {
+        gl_FragColor = vec4(colorOverlay.r, colorOverlay.g, colorOverlay.b, currentColor.a);
+    }
+}`;
+
+export class WiredSelectionFilter extends NitroFilter
+{
+    private _lineColor: number;
+    private _color: number;
+
+    constructor(lineColor: number | number[], color: number | number[])
+    {
+        super(vertex, fragment);
+
+        this.uniforms.lineColor = new Float32Array(3);
+        this.uniforms.color     = new Float32Array(3);
+        this.lineColor          = lineColor;
+        this.color              = color;
+    }
+
+    public get lineColor(): number | number[]
+    {
+        return this._lineColor;
+    }
+
+    public set lineColor(value: number | number[])
+    {
+        const arr = this.uniforms.lineColor;
+
+        if(typeof value === 'number')
+        {
+            ColorConverter.hex2rgb(value, arr);
+
+            this._lineColor = value;
+        }
+        else
+        {
+            arr[0] = value[0];
+            arr[1] = value[1];
+            arr[2] = value[2];
+
+            this._lineColor = ColorConverter.rgb2hex(arr);
+        }
+    }
+
+    public get color(): number | number[]
+    {
+        return this._color;
+    }
+
+    public set color(value: number | number[])
+    {
+        const arr = this.uniforms.color;
+
+        if(typeof value === 'number')
+        {
+            ColorConverter.hex2rgb(value, arr);
+
+            this._color = value;
+        }
+        else
+        {
+            arr[0] = value[0];
+            arr[1] = value[1];
+            arr[2] = value[2];
+
+            this._color = ColorConverter.rgb2hex(arr);
+        }
+    }
+}
diff --git a/src/views/wired/common/WiredSelectionVisualizer.ts b/src/views/wired/common/WiredSelectionVisualizer.ts
new file mode 100644
index 00000000..283c089a
--- /dev/null
+++ b/src/views/wired/common/WiredSelectionVisualizer.ts
@@ -0,0 +1,68 @@
+import { IRoomObject, IRoomObjectSpriteVisualization, NitroFilter, RoomObjectCategory } from 'nitro-renderer';
+import { GetRoomEngine } from '../../../api';
+import { WiredSelectionFilter } from './WiredSelectionFilter';
+
+export class WiredSelectionVisualizer
+{
+    private static _selectionShader: NitroFilter = new WiredSelectionFilter([ 1, 1, 1 ], [ 0.6, 0.6, 0.6 ]);
+
+    public static show(furniId: number): void
+    {
+        WiredSelectionVisualizer.applySelectionShader(WiredSelectionVisualizer.getRoomObject(furniId));
+    }
+
+    public static hide(furniId: number): void
+    {
+        WiredSelectionVisualizer.clearSelectionShader(WiredSelectionVisualizer.getRoomObject(furniId));
+    }
+
+    public static clearSelectionShaderFromFurni(furniIds: number[]): void
+    {
+        for(const furniId of furniIds)
+        {
+            WiredSelectionVisualizer.clearSelectionShader(WiredSelectionVisualizer.getRoomObject(furniId));
+        }
+    }
+
+    public static applySelectionShaderToFurni(furniIds: number[]): void
+    {
+        for(const furniId of furniIds)
+        {
+            WiredSelectionVisualizer.applySelectionShader(WiredSelectionVisualizer.getRoomObject(furniId));
+        }
+    }
+
+    private static getRoomObject(objectId: number): IRoomObject
+    {
+        const roomEngine = GetRoomEngine();
+
+        return roomEngine.getRoomObject(roomEngine.activeRoomId, objectId, RoomObjectCategory.FLOOR);
+    }
+
+    private static applySelectionShader(roomObject: IRoomObject): void
+    {
+        if(!roomObject) return;
+
+        const visualization = (roomObject.visualization as IRoomObjectSpriteVisualization);
+
+        if(!visualization) return;
+
+        for(const sprite of visualization.sprites)
+        {
+            if(sprite.blendMode === 1) continue; // BLEND_MODE: ADD
+
+            sprite.filters = [ WiredSelectionVisualizer._selectionShader ];
+        }
+    }
+
+    private static clearSelectionShader(roomObject: IRoomObject): void
+    {
+        if(!roomObject) return;
+
+        const visualization = (roomObject.visualization as IRoomObjectSpriteVisualization);
+
+        if(!visualization) return;
+
+        for(const sprite of visualization.sprites) sprite.filters = [];
+    }
+}
diff --git a/src/views/wired/views/base/WiredBaseView.tsx b/src/views/wired/views/base/WiredBaseView.tsx
index 105218a3..679eb070 100644
--- a/src/views/wired/views/base/WiredBaseView.tsx
+++ b/src/views/wired/views/base/WiredBaseView.tsx
@@ -4,8 +4,10 @@ import { WiredEvent } from '../../../../events';
 import { dispatchUiEvent } from '../../../../hooks/events';
 import { NitroCardContentView, NitroCardView } from '../../../../layout';
 import { LocalizeText } from '../../../../utils/LocalizeText';
+import { WiredSelectionVisualizer } from '../../common/WiredSelectionVisualizer';
 import { useWiredContext } from '../../context/WiredContext';
 import { WiredFurniType } from '../../WiredView.types';
+import { WiredFurniSelectorView } from '../furni-selector/WiredFurniSelectorView';
 import { WiredBaseViewProps } from './WiredBaseView.types';
 
 export const WiredBaseView: FC<WiredBaseViewProps> = props =>
@@ -36,7 +38,19 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
 
         setIntParams(trigger.intData);
         setStringParam(trigger.stringData);
-        setFurniIds(trigger.selectedItems);
+        setFurniIds(prevValue =>
+            {
+                if(prevValue && prevValue.length) WiredSelectionVisualizer.clearSelectionShaderFromFurni(prevValue);
+
+                if(trigger.selectedItems && trigger.selectedItems.length)
+                {
+                    WiredSelectionVisualizer.applySelectionShaderToFurni(trigger.selectedItems);
+
+                    return trigger.selectedItems;
+                }
+
+                return [];
+            });
     }, [ trigger, setIntParams, setStringParam, setFurniIds ]);
 
     const onSave = useCallback(() =>
@@ -52,10 +66,12 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
     }, [ setTrigger ]);
 
     return (
-        <NitroCardView className={`nitro-wired nitro-wired-${wiredType} ` + (wiredType == 'trigger' ? 'rounded-0' : 'rounded-2')}>
+        <NitroCardView className={`nitro-wired nitro-wired-${wiredType} ` + (wiredType === 'trigger' ? 'rounded-0' : 'rounded-2')}>
             <div className="nitro-wired-header d-flex">
-                <div className="nitro-wired-title rounded-start w-100 drag-handler">{LocalizeText('wiredfurni.title')}</div>
-                <div className="nitro-wired-close rounded-end flex-shrink-0" onClick={ close }><i className="fas fa-times" /></div>
+                <div className="nitro-wired-title rounded-start w-100 drag-handler">{ LocalizeText('wiredfurni.title') }</div>
+                <div className="nitro-wired-close rounded-end flex-shrink-0" onClick={ close }>
+                    <i className="fas fa-times" />
+                </div>
             </div>
             <NitroCardContentView>
                 <div className="d-flex align-items-center">
@@ -69,11 +85,10 @@ export const WiredBaseView: FC<WiredBaseViewProps> = props =>
                         { children }
                     </> }
                 </div>
-                { (requiresFurni !== WiredFurniType.STUFF_SELECTION_OPTION_NONE) &&
+                { (requiresFurni > WiredFurniType.STUFF_SELECTION_OPTION_NONE) &&
                     <>
                         <hr className="my-1 mb-2 bg-dark" />
-                        <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ '0', trigger.maximumItemSelectionCount.toString() ]) }</div>
-                        <div>{ LocalizeText('wiredfurni.pickfurnis.desc') }</div>
+                        <WiredFurniSelectorView />
                     </> }
                 <div className="d-flex mt-3">
                     <button className="btn btn-sm btn-success me-2 w-100" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</button>
diff --git a/src/views/wired/views/furni-selector/WiredFurniSelectorView.tsx b/src/views/wired/views/furni-selector/WiredFurniSelectorView.tsx
index a9b3a38e..aef71694 100644
--- a/src/views/wired/views/furni-selector/WiredFurniSelectorView.tsx
+++ b/src/views/wired/views/furni-selector/WiredFurniSelectorView.tsx
@@ -1,17 +1,84 @@
-import { FC } from 'react';
+import { FC, useCallback, useEffect } from 'react';
+import { WiredSelectObjectEvent } from '../../../../events';
+import { useUiEvent } from '../../../../hooks/events';
 import { LocalizeText } from '../../../../utils/LocalizeText';
+import { WiredSelectionVisualizer } from '../../common/WiredSelectionVisualizer';
+import { useWiredContext } from '../../context/WiredContext';
 import { WiredFurniSelectorViewProps } from './WiredFurniSelectorView.types';
 
 export const WiredFurniSelectorView: FC<WiredFurniSelectorViewProps> = props =>
 {
-    const { selectedItemsCount = null, maximumItemsCount = null } = props;
+    const { trigger = null, furniIds = [], setFurniIds = null } = useWiredContext();
+
+    const onWiredSelectObjectEvent = useCallback((event: WiredSelectObjectEvent) =>
+    {
+        const furniId = event.objectId;
+
+        if(furniId === -1) return;
+
+        let newFurniIds: number[] = null;
+
+        setFurniIds(prevValue =>
+            {
+                newFurniIds = [ ...prevValue ];
+
+                const index = prevValue.indexOf(furniId);
+
+                if(index >= 0)
+                {
+                    newFurniIds.splice(index, 1);
+
+                    WiredSelectionVisualizer.hide(furniId);
+                }
+                else
+                {
+                    if(newFurniIds.length < trigger.maximumItemSelectionCount)
+                    {
+                        newFurniIds.push(furniId);
+
+                        WiredSelectionVisualizer.show(furniId);
+                    }
+                }
+
+                return newFurniIds;
+            });
+    }, [ trigger, setFurniIds ]);
+
+    useUiEvent(WiredSelectObjectEvent.SELECT_OBJECT, onWiredSelectObjectEvent);
+
+    useEffect(() =>
+    {
+        if(!trigger) return;
+
+        setFurniIds(prevValue =>
+            {
+                if(prevValue && prevValue.length) WiredSelectionVisualizer.clearSelectionShaderFromFurni(prevValue);
+
+                if(trigger.selectedItems && trigger.selectedItems.length)
+                {
+                    WiredSelectionVisualizer.applySelectionShaderToFurni(trigger.selectedItems);
+
+                    return trigger.selectedItems;
+                }
+
+                return [];
+            });
+
+        return () =>
+        {
+            setFurniIds(prevValue =>
+                {
+                    WiredSelectionVisualizer.clearSelectionShaderFromFurni(prevValue);
+
+                    return [];
+                });
+        }
+    }, [ trigger, setFurniIds ]);
     
     return (
-        <>
-            <hr className="p-0 m-1" />
-            <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', ['count', 'limit'], [selectedItemsCount.toString(), maximumItemsCount.toString()]) }</div>
-            <div>{ LocalizeText('wiredfurni.pickfurnis.desc') }</div>
-            <hr className="p-0 m-1" />
-        </>
+        <div className="d-flex flex-column">
+            <div className="fw-bold">{ LocalizeText('wiredfurni.pickfurnis.caption', ['count', 'limit'], [ furniIds.length.toString(), trigger.maximumItemSelectionCount.toString() ]) }</div>
+            { LocalizeText('wiredfurni.pickfurnis.desc') }
+        </div>
     );
 }
diff --git a/src/views/wired/views/furni-selector/WiredFurniSelectorView.types.ts b/src/views/wired/views/furni-selector/WiredFurniSelectorView.types.ts
index 88144289..4bca7969 100644
--- a/src/views/wired/views/furni-selector/WiredFurniSelectorView.types.ts
+++ b/src/views/wired/views/furni-selector/WiredFurniSelectorView.types.ts
@@ -1,5 +1,3 @@
 export class WiredFurniSelectorViewProps
 {
-    selectedItemsCount: number;
-    maximumItemsCount: number;
 }