@cntrl-site/sdk 1.24.5 → 1.24.7-0

package/dist/Components/ControlSlider/ControlSliderComponent.d.ts

@@ -328,9 +328,6 @@ export declare const ControlSliderComponent: {
             content: {
                 layoutBased: boolean;
                 type: string;
-                settings: {
-                    addItemFromFileExplorer: boolean;
-                };
                 items: {
                     type: string;
                     properties: {
@@ -338,9 +335,6 @@ export declare const ControlSliderComponent: {
                             type: string;
                             display: {
                                 type: string;
-                                minWidth: number;
-                                defaultWidth: number;
-                                maxWidth: number;
                             };
                             properties: {
                                 url: {
@@ -360,9 +354,18 @@ export declare const ControlSliderComponent: {
                             display: {
                                 type: string;
                                 placeholder: string;
-                                minWidth: number;
-                                defaultWidth: number;
-                                maxWidth: number;
+                            };
+                        };
+                        link: {
+                            type: string;
+                            display: {
+                                type: string;
+                                placeholder: string;
+                            };
+                            properties: {
+                                text: {
+                                    type: string;
+                                };
                             };
                         };
                     };

package/dist/Components/ImageRevealSlider/ControlImageRevealSliderComponent.d.ts

@@ -162,9 +162,6 @@ export declare const ControlImageRevealSliderComponent: {
             content: {
                 layoutBased: boolean;
                 type: string;
-                settings: {
-                    addItemFromFileExplorer: boolean;
-                };
                 items: {
                     type: string;
                     properties: {
@@ -173,9 +170,6 @@ export declare const ControlImageRevealSliderComponent: {
                             display: {
                                 type: string;
                                 isObjectFitEditable: boolean;
-                                minWidth: number;
-                                defaultWidth: number;
-                                maxWidth: number;
                             };
                             properties: {
                                 url: {
@@ -196,9 +190,6 @@ export declare const ControlImageRevealSliderComponent: {
                             display: {
                                 type: string;
                                 placeholder: string;
-                                minWidth: number;
-                                defaultWidth: number;
-                                maxWidth: number;
                             };
                         };
                     };

package/dist/index.js

@@ -601,16 +601,28 @@ const SectionSchema = zod.z.object({
 });
 const ItemTriggerSchema = zod.z.object({
   itemId: zod.z.string(),
-  type: zod.z.enum(["hover-in", "hover-out", "click"]),
+  type: zod.z.literal("item"),
+  triggerEvent: zod.z.enum(["hover-in", "hover-out", "click"]),
   from: zod.z.string(),
   to: zod.z.string()
 });
 const ScrollTriggerSchema = zod.z.object({
+  type: zod.z.literal("scroll-position"),
   position: zod.z.number(),
   from: zod.z.string(),
   to: zod.z.string(),
   isReverse: zod.z.boolean()
 });
+const ItemScrollTriggerSchema = zod.z.object({
+  itemId: zod.z.string(),
+  type: zod.z.literal("item-scroll-position"),
+  itemPosition: zod.z.enum(["bottom", "center", "top"]),
+  screenPosition: zod.z.enum(["bottom", "center", "top"]),
+  offset: zod.z.number(),
+  from: zod.z.string(),
+  to: zod.z.string(),
+  isReverse: zod.z.boolean()
+});
 const VideoInteractionActionSchema = zod.z.object({
   type: zod.z.enum(["play", "pause"]),
   itemId: zod.z.string()
@@ -621,7 +633,7 @@ const StateSchema = zod.z.object({
 });
 const InteractionSchema = zod.z.object({
   id: zod.z.string(),
-  triggers: zod.z.array(zod.z.union([ItemTriggerSchema, ScrollTriggerSchema])),
+  triggers: zod.z.array(zod.z.union([ItemTriggerSchema, ScrollTriggerSchema, ItemScrollTriggerSchema])),
   states: zod.z.array(StateSchema),
   startStateId: zod.z.string()
 });
@@ -1386,7 +1398,6 @@ const RichTextRenderer = ({ content }) => {
 };
 function getLeafCss(leaf) {
   return {
-    ...leaf.fontFamily && { fontFamily: leaf.fontFamily },
     ...leaf.fontWeight && { fontWeight: leaf.fontWeight },
     ...leaf.fontStyle && { fontStyle: leaf.fontStyle },
     ...leaf.textDecoration && { textDecoration: leaf.textDecoration },
@@ -2058,19 +2069,13 @@ const ControlSliderComponent = {
       content: {
         layoutBased: false,
         type: "array",
-        settings: {
-          addItemFromFileExplorer: true
-        },
         items: {
           type: "object",
           properties: {
             image: {
               type: "object",
               display: {
-                type: "media-input",
-                minWidth: 48,
-                defaultWidth: 108,
-                maxWidth: 108
+                type: "media-input"
               },
               properties: {
                 url: {
@@ -2089,10 +2094,19 @@ const ControlSliderComponent = {
             imageCaption: {
               display: {
                 type: "rich-text",
-                placeholder: "Add Caption...",
-                minWidth: 100,
-                defaultWidth: 300,
-                maxWidth: 500
+                placeholder: "Add Caption..."
+              }
+            },
+            link: {
+              type: "object",
+              display: {
+                type: "text-input",
+                placeholder: "Add Caption..."
+              },
+              properties: {
+                text: {
+                  type: "string"
+                }
               }
             }
           },
@@ -2634,9 +2648,6 @@ const ControlImageRevealSliderComponent = {
       content: {
         layoutBased: false,
         type: "array",
-        settings: {
-          addItemFromFileExplorer: true
-        },
         items: {
           type: "object",
           properties: {
@@ -2644,10 +2655,7 @@ const ControlImageRevealSliderComponent = {
               type: "object",
               display: {
                 type: "media-input",
-                isObjectFitEditable: false,
-                minWidth: 48,
-                defaultWidth: 108,
-                maxWidth: 108
+                isObjectFitEditable: false
               },
               properties: {
                 url: {
@@ -2667,10 +2675,7 @@ const ControlImageRevealSliderComponent = {
               type: "string",
               display: {
                 type: "text-input",
-                placeholder: "Enter link...",
-                minWidth: 100,
-                defaultWidth: 300,
-                maxWidth: 500
+                placeholder: "Enter link..."
               }
             }
           },

package/dist/index.mjs

@@ -582,16 +582,28 @@ const SectionSchema = z.object({
 });
 const ItemTriggerSchema = z.object({
   itemId: z.string(),
-  type: z.enum(["hover-in", "hover-out", "click"]),
+  type: z.literal("item"),
+  triggerEvent: z.enum(["hover-in", "hover-out", "click"]),
   from: z.string(),
   to: z.string()
 });
 const ScrollTriggerSchema = z.object({
+  type: z.literal("scroll-position"),
   position: z.number(),
   from: z.string(),
   to: z.string(),
   isReverse: z.boolean()
 });
+const ItemScrollTriggerSchema = z.object({
+  itemId: z.string(),
+  type: z.literal("item-scroll-position"),
+  itemPosition: z.enum(["bottom", "center", "top"]),
+  screenPosition: z.enum(["bottom", "center", "top"]),
+  offset: z.number(),
+  from: z.string(),
+  to: z.string(),
+  isReverse: z.boolean()
+});
 const VideoInteractionActionSchema = z.object({
   type: z.enum(["play", "pause"]),
   itemId: z.string()
@@ -602,7 +614,7 @@ const StateSchema = z.object({
 });
 const InteractionSchema = z.object({
   id: z.string(),
-  triggers: z.array(z.union([ItemTriggerSchema, ScrollTriggerSchema])),
+  triggers: z.array(z.union([ItemTriggerSchema, ScrollTriggerSchema, ItemScrollTriggerSchema])),
   states: z.array(StateSchema),
   startStateId: z.string()
 });
@@ -1367,7 +1379,6 @@ const RichTextRenderer = ({ content }) => {
 };
 function getLeafCss(leaf) {
   return {
-    ...leaf.fontFamily && { fontFamily: leaf.fontFamily },
     ...leaf.fontWeight && { fontWeight: leaf.fontWeight },
     ...leaf.fontStyle && { fontStyle: leaf.fontStyle },
     ...leaf.textDecoration && { textDecoration: leaf.textDecoration },
@@ -2039,19 +2050,13 @@ const ControlSliderComponent = {
       content: {
         layoutBased: false,
         type: "array",
-        settings: {
-          addItemFromFileExplorer: true
-        },
         items: {
           type: "object",
           properties: {
             image: {
               type: "object",
               display: {
-                type: "media-input",
-                minWidth: 48,
-                defaultWidth: 108,
-                maxWidth: 108
+                type: "media-input"
               },
               properties: {
                 url: {
@@ -2070,10 +2075,19 @@ const ControlSliderComponent = {
             imageCaption: {
               display: {
                 type: "rich-text",
-                placeholder: "Add Caption...",
-                minWidth: 100,
-                defaultWidth: 300,
-                maxWidth: 500
+                placeholder: "Add Caption..."
+              }
+            },
+            link: {
+              type: "object",
+              display: {
+                type: "text-input",
+                placeholder: "Add Caption..."
+              },
+              properties: {
+                text: {
+                  type: "string"
+                }
               }
             }
           },
@@ -2615,9 +2629,6 @@ const ControlImageRevealSliderComponent = {
       content: {
         layoutBased: false,
         type: "array",
-        settings: {
-          addItemFromFileExplorer: true
-        },
         items: {
           type: "object",
           properties: {
@@ -2625,10 +2636,7 @@ const ControlImageRevealSliderComponent = {
               type: "object",
               display: {
                 type: "media-input",
-                isObjectFitEditable: false,
-                minWidth: 48,
-                defaultWidth: 108,
-                maxWidth: 108
+                isObjectFitEditable: false
               },
               properties: {
                 url: {
@@ -2648,10 +2656,7 @@ const ControlImageRevealSliderComponent = {
               type: "string",
               display: {
                 type: "text-input",
-                placeholder: "Enter link...",
-                minWidth: 100,
-                defaultWidth: 300,
-                maxWidth: 500
+                placeholder: "Enter link..."
               }
             }
           },

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

@@ -123,34 +123,67 @@ export declare const ArticleSchema: z.ZodObject<{
         id: z.ZodString;
         triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
             itemId: z.ZodString;
-            type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
+            type: z.ZodLiteral<"item">;
+            triggerEvent: z.ZodEnum<["hover-in", "hover-out", "click"]>;
             from: z.ZodString;
             to: z.ZodString;
         }, "strip", z.ZodTypeAny, {
-            type: "hover-in" | "hover-out" | "click";
+            type: "item";
             from: string;
             to: string;
             itemId: string;
+            triggerEvent: "hover-in" | "hover-out" | "click";
         }, {
-            type: "hover-in" | "hover-out" | "click";
+            type: "item";
             from: string;
             to: string;
             itemId: string;
+            triggerEvent: "hover-in" | "hover-out" | "click";
         }>, z.ZodObject<{
+            type: z.ZodLiteral<"scroll-position">;
             position: z.ZodNumber;
             from: z.ZodString;
             to: z.ZodString;
             isReverse: z.ZodBoolean;
         }, "strip", z.ZodTypeAny, {
             position: number;
+            type: "scroll-position";
             from: string;
             to: string;
             isReverse: boolean;
         }, {
             position: number;
+            type: "scroll-position";
             from: string;
             to: string;
             isReverse: boolean;
+        }>, z.ZodObject<{
+            itemId: z.ZodString;
+            type: z.ZodLiteral<"item-scroll-position">;
+            itemPosition: z.ZodEnum<["bottom", "center", "top"]>;
+            screenPosition: z.ZodEnum<["bottom", "center", "top"]>;
+            offset: z.ZodNumber;
+            from: z.ZodString;
+            to: z.ZodString;
+            isReverse: z.ZodBoolean;
+        }, "strip", z.ZodTypeAny, {
+            type: "item-scroll-position";
+            from: string;
+            to: string;
+            itemId: string;
+            isReverse: boolean;
+            itemPosition: "center" | "top" | "bottom";
+            screenPosition: "center" | "top" | "bottom";
+            offset: number;
+        }, {
+            type: "item-scroll-position";
+            from: string;
+            to: string;
+            itemId: string;
+            isReverse: boolean;
+            itemPosition: "center" | "top" | "bottom";
+            screenPosition: "center" | "top" | "bottom";
+            offset: number;
         }>]>, "many">;
         states: z.ZodArray<z.ZodObject<{
             id: z.ZodString;
@@ -181,15 +214,26 @@ export declare const ArticleSchema: z.ZodObject<{
     }, "strip", z.ZodTypeAny, {
         id: string;
         triggers: ({
-            type: "hover-in" | "hover-out" | "click";
+            type: "item";
             from: string;
             to: string;
             itemId: string;
+            triggerEvent: "hover-in" | "hover-out" | "click";
         } | {
             position: number;
+            type: "scroll-position";
             from: string;
             to: string;
             isReverse: boolean;
+        } | {
+            type: "item-scroll-position";
+            from: string;
+            to: string;
+            itemId: string;
+            isReverse: boolean;
+            itemPosition: "center" | "top" | "bottom";
+            screenPosition: "center" | "top" | "bottom";
+            offset: number;
         })[];
         states: {
             id: string;
@@ -202,15 +246,26 @@ export declare const ArticleSchema: z.ZodObject<{
     }, {
         id: string;
         triggers: ({
-            type: "hover-in" | "hover-out" | "click";
+            type: "item";
             from: string;
             to: string;
             itemId: string;
+            triggerEvent: "hover-in" | "hover-out" | "click";
         } | {
             position: number;
+            type: "scroll-position";
             from: string;
             to: string;
             isReverse: boolean;
+        } | {
+            type: "item-scroll-position";
+            from: string;
+            to: string;
+            itemId: string;
+            isReverse: boolean;
+            itemPosition: "center" | "top" | "bottom";
+            screenPosition: "center" | "top" | "bottom";
+            offset: number;
         })[];
         states: {
             id: string;
@@ -254,15 +309,26 @@ export declare const ArticleSchema: z.ZodObject<{
     interactions: Record<string, {
         id: string;
         triggers: ({
-            type: "hover-in" | "hover-out" | "click";
+            type: "item";
             from: string;
             to: string;
             itemId: string;
+            triggerEvent: "hover-in" | "hover-out" | "click";
         } | {
             position: number;
+            type: "scroll-position";
             from: string;
             to: string;
             isReverse: boolean;
+        } | {
+            type: "item-scroll-position";
+            from: string;
+            to: string;
+            itemId: string;
+            isReverse: boolean;
+            itemPosition: "center" | "top" | "bottom";
+            screenPosition: "center" | "top" | "bottom";
+            offset: number;
         })[];
         states: {
             id: string;
@@ -306,15 +372,26 @@ export declare const ArticleSchema: z.ZodObject<{
     interactions: Record<string, {
         id: string;
         triggers: ({
-            type: "hover-in" | "hover-out" | "click";
+            type: "item";
             from: string;
             to: string;
             itemId: string;
+            triggerEvent: "hover-in" | "hover-out" | "click";
         } | {
             position: number;
+            type: "scroll-position";
+            from: string;
+            to: string;
+            isReverse: boolean;
+        } | {
+            type: "item-scroll-position";
             from: string;
             to: string;
+            itemId: string;
             isReverse: boolean;
+            itemPosition: "center" | "top" | "bottom";
+            screenPosition: "center" | "top" | "bottom";
+            offset: number;
         })[];
         states: {
             id: string;

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

@@ -3,34 +3,67 @@ export declare const InteractionSchema: z.ZodObject<{
     id: z.ZodString;
     triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
         itemId: z.ZodString;
-        type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
+        type: z.ZodLiteral<"item">;
+        triggerEvent: z.ZodEnum<["hover-in", "hover-out", "click"]>;
         from: z.ZodString;
         to: z.ZodString;
     }, "strip", z.ZodTypeAny, {
-        type: "hover-in" | "hover-out" | "click";
+        type: "item";
         from: string;
         to: string;
         itemId: string;
+        triggerEvent: "hover-in" | "hover-out" | "click";
     }, {
-        type: "hover-in" | "hover-out" | "click";
+        type: "item";
         from: string;
         to: string;
         itemId: string;
+        triggerEvent: "hover-in" | "hover-out" | "click";
     }>, z.ZodObject<{
+        type: z.ZodLiteral<"scroll-position">;
         position: z.ZodNumber;
         from: z.ZodString;
         to: z.ZodString;
         isReverse: z.ZodBoolean;
     }, "strip", z.ZodTypeAny, {
         position: number;
+        type: "scroll-position";
         from: string;
         to: string;
         isReverse: boolean;
     }, {
         position: number;
+        type: "scroll-position";
         from: string;
         to: string;
         isReverse: boolean;
+    }>, z.ZodObject<{
+        itemId: z.ZodString;
+        type: z.ZodLiteral<"item-scroll-position">;
+        itemPosition: z.ZodEnum<["bottom", "center", "top"]>;
+        screenPosition: z.ZodEnum<["bottom", "center", "top"]>;
+        offset: z.ZodNumber;
+        from: z.ZodString;
+        to: z.ZodString;
+        isReverse: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        type: "item-scroll-position";
+        from: string;
+        to: string;
+        itemId: string;
+        isReverse: boolean;
+        itemPosition: "center" | "top" | "bottom";
+        screenPosition: "center" | "top" | "bottom";
+        offset: number;
+    }, {
+        type: "item-scroll-position";
+        from: string;
+        to: string;
+        itemId: string;
+        isReverse: boolean;
+        itemPosition: "center" | "top" | "bottom";
+        screenPosition: "center" | "top" | "bottom";
+        offset: number;
     }>]>, "many">;
     states: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
@@ -61,15 +94,26 @@ export declare const InteractionSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     id: string;
     triggers: ({
-        type: "hover-in" | "hover-out" | "click";
+        type: "item";
         from: string;
         to: string;
         itemId: string;
+        triggerEvent: "hover-in" | "hover-out" | "click";
     } | {
         position: number;
+        type: "scroll-position";
+        from: string;
+        to: string;
+        isReverse: boolean;
+    } | {
+        type: "item-scroll-position";
         from: string;
         to: string;
+        itemId: string;
         isReverse: boolean;
+        itemPosition: "center" | "top" | "bottom";
+        screenPosition: "center" | "top" | "bottom";
+        offset: number;
     })[];
     states: {
         id: string;
@@ -82,15 +126,26 @@ export declare const InteractionSchema: z.ZodObject<{
 }, {
     id: string;
     triggers: ({
-        type: "hover-in" | "hover-out" | "click";
+        type: "item";
         from: string;
         to: string;
         itemId: string;
+        triggerEvent: "hover-in" | "hover-out" | "click";
     } | {
         position: number;
+        type: "scroll-position";
+        from: string;
+        to: string;
+        isReverse: boolean;
+    } | {
+        type: "item-scroll-position";
         from: string;
         to: string;
+        itemId: string;
         isReverse: boolean;
+        itemPosition: "center" | "top" | "bottom";
+        screenPosition: "center" | "top" | "bottom";
+        offset: number;
     })[];
     states: {
         id: string;

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

@@ -4,16 +4,28 @@ exports.InteractionSchema = void 0;
 const zod_1 = require("zod");
 const ItemTriggerSchema = zod_1.z.object({
     itemId: zod_1.z.string(),
-    type: zod_1.z.enum(['hover-in', 'hover-out', 'click']),
+    type: zod_1.z.literal('item'),
+    triggerEvent: zod_1.z.enum(['hover-in', 'hover-out', 'click']),
     from: zod_1.z.string(),
     to: zod_1.z.string()
 });
 const ScrollTriggerSchema = zod_1.z.object({
+    type: zod_1.z.literal('scroll-position'),
     position: zod_1.z.number(),
     from: zod_1.z.string(),
     to: zod_1.z.string(),
     isReverse: zod_1.z.boolean()
 });
+const ItemScrollTriggerSchema = zod_1.z.object({
+    itemId: zod_1.z.string(),
+    type: zod_1.z.literal('item-scroll-position'),
+    itemPosition: zod_1.z.enum(['bottom', 'center', 'top']),
+    screenPosition: zod_1.z.enum(['bottom', 'center', 'top']),
+    offset: zod_1.z.number(),
+    from: zod_1.z.string(),
+    to: zod_1.z.string(),
+    isReverse: zod_1.z.boolean()
+});
 const VideoInteractionActionSchema = zod_1.z.object({
     type: zod_1.z.enum(['play', 'pause']),
     itemId: zod_1.z.string()
@@ -24,7 +36,7 @@ const StateSchema = zod_1.z.object({
 });
 exports.InteractionSchema = zod_1.z.object({
     id: zod_1.z.string(),
-    triggers: zod_1.z.array(zod_1.z.union([ItemTriggerSchema, ScrollTriggerSchema])),
+    triggers: zod_1.z.array(zod_1.z.union([ItemTriggerSchema, ScrollTriggerSchema, ItemScrollTriggerSchema])),
     states: zod_1.z.array(StateSchema),
     startStateId: zod_1.z.string(),
 });

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

@@ -1,21 +1,33 @@
 export interface Interaction {
     id: string;
-    triggers: (InteractionItemTrigger | InteractionScrollTrigger)[];
+    triggers: InteractionTrigger[];
     states: InteractionState[];
     startStateId: string;
 }
 export interface InteractionItemTrigger {
     itemId: string;
-    type: 'hover-in' | 'hover-out' | 'click';
+    type: 'item';
+    triggerEvent: 'hover-in' | 'hover-out' | 'click';
     from: StateId;
     to: StateId;
 }
 export interface InteractionScrollTrigger {
+    type: 'scroll-position';
     position: number;
     from: StateId;
     to: StateId;
     isReverse: boolean;
 }
+export interface InteractionItemScrollTrigger {
+    itemId: string;
+    type: 'item-scroll-position';
+    itemPosition: 'bottom' | 'center' | 'top';
+    screenPosition: 'bottom' | 'center' | 'top';
+    offset: number;
+    from: StateId;
+    to: StateId;
+    isReverse: boolean;
+}
 export type VideoInteractionAction = {
     type: 'play' | 'pause';
     itemId: string;
@@ -25,4 +37,5 @@ export interface InteractionState {
     actions?: VideoInteractionAction[];
 }
 type StateId = string;
+export type InteractionTrigger = InteractionItemTrigger | InteractionScrollTrigger | InteractionItemScrollTrigger;
 export {};

package/package.json

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