@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260216094702

package/dist/index.mjs

@@ -0,0 +1,1820 @@
+// src/components/controls/view/ViewControl.tsx
+import React11 from "react";
+
+// src/components/controls/view/ViewControlTypes.tsx
+var ViewControlTypes = {
+  lineTextView: "lineTextView",
+  emailTextView: "emailTextView",
+  multilineTextBulletsView: "multilineTextBulletsView",
+  moneyView: "moneyView",
+  numberView: "numberView",
+  dateView: "dateView",
+  statusView: "statusView",
+  statusBgView: "statusBgView",
+  multilinetextView: "multilinetextView",
+  booleanView: "booleanView",
+  // checkboxInput:'boolean',
+  text: "text"
+  // booleanView: "booleanView"
+};
+var ViewControlTypes_default = ViewControlTypes;
+
+// src/components/controls/view/NumberView.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var NumberView = (props) => {
+  return /* @__PURE__ */ jsx(React.Fragment, { children: props.value });
+};
+var NumberView_default = NumberView;
+
+// src/components/controls/view/DateView.tsx
+import React2 from "react";
+import moment from "moment-timezone";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DateView = (props) => {
+  let localDateTime = "";
+  let timezone;
+  try {
+    const val = props.value && props.value.toString().includes("Z") ? props.value : props.value + "Z";
+    const parsedDate = new Date(val);
+    const timezoneOffset = parsedDate.getTimezoneOffset();
+    timezone = moment.tz.zone(moment.tz.guess())?.abbr(timezoneOffset);
+    if (props.format && props.format == "timeago") {
+      localDateTime = formatTimeAgo(parsedDate);
+    } else {
+      localDateTime = parsedDate.toLocaleString() + " " + timezone;
+    }
+  } catch (error) {
+    console.error("Error parsing date:", props.value);
+  }
+  function formatTimeAgo(inputDate) {
+    const currentDate = /* @__PURE__ */ new Date();
+    const timeDifference = Math.floor((currentDate.getTime() - inputDate.getTime()) / 1e3);
+    if (timeDifference < 10) {
+      return "few secs ago";
+    } else if (timeDifference < 60) {
+      return `${timeDifference} secs ago`;
+    } else if (timeDifference < 3600) {
+      const minutes = Math.floor(timeDifference / 60);
+      return `${minutes} min${minutes > 1 ? "s" : ""} ago`;
+    } else if (timeDifference < 86400) {
+      const hours = Math.floor(timeDifference / 3600);
+      const remainingMinutes = Math.floor(timeDifference % 3600 / 60);
+      return `${hours} hour${hours > 1 ? "s" : ""}, ${remainingMinutes} min${remainingMinutes > 1 ? "s" : ""} ago`;
+    } else if (timeDifference < 14 * 3600) {
+      const daysAgo = Math.floor(timeDifference / 86400);
+      return `${daysAgo} day${daysAgo > 1 ? "s" : ""} ago`;
+    } else {
+      const formattedDate = inputDate.toLocaleString();
+      return formattedDate;
+    }
+  }
+  return /* @__PURE__ */ jsx2(React2.Fragment, { children: /* @__PURE__ */ jsx2("div", { className: "inline-flex gap-1", children: localDateTime == "Invalid Date undefined" ? "-" : localDateTime }) });
+};
+var DateView_default = DateView;
+
+// src/components/controls/view/BooleanView.tsx
+import React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var BooleanView = (props) => {
+  const { value, customProps } = props;
+  const showOnlyTrueIcon = customProps?.showOnlyTrueIcon;
+  console.log("BooleanView Debug:", {
+    value,
+    type: typeof value,
+    customProps,
+    showOnlyTrueIcon
+  });
+  const booleanValue = React3.useMemo(() => {
+    if (typeof value === "boolean") return value;
+    if (typeof value === "string") {
+      return value.toLowerCase() === "true";
+    }
+    if (typeof value === "number") {
+      return value === 1;
+    }
+    return false;
+  }, [value]);
+  if (showOnlyTrueIcon) {
+    return /* @__PURE__ */ jsx3(React3.Fragment, { children: booleanValue === true && /* @__PURE__ */ jsx3(
+      "svg",
+      {
+        className: "w-15 h-8 text-green-600",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: /* @__PURE__ */ jsx3(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+            clipRule: "evenodd"
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx3(React3.Fragment, { children: booleanValue ? "true" : "false" });
+};
+var BooleanView_default = BooleanView;
+
+// src/components/controls/view/LineTextView.tsx
+import React4 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var LineText = (props) => {
+  return /* @__PURE__ */ jsx4(React4.Fragment, { children: props.value });
+};
+var LineTextView_default = LineText;
+
+// src/components/controls/view/EmailTextView.tsx
+import React5 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var EmailText = (props) => {
+  return /* @__PURE__ */ jsx5(React5.Fragment, { children: props.value });
+};
+var EmailTextView_default = EmailText;
+
+// src/components/controls/view/StatusBgView.tsx
+import React6 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var StatusBg = (props) => {
+  return /* @__PURE__ */ jsx6(React6.Fragment, { children: props.value && props.value != "" && /* @__PURE__ */ jsx6("span", { className: "py-0.5 px-1.5 text-xs capitalize text-white font-semibold rounded  bg-status bg-status-" + props.value, children: props.value }) });
+};
+var StatusBgView_default = StatusBg;
+
+// src/components/controls/view/StatusView.tsx
+import React7 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Status = (props) => {
+  return /* @__PURE__ */ jsx7(React7.Fragment, { children: /* @__PURE__ */ jsx7("span", { className: "capitalize font-semibold rounded text-status text-status-" + props.value, children: props.value }) });
+};
+var StatusView_default = Status;
+
+// src/components/controls/view/MoneyView.tsx
+import React8 from "react";
+import { jsx as jsx8, jsxs } from "react/jsx-runtime";
+var Money = (props) => {
+  const parsedNumber = parseFloat(props.value);
+  return /* @__PURE__ */ jsx8(React8.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs("span", { className: parsedNumber < 0 ? "text-alert" : "", children: [
+    /* @__PURE__ */ jsx8("span", { className: "mr-0.5", children: "\u20B9" }),
+    parsedNumber.toLocaleString()
+  ] }) });
+};
+var MoneyView_default = Money;
+
+// src/components/controls/view/MultilineTextBulletsView.tsx
+import React9 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var MultilineTextBullets = (props) => {
+  const lines = props.value?.split("\\n");
+  return /* @__PURE__ */ jsx9(React9.Fragment, { children: /* @__PURE__ */ jsx9("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
+    return /* @__PURE__ */ jsx9("li", { children: line }, index);
+  }) }) });
+};
+var MultilineTextBulletsView_default = MultilineTextBullets;
+
+// src/components/controls/view/MultilineTextView.tsx
+import React10 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var MultilineText = (props) => {
+  return /* @__PURE__ */ jsx10(React10.Fragment, { children: /* @__PURE__ */ jsx10("span", { className: "whitespace-pre-line", children: props.value }) });
+};
+var MultilineTextView_default = MultilineText;
+
+// src/components/controls/view/ViewControl.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ViewControl = React11.forwardRef(
+  (props, ref) => {
+    const ControlComponents = {
+      [ViewControlTypes_default.lineTextView]: LineTextView_default,
+      [ViewControlTypes_default.emailTextView]: EmailTextView_default,
+      [ViewControlTypes_default.multilineTextBulletsView]: MultilineTextBulletsView_default,
+      [ViewControlTypes_default.moneyView]: MoneyView_default,
+      [ViewControlTypes_default.numberView]: NumberView_default,
+      [ViewControlTypes_default.dateView]: DateView_default,
+      [ViewControlTypes_default.statusView]: StatusView_default,
+      [ViewControlTypes_default.statusBgView]: StatusBgView_default,
+      [ViewControlTypes_default.multilinetextView]: MultilineTextView_default,
+      [ViewControlTypes_default.booleanView]: BooleanView_default
+      //  [ViewControlTypes.booleanView]: BooleanView
+    };
+    const SelectedControlComponent = ControlComponents[props.controlType];
+    return /* @__PURE__ */ jsx11(React11.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx11(SelectedControlComponent, { ...props }) : "Control not found" });
+  }
+);
+ViewControl.displayName = "ViewControl";
+var ViewControl_default = ViewControl;
+
+// src/components/controls/edit/InputControl.tsx
+import React31 from "react";
+
+// src/components/controls/edit/MultilineTextInput.tsx
+import React12 from "react";
+import { jsx as jsx12, jsxs as jsxs2 } from "react/jsx-runtime";
+var MultilineTextInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  let value = "";
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx12(React12.Fragment, { children: /* @__PURE__ */ jsxs2("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx12(
+      "textarea",
+      {
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        onBlur: props?.onBlur,
+        rows: 4,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+      }
+    ),
+    /* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var MultilineTextInput_default = MultilineTextInput;
+
+// src/components/controls/edit/LineTextInput.tsx
+import React13 from "react";
+import { jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
+var LineTextInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  let value = "";
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx13(React13.Fragment, { children: /* @__PURE__ */ jsxs3("label", { className: "block", children: [
+    props?.attributes?.label && /* @__PURE__ */ jsx13("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx13(
+      "input",
+      {
+        type: "text",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        onBlur: props?.onBlur,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: `peer py-1.5 block w-full rounded border-gray-300 shadow-sm
+                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
+                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none
+                     ${props?.inputClasses ? props.inputClasses : ``}
+                     `
+      }
+    ),
+    /* @__PURE__ */ jsx13("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var LineTextInput_default = LineTextInput;
+
+// src/components/controls/edit/MoneyInput.tsx
+import React14 from "react";
+import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
+var MoneyInput = (props) => {
+  const textChangeHandler = (event) => {
+    const rawValue = event.target.value;
+    const numericValue = parseFloat(rawValue);
+    if (rawValue === "" || !isNaN(numericValue) && numericValue >= 0) {
+      if (props.callback !== void 0) {
+        props.callback({
+          name: props.name,
+          value: rawValue,
+          index: props.index,
+          groupKey: props.groupKey
+        });
+      }
+    }
+  };
+  const handleWheel = (event) => {
+    event.preventDefault();
+    event.target.blur();
+  };
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  const preventNegative = (e) => {
+    if (e.key === "-") {
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsx14(React14.Fragment, { children: /* @__PURE__ */ jsxs4("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx14(
+      "input",
+      {
+        type: "number",
+        name: props.name,
+        id: props.name,
+        value,
+        min: 0,
+        onChange: textChangeHandler,
+        onWheel: handleWheel,
+        onKeyDown: preventNegative,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
+      }
+    ),
+    /* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var MoneyInput_default = MoneyInput;
+
+// src/components/controls/edit/InputControlType.tsx
+var InputControlType = {
+  lineTextInput: "text",
+  multilineTextInput: "multilinetext",
+  emailInput: "email",
+  moneyInput: "money",
+  select: "select",
+  percentageInput: "percentage",
+  phoneInput: "phone",
+  numberInput: "number",
+  checkboxInput: "boolean",
+  otpInput: "otp",
+  datetimeInput: "datetime",
+  timeInput: "time",
+  colorInput: "colorInput",
+  selectWithSearchInput: "selectWithSearchInput",
+  selectWithSearchPanel: "selectWithSearchPanel",
+  booleanSelect: "booleanSelect"
+};
+var InputControlType_default = InputControlType;
+
+// src/components/controls/edit/Select.tsx
+import { useState, useEffect } from "react";
+import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
+var Select = (props) => {
+  const [list, setList] = useState([]);
+  const getSafeValue = (val) => {
+    if (val === null || val === void 0) return "";
+    if (typeof val === "boolean") return val ? "1" : "0";
+    return val;
+  };
+  const textChangeHandler = (event) => {
+    let rawValue = event.target.value;
+    if (rawValue === "") rawValue = null;
+    let finalValue = rawValue;
+    if (list && props.dataKeyFieldName) {
+      const key = props.dataKeyFieldName;
+      const selectedItem = list.find(
+        (item) => String(item[key]) === String(rawValue)
+      );
+      if (selectedItem) {
+        const keyValue = selectedItem[key];
+        if (typeof keyValue === "number") {
+          finalValue = Number(rawValue);
+        }
+      }
+    }
+    props.callback?.({
+      name: props.name,
+      value: finalValue,
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
+  useEffect(() => {
+    async function fetchData() {
+      if (props.dataset) {
+        setList(props.dataset);
+        return;
+      }
+      if (props.dataSource && props.serviceClient) {
+        let dataSource = props.dataSource;
+        let response;
+        if (props.dataSourceDependsOn && props.dependentValue) {
+          dataSource = dataSource.replace(
+            `{${props.dataSourceDependsOn}}`,
+            props.dependentValue
+          );
+        }
+        response = await props.serviceClient.get(dataSource);
+        setList(response.result ?? []);
+      }
+    }
+    fetchData();
+  }, [
+    props.dataset,
+    props.dataSource,
+    props.dependentValue,
+    props.dataSourceDependsOn
+  ]);
+  const value = getSafeValue(props.value);
+  return /* @__PURE__ */ jsxs5("label", { className: "block", children: [
+    props.attributes?.label && /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
+    props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx15("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsxs5(
+      "select",
+      {
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        required: props.attributes?.required,
+        disabled: props.attributes?.readOnly,
+        className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                   focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                   disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
+        children: [
+          /* @__PURE__ */ jsx15("option", { value: "", children: props.attributes?.placeholder || "Select" }),
+          list.map((item, index) => {
+            const keyField = props.dataKeyFieldName;
+            const textField = props.dataTextFieldName;
+            return /* @__PURE__ */ jsx15("option", { value: item[keyField], children: item[textField] }, index);
+          })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx15("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
+  ] });
+};
+var Select_default = Select;
+
+// src/components/controls/edit/PercentageInput.tsx
+import React16 from "react";
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+var PercentageInput = (props) => {
+  const textChangeHandler = (event) => {
+    const rawValue = event.target.value;
+    const numericValue = parseFloat(rawValue);
+    if (rawValue === "" || !isNaN(numericValue) && numericValue >= 0) {
+      if (props.callback !== void 0) {
+        props.callback({
+          name: props.name,
+          value: rawValue,
+          index: props.index,
+          groupKey: props.groupKey
+        });
+      }
+    }
+  };
+  const handleWheel = (event) => {
+    event.preventDefault();
+    event.target.blur();
+  };
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  const preventNegative = (e) => {
+    if (e.key === "-") {
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsx16(React16.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx16("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx16(
+      "input",
+      {
+        type: "number",
+        name: props.name,
+        id: props.name,
+        value,
+        min: 0,
+        onChange: textChangeHandler,
+        onKeyDown: preventNegative,
+        onWheel: handleWheel,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        max: "100",
+        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
+      }
+    ),
+    /* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var PercentageInput_default = PercentageInput;
+
+// src/components/controls/edit/PhoneInput.tsx
+import React17 from "react";
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+var PhoneInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  let value = "";
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx17(React17.Fragment, { children: /* @__PURE__ */ jsxs7("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n         focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
+      /* @__PURE__ */ jsx17("span", { className: "px-3 text-gray-700", children: props.prefix }),
+      /* @__PURE__ */ jsx17(
+        "input",
+        {
+          type: "text",
+          name: props.name,
+          id: props.name,
+          value,
+          onChange: textChangeHandler,
+          required: props?.attributes?.required,
+          placeholder: props?.attributes?.placeholder,
+          maxLength: props?.attributes?.maxLength,
+          pattern: props?.attributes?.pattern,
+          disabled: props?.attributes?.readOnly,
+          minLength: props?.attributes?.minLength,
+          className: "py-1.5 block w-full outline-none focus:ring-0 border-0 mr-0.5"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var PhoneInput_default = PhoneInput;
+
+// src/components/controls/edit/NumberInput.tsx
+import React18 from "react";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+var NumberInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  const handleWheel = (event) => {
+    event.preventDefault();
+    event.target.blur();
+  };
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx18(React18.Fragment, { children: /* @__PURE__ */ jsxs8("label", { className: "block", children: [
+    props?.attributes?.label && /* @__PURE__ */ jsx18("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx18("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx18(
+      "input",
+      {
+        type: "number",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        onWheel: handleWheel,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        onBlur: props?.onBlur,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        max: props?.attributes?.maxValue,
+        min: props?.attributes?.minValue,
+        className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+      }
+    ),
+    /* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var NumberInput_default = NumberInput;
+
+// src/components/controls/edit/CheckboxInput.tsx
+import React19 from "react";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+var CheckboxInput = (props) => {
+  const textChangeHandler = (event) => {
+    let text = event.target.checked;
+    console.log(text);
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  const trueValue = true;
+  let value = false;
+  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
+    value = true;
+  }
+  return /* @__PURE__ */ jsx19(React19.Fragment, { children: /* @__PURE__ */ jsxs9("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx19("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx19(
+      "input",
+      {
+        type: "checkbox",
+        name: props.name,
+        id: props.name,
+        checked: value,
+        onChange: textChangeHandler,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+      }
+    ),
+    /* @__PURE__ */ jsx19("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var CheckboxInput_default = CheckboxInput;
+
+// src/components/controls/edit/OtpInput.tsx
+import React20 from "react";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+var OtpInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (props.callback !== void 0) {
+      props.callback(
+        {
+          name: props.name,
+          value: text,
+          index: props.index,
+          groupKey: props.groupKey
+        }
+      );
+    }
+  };
+  const handleWheel = (event) => {
+    event.preventDefault();
+  };
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx20(React20.Fragment, { children: /* @__PURE__ */ jsxs10("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
+    /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    /* @__PURE__ */ jsx20(
+      "input",
+      {
+        type: "text",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        autoComplete: "off",
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: 4,
+        pattern: props?.attributes?.pattern,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        autoFocus: props?.attributes?.autoFocus,
+        onWheel: handleWheel,
+        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+      }
+    ),
+    /* @__PURE__ */ jsx20("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var OtpInput_default = OtpInput;
+
+// src/components/utilities/DateTimeUtility.tsx
+var DateTimeUtility = class {
+  constructor() {
+  }
+  static formatDate(date) {
+    if (!date) {
+      throw new Error("Invalid date");
+    }
+    const pad = (num) => num.toString().padStart(2, "0");
+    const year = date.getFullYear();
+    const month = pad(date.getMonth() + 1);
+    const day = pad(date.getDate());
+    const hours = pad(date.getHours());
+    const minutes = pad(date.getMinutes());
+    const seconds = pad(date.getSeconds());
+    return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
+  }
+  static getMonthShortNameCustom(month) {
+    const monthNames = [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ];
+    if (month < 1 || month > 12) {
+      throw new Error(
+        "Invalid month. Please provide a value between 1 and 12."
+      );
+    }
+    return monthNames[month - 1];
+  }
+  static getCurrentWeekRange() {
+    const today = /* @__PURE__ */ new Date();
+    const day = today.getDay();
+    const diffToMonday = (day === 0 ? -6 : 1) - day;
+    const monday = new Date(today);
+    monday.setDate(today.getDate() + diffToMonday);
+    monday.setHours(0, 0, 0, 0);
+    const sunday = new Date(monday);
+    sunday.setDate(monday.getDate() + 6);
+    sunday.setHours(23, 59, 59, 999);
+    return { start: monday, end: sunday };
+  }
+  static getCurrentMonthRange() {
+    const now = /* @__PURE__ */ new Date();
+    const start = new Date(now.getFullYear(), now.getMonth(), 1);
+    const end = new Date(now.getFullYear(), now.getMonth() + 1, 0);
+    return { start, end };
+  }
+  static formatShortDate(date) {
+    const day = date.getDate();
+    const month = this.getMonthShortNameCustom(date.getMonth() + 1);
+    return `${day} ${month}`;
+  }
+  static formatIndianCurrencyShort(value) {
+    if (value >= 1e7) {
+      return `${(value / 1e7).toFixed(2)} Cr`;
+    } else if (value >= 1e5) {
+      return `${(value / 1e5).toFixed(2)} L`;
+    } else if (value >= 1e3) {
+      return `${(value / 1e3).toFixed(2)} K`;
+    } else {
+      return `${value}`;
+    }
+  }
+};
+var DateTimeUtility_default = DateTimeUtility;
+
+// src/components/controls/edit/DateTimeInput.tsx
+import React21 from "react";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+var DateTimeInput = (props) => {
+  const textChangeHandler = (event) => {
+    const localDate = new Date(event.target.value);
+    if (props.callback !== void 0) {
+      const utcDate = new Date(
+        localDate.getTime() + localDate.getTimezoneOffset() * 6e4
+      );
+      let formattedDate = DateTimeUtility_default.formatDate(utcDate);
+      props.callback({
+        name: props.name,
+        value: formattedDate,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value;
+  let localvalue;
+  let timeZoneAbbr;
+  const now = /* @__PURE__ */ new Date();
+  const utcOffset = now.getTimezoneOffset();
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+    const now2 = /* @__PURE__ */ new Date();
+    const offsetMinutes = now2.getTimezoneOffset();
+    const offsetMilliseconds = offsetMinutes * 60 * 1e3;
+    const valDate = value.toString().includes("Z") ? (
+      // @ts-ignore
+      new Date(value)
+    ) : /* @__PURE__ */ new Date(value + "Z");
+    let localDate = new Date(valDate.getTime() - offsetMilliseconds);
+    timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
+    localvalue = localDate?.toISOString()?.slice(0, 16);
+  }
+  return /* @__PURE__ */ jsx21(React21.Fragment, { children: /* @__PURE__ */ jsxs11("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx21("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx21("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx21(
+        "input",
+        {
+          type: "datetime-local",
+          name: props.name,
+          id: props.name,
+          value: localvalue,
+          onChange: textChangeHandler,
+          required: props?.attributes?.required,
+          placeholder: props?.attributes?.placeholder,
+          maxLength: props?.attributes?.maxLength,
+          pattern: props?.attributes?.pattern,
+          disabled: props?.attributes?.readOnly,
+          minLength: props?.attributes?.minLength,
+          className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        }
+      ),
+      /* @__PURE__ */ jsx21("span", { children: timeZoneAbbr })
+    ] }),
+    /* @__PURE__ */ jsx21("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var DateTimeInput_default = DateTimeInput;
+
+// src/components/controls/edit/ColorInput.tsx
+import React22, { useEffect as useEffect2 } from "react";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+var ColorInput = (props) => {
+  const [color, setColor] = React22.useState("#3b82f6");
+  useEffect2(() => {
+    if (props.value !== void 0 && props.value !== null) {
+      if (typeof props.value === "string") {
+        setColor(props.value);
+      }
+    }
+  }, [props.value]);
+  const handleColorChange = (event) => {
+    const newColor = event.target.value;
+    setColor(newColor);
+    if (props.callback) {
+      props.callback({
+        name: props.name,
+        value: newColor,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs12("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx22("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx22("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx22(
+      "input",
+      {
+        type: "color",
+        name: props.name,
+        id: props.name,
+        value: color,
+        onChange: handleColorChange,
+        required: props?.attributes?.required,
+        className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
+      }
+    ),
+    props?.attributes?.errorMessage && /* @__PURE__ */ jsx22("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
+  ] });
+};
+var ColorInput_default = ColorInput;
+
+// src/components/controls/edit/SelectWithSearchInput.tsx
+import { useEffect as useEffect3, useRef, useState as useState2 } from "react";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+var SelectWithSearchInput = (props) => {
+  const [isOpen, setIsOpen] = useState2(false);
+  const [searchTerm, setSearchTerm] = useState2("");
+  const [highlightedIndex, setHighlightedIndex] = useState2(-1);
+  const [selectedItem, setSelectedItem] = useState2(null);
+  const [list, setList] = useState2([]);
+  useEffect3(() => {
+    async function fetchData() {
+      if (props.dataset) {
+        setList(props.dataset);
+      } else if (props.dataSource && props.serviceClient) {
+        let dataSource = props.dataSource;
+        if (props.dataSourceDependsOn && props.dependentValue) {
+          dataSource = dataSource.replace(
+            `{${props.dataSourceDependsOn}}`,
+            props.dependentValue
+          );
+        }
+        const response = await props.serviceClient.get(dataSource);
+        if (response?.result) setList(response.result);
+      }
+    }
+    fetchData();
+  }, [
+    props.dataSource,
+    props.dependentValue,
+    props.dataset,
+    props.dataSourceDependsOn
+  ]);
+  const filteredItems = list?.filter(
+    (item) => item[props?.dataTextFieldName]?.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+  const handleSelect = (event, item) => {
+    event.preventDefault();
+    setSearchTerm(item[props.dataTextFieldName]);
+    setSelectedItem(item);
+    setIsOpen(false);
+    setHighlightedIndex(-1);
+    if (props.callback) {
+      props.callback({
+        name: props.name,
+        value: item[props.dataKeyFieldName],
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      setHighlightedIndex(
+        (prev) => prev < filteredItems.length - 1 ? prev + 1 : 0
+      );
+    } else if (e.key === "ArrowUp") {
+      setHighlightedIndex(
+        (prev) => prev > 0 ? prev - 1 : filteredItems.length - 1
+      );
+    } else if (e.key === "Enter" && highlightedIndex >= 0) {
+      handleSelect(e, filteredItems[highlightedIndex]);
+    }
+  };
+  const dropdownRef = useRef(null);
+  useEffect3(() => {
+    if (highlightedIndex >= 0 && dropdownRef.current) {
+      const highlightedItem = dropdownRef.current.children[highlightedIndex];
+      highlightedItem?.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    }
+  }, [highlightedIndex]);
+  return /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx23("label", { children: props.attributes?.label }),
+    " ",
+    props?.attributes?.required && /* @__PURE__ */ jsx23("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx23(
+        "input",
+        {
+          type: "text",
+          value: searchTerm,
+          onChange: (e) => {
+            setSearchTerm(e.target.value);
+            setIsOpen(true);
+            setHighlightedIndex(-1);
+          },
+          onFocus: () => setIsOpen(true),
+          onKeyDown: handleKeyDown,
+          placeholder: "Select or search for a name",
+          className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n          focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n          disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n          "
+        }
+      ),
+      /* @__PURE__ */ jsx23(
+        "button",
+        {
+          type: "button",
+          onClick: () => setIsOpen(!isOpen),
+          className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
+          children: /* @__PURE__ */ jsx23(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              strokeWidth: 1.5,
+              stroke: "currentColor",
+              className: "w-full h-full",
+              children: /* @__PURE__ */ jsx23(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    isOpen && /* @__PURE__ */ jsx23(
+      "div",
+      {
+        ref: dropdownRef,
+        className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
+        children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx23(
+          "button",
+          {
+            onClick: (e) => handleSelect(e, item),
+            className: `w-full px-4 py-2 flex items-center space-x-2 text-left ${index === highlightedIndex ? "bg-gray-200" : "hover:bg-gray-100"}`,
+            role: "option",
+            tabIndex: -1,
+            onMouseEnter: () => setHighlightedIndex(index),
+            children: /* @__PURE__ */ jsx23("span", { children: item[props.dataTextFieldName] })
+          },
+          item[props.dataKeyFieldName]
+        )) : /* @__PURE__ */ jsx23("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
+      }
+    )
+  ] });
+};
+var SelectWithSearchInput_default = SelectWithSearchInput;
+
+// src/components/Button.tsx
+import React26, { useState as useState4 } from "react";
+
+// src/components/ToastService.tsx
+var ToastService = class _ToastService {
+  static initialize(showToast, closeToast) {
+    _ToastService.showToast = showToast;
+    _ToastService.closeToast = closeToast;
+  }
+  static showError(message) {
+    if (_ToastService.showToast) {
+      _ToastService.showToast(message, "error");
+    }
+  }
+  static showInfo(message) {
+    if (_ToastService.showToast) {
+      _ToastService.showToast(message, "info");
+    }
+  }
+  static close() {
+    if (_ToastService.closeToast) {
+      _ToastService.closeToast();
+    }
+  }
+};
+var ToastService_default = ToastService;
+
+// src/components/StyleTypes.tsx
+var buttonClasses = /* @__PURE__ */ new Map([
+  [
+    "Primary" /* Primary */,
+    "relative inline-flex items-center justify-center bg-primary rounded  px-4 py-3 lg:py-2 font-medium shadow-sm hover:shadow-lg hover:bg-primary-strong focus:outline-none active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed transition duration-150 ease-in-out text-body"
+  ],
+  [
+    "Secondary" /* Secondary */,
+    "relative inline-flex items-center justify-center bg-gradient-to-b from-secondary to-secondary-strong rounded px-4 py-3 lg:py-2 font-medium shadow-sm hover:shadow-lg focus:outline-none active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed transition duration-150 ease-in-out text-body hover:bg-secondary-strong"
+  ],
+  [
+    "Neutral" /* Neutral */,
+    "relative inline-flex items-center justify-center bg-neutral-strong rounded px-4 py-3 lg:py-2 font-medium shadow-sm hover:shadow-lg focus:outline-none active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed transition duration-150 ease-in-out text-body hover:bg-neutral-stronger"
+  ],
+  [
+    "PrimaryHollow" /* PrimaryHollow */,
+    "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-primary border text-primary rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"
+  ],
+  [
+    "SecondaryHollow" /* SecondaryHollow */,
+    "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-secondary border text-secondary rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"
+  ],
+  [
+    "NeutralHollow" /* NeutralHollow */,
+    "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-neutral border text-neutral rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"
+  ],
+  [
+    "Ripple" /* Ripple */,
+    "px-3 py-1.5 inline-flex items-center text-sm font-medium rounded border-[1.5px] border-primary ripple btn-bg-primary btn-primary-text"
+  ],
+  [
+    "Danger" /* Danger */,
+    "inline-flex text-sm font-medium items-center justify-center px-4 py-2 border border-alert bg-alert text-white rounded hover:bg-alert-600 hover:border-alert-600 focus:outline-none active:ring-1 active:ring-alert"
+  ],
+  ["Link" /* Link */, ""],
+  [
+    "Light" /* Light */,
+    "inline-flex items-center justify-center rounded bg-white border px-4 py-2 leading-6 text-primary shadow-sm hover:shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:opacity-50 disabled:cursor-not-allowed"
+  ]
+]);
+var progressClasses = /* @__PURE__ */ new Map([
+  ["Primary" /* Primary */, ""],
+  ["PrimaryHollow" /* PrimaryHollow */, ""],
+  ["Secondary" /* Secondary */, ""],
+  ["SecondaryHollow" /* SecondaryHollow */, ""],
+  ["Neutral" /* Neutral */, ""],
+  ["NeutralHollow" /* NeutralHollow */, ""],
+  ["Ripple" /* Ripple */, ""],
+  ["Danger" /* Danger */, ""],
+  ["Link" /* Link */, ""]
+]);
+
+// src/components/Confirm.tsx
+import { useState as useState3 } from "react";
+
+// src/components/ClientButton.tsx
+import React24 from "react";
+
+// src/components/utilities/ToastService.tsx
+var ToastService2 = class {
+  static showError(message) {
+    console.error(message);
+    if (typeof window !== "undefined") {
+      alert(message);
+    }
+  }
+  static showSuccess(message) {
+    console.log(message);
+    if (typeof window !== "undefined") {
+      alert(message);
+    }
+  }
+  static showWarning(message) {
+    console.warn(message);
+    if (typeof window !== "undefined") {
+      alert(message);
+    }
+  }
+  static showInfo(message) {
+    console.info(message);
+    if (typeof window !== "undefined") {
+      alert(message);
+    }
+  }
+};
+var ToastService_default2 = ToastService2;
+
+// src/components/ClientButton.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var ClientButton = (props) => {
+  const execute = async (event) => {
+    event.preventDefault();
+    if (props.onClick !== void 0) {
+      props.onClick();
+    } else {
+      ToastService_default2.showError("No action defined.");
+    }
+  };
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Primary */);
+  return /* @__PURE__ */ jsx24(React24.Fragment, { children: /* @__PURE__ */ jsx24(
+    "button",
+    {
+      type: "button",
+      onClick: execute,
+      "data-role": props.dataRole,
+      disabled: props.disabled,
+      tabIndex: props.tabIndex,
+      className: buttonClass + " " + props.className,
+      children: props.children
+    }
+  ) });
+};
+var ClientButton_default = ClientButton;
+
+// src/components/Confirm.tsx
+import { Fragment, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+var Confirm = ({ message, onConfirm, onCancel }) => {
+  const [showModal, setShowModal] = useState3(true);
+  const handleConfirmAction = () => {
+    setShowModal(false);
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+  const handleCancelAction = () => {
+    setShowModal(false);
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  return /* @__PURE__ */ jsx25(Fragment, { children: showModal && /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 flex items-center justify-center z-20", children: [
+    /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 bg-black opacity-70" }),
+    /* @__PURE__ */ jsxs14("div", { className: "bg-white rounded-md p-6 shadow border z-50", children: [
+      /* @__PURE__ */ jsx25("p", { className: "text-xl font-semibold mb-4", children: "Confirmation" }),
+      /* @__PURE__ */ jsx25("p", { className: "mb-4", children: message }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-8", children: [
+        /* @__PURE__ */ jsx25(
+          ClientButton_default,
+          {
+            onClick: handleCancelAction,
+            ButtonType: "PrimaryHollow" /* PrimaryHollow */,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx25(ClientButton_default, { onClick: handleConfirmAction, children: "Confirm" })
+      ] })
+    ] })
+  ] }) });
+};
+var Confirm_default = Confirm;
+{
+}
+
+// src/components/Button.tsx
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+var Button = (props) => {
+  const [inProgress, setInProgress] = useState4(false);
+  const [isActionPerformed, setIsActionPerformed] = useState4(false);
+  const [responseMessage, setResponseMessage] = useState4(null);
+  const [showModal, setShowModal] = useState4(null);
+  const execute = async (event) => {
+    event.preventDefault();
+    if (props.confirm) {
+      const confirmed = await showConfirmation(
+        "Are you sure you want to delete this item?"
+      );
+      setShowModal(null);
+      if (!confirmed) {
+        return;
+      }
+    }
+    if (props.oneTimeAction && isActionPerformed) {
+      return;
+    }
+    setInProgress(true);
+    let isValid = true;
+    if (props.onValidate !== void 0) {
+      isValid = await props.onValidate();
+      if (!isValid) {
+        setInProgress(false);
+        ToastService_default.showError(
+          "There are error in the form. Please fix them before proceeding."
+        );
+        return;
+      }
+    }
+    if (props.onClick !== void 0) {
+      let response = await props.onClick(props.index);
+      console.log(response);
+      if (response.isSuccessful) {
+        setIsActionPerformed(true);
+        setResponseMessage(response.message);
+        if (props.showToast) {
+          ToastService_default.showInfo(response.message || "");
+        }
+      } else {
+        ToastService_default.showError(response.message || "");
+      }
+    } else {
+      ToastService_default.showError("No action defined.");
+    }
+    setInProgress(false);
+  };
+  const showConfirmation = (message) => {
+    return new Promise((resolve) => {
+      const onConfirm = () => resolve(true);
+      const onCancel = () => resolve(false);
+      setShowModal(
+        /* @__PURE__ */ jsx26(
+          Confirm_default,
+          {
+            message: props.confirmationMessage,
+            onConfirm,
+            onCancel
+          }
+        )
+      );
+    });
+  };
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Primary */);
+  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Primary */);
+  return /* @__PURE__ */ jsxs15(React26.Fragment, { children: [
+    /* @__PURE__ */ jsxs15(
+      "button",
+      {
+        type: "submit",
+        onClick: execute,
+        id: props.id,
+        disabled: props.disabled,
+        className: buttonClass + " relative " + (props.className || "") + (props.isActive ? " scale-95 shadow-inner" : ""),
+        children: [
+          isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
+          inProgress && /* @__PURE__ */ jsx26(React26.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ jsx26("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs15(
+            "svg",
+            {
+              className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass,
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: [
+                /* @__PURE__ */ jsx26(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsx26(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    showModal
+  ] });
+};
+var Button_default = Button;
+
+// src/components/controls/edit/SelectWithSearchPanel.tsx
+import React27, {
+  useEffect as useEffect4,
+  useRef as useRef2,
+  useState as useState5,
+  useCallback
+} from "react";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+var SelectWithSearchPanel = (props) => {
+  const [isOpen, setIsOpen] = useState5(false);
+  const [searchTerm, setSearchTerm] = useState5("");
+  const [highlightedIndex, setHighlightedIndex] = useState5(0);
+  const [list, setList] = useState5([]);
+  const listRef = useRef2(null);
+  const [isError, setIsError] = useState5(false);
+  const containerRef = useRef2(null);
+  const [isCreateOpen, setIsCreateOpen] = useState5(false);
+  const [formData, setFormData] = useState5({});
+  const getNestedValue = (obj, path) => {
+    return path.split(".").reduce((acc, key) => acc?.[key], obj);
+  };
+  useEffect4(() => {
+    const handleClickOutside = (event) => {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  useEffect4(() => {
+    async function fetchData() {
+      if (props.dataset) {
+        setList(props.dataset);
+      } else if (props.dataSource && props.serviceClient) {
+        let dataSource = props.dataSource;
+        if (props.dataSourceDependsOn && props.dependentValue) {
+          dataSource = dataSource.replace(
+            `{${props.dataSourceDependsOn}}`,
+            props.dependentValue
+          );
+        }
+        const response = await props.serviceClient.get(dataSource);
+        if (response?.result) setList(response.result);
+      }
+    }
+    fetchData();
+  }, [
+    props.dataSource,
+    props.dependentValue,
+    props.dataset,
+    props.dataSourceDependsOn
+  ]);
+  const filteredItems = list?.filter((item) => {
+    const value = getNestedValue(item, props.dataTextFieldName);
+    return value?.toLowerCase().includes(searchTerm?.toLowerCase());
+  });
+  const playBeep = () => {
+    const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+    const oscillator = audioCtx.createOscillator();
+    const gainNode = audioCtx.createGain();
+    oscillator.type = "square";
+    oscillator.frequency.setValueAtTime(300, audioCtx.currentTime);
+    gainNode.gain.setValueAtTime(0.02, audioCtx.currentTime);
+    oscillator.connect(gainNode);
+    gainNode.connect(audioCtx.destination);
+    oscillator.start();
+    setTimeout(() => {
+      oscillator.stop();
+      audioCtx.close();
+    }, 250);
+  };
+  useEffect4(() => {
+    const filteredItems2 = list?.filter(
+      (item) => item[props?.dataTextFieldName]?.toLowerCase().includes(searchTerm?.toLowerCase())
+    );
+    if (searchTerm.length > 0 && filteredItems2.length === 0) {
+      playBeep();
+      setIsError(true);
+    } else {
+      setIsError(false);
+    }
+  }, [searchTerm]);
+  const handleSelect = (event, item) => {
+    event.preventDefault();
+    setSearchTerm(getNestedValue(item, props.dataTextFieldName));
+    if (props.callback) {
+      const val = {};
+      props.callback({
+        name: props.name,
+        value: item[props.dataKeyFieldName],
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+    setHighlightedIndex(0);
+    setIsOpen(false);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Escape") {
+      setIsOpen(false);
+      setHighlightedIndex(-1);
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedIndex((prev) => {
+        const nextIndex = prev < filteredItems.length - 1 ? prev + 1 : prev;
+        scrollIntoView(nextIndex);
+        return nextIndex;
+      });
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedIndex((prev) => {
+        const prevIndex = prev > 0 ? prev - 1 : prev;
+        scrollIntoView(prevIndex);
+        return prevIndex;
+      });
+    } else if (e.key === "Enter" && highlightedIndex >= 0) {
+      handleSelect(e, filteredItems[highlightedIndex]);
+    }
+  };
+  const scrollIntoView = (index) => {
+    if (listRef.current) {
+      const item = listRef.current.children[index];
+      if (item) {
+        item.scrollIntoView();
+      }
+    }
+  };
+  const textChangeHandler = (event) => {
+    const newSearchTerm = event.target.value;
+    setSearchTerm(newSearchTerm);
+    setIsOpen(true);
+    setHighlightedIndex(0);
+  };
+  const handleInputChange = (event, field) => {
+    setFormData((prev) => ({ ...prev, [field]: event.target.value }));
+  };
+  const handleSaveModal = useCallback(async () => {
+    console.log("Form Data:", formData);
+    return formData;
+  }, []);
+  return /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx27("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
+    /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsx27(
+      "input",
+      {
+        type: "text",
+        value: searchTerm,
+        onChange: textChangeHandler,
+        onFocus: () => setIsOpen(true),
+        onKeyDown: handleKeyDown,
+        placeholder: props.attributes?.placeholder,
+        className: `peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm
+          ${isError ? "focus:border-red-300 focus:ring focus:ring-red-200 focus:ring-opacity-50" : "focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"}  
+          disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
+      }
+    ) }),
+    /* @__PURE__ */ jsx27("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ jsxs16(React27.Fragment, { children: [
+      /* @__PURE__ */ jsxs16("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
+        /* @__PURE__ */ jsx27("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ jsxs16("h5", { className: "text-md text-white font-medium", children: [
+          "Select a",
+          " ",
+          props.attributes?.label || props.attributes?.heading
+        ] }) }),
+        /* @__PURE__ */ jsx27("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ jsx27(
+          "button",
+          {
+            type: "button",
+            className: "text-primary hover:text-primary-800",
+            onMouseDown: (e) => {
+              e.preventDefault();
+              setIsCreateOpen(true);
+            },
+            children: "Create"
+          }
+        ) })
+      ] }),
+      isCreateOpen && /* @__PURE__ */ jsxs16("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
+        /* @__PURE__ */ jsx27("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ jsxs16("h5", { className: "text-md font-medium text-white", children: [
+          "Create New ",
+          props.attributes?.label
+        ] }) }),
+        /* @__PURE__ */ jsx27("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ jsx27(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsCreateOpen(false),
+            className: "text-red-600 hover:text-red-800",
+            children: "Close"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs16("div", { className: "p-4", children: [
+          props.createFields?.map((field) => /* @__PURE__ */ jsxs16("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx27("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
+            /* @__PURE__ */ jsx27(
+              "input",
+              {
+                type: field.type,
+                value: formData[field.name] || "",
+                onChange: (e) => handleInputChange(e, field.name),
+                placeholder: field.placeholder,
+                required: field.required,
+                disabled: field.disabled,
+                pattern: field.pattern,
+                minLength: field.minLength,
+                maxLength: field.maxLength,
+                className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+              }
+            )
+          ] }, field.name)),
+          /* @__PURE__ */ jsxs16(Button_default, { onClick: handleSaveModal, className: "w-full", children: [
+            "Save ",
+            props.attributes?.label
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx27(
+        "div",
+        {
+          ref: listRef,
+          className: "fixed z-10 right-0 mt-[130px] top-0 w-1/4 bg-white border-l border-gray-200 shadow-lg overflow-y-auto",
+          style: { height: "calc(100vh - 130px)" },
+          children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsx27(
+            "button",
+            {
+              onClick: (e) => {
+                handleSelect(e, item);
+              },
+              className: `w-full px-4 py-2 flex items-center space-x-2 text-left border-b border-gray-200 ${index === highlightedIndex ? "bg-gray-200" : "hover:bg-gray-100"}`,
+              role: "option",
+              tabIndex: -1,
+              onMouseEnter: () => setHighlightedIndex(index),
+              children: /* @__PURE__ */ jsx27("span", { children: getNestedValue(item, props.dataTextFieldName) })
+            }
+          ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx27("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
+        }
+      )
+    ] }) })
+  ] });
+};
+var SelectWithSearchPanel_default = SelectWithSearchPanel;
+
+// src/components/controls/edit/BooleanSelect.tsx
+import React28, {
+  useState as useState6,
+  useEffect as useEffect5
+} from "react";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+var BooleanSelect = (props) => {
+  const [list, setList] = useState6();
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    const boolValue = text?.toLowerCase() === "true" || text === "1";
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: boolValue,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  useEffect5(() => {
+    async function fetchData() {
+      console.log("in select");
+      if (props.dataset) {
+        setList(props.dataset);
+      } else if (props.dataSource && props.dataSource != "" && props.serviceClient) {
+        let dataSource = props.dataSource;
+        let response;
+        if (props.dataSourceDependsOn) {
+          if (props.dependentValue) {
+            dataSource = dataSource.replace(
+              `{${props.dataSourceDependsOn}}`,
+              props.dependentValue
+            );
+            response = await props.serviceClient.get(dataSource);
+            setList(response.result);
+          }
+        } else {
+          response = await props.serviceClient.get(dataSource);
+          setList(response.result);
+        }
+      }
+    }
+    fetchData();
+  }, [
+    props.dataSource,
+    props.dependentValue,
+    props.dataset,
+    props.dataSourceDependsOn
+  ]);
+  let value;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx28(React28.Fragment, { children: /* @__PURE__ */ jsxs17("label", { className: "block", children: [
+    /* @__PURE__ */ jsx28("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx28("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsxs17(
+      "select",
+      {
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        disabled: props?.attributes?.readOnly,
+        className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
+        children: [
+          /* @__PURE__ */ jsx28("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
+          list && list.map((item, i) => {
+            return /* @__PURE__ */ jsx28(
+              "option",
+              {
+                className: "fac-select-option",
+                value: item[props.dataKeyFieldName],
+                children: item[props.dataTextFieldName]
+              },
+              item[props.dataKeyFieldName]
+            );
+          })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx28("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var BooleanSelect_default = BooleanSelect;
+
+// src/components/controls/edit/EmailInput.tsx
+import React29 from "react";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+var EmailInput = (props) => {
+  const textChangeHandler = (event) => {
+    const text = event.target.value;
+    if (text) {
+      const atIndex = text.indexOf("@");
+      const dotIndex = text.indexOf(".", atIndex);
+      if (dotIndex < atIndex || text.length - dotIndex <= 2) {
+        event.target.setCustomValidity("invaild-value");
+      } else {
+        event.target.setCustomValidity("");
+      }
+    }
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index
+      });
+    }
+  };
+  let value = "";
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+  }
+  return /* @__PURE__ */ jsx29(React29.Fragment, { children: /* @__PURE__ */ jsxs18("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx29("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx29("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx29(
+      "input",
+      {
+        type: "email",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: textChangeHandler,
+        required: props?.attributes?.required,
+        placeholder: props?.attributes?.placeholder,
+        maxLength: props?.attributes?.maxLength,
+        disabled: props?.attributes?.readOnly,
+        minLength: props?.attributes?.minLength,
+        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
+      }
+    ),
+    /* @__PURE__ */ jsx29("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1 mb-0  text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var EmailInput_default = EmailInput;
+
+// src/components/controls/edit/TimeInput.tsx
+import React30 from "react";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+var TimeInput = (props) => {
+  const timeChangeHandler = (event) => {
+    const timeValue = event.target.value;
+    if (props.callback) {
+      props.callback({
+        name: props.name,
+        value: timeValue,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  return /* @__PURE__ */ jsx30(React30.Fragment, { children: /* @__PURE__ */ jsxs19("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx30("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx30("span", { className: "text-alert", children: "*" }),
+    /* @__PURE__ */ jsx30("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx30(
+      "input",
+      {
+        type: "time",
+        name: props.name,
+        id: props.name,
+        value: typeof props.value === "boolean" ? "" : props.value ?? "",
+        onChange: timeChangeHandler,
+        required: props?.attributes?.required,
+        disabled: props?.attributes?.readOnly,
+        className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
+      }
+    ) }),
+    /* @__PURE__ */ jsx30("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
+  ] }) });
+};
+var TimeInput_default = TimeInput;
+
+// src/components/controls/edit/InputControl.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+var InputControl = React31.forwardRef(
+  (props, ref) => {
+    const ControlComponents = {
+      [InputControlType_default.lineTextInput]: LineTextInput_default,
+      [InputControlType_default.emailInput]: EmailInput_default,
+      [InputControlType_default.multilineTextInput]: MultilineTextInput_default,
+      [InputControlType_default.moneyInput]: MoneyInput_default,
+      [InputControlType_default.select]: Select_default,
+      [InputControlType_default.percentageInput]: PercentageInput_default,
+      [InputControlType_default.phoneInput]: PhoneInput_default,
+      [InputControlType_default.numberInput]: NumberInput_default,
+      [InputControlType_default.checkboxInput]: CheckboxInput_default,
+      [InputControlType_default.otpInput]: OtpInput_default,
+      [InputControlType_default.datetimeInput]: DateTimeInput_default,
+      [InputControlType_default.colorInput]: ColorInput_default,
+      [InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
+      [InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
+      [InputControlType_default.booleanSelect]: BooleanSelect_default,
+      [InputControlType_default.timeInput]: TimeInput_default
+    };
+    const SelectedControlComponent = ControlComponents[props.controlType];
+    return /* @__PURE__ */ jsx31(React31.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx31(SelectedControlComponent, { ...props }) : "Control not found" });
+  }
+);
+InputControl.displayName = "InputControl";
+var InputControl_default = InputControl;
+export {
+  InputControl_default as InputControl,
+  InputControlType_default as InputControlType,
+  ViewControl_default as ViewControl,
+  ViewControlTypes_default as ViewControlTypes
+};