@se-studio/core-ui 0.1.0 → 0.1.1

package/dist/components/Preview.js

@@ -1,33 +1,35 @@
-"use client";
-import { ContentfulLivePreview } from "@contentful/live-preview";
-import { useRouter } from "next/navigation";
-import { useEffect, useLayoutEffect } from "react";
-const Preview = () => {
-  const router = useRouter();
-  useLayoutEffect(() => {
-    ContentfulLivePreview.init({
-      locale: "en-US",
-      debugMode: true,
-      enableLiveUpdates: true,
-      enableInspectorMode: true
-    });
-  }, []);
-  useEffect(() => {
-    const checkLivePreview = (event) => {
-      if (typeof event.data !== "object" || !event.data || !("from" in event.data) || !("action" in event.data))
-        return;
-      if (event.data.from !== "live-preview") return;
-      if (event.data.action !== "ENTRY_SAVED") return;
-      router.refresh();
-    };
-    window.addEventListener("message", checkLivePreview);
-    return () => {
-      window.removeEventListener("message", checkLivePreview);
-    };
-  }, [router]);
-  return null;
-};
-export {
-  Preview
+'use client';
+import { ContentfulLivePreview } from '@contentful/live-preview';
+import { useRouter } from 'next/navigation';
+import { useEffect, useLayoutEffect } from 'react';
+export const Preview = () => {
+    const router = useRouter();
+    useLayoutEffect(() => {
+        ContentfulLivePreview.init({
+            locale: 'en-US',
+            debugMode: true,
+            enableLiveUpdates: true,
+            enableInspectorMode: true,
+        });
+    }, []);
+    useEffect(() => {
+        const checkLivePreview = (event) => {
+            if (typeof event.data !== 'object' ||
+                !event.data ||
+                !('from' in event.data) ||
+                !('action' in event.data))
+                return;
+            if (event.data.from !== 'live-preview')
+                return;
+            if (event.data.action !== 'ENTRY_SAVED')
+                return;
+            router.refresh();
+        };
+        window.addEventListener('message', checkLivePreview);
+        return () => {
+            window.removeEventListener('message', checkLivePreview);
+        };
+    }, [router]);
+    return null;
 };
 //# sourceMappingURL=Preview.js.map

package/dist/components/Preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Preview.tsx"],"sourcesContent":["'use client';\n\nimport { ContentfulLivePreview } from '@contentful/live-preview';\nimport { useRouter } from 'next/navigation';\nimport { useEffect, useLayoutEffect } from 'react';\n\nexport const Preview: React.FC = () => {\n  const router = useRouter();\n  useLayoutEffect(() => {\n    ContentfulLivePreview.init({\n      locale: 'en-US',\n      debugMode: true,\n      enableLiveUpdates: true,\n      enableInspectorMode: true,\n    });\n  }, []);\n\n  useEffect(() => {\n    const checkLivePreview = (event: MessageEvent<unknown>) => {\n      if (\n        typeof event.data !== 'object' ||\n        !event.data ||\n        !('from' in event.data) ||\n        !('action' in event.data)\n      )\n        return;\n      if (event.data.from !== 'live-preview') return;\n      if (event.data.action !== 'ENTRY_SAVED') return;\n      router.refresh();\n    };\n    window.addEventListener('message', checkLivePreview);\n\n    return () => {\n      window.removeEventListener('message', checkLivePreview);\n    };\n  }, [router]);\n\n  return null;\n};\n"],"mappings":";AAEA,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAC1B,SAAS,WAAW,uBAAuB;AAEpC,MAAM,UAAoB,MAAM;AACrC,QAAM,SAAS,UAAU;AACzB,kBAAgB,MAAM;AACpB,0BAAsB,KAAK;AAAA,MACzB,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB,qBAAqB;AAAA,IACvB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,mBAAmB,CAAC,UAAiC;AACzD,UACE,OAAO,MAAM,SAAS,YACtB,CAAC,MAAM,QACP,EAAE,UAAU,MAAM,SAClB,EAAE,YAAY,MAAM;AAEpB;AACF,UAAI,MAAM,KAAK,SAAS,eAAgB;AACxC,UAAI,MAAM,KAAK,WAAW,cAAe;AACzC,aAAO,QAAQ;AAAA,IACjB;AACA,WAAO,iBAAiB,WAAW,gBAAgB;AAEnD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,gBAAgB;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AACT;","names":[]}
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../src/components/Preview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,OAAO,GAAa,GAAG,EAAE;IACpC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,eAAe,CAAC,GAAG,EAAE;QACnB,qBAAqB,CAAC,IAAI,CAAC;YACzB,MAAM,EAAE,OAAO;YACf,SAAS,EAAE,IAAI;YACf,iBAAiB,EAAE,IAAI;YACvB,mBAAmB,EAAE,IAAI;SAC1B,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;YACxD,IACE,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;gBAC9B,CAAC,KAAK,CAAC,IAAI;gBACX,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC;gBACvB,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC;gBAEzB,OAAO;YACT,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc;gBAAE,OAAO;YAC/C,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,aAAa;gBAAE,OAAO;YAChD,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/components/SvgComponent.d.ts

@@ -0,0 +1,7 @@
+import type { ISvgData } from '@se-studio/core-data-types';
+import { type IImageProps } from './Visual';
+declare function SvgComponent({ image, className, style, ...other }: {
+    image: ISvgData;
+} & Omit<IImageProps, 'analytics' | 'componentLabel'>): import("react/jsx-runtime").JSX.Element;
+export default SvgComponent;
+//# sourceMappingURL=SvgComponent.d.ts.map

package/dist/components/SvgComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgComponent.d.ts","sourceRoot":"","sources":["../../src/components/SvgComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAElE,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,CAAC,2CAWzE;AAED,eAAe,YAAY,CAAC"}

package/dist/components/SvgComponent.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { calculateCropDetails } from './Visual';
+function SvgComponent({ image, className, style, ...other }) {
+    const cropProperties = calculateCropDetails(image);
+    return (_jsx("div", { className: className, style: { ...style, ...cropProperties }, dangerouslySetInnerHTML: { __html: image.data }, ...other }));
+}
+export default SvgComponent;
+//# sourceMappingURL=SvgComponent.js.map

package/dist/components/SvgComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgComponent.js","sourceRoot":"","sources":["../../src/components/SvgComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAElE,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACgE;IACxE,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,cAAc,EAAE,EAEtC,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/components/SvgImageComponent.d.ts

@@ -0,0 +1,7 @@
+import type { ISvgImage } from '@se-studio/core-data-types';
+import { type IImageProps } from './Visual';
+declare function SvgImageComponent({ image, loading, priority, className, style, }: {
+    image: ISvgImage;
+} & Omit<IImageProps, 'analytics' | 'componentLabel'>): import("react/jsx-runtime").JSX.Element;
+export default SvgImageComponent;
+//# sourceMappingURL=SvgImageComponent.d.ts.map

package/dist/components/SvgImageComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgImageComponent.d.ts","sourceRoot":"","sources":["../../src/components/SvgImageComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAElE,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,CAAC,2CAiB1E;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/SvgImageComponent.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+import { calculateCropDetails } from './Visual';
+function SvgImageComponent({ image, loading, priority, className, style, }) {
+    const { svgSrc, name, width, height, description } = image;
+    const cropProperties = calculateCropDetails(image);
+    return (_jsx(Image, { src: svgSrc, alt: description ?? name, width: width, height: height, style: { ...style, ...cropProperties }, loading: loading, className: className, unoptimized: true, priority: priority }));
+}
+export default SvgImageComponent;
+//# sourceMappingURL=SvgImageComponent.js.map

package/dist/components/SvgImageComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgImageComponent.js","sourceRoot":"","sources":["../../src/components/SvgImageComponent.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAElE,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,GACoE;IACzE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,WAAW,IAAI,IAAI,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,cAAc,EAAE,EACtC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/Video.d.ts

@@ -0,0 +1,6 @@
+import type { DetailedHTMLProps, VideoHTMLAttributes } from 'react';
+import type { IVisualProps } from './Visual';
+export type IVideoProps = Pick<DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'muted' | 'controls' | 'style' | 'poster' | 'autoPlay'> & {
+    noPoster?: boolean;
+} & IVisualProps;
+//# sourceMappingURL=Video.d.ts.map

package/dist/components/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/components/Video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CACvD,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAAC"}

package/dist/components/Video.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Video.js.map

package/dist/components/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../src/components/Video.ts"],"names":[],"mappings":""}

package/dist/components/VideoComponent.d.ts

@@ -0,0 +1,9 @@
+import { type IAnalyticsContext, type IExternalVideo, type IFullVideo, type ILocalVideo } from '@se-studio/core-data-types';
+import type { IVideoProps } from './Video';
+declare function VideoComponent({ video, ...props }: {
+    video: ILocalVideo | IExternalVideo | IFullVideo;
+    analyticsContext: IAnalyticsContext | null | undefined;
+    componentLabel: string | null | undefined;
+} & IVideoProps): import("react/jsx-runtime").JSX.Element;
+export default VideoComponent;
+//# sourceMappingURL=VideoComponent.d.ts.map

package/dist/components/VideoComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoComponent.d.ts","sourceRoot":"","sources":["../../src/components/VideoComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,WAAW,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,GAAG,KAAK,EACT,EAAE;IACD,KAAK,EAAE,WAAW,GAAG,cAAc,GAAG,UAAU,CAAC;IACjD,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,GAAG,WAAW,2CAUd;AAED,eAAe,cAAc,CAAC"}

package/dist/components/VideoComponent.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isLocalVideo, } from '@se-studio/core-data-types';
+import LocalVideo from './LocalVideo';
+function VideoComponent({ video, ...props }) {
+    if (isLocalVideo(video)) {
+        return _jsx(LocalVideo, { video: video, ...props });
+    }
+    return (_jsxs("div", { className: props.className, style: props.style, children: ["Video Component", _jsxs("pre", { children: [JSON.stringify(video, null, 2), " "] })] }));
+}
+export default VideoComponent;
+//# sourceMappingURL=VideoComponent.js.map

