@cntrl-site/sdk 1.23.1-1 → 1.23.1-10

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2022 CNTRL
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2022 CNTRL
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,2 +1,2 @@
-# CNTRL SDK
-This is a root SDK module for CNTRL. Should be used along with other framework-specific modules like `@cntrl-site/sdk-react`
+# CNTRL SDK
+This is a root SDK module for CNTRL. Should be used along with other framework-specific modules like `@cntrl-site/sdk-react`

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

@@ -1,11 +1,10 @@
-import { default as React } from 'react';
 interface SliderProps {
     settings: SliderSettings;
     content: SliderItem[];
     styles: SliderStyles;
     isEditor?: boolean;
 }
-export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): React.JSX.Element;
+export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): import("react/jsx-runtime").JSX.Element;
 type SliderItem = {
     image: {
         url: string;

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

@@ -5,7 +5,7 @@ export declare const ControlImageRevealSliderComponent: {
     id: string;
     name: string;
     preview: {
-        type: "image";
+        type: "video";
         url: string;
     };
     defaultSize: {

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 interface ImageRevealSliderProps {
     settings: ImageRevealSliderSettings;
     content: ImageRevealSliderItem[];
@@ -35,5 +34,5 @@ type ImageRevealSliderItem = {
     };
     imageCaption: any[];
 };
-export declare function ImageRevealSlider({ settings, content, isEditor }: ImageRevealSliderProps): React.JSX.Element;
+export declare function ImageRevealSlider({ settings, content, isEditor }: ImageRevealSliderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.js

@@ -5,7 +5,7 @@ const url = require("url");
 const zod = require("zod");
 const UAParser = require("ua-parser-js");
 const MP4Box = require("mp4box");
-const jsxDevRuntime = require("react/jsx-dev-runtime");
+const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactSplide = require("@splidejs/react-splide");
 const cn = require("classnames");
@@ -1329,31 +1329,15 @@ const RichTextRenderer = ({ content }) => {
   const getChildren = (children) => {
     return children.map((child, i) => {
       if (child.type === "link") {
-        return /* @__PURE__ */ jsxDevRuntime.jsxDEV("a", { className: styles$2.link, href: child.value, target: child.target, children: getChildren(child.children) }, i, false, {
-          fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
-          lineNumber: 13,
-          columnNumber: 16
-        }, void 0);
+        return /* @__PURE__ */ jsxRuntime.jsx("a", { className: styles$2.link, href: child.value, target: child.target, children: getChildren(child.children) }, i);
       }
-      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("span", { style: getLeafCss(child), children: child.text }, i, false, {
-        fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
-        lineNumber: 15,
-        columnNumber: 14
-      }, void 0);
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { style: getLeafCss(child), children: child.text }, i);
     });
   };
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: content.map((block, i) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: content.map((block, i) => {
     const children = block.children;
-    return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { children: getChildren(children) }, i, false, {
-      fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
-      lineNumber: 23,
-      columnNumber: 11
-    }, void 0);
-  }) }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
-    lineNumber: 19,
-    columnNumber: 5
-  }, void 0);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: getChildren(children) }, i);
+  }) });
 };
 function getLeafCss(leaf) {
   return {
@@ -1386,13 +1370,9 @@ const SvgImage = ({ url: url2, fill = "#000000", hoverFill = "#CCCCCC", classNam
     }
   }, []);
   if (!url2.endsWith(".svg") || !supportsMask) {
-    return /* @__PURE__ */ jsxDevRuntime.jsxDEV("img", { src: url2, alt: "", className: cn(styles$1.img, className) }, void 0, false, {
-      fileName: "H:/mom/sdk/src/Components/helpers/SvgImage/SvgImage.tsx",
-      lineNumber: 23,
-      columnNumber: 12
-    }, void 0);
+    return /* @__PURE__ */ jsxRuntime.jsx("img", { src: url2, alt: "", className: cn(styles$1.img, className) });
   }
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       "data-supports-mask": supportsMask,
@@ -1402,15 +1382,7 @@ const SvgImage = ({ url: url2, fill = "#000000", hoverFill = "#CCCCCC", classNam
         "--fill": fill,
         "--hover-fill": hoverFill
       }
-    },
-    void 0,
-    false,
-    {
-      fileName: "H:/mom/sdk/src/Components/helpers/SvgImage/SvgImage.tsx",
-      lineNumber: 27,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
 };
 const alignmentClassName = {
@@ -1457,19 +1429,19 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
     setKey((prev) => prev + 1);
     prevSliderTypeRef.current = transition.type;
   }, [transition.type]);
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: cn(styles$3.wrapper, { [styles$3.editor]: isEditor }), ref: setWrapperRef, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: styles$3.sliderInner, style: {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$3.wrapper, { [styles$3.editor]: isEditor }), ref: setWrapperRef, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$3.sliderInner, style: {
     width: sliderDimensions ? sliderDimensions.width : "100%",
     height: sliderDimensions ? sliderDimensions.height : "100%"
   }, children: [
-    settings.caption.isActive && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    settings.caption.isActive && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: cn(styles$3.captionBlock),
-        children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+        children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: styles$3.captionTextWrapper,
-            children: content.map((item, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+            children: content.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: cn(styles$3.captionText, alignmentClassName[caption.alignment], {
@@ -1492,7 +1464,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                   color,
                   transitionDuration: transition.duration ? `${Math.round(parseInt(transition.duration) / 2)}ms` : "500ms"
                 },
-                children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+                children: /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     "data-styles": "caption",
@@ -1503,52 +1475,17 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                       top: scalingValue(caption.offset.y, isEditor),
                       left: scalingValue(caption.offset.x, isEditor)
                     },
-                    children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(RichTextRenderer, { content: item.imageCaption }, void 0, false, {
-                      fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                      lineNumber: 111,
-                      columnNumber: 19
-                    }, this)
-                  },
-                  void 0,
-                  false,
-                  {
-                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                    lineNumber: 101,
-                    columnNumber: 17
-                  },
-                  this
+                    children: /* @__PURE__ */ jsxRuntime.jsx(RichTextRenderer, { content: item.imageCaption })
+                  }
                 )
               },
