@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260709113231 → 0.8.1-dev.20260711052655

package/dist/{EnterAnimationClient-RS3NQNR4.mjs → EnterAnimationClient-2NFKY4B5.mjs}

@@ -21,6 +21,7 @@ function EnterAnimationClient({ hasEnterAnimation, children }) {
     observer.observe(ref.current);
     return () => observer.disconnect();
   }, [hasEnterAnimation]);
+  if (!children) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: children && // enforce passing the ref to Wrapper
   //@ts-ignore
   React.cloneElement(children, { ref }) });

package/dist/{EnterAnimationClient-2JW323TH.mjs → EnterAnimationClient-R3GFCNRS.mjs}

@@ -23,6 +23,7 @@ function EnterAnimationClient({ hasEnterAnimation, children }) {
     observer.observe(ref.current);
     return () => observer.disconnect();
   }, [hasEnterAnimation]);
+  if (!children) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: children && // enforce passing the ref to Wrapper
   //@ts-ignore
   React.cloneElement(children, { ref }) });

package/dist/{InputControlClient-CS4JM7UY.mjs → InputControlClient-BO7WPPVX.mjs}

@@ -14,13 +14,14 @@ import {
   PercentageInput_default,
   PhoneInput_default,
   SelectWithSearchInput_default,
-  TimeInput_default
-} from "./chunk-YG6FKKQJ.mjs";
+  TimeInput_default,
+  VideoView_default
+} from "./chunk-NT56SZOV.mjs";
 import {
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-UWFXFVUU.mjs";
+} from "./chunk-DBHUCH4B.mjs";
 import {
   Button_default,
   ClientButton_default
@@ -640,8 +641,97 @@ var SwitchInput = (props) => {
 };
 var SwitchInput_default = SwitchInput;
 
+// src/components/controls/edit/VideoInput.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var normalizeVideoValue = (value) => {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return void 0;
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (typeof parsed === "string") {
+        return parsed;
+      }
+      if (parsed && typeof parsed === "object") {
+        const candidate = parsed;
+        if (typeof candidate.assetUrl === "string") return candidate.assetUrl;
+        if (typeof candidate.url === "string") return candidate.url;
+        if (typeof candidate.src === "string") return candidate.src;
+      }
+    } catch {
+      return trimmed;
+    }
+    return trimmed;
+  }
+  if (value && typeof value === "object") {
+    const candidate = value;
+    if (typeof candidate.assetUrl === "string") return candidate.assetUrl;
+    if (typeof candidate.url === "string") return candidate.url;
+    if (typeof candidate.src === "string") return candidate.src;
+  }
+  return void 0;
+};
+var VideoInput = (props) => {
+  const isReadOnly = Boolean(
+    props.attributes?.readOnly || props.disable || props.attributes?.disable
+  );
+  const videoUrl = normalizeVideoValue(props.value ?? props.defaultValue);
+  const handleChange = (event) => {
+    const text = event.target.value;
+    props.callback?.({
+      name: props.name,
+      value: text,
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+    "ayush testing",
+    props.attributes?.label ? /* @__PURE__ */ jsxs5("label", { className: "text-sm font-medium", children: [
+      props.attributes.label,
+      props.attributes?.required ? /* @__PURE__ */ jsx5("span", { className: "ml-1 text-red-500", children: "*" }) : null
+    ] }) : null,
+    isReadOnly ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      "called video view",
+      console.log(props.value, "vkjbvbvbvsdjkvdfn"),
+      /* @__PURE__ */ jsx5(
+        VideoView_default,
+        {
+          ...props,
+          value: props.value ?? props.defaultValue,
+          assetBaseUrl: props.serviceClient?.baseUrl
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          type: "text",
+          name: props.name,
+          id: props.name,
+          value: videoUrl ?? "",
+          onChange: handleChange,
+          onBlur: props.onBlur,
+          placeholder: props.attributes?.placeholder || "Paste a video URL or blob URL",
+          disabled: isReadOnly,
+          className: "peer input mt-1 block w-full rounded shadow-sm"
+        }
+      ),
+      videoUrl ? /* @__PURE__ */ jsx5(
+        VideoView_default,
+        {
+          ...props,
+          value: props.value ?? props.defaultValue,
+          assetBaseUrl: props.serviceClient?.baseUrl
+        }
+      ) : null
+    ] })
+  ] });
+};
+var VideoInput_default = VideoInput;
+
 // src/components/controls/edit/InputControlClient.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var InputControl = React5.forwardRef(
   (props, ref) => {
     const ControlComponents = {
@@ -662,10 +752,11 @@ var InputControl = React5.forwardRef(
       [InputControlType_default.booleanSelect]: BooleanSelect_default,
       [InputControlType_default.timeInput]: TimeInput_default,
       [InputControlType_default.asset]: AssetUpload_default,
-      [InputControlType_default.switchInput]: SwitchInput_default
+      [InputControlType_default.switchInput]: SwitchInput_default,
+      [InputControlType_default.videoInput]: VideoInput_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx5(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found" });
+    return /* @__PURE__ */ jsx6(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx6(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
 InputControl.displayName = "InputControl";

package/dist/{InputControlClient-XS52LLEE.mjs → InputControlClient-HSPSCMLF.mjs}

@@ -16,13 +16,14 @@ import {
   PercentageInput_default,
   PhoneInput_default,
   SelectWithSearchInput_default,
-  TimeInput_default
-} from "./chunk-7ZFZLN56.mjs";
+  TimeInput_default,
+  VideoView_default
+} from "./chunk-6NCGSAPP.mjs";
 import {
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-FI2KJBK2.mjs";
+} from "./chunk-5GHPW7SJ.mjs";
 import {
   Button_default,
   ClientButton_default
@@ -642,8 +643,97 @@ var SwitchInput = (props) => {
 };
 var SwitchInput_default = SwitchInput;
 
+// src/components/controls/edit/VideoInput.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var normalizeVideoValue = (value) => {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return void 0;
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (typeof parsed === "string") {
+        return parsed;
+      }
+      if (parsed && typeof parsed === "object") {
+        const candidate = parsed;
+        if (typeof candidate.assetUrl === "string") return candidate.assetUrl;
+        if (typeof candidate.url === "string") return candidate.url;
+        if (typeof candidate.src === "string") return candidate.src;
+      }
+    } catch {
+      return trimmed;
+    }
+    return trimmed;
+  }
+  if (value && typeof value === "object") {
+    const candidate = value;
+    if (typeof candidate.assetUrl === "string") return candidate.assetUrl;
+    if (typeof candidate.url === "string") return candidate.url;
+    if (typeof candidate.src === "string") return candidate.src;
+  }
+  return void 0;
+};
+var VideoInput = (props) => {
+  const isReadOnly = Boolean(
+    props.attributes?.readOnly || props.disable || props.attributes?.disable
+  );
+  const videoUrl = normalizeVideoValue(props.value ?? props.defaultValue);
+  const handleChange = (event) => {
+    const text = event.target.value;
+    props.callback?.({
+      name: props.name,
+      value: text,
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+    "ayush testing",
+    props.attributes?.label ? /* @__PURE__ */ jsxs5("label", { className: "text-sm font-medium", children: [
+      props.attributes.label,
+      props.attributes?.required ? /* @__PURE__ */ jsx5("span", { className: "ml-1 text-red-500", children: "*" }) : null
+    ] }) : null,
+    isReadOnly ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      "called video view",
+      console.log(props.value, "vkjbvbvbvsdjkvdfn"),
+      /* @__PURE__ */ jsx5(
+        VideoView_default,
+        {
+          ...props,
+          value: props.value ?? props.defaultValue,
+          assetBaseUrl: props.serviceClient?.baseUrl
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          type: "text",
+          name: props.name,
+          id: props.name,
+          value: videoUrl ?? "",
+          onChange: handleChange,
+          onBlur: props.onBlur,
+          placeholder: props.attributes?.placeholder || "Paste a video URL or blob URL",
+          disabled: isReadOnly,
+          className: "peer input mt-1 block w-full rounded shadow-sm"
+        }
+      ),
+      videoUrl ? /* @__PURE__ */ jsx5(
+        VideoView_default,
+        {
+          ...props,
+          value: props.value ?? props.defaultValue,
+          assetBaseUrl: props.serviceClient?.baseUrl
+        }
+      ) : null
+    ] })
+  ] });
+};
+var VideoInput_default = VideoInput;
+
 // src/components/controls/edit/InputControlClient.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var InputControl = React5.forwardRef(
   (props, ref) => {
     const ControlComponents = {
@@ -664,10 +754,11 @@ var InputControl = React5.forwardRef(
       [InputControlType_default.booleanSelect]: BooleanSelect_default,
       [InputControlType_default.timeInput]: TimeInput_default,
       [InputControlType_default.asset]: AssetUpload_default,
-      [InputControlType_default.switchInput]: SwitchInput_default
+      [InputControlType_default.switchInput]: SwitchInput_default,
+      [InputControlType_default.videoInput]: VideoInput_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx5(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found" });
+    return /* @__PURE__ */ jsx6(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx6(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
 InputControl.displayName = "InputControl";

package/dist/{Pagination-4K7GMWUE.mjs → Pagination-NCJCOYHF.mjs}

@@ -1,12 +1,12 @@
 "use client";
 import {
   OdataBuilder
-} from "./chunk-FYGNBMII.mjs";
+} from "./chunk-UFKPTMM7.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default
-} from "./chunk-UWFXFVUU.mjs";
+} from "./chunk-DBHUCH4B.mjs";
 import "./chunk-56HSDML5.mjs";
 
 // src/components/Pagination.tsx

package/dist/Pagination-T7YN2OMV.mjs

@@ -0,0 +1,183 @@
+"use client";
+
+"use client";
+import {
+  OdataBuilder
+} from "./chunk-X3YSXTD2.mjs";
+import {
+  Constants,
+  Hyperlink,
+  Icon_default
+} from "./chunk-5GHPW7SJ.mjs";
+import "./chunk-IMNQO57B.mjs";
+
+// src/components/Pagination.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Pagination = (props) => {
+  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
+  const builder = useMemo(() => {
+    const b = new OdataBuilder(path);
+    if (query) b.setQuery(query);
+    return b;
+  }, [path, query]);
+  const activePageNumber = builder.getPageNumber(Constants.pagesize);
+  const totalItems = dataset?.count || 0;
+  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
+  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
+  const getPaginationRange = () => {
+    const delta = 1;
+    const range = [];
+    if (totalPages <= 7) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    range.push(1);
+    let start = Math.max(2, activePageNumber - delta);
+    let end = Math.min(totalPages - 1, activePageNumber + delta);
+    if (activePageNumber - delta <= 2) {
+      end = Math.min(totalPages - 1, 4);
+    }
+    if (activePageNumber + delta >= totalPages - 1) {
+      start = Math.max(2, totalPages - 4);
+    }
+    if (start > 2) {
+      range.push("...");
+    }
+    for (let i = start; i <= end; i++) {
+      range.push(i);
+    }
+    if (end < totalPages - 1) {
+      range.push("...");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  };
+  const paginationRange = getPaginationRange();
+  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx(
+    Hyperlink,
+    {
+      linkType: "Link" /* Link */,
+      className: `
+               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
+                border text-sm font-medium transition-colors duration-150
+                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
+            `,
+      href: builder.getNewPageUrl(page),
+      children
+    }
+  );
+  const NavigationButton = ({ page, disabled, children }) => {
+    if (disabled) {
+      return /* @__PURE__ */ jsx("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+    }
+    return /* @__PURE__ */ jsx(
+      Hyperlink,
+      {
+        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
+        href: builder.getNewPageUrl(page),
+        children
+      }
+    );
+  };
+  if (totalPages <= 1 && totalItems === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+        "Showing ",
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+          startItem,
+          "-",
+          endItem
+        ] }),
+        " ",
+        "out of ",
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+        " results"
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber - 1,
+            disabled: activePageNumber === 1,
+            children: [
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Prev" })
+            ]
+          }
+        ),
+        paginationRange.map((item, index) => {
+          if (item === "...") {
+            return /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          const page = item;
+          return /* @__PURE__ */ jsx(PageButton, { page, children: page }, page);
+        }),
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber + 1,
+            disabled: activePageNumber === totalPages,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Next" }),
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+            ]
+          }
+        )
+      ] }),
+      showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Go to:" }),
+        /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: totalPages,
+            defaultValue: activePageNumber,
+            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                const input = e.target;
+                const page = parseInt(input.value);
+                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
+                  window.location.href = builder.getNewPageUrl(page);
+                }
+              }
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    showPageSizeSelector && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Show:" }),
+      /* @__PURE__ */ jsx("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx(
+        Hyperlink,
+        {
+          className: `
+                                        px-3 py-1 text-sm rounded border transition-colors duration-150
+                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
+                                    `,
+          href: builder.getNewPageSizeUrl(size),
+          children: size
+        },
+        size
+      )) }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "per page" })
+    ] }) })
+  ] });
+};
+var Pagination_default = Pagination;
+export {
+  Pagination_default as default
+};

