@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326110644 → 0.8.1-dev.20260328105340

package/dist/CopyButton-XONTQQW7.mjs

@@ -0,0 +1,55 @@
+"use client";
+
+// src/components/CopyButton.tsx
+import { useState, useRef, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CopyButton({ text }) {
+  const [copied, setCopied] = useState(false);
+  const timeoutRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, []);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy: ", err);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: handleCopy,
+      className: "flex gap-1 items-center hover:text-white transition",
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            className: "w-4 h-4",
+            fill: "currentColor",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M12 4C10.8954 4 10 4.89543 10 6H14C14 4.89543 13.1046 4 12 4ZM8.53513 4C9.22675 2.8044 10.5194 2 12 2C13.4806 2 14.7733 2.8044 15.4649 4H17C18.6569 4 20 5.34315 20 7V19C20 20.6569 18.6569 22 17 22H7C5.34315 22 4 20.6569 4 19V7C4 5.34315 5.34315 4 7 4H8.53513ZM8 6H7C6.44772 6 6 6.44772 6 7V19C6 19.5523 6.44772 20 7 20H17C17.5523 20 18 19.5523 18 19V7C18 6.44772 17.5523 6 17 6H16C16 7.10457 15.1046 8 14 8H10C8.89543 8 8 7.10457 8 6Z"
+              }
+            )
+          }
+        ),
+        copied ? "Copied!" : "Copy code"
+      ]
+    }
+  );
+}
+export {
+  CopyButton as default
+};

package/dist/HlsPlayer-FFEIK6FG.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  HlsPlayer_default
+} from "./chunk-CVVLFQ4J.mjs";
+export {
+  HlsPlayer_default as default
+};

package/dist/IframeClient-J22NMEVY.mjs