package/dist/components/VideoComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoComponent.js","sourceRoot":"","sources":["../../src/components/VideoComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,YAAY,GACb,MAAM,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,GAAG,KAAK,EAKK;IACb,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;IACjD,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,gCAEjD,0BAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,SAAQ,IACxC,CACP,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Visual.d.ts

@@ -0,0 +1,30 @@
+import type { IAnalyticsContext, IVisual, IVisualCommon, IVisualSizes } from '@se-studio/core-data-types';
+import type { PlaceholderValue } from 'next/dist/shared/lib/get-img-props';
+import type { CSSProperties } from 'react';
+export type IVisualProps = {
+    className?: string;
+    style?: Omit<CSSProperties, 'objectFit' | 'objectPosition'>;
+    autoPlay?: boolean;
+    loop?: boolean;
+    loopDelay?: number;
+    muted?: boolean;
+    controls?: boolean;
+    loading?: 'eager' | 'lazy' | undefined;
+    priority?: boolean;
+    fetchPriority?: 'high' | 'low' | undefined;
+    visualSizes?: IVisualSizes;
+    fullPlayer?: boolean;
+    analyticsContext?: IAnalyticsContext;
+    componentLabel?: string | null;
+};
+export type IImageProps = IVisualProps & {
+    placeholder?: PlaceholderValue;
+    priority?: boolean;
+};
+export declare function calculateCropDetails(details: Omit<IVisualCommon, 'id' | 'type' | 'name' | 'nameAsCaption'>): Pick<CSSProperties, 'objectFit' | 'objectPosition'>;
+export declare function calculateImagePriority(index: number): {
+    priority: boolean;
+    fetchPriority: 'high' | 'low' | undefined;
+} | undefined;
+export declare function calculateImageWidthStyleVariable(visual?: IVisual, baseWidth?: number | null): CSSProperties | undefined;
+//# sourceMappingURL=Visual.d.ts.map

