@cntrl-site/sdk 1.21.0 → 1.22.0

package/dist/index.js

@@ -248,7 +248,7 @@ const RichTextItemSchema = ItemBaseSchema.extend({
       isDraggable: zod.z.boolean().optional()
     })
   ),
-  state: zod.z.record(zod.z.record(RichTextStateParamsSchema))
+  state: zod.z.record(RichTextStateParamsSchema)
 });
 const pointerEvents = zod.z.enum(["never", "when_visible", "always"]).optional();
 const FXControlSchema = zod.z.discriminatedUnion("type", [
@@ -295,7 +295,7 @@ const ImageItemSchema = ItemBaseSchema.extend({
       isDraggable: zod.z.boolean().optional()
     })
   ),
-  state: zod.z.record(zod.z.record(MediaStateParamsSchema))
+  state: zod.z.record(MediaStateParamsSchema)
 });
 const VideoItemSchema = ItemBaseSchema.extend({
   type: zod.z.literal(ArticleItemType.Video),
@@ -324,7 +324,7 @@ const VideoItemSchema = ItemBaseSchema.extend({
       isDraggable: zod.z.boolean().optional()
     })
   ),
-  state: zod.z.record(zod.z.record(MediaStateParamsSchema))
+  state: zod.z.record(MediaStateParamsSchema)
 });
 const RectangleItemSchema = ItemBaseSchema.extend({
   type: zod.z.literal(ArticleItemType.Rectangle),
@@ -350,7 +350,7 @@ const RectangleItemSchema = ItemBaseSchema.extend({
       isDraggable: zod.z.boolean().optional()
     })
   ),
-  state: zod.z.record(zod.z.record(RectangleStateParamsSchema))
+  state: zod.z.record(RectangleStateParamsSchema)
 });
 const CustomItemSchema = ItemBaseSchema.extend({
   type: zod.z.literal(ArticleItemType.Custom),
@@ -367,7 +367,7 @@ const CustomItemSchema = ItemBaseSchema.extend({
   layoutParams: zod.z.record(zod.z.object({
     isDraggable: zod.z.boolean().optional()
   })),
-  state: zod.z.record(zod.z.record(CustomItemStateParamsSchema))
+  state: zod.z.record(CustomItemStateParamsSchema)
 });
 const VimeoEmbedItemSchema = ItemBaseSchema.extend({
   type: zod.z.literal(ArticleItemType.VimeoEmbed),
@@ -395,7 +395,7 @@ const VimeoEmbedItemSchema = ItemBaseSchema.extend({
       opacity: zod.z.number().nonnegative()
     })
   ),
-  state: zod.z.record(zod.z.record(EmbedStateParamsSchema))
+  state: zod.z.record(EmbedStateParamsSchema)
 });
 const YoutubeEmbedItemSchema = ItemBaseSchema.extend({
   type: zod.z.literal(ArticleItemType.YoutubeEmbed),
@@ -420,7 +420,7 @@ const YoutubeEmbedItemSchema = ItemBaseSchema.extend({
       opacity: zod.z.number().nonnegative()
     })
   ),
-  state: zod.z.record(zod.z.record(EmbedStateParamsSchema))
+  state: zod.z.record(EmbedStateParamsSchema)
 });
 const CodeEmbedItemSchema = ItemBaseSchema.extend({
   type: zod.z.literal(ArticleItemType.CodeEmbed),
@@ -444,7 +444,7 @@ const CodeEmbedItemSchema = ItemBaseSchema.extend({
       isDraggable: zod.z.boolean().optional()
     })
   ),
-  state: zod.z.record(zod.z.record(CodeEmbedStateParamsSchema))
+  state: zod.z.record(CodeEmbedStateParamsSchema)
 });
 const ComponentItemSchema = ItemBaseSchema.extend({
   type: zod.z.literal(ArticleItemType.Component),
@@ -493,7 +493,7 @@ const ItemSchema = zod.z.lazy(() => zod.z.discriminatedUnion("type", [
         blur: zod.z.number()
       })
     ),
-    state: zod.z.record(zod.z.record(GroupStateParamsSchema))
+    state: zod.z.record(GroupStateParamsSchema)
   }),
   ItemBaseSchema.extend({
     type: zod.z.literal(ArticleItemType.Compound),
@@ -513,7 +513,7 @@ const ItemSchema = zod.z.lazy(() => zod.z.discriminatedUnion("type", [
         opacity: zod.z.number().nonnegative()
       })
     ),
-    state: zod.z.record(zod.z.record(CompoundStateParamsSchema))
+    state: zod.z.record(CompoundStateParamsSchema)
   })
 ]));
 const SectionHeightSchema = zod.z.object({
@@ -559,7 +559,7 @@ const InteractionSchema = zod.z.object({
 const ArticleSchema = zod.z.object({
   id: zod.z.string().min(1),
   sections: zod.z.array(SectionSchema),
-  interactions: zod.z.array(InteractionSchema)
+  interactions: zod.z.record(zod.z.array(InteractionSchema))
 });
 const LayoutSchema = zod.z.object({
   id: zod.z.string(),
@@ -1845,7 +1845,7 @@ const ControlSliderComponent = {
         default: {
           triggers: {
             triggersList: {
-              click: true,
+              click: false,
               drag: true
             },
             autoPlay: null

package/dist/index.mjs

@@ -229,7 +229,7 @@ const RichTextItemSchema = ItemBaseSchema.extend({
       isDraggable: z.boolean().optional()
     })
   ),
-  state: z.record(z.record(RichTextStateParamsSchema))
+  state: z.record(RichTextStateParamsSchema)
 });
 const pointerEvents = z.enum(["never", "when_visible", "always"]).optional();
 const FXControlSchema = z.discriminatedUnion("type", [
@@ -276,7 +276,7 @@ const ImageItemSchema = ItemBaseSchema.extend({
       isDraggable: z.boolean().optional()
     })
   ),
-  state: z.record(z.record(MediaStateParamsSchema))
+  state: z.record(MediaStateParamsSchema)
 });
 const VideoItemSchema = ItemBaseSchema.extend({
   type: z.literal(ArticleItemType.Video),
@@ -305,7 +305,7 @@ const VideoItemSchema = ItemBaseSchema.extend({
       isDraggable: z.boolean().optional()
     })
   ),
-  state: z.record(z.record(MediaStateParamsSchema))
+  state: z.record(MediaStateParamsSchema)
 });
 const RectangleItemSchema = ItemBaseSchema.extend({
   type: z.literal(ArticleItemType.Rectangle),
@@ -331,7 +331,7 @@ const RectangleItemSchema = ItemBaseSchema.extend({
       isDraggable: z.boolean().optional()
     })
   ),
-  state: z.record(z.record(RectangleStateParamsSchema))
+  state: z.record(RectangleStateParamsSchema)
 });
 const CustomItemSchema = ItemBaseSchema.extend({
   type: z.literal(ArticleItemType.Custom),
@@ -348,7 +348,7 @@ const CustomItemSchema = ItemBaseSchema.extend({
   layoutParams: z.record(z.object({
     isDraggable: z.boolean().optional()
   })),
-  state: z.record(z.record(CustomItemStateParamsSchema))
+  state: z.record(CustomItemStateParamsSchema)
 });
 const VimeoEmbedItemSchema = ItemBaseSchema.extend({
   type: z.literal(ArticleItemType.VimeoEmbed),
@@ -376,7 +376,7 @@ const VimeoEmbedItemSchema = ItemBaseSchema.extend({
       opacity: z.number().nonnegative()
     })
   ),
-  state: z.record(z.record(EmbedStateParamsSchema))
+  state: z.record(EmbedStateParamsSchema)
 });
 const YoutubeEmbedItemSchema = ItemBaseSchema.extend({
   type: z.literal(ArticleItemType.YoutubeEmbed),
@@ -401,7 +401,7 @@ const YoutubeEmbedItemSchema = ItemBaseSchema.extend({
       opacity: z.number().nonnegative()
     })
   ),
-  state: z.record(z.record(EmbedStateParamsSchema))
+  state: z.record(EmbedStateParamsSchema)
 });
 const CodeEmbedItemSchema = ItemBaseSchema.extend({
   type: z.literal(ArticleItemType.CodeEmbed),
@@ -425,7 +425,7 @@ const CodeEmbedItemSchema = ItemBaseSchema.extend({
       isDraggable: z.boolean().optional()
     })
   ),
-  state: z.record(z.record(CodeEmbedStateParamsSchema))
+  state: z.record(CodeEmbedStateParamsSchema)
 });
 const ComponentItemSchema = ItemBaseSchema.extend({
   type: z.literal(ArticleItemType.Component),
@@ -474,7 +474,7 @@ const ItemSchema = z.lazy(() => z.discriminatedUnion("type", [
         blur: z.number()
       })
     ),
-    state: z.record(z.record(GroupStateParamsSchema))
+    state: z.record(GroupStateParamsSchema)
   }),
   ItemBaseSchema.extend({
     type: z.literal(ArticleItemType.Compound),
@@ -494,7 +494,7 @@ const ItemSchema = z.lazy(() => z.discriminatedUnion("type", [
         opacity: z.number().nonnegative()
       })
     ),
-    state: z.record(z.record(CompoundStateParamsSchema))
+    state: z.record(CompoundStateParamsSchema)
   })
 ]));
 const SectionHeightSchema = z.object({
@@ -540,7 +540,7 @@ const InteractionSchema = z.object({
 const ArticleSchema = z.object({
   id: z.string().min(1),
   sections: z.array(SectionSchema),
-  interactions: z.array(InteractionSchema)
+  interactions: z.record(z.array(InteractionSchema))
 });
 const LayoutSchema = z.object({
   id: z.string(),
@@ -1826,7 +1826,7 @@ const ControlSliderComponent = {
         default: {
           triggers: {
             triggersList: {
-              click: true,
+              click: false,
               drag: true
             },
             autoPlay: null

package/dist/schemas/article/Article.schema.d.ts

@@ -74,7 +74,7 @@ export declare const ArticleSchema: z.ZodObject<{
             offsetX: number | null;
         }> | undefined;
     }>, "many">;
-    interactions: z.ZodArray<z.ZodObject<{
+    interactions: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodObject<{
         id: z.ZodString;
         triggers: z.ZodArray<z.ZodObject<{
             itemId: z.ZodString;
@@ -150,7 +150,7 @@ export declare const ArticleSchema: z.ZodObject<{
             }[] | undefined;
         }[];
         startStateId: string;
-    }>, "many">;
+    }>, "many">>;
 }, "strip", z.ZodTypeAny, {
     id: string;
     sections: {
@@ -172,7 +172,7 @@ export declare const ArticleSchema: z.ZodObject<{
             offsetX: number | null;
         }> | undefined;
     }[];
-    interactions: {
+    interactions: Record<string, {
         id: string;
         triggers: {
             type: "hover-in" | "hover-out" | "click";
@@ -188,7 +188,7 @@ export declare const ArticleSchema: z.ZodObject<{
             }[] | undefined;
         }[];
         startStateId: string;
-    }[];
+    }[]>;
 }, {
     id: string;
     sections: {
@@ -210,7 +210,7 @@ export declare const ArticleSchema: z.ZodObject<{
             offsetX: number | null;
         }> | undefined;
     }[];
-    interactions: {
+    interactions: Record<string, {
         id: string;
         triggers: {
             type: "hover-in" | "hover-out" | "click";
@@ -226,5 +226,5 @@ export declare const ArticleSchema: z.ZodObject<{
             }[] | undefined;
         }[];
         startStateId: string;
-    }[];
+    }[]>;
 }>;

package/dist/schemas/article/Article.schema.js

@@ -7,5 +7,5 @@ const Interaction_schema_1 = require("./Interaction.schema");
 exports.ArticleSchema = zod_1.z.object({
     id: zod_1.z.string().min(1),
     sections: zod_1.z.array(Section_schema_1.SectionSchema),
-    interactions: zod_1.z.array(Interaction_schema_1.InteractionSchema)
+    interactions: zod_1.z.record(zod_1.z.array(Interaction_schema_1.InteractionSchema))
 });

package/dist/schemas/article/Item.schema.js

@@ -48,7 +48,7 @@ const ImageItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
         blur: zod_1.z.number(),
         isDraggable: zod_1.z.boolean().optional()
     })),
-    state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.MediaStateParamsSchema))
+    state: zod_1.z.record(ItemState_schema_1.MediaStateParamsSchema)
 });
 const VideoItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Video),