package/dist/chunk-5GHPW7SJ.mjs

@@ -0,0 +1,111 @@
+"use client";
+
+import {
+  buttonClasses
+} from "./chunk-IMNQO57B.mjs";
+
+// src/components/controls/edit/InputControlType.tsx
+var Constants = {
+  pagesize: 10
+};
+var InputControlType = {
+  lineTextInput: "text",
+  multilineTextInput: "multilinetext",
+  emailInput: "email",
+  moneyInput: "money",
+  select: "select",
+  percentageInput: "percentage",
+  asset: "asset",
+  phoneInput: "phone",
+  numberInput: "number",
+  checkboxInput: "boolean",
+  otpInput: "otp",
+  datetimeInput: "datetime",
+  timeInput: "time",
+  colorInput: "colorInput",
+  selectWithSearchInput: "selectWithSearchInput",
+  selectWithSearchPanel: "selectWithSearchPanel",
+  booleanSelect: "booleanSelect",
+  switchInput: "switchInput",
+  videoInput: "videoInput"
+};
+var InputControlType_default = InputControlType;
+
+// src/components/dataForm/Hyperlink.tsx
+import Link from "next/link";
+import { Fragment, jsx } from "react/jsx-runtime";
+function Hyperlink(props) {
+  let linkClass = props.linkType ? buttonClasses.get(props.linkType) : buttonClasses.get("Link" /* Link */);
+  const target = props?.href?.startsWith("http") ? "_blank" : "_self";
+  const additionalProps = {};
+  if (target == "_blank") {
+    additionalProps.rel = "noopener noreferrer";
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: props.href ? /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: props.href,
+      prefetch: false,
+      className: [linkClass, props.className].filter(Boolean).join(" "),
+      ...additionalProps,
+      target,
+      children: props.children
+    }
+  ) : props.isHeading ? /* @__PURE__ */ jsx("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ jsx("span", { className: props.className, children: props.children }) });
+}
+
+// src/svg/chevron-updown.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ChevronUpDown = (props) => {
+  return /* @__PURE__ */ jsx2("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
+};
+var chevron_updown_default = ChevronUpDown;
+
+// src/svg/chevron-down.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ChevronDown = (props) => {
+  return /* @__PURE__ */ jsx3("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
+};
+var chevron_down_default = ChevronDown;
+
+// src/svg/chevron-up.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ChevronUp = (props) => {
+  return /* @__PURE__ */ jsx4("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
+};
+var chevron_up_default = ChevronUp;
+
+// src/svg/plus.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Plus = (props) => {
+  return /* @__PURE__ */ jsx5("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
+};
+var plus_default = Plus;
+
+// src/svg/Icons.tsx
+var Icons = {
+  chevronUpDown: chevron_updown_default,
+  chevronDown: chevron_down_default,
+  chevronUp: chevron_up_default,
+  plus: plus_default
+};
+var Icons_default = Icons;
+
+// src/svg/Icon.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Icon = ({ name, className, ...props }) => {
+  const IconComponent = Icons_default[name];
+  if (!IconComponent) {
+    console.error(`Icon "${name}" not found.`);
+    return null;
+  }
+  return /* @__PURE__ */ jsx6(IconComponent, { ...props, className });
+};
+var Icon_default = Icon;
+
+export {
+  Constants,
+  InputControlType_default,
+  Hyperlink,
+  Icon_default
+};

