@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260713051007 → 0.8.1-dev.20260713054521

package/dist/LinkNodeButton-XA7Z5IDR.mjs

@@ -0,0 +1,171 @@
+"use client";
+import {
+  ServiceClient_default
+} from "./chunk-3GWLDT7C.mjs";
+import {
+  Button_default,
+  ToastService_default
+} from "./chunk-YL6E76X2.mjs";
+import "./chunk-56HSDML5.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
+};

package/dist/Pagination-NCJCOYHF.mjs

@@ -0,0 +1,181 @@
+"use client";
+import {
+  OdataBuilder
+} from "./chunk-UFKPTMM7.mjs";
+import {
+  Constants,
+  Hyperlink,
+  Icon_default
+} from "./chunk-DBHUCH4B.mjs";
+import "./chunk-56HSDML5.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-DBHUCH4B.mjs

@@ -0,0 +1,109 @@
+import {
+  buttonClasses
+} from "./chunk-56HSDML5.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
+};