@@ -73,7 +73,7 @@ const VideoItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
         blur: zod_1.z.number(),
         isDraggable: zod_1.z.boolean().optional()
     })),
-    state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.MediaStateParamsSchema))
+    state: zod_1.z.record(ItemState_schema_1.MediaStateParamsSchema)
 });
 const RectangleItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Rectangle),
@@ -95,7 +95,7 @@ const RectangleItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
         blurMode: zod_1.z.enum(['default', 'backdrop']),
         isDraggable: zod_1.z.boolean().optional()
     })),
-    state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.RectangleStateParamsSchema))
+    state: zod_1.z.record(ItemState_schema_1.RectangleStateParamsSchema)
 });
 const CustomItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Custom),
@@ -110,7 +110,7 @@ const CustomItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     layoutParams: zod_1.z.record(zod_1.z.object({
         isDraggable: zod_1.z.boolean().optional()
     })),
-    state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.CustomItemStateParamsSchema))
+    state: zod_1.z.record(ItemState_schema_1.CustomItemStateParamsSchema)
 });
 const VimeoEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.VimeoEmbed),
@@ -134,7 +134,7 @@ const VimeoEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
         blur: zod_1.z.number(),
         opacity: zod_1.z.number().nonnegative()
     })),
-    state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.EmbedStateParamsSchema))
+    state: zod_1.z.record(ItemState_schema_1.EmbedStateParamsSchema)
 });
 const YoutubeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.YoutubeEmbed),