-              index,
-              false,
-              {
-                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                lineNumber: 78,
-                columnNumber: 15
-              },
-              this
+              index
             ))
-          },
-          void 0,
-          false,
-          {
-            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-            lineNumber: 74,
-            columnNumber: 11
-          },
-          this
+          }
         )
-      },
-      void 0,
-      false,
-      {
-        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-        lineNumber: 71,
-        columnNumber: 9
-      },
-      this
+      }
     ),
-    /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    /* @__PURE__ */ jsxRuntime.jsx(
       reactSplide.Splide,
       {
         onMove: (e) => {
@@ -1571,15 +1508,15 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
           type: transition.type === "fade in" ? "fade" : "loop",
           rewind: true
         },
-        children: content.map((item, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactSplide.SplideSlide, { children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+        children: content.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(reactSplide.SplideSlide, { children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: styles$3.sliderItem,
-            children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+            children: /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: styles$3.imgWrapper,
-                children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+                children: /* @__PURE__ */ jsxRuntime.jsx(
                   "img",
                   {
                     className: cn(styles$3.sliderImage, {
@@ -1588,52 +1525,17 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                     }),
                     src: item.image.url,
                     alt: item.image.name ?? ""
-                  },
-                  void 0,
-                  false,
-                  {
-                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                    lineNumber: 149,
-                    columnNumber: 17
-                  },
-                  this
+                  }
                 )
-              },
-              void 0,
-              false,
-              {
-                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                lineNumber: 146,
-                columnNumber: 15
-              },
-              this
+              }
             )
-          },
-          void 0,
-          false,
-          {
-            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-            lineNumber: 143,
-            columnNumber: 13
-          },
-          this
-        ) }, index, false, {
-          fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-          lineNumber: 142,
-          columnNumber: 11
-        }, this))
-      },
-      key,
-      false,
-      {
-        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-        lineNumber: 118,
-        columnNumber: 7
+          }
+        ) }, index))
       },
-      this
+      key
     ),
-    controls.isActive && /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    controls.isActive && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           className: cn(styles$3.arrow, {
@@ -1643,7 +1545,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
             color: controls.color,
             ["--arrow-hover-color"]: controls.hover
           },
-          children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
             {
               onClick: () => {
@@ -1654,50 +1556,22 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                 transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horiz" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
               },
               children: [
-                controls.arrowsImgUrl && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+                controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(
                   SvgImage,
                   {
                     url: controls.arrowsImgUrl,
                     fill: controls.color,
                     hoverFill: controls.hover,
                     className: cn(styles$3.arrowImg, styles$3.mirror)
-                  },
-                  void 0,
-                  false,
-                  {
-                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                    lineNumber: 182,
-                    columnNumber: 17
-                  },
-                  this
+                  }
                 ),
-                !controls.arrowsImgUrl && /* @__PURE__ */ jsxDevRuntime.jsxDEV(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg, styles$3.mirror) }, void 0, false, {
-                  fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                  lineNumber: 190,
-                  columnNumber: 17
-                }, this)
+                !controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg, styles$3.mirror) })
               ]
-            },
-            void 0,
-            true,
-            {
-              fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-              lineNumber: 172,
-              columnNumber: 13
-            },
-            this
+            }
           )