package/dist/{chunk-7ZFZLN56.mjs → chunk-6NCGSAPP.mjs}

@@ -884,8 +884,90 @@ var AssetUtility = class {
 };
 var AssetUtility_default = AssetUtility;
 
+// src/components/controls/view/VideoView.tsx
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var parseAssets = (value) => {
+  if (!value) return [];
+  if (Array.isArray(value)) {
+    return value;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return [];
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (Array.isArray(parsed)) {
+        return parsed;
+      }
+      if (parsed && typeof parsed === "object") {
+        return [parsed];
+      }
+    } catch {
+      return [{ assetUrl: trimmed }];
+    }
+    return [{ assetUrl: trimmed }];
+  }
+  if (typeof value === "object") {
+    return [value];
+  }
+  return [];
+};
+var VideoView = (props) => {
+  const assets = parseAssets(props.value);
+  const asset = assets.find((item) => item.type?.toLowerCase() === "video") ?? assets[0];
+  if (!asset?.assetUrl) {
+    return null;
+  }
+  const resolvedAssetUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl ?? props.apiBaseUrl, asset.assetUrl);
+  const resolvedPosterUrl = asset.posterUrl ? AssetUtility_default.resolveUrl(props.assetBaseUrl ?? props.apiBaseUrl, asset.posterUrl) : void 0;
+  const isHls = resolvedAssetUrl?.endsWith(".m3u8");
+  const isVideoFile = /\.(mp4|webm|ogg|mov)$/i.test(resolvedAssetUrl ?? "");
+  const titleText = typeof asset.title === "string" ? asset.title : typeof props.customProps?.title === "string" ? props.customProps.title : "Video";
+  const fileName = typeof asset.title === "string" ? asset.title : asset.assetUrl?.split("/").pop() || "video";
+  const containerStyle = {
+    width: props.width || "100%"
+  };
+  const renderMedia = () => {
+    if (resolvedAssetUrl && isVideoFile) {
+      return /* @__PURE__ */ jsx15("div", { className: "w-full overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ jsxs15(
+        "video",
+        {
+          controls: true,
+          playsInline: true,
+          preload: "metadata",
+          poster: resolvedPosterUrl,
+          className: "w-full h-auto max-h-[70vh] object-contain bg-black",
+          style: { width: "100%" },
+          children: [
+            /* @__PURE__ */ jsx15("source", { src: resolvedAssetUrl }),
+            "Your browser does not support the video tag."
+          ]
+        }
+      ) });
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsxs15("div", { style: containerStyle, className: "flex flex-col gap-2", children: [
+    titleText ? /* @__PURE__ */ jsx15("div", { className: "font-medium text-sm", children: titleText }) : null,
+    renderMedia(),
+    resolvedAssetUrl ? /* @__PURE__ */ jsx15(
+      "a",
+      {
+        href: resolvedAssetUrl,
+        download: fileName,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "inline-flex w-fit items-center rounded-md border border-slate-300 px-3 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50",
+        children: "Download video"
+      }
+    ) : null
+  ] });
+};
+var VideoView_default = VideoView;
+
 export {
   AssetUtility_default,
+  VideoView_default,
   MultilineTextInput_default,
   LineTextInput_default,
   MoneyInput_default,