package/dist/components/Visual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visual.d.ts","sourceRoot":"","sources":["../../src/components/Visual.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,YAAY,EAEb,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAwBF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,GACrE,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAarD;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,GACZ;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,CAK9E;AAkBD,wBAAgB,gCAAgC,CAC9C,MAAM,CAAC,EAAE,OAAO,EAChB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GACxB,aAAa,GAAG,SAAS,CAO3B"}

package/dist/components/Visual.js

@@ -0,0 +1,57 @@
+function calculateVertical(position) {
+    switch (position) {
+        case 'Bottom':
+            return 'bottom';
+        case 'Top':
+            return 'top';
+        default:
+            return 'center';
+    }
+}
+function calculateHorizontal(position) {
+    switch (position) {
+        case 'Left':
+            return 'left';
+        case 'Right':
+            return 'right';
+        default:
+            return 'center';
+    }
+}
+export function calculateCropDetails(details) {
+    const { verticalCropPosition, horizontalCropPosition, dontCrop } = details;
+    if (dontCrop) {
+        return { objectFit: 'contain' };
+    }
+    return {
+        objectFit: 'cover',
+        objectPosition: `${calculateHorizontal(horizontalCropPosition)} ${calculateVertical(verticalCropPosition)}`,
+    };
+}
+export function calculateImagePriority(index) {
+    if (index === 0) {
+        return { priority: true, fetchPriority: 'high' };
+    }
+    return undefined;
+}
+function calculateRealWidthPercent(visual, baseWidth) {
+    const widthPercent = visual?.image?.widthPercent ?? visual?.animation?.widthPercent ?? visual?.video?.widthPercent;
+    if (!widthPercent) {
+        if (baseWidth) {
+            return baseWidth;
+        }
+        return undefined;
+    }
+    if (baseWidth) {
+        return (widthPercent / 100) * (baseWidth / 100) * 100;
+    }
+    return widthPercent;
+}
+export function calculateImageWidthStyleVariable(visual, baseWidth) {
+    const widthPercent = calculateRealWidthPercent(visual, baseWidth);
+    if (widthPercent === undefined) {
+        return undefined;
+    }
+    return { '--image-width': `${widthPercent}%` };
+}
+//# sourceMappingURL=Visual.js.map