@@ -0,0 +1,96 @@
+"use client";
+
+// src/components/pageRenderingEngine/nodes/IframeClient.tsx
+import React2, { useEffect, useRef, useState } from "react";
+
+// src/components/IFrameLoaderView.tsx
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var IFrameLoaderView = (props) => {
+  return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] })
+      ] })
+    ] }) }),
+    props.children
+  ] });
+};
+var IFrameLoaderView_default = IFrameLoaderView;
+
+// src/components/pageRenderingEngine/nodes/IframeClient.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var IframeClient = ({ src }) => {
+  const iframeRef = useRef(null);
+  const [iframeHeight, setIframeHeight] = useState("100%");
+  const [isDataFound, setIsDataFound] = useState(null);
+  useEffect(() => {
+    const handleReceiveMessage = (event) => {
+      const eventName = event?.data?.eventName;
+      const payload = event?.data?.payload;
+      if (eventName === "SET_HEIGHT" && payload?.height) {
+        let height = 500;
+        if (payload.height > 500) {
+          height = payload.height + 50;
+        }
+        setIframeHeight(`${height}px`);
+      }
+    };
+    window.addEventListener("message", handleReceiveMessage);
+    return () => window.removeEventListener("message", handleReceiveMessage);
+  }, []);
+  useEffect(() => {
+    const handleResize = () => {
+      if (iframeRef.current) {
+        iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const handleIframeLoad = () => {
+    setIsDataFound(true);
+  };
+  return /* @__PURE__ */ jsx2(React2.Fragment, { children: /* @__PURE__ */ jsx2(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ jsx2(
+    "iframe",
+    {
+      ref: iframeRef,
+      src,
+      className: "w-full h-full border-none",
+      scrolling: "no",
+      style: { height: iframeHeight },
+      onLoad: handleIframeLoad
+    }
+  ) }) });
+};
+var IframeClient_default = IframeClient;
+export {
+  IframeClient_default as default
+};

package/dist/LinkNodeButton-KBSXOEHS.mjs

@@ -0,0 +1,169 @@
+"use client";
+import {
+  Button_default,
+  ServiceClient_default
+} from "./chunk-3IDT4246.mjs";
+
+// src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx
+import { useCallback, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var LinkNodeButton = (props) => {
+  const { node, dataitem, children, linkText, linkType, linkUrl } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const extractFieldNames = useCallback((template) => {
+    if (!template) return [];
+    const regex = /\{(\{\})?([a-zA-Z_$][a-zA-Z0-9_$]*)(?:\}\})?\}/g;
+    const matches = Array.from(template.matchAll(regex));
+    const fieldNames = matches.map((match) => match[2] || match[1]).filter((name, index, self) => self.indexOf(name) === index);
+    return fieldNames;
+  }, []);
+  const replaceTemplateVariables = useCallback((template, responseData) => {
+    if (!template) return template;
+    let result = template;
+    const fieldNames = extractFieldNames(template);
+    if (responseData) {
+      fieldNames.forEach((fieldName) => {
+        const value = getNestedValue(responseData, fieldName);
+        if (value !== void 0) {
+          const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
+          const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
+          result = result.replace(regex1, String(value));
+          result = result.replace(regex2, String(value));
+        }
+      });
+    }
+    if (props.routeParameters) {
+      Object.entries(props.routeParameters).forEach(([key, value]) => {
+        const regex = new RegExp(`\\{\\{${key}\\}\\}`, "g");
+        result = result.replace(regex, String(value));
+      });
+    }
+    if (dataitem) {
+      Object.entries(dataitem).forEach(([key, value]) => {
+        const regex = new RegExp(`\\{\\{${key}\\}\\}`, "g");
+        result = result.replace(regex, String(value));
+      });
+    }
+    return result;
+  }, [props.routeParameters, dataitem, extractFieldNames]);
+  const getNestedValue = useCallback((obj, path) => {
+    if (!obj || !path) return void 0;
+    if (obj[path] !== void 0) {
+      return obj[path];
+    }
+    const keys = path.split(".");
+    let current = obj;
+    for (const key of keys) {
+      if (current[key] === void 0) {
+        return void 0;
+      }
+      current = current[key];
+    }
+    return current;
+  }, []);
+  const onClick = useCallback(async (e) => {
+    if (!node.postUrl) {
+      setError("No POST URL configured for this button");
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const resolvedPostUrl = replaceTemplateVariables(node.postUrl);
+      let parsedPayload = {};
+      if (node.payload) {
+        try {
+          const payloadStr = replaceTemplateVariables(node.payload);
+          parsedPayload = JSON.parse(payloadStr);
+          console.log("Parsed payload:", parsedPayload);
+        } catch (err) {
+          console.error("Failed to parse payload JSON:", err);
+          parsedPayload = { error: "Invalid payload JSON" };
+        }
+      }
+      const serviceClient = new ServiceClient_default(props.apiBaseUrl, props.session);
+      const response = await serviceClient.post(resolvedPostUrl, parsedPayload);
+      console.log("API Response:", response);
+      if (response && !response.isSuccessful) {
+        const errorMessage = response.message || "API request failed";
+        setError(errorMessage);
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
+      }
+      if (response && node.redirectUrl) {
+        const fieldNames = extractFieldNames(node.redirectUrl);
+        console.log("Field names in redirect URL:", fieldNames);
+        const fieldValueMap = {};
+        fieldNames.forEach((fieldName) => {
+          const value = getNestedValue(response, fieldName);
+          if (value !== void 0) {
+            fieldValueMap[fieldName] = String(value);
+          } else {
+            const resultValue = getNestedValue(response, `result.${fieldName}`);
+            if (resultValue !== void 0) {
+              fieldValueMap[fieldName] = String(resultValue);
+            } else {
+              const dataValue = getNestedValue(response, `data.${fieldName}`);
+              if (dataValue !== void 0) {
+                fieldValueMap[fieldName] = String(dataValue);
+              }
+            }
+          }
+        });
+        console.log("Field value map:", fieldValueMap);
+        const missingFields = fieldNames.filter((fieldName) => !fieldValueMap[fieldName]);
+        if (missingFields.length > 0) {
+          console.warn(`Missing field values for: ${missingFields.join(", ")}`);
+        }
+        let resolvedRedirectUrl = node.redirectUrl;
+        Object.entries(fieldValueMap).forEach(([fieldName, value]) => {
+          const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
+          const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
+          resolvedRedirectUrl = resolvedRedirectUrl.replace(regex1, value);
+          resolvedRedirectUrl = resolvedRedirectUrl.replace(regex2, value);
+        });
+        resolvedRedirectUrl = replaceTemplateVariables(resolvedRedirectUrl, response);
+        console.log("Final redirect URL:", resolvedRedirectUrl);
+        if (resolvedRedirectUrl && !resolvedRedirectUrl.includes("{")) {
+          window.location.href = resolvedRedirectUrl;
+        }
+      } else if (response && !response.result && response.message) {
+        setError(response.message);
+        throw new Error(response.message);
+      } else if (!response) {
+        setError("No response from server");
+      }
+      setIsLoading(false);
+      return { isSuccessful: true, response };
+    } catch (err) {
+      console.error("Button API call failed:", err);
+      setError(err.message || "An unexpected error occurred");
+      setIsLoading(false);
+      return { isSuccessful: false, message: err.message };
+    }
+  }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue, props.apiBaseUrl, props.session]);
+  const renderButtonContent = () => {
+    if (children) {
+      return children;
+    }
+    if (linkText) {
+      return /* @__PURE__ */ jsx("span", { children: linkText });
+    }
+    return node.title || "Button";
+  };
+  return /* @__PURE__ */ jsx("div", { className: "link-button-wrapper", children: /* @__PURE__ */ jsx(
+    Button_default,
+    {
+      ButtonType: linkType,
+      onClick,
+      disabled: isLoading,
+      className: "w-full",
+      children: renderButtonContent()
+    }
+  ) });
+};
+var LinkNodeButton_default = LinkNodeButton;
+export {
+  LinkNodeButton_default as default
+};