start image input

src/components/inputs/BaseInputProps.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 
 export const inputTypeSchema = z
-  .enum(['text', 'number', 'boolean', 'range', 'select', 'counter', 'timer'])
+  .enum(['text', 'number', 'boolean', 'range', 'select', 'counter', 'timer', 'image'])
   .describe('The type of input');
 
 export const inputBaseSchema = z.object({
@@ -71,6 +71,10 @@ export const timerInputSchema = inputBaseSchema.extend({
   defaultValue: z.number().default(0).describe('The default value'),
 });
 
+export const imageInputSchema = inputBaseSchema.extend({
+  type: z.literal('image'),
+});
+
 export const sectionSchema = z.object({
   name: z.string(),
   fields: z.array(
@@ -206,6 +210,7 @@ export type CounterInputData = z.infer<typeof counterInputSchema>;
 export type RangeInputData = z.infer<typeof rangeInputSchema>;
 export type BooleanInputData = z.infer<typeof booleanInputSchema>;
 export type TimerInputData = z.infer<typeof timerInputSchema>;
+export type ImageInputData = z.infer<typeof imageInputSchema>;
 
 export type InputPropsMap = {
   text: StringInputData;
@@ -215,6 +220,7 @@ export type InputPropsMap = {
   select: SelectInputData;
   counter: CounterInputData;
   timer: TimerInputData;
+  iamge: ImageInputData;
 };
 
 export type SectionProps = z.infer<typeof sectionSchema>;

src/components/inputs/ImageInput.tsx

@@ -0,0 +1,10 @@
+import { inputSelector, useQRScoutState } from "@/store/store";
+import { ImageInputData } from './BaseInputProps';
+import { ConfigurableInputProps } from "./ConfigurableInput";
+
+
+export default function(props: ConfigurableInputProps) {
+    const data = useQRScoutState(
+        inputSelector<ImageInputData>(props.section, props.code),
+    );
+}