wired ui: add source selector support

2026-06-20 15:36:18 +00:00 · 2026-03-15 19:02:34 +01:00
parent bdae069003
commit ba0208c654
37 changed files with 1095 additions and 104 deletions
@@ -1,8 +1,69 @@
-import { FC } from 'react';
-import { WiredFurniType } from '../../../../api';
+import { FC, useEffect, useState } from 'react';
+import { WiredFurniType, WiredSelectionVisualizer } from '../../../../api';
+import { useWired } from '../../../../hooks';
 import { WiredActionBaseView } from './WiredActionBaseView';
+import { WiredSourcesSelector } from '../WiredSourcesSelector';

 export const WiredActionTeleportView: FC<{}> = props =>
 {
-    return <WiredActionBaseView hasSpecialInput={ false } requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } 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;
+    });
+
+    const [ userSource, setUserSource ] = useState<number>(() =>
+    {
+        if(trigger?.intData?.length >= 2) return trigger.intData[1];
+        return 0;
+    });
+
+    useEffect(() =>
+    {
+        if(!trigger) return;
+
+        if(trigger.intData.length >= 1) setFurniSource(trigger.intData[0]);
+        else setFurniSource((trigger.selectedItems?.length ?? 0) > 0 ? 100 : 0);
+
+        if(trigger.intData.length >= 2) setUserSource(trigger.intData[1]);
+        else setUserSource(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, userSource ]);
+
+    const requiresFurni = (furniSource === 100)
+        ? WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT
+        : WiredFurniType.STUFF_SELECTION_OPTION_NONE;
+
+    return (
+        <WiredActionBaseView
+            hasSpecialInput={ true }
+            requiresFurni={ requiresFurni }
+            save={ save }
+            footer={
+                <WiredSourcesSelector
+                    showFurni={ true }
+                    showUsers={ true }
+                    furniSource={ furniSource }
+                    userSource={ userSource }
+                    onChangeFurni={ onChangeFurniSource }
+                    onChangeUsers={ setUserSource } />
+            } />
+    );
 };