package/dist/components/Visual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visual.js","sourceRoot":"","sources":["../../src/components/Visual.ts"],"names":[],"mappings":"AAiCA,SAAS,iBAAiB,CAAC,QAA0B;IACnD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,KAAK;YACR,OAAO,KAAK,CAAC;QACf;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,QAA4B;IACvD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,OAAsE;IAEtE,MAAM,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE3E,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAClC,CAAC;IAED,OAAO;QACL,SAAS,EAAE,OAAO;QAClB,cAAc,EAAE,GAAG,mBAAmB,CACpC,sBAAsB,CACvB,IAAI,iBAAiB,CAAC,oBAAoB,CAAC,EAAE;KAC/C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,KAAa;IAEb,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;IACnD,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,yBAAyB,CAAC,MAAgB,EAAE,SAAyB;IAC5E,MAAM,YAAY,GAChB,MAAM,EAAE,KAAK,EAAE,YAAY,IAAI,MAAM,EAAE,SAAS,EAAE,YAAY,IAAI,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC;IAEhG,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACxD,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,gCAAgC,CAC9C,MAAgB,EAChB,SAAyB;IAEzB,MAAM,YAAY,GAAG,yBAAyB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClE,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,EAAE,eAAe,EAAE,GAAG,YAAY,GAAG,EAAmB,CAAC;AAClE,CAAC"}

package/dist/components/VisualComponent.d.ts

@@ -0,0 +1,7 @@
+import type { IVisual } from '@se-studio/core-data-types';
+import type React from 'react';
+import type { IVisualProps } from './Visual';
+export declare const Visual: React.FC<{
+    visual: IVisual;
+} & IVisualProps>;
+//# sourceMappingURL=VisualComponent.d.ts.map

package/dist/components/VisualComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualComponent.d.ts","sourceRoot":"","sources":["../../src/components/VisualComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAmD/D,CAAC"}

package/dist/components/VisualComponent.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { UnsupportedWarning } from '../utils/UnsupportedWarning';
+import Animation from './AnimationComponent';
+import ImageComponent from './ImageComponent';
+import VideoComponent from './VideoComponent';
+export const Visual = ({ visual, muted, controls, autoPlay, visualSizes, fullPlayer, loop, loopDelay, analyticsContext, componentLabel, ...props }) => {
+    const { animation, image, video } = visual;
+    if (animation) {
+        return (_jsx(Animation, { animation: animation, autoPlay: autoPlay, loop: loop, loopDelay: loopDelay, ...props }));
+    }
+    if (video) {
+        return (_jsx(VideoComponent, { video: video, autoPlay: autoPlay, muted: muted, controls: controls, visualSizes: visualSizes, fullPlayer: fullPlayer, loop: loop, analyticsContext: analyticsContext, componentLabel: componentLabel, ...props }));
+    }
+    if (image) {
+        return _jsx(ImageComponent, { image: image, visualSizes: visualSizes, ...props });
+    }
+    return (_jsx(UnsupportedWarning, { className: props.className, style: props.style, children: "Not supporting non images yet" }));
+};
+//# sourceMappingURL=VisualComponent.js.map

package/dist/components/VisualComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualComponent.js","sourceRoot":"","sources":["../../src/components/VisualComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,MAAM,MAAM,GAAiD,CAAC,EACnE,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAC3C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,KAC1B,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,KAAM,KAAK,GAAI,CAAC;IAC/E,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,8CAE7C,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/dist/elements/RtfOrString.d.ts

