@apia/api 1.0.4 → 2.0.0

package/dist/index.js

@@ -1,1771 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { createContext } from 'react';
-import { Box, getVariant } from '@apia/theme';
-import { debugDispatcher, EventEmitter, parseXmlAsync, arrayOrArray, useMount, encrypt, WithEventsValue, focus, focusSelector, useStateRef, useUnmount } from '@apia/util';
-import { notify, getNotificationMessageObj, dispatchNotifications } from '@apia/notifications';
-import { classToValidate, Checkbox, FileInput, classToValidationFunction, Input, Radio, Select, Textarea, useFormContext, validationsStore, hasSucceedFormValidation, Form } from '@apia/validations';
-import { SimpleButton, useModal, Modal, ProgressBar } from '@apia/components';
-import axios from 'axios';
-import { merge, uniqueId } from 'lodash';
-import QueryString from 'qs';
-import { session } from '@apia/session';
-
-const ApiaApiId = createContext("apiaApi");
-const ApiaApiContext = ({
-  children,
-  id
-}) => {
-  return /* @__PURE__ */ jsx(ApiaApiId.Provider, { value: id, children });
-};
-var ApiaApiContext$1 = React.memo(ApiaApiContext);
-
-var __defProp$9 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async$2 = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-debugDispatcher.on(
-  "parseXml",
-  (_0) => __async$2(void 0, [_0], function* ([text]) {
-    const result = yield parseXmlAsync(text);
-    console.info(result);
-  }),
-  "Acepta un par\xE1metro de tipo string y realiza un parseo como si fuera xml, convirti\xE9ndolo a objeto javascript."
-);
-const defaultConfig = {
-  debug: true,
-  colors: {
-    exception: "red",
-    alert: "yellow",
-    message: "lightgreen"
-  },
-  handleLoad: false
-};
-const STORED_CONFIG = "ApiaApiConfig";
-let forcedConfig = {};
-const storedConfig = localStorage.getItem(STORED_CONFIG);
-if (storedConfig)
-  forcedConfig = JSON.parse(storedConfig);
-function getConfig(outerBehaveConfig) {
-  return merge({}, defaultConfig, outerBehaveConfig, forcedConfig);
-}
-function makeUrl(url, queryData, stringifyOptions) {
-  let finalUrl = url;
-  const questionMarkIndex = finalUrl.indexOf("?");
-  if (questionMarkIndex === -1)
-    finalUrl += "?";
-  else if (questionMarkIndex !== finalUrl.length - 1 && !finalUrl.endsWith("&"))
-    finalUrl += "&";
-  let parsedUrl = `${finalUrl}${queryData ? QueryString.stringify(queryData, stringifyOptions) : ""}`;
-  if (parsedUrl.endsWith("&") || parsedUrl.endsWith("?")) {
-    parsedUrl = parsedUrl.slice(0, parsedUrl.length - 1);
-  }
-  return parsedUrl;
-}
-const getURLActionName = (url) => {
-  var _a;
-  const actionIdx = (_a = url.match(/action=(\w+)/)) == null ? void 0 : _a[1];
-  return actionIdx != null ? actionIdx : "noAction";
-};
-const ApiaActions = new class ApiaActions2 extends EventEmitter {
-}();
-function getColor(color, colors = ((_a) => (_a = defaultConfig.colors) != null ? _a : {
-  exception: "red",
-  alert: "yellow",
-  message: "green"
-})()) {
-  return colors[color];
-}
-const handleWrongResponse = (error) => {
-  let errorMessage;
-  if (typeof error !== "string") {
-    if (error.message)
-      errorMessage = error.message;
-    else
-      errorMessage = error.toString();
-  } else
-    errorMessage = error;
-  notify({
-    type: "danger",
-    message: error.message.replaceAll("AxiosError", "Error")
-  });
-  console.log("%c ", "font-size:10vh");
-  console.log("%cError in ApiaApi", "color:red;font-size:2em;font-weight:bold");
-  console.log(`red/${errorMessage}`, { error });
-  console.log("%c ", "font-size:10vh");
-};
-function isJsonResponse(response) {
-  return response.headers["content-type"].match("application/json");
-}
-function isXmlResponse(response) {
-  return response.headers["content-type"].match(
-    /(?:application|text)?\/xml/
-  );
-}
-function isHtmlResponse(response) {
-  return response.headers["content-type"].match(
-    /(?:application|text)?\/html/
-  );
-}
-function handleActions(actions) {
-  var _a, _b;
-  if (actions) {
-    if (getConfig().debug)
-      console.log(
-        "%cHandled actions: ",
-        `color: ${(_b = (_a = getConfig().colors) == null ? void 0 : _a.message) != null ? _b : "green"}`,
-        { actions }
-      );
-    const actionsArray = arrayOrArray(actions.action);
-    actionsArray.forEach((action) => {
-      ApiaActions.emit("action", __spreadProps$4(__spreadValues$9({}, action), {
-        param: arrayOrArray(action.param)
-      }));
-    });
-  }
-}
-function handleOnClose({
-  exceptions,
-  onClose,
-  sysExceptions,
-  sysMessages
-}) {
-  try {
-    import(
-      /* webpackChunkName: "api-[request]" */
-      `/api/onClose/${onClose}.ts`
-    ).then(
-      (func) => {
-        if (exceptions || sysExceptions || sysMessages) {
-          const notificationsObject = getNotificationMessageObj({
-            exceptions,
-            onClose,
-            sysExceptions,
-            sysMessages
-          });
-          if (notificationsObject)
-            notificationsObject.forEach((notification) => {
-              notify(__spreadProps$4(__spreadValues$9({}, notification), {
-                onClose: func.default
-              }));
-            });
-          else
-            func.default();
-        } else
-          func.default();
-      },
-      (e) => {
-        notify({
-          message: `onClose action not found: ${String(e)}`,
-          type: "danger"
-        });
-      }
-    );
-  } catch (e) {
-    parseMessages({ exceptions, sysExceptions, sysMessages });
-    console.error("Error while handling onClose");
-    console.error(e);
-  }
-}
-function parseMessages(response) {
-  if (!response)
-    return;
-  const { exceptions, sysMessages, sysExceptions } = response;
-  if (exceptions || sysExceptions || sysMessages) {
-    try {
-      dispatchNotifications({
-        exceptions,
-        sysExceptions,
-        sysMessages
-      });
-    } catch (e) {
-      handleWrongResponse(new Error(e));
-    }
-  }
-}
-const parseSuccessfulResponse = (_0, _1, ..._2) => __async$2(void 0, [_0, _1, ..._2], function* (response, currentUrl, outerBehaveConfig = defaultConfig) {
-  var _a;
-  const behaveConfig = getConfig(outerBehaveConfig);
-  let parsedObj = void 0;
-  if (isJsonResponse(response)) {
-    if (typeof response.data === "string")
-      parsedObj = JSON.parse(
-        response.data.trim()
-      );
-    else if (typeof response.data === "object" && response.data)
-      parsedObj = response.data;
-  } else if (isXmlResponse(response)) {
-    parsedObj = yield parseXmlAsync(response.data).catch(
-      (e) => {
-        handleWrongResponse(new Error(e));
-      }
-    );
-  } else if (isHtmlResponse(response)) {
-    console.error(
-      "El contenido devuelto es Html, no se esperaba esa respuesta"
-    );
-    return null;
-  }
-  if (behaveConfig.validateResponse) {
-    const validateResult = yield behaveConfig.validateResponse(__spreadProps$4(__spreadValues$9({}, response), {
-      data: (_a = parsedObj == null ? void 0 : parsedObj.load) != null ? _a : parsedObj
-    }));
-    if (typeof validateResult === "string")
-      throw new Error(`Validation error: ${validateResult}`);
-    else if (!validateResult) {
-      throw new Error("Error");
-    }
-  }
-  if (parsedObj) {
-    const _b = parsedObj, {
-      actions,
-      onClose,
-      exceptions,
-      sysExceptions,
-      sysMessages,
-      load
-    } = _b, rest = __objRest$1(_b, [
-      "actions",
-      "onClose",
-      "exceptions",
-      "sysExceptions",
-      "sysMessages",
-      "load"
-    ]);
-    if (rest.code === "-1" && exceptions) {
-      session.invalidate();
-      return null;
-    }
-    if (exceptions && behaveConfig.debug) {
-      console.log(
-        `%cparseSuccessfulResponse`,
-        `color: ${getColor("exception", behaveConfig.colors)}`,
-        {
-          exceptions
-        }
-      );
-    }
-    if (sysExceptions && behaveConfig.debug) {
-      console.log(
-        `%cparseSuccessfulResponse`,
-        `color: ${getColor("exception", behaveConfig.colors)}`,
-        {
-          sysExceptions
-        }
-      );
-    }
-    if (sysMessages && behaveConfig.debug) {
-      console.log(
-        `%cparseSuccessfulResponse`,
-        `color: ${getColor("alert", behaveConfig.colors)}`,
-        {
-          sysMessages
-        }
-      );
-    }
-    handleActions(actions);
-    if (behaveConfig.handleLoad && onClose)
-      handleOnClose({
-        exceptions,
-        onClose,
-        sysExceptions,
-        sysMessages
-      });
-    else
-      parseMessages({ exceptions, sysExceptions, sysMessages });
-    if (load) {
-      if (behaveConfig.handleLoad) {
-        console.log(
-          `%chandleLoad`,
-          `color: ${getColor("message", behaveConfig.colors)}`,
-          {
-            load
-          }
-        );
-        if (!handle(load, currentUrl, {
-          methodsPath: outerBehaveConfig.methodsPath,
-          modalConfiguration: __spreadProps$4(__spreadValues$9({}, behaveConfig.modalConfiguration), {
-            onClose: () => {
-              var _a2, _b2;
-              if (onClose)
-                handleOnClose({
-                  exceptions,
-                  onClose,
-                  sysExceptions,
-                  sysMessages
-                });
-              if ((_a2 = behaveConfig.modalConfiguration) == null ? void 0 : _a2.onClose)
-                (_b2 = behaveConfig.modalConfiguration) == null ? void 0 : _b2.onClose();
-            }
-          })
-        })) {
-          console.log(
-            `%cunhandledLoad -> There is no handler defined`,
-            `color: ${getColor("exception", behaveConfig.colors)}`,
-            {
-              load
-            }
-          );
-        }
-      }
-      return __spreadProps$4(__spreadValues$9({}, load), { sysMessages, exceptions, sysExceptions });
-    }
-    return __spreadProps$4(__spreadValues$9({}, rest), { sysMessages, exceptions, sysExceptions });
-  }
-  return null;
-});
-function handleResponse(_0, _1) {
-  return __async$2(this, arguments, function* (result, currentUrl, outerBehaveConfig = defaultConfig) {
-    var _a;
-    const behaveConfig = getConfig(outerBehaveConfig);
-    try {
-      if (!result || result.data === void 0) {
-        if (behaveConfig.debug)
-          console.log(
-            `%cApiaApi wrong response`,
-            `color: ${getColor("alert", behaveConfig.colors)}`
-          );
-      } else {
-        const parsedResponse = yield parseSuccessfulResponse(
-          result,
-          currentUrl,
-          behaveConfig
-        );
-        const action = getURLActionName(currentUrl);
-        if (behaveConfig.debug)
-          console.log(
-            `%c <- ApiaApi.${(_a = result.config.method) != null ? _a : ""} ${action} `,
-            `color: ${getColor("message", behaveConfig.colors)}`,
-            {
-              data: parsedResponse
-            }
-          );
-        return __spreadProps$4(__spreadValues$9({}, result), {
-          data: parsedResponse,
-          hasError: !!(parsedResponse == null ? void 0 : parsedResponse.exceptions) || !!(parsedResponse == null ? void 0 : parsedResponse.sysExceptions),
-          hasMessages: !!(parsedResponse == null ? void 0 : parsedResponse.sysMessages)
-        });
-      }
-    } catch (e) {
-      handleWrongResponse(new Error(e));
-      return null;
-    }
-    return null;
-  });
-}
-function post(par1, par2) {
-  return __async$2(this, null, function* () {
-    const actualUrl = typeof par1 !== "string" ? makeApiaUrl() : par1;
-    const configParameter = typeof par1 === "string" ? par2 != null ? par2 : defaultConfig : par1;
-    const behaveConfig = __spreadProps$4(__spreadValues$9({}, getConfig(configParameter)), {
-      postData: configParameter.postDataTreatement === "stringify" ? QueryString.stringify(
-        configParameter.postData,
-        configParameter.stringifyOptions
-      ) : configParameter.postData
-    });
-    const parsedUrl = makeUrl(
-      actualUrl,
-      behaveConfig.queryData,
-      behaveConfig.stringifyOptions
-    );
-    if (behaveConfig.debug) {
-      const queryString = actualUrl.split("&");
-      const action = getURLActionName(actualUrl);
-      console.log(
-        `%cApiaApi.post ${action}`,
-        `color: ${getColor("message", behaveConfig.colors)}`,
-        {
-          url: parsedUrl,
-          queryDataInURL: [...queryString],
-          queryData: behaveConfig.queryData,
-          formData: behaveConfig.postData,
-          stringifyOptiopns: behaveConfig.stringifyOptions
-        }
-      );
-    }
-    const response = yield axios.post(
-      parsedUrl,
-      behaveConfig.postData,
-      behaveConfig.axiosConfig
-    ).catch((e) => {
-      handleWrongResponse(new Error(e));
-    });
-    if (response) {
-      const result = handleResponse(response, actualUrl, behaveConfig);
-      return result;
-    }
-    return null;
-  });
-}
-function get(par1, par2) {
-  return __async$2(this, null, function* () {
-    const actualUrl = typeof par1 !== "string" ? makeApiaUrl() : par1;
-    const behaveConfig = getConfig(
-      typeof par1 === "string" ? par2 != null ? par2 : defaultConfig : par1
-    );
-    const parsedUrl = makeUrl(
-      actualUrl,
-      behaveConfig.queryData,
-      behaveConfig.stringifyOptions
-    );
-    if (behaveConfig.debug)
-      console.log(
-        `%cApiaApi.get`,
-        `color: ${getColor("message", behaveConfig.colors)}`,
-        {
-          url: parsedUrl
-        }
-      );
-    const response = yield axios.get(parsedUrl, behaveConfig.axiosConfig).catch((e) => {
-      handleWrongResponse(new Error(e));
-    });
-    if (response) {
-      const result = yield handleResponse(
-        response,
-        actualUrl,
-        behaveConfig
-      );
-      return result;
-    }
-    return null;
-  });
-}
-const ApiaApi = {
-  get,
-  getConfig,
-  post
-};
-function makeApiaUrl(props) {
-  var _b, _c, _d;
-  let actualQueryData = {};
-  if (props) {
-    const _a = props, rest = __objRest$1(_a, [
-      "ajaxUrl",
-      "queryString",
-      "stringifyOptions",
-      "shouldAvoidTabId",
-      "preventAsXmlParameter",
-      "avoidTabId",
-      "tabId"
-    ]);
-    actualQueryData = __spreadValues$9({}, rest);
-  }
-  const queryString = QueryString.stringify(
-    actualQueryData,
-    (_b = props == null ? void 0 : props.stringifyOptions) != null ? _b : {
-      arrayFormat: "repeat",
-      encodeValuesOnly: false
-    }
-  );
-  let actualAjaxUrl = (_c = props == null ? void 0 : props.ajaxUrl) != null ? _c : window.URL_REQUEST_AJAX;
-  if (actualAjaxUrl.indexOf("?") === actualAjaxUrl.length - 1) {
-    actualAjaxUrl = actualAjaxUrl.slice(0, actualAjaxUrl.length - 1);
-  }
-  if (!actualAjaxUrl.startsWith("/")) {
-    actualAjaxUrl = `/${actualAjaxUrl}`;
-  }
-  const match = window.TAB_ID_REQUEST.match(/tokenId=(\w+)/);
-  const currentTokenId = (match != null ? match : [])[1];
-  let tabId = ((props == null ? void 0 : props.tabId) ? `&tabId=${props.tabId}&tokenId=${currentTokenId}` : window.TAB_ID_REQUEST).slice(1);
-  if (props == null ? void 0 : props.avoidTabId) {
-    tabId = "";
-  }
-  let { CONTEXT } = window;
-  if (CONTEXT == null ? void 0 : CONTEXT.endsWith("/")) {
-    CONTEXT += CONTEXT.slice(0, CONTEXT.length - 1);
-  }
-  let timestamp = `timestamp=${Date.now()}&`;
-  if ((props == null ? void 0 : props.queryString) && props.queryString.includes("timestamp=") || (queryString == null ? void 0 : queryString.includes("timestamp="))) {
-    timestamp = "";
-  }
-  const contextWord = CONTEXT.replaceAll("/", "");
-  actualAjaxUrl = (_d = actualAjaxUrl.match(
-    new RegExp(`^(?:(?:/?${contextWord})?/)?(.+)$`)
-  )) == null ? void 0 : _d[1];
-  return `${contextWord ? "/" : ""}${contextWord}/${actualAjaxUrl}?${timestamp}${!(props == null ? void 0 : props.preventAsXmlParameter) ? "asXml=true&" : ""}${(props == null ? void 0 : props.queryString) ? `${props.queryString}&` : ""}${queryString ? `${queryString}&` : ""}${tabId}`;
-}
-
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    }
-  return a;
-};
-const ApiaApiCheckbox = (props) => {
-  const element = React__default.useMemo(() => props.element, [props.element]);
-  const className = React__default.useMemo(
-    () => element.class ? `handler__checkbox ${element.class}` : "handler__checkbox",
-    [element.class]
-  );
-  const validationRules = React__default.useMemo(
-    () => __spreadValues$8({
-      required: element.mandatory
-    }, classToValidate(element.class)),
-    [element.class, element.mandatory]
-  );
-  const submitValueParser = React__default.useCallback(
-    (value) => value === "on" || value === true,
-    []
-  );
-  return /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      className,
-      name: element.id || element.name,
-      label: element.text,
-      title: element.title || element.text,
-      initialValue: String(element.selected) === "true",
-      disabled: element.readonly || element.disabled,
-      validationRules,
-      onChange: element.onChange,
-      submitValueParser
-    }
-  );
-};
-
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    }
-  return a;
-};
-const ApiaApiFileInput = (props) => {
-  const element = React__default.useMemo(() => props.element, [props.element]);
-  const className = React__default.useMemo(
-    () => element.class ? `handler__file ${element.class}` : "handler__file",
-    [element.class]
-  );
-  const validationRules = React__default.useMemo(
-    () => __spreadValues$7({
-      required: element.mandatory
-    }, classToValidate(element.class)),
-    [element.class, element.mandatory]
-  );
-  return /* @__PURE__ */ jsx(
-    FileInput,
-    {
-      className,
-      name: element.id || element.name,
-      label: element.text,
-      title: element.title || element.text,
-      readOnly: element.readonly,
-      disabled: element.disabled,
-      validationRules
-    }
-  );
-};
-ApiaApiFileInput.displayName = "ApiaApiFileInput";
-
-var __defProp$6 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-const getModal = (path) => {
-  return React__default.lazy(() => {
-    return new Promise((resolve) => {
-      import(
-        /* webpackChunkName: "handlerModal" */
-        /* webpackInclude: /\.tsx?$/ */
-        `/api/modals/${path}`
-      ).then((result) => {
-        resolve(
-          result
-        );
-      }).catch((error) => {
-        resolve({
-          default: () => {
-            console.error(error);
-            throw new Error(
-              `The above error ocurred at component ApiaApiHandler/${path}, does it exist?`
-            );
-          }
-        });
-      });
-    });
-  });
-};
-const ApiaApiInput = (props) => {
-  const element = React__default.useMemo(() => props.element, [props.element]);
-  const [Submodal, setSubmodal] = React__default.useState(null);
-  useMount(() => {
-    if (element.modalFunction) {
-      const found = element.modalFunction.match(/(?:fnc)?(\w+)\(?\)?$/);
-      if (found) {
-        const modalName = found[found.length - 1];
-        setSubmodal(getModal(modalName));
-      }
-    }
-  });
-  const className = React__default.useMemo(
-    () => element.class ? `handler__${element.type} ${element.class}` : `handler__${element.type}`,
-    [element.class, element.type]
-  );
-  const validationRules = React__default.useMemo(
-    () => __spreadValues$6({
-      required: element.mandatory,
-      maxLength: element.maxlength ? Number(element.maxlength) : void 0,
-      pattern: element.regExp,
-      patternMessage: element.regExpMessage
-    }, classToValidate(element.class)),
-    [
-      element.class,
-      element.mandatory,
-      element.maxlength,
-      element.regExp,
-      element.regExpMessage
-    ]
-  );
-  const validationFunction = React__default.useMemo(
-    () => classToValidationFunction(element.class),
-    [element.class]
-  );
-  const submitValueParser = React__default.useCallback(
-    (value) => {
-      if (element.type === "password") {
-        return encrypt(
-          window.SALT,
-          window.IV,
-          window.PASSPHRASE,
-          value,
-          Number(window.KEY_SIZE),
-          Number(window.ITERATION_COUNT)
-        );
-      }
-      return value;
-    },
-    [element.type]
-  );
-  if (element.modalFunction) {
-    if (Submodal) {
-      return /* @__PURE__ */ jsx(React__default.Suspense, { children: /* @__PURE__ */ jsx(Submodal, __spreadProps$3(__spreadValues$6({}, props), { element })) });
-    }
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      type: element.isADate ? "date" : element.type,
-      className,
-      name: element.id || element.name,
-      label: element.text,
-      title: element.title || element.text,
-      value: element.value,
-      readOnly: element.readonly,
-      disabled: element.disabled,
-      validationFunction,
-      validationRules,
-      submitValueParser,
-      onChange: element.onChange,
-      autoComplete: element.type === "password" ? "new-password" : void 0
-    }
-  );
-};
-ApiaApiInput.displayName = "ApiaApiInput";
-
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    }
-  return a;
-};
-const ApiaApiRadio = (props) => {
-  var _a;
-  const element = React__default.useMemo(() => props.element, [props.element]);
-  const className = React__default.useMemo(
-    () => element.class ? `handler__radio ${element.class}` : "handler__radio",
-    [element.class]
-  );
-  const options = React__default.useMemo(
-    () => {
-      var _a2;
-      return arrayOrArray((_a2 = element.options) == null ? void 0 : _a2.option).map((currOption) => {
-        return { value: currOption.value, label: currOption.content };
-      });
-    },
-    [(_a = element.options) == null ? void 0 : _a.option]
-  );
-  const validationRules = React__default.useMemo(
-    () => __spreadValues$5({
-      required: element.mandatory
-    }, classToValidate(element.class)),
-    [element.class, element.mandatory]
-  );
-  return /* @__PURE__ */ jsx(
-    Radio,
-    {
-      className,
-      name: element.id || element.name,
-      label: element.text,
-      title: element.title || element.text,
-      initialValue: element.value,
-      disabled: element.readonly || element.disabled,
-      validationRules,
-      options,
-      onChange: element.onChange
-    }
-  );
-};
-ApiaApiRadio.displayName = "ApiaApiRadio";
-
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    }
-  return a;
-};
-const apiaApiSelectOptions = new class ApiaApiSelectOptions extends EventEmitter {
-}();
-const ApiaApiSelect = (props) => {
-  var _a;
-  const element = React__default.useMemo(() => props.element, [props.element]);
-  const className = React__default.useMemo(
-    () => element.class ? `handler__select ${element.class}` : "handler__select",
-    [element.class]
-  );
-  const [options, setOptions] = React__default.useState(
-    arrayOrArray((_a = element.options) == null ? void 0 : _a.option).map((currOption) => {
-      return { value: currOption.value, label: currOption.content };
-    })
-  );
-  const validationRules = React__default.useMemo(
-    () => __spreadValues$4({
-      required: element.mandatory
-    }, classToValidate(element.class)),
-    [element.class, element.mandatory]
-  );
-  React__default.useEffect(() => {
-    const unsuscribe = apiaApiSelectOptions.on("setOptions", (ev) => {
-      if (ev.fieldName === element.name) {
-        setOptions(
-          ev.options.map((currOption) => ({
-            value: currOption.value,
-            label: currOption.content
-          }))
-        );
-      }
-    });
-    return () => {
-      unsuscribe();
-    };
-  }, [element.name]);
-  const initialValue = React__default.useMemo(
-    () => {
-      var _a2, _b, _c, _d;
-      return (_d = (_c = (_a2 = options.find((current) => current.value === props.element.value)) == null ? void 0 : _a2.value) != null ? _c : (_b = options[0]) == null ? void 0 : _b.value) != null ? _d : "";
-    },
-    [options, props.element.value]
-  );
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
-      className,
-      name: element.id || element.name,
-      label: element.text,
-      title: element.title || element.text,
-      initialValue,
-      disabled: element.readonly || element.disabled,
-      validationRules,
-      options,
-      onChange: element.onChange
-    }
-  );
-};
-ApiaApiSelect.displayName = "ApiaApiSelect";
-
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-const ApiaApiTextArea = (props) => {
-  const element = React__default.useMemo(() => props.element, [props.element]);
-  const className = React__default.useMemo(
-    () => element.class ? `handler__textarea ${element.class}` : "handler__textarea",
-    [element.class]
-  );
-  const validationRules = React__default.useMemo(
-    () => __spreadValues$3({
-      required: element.mandatory,
-      maxLength: element.maxlength ? Number(element.maxlength) : void 0,
-      pattern: element.regExp,
-      patternMessage: element.regExpMessage
-    }, classToValidate(element.class)),
-    [
-      element.class,
-      element.mandatory,
-      element.maxlength,
-      element.regExp,
-      element.regExpMessage
-    ]
-  );
-  const validationFunction = React__default.useMemo(
-    () => classToValidationFunction(element.class),
-    [element.class]
-  );
-  return /* @__PURE__ */ jsx(
-    Textarea,
-    {
-      className,
-      name: element.id || element.name,
-      label: element.text,
-      title: element.title || element.text,
-      value: element.value,
-      readOnly: element.readonly,
-      disabled: element.disabled,
-      validationFunction,
-      validationRules,
-      onChange: element.onChange
-    }
-  );
-};
-ApiaApiTextArea.displayName = "ApiaApiTextArea";
-
-var __defProp$2 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-const parseApiaApiSections = (elements) => {
-  var _a;
-  const removeEndingSpacers = (sectionElements) => {
-    if (sectionElements.length > 1) {
-      for (let i = sectionElements.length - 1; i >= 0; i--) {
-        if (sectionElements[i].type === "empty") {
-          sectionElements.pop();
-        } else {
-          return sectionElements;
-        }
-      }
-    }
-    return sectionElements;
-  };
-  const sectionIndexes = [];
-  if (((_a = elements[0]) == null ? void 0 : _a.type) !== "2columnTitle") {
-    sectionIndexes.push(-1);
-  }
-  elements.forEach((element, index) => {
-    if (element.type === "2columnTitle") {
-      sectionIndexes.push(index);
-    }
-  });
-  const sections = [];
-  sectionIndexes.forEach((sectionIndex, arrayIndex) => {
-    const start = sectionIndex + 1 < elements.length ? sectionIndex + 1 : elements.length - 1;
-    const end = arrayIndex + 1 < sectionIndexes.length ? sectionIndexes[arrayIndex + 1] : void 0;
-    sections.push({
-      sectionId: `ApiaApiSection_${arrayIndex}`,
-      sectionHeader: sectionIndex !== -1 ? __spreadProps$2(__spreadValues$2({}, elements[sectionIndex]), {
-        sectionElementId: `sectionHeader_${arrayIndex}`
-      }) : void 0,
-      sectionElements: removeEndingSpacers(elements.slice(start, end)).map(
-        (currentElement) => __spreadProps$2(__spreadValues$2({}, currentElement), {
-          sectionElementId: `sectionElement_${currentElement.id || currentElement.name || uniqueId()}`
-        })
-      )
-    });
-  });
-  return sections;
-};
-const NonMemoizedApiaApiFieldsContainer = (props) => {
-  var _a, _b;
-  const elements = React__default.useMemo(
-    () => {
-      var _a2, _b2, _c;
-      return arrayOrArray((_c = (_b2 = (_a2 = props == null ? void 0 : props.definition) == null ? void 0 : _a2.form.elements) == null ? void 0 : _b2.element) != null ? _c : []);
-    },
-    [(_b = (_a = props == null ? void 0 : props.definition) == null ? void 0 : _a.form.elements) == null ? void 0 : _b.element]
-  );
-  const sections = React__default.useMemo(
-    () => parseApiaApiSections(elements),
-    [elements]
-  );
-  const renderSectionContent = React__default.useCallback(
-    (sectionId, sectionElements) => {
-      const isVisible = sectionElements.findIndex((element) => element.type !== "hidden") !== -1;
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: isVisible ? "handler__form__elements__section__content" : `handler__form__elements__section__content handler__hidden`,
-          children: sectionElements.map((current) => {
-            const element = __spreadProps$2(__spreadValues$2({}, current), {
-              onChange() {
-                getFunction(current.onChange, props).then((onChangeMethod) => {
-                  if (onChangeMethod) {
-                    onChangeMethod();
-                  }
-                }).catch(console.error);
-              }
-            });
-            switch (element.type) {
-              case "table": {
-                const data = JSON.parse(element.text);
-                return /* @__PURE__ */ jsx(
-                  Box,
-                  __spreadProps$2(__spreadValues$2({}, getVariant("layout.common.tables.information")), {
-                    children: /* @__PURE__ */ jsxs("table", { sx: { width: "100%" }, children: [
-                      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: data.columns.map((column) => {
-                        return /* @__PURE__ */ jsx("th", { children: column }, column);
-                      }) }) }),
-                      /* @__PURE__ */ jsx("tbody", { children: data.rows.map((row) => {
-                        return /* @__PURE__ */ jsx("tr", { children: row.cells.map((cell, i) => {
-                          return /* @__PURE__ */ jsx("td", { children: cell }, `${cell}_${data.columns[i]}`);
-                        }) }, row.cells.join("-"));
-                      }) })
-                    ] })
-                  }),
-                  element.sectionElementId
-                );
-              }
-              case "2columnSubTitle":
-                return /* @__PURE__ */ jsx(
-                  Box,
-                  {
-                    className: element.class,
-                    as: "h6",
-                    children: element.value || element.text
-                  },
-                  element.sectionElementId
-                );
-              case "2column":
-                return /* @__PURE__ */ jsx(
-                  Box,
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: element.value || element.text
-                    },
-                    className: element.class
-                  },
-                  element.sectionElementId
-                );
-              case "checkbox":
-                return /* @__PURE__ */ jsx(
-                  ApiaApiCheckbox,
-                  __spreadProps$2(__spreadValues$2({}, props), {
-                    element
-                  }),
-                  element.sectionElementId
-                );
-              case "file":
-                return /* @__PURE__ */ jsx(
-                  ApiaApiFileInput,
-                  __spreadProps$2(__spreadValues$2({}, props), {
-                    element
-                  }),
-                  element.sectionElementId
-                );
-              case "hidden":
-              case "password":
-              case "text":
-                return /* @__PURE__ */ jsx(
-                  ApiaApiInput,
-                  __spreadProps$2(__spreadValues$2({}, props), {
-                    element
-                  }),
-                  element.sectionElementId
-                );
-              case "select":
-                return /* @__PURE__ */ jsx(
-                  ApiaApiSelect,
-                  __spreadProps$2(__spreadValues$2({}, props), {
-                    element
-                  }),
-                  element.sectionElementId
-                );
-              case "radio":
-                return /* @__PURE__ */ jsx(
-                  ApiaApiRadio,
-                  __spreadProps$2(__spreadValues$2({}, props), {
-                    element
-                  }),
-                  element.sectionElementId
-                );
-              case "textarea":
-                return /* @__PURE__ */ jsx(
-                  ApiaApiTextArea,
-                  __spreadProps$2(__spreadValues$2({}, props), {
-                    element
-                  }),
-                  element.sectionElementId
-                );
-              case "empty":
-                return /* @__PURE__ */ jsx(Box, { className: "spacer" }, element.sectionElementId);
-              default:
-                console.warn(
-                  `Unhandled element type: ${element.type}`,
-                  element
-                );
-                return null;
-            }
-          })
-        },
-        sectionId
-      );
-    },
-    [props]
-  );
-  return /* @__PURE__ */ jsx(Box, { className: "handler__form__elements", children: sections.map((section) => {
-    if (section.sectionHeader) {
-      return renderSectionContent(
-        section.sectionId,
-        section.sectionElements
-      );
-    }
-    return renderSectionContent(section.sectionId, section.sectionElements);
-  }) });
-};
-const ApiaApiFieldsContainer = React__default.memo(
-  NonMemoizedApiaApiFieldsContainer
-);
-ApiaApiFieldsContainer.displayName = "ApiaApiFieldsContainer";
-
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __async$1 = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-var __forAwait = (obj, it, method) => {
-  it = obj[Symbol.asyncIterator];
-  method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((resolve, reject, done) => {
-    arg = fn.call(obj, arg);
-    done = arg.done;
-    return Promise.resolve(arg.value).then((value) => resolve({ value, done }), reject);
-  }));
-  return it ? it.call(obj) : (obj = obj[Symbol.iterator](), it = {}, method("next"), method("return"), it);
-};
-const parseButtons = (buttons) => {
-  return buttons.map((currentButton) => __spreadProps$1(__spreadValues$1({}, currentButton), {
-    buttonKey: uniqueId(),
-    type: ["submitAjax", "submit"].includes(currentButton.type) ? "submit" : "button"
-  }));
-};
-const NonMemoizedApiaApiButtonsContainer = (props) => {
-  var _a, _b, _c, _d;
-  const buttonElements = React__default.useMemo(
-    () => {
-      var _a2, _b2, _c2;
-      return arrayOrArray((_c2 = (_b2 = (_a2 = props.definition) == null ? void 0 : _a2.form.buttons) == null ? void 0 : _b2.button) != null ? _c2 : []);
-    },
-    [(_b = (_a = props.definition) == null ? void 0 : _a.form.buttons) == null ? void 0 : _b.button]
-  );
-  const buttons = React__default.useMemo(
-    () => parseButtons(buttonElements),
-    [buttonElements]
-  );
-  const modalConfiguration = React__default.useMemo(
-    () => {
-      var _a2;
-      return (_a2 = props.configuration) == null ? void 0 : _a2.modalConfiguration;
-    },
-    [(_c = props.configuration) == null ? void 0 : _c.modalConfiguration]
-  );
-  const methodsPath = React__default.useMemo(
-    () => {
-      var _a2;
-      return (_a2 = props.configuration) == null ? void 0 : _a2.methodsPath;
-    },
-    [(_d = props.configuration) == null ? void 0 : _d.methodsPath]
-  );
-  const { name: apiaApiForm } = useFormContext();
-  const renderButton = React__default.useCallback(
-    (currentButton) => {
-      var _a2;
-      const key = currentButton.buttonKey;
-      const className = `handler__${(_a2 = currentButton.type) != null ? _a2 : ""}`;
-      const onClick = () => {
-        void function submitForm() {
-          return __async$1(this, null, function* () {
-            const validationResult = yield validationsStore.validateForm(
-              apiaApiForm
-            );
-            if (!hasSucceedFormValidation(validationResult)) {
-              return;
-            }
-            const { submitValues } = validationResult;
-            function runButtonMethod() {
-              void (() => __async$1(this, null, function* () {
-                var _a3, _b2, _c2, _d2;
-                if (currentButton.onclick) {
-                  const actions = currentButton.onclick.split(";");
-                  try {
-                    for (var iter = __forAwait(actions), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
-                      const action = temp.value;
-                      const method = yield getFunction(action, __spreadValues$1({}, props));
-                      if (method) {
-                        method({
-                          currentUrl: (_b2 = (_a3 = props.definition) == null ? void 0 : _a3.form.action) != null ? _b2 : "noUrl"
-                        });
-                      } else {
-                        throw new Error(
-                          `The requested action is not defined: "${(_d2 = (_c2 = props.definition) == null ? void 0 : _c2.form.action) != null ? _d2 : ""}"`
-                        );
-                      }
-                    }
-                  } catch (temp) {
-                    error = [temp];
-                  } finally {
-                    try {
-                      more && (temp = iter.return) && (yield temp.call(iter));
-                    } finally {
-                      if (error)
-                        throw error[0];
-                    }
-                  }
-                }
-              }))();
-            }
-            if ((props == null ? void 0 : props.definition) && currentButton.type === "submit") {
-              const formData = new FormData();
-              Object.entries(submitValues).forEach(([name, value]) => {
-                formData.append(name, value != null ? value : "");
-              });
-              const hasContext = props == null ? void 0 : props.definition.form.action.match(
-                new RegExp(`^${window.CONTEXT}/`)
-              );
-              const url = `${hasContext ? "" : window.CONTEXT}${!(props == null ? void 0 : props.definition.form.action.startsWith("/")) ? "/" : ""}${props == null ? void 0 : props.definition.form.action}`;
-              props.setState((current) => __spreadProps$1(__spreadValues$1({}, current), {
-                isLoading: true
-              }));
-              void ApiaApi.post(url, {
-                postData: props.state.isMultipart ? formData : QueryString.stringify(
-                  [...formData.entries(), ["isAjax", true]].reduce((accumulated, [name, value]) => {
-                    const retValue = __spreadValues$1({}, accumulated);
-                    retValue[name.toString()] = value.toString();
-                    return retValue;
-                  }, {})
-                ),
-                handleLoad: true,
-                notificationsCategory: "apiaApiHandler",
-                modalConfiguration,
-                methodsPath
-              }).finally(() => {
-                var _a3;
-                runButtonMethod();
-                if ((_a3 = props == null ? void 0 : props.definition) == null ? void 0 : _a3.form.closeOnSubmit) {
-                  props.close();
-                }
-              });
-            } else {
-              runButtonMethod();
-            }
-          });
-        }();
-      };
-      return /* @__PURE__ */ jsx(
-        SimpleButton,
-        {
-          className,
-          disabled: props.state.disabled,
-          id: currentButton.id || currentButton.text,
-          isLoading: props.state.isLoading,
-          title: currentButton.text,
-          type: currentButton.type,
-          onClick,
-          children: currentButton.text
-        },
-        key
-      );
-    },
-    [apiaApiForm, methodsPath, modalConfiguration, props]
-  );
-  return /* @__PURE__ */ jsx(Box, { className: "handler__form__buttons", children: buttons.map((currentButton) => renderButton(currentButton)) });
-};
-const ApiaApiButtonsContainer = React__default.memo(
-  NonMemoizedApiaApiButtonsContainer
-);
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-const ApiaApiMessenger = new class extends EventEmitter {
-}();
-const FunctionsDispatcher = new class extends EventEmitter {
-}();
-const apiaApiForm = "ApiaApiForm";
-const methods = {};
-function getFunction(name, handler) {
-  return __async(this, null, function* () {
-    return new Promise((resolve) => {
-      var _a, _b, _c;
-      try {
-        const separateNameFromParametersRegex = /^\/?([\w\d_-]+)\/?(?:\(([^)]*)\))?$/;
-        const match = name.match(separateNameFromParametersRegex);
-        if (match) {
-          const functionName = match[1];
-          const parameters = match[2];
-          const path = [
-            ...(_c = (_b = (_a = handler.configuration) == null ? void 0 : _a.methodsPath) == null ? void 0 : _b.split("/").filter((current) => !!current)) != null ? _c : [],
-            functionName
-          ].join("/");
-          const storeMethodAndResolve = (result) => {
-            if (typeof result.default !== "function")
-              notFound();
-            const method = result.default;
-            methods[functionName] = (props) => {
-              var _a2;
-              return method(handler, __spreadProps(__spreadValues({}, props), {
-                inlineArguments: (_a2 = parameters == null ? void 0 : parameters.split(",").map((argument) => {
-                  if (argument.startsWith("'") || argument.startsWith('"'))
-                    return argument.slice(1, argument.length - 1);
-                  return argument;
-                })) != null ? _a2 : []
-              }));
-            };
-            resolve(methods[functionName]);
-          };
-          const notFound = () => {
-            throw new Error(
-              `${functionName}.ts not found at ${path}.ts nor ./${functionName}.ts`
-            );
-          };
-          import(
-            /* webpackChunkName: "api-methods-[request]" */
-            `/api/methods/${path}.ts`
-          ).then(storeMethodAndResolve).catch(() => {
-            var _a2;
-            if (((_a2 = handler.configuration) == null ? void 0 : _a2.methodsPath) !== void 0)
-              import(
-                /* webpackChunkName: "api-methods-[request]" */
-                `/api/methods/${functionName}.ts`
-              ).then(storeMethodAndResolve).catch(notFound);
-            else {
-              notFound();
-            }
-          });
-        }
-      } catch (e) {
-        console.error(e);
-        handler.reset();
-        handler.setError({
-          type: "danger",
-          message: "Error while loading current method."
-        });
-      }
-    });
-  });
-}
-function isForm(responseObject) {
-  return responseObject.form !== void 0 && typeof responseObject.form === "object" && !!responseObject.form;
-}
-function isFunction(responseObject) {
-  return typeof responseObject.canClose === "boolean" && typeof responseObject.type === "string" && !!responseObject.function;
-}
-function isMessage(responseObject) {
-  if (typeof responseObject.canClose === "boolean" && typeof responseObject.type === "string" && typeof responseObject.text === "object" && responseObject.text && typeof responseObject.text.label === "string") {
-    return true;
-  }
-  return false;
-}
-const modalConfigurationHandler = new WithEventsValue();
-function useModalConfiguration() {
-  const [, setValue, value] = useStateRef(
-    void 0
-  );
-  const handleChange = React.useCallback(
-    (newEventsHandler) => {
-      setValue(newEventsHandler);
-    },
-    [setValue]
-  );
-  useMount(() => {
-    modalConfigurationHandler.on("update", handleChange);
-  });
-  useUnmount(() => {
-    return modalConfigurationHandler.off("update", handleChange);
-  });
-  return value;
-}
-const currentFormDispatcher = new class currentFormDispatcher2 extends EventEmitter {
-  emit(eventName, params) {
-    super.emit(eventName, params);
-  }
-}();
-function handle(responseObject, currentUrl, configuration) {
-  modalConfigurationHandler.value = configuration;
-  if (isForm(responseObject)) {
-    currentFormDispatcher.emit("form", responseObject);
-    return true;
-  }
-  if (isFunction(responseObject)) {
-    FunctionsDispatcher.emit("method", {
-      name: responseObject.function.name,
-      props: {
-        messages: responseObject.function.messages,
-        attributes: responseObject.function,
-        currentUrl
-      }
-    });
-    return true;
-  }
-  if (isMessage(responseObject)) {
-    ApiaApiMessenger.emit("message", {
-      predicate: responseObject.text.content,
-      title: responseObject.text.title
-    });
-    return true;
-  }
-  return false;
-}
-const initialState = {
-  disabled: false,
-  isLoading: false,
-  isMultipart: false,
-  progress: 0,
-  errors: {}
-};
-const ApiaApiHandlerNonMemoized = () => {
-  const configuration = useModalConfiguration();
-  const [state, setState] = React.useState(__spreadProps(__spreadValues({}, initialState), {
-    windowIndex: -1
-  }));
-  const [currentForm2, setCurrentForm] = React.useState(
-    void 0
-  );
-  React.useEffect(() => {
-    return currentFormDispatcher.on("form", setCurrentForm);
-  }, []);
-  const setValue = React.useCallback((name, value) => {
-    return validationsStore.setFieldValue(apiaApiForm, name, value);
-  }, []);
-  React.useEffect(() => {
-    var _a2, _b, _c;
-    if (!currentForm2)
-      return;
-    const elements = arrayOrArray((_c = (_b = (_a2 = currentForm2 == null ? void 0 : currentForm2.form) == null ? void 0 : _a2.elements) == null ? void 0 : _b.element) != null ? _c : []);
-    let isMultipart = false;
-    const elementsValues = Object.values(elements);
-    let i = 0;
-    while (i < elementsValues.length && !isMultipart) {
-      if (elementsValues[i++].type === "file") {
-        isMultipart = true;
-      }
-    }
-    setState((currentState) => {
-      return __spreadProps(__spreadValues(__spreadValues({}, currentState), initialState), {
-        isMultipart
-      });
-    });
-  }, [currentForm2]);
-  const _a = useModal(), { show, onClose } = _a, modalHookProps = __objRest(_a, ["show", "onClose"]);
-  const close = React.useCallback(() => {
-    var _a2, _b, _c;
-    onClose();
-    currentFormDispatcher.emit("form", void 0);
-    setState((currentState) => {
-      return __spreadValues(__spreadValues({}, currentState), initialState);
-    });
-    (_c = (_b = (_a2 = configuration.current) == null ? void 0 : _a2.modalConfiguration) == null ? void 0 : _b.onClose) == null ? void 0 : _c.call(_b);
-    validationsStore.unregisterForm(apiaApiForm);
-  }, [onClose, configuration]);
-  const modalRef = React.useRef(null);
-  React.useEffect(() => {
-    var _a2;
-    const elements = (_a2 = modalRef.current) == null ? void 0 : _a2.querySelectorAll(
-      "a,input,textarea,button"
-    );
-    if ((elements == null ? void 0 : elements.length) === 1)
-      void focus.on([...elements][0]);
-  });
-  const setError = React.useCallback(
-    (notification) => {
-      notify(__spreadValues({}, notification));
-    },
-    []
-  );
-  const initialFocusGetter = React.useCallback((ref) => {
-    return ref == null ? void 0 : ref.querySelector(focusSelector);
-  }, []);
-  const defaultModalProps = React.useMemo(
-    () => {
-      var _a2, _b, _c;
-      return {
-        onClose: close,
-        id: apiaApiForm,
-        title: (_c = (_b = (_a2 = configuration.current) == null ? void 0 : _a2.modalConfiguration) == null ? void 0 : _b.modalTitle) != null ? _c : currentForm2 == null ? void 0 : currentForm2.form.title,
-        size: "md-fixed",
-        shouldCloseOnEsc: !state.disabled,
-        shouldCloseOnOverlayClick: !state.disabled,
-        initialFocusGetter
-      };
-    },
-    [
-      close,
-      configuration,
-      currentForm2 == null ? void 0 : currentForm2.form.title,
-      initialFocusGetter,
-      state.disabled
-    ]
-  );
-  const getModalProps = React.useCallback(
-    (innerHandler) => {
-      var _a2, _b, _c;
-      if (innerHandler.setModalProps) {
-        const overrideProps = (_c = innerHandler.setModalProps) == null ? void 0 : _c.call(
-          innerHandler,
-          {
-            methodsPath: (_a2 = innerHandler.configuration) == null ? void 0 : _a2.methodsPath,
-            modalConfiguration: (_b = innerHandler.configuration) == null ? void 0 : _b.modalConfiguration
-          },
-          innerHandler.formDefinition
-        );
-        if (overrideProps) {
-          const currentOnClose = () => {
-            var _a3, _b2;
-            (_a3 = overrideProps == null ? void 0 : overrideProps.onClose) == null ? void 0 : _a3.call(overrideProps);
-            (_b2 = defaultModalProps.onClose) == null ? void 0 : _b2.call(defaultModalProps);
-          };
-          const currentOnExited = () => {
-            var _a3, _b2;
-            (_a3 = overrideProps == null ? void 0 : overrideProps.onExited) == null ? void 0 : _a3.call(overrideProps);
-            (_b2 = modalHookProps == null ? void 0 : modalHookProps.onExited) == null ? void 0 : _b2.call(modalHookProps);
-          };
-          return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, defaultModalProps), overrideProps), modalHookProps), {
-            onClose: currentOnClose,
-            onExited: currentOnExited
-          });
-        }
-      }
-      return __spreadValues(__spreadValues({}, defaultModalProps), modalHookProps);
-    },
-    [defaultModalProps, modalHookProps]
-  );
-  const getHandler = React.useCallback(() => {
-    const newHandler = {
-      alert,
-      close,
-      configuration: configuration.current,
-      formDefinition: currentForm2,
-      reset: () => {
-        return setState((currentState) => {
-          return __spreadValues(__spreadValues({}, currentState), initialState);
-        });
-      },
-      setError,
-      setMessage: (message) => {
-        var _a2, _b;
-        if ((_b = (_a2 = configuration.current) == null ? void 0 : _a2.modalConfiguration) == null ? void 0 : _b.onMessage)
-          configuration.current.modalConfiguration.onMessage(message);
-      },
-      setState,
-      state,
-      setValue
-    };
-    return newHandler;
-  }, [close, configuration, currentForm2, setError, state, setValue]);
-  const handler = getHandler();
-  const modalProps = getModalProps(handler);
-  const handleAction = React.useCallback(
-    (action) => __async(void 0, null, function* () {
-      const innerHandler = getHandler();
-      if (action.toDo === "ajaxHiddeAll") {
-        close();
-      }
-      if (action.toDo === "functionTimedCall") {
-        const method = yield getFunction(
-          arrayOrArray(action.param)[1],
-          innerHandler
-        );
-        if (method) {
-          setTimeout(
-            () => {
-              var _a2, _b;
-              return method({
-                currentUrl: (_b = (_a2 = innerHandler.formDefinition) == null ? void 0 : _a2.form.action) != null ? _b : "noUrl"
-              });
-            },
-            Number(action.param[0])
-          );
-        }
-      }
-    }),
-    [close, getHandler]
-  );
-  const handleFunction = React.useCallback(
-    (_0) => __async(void 0, [_0], function* ({ name, props: { messages, attributes, currentUrl } }) {
-      const innerHandler = getHandler();
-      const method = yield getFunction(`${name}`, innerHandler);
-      if (method) {
-        method({ messages, attributes, currentUrl });
-      }
-    }),
-    [getHandler]
-  );
-  const handleMessage = React.useCallback(
-    (ev) => {
-      var _a2, _b, _c, _d;
-      const innerHandler = getHandler();
-      notify({
-        message: ev.predicate,
-        type: "warning",
-        onClose: (_b = (_a2 = innerHandler.configuration) == null ? void 0 : _a2.modalConfiguration) == null ? void 0 : _b.onMessageClose
-      });
-      const onMessage = (_d = (_c = innerHandler.configuration) == null ? void 0 : _c.modalConfiguration) == null ? void 0 : _d.onMessage;
-      if (onMessage) {
-        onMessage(ev);
-      }
-    },
-    [getHandler]
-  );
-  React.useEffect(() => {
-    ApiaApiMessenger.on("message", handleMessage);
-    FunctionsDispatcher.on("method", handleFunction);
-    ApiaActions.on("action", handleAction);
-    return () => {
-      ApiaApiMessenger.off("message", handleMessage);
-      FunctionsDispatcher.off("method", handleFunction);
-      ApiaActions.off("action", handleAction);
-    };
-  }, [handleAction, handleFunction, handleMessage, state.windowIndex]);
-  React.useEffect(() => {
-    if (currentForm2) {
-      show();
-    }
-  }, [currentForm2]);
-  const formRef = React.useCallback(
-    (el) => __async(void 0, null, function* () {
-      if (el && (currentForm2 == null ? void 0 : currentForm2.form.onLoad)) {
-        const method = yield getFunction(
-          `${currentForm2 == null ? void 0 : currentForm2.form.onLoad}`,
-          getHandler()
-        );
-        if (method) {
-          method();
-        }
-      }
-    }),
-    [currentForm2 == null ? void 0 : currentForm2.form.onLoad, getHandler]
-  );
-  return /* @__PURE__ */ jsx(ApiaApiContext$1, { id: apiaApiForm, children: /* @__PURE__ */ jsx(Modal, __spreadProps(__spreadValues({}, modalProps), { ref: modalRef, children: currentForm2 && /* @__PURE__ */ jsx(Box, __spreadProps(__spreadValues({}, getVariant("layout.common.modals.apiaApi")), { children: /* @__PURE__ */ jsxs(
-    Form,
-    {
-      name: apiaApiForm,
-      unregisterOnUnmount: true,
-      avoidFieldsOverride: true,
-      className: "handler__form",
-      children: [
-        /* @__PURE__ */ jsx(ApiaApiFieldsContainer, __spreadValues({ definition: currentForm2 }, handler)),
-        state.isMultipart && state.progress > 0 && /* @__PURE__ */ jsx(Box, { className: "progressBox", children: /* @__PURE__ */ jsx(
-          ProgressBar,
-          {
-            id: "ApiaApiHandler progress",
-            progress: state.progress,
-            loading: true
-          }
-        ) }),
-        /* @__PURE__ */ jsx(ApiaApiButtonsContainer, __spreadValues({ definition: currentForm2 }, handler)),
-        /* @__PURE__ */ jsx(Box, { ref: formRef, sx: { display: "none" } })
-      ]
-    }
-  ) })) })) });
-};
-const ApiaApiHandler = React.memo(ApiaApiHandlerNonMemoized);
-
-export { ApiaApi, ApiaApiHandler, getFunction, getModal, makeApiaUrl };
+export { ApiaApiHandler, getFunction } from './ApiaApiHandler.js';
+export { default as ApiaApi, makeApiaUrl } from './apiaApi.js';
+export { getModal } from './fields/ApiaApiInput.js';
+//# sourceMappingURL=index.js.map