@@ -155,7 +155,7 @@ const YoutubeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
         blur: zod_1.z.number(),
         opacity: zod_1.z.number().nonnegative()
     })),
-    state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.EmbedStateParamsSchema))
+    state: zod_1.z.record(ItemState_schema_1.EmbedStateParamsSchema)
 });
 const CodeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.CodeEmbed),
@@ -175,7 +175,7 @@ const CodeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
         blur: zod_1.z.number(),
         isDraggable: zod_1.z.boolean().optional()
     })),
-    state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.CodeEmbedStateParamsSchema))
+    state: zod_1.z.record(ItemState_schema_1.CodeEmbedStateParamsSchema)
 });
 const ComponentItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Component),
@@ -218,7 +218,7 @@ exports.ItemSchema = zod_1.z.lazy(() => zod_1.z.discriminatedUnion('type', [
             opacity: zod_1.z.number().nonnegative(),
             blur: zod_1.z.number()
         })),
-        state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.GroupStateParamsSchema))
+        state: zod_1.z.record(ItemState_schema_1.GroupStateParamsSchema)
     }),
     ItemBase_schema_1.ItemBaseSchema.extend({
         type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Compound),
@@ -234,6 +234,6 @@ exports.ItemSchema = zod_1.z.lazy(() => zod_1.z.discriminatedUnion('type', [
         layoutParams: zod_1.z.record(zod_1.z.object({
             opacity: zod_1.z.number().nonnegative()
         })),
-        state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.CompoundStateParamsSchema))
+        state: zod_1.z.record(ItemState_schema_1.CompoundStateParamsSchema)
     })
 ]));