@@ -0,0 +1,13 @@
+import type { IContentfulRichText } from '@se-studio/contentful-rest-api';
+import type { IContentContext } from '@se-studio/core-data-types';
+import { type CmsRendererConfig } from '@se-studio/core-ui';
+import type { CSSProperties } from 'react';
+export declare const RtfOrString: React.FC<{
+    id?: string;
+    content: IContentfulRichText | string;
+    className?: string;
+    style?: CSSProperties;
+    rendererConfig?: CmsRendererConfig;
+    contentContext?: IContentContext;
+}>;
+//# sourceMappingURL=RtfOrString.d.ts.map

package/dist/elements/RtfOrString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RtfOrString.d.ts","sourceRoot":"","sources":["../../src/elements/RtfOrString.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,iBAAiB,EAAO,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC,CA+BA,CAAC"}

package/dist/elements/RtfOrString.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RTF } from '@se-studio/core-ui';
+export const RtfOrString = ({ id, content, className, style, rendererConfig, contentContext, ...other }) => {
+    if (typeof content === 'string') {
+        return (_jsx("div", { className: className, style: style, ...other, children: content }));
+    }
+    const json = content.json;
+    if (json) {
+        return (_jsx(RTF, { content: json, className: className, style: style, rendererConfig: rendererConfig, contentContext: contentContext, ...other }));
+    }
+    return null;
+};
+//# sourceMappingURL=RtfOrString.js.map

package/dist/elements/RtfOrString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RtfOrString.js","sourceRoot":"","sources":["../../src/elements/RtfOrString.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA0B,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAGjE,MAAM,CAAC,MAAM,WAAW,GAOnB,CAAC,EACJ,EAAE,EACF,OAAO,EACP,SAAS,EACT,KAAK,EACL,cAAc,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAA6B,EAAE;IAC9B,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YAC/C,OAAO,GACJ,CACP,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAI,OAA+B,CAAC,IAAI,CAAC;IACnD,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,KAAC,GAAG,IACF,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,KAC1B,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/elements/UtmLink.d.ts

@@ -0,0 +1,7 @@
+import { type LinkProps } from 'next/link';
+import type React from 'react';
+import type { PropsWithChildren } from 'react';
+export declare const UtmLink: React.FC<PropsWithChildren<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps<string>> & LinkProps<string> & React.RefAttributes<HTMLAnchorElement> & {
+    internalOnly?: boolean;
+}>>;
+//# sourceMappingURL=UtmLink.d.ts.map

package/dist/elements/UtmLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtmLink.d.ts","sourceRoot":"","sources":["../../src/elements/UtmLink.tsx"],"names":[],"mappings":"AAIA,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,iBAAiB,CACf,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,GAC1E,SAAS,CAAC,MAAM,CAAC,GACjB,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,CACtE,CAmBF,CAAC"}

package/dist/elements/UtmLink.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from 'next/link';
+import { useEffect, useState } from 'react';
+export const UtmLink = ({ href, internalOnly, ...props }) => {
+    const [link, setLink] = useState(href);
+    useEffect(() => {
+        const search = document?.location?.search;
+        if (search) {
+            if (typeof href === 'string') {
+                if ((!internalOnly || href.startsWith('/')) && href.indexOf('?') < 0) {
+                    setLink(href + search);
+                }
+            }
+            else {
+                if ((!internalOnly || href.href?.startsWith('/')) && !href.search) {
+                    setLink(href.href + search);
+                }
+            }
+        }
+    }, [href, internalOnly]);
+    return _jsx(Link, { href: link, ...props });
+};
+//# sourceMappingURL=UtmLink.js.map

package/dist/elements/UtmLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtmLink.js","sourceRoot":"","sources":["../../src/elements/UtmLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,IAAwB,MAAM,WAAW,CAAC;AAGjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,OAAO,GAMhB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAA0B,CAAC,CAAC;IAC7D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;QAC1C,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC7B,IAAI,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBACrE,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;oBAClE,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;gBAC9B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,IAAa,KAAM,KAAK,GAAI,CAAC;AAClD,CAAC,CAAC"}

package/dist/elements/UtmLinkOrDiv.d.ts