-        },
-        void 0,
-        false,
-        {
-          fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-          lineNumber: 163,
-          columnNumber: 11
-        },
-        this
+        }
       ),
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+      /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           className: cn(styles$3.arrow, styles$3.nextArrow, {
@@ -1707,7 +1581,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
             color: controls.color,
             ["--arrow-hover-color"]: controls.hover
           },
-          children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
             {
               className: styles$3.arrowInner,
@@ -1716,55 +1590,23 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                 transform: `translate(${scalingValue(controlsOffsetX * (direction === "horiz" ? -1 : 1), isEditor)}, ${scalingValue(controlsOffsetY, isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
               },
               children: [
-                controls.arrowsImgUrl && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+                controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(
                   SvgImage,
                   {
                     url: controls.arrowsImgUrl,
                     fill: controls.color,
                     hoverFill: controls.hover,
                     className: styles$3.arrowImg
-                  },
-                  void 0,
-                  false,
-                  {
-                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                    lineNumber: 211,
-                    columnNumber: 17
-                  },
-                  this
+                  }
                 ),
-                !controls.arrowsImgUrl && /* @__PURE__ */ jsxDevRuntime.jsxDEV(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg) }, void 0, false, {
-                  fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                  lineNumber: 219,
-                  columnNumber: 17
-                }, this)
+                !controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg) })
               ]
-            },
-            void 0,
-            true,
-            {
-              fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-              lineNumber: 203,
-              columnNumber: 13
-            },
-            this
+            }
           )
-        },
-        void 0,
-        false,
-        {
-          fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-          lineNumber: 194,
-          columnNumber: 11
-        },
-        this
+        }
       )
-    ] }, void 0, true, {
-      fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-      lineNumber: 162,
-      columnNumber: 9
-    }, this),
-    triggers.triggersList.click && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    ] }),
+    triggers.triggersList.click && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: styles$3.clickOverlay,
@@ -1773,17 +1615,9 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
             sliderRef.go("+1");
           }
         }
-      },
-      void 0,
-      false,
-      {
-        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-        lineNumber: 226,
-        columnNumber: 9
-      },
-      this
+      }
     ),
-    pagination2.isActive && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    pagination2.isActive && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: cn(styles$3.pagination, {
@@ -1797,7 +1631,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
           [styles$3.paginationOutsideRight]: pagination2.position === "outside-2" && direction === "vert",
           [styles$3.paginationVertical]: direction === "vert"
         }),
-        children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+        children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: styles$3.paginationInner,
@@ -1805,7 +1639,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
               backgroundColor: pagination2.colors[2],
               transform: `scale(${pagination2.scale / 100}) translate(${scalingValue(pagination2.offset.x, isEditor)}, ${scalingValue(pagination2.offset.y, isEditor)}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
             },
-            children: content.map((_, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+            children: content.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 onClick: () => {
@@ -1814,7 +1648,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                   }
                 },
                 className: cn(styles$3.paginationItem),
-                children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+                children: /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     className: cn(styles$3.dot, {
@@ -1824,70 +1658,19 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                       backgroundColor: index === currentSlideIndex ? pagination2.colors[0] : pagination2.colors[1],
                       ["--pagination-hover-color"]: pagination2.hover
                     }
-                  },
-                  void 0,
-                  false,
-                  {
-                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                    lineNumber: 266,
-                    columnNumber: 17
-                  },
-                  this
+                  }
                 )
               },
-              index,
-              false,
-              {
-                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-                lineNumber: 257,
-                columnNumber: 15
-              },
-              this
+              index
             ))
-          },
-          void 0,
-          false,
-          {
-            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-            lineNumber: 249,
-            columnNumber: 11
-          },
-          this
+          }
         )
-      },
-      void 0,
-      false,
-      {
-        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-        lineNumber: 236,
-        columnNumber: 9
-      },
-      this
+      }
     )
-  ] }, void 0, true, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 66,
-    columnNumber: 7
-  }, this) }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 65,
-    columnNumber: 5
-  }, this);
+  ] }) });
 }
 function ArrowIcon({ color, className }) {
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 289,
-    columnNumber: 11
-  }, this) }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 288,
-    columnNumber: 7
-  }, this) }, void 0, false, {
-    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
-    lineNumber: 287,
-    columnNumber: 5
-  }, this);
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
 }
 const ControlSliderComponent = {
   element: ControlSlider,
@@ -2543,7 +2326,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       setCounter((prev) => prev >= content.length - 1 ? 0 : prev + 1);
     };
   };
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref: divRef,
@@ -2551,7 +2334,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       onMouseEnter: handleMouseMove,
       onMouseMove: handleMouseMove,
       className: styles.imageRevealSlider,
-      children: placedImages.map((img2) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+      children: placedImages.map((img2) => /* @__PURE__ */ jsxRuntime.jsx(
         "img",
         {
           src: img2.url,
@@ -2566,24 +2349,9 @@ function ImageRevealSlider({ settings, content, isEditor }) {
             height: "auto"
           }
         },
-        img2.id,
-        false,
-        {
-          fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-          lineNumber: 218,
-          columnNumber: 9
-        },
-        this
+        img2.id
       ))
-    },
-    void 0,
-    false,
-    {
-      fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
-      lineNumber: 210,
-      columnNumber: 5
-    },
-    this
+    }
   );
 }
 const ControlImageRevealSliderComponent = {
@@ -2591,8 +2359,8 @@ const ControlImageRevealSliderComponent = {
   id: "control-image-reveal",
   name: "Image reveal",
   preview: {
-    type: "image",
-    url: ""
+    type: "video",
+    url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K723EY5AH8SKQFK4R31D8FPV.mp4"
   },
   defaultSize: {
     width: 700,