@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260704091052 → 0.8.1-dev.20260706114046

package/dist/chunk-7ZFZLN56.mjs

@@ -0,0 +1,903 @@
+"use client";
+
+
+// src/components/controls/edit/MultilineTextInput.tsx
+import React from "react";
+import { jsx, jsxs } 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__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx(
+      "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 shadow-sm input"
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var MultilineTextInput_default = MultilineTextInput;
+
+// src/components/controls/edit/LineTextInput.tsx
+import React2 from "react";
+import { jsx as jsx2, jsxs as jsxs2 } 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__ */ jsx2(React2.Fragment, { children: /* @__PURE__ */ jsxs2("label", { className: "block", children: [
+    props?.attributes?.label && /* @__PURE__ */ jsx2("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx2("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
+    /* @__PURE__ */ jsx2(
+      "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 input mt-1 py-1.5 block w-full rounded shadow-sm transition-all duration-500 ease-in-out
+                     ${props?.inputClasses ? props.inputClasses : ``}
+                     `
+      }
+    ),
+    /* @__PURE__ */ jsx2("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var LineTextInput_default = LineTextInput;
+
+// src/components/controls/edit/MoneyInput.tsx
+import React3 from "react";
+import { jsx as jsx3, jsxs as jsxs3 } 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__ */ jsx3(React3.Fragment, { children: /* @__PURE__ */ jsxs3("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx3("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx3("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx3(
+      "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 shadow-sm number-input"
+      }
+    ),
+    /* @__PURE__ */ jsx3("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var MoneyInput_default = MoneyInput;
+
+// src/components/controls/edit/PercentageInput.tsx
+import React4 from "react";
+import { jsx as jsx4, jsxs as jsxs4 } 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__ */ jsx4(React4.Fragment, { children: /* @__PURE__ */ jsxs4("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx4("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx4(
+      "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 shadow-sm number-input"
+      }
+    ),
+    /* @__PURE__ */ jsx4("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var PercentageInput_default = PercentageInput;
+
+// src/components/controls/edit/PhoneInput.tsx
+import React5 from "react";
+import { jsx as jsx5, jsxs as jsxs5 } 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__ */ jsx5(React5.Fragment, { children: /* @__PURE__ */ jsxs5("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx5("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center rounded border ", children: [
+      /* @__PURE__ */ jsx5("span", { className: "px-3", children: props.prefix }),
+      /* @__PURE__ */ jsx5(
+        "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 border-0 mr-0.5"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx5("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var PhoneInput_default = PhoneInput;
+
+// src/components/controls/edit/NumberInput.tsx
+import React6 from "react";
+import { jsx as jsx6, jsxs as jsxs6 } 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__ */ jsx6(React6.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block", children: [
+    props?.attributes?.label && /* @__PURE__ */ jsx6("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx6("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx6(
+      "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 shadow-sm number-input input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+      }
+    ),
+    /* @__PURE__ */ jsx6("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var NumberInput_default = NumberInput;
+
+// src/components/controls/edit/CheckboxInput.tsx
+import React7 from "react";
+import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var CheckboxInput = (props) => {
+  const textChangeHandler = (event) => {
+    let text = event.target.checked;
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value = false;
+  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
+    value = true;
+  }
+  return /* @__PURE__ */ jsx7(React7.Fragment, { children: /* @__PURE__ */ jsxs7("div", { className: "mb-1", children: [
+    props?.attributes?.label && /* @__PURE__ */ jsxs7(Fragment, { children: [
+      /* @__PURE__ */ jsx7(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-medium",
+          children: props.attributes.label
+        }
+      ),
+      props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx7("span", { className: "bg-error-weak", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx7(
+      "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 shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n           "
+      }
+    ),
+    /* @__PURE__ */ jsx7("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
+  ] }) });
+};
+var CheckboxInput_default = CheckboxInput;
+
+// src/components/controls/edit/OtpInput.tsx
+import React8 from "react";
+import { jsx as jsx8, jsxs as jsxs8 } 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__ */ jsx8(React8.Fragment, { children: /* @__PURE__ */ jsxs8("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
+    /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx8("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx8(
+      "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 shadow-sm tracking-[1.25em] text-center"
+      }
+    ),
+    /* @__PURE__ */ jsx8("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var OtpInput_default = OtpInput;
+
+// src/components/controls/edit/DateTimeInput.tsx
+import React9 from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var DateTimeInput = (props) => {
+  const textChangeHandler = (event) => {
+    const localDate = new Date(event.target.value);
+    if (props.callback !== void 0) {
+      const utcISOString = localDate.toISOString();
+      props.callback({
+        name: props.name,
+        value: utcISOString,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value;
+  let localvalue;
+  let timeZoneAbbr;
+  if (props.value !== void 0 && props.value !== null) {
+    value = props.value;
+    const now = /* @__PURE__ */ new Date();
+    const offsetMinutes = now.getTimezoneOffset();
+    const offsetMilliseconds = offsetMinutes * 60 * 1e3;
+    const valDate = value.toString().includes("Z") ? new Date(value) : /* @__PURE__ */ new Date(value + "Z");
+    const localDate = new Date(valDate.getTime() - offsetMilliseconds);
+    timeZoneAbbr = now.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
+    localvalue = localDate?.toISOString()?.slice(0, 16);
+  }
+  const handleKeyDown = (e) => {
+    if (e.key === "Backspace") {
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsx9(React9.Fragment, { children: /* @__PURE__ */ jsxs9("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx9("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx9(
+        "input",
+        {
+          type: "datetime-local",
+          name: props.name,
+          id: props.name,
+          value: localvalue,
+          onChange: textChangeHandler,
+          onKeyDown: handleKeyDown,
+          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 shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
+        }
+      ),
+      /* @__PURE__ */ jsx9("span", { children: timeZoneAbbr })
+    ] }),
+    /* @__PURE__ */ jsx9("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var DateTimeInput_default = DateTimeInput;
+
+// src/components/controls/edit/ColorInput.tsx
+import React10, { useEffect } from "react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var ColorInput = (props) => {
+  const [color, setColor] = React10.useState("#3b82f6");
+  useEffect(() => {
+    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__ */ jsxs10("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx10("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx10("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx10(
+      "input",
+      {
+        type: "color",
+        name: props.name,
+        title: color,
+        id: props.name,
+        value: color,
+        onChange: handleColorChange,
+        required: props?.attributes?.required,
+        className: `w-[78px] h-12 block cursor-pointer`
+      }
+    ),
+    props?.attributes?.errorMessage && /* @__PURE__ */ jsx10("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
+  ] });
+};
+var ColorInput_default = ColorInput;
+
+// src/components/controls/edit/SelectWithSearchInput.tsx
+import { useEffect as useEffect2, useRef, useState } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var SelectWithSearchInput = (props) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [highlightedIndex, setHighlightedIndex] = useState(-1);
+  const [selectedItem, setSelectedItem] = useState(null);
+  const [list, setList] = useState([]);
+  useEffect2(() => {
+    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);
+  useEffect2(() => {
+    if (highlightedIndex >= 0 && dropdownRef.current) {
+      const highlightedItem = dropdownRef.current.children[highlightedIndex];
+      highlightedItem?.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    }
+  }, [highlightedIndex]);
+  return /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs11("label", { children: [
+      props.attributes?.label,
+      " ",
+      " ",
+      props?.attributes?.required && /* @__PURE__ */ jsx11("span", { className: "bg-error-weak", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx11(
+        "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 select 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__ */ jsx11(
+        "button",
+        {
+          type: "button",
+          onClick: () => setIsOpen(!isOpen),
+          className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
+          children: /* @__PURE__ */ jsx11(
+            "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__ */ jsx11(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    isOpen && /* @__PURE__ */ jsx11(
+      "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__ */ jsx11(
+          "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__ */ jsx11("span", { children: item[props.dataTextFieldName] })
+          },
+          item[props.dataKeyFieldName]
+        )) : /* @__PURE__ */ jsx11("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
+      }
+    )
+  ] });
+};
+var SelectWithSearchInput_default = SelectWithSearchInput;
+
+// src/components/controls/edit/BooleanSelect.tsx
+import React12, {
+  useState as useState2,
+  useEffect as useEffect3
+} from "react";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var BooleanSelect = (props) => {
+  const [list, setList] = useState2();
+  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
+      });
+    }
+  };
+  useEffect3(() => {
+    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__ */ jsx12(React12.Fragment, { children: /* @__PURE__ */ jsxs12("label", { className: "block", children: [
+    /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsxs12(
+      "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 shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
+        children: [
+          /* @__PURE__ */ jsx12("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
+          list && list.map((item, i) => {
+            return /* @__PURE__ */ jsx12(
+              "option",
+              {
+                className: "fac-select-option",
+                value: item[props.dataKeyFieldName],
+                children: item[props.dataTextFieldName]
+              },
+              item[props.dataKeyFieldName]
+            );
+          })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var BooleanSelect_default = BooleanSelect;
+
+// src/components/controls/edit/EmailInput.tsx
+import React13 from "react";
+import { jsx as jsx13, jsxs as jsxs13 } 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__ */ jsx13(React13.Fragment, { children: /* @__PURE__ */ jsxs13("label", { className: "block mb-1", children: [
+    /* @__PURE__ */ jsx13("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
+    " ",
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx13(
+      "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 shadow-sm\n                     transition-all duration-500 ease-in-out"
+      }
+    ),
+    /* @__PURE__ */ jsx13("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+  ] }) });
+};
+var EmailInput_default = EmailInput;
+
+// src/components/controls/edit/TimeInput.tsx
+import React14 from "react";
+import { jsx as jsx14, jsxs as jsxs14 } 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__ */ jsx14(React14.Fragment, { children: /* @__PURE__ */ jsxs14("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: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx14("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx14(
+      "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 shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
+      }
+    ) }),
+    /* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
+  ] }) });
+};
+var TimeInput_default = TimeInput;
+
+// src/components/utilities/AssetUtility.tsx
+var AssetUtility = class {
+  constructor() {
+  }
+  static resolveUrl(assetBaseUrl, url) {
+    if (!url) return void 0;
+    if (url.startsWith("http")) return url;
+    if (!assetBaseUrl) return url;
+    return `${assetBaseUrl}/${url}`;
+  }
+  // // static getAssetUrl(apiBaseUrl: string) {
+  // //   let domainName = apiBaseUrl.replace("https://", "");
+  // //   return `https://cdn.g-assets.com/${domainName}`;
+  // // }
+  // static getAssetFullPath(apiBaseUrl: string, relativePath: string) {
+  //   const domainName = apiBaseUrl.replace("https://", "");
+  //   return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
+  // }
+};
+var AssetUtility_default = AssetUtility;
+
+export {
+  AssetUtility_default,
+  MultilineTextInput_default,
+  LineTextInput_default,
+  MoneyInput_default,
+  PercentageInput_default,
+  PhoneInput_default,
+  NumberInput_default,
+  CheckboxInput_default,
+  OtpInput_default,
+  DateTimeInput_default,
+  ColorInput_default,
+  SelectWithSearchInput_default,
+  BooleanSelect_default,
+  EmailInput_default,
+  TimeInput_default
+};