@@ -0,0 +1,5 @@
+import type { LinkProps } from 'next/link';
+import type React from 'react';
+import type { PropsWithChildren } from 'react';
+export declare const UtmLinkOrDiv: React.FC<PropsWithChildren<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps<Record<string, unknown>>> & Omit<LinkProps<Record<string, unknown>>, 'href'> & Partial<Pick<LinkProps<Record<string, unknown>>, 'href'>> & React.RefAttributes<HTMLAnchorElement>>>;
+//# sourceMappingURL=UtmLinkOrDiv.d.ts.map

package/dist/elements/UtmLinkOrDiv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtmLinkOrDiv.d.ts","sourceRoot":"","sources":["../../src/elements/UtmLinkOrDiv.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CACjC,iBAAiB,CACf,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAC3F,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,GAChD,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GACzD,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CACzC,CAcF,CAAC"}

package/dist/elements/UtmLinkOrDiv.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { UtmLink } from './UtmLink';
+export const UtmLinkOrDiv = ({ href, className, style, children, ...props }) => {
+    if (href) {
+        return (_jsx(UtmLink, { href: href, className: className, style: style, ...props, children: children }));
+    }
+    return (_jsx("div", { className: className, style: style, children: children }));
+};
+//# sourceMappingURL=UtmLinkOrDiv.js.map

package/dist/elements/UtmLinkOrDiv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtmLinkOrDiv.js","sourceRoot":"","sources":["../../src/elements/UtmLinkOrDiv.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAOrB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrD,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YAC/D,QAAQ,GACD,CACX,CAAC;IACJ,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACpC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/embeddable/BuildEmbed.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { CollectionConfig, ComponentConfig } from '../utils/componentUtils';
+import type { IEmbeddableCollectionContext, IEmbeddableComponentContext } from './EmbeddableContext';
+export declare function BuildEmbedFromComponentConfig<TProps extends Record<string, unknown>, TComponentConfig extends ComponentConfig>(Component: React.FC<TProps>, componentConfig: TComponentConfig): React.FC<IEmbeddableComponentContext>;
+export declare function BuildEmbedFromCollectionConfig<TProps extends Record<string, unknown>, TCollectionConfig extends CollectionConfig>(Collection: React.FC<TProps>, collectionConfig: TCollectionConfig): React.FC<IEmbeddableCollectionContext>;
+//# sourceMappingURL=BuildEmbed.d.ts.map

package/dist/embeddable/BuildEmbed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildEmbed.d.ts","sourceRoot":"","sources":["../../src/embeddable/BuildEmbed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEjF,OAAO,KAAK,EACV,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,qBAAqB,CAAC;AAwB7B,wBAAgB,6BAA6B,CAC3C,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,gBAAgB,SAAS,eAAe,EAExC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,EAC3B,eAAe,EAAE,gBAAgB,GAChC,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAKvC;AAwBD,wBAAgB,8BAA8B,CAC5C,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,iBAAiB,SAAS,gBAAgB,EAE1C,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,EAC5B,gBAAgB,EAAE,iBAAiB,GAClC,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAKxC"}

package/dist/embeddable/BuildEmbed.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createCollectionProps, createComponentProps } from '../utils/componentUtils';
+export function BuildEmbedFromComponentConfig(Component, componentConfig) {
+    return ({ information, pageContext }) => {
+        const props = createComponentProps(componentConfig, information, pageContext);
+        return _jsx(Component, { ...props });
+    };
+}
+export function BuildEmbedFromCollectionConfig(Collection, collectionConfig) {
+    return ({ information, pageContext }) => {
+        const props = createCollectionProps(collectionConfig, information, pageContext);
+        return _jsx(Collection, { ...props });
+    };
+}
+//# sourceMappingURL=BuildEmbed.js.map

package/dist/embeddable/BuildEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildEmbed.js","sourceRoot":"","sources":["../../src/embeddable/BuildEmbed.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AA4BtF,MAAM,UAAU,6BAA6B,CAI3C,SAA2B,EAC3B,eAAiC;IAEjC,OAAO,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,oBAAoB,CAAC,eAAe,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;QAC9E,OAAO,KAAC,SAAS,OAAM,KAA2B,GAAI,CAAC;IACzD,CAAC,CAAC;AACJ,CAAC;AAwBD,MAAM,UAAU,8BAA8B,CAI5C,UAA4B,EAC5B,gBAAmC;IAEnC,OAAO,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,qBAAqB,CAAC,gBAAgB,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;QAChF,OAAO,KAAC,UAAU,OAAM,KAA2B,GAAI,CAAC;IAC1D,CAAC,CAAC;AACJ,CAAC"}

