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

package/dist/{chunk-UWFXFVUU.mjs → chunk-DBHUCH4B.mjs}

@@ -24,7 +24,8 @@ var InputControlType = {
   selectWithSearchInput: "selectWithSearchInput",
   selectWithSearchPanel: "selectWithSearchPanel",
   booleanSelect: "booleanSelect",
-  switchInput: "switchInput"
+  switchInput: "switchInput",
+  videoInput: "videoInput"
 };
 var InputControlType_default = InputControlType;
 

package/dist/{chunk-YG6FKKQJ.mjs → chunk-NT56SZOV.mjs}

@@ -881,8 +881,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,

package/dist/{chunk-FYGNBMII.mjs → chunk-UFKPTMM7.mjs}

@@ -1,6 +1,6 @@
 import {
   Constants
-} from "./chunk-UWFXFVUU.mjs";
+} from "./chunk-DBHUCH4B.mjs";
 
 // src/clients/OdataBuilder.tsx
 var OdataBuilder = class {

package/dist/chunk-X3YSXTD2.mjs

@@ -0,0 +1,201 @@
+"use client";
+
+import {
+  Constants
+} from "./chunk-5GHPW7SJ.mjs";
+
+// src/clients/OdataBuilder.tsx
+var OdataBuilder = class {
+  constructor(url) {
+    this.baseUrl = url;
+    this.top = Constants.pagesize.toString();
+    this.skip = "0";
+    this.keyword = "";
+    this.filterBy = "";
+    this.orderBy = "";
+  }
+  // parseSearchParams(ReadonlyUrlSearchParams): DataQuery {
+  //     this.top = top;
+  //     return this;
+  //   }
+  setQuery(odata) {
+    if (odata) {
+      for (const key in odata) {
+        if (odata[key] != null && odata[key] != "") {
+          if (key == "$skip") {
+            this.setSkip(odata[key]);
+          }
+          if (key == "$filter") {
+            this.setFilter(odata[key]);
+          }
+          if (key == "$top") {
+            this.setTop(odata[key]);
+          }
+          if (key == "$orderby") {
+            this.setOrderBy(odata[key]);
+          }
+          if (key == "searchTerm") {
+            this.searchTerm = odata[key];
+          }
+          if (key == "searchCols") {
+            this.searchCols = odata[key];
+          }
+        }
+      }
+    }
+    return this;
+  }
+  // parseKeyValuePairs(inputString: string): { [key: string]: string } {
+  //     return inputString.split('$')
+  //         .map((pair) => pair.split('='))
+  //         .reduce((result: { [key: string]: string }, [key, value]) => {
+  //             if (key && value) {
+  //                 result[key.trim()] = value.trim();
+  //             }
+  //             return result;
+  //         }, {});
+  // }
+  static getOdataQueryString(obj, defaultOrder) {
+    let queryString = "";
+    let skip = (obj && obj["$skip"]) ?? "0";
+    let top = (obj && obj["$top"]) ?? Constants.pagesize.toString();
+    queryString = `$skip=${skip}&$top=${top}&$count=true`;
+    if (obj?.["searchTerm"] && obj["searchTerm"].trim() !== "") {
+      queryString += `&searchTerm=${encodeURIComponent(obj["searchTerm"])}`;
+    }
+    if (obj?.["searchCols"] && obj["searchCols"].trim() !== "") {
+      queryString += `&searchCols=${encodeURIComponent(obj["searchCols"])}`;
+    }
+    if (obj) {
+      if (obj["$filter"] && obj["$filter"] !== null && obj["$filter"] !== "") {
+        queryString = queryString + `&$filter=${encodeURIComponent(obj["$filter"])}`;
+      }
+      if (obj["$orderby"] && obj["$orderby"] !== null && obj["$orderby"] !== "") {
+        queryString = queryString + `&$orderby=${encodeURIComponent(obj["$orderby"])}`;
+      } else if (defaultOrder) {
+        queryString = queryString + `&$orderby=${encodeURIComponent(defaultOrder)}`;
+      }
+    } else {
+      if (defaultOrder) {
+        queryString = queryString + `&$orderby=${encodeURIComponent(defaultOrder)}`;
+      }
+    }
+    return queryString;
+  }
+  setTop(top) {
+    this.top = top;
+    return this;
+  }
+  setSkip(skip) {
+    this.skip = skip;
+    return this;
+  }
+  setKeyword(keyword) {
+    this.keyword = keyword;
+    return this;
+  }
+  setFilter(filterBy) {
+    this.filterBy = filterBy;
+    return this;
+  }
+  setOrderBy(orderBy) {
+    this.orderBy = orderBy;
+    return this;
+  }
+  getPageNumber(pageSize) {
+    let pageNumber = 1;
+    if (this.skip && this.top) {
+      const skip = parseInt(this.skip);
+      const top = parseInt(this.top);
+      if (!isNaN(skip) && !isNaN(top)) {
+        pageNumber = skip / pageSize + 1;
+      }
+    }
+    return pageNumber;
+  }
+  getUrl() {
+    let url = `${this.baseUrl}?$skip=${this.skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    console.log(url);
+    return url;
+  }
+  getNewOrderByUrl(orderBy) {
+    let url = `${this.baseUrl}?$skip=${0}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    url = url + `&$orderby=${encodeURIComponent(orderBy)}`;
+    return url;
+  }
+  getNewFilterUrl(filterBy) {
+    let url = `${this.baseUrl}?$skip=${0}&$top=${this.top}&$count=true`;
+    if (filterBy !== null && filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    return url;
+  }
+  getNewPageUrl(page) {
+    let skip = page * Constants.pagesize - Constants.pagesize;
+    let url = `${this.baseUrl}?$skip=${skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    return url;
+  }
+  getNewPageSizeUrl(pageSize) {
+    const currentPage = this.getPageNumber(
+      parseInt(this.top || Constants.pagesize.toString())
+    );
+    const skip = (currentPage - 1) * pageSize;
+    let url = `${this.baseUrl}?$skip=${skip}&$top=${pageSize}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    return url;
+  }
+  getOrderBy() {
+    return this.orderBy;
+  }
+};
+
+export {
+  OdataBuilder
+};

package/dist/index.d.mts

@@ -19,6 +19,7 @@ declare const ViewControlTypes: {
     lineText: string;
     emailText: string;
     asset: string;
+    video: string;
     multilineTextBullets: string;
     boolean: string;
     checkboxInput: string;
@@ -62,6 +63,7 @@ declare const InputControlType: {
     selectWithSearchPanel: string;
     booleanSelect: string;
     switchInput: string;
+    videoInput: string;
 };
 
 interface InputCallbackValues<T> {

package/dist/index.d.ts

@@ -19,6 +19,7 @@ declare const ViewControlTypes: {
     lineText: string;
     emailText: string;
     asset: string;
+    video: string;
     multilineTextBullets: string;
     boolean: string;
     checkboxInput: string;
@@ -62,6 +63,7 @@ declare const InputControlType: {
     selectWithSearchPanel: string;
     booleanSelect: string;
     switchInput: string;
+    videoInput: string;
 };
 
 interface InputCallbackValues<T> {