package/dist/schemas/article/RichTextItem.schema.d.ts

@@ -195,7 +195,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
         }[] | undefined;
         isDraggable?: boolean | undefined;
     }>>;
-    state: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodObject<{
+    state: z.ZodRecord<z.ZodString, z.ZodObject<{
         color: z.ZodOptional<z.ZodObject<{
             value: z.ZodString;
             in: z.ZodObject<{
@@ -988,7 +988,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
                 delay: number;
             };
         } | undefined;
-    }>>>;
+    }>>;
 }, "strip", z.ZodTypeAny, {
     hidden: Record<string, boolean>;
     type: ArticleItemType.RichText;
@@ -1037,7 +1037,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
         from: number;
         to?: number | undefined;
     } | null>;
-    state: Record<string, Record<string, {
+    state: Record<string, {
         color?: {
             value: string;
             in: {
@@ -1168,7 +1168,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
                 delay: number;
             };
         } | undefined;
-    }>>;
+    }>;
     link?: {
         url: string;
         target: string;
@@ -1226,7 +1226,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
         from: number;
         to?: number | undefined;
     } | null>;
-    state: Record<string, Record<string, {
+    state: Record<string, {
         color?: {
             value: string;
             in: {
@@ -1357,7 +1357,7 @@ export declare const RichTextItemSchema: z.ZodObject<{
                 delay: number;
             };
         } | undefined;
-    }>>;
+    }>;
     link?: {
         url: string;
         target: string;

package/dist/schemas/article/RichTextItem.schema.js

@@ -56,5 +56,5 @@ exports.RichTextItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
         fontVariant: zod_1.z.string(),
         isDraggable: zod_1.z.boolean().optional()
     })),
-    state: zod_1.z.record(zod_1.z.record(ItemState_schema_1.RichTextStateParamsSchema))
+    state: zod_1.z.record(ItemState_schema_1.RichTextStateParamsSchema)
 });

package/dist/types/article/Article.d.ts

@@ -3,5 +3,5 @@ import { Interaction } from './Interaction';
 export interface Article {
     id: string;
     sections: Section[];
-    interactions: Interaction[];
+    interactions: Record<string, Interaction[]>;
 }

package/dist/types/article/ItemState.d.ts

@@ -1,7 +1,6 @@
 import { ArticleItemType } from './ArticleItemType';
-type LayoutId = string;
 type StateId = string;
-export type ItemState<T extends ArticleItemType> = Record<LayoutId, Record<StateId, ItemStatesMap[T]>>;
+export type ItemState<T extends ArticleItemType> = Record<StateId, ItemStatesMap[T]>;
 export type ItemStateParams = ItemStatesMap[ArticleItemType];
 export interface ItemStatesMap {
     [ArticleItemType.Image]: MediaStateParams;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "description": "Generic SDK for use in public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",