@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260722101954

package/dist/LinkNodeButton-AOEDCCL7.mjs

@@ -0,0 +1,227 @@
+"use client";
+
+"use client";
+import {
+  ServiceClient_default
+} from "./chunk-WEV5U33G.mjs";
+import {
+  Button_default,
+  ToastService_default
+} from "./chunk-23WJE3YB.mjs";
+import "./chunk-IMNQO57B.mjs";
+
+// src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LinkNodeButton = (props) => {
+  const { node, dataitem, children, linkText, linkType, linkUrl } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  const [successMessage, setSuccessMessage] = useState(null);
+  console.log("LinkNodeButton props:", props);
+  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 () => {
+    if (!node.postUrl) {
+      return {
+        isSuccessful: false,
+        message: "No POST URL configured for this button"
+      };
+    }
+    setIsLoading(true);
+    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";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
+      }
+      if (response?.message) {
+        ToastService_default.showSuccess(response.message);
+        setSuccessMessage(response.message);
+      }
+      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) {
+        const errorMessage = "No response from server";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
+      }
+      setIsLoading(false);
+      return {
+        isSuccessful: true,
+        message: response?.message,
+        result: response
+      };
+    } catch (err) {
+      console.error("Button API call failed:", err);
+      const errorMessage = err.message || "An unexpected error occurred";
+      setIsLoading(false);
+      return { isSuccessful: false, message: errorMessage };
+    }
+  }, [
+    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";
+  };
+  const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
+  return /* @__PURE__ */ jsx("div", { className: "link-button-wrapper", children: /* @__PURE__ */ jsx(
+    Button_default,
+    {
+      ButtonType: linkType,
+      onClick,
+      disabled: isLoading || !!successMessage,
+      className: "w-full",
+      children: successMessage ? /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: fontSize ? { fontSize } : void 0,
+          className: "inline-flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                className: "w-5 h-5",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M16.704 5.29a1 1 0 010 1.42l-7.25 7.25a1 1 0 01-1.415 0L3.29 9.21a1 1 0 111.415-1.414l4.042 4.042 6.543-6.543a1 1 0 011.414 0z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: successMessage })
+          ]
+        }
+      ) : renderButtonContent()
+    }
+  ) });
+};
+var LinkNodeButton_default = LinkNodeButton;
+export {
+  LinkNodeButton_default as default
+};

package/dist/LinkNodeButton-BIZA2NPE.mjs

@@ -0,0 +1,225 @@
+"use client";
+import {
+  ServiceClient_default
+} from "./chunk-3GWLDT7C.mjs";
+import {
+  Button_default,
+  ToastService_default
+} from "./chunk-RHVNJMS4.mjs";
+import "./chunk-56HSDML5.mjs";
+
+// src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LinkNodeButton = (props) => {
+  const { node, dataitem, children, linkText, linkType, linkUrl } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  const [successMessage, setSuccessMessage] = useState(null);
+  console.log("LinkNodeButton props:", props);
+  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 () => {
+    if (!node.postUrl) {
+      return {
+        isSuccessful: false,
+        message: "No POST URL configured for this button"
+      };
+    }
+    setIsLoading(true);
+    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";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
+      }
+      if (response?.message) {
+        ToastService_default.showSuccess(response.message);
+        setSuccessMessage(response.message);
+      }
+      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) {
+        const errorMessage = "No response from server";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
+      }
+      setIsLoading(false);
+      return {
+        isSuccessful: true,
+        message: response?.message,
+        result: response
+      };
+    } catch (err) {
+      console.error("Button API call failed:", err);
+      const errorMessage = err.message || "An unexpected error occurred";
+      setIsLoading(false);
+      return { isSuccessful: false, message: errorMessage };
+    }
+  }, [
+    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";
+  };
+  const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
+  return /* @__PURE__ */ jsx("div", { className: "link-button-wrapper", children: /* @__PURE__ */ jsx(
+    Button_default,
+    {
+      ButtonType: linkType,
+      onClick,
+      disabled: isLoading || !!successMessage,
+      className: "w-full",
+      children: successMessage ? /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: fontSize ? { fontSize } : void 0,
+          className: "inline-flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                className: "w-5 h-5",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M16.704 5.29a1 1 0 010 1.42l-7.25 7.25a1 1 0 01-1.415 0L3.29 9.21a1 1 0 111.415-1.414l4.042 4.042 6.543-6.543a1 1 0 011.414 0z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: successMessage })
+          ]
+        }
+      ) : renderButtonContent()
+    }
+  ) });
+};
+var LinkNodeButton_default = LinkNodeButton;
+export {
+  LinkNodeButton_default as default
+};

package/dist/LinkNodeButton-LX3KKGZY.mjs

@@ -0,0 +1,173 @@
+"use client";
+
+"use client";
+import {
+  ServiceClient_default
+} from "./chunk-WEV5U33G.mjs";
+import {
+  Button_default,
+  ToastService_default
+} from "./chunk-JKP4XOZB.mjs";
+import "./chunk-IMNQO57B.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 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 () => {
+    if (!node.postUrl) {
+      return { isSuccessful: false, message: "No POST URL configured for this button" };
+    }
+    setIsLoading(true);
+    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";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
+      }
+      if (response?.message) {
+        ToastService_default.showSuccess(response.message);
+      }
+      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) {
+        const errorMessage = "No response from server";
+        setIsLoading(false);
+        return { isSuccessful: false, message: errorMessage };
+      }
+      setIsLoading(false);
+      return { isSuccessful: true, message: response?.message, result: response };
+    } catch (err) {
+      console.error("Button API call failed:", err);
+      const errorMessage = err.message || "An unexpected error occurred";
+      setIsLoading(false);
+      return { isSuccessful: false, message: errorMessage };
+    }
+  }, [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
+};