@remotion/cli 4.0.0-alpha6 → 4.0.0-alpha7

package/dist/editor/components/RenderModal/SchemaEditor/ZodArrayEditor.js

@@ -73,7 +73,7 @@ const ZodArrayEditor = ({ schema, jsonPath, compact, setValue: updateValue, defa
         onChange((oldV) => {
             return [...oldV, (0, create_zod_values_1.createZodValues)(def.type, z, zodTypes)];
         }, true);
-    }, [def.type, onChange, z]);
+    }, [def.type, onChange, z, zodTypes]);
     return ((0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)("div", { style: fullWidth, children: (0, jsx_runtime_1.jsxs)(Element, { style: fieldset, children: [isRoot ? null : ((0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaFieldsetLabel, { jsonPath: jsonPath, onRemove: onRemove })), (0, jsx_runtime_1.jsx)("div", { style: isRoot ? undefined : container, children: localValue.value.map((child, i) => {
                             var _a;
                             return ((0, jsx_runtime_1.jsx)(ZodArrayItemEditor_1.ZodArrayItemEditor

package/dist/editor/components/RenderModal/SchemaEditor/ZodBooleanEditor.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
 export declare const ZodBooleanEditor: React.FC<{
     jsonPath: JSONPath;
     value: boolean;
-    setValue: React.Dispatch<React.SetStateAction<boolean>>;
+    setValue: UpdaterFunction<boolean>;
     compact: boolean;
     defaultValue: boolean;
     onSave: (updater: (oldNum: unknown) => boolean) => void;

package/dist/editor/components/RenderModal/SchemaEditor/ZodBooleanEditor.js

@@ -11,7 +11,7 @@ const fullWidth = {
 };
 const ZodBooleanEditor = ({ jsonPath, value, setValue, onSave, compact, defaultValue, onRemove, showSaveButton, saving, }) => {
     const onValueChange = (0, react_1.useCallback)((newValue) => {
-        setValue(newValue);
+        setValue(() => newValue);
     }, [setValue]);
     const onChange = (0, react_1.useCallback)((e) => {
         onValueChange(e.target.checked);

package/dist/editor/components/RenderModal/SchemaEditor/ZodColorEditor.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { z } from 'zod';
 import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
 export declare const ZodColorEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;
     value: string;
     defaultValue: string;
-    setValue: React.Dispatch<React.SetStateAction<string>>;
+    setValue: UpdaterFunction<string>;
     onSave: (updater: (oldNum: unknown) => string) => void;
     onRemove: null | (() => void);
     compact: boolean;

package/dist/editor/components/RenderModal/SchemaEditor/ZodColorEditor.js

@@ -30,15 +30,15 @@ const ZodColorEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValu
             zodValidation: schema.safeParse(value),
         };
     });
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
+    const onValueChange = (0, react_1.useCallback)((newValue, forceApply) => {
         const safeParse = schema.safeParse(newValue);
         const newLocalState = {
             value: newValue,
             zodValidation: safeParse,
         };
         setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newValue);
+        if (safeParse.success || forceApply) {
+            setValue(() => newValue);
         }
     }, [schema, setValue]);
     const { a, b, g, r } = localValue.zodValidation.success
@@ -53,7 +53,7 @@ const ZodColorEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValu
         };
         setLocalValue(newLocalState);
         if (safeParse.success) {
-            setValue(newColor);
+            setValue(() => newColor);
         }
     }, [a, schema, setValue, zodTypes]);
     const onTextChange = (0, react_1.useCallback)((e) => {
@@ -65,11 +65,11 @@ const ZodColorEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValu
         };
         setLocalValue(newLocalState);
         if (safeParse.success) {
-            setValue(newValue);
+            setValue(() => newValue);
         }
     }, [schema, setValue]);
     const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
+        onValueChange(defaultValue, true);
     }, [defaultValue, onValueChange]);
     const save = (0, react_1.useCallback)(() => {
         onSave(() => value);
@@ -94,7 +94,7 @@ const ZodColorEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValu
         };
         setLocalValue(newLocalState);
         if (safeParse.success) {
-            setValue(newColor);
+            setValue(() => newColor);
         }
     }, [localValue.value, schema, setValue, zodTypes]);
     const onOpacityValueChange = (0, react_1.useCallback)((newValue) => {
@@ -106,7 +106,7 @@ const ZodColorEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValu
         };
         setLocalValue(newLocalState);
         if (safeParse.success) {
-            setValue(newColor);
+            setValue(() => newColor);
         }
     }, [localValue.value, schema, setValue, zodTypes]);
     return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_2.narrowOption : layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { compact: compact, isDefaultValue: value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: colorPicker, children: (0, jsx_runtime_1.jsx)(RemInputTypeColor_1.RemInputTypeColor, { type: "color", style: {

package/dist/editor/components/RenderModal/SchemaEditor/ZodDateEditor.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { z } from 'zod';
 import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
 export declare const ZodDateEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;
     value: Date;
     defaultValue: Date;
-    setValue: React.Dispatch<React.SetStateAction<Date>>;
+    setValue: UpdaterFunction<Date>;
     onSave: (updater: (oldNum: unknown) => Date) => void;
     onRemove: null | (() => void);
     compact: boolean;

package/dist/editor/components/RenderModal/SchemaEditor/ZodDateEditor.js

@@ -50,23 +50,23 @@ const ZodDateEditor = ({ jsonPath, value, setValue, showSaveButton, defaultValue
             zodValidation: schema.safeParse(value),
         };
     });
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
+    const onValueChange = (0, react_1.useCallback)((newValue, forceApply) => {
         const safeParse = schema.safeParse(newValue);
         const newLocalState = {
             value: newValue,
             zodValidation: safeParse,
         };
         setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newValue);
+        if (safeParse.success || forceApply) {
+            setValue(() => newValue);
         }
     }, [schema, setValue]);
     const onChange = (0, react_1.useCallback)((e) => {
         // React does not support e.target.valueAsDate :(
-        onValueChange(new Date(e.target.value));
+        onValueChange(new Date(e.target.value), false);
     }, [onValueChange]);
     const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
+        onValueChange(defaultValue, true);
     }, [defaultValue, onValueChange]);
     const save = (0, react_1.useCallback)(() => {
         onSave(() => value);

package/dist/editor/components/RenderModal/SchemaEditor/ZodEffectEditor.d.ts

@@ -5,7 +5,7 @@ export declare const ZodEffectEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;
     value: unknown;
-    setValue: (value: unknown) => void;
+    setValue: (updater: (oldState: unknown) => unknown) => void;
     compact: boolean;
     defaultValue: unknown;
     onSave: (updater: (oldState: unknown) => unknown) => void;

package/dist/editor/components/RenderModal/SchemaEditor/ZodEffectEditor.js

@@ -26,8 +26,9 @@ const ZodEffectEditor = ({ schema, jsonPath, value, setValue: updateValue, compa
     if (typeName !== z.ZodFirstPartyTypeKind.ZodEffects) {
         throw new Error('expected effect');
     }
-    const onChange = (0, react_1.useCallback)((newValue) => {
-        setLocalValue(() => {
+    const onChange = (0, react_1.useCallback)((updater) => {
+        setLocalValue((oldLocalState) => {
+            const newValue = updater(oldLocalState.value);
             const safeParse = schema.safeParse(newValue);
             if (safeParse.success) {
                 updateValue(() => newValue);

package/dist/editor/components/RenderModal/SchemaEditor/ZodEnumEditor.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
 import type { z } from 'zod';
 import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
 export declare const ZodEnumEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;
     value: string;
     defaultValue: string;
-    setValue: React.Dispatch<React.SetStateAction<string>>;
-    onSave: (updater: (oldState: string) => string) => void;
+    setValue: UpdaterFunction<string>;
+    onSave: UpdaterFunction<string>;
     compact: boolean;
     showSaveButton: boolean;
     onRemove: null | (() => void);

package/dist/editor/components/RenderModal/SchemaEditor/ZodEnumEditor.js

@@ -31,11 +31,11 @@ const ZodEnumEditor = ({ schema, jsonPath, compact, setValue: updateValue, defau
         throw new Error('expected enum');
     }
     const isRoot = jsonPath.length === 0;
-    const onChange = (0, react_1.useCallback)((updater) => {
+    const onChange = (0, react_1.useCallback)((updater, forceApply) => {
         setLocalValue((oldLocalState) => {
             const newValue = updater(oldLocalState.value);
             const safeParse = schema.safeParse(newValue);
-            if (safeParse.success) {
+            if (safeParse.success || forceApply) {
                 updateValue(updater);
             }
             return {
@@ -45,7 +45,7 @@ const ZodEnumEditor = ({ schema, jsonPath, compact, setValue: updateValue, defau
         });
     }, [schema, updateValue]);
     const reset = (0, react_1.useCallback)(() => {
-        onChange(() => defaultValue);
+        onChange(() => defaultValue, true);
     }, [defaultValue, onChange]);
     const comboBoxValues = (0, react_1.useMemo)(() => {
         return def.values.map((option) => {
@@ -56,7 +56,7 @@ const ZodEnumEditor = ({ schema, jsonPath, compact, setValue: updateValue, defau
                 keyHint: null,
                 leftItem: option === value ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null,
                 onClick: (id) => {
-                    onChange(() => id);
+                    onChange(() => id, false);
                 },
                 quickSwitcherLabel: null,
                 subMenu: null,

package/dist/editor/components/RenderModal/SchemaEditor/ZodNullableEditor.d.ts

@@ -8,7 +8,7 @@ export declare const ZodNullableEditor: React.FC<{
     value: unknown;
     defaultValue: unknown;
     schema: z.ZodTypeAny;
-    setValue: React.Dispatch<React.SetStateAction<unknown>>;
+    setValue: (updater: (oldNum: unknown) => unknown) => void;
     onSave: (updater: (oldNum: unknown) => unknown) => void;
     onRemove: null | (() => void);
     saving: boolean;

package/dist/editor/components/RenderModal/SchemaEditor/ZodNumberEditor.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import type { z } from 'zod';
 import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
 export declare const ZodNumberEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;
     value: number;
-    setValue: React.Dispatch<React.SetStateAction<number>>;
+    setValue: UpdaterFunction<number>;
     compact: boolean;
     defaultValue: number;
     onSave: (updater: (oldNum: unknown) => number) => void;

package/dist/editor/components/RenderModal/SchemaEditor/ZodNumberEditor.js

@@ -62,27 +62,30 @@ const ZodNumberEditor = ({ jsonPath, value, schema, setValue, onSave, compact, d
         };
         setLocalValue(newLocalState);
         if (safeParse.success) {
-            setValue(Number(newValue));
+            setValue(() => Number(newValue));
         }
     }, [schema, setValue]);
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
+    const onValueChange = (0, react_1.useCallback)((newValue, forceApply) => {
         const safeParse = schema.safeParse(newValue);
         const newLocalState = {
             value: String(newValue),
             zodValidation: safeParse,
         };
         setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newValue);
+        if (safeParse.success || forceApply) {
+            setValue(() => newValue);
         }
     }, [schema, setValue]);
+    const onNumberChange = (0, react_1.useCallback)((newValue) => {
+        onValueChange(newValue, false);
+    }, [onValueChange]);
     const isDefault = value === defaultValue;
     const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
+        onValueChange(defaultValue, true);
     }, [defaultValue, onValueChange]);
     const save = (0, react_1.useCallback)(() => {
         onSave(() => value);
     }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_2.narrowOption : layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: isDefault, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, compact: compact, onRemove: onRemove, saving: saving }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { type: 'number', value: localValue.value, style: fullWidth, status: localValue.zodValidation.success ? 'ok' : 'error', placeholder: jsonPath.join('.'), onTextChange: onChange, onValueChange: onValueChange, min: getMinValue(schema), max: getMaxValue(schema), step: getStep(schema), rightAlign: false }), !localValue.zodValidation.success && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1, block: true }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", message: localValue.zodValidation.error.format()._errors[0], type: "error" })] }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_2.narrowOption : layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: isDefault, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, compact: compact, onRemove: onRemove, saving: saving }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { type: 'number', value: localValue.value, style: fullWidth, status: localValue.zodValidation.success ? 'ok' : 'error', placeholder: jsonPath.join('.'), onTextChange: onChange, onValueChange: onNumberChange, min: getMinValue(schema), max: getMaxValue(schema), step: getStep(schema), rightAlign: false }), !localValue.zodValidation.success && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1, block: true }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", message: localValue.zodValidation.error.format()._errors[0], type: "error" })] }))] })] }));
 };
 exports.ZodNumberEditor = ZodNumberEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodObjectEditor.d.ts

@@ -6,7 +6,7 @@ export declare const ZodObjectEditor: React.FC<{
     jsonPath: JSONPath;
     value: unknown;
     defaultValue: unknown;
-    setValue: React.Dispatch<React.SetStateAction<unknown>>;
+    setValue: (updater: (oldState: Record<string, unknown>) => Record<string, unknown>) => void;
     compact: boolean;
     onSave: (updater: (oldVal: Record<string, unknown>) => Record<string, unknown>) => void;
     showSaveButton: boolean;

package/dist/editor/components/RenderModal/SchemaEditor/ZodOptionalEditor.d.ts

@@ -8,7 +8,7 @@ export declare const ZodOptionalEditor: React.FC<{
     value: unknown;
     defaultValue: unknown;
     schema: z.ZodTypeAny;
-    setValue: React.Dispatch<React.SetStateAction<unknown>>;
+    setValue: (updater: (oldNum: unknown) => unknown) => void;
     onSave: (updater: (oldNum: unknown) => unknown) => void;
     onRemove: null | (() => void);
     saving: boolean;

package/dist/editor/components/RenderModal/SchemaEditor/ZodOrNullishEditor.d.ts

@@ -8,7 +8,7 @@ export declare const ZodOrNullishEditor: React.FC<{
     value: unknown;
     defaultValue: unknown;
     schema: z.ZodTypeAny;
-    setValue: React.Dispatch<React.SetStateAction<unknown>>;
+    setValue: (updater: (oldState: unknown) => unknown) => void;
     onSave: (updater: (oldNum: unknown) => unknown) => void;
     onRemove: null | (() => void);
     nullishValue: null | undefined;

package/dist/editor/components/RenderModal/SchemaEditor/ZodOrNullishEditor.js

@@ -32,17 +32,50 @@ const ZodOrNullishEditor = ({ jsonPath, compact, schema, setValue, onSave, defau
     }
     const zodTypes = (0, get_zod_if_possible_1.useZodTypesIfPossible)();
     const isChecked = value === nullishValue;
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
-        setValue(newValue);
-    }, [setValue]);
+    const [localNonNullishValueValue, setLocalNonNullishValue] = (0, react_1.useState)(() => {
+        return {
+            value,
+            zodValidation: value === nullishValue
+                ? { success: true, data: value }
+                : schema.safeParse(value),
+        };
+    });
+    const onValueChange = (0, react_1.useCallback)((updater) => {
+        setLocalNonNullishValue((oldState) => {
+            const newValue = updater(oldState.value);
+            if (newValue === nullishValue) {
+                return oldState;
+            }
+            return {
+                value: newValue,
+                zodValidation: schema.safeParse(newValue),
+            };
+        });
+        setValue(updater);
+    }, [nullishValue, schema, setValue]);
     const onCheckBoxChange = (0, react_1.useCallback)((e) => {
         const val = e.target.checked
             ? nullishValue
-            : (0, create_zod_values_1.createZodValues)(schema, z, zodTypes);
-        onValueChange(val);
-    }, [nullishValue, onValueChange, schema, z, zodTypes]);
+            : localNonNullishValueValue.value === nullishValue
+                ? (0, create_zod_values_1.createZodValues)(schema, z, zodTypes)
+                : localNonNullishValueValue.value;
+        if (val !== nullishValue) {
+            setLocalNonNullishValue({
+                value: val,
+                zodValidation: schema.safeParse(val),
+            });
+        }
+        onValueChange(() => val);
+    }, [
+        localNonNullishValueValue,
+        nullishValue,
+        onValueChange,
+        schema,
+        z,
+        zodTypes,
+    ]);
     const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
+        onValueChange(() => defaultValue);
     }, [defaultValue, onValueChange]);
     const save = (0, react_1.useCallback)(() => {
         onSave(() => value);

package/dist/editor/components/RenderModal/SchemaEditor/ZodStaticFileEditor.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { z } from 'zod';
+import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
+export declare const ZodStaticFileEditor: React.FC<{
+    schema: z.ZodTypeAny;
+    jsonPath: JSONPath;
+    value: string;
+    defaultValue: string;
+    setValue: UpdaterFunction<string>;
+    onSave: (updater: (oldState: string) => string) => void;
+    compact: boolean;
+    showSaveButton: boolean;
+    onRemove: null | (() => void);
+    saving: boolean;
+}>;

package/dist/editor/components/RenderModal/SchemaEditor/ZodStaticFileEditor.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZodStaticFileEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const Checkmark_1 = require("../../../icons/Checkmark");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const layout_1 = require("../../layout");
+const ComboBox_1 = require("../../NewComposition/ComboBox");
+const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
+const layout_2 = require("../layout");
+const SchemaLabel_1 = require("./SchemaLabel");
+const container = {
+    width: '100%',
+};
+const ZodStaticFileEditor = ({ schema, jsonPath, compact, setValue: updateValue, defaultValue, value, onSave, showSaveButton, onRemove, saving, }) => {
+    const z = (0, get_zod_if_possible_1.useZodIfPossible)();
+    if (!z) {
+        throw new Error('expected zod');
+    }
+    const [localValue, setLocalValue] = (0, react_1.useState)(() => {
+        return {
+            value,
+            zodValidation: schema.safeParse(value),
+            revision: 0,
+        };
+    });
+    const def = schema._def;
+    const typeName = def.typeName;
+    if (typeName !== z.ZodFirstPartyTypeKind.ZodString) {
+        throw new Error('expected enum');
+    }
+    const isRoot = jsonPath.length === 0;
+    const onChange = (0, react_1.useCallback)((updater, forceApply) => {
+        setLocalValue((oldLocalState) => {
+            const newValue = updater(oldLocalState.value);
+            const safeParse = schema.safeParse(newValue);
+            if (safeParse.success || forceApply) {
+                updateValue(updater);
+            }
+            return {
+                value: newValue,
+                zodValidation: safeParse,
+            };
+        });
+    }, [schema, updateValue]);
+    const reset = (0, react_1.useCallback)(() => {
+        onChange(() => defaultValue, true);
+    }, [defaultValue, onChange]);
+    const comboBoxValues = (0, react_1.useMemo)(() => {
+        return (0, remotion_1.getStaticFiles)().map((option) => {
+            return {
+                value: option.src,
+                label: option.name,
+                id: option.src,
+                keyHint: null,
+                leftItem: option.src === value ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null,
+                onClick: (id) => {
+                    onChange(() => id, false);
+                },
+                quickSwitcherLabel: null,
+                subMenu: null,
+                type: 'item',
+            };
+        });
+    }, [onChange, value]);
+    const save = (0, react_1.useCallback)(() => {
+        onSave(() => value);
+    }, [onSave, value]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: compact ? layout_2.narrowOption : layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { onSave: save, showSaveButton: showSaveButton, isDefaultValue: value === defaultValue, compact: compact, onReset: reset, jsonPath: jsonPath, onRemove: onRemove, saving: saving }), (0, jsx_runtime_1.jsx)("div", { style: isRoot ? undefined : container, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { values: comboBoxValues, selectedId: localValue.value, title: value }) }), !localValue.zodValidation.success && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-start", message: localValue.zodValidation.error.format()._errors[0], type: "error" })] }))] }));
+};
+exports.ZodStaticFileEditor = ZodStaticFileEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodStringEditor.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { z } from 'zod';
 import type { JSONPath } from './zod-types';
+import type { UpdaterFunction } from './ZodSwitch';
 export declare const ZodStringEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;
     value: string;
     defaultValue: string;
-    setValue: React.Dispatch<React.SetStateAction<string>>;
+    setValue: UpdaterFunction<string>;
     onSave: (updater: (oldNum: unknown) => string) => void;
     onRemove: null | (() => void);
     compact: boolean;

package/dist/editor/components/RenderModal/SchemaEditor/ZodStringEditor.js

@@ -23,22 +23,22 @@ const ZodStringEditor = ({ jsonPath, value, setValue, showSaveButton, defaultVal
             zodValidation: schema.safeParse(value),
         };
     });
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
+    const onValueChange = (0, react_1.useCallback)((newValue, forceApply) => {
         const safeParse = schema.safeParse(newValue);
         const newLocalState = {
             value: newValue,
             zodValidation: safeParse,
         };
         setLocalValue(newLocalState);
-        if (safeParse.success) {
-            setValue(newValue);
+        if (safeParse.success || forceApply) {
+            setValue(() => newValue);
         }
     }, [schema, setValue]);
     const onChange = (0, react_1.useCallback)((e) => {
-        onValueChange(e.target.value);
+        onValueChange(e.target.value, false);
     }, [onValueChange]);
     const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
+        onValueChange(defaultValue, true);
     }, [defaultValue, onValueChange]);
     const save = (0, react_1.useCallback)(() => {
         onSave(() => value);

package/dist/editor/components/RenderModal/SchemaEditor/ZodSwitch.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { z } from 'zod';
 import type { JSONPath } from './zod-types';
+export declare type UpdaterFunction<T> = (updater: (oldValue: T) => T) => void;
 export declare const ZodSwitch: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;
     value: unknown;
     defaultValue: unknown;
-    setValue: React.Dispatch<React.SetStateAction<unknown>>;
+    setValue: UpdaterFunction<unknown>;
     onSave: (newValue: (oldVal: unknown) => unknown) => void;
     compact: boolean;
     showSaveButton: boolean;

package/dist/editor/components/RenderModal/SchemaEditor/ZodSwitch.js

@@ -14,6 +14,7 @@ const ZodNullableEditor_1 = require("./ZodNullableEditor");
 const ZodNumberEditor_1 = require("./ZodNumberEditor");
 const ZodObjectEditor_1 = require("./ZodObjectEditor");
 const ZodOptionalEditor_1 = require("./ZodOptionalEditor");
+const ZodStaticFileEditor_1 = require("./ZodStaticFileEditor");
 const ZodStringEditor_1 = require("./ZodStringEditor");
 const ZodUnionEditor_1 = require("./ZodUnionEditor");
 const ZodSwitch = ({ schema, jsonPath, compact, value, setValue, defaultValue, onSave, showSaveButton, onRemove, saving, }) => {
@@ -30,6 +31,9 @@ const ZodSwitch = ({ schema, jsonPath, compact, value, setValue, defaultValue, o
         return ((0, jsx_runtime_1.jsx)(ZodObjectEditor_1.ZodObjectEditor, { setValue: setValue, value: value, defaultValue: defaultValue, jsonPath: jsonPath, schema: schema, compact: compact, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving }));
     }
     if (typeName === z.ZodFirstPartyTypeKind.ZodString) {
+        if (value.startsWith(window.remotion_staticBase)) {
+            return ((0, jsx_runtime_1.jsx)(ZodStaticFileEditor_1.ZodStaticFileEditor, { setValue: setValue, value: value, jsonPath: jsonPath, schema: schema, compact: compact, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving }));
+        }
         return ((0, jsx_runtime_1.jsx)(ZodStringEditor_1.ZodStringEditor, { value: value, setValue: setValue, jsonPath: jsonPath, schema: schema, compact: compact, onSave: onSave, defaultValue: defaultValue, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving }));
     }
     if (typeName === z.ZodFirstPartyTypeKind.ZodDate) {

package/dist/editor/components/RenderModal/SchemaEditor/ZodUnionEditor.d.ts

@@ -8,7 +8,7 @@ export declare const ZodUnionEditor: React.FC<{
     value: unknown;
     defaultValue: unknown;
     schema: z.ZodTypeAny;
-    setValue: React.Dispatch<React.SetStateAction<unknown>>;
+    setValue: (updater: (oldState: unknown) => unknown) => void;
     onSave: (updater: (oldNum: unknown) => unknown) => void;
     onRemove: null | (() => void);
     saving: boolean;

package/dist/editor/components/RenderModal/SchemaEditor/extract-enum-json-paths.d.ts

@@ -0,0 +1,3 @@
+import type { ZodType } from '../../get-zod-if-possible';
+export declare type EnumPath = (string | number)[];
+export declare const extractEnumJsonPaths: (schema: Zod.ZodTypeAny, zodRuntime: ZodType, currentPath: (string | number)[]) => (string | number)[][];