package/dist/embeddable/EmbeddableContext.d.ts

@@ -0,0 +1,14 @@
+import type { IBaseCollection, IBaseComponent, IPageContext } from '@se-studio/core-data-types';
+export interface IEmbeddableComponentContext {
+    information: IBaseComponent;
+    parentIndex: number;
+    parentId: string;
+    pageContext: IPageContext;
+}
+export interface IEmbeddableCollectionContext {
+    information: IBaseCollection;
+    parentIndex: number;
+    parentId: string;
+    pageContext: IPageContext;
+}
+//# sourceMappingURL=EmbeddableContext.d.ts.map

package/dist/embeddable/EmbeddableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddableContext.d.ts","sourceRoot":"","sources":["../../src/embeddable/EmbeddableContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAMhG,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,cAAc,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,YAAY,CAAC;CAC3B;AAMD,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,eAAe,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,YAAY,CAAC;CAC3B"}

package/dist/embeddable/EmbeddableContext.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EmbeddableContext.js.map

package/dist/embeddable/EmbeddableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddableContext.js","sourceRoot":"","sources":["../../src/embeddable/EmbeddableContext.ts"],"names":[],"mappings":""}

package/dist/embeddable/EmbeddableMaps.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import type { IEmbeddableCollectionContext, IEmbeddableComponentContext } from './EmbeddableContext';
+export type EmbeddableComponentMap = Partial<Record<string, React.FC<IEmbeddableComponentContext>>>;
+export type EmbeddableCollectionMap = Partial<Record<string, React.FC<IEmbeddableCollectionContext>>>;
+export declare function isComponentEmbeddable(componentType: string, embeddableMap: EmbeddableComponentMap): boolean;
+export declare function isCollectionEmbeddable(collectionType: string, embeddableMap: EmbeddableCollectionMap): boolean;
+//# sourceMappingURL=EmbeddableMaps.d.ts.map

package/dist/embeddable/EmbeddableMaps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddableMaps.d.ts","sourceRoot":"","sources":["../../src/embeddable/EmbeddableMaps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,qBAAqB,CAAC;AAgB7B,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC;AAkBpG,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAC3C,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CACvD,CAAC;AAKF,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,sBAAsB,GACpC,OAAO,CAET;AAKD,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,MAAM,EACtB,aAAa,EAAE,uBAAuB,GACrC,OAAO,CAET"}

package/dist/embeddable/EmbeddableMaps.js

@@ -0,0 +1,7 @@
+export function isComponentEmbeddable(componentType, embeddableMap) {
+    return componentType in embeddableMap;
+}
+export function isCollectionEmbeddable(collectionType, embeddableMap) {
+    return collectionType in embeddableMap;
+}
+//# sourceMappingURL=EmbeddableMaps.js.map

package/dist/embeddable/EmbeddableMaps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddableMaps.js","sourceRoot":"","sources":["../../src/embeddable/EmbeddableMaps.ts"],"names":[],"mappings":"AA6CA,MAAM,UAAU,qBAAqB,CACnC,aAAqB,EACrB,aAAqC;IAErC,OAAO,aAAa,IAAI,aAAa,CAAC;AACxC,CAAC;AAKD,MAAM,UAAU,sBAAsB,CACpC,cAAsB,EACtB,aAAsC;IAEtC,OAAO,cAAc,IAAI,aAAa,CAAC;AACzC,CAAC"}

package/dist/framework/BackgroundMedia.d.ts

