+ { currentPictureUrl && 
}
+
{ selectedEffectName && (
-
+
);
diff --git a/src/components/mod-tools/views/tickets/ModToolsOpenIssuesTabView.tsx b/src/components/mod-tools/views/tickets/ModToolsOpenIssuesTabView.tsx
index 17e4901..387580b 100644
--- a/src/components/mod-tools/views/tickets/ModToolsOpenIssuesTabView.tsx
+++ b/src/components/mod-tools/views/tickets/ModToolsOpenIssuesTabView.tsx
@@ -1,5 +1,5 @@
import { IssueMessageData, PickIssuesMessageComposer } from '@nitrots/nitro-renderer';
-import { FC } from 'react';
+import { FC, useRef } from 'react';
import { SendMessageComposer } from '../../../../api';
import { Button, Column, Grid } from '../../../../common';
@@ -11,6 +11,17 @@ interface ModToolsOpenIssuesTabViewProps
export const ModToolsOpenIssuesTabView: FC{ issue.reportedUserName }
{ new Date(Date.now() - issue.issueAgeInMilliseconds).toLocaleTimeString() }
-
+
);
diff --git a/src/components/mod-tools/views/user/ModToolsUserModActionView.tsx b/src/components/mod-tools/views/user/ModToolsUserModActionView.tsx
index 2dcdd3e..1bea10a 100644
--- a/src/components/mod-tools/views/user/ModToolsUserModActionView.tsx
+++ b/src/components/mod-tools/views/user/ModToolsUserModActionView.tsx
@@ -1,5 +1,5 @@
import { CallForHelpTopicData, DefaultSanctionMessageComposer, ModAlertMessageComposer, ModBanMessageComposer, ModKickMessageComposer, ModMessageMessageComposer, ModMuteMessageComposer, ModTradingLockMessageComposer } from '@nitrots/nitro-renderer';
-import { FC, useMemo, useState } from 'react';
+import { FC, useMemo, useRef, useState } from 'react';
import { ISelectedUser, LocalizeText, ModActionDefinition, NotificationAlertType, SendMessageComposer } from '../../../../api';
import { Button, DraggableWindowPosition, Flex, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
import { useModTools, useNotification } from '../../../../hooks';
@@ -33,6 +33,7 @@ export const ModToolsUserModActionView: FC
+ = ({ slotIndex,
const [ isDragOver, setIsDragOver ] = useState(false);
const [ showPicker, setShowPicker ] = useState(false);
- // For own user: use hook data if loaded, otherwise fall back to props (avatarInfo)
- // For other users: always use props
const hookBadge = activeBadgeCodes.length > 0 ? (activeBadgeCodes[slotIndex] ?? null) : null;
const badgeCode = isOwnUser ? (hookBadge ?? badgeCodeFromProps ?? null) : (badgeCodeFromProps ?? null);
@@ -117,14 +116,12 @@ export const InfoStandBadgeSlotView: FC = ({ slotIndex,
if(sourceSlotStr !== '')
{
- // Dragged from another infostand slot -> always swap (works with empty slots too)
const sourceSlot = parseInt(sourceSlotStr);
if(sourceSlot !== slotIndex) swapBadges(sourceSlot, slotIndex);
}
else
{
- // Dragged from inventory or external -> place at this slot
setBadgeAtSlot(droppedBadgeCode, slotIndex);
}
}, [ isOwnUser, slotIndex, swapBadges, setBadgeAtSlot ]);
diff --git a/src/components/wired-tools/WiredCreatorToolsView.tsx b/src/components/wired-tools/WiredCreatorToolsView.tsx
new file mode 100644
index 0000000..7d5d4ed
--- /dev/null
+++ b/src/components/wired-tools/WiredCreatorToolsView.tsx
@@ -0,0 +1,176 @@
+import { AddLinkEventTracker, ILinkEventTracker, RemoveLinkEventTracker } from '@nitrots/nitro-renderer';
+import { FC, useEffect, useMemo, useState } from 'react';
+import { Button, DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView, Text } from '../../common';
+
+type WiredToolsTab = 'monitor' | 'variables' | 'inspection' | 'chests' | 'settings';
+
+interface MonitorStat
+{
+ label: string;
+ value: string;
+}
+
+interface MonitorLog
+{
+ type: string;
+ category: string;
+ amount: string;
+ latest: string;
+}
+
+const TABS: Array<{ key: WiredToolsTab; label: string; }> = [
+ { key: 'monitor', label: 'Monitor' },
+ { key: 'variables', label: 'Variables' },
+ { key: 'inspection', label: 'Inspection' },
+ { key: 'chests', label: 'Chests' },
+ { key: 'settings', label: 'Settings' }
+];
+
+const MONITOR_STATS: MonitorStat[] = [
+ { label: 'Wired usage', value: '0/10000' },
+ { label: 'Is heavy', value: 'No' },
+ { label: 'Floor furni', value: '0/4000' },
+ { label: 'Wall furni', value: '0/4000' },
+ { label: 'Permanent furni vars', value: '0/60' }
+];
+
+const MONITOR_LOGS: MonitorLog[] = [
+ { type: 'EXECUTION_CAP', category: 'ERROR', amount: '0', latest: '/' },
+ { type: 'DELAYED_EVENTS_CAP', category: 'ERROR', amount: '0', latest: '/' },
+ { type: 'EXECUTOR_OVERLOAD', category: 'ERROR', amount: '0', latest: '/' },
+ { type: 'MARKED_AS_HEAVY', category: 'WARNING', amount: '0', latest: '/' },
+ { type: 'KILLED', category: 'ERROR', amount: '0', latest: '/' },
+ { type: 'RECURSION_TIMEOUT', category: 'ERROR', amount: '0', latest: '/' }
+];
+
+export const WiredCreatorToolsView: FC<{}> = props =>
+{
+ const [ isVisible, setIsVisible ] = useState(false);
+ const [ activeTab, setActiveTab ] = useState('monitor');
+
+ useEffect(() =>
+ {
+ const linkTracker: ILinkEventTracker = {
+ linkReceived: (url: string) =>
+ {
+ const parts = url.split('/');
+
+ if(parts.length < 2) return;
+
+ switch(parts[1])
+ {
+ case 'show':
+ setIsVisible(true);
+ return;
+ case 'hide':
+ setIsVisible(false);
+ return;
+ case 'toggle':
+ setIsVisible(prevValue => !prevValue);
+ return;
+ case 'tab':
+ if(parts.length > 2)
+ {
+ const tab = parts[2] as WiredToolsTab;
+
+ if(TABS.some(entry => entry.key === tab)) setActiveTab(tab);
+ }
+ setIsVisible(true);
+ return;
+ }
+ },
+ eventUrlPrefix: 'wired-tools/'
+ };
+
+ AddLinkEventTracker(linkTracker);
+
+ return () => RemoveLinkEventTracker(linkTracker);
+ }, []);
+
+ const currentTabLabel = useMemo(() => TABS.find(tab => tab.key === activeTab)?.label ?? 'Monitor', [ activeTab ]);
+
+ if(!isVisible) return null;
+
+ return (
+
+ setIsVisible(false) } />
+
+ { TABS.map(tab => (
+ setActiveTab(tab.key) }>
+ { tab.label }
+
+ )) }
+
+
+
+
+ );
+};
diff --git a/src/components/wired/views/WiredBaseView.tsx b/src/components/wired/views/WiredBaseView.tsx
index 4c4f0db..f9477af 100644
--- a/src/components/wired/views/WiredBaseView.tsx
+++ b/src/components/wired/views/WiredBaseView.tsx
@@ -24,7 +24,11 @@ export const WiredBaseView: FC> = props =>
const [ needsSave, setNeedsSave ] = useState(false);
const { trigger = null, setTrigger = null, setIntParams = null, setStringParam = null, setFurniIds = null, setAllowsFurni = null, saveWired = null } = useWired();
- const onClose = () => setTrigger(null);
+ const onClose = () =>
+ {
+ WiredSelectionVisualizer.clearAllSelectionShaders();
+ setTrigger(null);
+ };
const onSave = () =>
{
@@ -48,6 +52,8 @@ export const WiredBaseView: FC> = props =>
{
if(!trigger) return;
+ WiredSelectionVisualizer.clearAllSelectionShaders();
+
const spriteId = (trigger.spriteId || -1);
const furniData = GetSessionDataManager().getFloorItemData(spriteId);
diff --git a/src/components/wired/views/WiredSourcesSelector.tsx b/src/components/wired/views/WiredSourcesSelector.tsx
index db072a6..2d5ebc1 100644
--- a/src/components/wired/views/WiredSourcesSelector.tsx
+++ b/src/components/wired/views/WiredSourcesSelector.tsx
@@ -16,45 +16,66 @@ export const USER_SOURCES = [
{ value: 201, label: 'wiredfurni.params.sources.users.201' }
];
+export interface WiredSourceOption
+{
+ value: number;
+ label: string;
+}
+
interface WiredSourcesSelectorProps
{
showFurni?: boolean;
showUsers?: boolean;
furniSource?: number;
userSource?: number;
+ furniTitle?: string;
+ usersTitle?: string;
+ furniSources?: WiredSourceOption[];
+ userSources?: WiredSourceOption[];
onChangeFurni?: (source: number) => void;
onChangeUsers?: (source: number) => void;
}
export const WiredSourcesSelector: FC = props =>
{
- const { showFurni = false, showUsers = false, furniSource = 0, userSource = 0, onChangeFurni = null, onChangeUsers = null } = props;
+ const {
+ showFurni = false,
+ showUsers = false,
+ furniSource = 0,
+ userSource = 0,
+ furniTitle = 'wiredfurni.params.sources.furni.title',
+ usersTitle = 'wiredfurni.params.sources.users.title',
+ furniSources = FURNI_SOURCES,
+ userSources = USER_SOURCES,
+ onChangeFurni = null,
+ onChangeUsers = null
+ } = props;
- const furniIndex = Math.max(0, FURNI_SOURCES.findIndex(s => s.value === furniSource));
- const userIndex = Math.max(0, USER_SOURCES.findIndex(s => s.value === userSource));
+ const furniIndex = Math.max(0, furniSources.findIndex(s => s.value === furniSource));
+ const userIndex = Math.max(0, userSources.findIndex(s => s.value === userSource));
const prevFurni = () =>
{
- const next = (furniIndex - 1 + FURNI_SOURCES.length) % FURNI_SOURCES.length;
- onChangeFurni && onChangeFurni(FURNI_SOURCES[next].value);
+ const next = (furniIndex - 1 + furniSources.length) % furniSources.length;
+ onChangeFurni && onChangeFurni(furniSources[next].value);
};
const nextFurni = () =>
{
- const next = (furniIndex + 1) % FURNI_SOURCES.length;
- onChangeFurni && onChangeFurni(FURNI_SOURCES[next].value);
+ const next = (furniIndex + 1) % furniSources.length;
+ onChangeFurni && onChangeFurni(furniSources[next].value);
};
const prevUsers = () =>
{
- const next = (userIndex - 1 + USER_SOURCES.length) % USER_SOURCES.length;
- onChangeUsers && onChangeUsers(USER_SOURCES[next].value);
+ const next = (userIndex - 1 + userSources.length) % userSources.length;
+ onChangeUsers && onChangeUsers(userSources[next].value);
};
const nextUsers = () =>
{
- const next = (userIndex + 1) % USER_SOURCES.length;
- onChangeUsers && onChangeUsers(USER_SOURCES[next].value);
+ const next = (userIndex + 1) % userSources.length;
+ onChangeUsers && onChangeUsers(userSources[next].value);
};
if(!showFurni && !showUsers) return null;
@@ -63,11 +84,11 @@ export const WiredSourcesSelector: FC = props =>
();
+
+ for(const part of data.split(/[;,\t]/))
+ {
+ const trimmed = part.trim();
+ if(!trimmed.length) continue;
+
+ const value = parseInt(trimmed, 10);
+ if(!isNaN(value) && value > 0) ids.add(value);
+ }
+
+ return Array.from(ids);
+};
+
+const serializeIds = (ids: number[]): string =>
+{
+ if(!ids || !ids.length) return '';
+
+ return ids.filter(id => (id > 0)).join(FURNI_DELIMITER);
+};
+
+export const WiredActionFurniToFurniView: FC<{}> = () =>
+{
+ const [ moveSource, setMoveSource ] = useState(SOURCE_TRIGGER);
+ const [ targetSource, setTargetSource ] = useState(SOURCE_TRIGGER);
+ const [ moveFurniIds, setMoveFurniIds ] = useState([]);
+ const [ targetFurniIds, setTargetFurniIds ] = useState([]);
+ const [ selectionMode, setSelectionMode ] = useState('move');
+
+ const highlightedIds = useRef([]);
+
+ const { trigger = null, furniIds = [], setFurniIds, setIntParams, setStringParam, setAllowsFurni } = useWired();
+
+ const syncHighlights = useCallback((nextMoveIds: number[], nextTargetIds: number[]) =>
+ {
+ if(highlightedIds.current.length)
+ {
+ WiredSelectionVisualizer.clearSelectionShaderFromFurni(highlightedIds.current);
+ WiredSelectionVisualizer.clearSecondarySelectionShaderFromFurni(highlightedIds.current);
+ }
+
+ const targetSet = new Set(nextTargetIds);
+ const moveOnlyIds = nextMoveIds.filter(id => !targetSet.has(id));
+
+ if(moveOnlyIds.length) WiredSelectionVisualizer.applySelectionShaderToFurni(moveOnlyIds);
+ if(nextTargetIds.length) WiredSelectionVisualizer.applySecondarySelectionShaderToFurni(nextTargetIds);
+
+ highlightedIds.current = Array.from(new Set([ ...nextMoveIds, ...nextTargetIds ]));
+ }, []);
+
+ const switchSelection = useCallback((mode: SelectionMode) =>
+ {
+ const canEditMove = (moveSource === SOURCE_SELECTED);
+ const canEditTarget = (targetSource === SOURCE_SECONDARY_SELECTED);
+
+ if(mode === 'move' && !canEditMove) return;
+ if(mode === 'target' && !canEditTarget) return;
+
+ setSelectionMode(mode);
+ setFurniIds([ ...(mode === 'move' ? moveFurniIds : targetFurniIds) ]);
+ }, [ moveSource, targetSource, moveFurniIds, targetFurniIds, setFurniIds ]);
+
+ useEffect(() =>
+ {
+ if(!trigger) return;
+
+ const nextMoveIds = trigger.selectedItems ?? [];
+ const nextTargetIds = parseIds(trigger.stringData);
+ const nextMoveSource = (trigger.intData.length >= 1)
+ ? trigger.intData[0]
+ : (nextMoveIds.length ? SOURCE_SELECTED : SOURCE_TRIGGER);
+ const nextTargetSourceRaw = (trigger.intData.length >= 2)
+ ? trigger.intData[1]
+ : (nextTargetIds.length ? SOURCE_SECONDARY_SELECTED : SOURCE_TRIGGER);
+ const nextTargetSource = (nextTargetSourceRaw === SOURCE_SELECTED) ? SOURCE_SECONDARY_SELECTED : nextTargetSourceRaw;
+
+ setMoveSource(nextMoveSource);
+ setTargetSource(nextTargetSource);
+ setMoveFurniIds(nextMoveIds);
+ setTargetFurniIds(nextTargetIds);
+ setSelectionMode('move');
+ setFurniIds([ ...nextMoveIds ]);
+ }, [ trigger, setFurniIds ]);
+
+ useEffect(() =>
+ {
+ if(selectionMode === 'move') setMoveFurniIds(furniIds);
+ else setTargetFurniIds(furniIds);
+ }, [ furniIds, selectionMode ]);
+
+ useEffect(() =>
+ {
+ syncHighlights(moveFurniIds, targetFurniIds);
+ }, [ moveFurniIds, targetFurniIds, syncHighlights ]);
+
+ useEffect(() =>
+ {
+ const canEditMove = (moveSource === SOURCE_SELECTED);
+ const canEditTarget = (targetSource === SOURCE_SECONDARY_SELECTED);
+
+ if(selectionMode === 'move' && !canEditMove && canEditTarget)
+ {
+ switchSelection('target');
+ return;
+ }
+
+ if(selectionMode === 'target' && !canEditTarget && canEditMove)
+ {
+ switchSelection('move');
+ return;
+ }
+
+ const canEditCurrent = ((selectionMode === 'move') ? canEditMove : canEditTarget);
+ setAllowsFurni(canEditCurrent ? WiredFurniType.STUFF_SELECTION_OPTION_BY_ID : WiredFurniType.STUFF_SELECTION_OPTION_NONE);
+ }, [ selectionMode, moveSource, targetSource, switchSelection, setAllowsFurni ]);
+
+ useEffect(() =>
+ {
+ return () =>
+ {
+ if(!highlightedIds.current.length) return;
+
+ WiredSelectionVisualizer.clearSelectionShaderFromFurni(highlightedIds.current);
+ WiredSelectionVisualizer.clearSecondarySelectionShaderFromFurni(highlightedIds.current);
+ highlightedIds.current = [];
+ };
+ }, []);
+
+ const save = useCallback(() =>
+ {
+ if(selectionMode === 'target')
+ {
+ setSelectionMode('move');
+ setFurniIds([ ...moveFurniIds ]);
+ }
+
+ setIntParams([
+ moveSource,
+ targetSource
+ ]);
+
+ setStringParam(serializeIds(targetFurniIds));
+ }, [ selectionMode, moveFurniIds, moveSource, targetSource, targetFurniIds, setFurniIds, setIntParams, setStringParam ]);
+
+ const selectionLimit = trigger?.maximumItemSelectionCount ?? 0;
+
+ return (
+
+
+ setTargetSource((value === SOURCE_SELECTED) ? SOURCE_SECONDARY_SELECTED : value) } />
+
+ }>
+
{ roomSession instanceof RoomSession &&
<>
) }
@@ -81,8 +82,6 @@ export const InfoStandBadgeSlotView: FC
{ filtered.slice(0, 40).map(code => (
@@ -67,7 +68,7 @@ const BadgeMiniPicker: FC<{
)) }
{ filtered.length === 0 && (
- Nessun badge
+ { LocalizeText('generic.no_results_found') }
) }
+
+
+ { currentTabLabel }
+
+ { (activeTab === 'monitor') &&
+
+
}
+ { (activeTab !== 'monitor') &&
+
+ This is the initial shell for the Wired Creator Tools. We can now build the real functionality tab by tab.
+
+
+
+
+ Statistics:
+ { MONITOR_STATS.map(stat => (
+
+
+ { stat.label }:
+ { stat.value }
+
+ )) }
+
+
+
+ Monitor Preview
+
+
+ Live statistics, executor health and diagnostics can be connected here next.
+
+
+ Logs:
+
+
+
+
+
+
+ | Type | +Category | +Amount | +Latest occurrence | +
|---|---|---|---|
| { log.type } | +{ log.category } | +{ log.amount } | +{ log.latest } | +
+
+
+
+
+
}
+
+ { currentTabLabel }
+
+
+ This tab is now ready to be wired into the new `:wired` tools flow.
+
+
{ showFurni &&
<>
- { LocalizeText('wiredfurni.params.sources.furni.title') }
+ { LocalizeText(furniTitle) }
@@ -77,11 +98,11 @@ export const WiredSourcesSelector: FC = props =>
{ showUsers &&
<>
- { LocalizeText('wiredfurni.params.sources.users.title') }
+ { LocalizeText(usersTitle) }
@@ -89,4 +110,3 @@ export const WiredSourcesSelector: FC = props =>
);
};
-
diff --git a/src/components/wired/views/actions/WiredActionFreezeView.tsx b/src/components/wired/views/actions/WiredActionFreezeView.tsx
new file mode 100644
index 0000000..716acaa
--- /dev/null
+++ b/src/components/wired/views/actions/WiredActionFreezeView.tsx
@@ -0,0 +1,54 @@
+import { FC, useEffect, useState } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredActionBaseView } from './WiredActionBaseView';
+import { WiredSourcesSelector } from '../WiredSourcesSelector';
+
+const EFFECT_OPTIONS = [
+ { value: 218, label: 'fx_218' },
+ { value: 12, label: 'fx_12' },
+ { value: 11, label: 'fx_11' },
+ { value: 53, label: 'fx_53' },
+ { value: 163, label: 'fx_163' }
+];
+
+export const WiredActionFreezeView: FC<{}> = () =>
+{
+ const [ effectId, setEffectId ] = useState(218);
+ const [ cancelOnTeleport, setCancelOnTeleport ] = useState(false);
+ const [ userSource, setUserSource ] = useState(0);
+ const { trigger = null, setIntParams = null } = useWired();
+
+ const save = () => setIntParams([
+ effectId,
+ cancelOnTeleport ? 1 : 0,
+ userSource
+ ]);
+
+ useEffect(() =>
+ {
+ setEffectId((trigger?.intData?.length > 0) ? trigger.intData[0] : 218);
+ setCancelOnTeleport((trigger?.intData?.length > 1) ? (trigger.intData[1] === 1) : false);
+ setUserSource((trigger?.intData?.length > 2) ? trigger.intData[2] : 0);
+ }, [ trigger ]);
+
+ return (
+
- { LocalizeText(FURNI_SOURCES[furniIndex].label) }
+ { LocalizeText(furniSources[furniIndex].label) }
- { LocalizeText(USER_SOURCES[userIndex].label) }
+ { LocalizeText(userSources[userIndex].label) }
+ Effect
+
+
+
+ setCancelOnTeleport(event.target.checked) } />
+ { LocalizeText('wiredfurni.params.freeze.cancel_on_teleport') }
+
+
+ );
+};
diff --git a/src/components/wired/views/actions/WiredActionFurniToFurniView.tsx b/src/components/wired/views/actions/WiredActionFurniToFurniView.tsx
new file mode 100644
index 0000000..5f7cefc
--- /dev/null
+++ b/src/components/wired/views/actions/WiredActionFurniToFurniView.tsx
@@ -0,0 +1,222 @@
+import { FC, useCallback, useEffect, useRef, useState } from 'react';
+import { LocalizeText, WiredFurniType, WiredSelectionVisualizer } from '../../../../api';
+import { Button, Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredSourcesSelector, FURNI_SOURCES, WiredSourceOption } from '../WiredSourcesSelector';
+import { WiredActionBaseView } from './WiredActionBaseView';
+
+const SOURCE_TRIGGER = 0;
+const SOURCE_SELECTED = 100;
+const SOURCE_SECONDARY_SELECTED = 101;
+const FURNI_DELIMITER = ';';
+
+const TARGET_FURNI_SOURCES: WiredSourceOption[] = [
+ { value: 0, label: 'wiredfurni.params.sources.furni.0' },
+ { value: SOURCE_SECONDARY_SELECTED, label: 'wiredfurni.params.sources.furni.101' },
+ { value: 200, label: 'wiredfurni.params.sources.furni.200' },
+ { value: 201, label: 'wiredfurni.params.sources.furni.201' }
+];
+
+type SelectionMode = 'move' | 'target';
+
+const parseIds = (data: string): number[] =>
+{
+ if(!data || !data.length) return [];
+
+ const ids = new Set+
+
+
+ );
+};
diff --git a/src/components/wired/views/actions/WiredActionGiveRewardView.tsx b/src/components/wired/views/actions/WiredActionGiveRewardView.tsx
index 91c1468..3fb239a 100644
--- a/src/components/wired/views/actions/WiredActionGiveRewardView.tsx
+++ b/src/components/wired/views/actions/WiredActionGiveRewardView.tsx
@@ -7,6 +7,131 @@ import { NitroInput } from '../../../../layout';
import { WiredActionBaseView } from './WiredActionBaseView';
import { WiredSourcesSelector } from '../WiredSourcesSelector';
+type RewardType = 'badge' | 'credits' | 'pixels' | 'diamonds' | 'points' | 'furni' | 'respect';
+
+interface RewardEntry
+{
+ rewardType: RewardType;
+ rewardValue: string;
+ probability: number;
+ pointsType: number;
+}
+
+const DEFAULT_PROBABILITY = 100;
+const DEFAULT_POINTS_TYPE = 5;
+
+const REWARD_TYPES: { value: RewardType, label: string }[] = [
+ { value: 'badge', label: 'Badge' },
+ { value: 'credits', label: 'Credits' },
+ { value: 'pixels', label: 'Pixels / Duckets' },
+ { value: 'diamonds', label: 'Diamonds' },
+ { value: 'points', label: 'Extra Currency' },
+ { value: 'furni', label: 'Furni' },
+ { value: 'respect', label: 'Respect' }
+];
+
+const SELECTABLE_REWARD_TYPES = REWARD_TYPES.filter(entry => (entry.value !== 'respect'));
+
+const createReward = (): RewardEntry =>
+({
+ rewardType: 'furni',
+ rewardValue: '',
+ probability: DEFAULT_PROBABILITY,
+ pointsType: DEFAULT_POINTS_TYPE
+});
+
+const getRewardValuePlaceholder = (rewardType: RewardType) =>
+{
+ switch(rewardType)
+ {
+ case 'badge':
+ return 'Badge code';
+ case 'credits':
+ return 'Credits amount';
+ case 'pixels':
+ return 'Pixels amount';
+ case 'diamonds':
+ return 'Diamonds amount';
+ case 'points':
+ return 'Amount';
+ case 'furni':
+ return 'Furni base item id';
+ case 'respect':
+ return 'Respect amount';
+ }
+};
+
+const getExtraFieldLabel = (rewardType: RewardType) =>
+{
+ switch(rewardType)
+ {
+ case 'points':
+ return 'Currency Type';
+ case 'badge':
+ return 'Code';
+ default:
+ return 'Info';
+ }
+};
+
+const getExtraFieldPlaceholder = (rewardType: RewardType) =>
+{
+ switch(rewardType)
+ {
+ case 'points':
+ return 'Type id (e.g. 105)';
+ case 'badge':
+ return 'Badge';
+ default:
+ return '';
+ }
+};
+
+const parseRewardEntry = (rawType: string, rawCode: string, rawProbability: string): RewardEntry =>
+{
+ const probability = Number(rawProbability);
+ const parsedProbability = Number.isFinite(probability) ? probability : DEFAULT_PROBABILITY;
+
+ if(rawType === '0')
+ {
+ return { rewardType: 'badge', rewardValue: rawCode, probability: parsedProbability, pointsType: DEFAULT_POINTS_TYPE };
+ }
+
+ const separatorIndex = rawCode.indexOf('#');
+
+ if(separatorIndex === -1)
+ {
+ return { rewardType: 'furni', rewardValue: rawCode, probability: parsedProbability, pointsType: DEFAULT_POINTS_TYPE };
+ }
+
+ const rewardType = rawCode.slice(0, separatorIndex);
+ const rewardValue = rawCode.slice(separatorIndex + 1);
+
+ if(rewardType.startsWith('points'))
+ {
+ const pointsType = Number(rewardType.slice('points'.length));
+
+ return {
+ rewardType: 'points',
+ rewardValue,
+ probability: parsedProbability,
+ pointsType: Number.isFinite(pointsType) ? pointsType : DEFAULT_POINTS_TYPE
+ };
+ }
+
+ if(REWARD_TYPES.some(entry => (entry.value === rewardType)))
+ {
+ return { rewardType: rewardType as RewardType, rewardValue, probability: parsedProbability, pointsType: DEFAULT_POINTS_TYPE };
+ }
+
+ if(rewardType === 'cata')
+ {
+ return { rewardType: 'furni', rewardValue, probability: parsedProbability, pointsType: DEFAULT_POINTS_TYPE };
+ }
+
+ return { rewardType: 'furni', rewardValue: rawCode, probability: parsedProbability, pointsType: DEFAULT_POINTS_TYPE };
+};
+
export const WiredActionGiveRewardView: FC<{}> = props =>
{
const [ limitEnabled, setLimitEnabled ] = useState(false);
@@ -14,7 +139,7 @@ export const WiredActionGiveRewardView: FC<{}> = props =>
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 [ rewards, setRewards ] = useState
+ { LocalizeText('wiredfurni.params.sources.furni.title.mv.0') }
+
+
+
+ { selectionLimit ? `${ moveFurniIds.length }/${ selectionLimit }` : moveFurniIds.length }
+
+
+ { LocalizeText('wiredfurni.params.sources.furni.title.mv.1') }
+
+
+
+ { selectionLimit ? `${ targetFurniIds.length }/${ selectionLimit }` : targetFurniIds.length }
+
+
+ , min: number, max: number) =>
+{
+ return clampValue(parseInt(event.target.value || min.toString(), 10), min, max);
+};
+
+const toggleMaskValue = (mask: number, value: number, enabled: boolean) =>
+{
+ if(enabled) return (mask | (1 << value));
+
+ return (mask & ~(1 << value));
+};
+
+const InlineNumberInput: FC<{ value: number; min: number; max: number; onChange: (value: number) => void }> = props =>
+{
+ const { value = 0, min = 0, max = 0, onChange = null } = props;
+
+ return (
+ onChange(parseInputValue(event, min, max)) } />
+ );
+};
+
+interface MatchDateSectionProps
+{
+ sectionId: string;
+ titleKey: string;
+ mode: number;
+ fromValue: number;
+ toValue: number;
+ min: number;
+ max: number;
+ onModeChange: (value: number) => void;
+ onFromChange: (value: number) => void;
+ onToChange: (value: number) => void;
+}
+
+const MatchDateSection: FC = props =>
+{
+ const { sectionId = '', titleKey = '', mode = MODE_SKIP, fromValue = 0, toValue = 0, min = 0, max = 0, onModeChange = null, onFromChange = null, onToChange = null } = props;
+
+ return (
+
+
+ );
+};
diff --git a/src/components/wired/views/conditions/WiredConditionMatchTimeView.tsx b/src/components/wired/views/conditions/WiredConditionMatchTimeView.tsx
new file mode 100644
index 0000000..426ab99
--- /dev/null
+++ b/src/components/wired/views/conditions/WiredConditionMatchTimeView.tsx
@@ -0,0 +1,163 @@
+import { ChangeEvent, FC, useEffect, useState } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredConditionBaseView } from './WiredConditionBaseView';
+
+const MODE_SKIP = 0;
+const MODE_EXACT = 1;
+const MODE_RANGE = 2;
+const MODE_OPTIONS = [ MODE_SKIP, MODE_EXACT, MODE_RANGE ];
+
+const clampValue = (value: number, min: number, max: number) =>
+{
+ if(isNaN(value)) return min;
+
+ return Math.max(min, Math.min(max, Math.floor(value)));
+};
+
+interface TimeFilterSectionProps
+{
+ sectionId: string;
+ titleKey: string;
+ min: number;
+ max: number;
+ mode: number;
+ fromValue: number;
+ toValue: number;
+ onModeChange: (value: number) => void;
+ onFromChange: (value: number) => void;
+ onToChange: (value: number) => void;
+}
+
+const parseInputValue = (event: ChangeEvent, min: number, max: number) =>
+{
+ return clampValue(parseInt(event.target.value || min.toString(), 10), min, max);
+};
+
+const InlineNumberInput: FC<{ value: number; min: number; max: number; onChange: (value: number) => void }> = props =>
+{
+ const { value = 0, min = 0, max = 0, onChange = null } = props;
+
+ return (
+ onChange(parseInputValue(event, min, max)) } />
+ );
+};
+
+const TimeFilterSection: FC = props =>
+{
+ const { sectionId = '', titleKey = '', min = 0, max = 0, mode = MODE_SKIP, fromValue = 0, toValue = 0, onModeChange = null, onFromChange = null, onToChange = null } = props;
+
+ return (
+
+
+ );
+};
diff --git a/src/components/wired/views/conditions/WiredConditionTeamHasRankView.tsx b/src/components/wired/views/conditions/WiredConditionTeamHasRankView.tsx
new file mode 100644
index 0000000..1df5347
--- /dev/null
+++ b/src/components/wired/views/conditions/WiredConditionTeamHasRankView.tsx
@@ -0,0 +1,102 @@
+import { FC, useEffect, useState } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredSourcesSelector } from '../WiredSourcesSelector';
+import { WiredConditionBaseView } from './WiredConditionBaseView';
+
+const TEAM_OPTIONS = [ 0, 1, 2, 3, 4 ];
+const PLACEMENT_OPTIONS = [ 1, 2, 3, 4 ];
+
+export const WiredConditionTeamHasRankView: FC<{}> = () =>
+{
+ const { trigger = null, setIntParams = null } = useWired();
+ const [ team, setTeam ] = useState(1);
+ const [ placement, setPlacement ] = useState(1);
+ const [ userSource, setUserSource ] = useState(0);
+ const [ quantifier, setQuantifier ] = useState(0);
+ const [ showAdvanced, setShowAdvanced ] = useState(false);
+
+ useEffect(() =>
+ {
+ if(!trigger) return;
+
+ const nextTeam = (trigger.intData.length > 0) ? trigger.intData[0] : 1;
+ const nextPlacement = (trigger.intData.length > 1) ? trigger.intData[1] : 1;
+ const nextUserSource = (trigger.intData.length > 2) ? trigger.intData[2] : 0;
+ const nextQuantifier = (trigger.intData.length > 3) ? trigger.intData[3] : 0;
+
+ setTeam(TEAM_OPTIONS.includes(nextTeam) ? nextTeam : 1);
+ setPlacement(PLACEMENT_OPTIONS.includes(nextPlacement) ? nextPlacement : 1);
+ setUserSource(nextUserSource);
+ setQuantifier((nextQuantifier === 1) ? 1 : 0);
+ setShowAdvanced(nextUserSource !== 0 || nextQuantifier !== 0);
+ }, [ trigger ]);
+
+ const save = () =>
+ {
+ setIntParams([
+ team,
+ placement,
+ userSource,
+ quantifier
+ ]);
+ };
+
+ return (
+
+
+ { showAdvanced &&
+ <>
+
+ }>
+
+ Type
+ Amount / Value
+ { uniqueRewards ? 'Mode' : 'Chance %' }
+ { hasCustomCurrencyReward ? 'Currency Type' : 'Extra / Info' }
+ Action
+
{ rewards && rewards.map((reward, index) =>
{
+ const rewardTypeOptions = (reward.rewardType === 'respect')
+ ? REWARD_TYPES
+ : SELECTABLE_REWARD_TYPES;
+
return (
-
-
+ Extra Currency uses Amount as the quantity and Currency Type as the purse type id. Example: amount 200 + type 105.
+
);
};
diff --git a/src/components/wired/views/actions/WiredActionLayoutView.tsx b/src/components/wired/views/actions/WiredActionLayoutView.tsx
index 23c16d1..551da1a 100644
--- a/src/components/wired/views/actions/WiredActionLayoutView.tsx
+++ b/src/components/wired/views/actions/WiredActionLayoutView.tsx
@@ -1,5 +1,7 @@
import { WiredActionLayoutCode } from '../../../../api';
import { WiredActionBotChangeFigureView } from './WiredActionBotChangeFigureView';
+import { WiredActionFreezeView } from './WiredActionFreezeView';
+import { WiredActionFurniToFurniView } from './WiredActionFurniToFurniView';
import { WiredActionSendSignalView } from './WiredActionSendSignalView';
import { WiredActionFurniAreaView } from '../selectors/WiredActionFurniAreaView';
import { WiredSelectorFurniNeighborhoodView } from '../selectors/WiredSelectorFurniNeighborhoodView';
@@ -26,10 +28,12 @@ import { WiredActionMoveAndRotateFurniView } from './WiredActionMoveAndRotateFur
import { WiredActionMoveFurniToView } from './WiredActionMoveFurniToView';
import { WiredActionMoveFurniView } from './WiredActionMoveFurniView';
import { WiredActionMuteUserView } from './WiredActionMuteUserView';
+import { WiredActionRelativeMoveView } from './WiredActionRelativeMoveView';
import { WiredActionResetView } from './WiredActionResetView';
import { WiredActionSetFurniStateToView } from './WiredActionSetFurniStateToView';
import { WiredActionTeleportView } from './WiredActionTeleportView';
import { WiredActionToggleFurniStateView } from './WiredActionToggleFurniStateView';
+import { WiredActionUnfreezeView } from './WiredActionUnfreezeView';
export const WiredActionLayoutView = (code: number) =>
{
@@ -57,6 +61,12 @@ export const WiredActionLayoutView = (code: number) =>
return (() =>
+ {
+ if(trigger?.intData?.length > 4) return trigger.intData[4];
+ return (trigger?.selectedItems?.length ?? 0) > 0 ? 100 : 0;
+ });
+
+ useEffect(() =>
+ {
+ if(!trigger) return;
+
+ setHorizontalDirection((trigger.intData.length > 0) ? normalizeDirection(trigger.intData[0], 1) : 1);
+ setHorizontalDistance((trigger.intData.length > 1) ? normalizeDistance(trigger.intData[1]) : 0);
+ setVerticalDirection((trigger.intData.length > 2) ? normalizeDirection(trigger.intData[2], 1) : 1);
+ setVerticalDistance((trigger.intData.length > 3) ? normalizeDistance(trigger.intData[3]) : 0);
+
+ if(trigger.intData.length > 4) setFurniSource(trigger.intData[4]);
+ else setFurniSource((trigger.selectedItems?.length ?? 0) > 0 ? 100 : 0);
+ }, [ trigger ]);
+
+ const save = () => setIntParams([
+ horizontalDirection,
+ horizontalDistance,
+ verticalDirection,
+ verticalDistance,
+ furniSource
+ ]);
+
+ return (
+ (() =>
+ {
+ if(trigger?.intData?.length > 1) return trigger.intData[1];
+ return (trigger?.selectedItems?.length ?? 0) > 0 ? 100 : 0;
+ });
+ const [ altitude, setAltitude ] = useState(0);
+ const [ altitudeInput, setAltitudeInput ] = useState('0');
+
+ const normalizedAltitudeText = useMemo(() => formatAltitude(altitude), [ altitude ]);
+
+ useEffect(() =>
+ {
+ if(!trigger) return;
+
+ setOperator((trigger.intData.length > 0) ? normalizeOperator(trigger.intData[0]) : 2);
+ setFurniSource((trigger.intData.length > 1) ? trigger.intData[1] : ((trigger.selectedItems?.length ?? 0) > 0 ? 100 : 0));
+
+ const nextAltitude = parseAltitude(trigger.stringData);
+ setAltitude(nextAltitude);
+ setAltitudeInput(formatAltitude(nextAltitude));
+ }, [ trigger ]);
+
+ const updateAltitude = (value: number) =>
+ {
+ const nextValue = clampAltitude(value);
+
+ setAltitude(nextValue);
+ setAltitudeInput(formatAltitude(nextValue));
+ };
+
+ const updateAltitudeInput = (value: string) =>
+ {
+ if(!ALTITUDE_PATTERN.test(value)) return;
+
+ setAltitudeInput(value);
+
+ if(!value.length)
+ {
+ setAltitude(0);
+ return;
+ }
+
+ const parsedValue = parseFloat(value);
+
+ if(isNaN(parsedValue)) return;
+
+ if(parsedValue > MAX_ALTITUDE)
+ {
+ updateAltitude(MAX_ALTITUDE);
+ return;
+ }
+
+ setAltitude(clampAltitude(parsedValue));
+ };
+
+ const save = () =>
+ {
+ setIntParams([
+ operator,
+ furniSource
+ ]);
+
+ setStringParam(normalizedAltitudeText);
+ };
+
+ return (
+ (() =>
+ {
+ if(trigger?.intData?.length > 1) return trigger.intData[1];
+ return (trigger?.selectedItems?.length ?? 0) > 0 ? 100 : 0;
+ });
+ const [ quantifier, setQuantifier ] = useState(0);
+ const [ showAdvanced, setShowAdvanced ] = useState(false);
+ const [ altitude, setAltitude ] = useState(0);
+ const [ altitudeInput, setAltitudeInput ] = useState('0');
+
+ useEffect(() =>
+ {
+ setAllowedInteractionTypes(COUNTER_INTERACTION_TYPES);
+ setAllowedInteractionErrorKey('wiredfurni.error.require_counter_furni');
+
+ return () =>
+ {
+ setAllowedInteractionTypes(null);
+ setAllowedInteractionErrorKey(null);
+ };
+ }, [ setAllowedInteractionErrorKey, setAllowedInteractionTypes ]);
+
+ useEffect(() =>
+ {
+ if(!trigger) return;
+
+ setComparison((trigger.intData.length > 0) ? trigger.intData[0] : 1);
+ setFurniSource((trigger.intData.length > 1) ? trigger.intData[1] : ((trigger.selectedItems?.length ?? 0) > 0 ? 100 : 0));
+ setQuantifier((trigger.intData.length > 2) ? trigger.intData[2] : 0);
+ setShowAdvanced((trigger.intData.length > 1) ? (trigger.intData[1] !== 0 || trigger.intData[2] !== 0) : false);
+
+ const nextAltitude = parseAltitude(trigger.stringData);
+ setAltitude(nextAltitude);
+ setAltitudeInput(formatAltitude(nextAltitude));
+ }, [ trigger ]);
+
+ const updateAltitude = (value: number) =>
+ {
+ const nextValue = clampAltitude(value);
+
+ setAltitude(nextValue);
+ setAltitudeInput(formatAltitude(nextValue));
+ };
+
+ const updateAltitudeInput = (value: string) =>
+ {
+ if(!ALTITUDE_PATTERN.test(value)) return;
+
+ setAltitudeInput(value);
+
+ if(!value.length)
+ {
+ setAltitude(0);
+ return;
+ }
+
+ const parsedValue = parseFloat(value);
+
+ if(isNaN(parsedValue)) return;
+
+ if(parsedValue > MAX_ALTITUDE)
+ {
+ updateAltitude(MAX_ALTITUDE);
+ return;
+ }
+
+ setAltitude(clampAltitude(parsedValue));
+ };
+
+ const save = () =>
+ {
+ setIntParams([
+ comparison,
+ furniSource,
+ quantifier
+ ]);
+ setStringParam(formatAltitude(altitude));
+ };
+
+ return (
+
+
+ { showAdvanced &&
+ <>
+
+ }>
+
- updateReward(index, e.target.checked, reward.itemCode, reward.probability) } />
- Badge?
+
+
+
+ updateReward(index, prevValue => ({ ...prevValue, rewardValue: event.target.value })) } />
+ { uniqueRewards
+ ? updateReward(index, prevValue => ({ ...prevValue, probability: Number(event.target.value) })) } /> }
+ { (reward.rewardType === 'points')
+ ?
+ updateReward(index, prevValue => ({ ...prevValue, pointsType: Number(event.target.value) })) } />
+ : updateReward(index, reward.isBadge, e.target.value, reward.probability) } />
- updateReward(index, reward.isBadge, reward.itemCode, Number(e.target.value)) } />
- { (index > 0) &&
- }
);
}) }
+ Unique
+
+ :
+ { getExtraFieldLabel(reward.rewardType) }
+
}
+
+ { (index > 0) &&
+ }
-
+ { LocalizeText('wiredfurni.params.movement.horizontal.selection') }
+ { LocalizeText('wiredfurni.params.movement.horizontal.distance', [ 'distance' ], [ horizontalDistance.toString() ]) }
+ setHorizontalDistance(value as number) } />
+
+
+ { HORIZONTAL_OPTIONS.map(option =>
+ {
+ return (
+
+ );
+ }) }
+
+
+ { LocalizeText('wiredfurni.params.movement.vertical.selection') }
+ { LocalizeText('wiredfurni.params.movement.vertical.distance', [ 'distance' ], [ verticalDistance.toString() ]) }
+ setVerticalDistance(value as number) } />
+
+
+ );
+};
diff --git a/src/components/wired/views/actions/WiredActionSetAltitudeView.tsx b/src/components/wired/views/actions/WiredActionSetAltitudeView.tsx
new file mode 100644
index 0000000..3e4017b
--- /dev/null
+++ b/src/components/wired/views/actions/WiredActionSetAltitudeView.tsx
@@ -0,0 +1,162 @@
+import { FC, useEffect, useMemo, useState } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Slider, Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredSourcesSelector } from '../WiredSourcesSelector';
+import { WiredActionBaseView } from './WiredActionBaseView';
+
+const MIN_ALTITUDE = 0;
+const MAX_ALTITUDE = 40;
+const ALTITUDE_STEP = 0.01;
+const ALTITUDE_PATTERN = /^\d*(\.\d{0,2})?$/;
+
+const clampAltitude = (value: number) =>
+{
+ if(isNaN(value)) return MIN_ALTITUDE;
+
+ const clamped = Math.min(MAX_ALTITUDE, Math.max(MIN_ALTITUDE, value));
+
+ return parseFloat(clamped.toFixed(2));
+};
+
+const formatAltitude = (value: number) =>
+{
+ const normalized = clampAltitude(value);
+ const text = normalized.toFixed(2);
+
+ return text.replace(/\.00$/, '').replace(/(\.\d)0$/, '$1');
+};
+
+const parseAltitude = (value: string) =>
+{
+ if(!value || !value.trim().length) return 0;
+
+ const parsed = parseFloat(value);
+
+ if(isNaN(parsed)) return 0;
+
+ return clampAltitude(parsed);
+};
+
+const OPERATOR_OPTIONS = [
+ { value: 0, label: 'wiredfurni.params.operator.0' },
+ { value: 1, label: 'wiredfurni.params.operator.1' },
+ { value: 2, label: 'wiredfurni.params.operator.2' }
+];
+
+const normalizeOperator = (value: number) =>
+{
+ if(value < 0 || value > 2) return 2;
+
+ return value;
+};
+
+export const WiredActionSetAltitudeView: FC<{}> = () =>
+{
+ const { trigger = null, setIntParams = null, setStringParam = null } = useWired();
+
+ const [ operator, setOperator ] = useState(2);
+ const [ furniSource, setFurniSource ] = useState
+ { VERTICAL_OPTIONS.map(option =>
+ {
+ return (
+
+ );
+ }) }
+
+
+ { OPERATOR_OPTIONS.map(option =>
+ {
+ return (
+
+
+ setOperator(option.value) } />
+ { LocalizeText(option.label) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.setaltitude') }
+ setAltitudeInput(formatAltitude(altitude)) }
+ onChange={ event => updateAltitudeInput(event.target.value) } />
+
+
+ updateAltitude(event as number) } />
+ { normalizedAltitudeText }
+
+
+ );
+};
diff --git a/src/components/wired/views/actions/WiredActionUnfreezeView.tsx b/src/components/wired/views/actions/WiredActionUnfreezeView.tsx
new file mode 100644
index 0000000..98b31a6
--- /dev/null
+++ b/src/components/wired/views/actions/WiredActionUnfreezeView.tsx
@@ -0,0 +1,26 @@
+import { FC, useEffect, useState } from 'react';
+import { WiredFurniType } from '../../../../api';
+import { useWired } from '../../../../hooks';
+import { WiredActionBaseView } from './WiredActionBaseView';
+import { WiredSourcesSelector } from '../WiredSourcesSelector';
+
+export const WiredActionUnfreezeView: FC<{}> = () =>
+{
+ const [ userSource, setUserSource ] = useState(0);
+ const { trigger = null, setIntParams = null } = useWired();
+
+ const save = () => setIntParams([ userSource ]);
+
+ useEffect(() =>
+ {
+ setUserSource((trigger?.intData?.length > 0) ? trigger.intData[0] : 0);
+ }, [ trigger ]);
+
+ return (
+
+ { LocalizeText('wiredfurni.params.quantifier_selection') }
+ { [ 0, 1 ].map(value =>
+ {
+ return (
+
+
+ setQuantifier(value) } />
+ { LocalizeText(`wiredfurni.params.quantifier.furni.${ value }`) }
+
+ );
+ }) }
+
+ { [ 0, 1, 2 ].map(value =>
+ {
+ return (
+
+
+ setComparison(value) } />
+ { LocalizeText(`wiredfurni.params.comparison.${ value }`) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.setaltitude') }
+ setAltitudeInput(formatAltitude(altitude)) }
+ onChange={ event => updateAltitudeInput(event.target.value) } />
+
+
+ updateAltitude(event as number) } />
+ { formatAltitude(altitude) }
+
+
+ );
+};
diff --git a/src/components/wired/views/conditions/WiredConditionLayoutView.tsx b/src/components/wired/views/conditions/WiredConditionLayoutView.tsx
index a1a88c2..7783540 100644
--- a/src/components/wired/views/conditions/WiredConditionLayoutView.tsx
+++ b/src/components/wired/views/conditions/WiredConditionLayoutView.tsx
@@ -5,7 +5,11 @@ import { WiredConditionActorIsOnFurniView } from './WiredConditionActorIsOnFurni
import { WiredConditionActorIsTeamMemberView } from './WiredConditionActorIsTeamMemberView';
import { WiredConditionActorIsWearingBadgeView } from './WiredConditionActorIsWearingBadgeView';
import { WiredConditionActorIsWearingEffectView } from './WiredConditionActorIsWearingEffectView';
+// import { WiredConditionCounterTimeMatchesView } from './WiredConditionCounterTimeMatchesView';
import { WiredConditionDateRangeView } from './WiredConditionDateRangeView';
+import { WiredConditionMatchDateView } from './WiredConditionMatchDateView';
+import { WiredConditionMatchTimeView } from './WiredConditionMatchTimeView';
+import { WiredConditionHasAltitudeView } from './WiredConditionHasAltitudeView';
import { WiredConditionFurniHasAvatarOnView } from './WiredConditionFurniHasAvatarOnView';
import { WiredConditionFurniHasFurniOnView } from './WiredConditionFurniHasFurniOnView';
import { WiredConditionFurniHasNotFurniOnView } from './WiredConditionFurniHasNotFurniOnView';
@@ -13,6 +17,10 @@ import { WiredConditionFurniIsOfTypeView } from './WiredConditionFurniIsOfTypeVi
import { WiredConditionFurniMatchesSnapshotView } from './WiredConditionFurniMatchesSnapshotView';
import { WiredConditionTimeElapsedLessView } from './WiredConditionTimeElapsedLessView';
import { WiredConditionTimeElapsedMoreView } from './WiredConditionTimeElapsedMoreView';
+import { WiredConditionTeamHasRankView } from './WiredConditionTeamHasRankView';
+import { WiredConditionTeamHasScoreView } from './WiredConditionTeamHasScoreView';
+import { WiredConditionTriggererMatchView } from './WiredConditionTriggererMatchView';
+import { WiredConditionUserPerformsActionView } from './WiredConditionUserPerformsActionView';
import { WiredConditionUserCountInRoomView } from './WiredConditionUserCountInRoomView';
export const WiredConditionLayoutView = (code: number) =>
@@ -20,7 +28,11 @@ export const WiredConditionLayoutView = (code: number) =>
switch(code)
{
case WiredConditionlayout.ACTOR_HAS_HANDITEM:
+ case WiredConditionlayout.NOT_ACTOR_HAS_HANDITEM:
return
+ { LocalizeText(titleKey) }
+
+ );
+};
+
+export const WiredConditionMatchDateView: FC<{}> = () =>
+{
+ const { trigger = null, setIntParams = null } = useWired();
+ const currentYear = useMemo(() => new Date().getFullYear(), []);
+ const [ weekdayMask, setWeekdayMask ] = useState(ALL_WEEKDAYS_MASK);
+ const [ dayMode, setDayMode ] = useState(MODE_SKIP);
+ const [ dayFrom, setDayFrom ] = useState(1);
+ const [ dayTo, setDayTo ] = useState(31);
+ const [ monthMask, setMonthMask ] = useState(ALL_MONTHS_MASK);
+ const [ yearMode, setYearMode ] = useState(MODE_SKIP);
+ const [ yearFrom, setYearFrom ] = useState(currentYear);
+ const [ yearTo, setYearTo ] = useState(currentYear);
+
+ useEffect(() =>
+ {
+ if(!trigger) return;
+
+ setWeekdayMask((trigger.intData[0] && (trigger.intData[0] > 0)) ? trigger.intData[0] : ALL_WEEKDAYS_MASK);
+ setDayMode(MODE_OPTIONS.includes(trigger.intData[1]) ? trigger.intData[1] : MODE_SKIP);
+ setDayFrom(clampValue(trigger.intData[2] ?? 1, 1, 31));
+ setDayTo(clampValue(trigger.intData[3] ?? 31, 1, 31));
+ setMonthMask((trigger.intData[4] && (trigger.intData[4] > 0)) ? trigger.intData[4] : ALL_MONTHS_MASK);
+ setYearMode(MODE_OPTIONS.includes(trigger.intData[5]) ? trigger.intData[5] : MODE_SKIP);
+ setYearFrom(clampValue(trigger.intData[6] ?? currentYear, 1, 9999));
+ setYearTo(clampValue(trigger.intData[7] ?? currentYear, 1, 9999));
+ }, [ currentYear, trigger ]);
+
+ const save = () =>
+ {
+ setIntParams([
+ weekdayMask || ALL_WEEKDAYS_MASK,
+ dayMode,
+ clampValue(dayFrom, 1, 31),
+ clampValue(dayTo, 1, 31),
+ monthMask || ALL_MONTHS_MASK,
+ yearMode,
+ clampValue(yearFrom, 1, 9999),
+ clampValue(yearTo, 1, 9999)
+ ]);
+ };
+
+ return (
+
+ onModeChange(MODE_SKIP) } />
+ { LocalizeText('wiredfurni.params.time.skip') }
+
+
+ onModeChange(MODE_EXACT) } />
+ { LocalizeText('wiredfurni.params.time.exact') }
+
+
+ onModeChange(MODE_RANGE) } />
+ { LocalizeText('wiredfurni.params.time.range') }
+ -
+
+
+ setDayFrom(clampValue(value, 1, 31)) }
+ onModeChange={ setDayMode }
+ onToChange={ value => setDayTo(clampValue(value, 1, 31)) } />
+ setYearFrom(clampValue(value, 1, 9999)) }
+ onModeChange={ setYearMode }
+ onToChange={ value => setYearTo(clampValue(value, 1, 9999)) } />
+
+
+ { LocalizeText('wiredfurni.params.time.weekday_selection') }
+
+
+ { WEEKDAY_OPTIONS.map(value =>
+ {
+ const checked = ((weekdayMask & (1 << value)) !== 0);
+
+ return (
+
+ );
+ }) }
+
+
+ { LocalizeText('wiredfurni.params.time.month_selection') }
+
+
+ { MONTH_OPTIONS.map(value =>
+ {
+ const checked = ((monthMask & (1 << value)) !== 0);
+
+ return (
+
+ );
+ }) }
+
+
+ { LocalizeText(titleKey) }
+
+ );
+};
+
+export const WiredConditionMatchTimeView: FC<{}> = () =>
+{
+ const { trigger = null, setIntParams = null } = useWired();
+ const [ hourMode, setHourMode ] = useState(MODE_SKIP);
+ const [ hourFrom, setHourFrom ] = useState(0);
+ const [ hourTo, setHourTo ] = useState(0);
+ const [ minuteMode, setMinuteMode ] = useState(MODE_SKIP);
+ const [ minuteFrom, setMinuteFrom ] = useState(0);
+ const [ minuteTo, setMinuteTo ] = useState(0);
+ const [ secondMode, setSecondMode ] = useState(MODE_SKIP);
+ const [ secondFrom, setSecondFrom ] = useState(0);
+ const [ secondTo, setSecondTo ] = useState(0);
+
+ useEffect(() =>
+ {
+ if(!trigger) return;
+
+ setHourMode(MODE_OPTIONS.includes(trigger.intData[0]) ? trigger.intData[0] : MODE_SKIP);
+ setHourFrom(clampValue(trigger.intData[1] ?? 0, 0, 23));
+ setHourTo(clampValue(trigger.intData[2] ?? 0, 0, 23));
+ setMinuteMode(MODE_OPTIONS.includes(trigger.intData[3]) ? trigger.intData[3] : MODE_SKIP);
+ setMinuteFrom(clampValue(trigger.intData[4] ?? 0, 0, 59));
+ setMinuteTo(clampValue(trigger.intData[5] ?? 0, 0, 59));
+ setSecondMode(MODE_OPTIONS.includes(trigger.intData[6]) ? trigger.intData[6] : MODE_SKIP);
+ setSecondFrom(clampValue(trigger.intData[7] ?? 0, 0, 59));
+ setSecondTo(clampValue(trigger.intData[8] ?? 0, 0, 59));
+ }, [ trigger ]);
+
+ const save = () =>
+ {
+ setIntParams([
+ hourMode,
+ clampValue(hourFrom, 0, 23),
+ clampValue(hourTo, 0, 23),
+ minuteMode,
+ clampValue(minuteFrom, 0, 59),
+ clampValue(minuteTo, 0, 59),
+ secondMode,
+ clampValue(secondFrom, 0, 59),
+ clampValue(secondTo, 0, 59)
+ ]);
+ };
+
+ return (
+
+ onModeChange(MODE_SKIP) } />
+ { LocalizeText('wiredfurni.params.time.skip') }
+
+
+ onModeChange(MODE_EXACT) } />
+ { LocalizeText('wiredfurni.params.time.exact') }
+
+
+ onModeChange(MODE_RANGE) } />
+ { LocalizeText('wiredfurni.params.time.range') }
+ -
+
+
+ setHourFrom(clampValue(value, 0, 23)) }
+ onModeChange={ setHourMode }
+ onToChange={ value => setHourTo(clampValue(value, 0, 23)) } />
+ setMinuteFrom(clampValue(value, 0, 59)) }
+ onModeChange={ setMinuteMode }
+ onToChange={ value => setMinuteTo(clampValue(value, 0, 59)) } />
+ setSecondFrom(clampValue(value, 0, 59)) }
+ onModeChange={ setSecondMode }
+ onToChange={ value => setSecondTo(clampValue(value, 0, 59)) } />
+
+
+ { LocalizeText('wiredfurni.params.quantifier_selection') }
+ { [ 0, 1 ].map(value =>
+ {
+ return (
+
+
+ setQuantifier(value) } />
+ { LocalizeText(`wiredfurni.params.quantifier.users.${ value }`) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.team') }
+ { TEAM_OPTIONS.map(value =>
+ {
+ const labelKey = (value === 0) ? 'wiredfurni.params.team.triggerer' : `wiredfurni.params.team.${ value }`;
+
+ return (
+
+
+ setTeam(value) } />
+ { LocalizeText(labelKey) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.placement_selection') }
+ { PLACEMENT_OPTIONS.map(value =>
+ {
+ return (
+
+
+ );
+};
diff --git a/src/components/wired/views/conditions/WiredConditionTeamHasScoreView.tsx b/src/components/wired/views/conditions/WiredConditionTeamHasScoreView.tsx
new file mode 100644
index 0000000..a2317aa
--- /dev/null
+++ b/src/components/wired/views/conditions/WiredConditionTeamHasScoreView.tsx
@@ -0,0 +1,158 @@
+import { FC, useEffect, useState } from 'react';
+import { LocalizeText, WiredFurniType } from '../../../../api';
+import { Slider, Text } from '../../../../common';
+import { useWired } from '../../../../hooks';
+import { WiredSourcesSelector } from '../WiredSourcesSelector';
+import { WiredConditionBaseView } from './WiredConditionBaseView';
+
+const TEAM_OPTIONS = [ 1, 2, 3, 4 ];
+const COMPARISON_OPTIONS = [ 0, 1, 2 ];
+const MIN_SCORE = 0;
+const MAX_SCORE = 999;
+const SCORE_PATTERN = /^\d*$/;
+
+const clampScore = (value: number) =>
+{
+ if(isNaN(value)) return MIN_SCORE;
+
+ return Math.max(MIN_SCORE, Math.min(MAX_SCORE, Math.floor(value)));
+};
+
+export const WiredConditionTeamHasScoreView: FC<{}> = () =>
+{
+ const { trigger = null, setIntParams = null } = useWired();
+ const [ team, setTeam ] = useState(1);
+ const [ comparison, setComparison ] = useState(1);
+ const [ score, setScore ] = useState(0);
+ const [ scoreInput, setScoreInput ] = useState('0');
+ const [ userSource, setUserSource ] = useState(0);
+ const [ quantifier, setQuantifier ] = useState(0);
+ const [ showAdvanced, setShowAdvanced ] = useState(false);
+
+ useEffect(() =>
+ {
+ if(!trigger) return;
+
+ const nextTeam = (trigger.intData.length > 0) ? trigger.intData[0] : 1;
+ const nextComparison = (trigger.intData.length > 1) ? trigger.intData[1] : 1;
+ const nextScore = clampScore((trigger.intData.length > 2) ? trigger.intData[2] : 0);
+ const nextUserSource = (trigger.intData.length > 3) ? trigger.intData[3] : 0;
+ const nextQuantifier = (trigger.intData.length > 4) ? trigger.intData[4] : 0;
+
+ setTeam(TEAM_OPTIONS.includes(nextTeam) ? nextTeam : 1);
+ setComparison(COMPARISON_OPTIONS.includes(nextComparison) ? nextComparison : 1);
+ setScore(nextScore);
+ setScoreInput(nextScore.toString());
+ setUserSource(nextUserSource);
+ setQuantifier((nextQuantifier === 1) ? 1 : 0);
+ setShowAdvanced(nextUserSource !== 0 || nextQuantifier !== 0);
+ }, [ trigger ]);
+
+ const updateScore = (value: number) =>
+ {
+ const nextValue = clampScore(value);
+
+ setScore(nextValue);
+ setScoreInput(nextValue.toString());
+ };
+
+ const updateScoreInput = (value: string) =>
+ {
+ if(!SCORE_PATTERN.test(value)) return;
+
+ setScoreInput(value);
+
+ if(!value.length)
+ {
+ setScore(0);
+ return;
+ }
+
+ updateScore(parseInt(value));
+ };
+
+ const save = () =>
+ {
+ setIntParams([
+ team,
+ comparison,
+ clampScore(score),
+ userSource,
+ quantifier
+ ]);
+ };
+
+ return (
+
+ setPlacement(value) } />
+ { LocalizeText(`wiredfurni.params.placement.${ value }`) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.quantifier_selection') }
+ { [ 0, 1 ].map(value =>
+ {
+ return (
+
+
+ setQuantifier(value) } />
+ { LocalizeText(`wiredfurni.params.quantifier.users.${ value }`) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.team') }
+ { TEAM_OPTIONS.map(value =>
+ {
+ return (
+
+
+ setTeam(value) } />
+ { LocalizeText(`wiredfurni.params.team.${ value }`) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.comparison_selection') }
+ { COMPARISON_OPTIONS.map(value =>
+ {
+ return (
+
+
+ setComparison(value) } />
+ { LocalizeText(`wiredfurni.params.comparison.${ value }`) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.setscore2') }
+ setScoreInput(clampScore(score).toString()) }
+ onChange={ event => updateScoreInput(event.target.value) } />
+
+
+ updateScore(event as number) } />
+ { score }
+
+
+ { LocalizeText('wiredfurni.params.quantifier_selection') }
+ { [ 0, 1 ].map(value =>
+ {
+ return (
+
+
+ setQuantifier(value) } />
+ { LocalizeText(`wiredfurni.params.quantifier.users.${ value }`) }
+
+ );
+ }) }
+
+ { [ ENTITY_HABBO, ENTITY_PET, ENTITY_BOT ].map(value =>
+ {
+ return (
+
+
+ setEntityType(value) } />
+ { LocalizeText(`wiredfurni.params.usertype.${ value }`) }
+
+ );
+ }) }
+
+ { LocalizeText('wiredfurni.params.picktriggerer') }
+ setUsername(event.target.value) } /> }
+
+
+ setAvatarMode(AVATAR_MODE_ANY) } />
+ { LocalizeText('wiredfurni.params.anyavatar') }
+
+
+ setAvatarMode(AVATAR_MODE_CERTAIN) } />
+ { LocalizeText('wiredfurni.params.certainavatar') }
+
+ { needsUsername &&
+
+ { LocalizeText('wiredfurni.params.quantifier_selection') }
+ { [ 0, 1 ].map(value =>
+ {
+ return (
+
+
+ setQuantifier(value) } />
+ { LocalizeText(`${ quantifierKeyPrefix }.${ value }`) }
+
+ );
+ }) }
+
+ Action
+
+
+ { (selectedAction === ACTION_SIGN) &&
+
+
}
+ { (selectedAction === ACTION_DANCE) &&
+
+ setSignFilterEnabled(event.target.checked) } />
+ { LocalizeText('wiredfurni.params.sign_filter') }
+
+ { signFilterEnabled &&
+ }
+
+
}
+
+ setDanceFilterEnabled(event.target.checked) } />
+ { LocalizeText('wiredfurni.params.dance_filter') }
+
+ { danceFilterEnabled &&
+ }
+
+ { LocalizeText('wiredfurni.params.picktriggerer') }
+ setUsername(event.target.value) } /> }
+
+
+ setAvatarMode(0) } />
+ { LocalizeText('wiredfurni.params.anyavatar') }
+
+
+ setAvatarMode(1) } />
+ { LocalizeText('wiredfurni.params.certainavatar') }
+
+ { (avatarMode === 1) &&
+
+ { LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ ((time * 50) / 1000).toFixed(2) ]) }
+ { `${ time * 50 } ms` }
+ setTime(event) } />
+
+
+ { LocalizeText('wiredfurni.params.condition.state') }
+
+
+ setTriggerMode(1) } />
+ { LocalizeText('wiredfurni.params.state_trigger.1') }
+
+
+ setTriggerMode(0) } />
+ { LocalizeText('wiredfurni.params.state_trigger.0') }
+
+
+ Action
+
+
+ { (selectedAction === ACTION_SIGN) &&
+
+
}
+ { (selectedAction === ACTION_DANCE) &&
+
+ setSignFilterEnabled(event.target.checked) } />
+ { LocalizeText('wiredfurni.params.sign_filter') }
+
+ { signFilterEnabled &&
+ }
+
+
}
+
+ setDanceFilterEnabled(event.target.checked) } />
+ { LocalizeText('wiredfurni.params.dance_filter') }
+
+ { danceFilterEnabled &&
+ }
+