@farcaster/snap 1.3.0 → 1.3.2

package/dist/constants.d.ts

@@ -4,7 +4,6 @@ export declare const MEDIA_TYPE: "application/vnd.farcaster.snap+json";
 export declare const LIMITS: {
     readonly maxElementsPerPage: 5;
     readonly maxButtonsPerPage: 4;
-    readonly maxVideoDurationSeconds: 30;
     readonly maxTextInputChars: 280;
     readonly maxListItems: 4;
     readonly minListItems: 1;
@@ -33,7 +32,6 @@ export declare const TEXT_STYLE: {
 export declare const TEXT_STYLE_VALUES: readonly ["title", "body", "caption", "label"];
 export declare const TEXT_ALIGN_VALUES: readonly ["left", "center", "right"];
 export declare const IMAGE_ASPECT_VALUES: readonly ["1:1", "16:9", "4:3", "3:4", "9:16"];
-export declare const VIDEO_ASPECT_VALUES: readonly ["1:1", "16:9", "9:16"];
 export declare const SPACER_SIZE: {
     readonly small: "small";
     readonly medium: "medium";
@@ -103,7 +101,6 @@ export declare const PAGE_ROOT_TYPE: {
 export declare const ELEMENT_TYPE: {
     readonly text: "text";
     readonly image: "image";
-    readonly video: "video";
     readonly divider: "divider";
     readonly spacer: "spacer";
     readonly progress: "progress";

package/dist/constants.js

@@ -4,7 +4,6 @@ export const MEDIA_TYPE = "application/vnd.farcaster.snap+json";
 export const LIMITS = {
     maxElementsPerPage: 5,
     maxButtonsPerPage: 4,
-    maxVideoDurationSeconds: 30,
     maxTextInputChars: 280,
     maxListItems: 4,
     minListItems: 1,
@@ -44,7 +43,6 @@ export const IMAGE_ASPECT_VALUES = [
     "3:4",
     "9:16",
 ];
-export const VIDEO_ASPECT_VALUES = ["1:1", "16:9", "9:16"];
 export const SPACER_SIZE = {
     small: "small",
     medium: "medium",
@@ -162,7 +160,6 @@ export const PAGE_ROOT_TYPE = {
 export const ELEMENT_TYPE = {
     text: "text",
     image: "image",
-    video: "video",
     divider: "divider",
     spacer: "spacer",
     progress: "progress",
@@ -191,7 +188,6 @@ export const SLIDER_STEP_ALIGN_EPS = 1e-6;
 export const DEFAULT_SLIDER_STEP = 1;
 export const MEDIA_ELEMENT_TYPES = [
     ELEMENT_TYPE.image,
-    ELEMENT_TYPE.video,
     ELEMENT_TYPE.grid,
 ];
 export const INTERACTIVE_ELEMENT_TYPES = [

package/dist/schemas.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod/v4";
+import { z } from "zod";
 declare const buttonSchema: z.ZodObject<{
     label: z.ZodString;
     action: z.ZodEnum<{
@@ -39,16 +39,6 @@ declare const elementSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
         "9:16": "9:16";
     }>;
     alt: z.ZodOptional<z.ZodString>;
-}, z.core.$strip>, z.ZodObject<{
-    type: z.ZodLiteral<"video">;
-    url: z.ZodString;
-    aspect: z.ZodEnum<{
-        "1:1": "1:1";
-        "16:9": "16:9";
-        "9:16": "9:16";
-    }>;
-    maxDuration: z.ZodOptional<z.ZodNumber>;
-    alt: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>, z.ZodObject<{
     type: z.ZodLiteral<"divider">;
 }, z.core.$strip>, z.ZodObject<{
@@ -363,16 +353,6 @@ declare const elementsSchema: z.ZodObject<{
             "9:16": "9:16";
         }>;
         alt: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>, z.ZodObject<{
-        type: z.ZodLiteral<"video">;
-        url: z.ZodString;
-        aspect: z.ZodEnum<{
-            "1:1": "1:1";
-            "16:9": "16:9";
-            "9:16": "9:16";
-        }>;
-        maxDuration: z.ZodOptional<z.ZodNumber>;
-        alt: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>, z.ZodObject<{
         type: z.ZodLiteral<"divider">;
     }, z.core.$strip>, z.ZodObject<{
@@ -714,16 +694,6 @@ export declare const rootSchema: z.ZodObject<{
                     "9:16": "9:16";
                 }>;
                 alt: z.ZodOptional<z.ZodString>;
-            }, z.core.$strip>, z.ZodObject<{
-                type: z.ZodLiteral<"video">;
-                url: z.ZodString;
-                aspect: z.ZodEnum<{
-                    "1:1": "1:1";
-                    "16:9": "16:9";
-                    "9:16": "9:16";
-                }>;
-                maxDuration: z.ZodOptional<z.ZodNumber>;
-                alt: z.ZodOptional<z.ZodString>;
             }, z.core.$strip>, z.ZodObject<{
                 type: z.ZodLiteral<"divider">;
             }, z.core.$strip>, z.ZodObject<{
@@ -1078,16 +1048,6 @@ export declare const firstPageRootSchema: z.ZodObject<{
                     "9:16": "9:16";
                 }>;
                 alt: z.ZodOptional<z.ZodString>;
-            }, z.core.$strip>, z.ZodObject<{
-                type: z.ZodLiteral<"video">;
-                url: z.ZodString;
-                aspect: z.ZodEnum<{
-                    "1:1": "1:1";
-                    "16:9": "16:9";
-                    "9:16": "9:16";
-                }>;
-                maxDuration: z.ZodOptional<z.ZodNumber>;
-                alt: z.ZodOptional<z.ZodString>;
             }, z.core.$strip>, z.ZodObject<{
                 type: z.ZodLiteral<"divider">;
             }, z.core.$strip>, z.ZodObject<{

package/dist/schemas.js

@@ -1,5 +1,5 @@
-import { z } from "zod/v4";
-import { BAR_CHART_COLOR_VALUES, BUTTON_ACTION, BUTTON_ACTION_VALUES, BUTTON_GROUP_STYLE, BUTTON_GROUP_STYLE_VALUES, BUTTON_LAYOUT_VALUES, BUTTON_STYLE_VALUES, DEFAULT_BUTTON_LAYOUT, DEFAULT_LIST_STYLE, DEFAULT_SLIDER_STEP, DEFAULT_THEME_ACCENT, EFFECT_VALUES, ELEMENT_TYPE, GRID_CELL_SIZE_VALUES, GRID_GAP_VALUES, GROUP_LAYOUT_VALUES, HEX_COLOR_6_RE, HTTP_PREFIX, HTTPS_PREFIX, IMAGE_ASPECT_VALUES, INTERACTIVE_ELEMENT_TYPES, LIMITS, LIST_STYLE_VALUES, MEDIA_ELEMENT_TYPES, PAGE_ROOT_TYPE, PALETTE_COLOR_VALUES, PROGRESS_COLOR_VALUES, SLIDER_STEP_ALIGN_EPS, SPACER_SIZE, SPACER_SIZE_VALUES, SPEC_VERSION, TEXT_ALIGN_VALUES, TEXT_CONTENT_MAX, TEXT_STYLE, TEXT_STYLE_VALUES, VIDEO_ASPECT_VALUES, } from "./constants.js";
+import { z } from "zod";
+import { BAR_CHART_COLOR_VALUES, BUTTON_ACTION, BUTTON_ACTION_VALUES, BUTTON_GROUP_STYLE, BUTTON_GROUP_STYLE_VALUES, BUTTON_LAYOUT_VALUES, BUTTON_STYLE_VALUES, DEFAULT_BUTTON_LAYOUT, DEFAULT_LIST_STYLE, DEFAULT_SLIDER_STEP, DEFAULT_THEME_ACCENT, EFFECT_VALUES, ELEMENT_TYPE, GRID_CELL_SIZE_VALUES, GRID_GAP_VALUES, GROUP_LAYOUT_VALUES, HEX_COLOR_6_RE, HTTP_PREFIX, HTTPS_PREFIX, IMAGE_ASPECT_VALUES, INTERACTIVE_ELEMENT_TYPES, LIMITS, LIST_STYLE_VALUES, MEDIA_ELEMENT_TYPES, PAGE_ROOT_TYPE, PALETTE_COLOR_VALUES, PROGRESS_COLOR_VALUES, SLIDER_STEP_ALIGN_EPS, SPACER_SIZE, SPACER_SIZE_VALUES, SPEC_VERSION, TEXT_ALIGN_VALUES, TEXT_CONTENT_MAX, TEXT_STYLE, TEXT_STYLE_VALUES, } from "./constants.js";
 /**
  * post/link/mini_app targets must be HTTPS in production; allow HTTP only for
  * loopback hosts so local snap servers (e.g. http://localhost:3014/snap) validate.
@@ -48,11 +48,6 @@ const imageUrlSchema = z
     .refine((s) => hasAllowedMediaExtension(s, ["jpg", "png", "gif", "webp"]), {
     message: "image URL must use HTTPS and end with a supported extension (.jpg, .png, .gif, .webp)",
 });
-const videoUrlSchema = z
-    .string()
-    .refine((s) => hasAllowedMediaExtension(s, ["mp4", "webm"]), {
-    message: "video URL must use HTTPS and end with a supported extension (.mp4, .webm)",
-});
 const textAlignSchema = z.enum(TEXT_ALIGN_VALUES);
 const textElementSchema = z
     .object({
@@ -77,13 +72,6 @@ const imageElementSchema = z.object({
     aspect: z.enum(IMAGE_ASPECT_VALUES),
     alt: z.string().optional(),
 });
-const videoElementSchema = z.object({
-    type: z.literal(ELEMENT_TYPE.video),
-    url: videoUrlSchema,
-    aspect: z.enum(VIDEO_ASPECT_VALUES),
-    maxDuration: z.number().max(LIMITS.maxVideoDurationSeconds).optional(),
-    alt: z.string().optional(),
-});
 const dividerElementSchema = z.object({
     type: z.literal(ELEMENT_TYPE.divider),
 });
@@ -357,7 +345,6 @@ const groupElementSchema = z.object({
 const elementSchema = z.discriminatedUnion("type", [
     textElementSchema,
     imageElementSchema,
-    videoElementSchema,
     dividerElementSchema,
     spacerElementSchema,
     progressElementSchema,
@@ -407,7 +394,7 @@ export const rootSchema = z
         if (mediaCount > 1) {
             ctx.addIssue({
                 code: "custom",
-                message: `cannot have more than 1 media element (image, video, or grid)`,
+                message: `cannot have more than 1 media element (image or grid)`,
                 path: ["elements", "children"],
             });
         }
@@ -431,7 +418,7 @@ export const firstPageRootSchema = rootSchema.superRefine((root, ctx) => {
     if (!hasInteractive && !hasMedia) {
         ctx.addIssue({
             code: "custom",
-            message: "first page must have at least one interactive element (button_group, slider, text_input, toggle) or media element (image, video, grid)",
+            message: "first page must have at least one interactive element (button_group, slider, text_input, toggle) or media element (image, grid)",
             path: ["page", "elements", "children"],
         });
     }

package/dist/server/parseRequest.d.ts

@@ -1,5 +1,5 @@
 import { type SnapAction } from "../schemas.js";
-import { z } from "zod/v4";
+import { z } from "zod";
 export type ParseRequestError = {
     type: "method_not_allowed";
     message: string;

package/dist/server/parseRequest.js

@@ -1,6 +1,6 @@
 import { payloadSchema } from "../schemas.js";
 import { decodePayload, verifyJFSRequestBody } from "./verify.js";
-import { z } from "zod/v4";
+import { z } from "zod";
 /** Default replay window per SPEC.md § Replay Protection (5 minutes). */
 const DEFAULT_SNAP_POST_MAX_SKEW_SECONDS = 300;
 const requestBodySchema = z.object({

package/dist/ui/bar-chart.d.ts

@@ -0,0 +1,30 @@
+import { z } from "zod";
+export declare const barChartProps: z.ZodObject<{
+    bars: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodNumber;
+        color: z.ZodOptional<z.ZodEnum<{
+            gray: "gray";
+            blue: "blue";
+            red: "red";
+            amber: "amber";
+            green: "green";
+            teal: "teal";
+            purple: "purple";
+            pink: "pink";
+        }>>;
+    }, z.core.$strip>>;
+    max: z.ZodOptional<z.ZodNumber>;
+    color: z.ZodOptional<z.ZodEnum<{
+        gray: "gray";
+        blue: "blue";
+        red: "red";
+        amber: "amber";
+        green: "green";
+        teal: "teal";
+        purple: "purple";
+        pink: "pink";
+        accent: "accent";
+    }>>;
+}, z.core.$strip>;
+export type BarChartProps = z.infer<typeof barChartProps>;

package/dist/ui/bar-chart.js

@@ -0,0 +1,14 @@
+import { z } from "zod";
+import { BAR_CHART_COLOR_VALUES, LIMITS, PALETTE_COLOR_VALUES, } from "../constants.js";
+export const barChartProps = z.object({
+    bars: z
+        .array(z.object({
+        label: z.string(),
+        value: z.number().nonnegative(),
+        color: z.enum(PALETTE_COLOR_VALUES).optional(),
+    }))
+        .min(1)
+        .max(LIMITS.maxBarChartBars),
+    max: z.number().nonnegative().optional(),
+    color: z.enum(BAR_CHART_COLOR_VALUES).optional(),
+});

package/dist/ui/button-group.d.ts

@@ -0,0 +1,11 @@
+import { z } from "zod";
+export declare const buttonGroupProps: z.ZodObject<{
+    name: z.ZodString;
+    options: z.ZodArray<z.ZodString>;
+    style: z.ZodOptional<z.ZodEnum<{
+        row: "row";
+        stack: "stack";
+        grid: "grid";
+    }>>;
+}, z.core.$strip>;
+export type ButtonGroupProps = z.infer<typeof buttonGroupProps>;

package/dist/ui/button-group.js

@@ -0,0 +1,10 @@
+import { z } from "zod";
+import { BUTTON_GROUP_STYLE_VALUES, LIMITS } from "../constants.js";
+export const buttonGroupProps = z.object({
+    name: z.string().min(1),
+    options: z
+        .array(z.string())
+        .min(LIMITS.minButtonGroupOptions)
+        .max(LIMITS.maxButtonGroupOptions),
+    style: z.enum(BUTTON_GROUP_STYLE_VALUES).optional(),
+});

package/dist/ui/button.d.ts

@@ -0,0 +1,32 @@
+import { z } from "zod";
+export declare const actionButtonProps: z.ZodObject<{
+    label: z.ZodString;
+    action: z.ZodEnum<{
+        post: "post";
+        link: "link";
+        mini_app: "mini_app";
+        sdk: "sdk";
+    }>;
+    target: z.ZodString;
+    style: z.ZodOptional<z.ZodEnum<{
+        primary: "primary";
+        secondary: "secondary";
+    }>>;
+}, z.core.$strip>;
+export type ActionButtonProps = z.infer<typeof actionButtonProps>;
+/** Same schema as `actionButtonProps` (legacy export name). */
+export declare const buttonProps: z.ZodObject<{
+    label: z.ZodString;
+    action: z.ZodEnum<{
+        post: "post";
+        link: "link";
+        mini_app: "mini_app";
+        sdk: "sdk";
+    }>;
+    target: z.ZodString;
+    style: z.ZodOptional<z.ZodEnum<{
+        primary: "primary";
+        secondary: "secondary";
+    }>>;
+}, z.core.$strip>;
+export type ButtonProps = ActionButtonProps;

package/dist/ui/button.js

@@ -0,0 +1,10 @@
+import { z } from "zod";
+import { BUTTON_ACTION_VALUES, BUTTON_STYLE_VALUES } from "../constants.js";
+export const actionButtonProps = z.object({
+    label: z.string(),
+    action: z.enum(BUTTON_ACTION_VALUES),
+    target: z.string(),
+    style: z.enum(BUTTON_STYLE_VALUES).optional(),
+});
+/** Same schema as `actionButtonProps` (legacy export name). */
+export const buttonProps = actionButtonProps;

package/dist/ui/catalog.d.ts

@@ -0,0 +1,271 @@
+import { z } from "zod";
+/**
+ * Basic catalog: one json-render component per snap element type, plus ActionButton for snap buttons.
+ * Does not validate cross-field rules (media count, height budget); snap JSON still goes through `@farcaster/snap` validation.
+ */
+export declare const snapJsonRenderCatalog: import("@json-render/core").Catalog<{
+    spec: import("@json-render/core").SchemaType<"object", {
+        root: import("@json-render/core").SchemaType<"string", unknown>;
+        elements: import("@json-render/core").SchemaType<"record", import("@json-render/core").SchemaType<"object", {
+            type: import("@json-render/core").SchemaType<"ref", string>;
+            props: import("@json-render/core").SchemaType<"propsOf", string>;
+            children: {
+                optional: true;
+                kind: "array";
+                inner?: import("@json-render/core").SchemaType<"string", unknown> | undefined;
+            };
+        }>>;
+    }>;
+    catalog: import("@json-render/core").SchemaType<"object", {
+        components: import("@json-render/core").SchemaType<"map", {
+            props: import("@json-render/core").SchemaType<"zod", unknown>;
+            description: import("@json-render/core").SchemaType<"string", unknown>;
+        }>;
+        actions: import("@json-render/core").SchemaType<"map", {
+            description: import("@json-render/core").SchemaType<"string", unknown>;
+            params: {
+                optional: true;
+                kind: "zod";
+                inner?: unknown;
+            };
+        }>;
+    }>;
+}, {
+    components: {
+        Text: {
+            props: z.ZodObject<{
+                style: z.ZodEnum<{
+                    title: "title";
+                    body: "body";
+                    caption: "caption";
+                    label: "label";
+                }>;
+                content: z.ZodString;
+                align: z.ZodOptional<z.ZodEnum<{
+                    left: "left";
+                    center: "center";
+                    right: "right";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Image: {
+            props: z.ZodObject<{
+                url: z.ZodString;
+                aspect: z.ZodEnum<{
+                    "1:1": "1:1";
+                    "16:9": "16:9";
+                    "4:3": "4:3";
+                    "3:4": "3:4";
+                    "9:16": "9:16";
+                }>;
+                alt: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Divider: {
+            props: z.ZodObject<{}, z.core.$strip>;
+            description: string;
+        };
+        Spacer: {
+            props: z.ZodObject<{
+                size: z.ZodOptional<z.ZodEnum<{
+                    small: "small";
+                    medium: "medium";
+                    large: "large";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Progress: {
+            props: z.ZodObject<{
+                value: z.ZodNumber;
+                max: z.ZodNumber;
+                label: z.ZodOptional<z.ZodString>;
+                color: z.ZodOptional<z.ZodEnum<{
+                    gray: "gray";
+                    blue: "blue";
+                    red: "red";
+                    amber: "amber";
+                    green: "green";
+                    teal: "teal";
+                    purple: "purple";
+                    pink: "pink";
+                    accent: "accent";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        List: {
+            props: z.ZodObject<{
+                style: z.ZodOptional<z.ZodEnum<{
+                    ordered: "ordered";
+                    unordered: "unordered";
+                    plain: "plain";
+                }>>;
+                items: z.ZodArray<z.ZodObject<{
+                    content: z.ZodString;
+                    trailing: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Grid: {
+            props: z.ZodObject<{
+                cols: z.ZodNumber;
+                rows: z.ZodNumber;
+                cells: z.ZodArray<z.ZodObject<{
+                    row: z.ZodNumber;
+                    col: z.ZodNumber;
+                    color: z.ZodOptional<z.ZodString>;
+                    content: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>>;
+                cellSize: z.ZodOptional<z.ZodEnum<{
+                    auto: "auto";
+                    square: "square";
+                }>>;
+                gap: z.ZodOptional<z.ZodEnum<{
+                    small: "small";
+                    medium: "medium";
+                    none: "none";
+                }>>;
+                interactive: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        TextInput: {
+            props: z.ZodObject<{
+                name: z.ZodString;
+                placeholder: z.ZodOptional<z.ZodString>;
+                maxLength: z.ZodOptional<z.ZodNumber>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Slider: {
+            props: z.ZodObject<{
+                name: z.ZodString;
+                min: z.ZodNumber;
+                max: z.ZodNumber;
+                step: z.ZodOptional<z.ZodNumber>;
+                value: z.ZodOptional<z.ZodNumber>;
+                label: z.ZodOptional<z.ZodString>;
+                minLabel: z.ZodOptional<z.ZodString>;
+                maxLabel: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        ButtonGroup: {
+            props: z.ZodObject<{
+                name: z.ZodString;
+                options: z.ZodArray<z.ZodString>;
+                style: z.ZodOptional<z.ZodEnum<{
+                    row: "row";
+                    stack: "stack";
+                    grid: "grid";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Toggle: {
+            props: z.ZodObject<{
+                name: z.ZodString;
+                label: z.ZodString;
+                value: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        BarChart: {
+            props: z.ZodObject<{
+                bars: z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    value: z.ZodNumber;
+                    color: z.ZodOptional<z.ZodEnum<{
+                        gray: "gray";
+                        blue: "blue";
+                        red: "red";
+                        amber: "amber";
+                        green: "green";
+                        teal: "teal";
+                        purple: "purple";
+                        pink: "pink";
+                    }>>;
+                }, z.core.$strip>>;
+                max: z.ZodOptional<z.ZodNumber>;
+                color: z.ZodOptional<z.ZodEnum<{
+                    gray: "gray";
+                    blue: "blue";
+                    red: "red";
+                    amber: "amber";
+                    green: "green";
+                    teal: "teal";
+                    purple: "purple";
+                    pink: "pink";
+                    accent: "accent";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Group: {
+            props: z.ZodObject<{
+                layout: z.ZodEnum<{
+                    row: "row";
+                    grid: "grid";
+                }>;
+            }, z.core.$strip>;
+            description: string;
+        };
+        Stack: {
+            props: z.ZodObject<{}, z.core.$strip>;
+            description: string;
+        };
+        ActionButton: {
+            props: z.ZodObject<{
+                label: z.ZodString;
+                action: z.ZodEnum<{
+                    post: "post";
+                    link: "link";
+                    mini_app: "mini_app";
+                    sdk: "sdk";
+                }>;
+                target: z.ZodString;
+                style: z.ZodOptional<z.ZodEnum<{
+                    primary: "primary";
+                    secondary: "secondary";
+                }>>;
+            }, z.core.$strip>;
+            description: string;
+        };
+    };
+    actions: {
+        snap_post: {
+            description: string;
+            params: z.ZodObject<{
+                buttonIndex: z.ZodNumber;
+                target: z.ZodString;
+                label: z.ZodOptional<z.ZodString>;
+                style: z.ZodOptional<z.ZodEnum<{
+                    primary: "primary";
+                    secondary: "secondary";
+                }>>;
+            }, z.core.$strip>;
+        };
+        snap_link: {
+            description: string;
+            params: z.ZodObject<{
+                target: z.ZodString;
+            }, z.core.$strip>;
+        };
+        snap_mini_app: {
+            description: string;
+            params: z.ZodObject<{
+                target: z.ZodString;
+            }, z.core.$strip>;
+        };
+        snap_sdk: {
+            description: string;
+            params: z.ZodObject<{
+                target: z.ZodString;
+            }, z.core.$strip>;
+        };
+    };
+}>;