@@ -0,0 +1,11 @@
+import { type IAnalyticsContext, type IResponsiveVisual } from '@se-studio/core-data-types';
+interface BackgroundMediaProps {
+    responsiveVisual?: IResponsiveVisual;
+    overlayOpacity?: number | null;
+    className?: string;
+    analyticsContext?: IAnalyticsContext;
+    componentLabel?: string | null;
+}
+export declare function BackgroundMedia({ responsiveVisual, overlayOpacity, className, analyticsContext, componentLabel, }: BackgroundMediaProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=BackgroundMedia.d.ts.map

package/dist/framework/BackgroundMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundMedia.d.ts","sourceRoot":"","sources":["../../src/framework/BackgroundMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EAEvB,MAAM,4BAA4B,CAAC;AAIpC,UAAU,oBAAoB;IAC5B,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAC9B,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,GACf,EAAE,oBAAoB,kDA2DtB"}

package/dist/framework/BackgroundMedia.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isVisualVideo, } from '@se-studio/core-data-types';
+import { Visual } from '../components/VisualComponent';
+import { cn } from '../utils/cn';
+export function BackgroundMedia({ responsiveVisual, overlayOpacity, className, analyticsContext, componentLabel, }) {
+    if (!responsiveVisual)
+        return null;
+    const { visual, mobileVisual, hideVisual, hideMobileVisual } = responsiveVisual;
+    const hasOverlay = overlayOpacity && overlayOpacity > 0;
+    const overlayStyle = hasOverlay
+        ? {
+            backgroundColor: `rgba(0, 0, 0, ${overlayOpacity / 100})`,
+        }
+        : undefined;
+    const isVideo = isVisualVideo(visual);
+    const isMobileVideo = isVisualVideo(mobileVisual);
+    return (_jsxs("div", { className: cn('absolute inset-0 overflow-hidden', className), children: [!hideVisual && (_jsx("div", { className: cn('size-full', (hideMobileVisual || mobileVisual) && 'max-laptop:hidden'), children: _jsx(Visual, { visual: visual, className: "size-full object-cover object-center", autoPlay: isVideo, muted: isVideo, loop: isVideo, controls: false, loading: "eager", priority: true, analyticsContext: analyticsContext, componentLabel: componentLabel }) })), mobileVisual && !hideMobileVisual && (_jsx("div", { className: "size-full block tablet:hidden", children: _jsx(Visual, { visual: mobileVisual, className: "size-full object-cover object-center", autoPlay: isMobileVideo, muted: isMobileVideo, loop: isMobileVideo, controls: false, loading: "eager", priority: true, analyticsContext: analyticsContext, componentLabel: componentLabel }) })), hasOverlay && _jsx("div", { className: "absolute inset-0", style: overlayStyle, "aria-hidden": "true" })] }));
+}
+//# sourceMappingURL=BackgroundMedia.js.map

package/dist/framework/BackgroundMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundMedia.js","sourceRoot":"","sources":["../../src/framework/BackgroundMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,aAAa,GACd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,MAAM,UAAU,eAAe,CAAC,EAC9B,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,cAAc,GACO;IACrB,IAAI,CAAC,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAEnC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,CAAC;IAEhF,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,GAAG,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC;YACE,eAAe,EAAE,iBAAiB,cAAc,GAAG,GAAG,GAAG;SAC1D;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,aAE9D,CAAC,UAAU,IAAI,CACd,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,gBAAgB,IAAI,YAAY,CAAC,IAAI,mBAAmB,CAAC,YACxF,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,sCAAsC,EAEhD,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,KAAK,EACf,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,GACE,CACP,EAGA,YAAY,IAAI,CAAC,gBAAgB,IAAI,CACpC,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,MAAM,IACL,MAAM,EAAE,YAAY,EACpB,SAAS,EAAC,sCAAsC,EAEhD,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,IAAI,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,GACE,CACP,EAGA,UAAU,IAAI,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,YAAY,iBAAc,MAAM,GAAG,IACvF,CACP,CAAC;AACJ,CAAC"}

package/dist/framework/ColourChange.d.ts

@@ -0,0 +1,8 @@
+import type { IBaseContent } from '@se-studio/core-data-types';
+export type ColourChange = {
+    all?: string;
+    top?: string;
+    bottom?: string;
+};
+export declare function calculateColourChanges(previousComponent?: IBaseContent, nextComponent?: IBaseContent, backgroundColour?: string): ColourChange | undefined;
+//# sourceMappingURL=ColourChange.d.ts.map

package/dist/framework/ColourChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColourChange.d.ts","sourceRoot":"","sources":["../../src/framework/ColourChange.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,iBAAiB,CAAC,EAAE,YAAY,EAChC,aAAa,CAAC,EAAE,YAAY,EAC5B,gBAAgB,CAAC,EAAE,MAAM,GACxB,YAAY,GAAG,SAAS,CAS1B"}

package/dist/framework/ColourChange.js

@@ -0,0 +1,13 @@
+export function calculateColourChanges(previousComponent, nextComponent, backgroundColour) {
+    if (backgroundColour)
+        return { all: backgroundColour };
+    const top = previousComponent?.backgroundColour;
+    const bottom = nextComponent?.backgroundColour;
+    if (top || bottom) {
+        if (top === bottom)
+            return undefined;
+        return { top, bottom };
+    }
+    return undefined;
+}
+//# sourceMappingURL=ColourChange.js.map