wired ui: add source selector support

src/components/wired/views/conditions/WiredConditionFurniHasAvatarOnView.tsx

@@ -1,8 +1,50 @@
-import { FC } from 'react';
-import { WiredFurniType } from '../../../../api';
+import { FC, useEffect, useState } from 'react';
+import { WiredFurniType, WiredSelectionVisualizer } from '../../../../api';
+import { useWired } from '../../../../hooks';
 import { WiredConditionBaseView } from './WiredConditionBaseView';
+import { WiredSourcesSelector } from '../WiredSourcesSelector';
 
 export const WiredConditionFurniHasAvatarOnView: FC<{}> = props =>
 {
-    return <WiredConditionBaseView hasSpecialInput={ false } requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ null } />;
+    const { trigger = null, furniIds = [], setFurniIds = null, setIntParams = null } = useWired();
+    const [ furniSource, setFurniSource ] = useState<number>(() =>
+    {
+        if(trigger?.intData?.length >= 1) return trigger.intData[0];
+        return (trigger?.selectedItems?.length ?? 0) > 0 ? 100 : 0;
+    });
+
+    useEffect(() =>
+    {
+        if(!trigger) return;
+        if(trigger.intData.length >= 1) setFurniSource(trigger.intData[0]);
+        else setFurniSource((trigger.selectedItems?.length ?? 0) > 0 ? 100 : 0);
+    }, [ trigger ]);
+
+    const onChangeFurniSource = (next: number) =>
+    {
+        if(furniIds.length && setFurniIds)
+        {
+            setFurniIds(prev =>
+            {
+                if(prev && prev.length) WiredSelectionVisualizer.clearSelectionShaderFromFurni(prev);
+                return [];
+            });
+        }
+
+        setFurniSource(next);
+    };
+
+    const save = () => setIntParams([ furniSource ]);
+
+    const requiresFurni = (furniSource === 100)
+        ? WiredFurniType.STUFF_SELECTION_OPTION_BY_ID
+        : WiredFurniType.STUFF_SELECTION_OPTION_NONE;
+
+    return (
+        <WiredConditionBaseView
+            hasSpecialInput={ true }
+            requiresFurni={ requiresFurni }
+            save={ save }
+            footer={ <WiredSourcesSelector showFurni={ true } furniSource={ furniSource } onChangeFurni={ onChangeFurniSource } /> } />
+    );
 };