@tsed/react-formio 2.3.1 → 3.0.0-alpha.1

package/dist/components/form-edit/formEdit.reducer.js

@@ -0,0 +1,65 @@
+import p from "lodash/camelCase";
+import e from "lodash/cloneDeep";
+import l from "lodash/isEqual";
+const m = (r, o) => !l(r, o);
+function C(r) {
+  return {
+    past: [],
+    future: [],
+    current: e(r.form),
+    original: e(r.form)
+  };
+}
+const b = (r, { type: o, value: c }) => {
+  const { past: t, current: i, future: u } = r, f = (n) => (n.title !== r.current.title && !r.current._id && (n.name = p(c.title), n.path = p(c.title).toLowerCase()), {
+    ...r,
+    past: [...t, e(i)],
+    current: n
+  });
+  switch (o) {
+    case "undo":
+      if (t.length) {
+        const s = t[t.length - 1], a = t.slice(0, t.length - 1);
+        return {
+          ...r,
+          past: a,
+          current: e(s),
+          future: [e(i), ...u]
+        };
+      }
+      break;
+    case "redo":
+      if (u.length) {
+        const s = u[0], a = u.slice(1);
+        return {
+          ...r,
+          past: [...t, e(i)],
+          current: e(s),
+          future: a
+        };
+      }
+      break;
+    case "reset":
+      return f(e(r.original));
+    case "formChange":
+      const n = { ...r.current, ...c };
+      if (m(r.current, n))
+        return f(n);
+      break;
+    case "replaceForm":
+      return {
+        ...r,
+        past: [],
+        future: [],
+        current: e(c),
+        original: e(c)
+      };
+  }
+  return r;
+};
+export {
+  C as createInitialState,
+  m as hasChanged,
+  b as reducer
+};
+//# sourceMappingURL=formEdit.reducer.js.map

package/dist/components/form-edit/formEdit.reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formEdit.reducer.js","sources":["../../../src/components/form-edit/formEdit.reducer.ts"],"sourcesContent":["import camelCase from \"lodash/camelCase\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\n\nimport { FormSchema } from \"../../interfaces\";\n\nexport const hasChanged = (form: Partial<FormSchema>, value: Partial<FormSchema>): boolean => !isEqual(form, value);\n\nexport interface FormEditState {\n  past: Partial<FormSchema>[];\n  future: Partial<FormSchema>[];\n  current: Partial<FormSchema>;\n  original: Partial<FormSchema>;\n}\n\nexport function createInitialState(props: any): FormEditState {\n  return {\n    past: [],\n    future: [],\n    current: cloneDeep(props.form),\n    original: cloneDeep(props.form)\n  };\n}\n\nexport const reducer = (state: FormEditState, { type, value }: any): FormEditState => {\n  const { past, current, future } = state;\n\n  const update = (newValue: any): any => {\n    if (newValue.title !== state.current.title && !state.current._id) {\n      newValue.name = camelCase(value.title);\n      newValue.path = camelCase(value.title).toLowerCase();\n    }\n\n    return {\n      ...state,\n      past: [...past, cloneDeep(current)],\n      current: newValue\n    };\n  };\n\n  switch (type) {\n    case \"undo\":\n      if (past.length) {\n        const previous = past[past.length - 1];\n        const newPast = past.slice(0, past.length - 1);\n\n        return {\n          ...state,\n          past: newPast,\n          current: cloneDeep(previous),\n          future: [cloneDeep(current), ...future]\n        };\n      }\n      break;\n\n    case \"redo\":\n      if (future.length) {\n        const next = future[0];\n        const newFuture = future.slice(1);\n\n        return {\n          ...state,\n          past: [...past, cloneDeep(current)],\n          current: cloneDeep(next),\n          future: newFuture\n        };\n      }\n      break;\n\n    case \"reset\":\n      return update(cloneDeep(state.original));\n\n    case \"formChange\":\n      const newValue = { ...state.current, ...value };\n\n      if (hasChanged(state.current, newValue)) {\n        return update(newValue);\n      }\n      break;\n\n    case \"replaceForm\":\n      return {\n        ...state,\n        past: [],\n        future: [],\n        current: cloneDeep(value),\n        original: cloneDeep(value)\n      };\n\n    default:\n      break;\n  }\n\n  return state;\n};\n"],"names":["hasChanged","form","value","isEqual","createInitialState","props","cloneDeep","reducer","state","type","past","current","future","update","newValue","camelCase","previous","newPast","next","newFuture"],"mappings":";;;AAMO,MAAMA,IAAa,CAACC,GAA2BC,MAAwC,CAACC,EAAQF,GAAMC,CAAK;AAS3G,SAASE,EAAmBC,GAA2B;AACrD,SAAA;AAAA,IACL,MAAM,CAAC;AAAA,IACP,QAAQ,CAAC;AAAA,IACT,SAASC,EAAUD,EAAM,IAAI;AAAA,IAC7B,UAAUC,EAAUD,EAAM,IAAI;AAAA,EAChC;AACF;AAEO,MAAME,IAAU,CAACC,GAAsB,EAAE,MAAAC,GAAM,OAAAP,QAAgC;AACpF,QAAM,EAAE,MAAAQ,GAAM,SAAAC,GAAS,QAAAC,EAAW,IAAAJ,GAE5BK,IAAS,CAACC,OACVA,EAAS,UAAUN,EAAM,QAAQ,SAAS,CAACA,EAAM,QAAQ,QAClDM,EAAA,OAAOC,EAAUb,EAAM,KAAK,GACrCY,EAAS,OAAOC,EAAUb,EAAM,KAAK,EAAE,YAAY,IAG9C;AAAA,IACL,GAAGM;AAAA,IACH,MAAM,CAAC,GAAGE,GAAMJ,EAAUK,CAAO,CAAC;AAAA,IAClC,SAASG;AAAA,EACX;AAGF,UAAQL,GAAM;AAAA,IACZ,KAAK;AACH,UAAIC,EAAK,QAAQ;AACf,cAAMM,IAAWN,EAAKA,EAAK,SAAS,CAAC,GAC/BO,IAAUP,EAAK,MAAM,GAAGA,EAAK,SAAS,CAAC;AAEtC,eAAA;AAAA,UACL,GAAGF;AAAA,UACH,MAAMS;AAAA,UACN,SAASX,EAAUU,CAAQ;AAAA,UAC3B,QAAQ,CAACV,EAAUK,CAAO,GAAG,GAAGC,CAAM;AAAA,QACxC;AAAA,MAAA;AAEF;AAAA,IAEF,KAAK;AACH,UAAIA,EAAO,QAAQ;AACX,cAAAM,IAAON,EAAO,CAAC,GACfO,IAAYP,EAAO,MAAM,CAAC;AAEzB,eAAA;AAAA,UACL,GAAGJ;AAAA,UACH,MAAM,CAAC,GAAGE,GAAMJ,EAAUK,CAAO,CAAC;AAAA,UAClC,SAASL,EAAUY,CAAI;AAAA,UACvB,QAAQC;AAAA,QACV;AAAA,MAAA;AAEF;AAAA,IAEF,KAAK;AACH,aAAON,EAAOP,EAAUE,EAAM,QAAQ,CAAC;AAAA,IAEzC,KAAK;AACH,YAAMM,IAAW,EAAE,GAAGN,EAAM,SAAS,GAAGN,EAAM;AAE9C,UAAIF,EAAWQ,EAAM,SAASM,CAAQ;AACpC,eAAOD,EAAOC,CAAQ;AAExB;AAAA,IAEF,KAAK;AACI,aAAA;AAAA,QACL,GAAGN;AAAA,QACH,MAAM,CAAC;AAAA,QACP,QAAQ,CAAC;AAAA,QACT,SAASF,EAAUJ,CAAK;AAAA,QACxB,UAAUI,EAAUJ,CAAK;AAAA,MAC3B;AAAA,EAGA;AAGG,SAAAM;AACT;"}

package/dist/components/form-edit/formParameters.component.d.ts

@@ -1,34 +1,34 @@
-import PropTypes from "prop-types";
-import { ReactElement } from "react";
-import { FormSchema } from "../../interfaces/FormSchema";
-export declare const defaultDisplayChoices: {
-    label: string;
-    value: string;
-}[];
-export interface FormParametersProps {
-    onChange?: (name: string, value: any) => void;
-    form: Partial<FormSchema>;
-    typeChoices?: {
-        label: string;
-        value: any;
-    }[];
-    displayChoices?: {
-        label: string;
-        value: any;
-    }[];
-    enableTags?: boolean;
-    className?: string;
-    baseUrl?: string;
-    readonly?: Record<string, boolean>;
-}
-export declare function FormParameters({ onChange, form, enableTags, typeChoices, displayChoices, className, readonly, baseUrl }: FormParametersProps): ReactElement;
-export declare namespace FormParameters {
-    var propTypes: {
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        form: PropTypes.Requireable<object>;
-        enableTags: PropTypes.Requireable<boolean>;
-        typeChoices: PropTypes.Requireable<any[]>;
-        displayChoices: PropTypes.Requireable<any[]>;
-        className: PropTypes.Requireable<string>;
-    };
-}
+import { default as PropTypes } from 'prop-types';
+import { ReactElement } from 'react';
+import { FormSchema } from '../../interfaces/FormSchema';
+export declare const defaultDisplayChoices: {
+    label: string;
+    value: string;
+}[];
+export interface FormParametersProps {
+    onChange?: (name: string, value: any) => void;
+    form: Partial<FormSchema>;
+    typeChoices?: {
+        label: string;
+        value: any;
+    }[];
+    displayChoices?: {
+        label: string;
+        value: any;
+    }[];
+    enableTags?: boolean;
+    className?: string;
+    baseUrl?: string;
+    readonly?: Record<string, boolean>;
+}
+export declare function FormParameters({ onChange, form, enableTags, typeChoices, displayChoices, className, readonly, baseUrl }: FormParametersProps): ReactElement;
+export declare namespace FormParameters {
+    var propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        form: PropTypes.Requireable<object>;
+        enableTags: PropTypes.Requireable<boolean>;
+        typeChoices: PropTypes.Requireable<any[]>;
+        displayChoices: PropTypes.Requireable<any[]>;
+        className: PropTypes.Requireable<string>;
+    };
+}

package/dist/components/form-edit/formParameters.component.js

@@ -0,0 +1,92 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import s from "prop-types";
+import { InputTags as u } from "../input-tags/inputTags.component.js";
+import { InputText as r } from "../input-text/inputText.component.js";
+import { Select as c } from "../select/select.component.js";
+const b = [
+  { label: "Form", value: "form" },
+  { label: "Wizard", value: "wizard" },
+  { label: "Pdf", value: "pdf" }
+];
+function v({
+  onChange: l,
+  form: a,
+  enableTags: d = !0,
+  typeChoices: t = [],
+  displayChoices: p = b,
+  className: n = "",
+  readonly: i = {},
+  baseUrl: o = window.location.origin
+}) {
+  const h = t && t.length > 1;
+  return /* @__PURE__ */ m("div", { className: `form-edit__settings ${n}`, children: [
+    /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(
+      r,
+      {
+        label: "Title",
+        placeholder: "Enter the form title",
+        name: "title",
+        required: !0,
+        value: a.title,
+        disabled: !!i.title,
+        onChange: l
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(
+      r,
+      {
+        label: "Name",
+        placeholder: "Enter the form machine name",
+        name: "name",
+        required: !0,
+        disabled: !!i.name,
+        value: a.name,
+        onChange: l
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(
+      r,
+      {
+        label: "Path",
+        placeholder: "example",
+        name: "path",
+        className: "mb-0",
+        description: /* @__PURE__ */ m("span", { className: "text-xxs flex items-center", children: [
+          /* @__PURE__ */ e("i", { className: "bx bx-link ml-1 mr-1" }),
+          `${o}/${a.path}`
+        ] }),
+        required: !0,
+        value: a.path,
+        disabled: !!i.path,
+        style: { textTransform: "lowercase", width: "120px" },
+        onChange: l
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(
+      c,
+      {
+        label: "Display as",
+        name: "display",
+        disabled: !!i.display,
+        value: a.display,
+        choices: p,
+        onChange: l
+      }
+    ) }),
+    h && /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(c, { label: "Type", name: "type", value: a.type, choices: t, onChange: l }) }),
+    d && /* @__PURE__ */ e("div", { className: "w-1/3", children: /* @__PURE__ */ e(u, { label: "Tags", name: "tags", value: a.tags, onChange: l }) })
+  ] });
+}
+v.propTypes = {
+  onChange: s.func,
+  form: s.object,
+  enableTags: s.bool,
+  typeChoices: s.array,
+  displayChoices: s.array,
+  className: s.string
+};
+export {
+  v as FormParameters,
+  b as defaultDisplayChoices
+};
+//# sourceMappingURL=formParameters.component.js.map

package/dist/components/form-edit/formParameters.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formParameters.component.js","sources":["../../../src/components/form-edit/formParameters.component.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { ReactElement } from \"react\";\n\nimport { FormSchema } from \"../../interfaces/FormSchema\";\nimport { InputTags } from \"../input-tags/inputTags.component\";\nimport { InputText } from \"../input-text/inputText.component\";\nimport { Select } from \"../select/select.component\";\n\nexport const defaultDisplayChoices = [\n  { label: \"Form\", value: \"form\" },\n  { label: \"Wizard\", value: \"wizard\" },\n  { label: \"Pdf\", value: \"pdf\" }\n];\n\nexport interface FormParametersProps {\n  onChange?: (name: string, value: any) => void;\n  form: Partial<FormSchema>;\n  typeChoices?: { label: string; value: any }[];\n  displayChoices?: { label: string; value: any }[];\n  enableTags?: boolean;\n  className?: string;\n  baseUrl?: string;\n  readonly?: Record<string, boolean>;\n}\n\nexport function FormParameters({\n  onChange,\n  form,\n  enableTags = true,\n  typeChoices = [],\n  displayChoices = defaultDisplayChoices,\n  className = \"\",\n  readonly = {},\n  baseUrl = window.location.origin\n}: FormParametersProps): ReactElement {\n  const hasTypeChoices = typeChoices && typeChoices.length > 1;\n\n  return (\n    <div className={`form-edit__settings ${className}`}>\n      <div className={\"w-1/3\"}>\n        <InputText\n          label={\"Title\"}\n          placeholder='Enter the form title'\n          name={\"title\"}\n          required={true}\n          value={form.title}\n          disabled={!!readonly[\"title\"]}\n          onChange={onChange}\n        />\n      </div>\n      <div className={\"w-1/3\"}>\n        <InputText\n          label={\"Name\"}\n          placeholder='Enter the form machine name'\n          name={\"name\"}\n          required={true}\n          disabled={!!readonly[\"name\"]}\n          value={form.name}\n          onChange={onChange}\n        />\n      </div>\n      <div className={\"w-1/3\"}>\n        <InputText\n          label={\"Path\"}\n          placeholder='example'\n          name={\"path\"}\n          className={\"mb-0\"}\n          description={\n            <span className={\"text-xxs flex items-center\"}>\n              <i className={\"bx bx-link ml-1 mr-1\"} />\n              {`${baseUrl}/${form.path}`}\n            </span>\n          }\n          required={true}\n          value={form.path}\n          disabled={!!readonly[\"path\"]}\n          style={{ textTransform: \"lowercase\", width: \"120px\" }}\n          onChange={onChange}\n        />\n      </div>\n      <div className={\"w-1/3\"}>\n        <Select\n          label={\"Display as\"}\n          name={\"display\"}\n          disabled={!!readonly[\"display\"]}\n          value={form.display}\n          choices={displayChoices}\n          onChange={onChange}\n        />\n      </div>\n      {hasTypeChoices && (\n        <div className={\"w-1/3\"}>\n          <Select label={\"Type\"} name={\"type\"} value={form.type} choices={typeChoices} onChange={onChange} />\n        </div>\n      )}\n      {enableTags && (\n        <div className={\"w-1/3\"}>\n          <InputTags label={\"Tags\"} name={\"tags\"} value={form.tags} onChange={onChange} />\n        </div>\n      )}\n    </div>\n  );\n}\n\nFormParameters.propTypes = {\n  onChange: PropTypes.func,\n  form: PropTypes.object,\n  enableTags: PropTypes.bool,\n  typeChoices: PropTypes.array,\n  displayChoices: PropTypes.array,\n  className: PropTypes.string\n};\n"],"names":["defaultDisplayChoices","FormParameters","onChange","form","enableTags","typeChoices","displayChoices","className","readonly","baseUrl","hasTypeChoices","jsxs","jsx","InputText","Select","InputTags","PropTypes"],"mappings":"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"}

package/dist/components/form-edit/useFormEdit.hook.d.ts

@@ -1,29 +1,29 @@
-import { FormSchema } from "../../interfaces/FormSchema";
-export interface UseFormEditHookProps extends Record<string, unknown> {
-    form?: Partial<FormSchema>;
-    typeChoices?: {
-        label: string;
-        value: any;
-    }[];
-    displayChoices?: {
-        label: string;
-        value: any;
-    }[];
-    enableTags?: boolean;
-    onSubmit?: (form: Partial<FormSchema>) => void;
-    onCopy?: (form: Partial<FormSchema>) => void;
-}
-export declare function useFormEdit(props: UseFormEditHookProps): {
-    form: Partial<FormSchema>;
-    redo: () => void;
-    undo: () => void;
-    reset: () => void;
-    hasChanged: boolean;
-    isValid: any;
-    hasUndo: boolean;
-    hasRedo: boolean;
-    onSubmit: () => void;
-    onCopy: () => void;
-    formChange: (newForm: Partial<FormSchema>) => void;
-    setChange: (path: string, value: any) => void;
-};
+import { FormSchema } from '../../interfaces/FormSchema';
+export interface UseFormEditHookProps extends Record<string, unknown> {
+    form?: Partial<FormSchema>;
+    typeChoices?: {
+        label: string;
+        value: any;
+    }[];
+    displayChoices?: {
+        label: string;
+        value: any;
+    }[];
+    enableTags?: boolean;
+    onSubmit?: (form: Partial<FormSchema>) => void;
+    onCopy?: (form: Partial<FormSchema>) => void;
+}
+export declare function useFormEdit(props: UseFormEditHookProps): {
+    form: Partial<FormSchema>;
+    redo: () => void;
+    undo: () => void;
+    reset: () => void;
+    hasChanged: boolean;
+    isValid: any;
+    hasUndo: boolean;
+    hasRedo: boolean;
+    onSubmit: () => void;
+    onCopy: () => void;
+    formChange: (newForm: Partial<FormSchema>) => void;
+    setChange: (path: string, value: any) => void;
+};

package/dist/components/form-edit/useFormEdit.hook.js

@@ -0,0 +1,36 @@
+import s from "lodash/cloneDeep";
+import { useReducer as y, useEffect as g } from "react";
+import { reducer as C, createInitialState as S, hasChanged as b } from "./formEdit.reducer.js";
+function R(e) {
+  const [{ current: t, future: m, past: i }, o] = y(C, S(e)), u = () => {
+    e.onSubmit && typeof e.onSubmit == "function" && e.onSubmit(t);
+  }, a = () => {
+    e.onSubmit && typeof e.onCopy == "function" && e.onCopy(t);
+  };
+  g(() => {
+    e.form && (t._id !== e.form._id || t.modified !== e.form.modified) && o({ type: "replaceForm", value: e.form });
+  }, [e.form]);
+  const f = (n) => {
+    b(t, { ...t, ...n }) && o({ type: "formChange", value: n });
+  }, c = () => o({ type: "redo" }), r = () => o({ type: "undo" }), d = () => o({ type: "reset" }), h = (n, l) => {
+    f({ ...t, [n]: l });
+  };
+  return {
+    form: s(t),
+    redo: c,
+    undo: r,
+    reset: d,
+    hasChanged: !!i.length,
+    isValid: t.title && t.name && t.path,
+    hasUndo: !!i.length,
+    hasRedo: !!m.length,
+    onSubmit: u,
+    onCopy: a,
+    formChange: f,
+    setChange: h
+  };
+}
+export {
+  R as useFormEdit
+};
+//# sourceMappingURL=useFormEdit.hook.js.map

package/dist/components/form-edit/useFormEdit.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormEdit.hook.js","sources":["../../../src/components/form-edit/useFormEdit.hook.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport { useEffect, useReducer } from \"react\";\n\nimport { FormSchema } from \"../../interfaces/FormSchema\";\nimport { createInitialState, hasChanged, reducer } from \"./formEdit.reducer\";\n\nexport interface UseFormEditHookProps extends Record<string, unknown> {\n  form?: Partial<FormSchema>;\n  typeChoices?: { label: string; value: any }[];\n  displayChoices?: { label: string; value: any }[];\n  enableTags?: boolean;\n  onSubmit?: (form: Partial<FormSchema>) => void;\n  onCopy?: (form: Partial<FormSchema>) => void;\n}\n\nexport function useFormEdit(props: UseFormEditHookProps) {\n  const [{ current, future, past }, dispatchFormAction] = useReducer(reducer, createInitialState(props));\n\n  const onSubmit = () => {\n    if (props.onSubmit && typeof props.onSubmit === \"function\") {\n      props.onSubmit(current);\n    }\n  };\n  const onCopy = () => {\n    if (props.onSubmit && typeof props.onCopy === \"function\") {\n      props.onCopy(current);\n    }\n  };\n\n  useEffect(() => {\n    if (props.form && (current._id !== props.form._id || current.modified !== props.form.modified)) {\n      dispatchFormAction({ type: \"replaceForm\", value: props.form });\n    }\n  }, [props.form]);\n\n  const formChange = (newForm: Partial<FormSchema>) => {\n    if (hasChanged(current, { ...current, ...newForm })) {\n      dispatchFormAction({ type: \"formChange\", value: newForm });\n    }\n  };\n\n  const redo = () => dispatchFormAction({ type: \"redo\" });\n  const undo = () => dispatchFormAction({ type: \"undo\" });\n  const reset = () => dispatchFormAction({ type: \"reset\" });\n\n  const setChange = (path: string, value: any) => {\n    formChange({ ...current, [path]: value });\n  };\n\n  return {\n    form: cloneDeep(current),\n    redo,\n    undo,\n    reset,\n    hasChanged: !!past.length,\n    isValid: current.title && current.name && current.path,\n    hasUndo: !!past.length,\n    hasRedo: !!future.length,\n    onSubmit,\n    onCopy,\n    formChange,\n    setChange\n  };\n}\n"],"names":["useFormEdit","props","current","future","past","dispatchFormAction","useReducer","reducer","createInitialState","onSubmit","onCopy","useEffect","formChange","newForm","hasChanged","redo","undo","reset","setChange","path","value","cloneDeep"],"mappings":";;;AAeO,SAASA,EAAYC,GAA6B;AACvD,QAAM,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,MAAAC,EAAK,GAAGC,CAAkB,IAAIC,EAAWC,GAASC,EAAmBP,CAAK,CAAC,GAE/FQ,IAAW,MAAM;AACrB,IAAIR,EAAM,YAAY,OAAOA,EAAM,YAAa,cAC9CA,EAAM,SAASC,CAAO;AAAA,EAE1B,GACMQ,IAAS,MAAM;AACnB,IAAIT,EAAM,YAAY,OAAOA,EAAM,UAAW,cAC5CA,EAAM,OAAOC,CAAO;AAAA,EAExB;AAEA,EAAAS,EAAU,MAAM;AACV,IAAAV,EAAM,SAASC,EAAQ,QAAQD,EAAM,KAAK,OAAOC,EAAQ,aAAaD,EAAM,KAAK,aACnFI,EAAmB,EAAE,MAAM,eAAe,OAAOJ,EAAM,MAAM;AAAA,EAC/D,GACC,CAACA,EAAM,IAAI,CAAC;AAET,QAAAW,IAAa,CAACC,MAAiC;AAC/C,IAAAC,EAAWZ,GAAS,EAAE,GAAGA,GAAS,GAAGW,EAAA,CAAS,KAChDR,EAAmB,EAAE,MAAM,cAAc,OAAOQ,GAAS;AAAA,EAE7D,GAEME,IAAO,MAAMV,EAAmB,EAAE,MAAM,QAAQ,GAChDW,IAAO,MAAMX,EAAmB,EAAE,MAAM,QAAQ,GAChDY,IAAQ,MAAMZ,EAAmB,EAAE,MAAM,SAAS,GAElDa,IAAY,CAACC,GAAcC,MAAe;AAC9C,IAAAR,EAAW,EAAE,GAAGV,GAAS,CAACiB,CAAI,GAAGC,GAAO;AAAA,EAC1C;AAEO,SAAA;AAAA,IACL,MAAMC,EAAUnB,CAAO;AAAA,IACvB,MAAAa;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAY,CAAC,CAACb,EAAK;AAAA,IACnB,SAASF,EAAQ,SAASA,EAAQ,QAAQA,EAAQ;AAAA,IAClD,SAAS,CAAC,CAACE,EAAK;AAAA,IAChB,SAAS,CAAC,CAACD,EAAO;AAAA,IAClB,UAAAM;AAAA,IACA,QAAAC;AAAA,IACA,YAAAE;AAAA,IACA,WAAAM;AAAA,EACF;AACF;"}

package/dist/components/form-settings/formSettings.component.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
-import { FormOptions, FormSchema } from "../../interfaces";
-export interface FormSettingsProps {
-    form: Partial<FormSchema>;
-    onSubmit?: Function;
-    options?: FormOptions;
-}
-export declare function FormSettings(props: FormSettingsProps): React.JSX.Element;
+import { FormOptions, FormSchema } from '../../interfaces';
+export interface FormSettingsProps {
+    form: Partial<FormSchema>;
+    onSubmit?: Function;
+    options?: FormOptions;
+}
+export declare function FormSettings(props: FormSettingsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-settings/formSettings.component.js

@@ -0,0 +1,38 @@
+import { jsxs as i, jsx as d } from "react/jsx-runtime";
+import g from "lodash/isEqual";
+import l from "lodash/noop";
+import { useState as b, useEffect as h } from "react";
+import { Form as F } from "../form/form.component.js";
+import { getFormSettingsSchema as y } from "./formSettings.schema.js";
+import { formSettingsToSubmission as S, submissionToFormSettings as x } from "./formSettings.utils.js";
+function C({ form: s, onSubmit: a = l, options: e }) {
+  const o = y(), [c, m] = b(!0), [t, r] = b(() => S(s)), n = ({ data: u, isValid: p }) => {
+    p && r({ data: u }), m(p);
+  };
+  return h(() => {
+    const u = S(s);
+    s != null && s._id && !g(t.data, u.data) && r(u);
+  }, [s == null ? void 0 : s._id]), {
+    options: e,
+    form: o,
+    type: s.type,
+    submission: t,
+    onChange: n,
+    isValid: c,
+    setIsValid: m,
+    onSubmit: () => {
+      a(x(s, t));
+    }
+  };
+}
+function q(s) {
+  const { form: a, submission: e, options: o = {}, onChange: c, onSubmit: m, isValid: t } = C(s), r = o.i18n || ((n) => n);
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ d(F, { form: a, submission: e, onChange: c, options: o }),
+    /* @__PURE__ */ d("button", { "data-testid": "submit", disabled: !t, className: "mt-5 btn btn-primary", onClick: m, type: "submit", children: r("Save settings") })
+  ] });
+}
+export {
+  q as FormSettings
+};
+//# sourceMappingURL=formSettings.component.js.map

package/dist/components/form-settings/formSettings.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formSettings.component.js","sources":["../../../src/components/form-settings/formSettings.component.tsx"],"sourcesContent":["import isEqual from \"lodash/isEqual\";\nimport noop from \"lodash/noop\";\nimport { useEffect, useState } from \"react\";\n\nimport { FormOptions, FormSchema } from \"../../interfaces\";\nimport { Form } from \"../form/form.component\";\nimport { ChangedSubmission } from \"../form/useForm.hook\";\nimport { getFormSettingsSchema } from \"./formSettings.schema\";\nimport { FormSettingsSchema, formSettingsToSubmission, submissionToFormSettings } from \"./formSettings.utils\";\n\nexport interface FormSettingsProps {\n  form: Partial<FormSchema>;\n  onSubmit?: Function;\n  options?: FormOptions;\n}\n\nfunction useFormSettings({ form: formDefinition, onSubmit = noop, options }: FormSettingsProps) {\n  const form = getFormSettingsSchema();\n  const [isValid, setIsValid] = useState(true);\n  const [submission, setSubmission] = useState(() => formSettingsToSubmission(formDefinition));\n\n  const onChange = ({ data, isValid }: ChangedSubmission<FormSettingsSchema>) => {\n    if (isValid) {\n      setSubmission({ data });\n    }\n    setIsValid(isValid);\n  };\n\n  useEffect(() => {\n    const input = formSettingsToSubmission(formDefinition);\n    if (formDefinition?._id && !isEqual(submission.data, input.data)) {\n      setSubmission(input);\n    }\n  }, [formDefinition?._id]);\n\n  return {\n    options,\n    form,\n    type: formDefinition.type,\n    submission,\n    onChange,\n    isValid,\n    setIsValid,\n    onSubmit: () => {\n      onSubmit(submissionToFormSettings(formDefinition, submission));\n    }\n  };\n}\n\nexport function FormSettings(props: FormSettingsProps) {\n  const { form, submission, options = {}, onChange, onSubmit, isValid } = useFormSettings(props);\n\n  const i18n = options.i18n || ((f: string) => f);\n\n  return (\n    <div>\n      <Form form={form} submission={submission} onChange={onChange} options={options} />\n\n      <button data-testid='submit' disabled={!isValid} className={\"mt-5 btn btn-primary\"} onClick={onSubmit} type={\"submit\"}>\n        {i18n(\"Save settings\")}\n      </button>\n    </div>\n  );\n}\n"],"names":["useFormSettings","formDefinition","onSubmit","noop","options","form","getFormSettingsSchema","isValid","setIsValid","useState","submission","setSubmission","formSettingsToSubmission","onChange","data","useEffect","input","isEqual","submissionToFormSettings","FormSettings","props","i18n","f","jsx","Form"],"mappings":";;;;;;;AAgBA,SAASA,EAAgB,EAAE,MAAMC,GAAgB,UAAAC,IAAWC,GAAM,SAAAC,KAA8B;AAC9F,QAAMC,IAAOC,EAAsB,GAC7B,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAI,GACrC,CAACC,GAAYC,CAAa,IAAIF,EAAS,MAAMG,EAAyBX,CAAc,CAAC,GAErFY,IAAW,CAAC,EAAE,MAAAC,GAAM,SAAAP,QAAqD;AAC7E,IAAIA,KACYI,EAAA,EAAE,MAAAG,GAAM,GAExBN,EAAWD,CAAO;AAAA,EACpB;AAEA,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAQJ,EAAyBX,CAAc;AACjD,IAAAA,KAAA,QAAAA,EAAgB,OAAO,CAACgB,EAAQP,EAAW,MAAMM,EAAM,IAAI,KAC7DL,EAAcK,CAAK;AAAA,EACrB,GACC,CAACf,KAAA,gBAAAA,EAAgB,GAAG,CAAC,GAEjB;AAAA,IACL,SAAAG;AAAA,IACA,MAAAC;AAAA,IACA,MAAMJ,EAAe;AAAA,IACrB,YAAAS;AAAA,IACA,UAAAG;AAAA,IACA,SAAAN;AAAA,IACA,YAAAC;AAAA,IACA,UAAU,MAAM;AACL,MAAAN,EAAAgB,EAAyBjB,GAAgBS,CAAU,CAAC;AAAA,IAAA;AAAA,EAEjE;AACF;AAEO,SAASS,EAAaC,GAA0B;AAC/C,QAAA,EAAE,MAAAf,GAAM,YAAAK,GAAY,SAAAN,IAAU,CAAI,GAAA,UAAAS,GAAU,UAAAX,GAAU,SAAAK,EAAA,IAAYP,EAAgBoB,CAAK,GAEvFC,IAAOjB,EAAQ,SAAS,CAACkB,MAAcA;AAE7C,2BACG,OACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,MAAAnB,GAAY,YAAAK,GAAwB,UAAAG,GAAoB,SAAAT,GAAkB;AAAA,IAE/E,gBAAAmB,EAAA,UAAA,EAAO,eAAY,UAAS,UAAU,CAAChB,GAAS,WAAW,wBAAwB,SAASL,GAAU,MAAM,UAC1G,UAAAmB,EAAK,eAAe,EACvB,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/form-settings/formSettings.schema.d.ts

@@ -1,2 +1,2 @@
-import { FormSchema } from "../../interfaces";
-export declare function getFormSettingsSchema(): FormSchema;
+import { FormSchema } from '../../interfaces';
+export declare function getFormSettingsSchema(): FormSchema;

package/dist/components/form-settings/formSettings.schema.js

@@ -0,0 +1,60 @@
+function e() {
+  return {
+    type: "form",
+    tags: [],
+    components: [
+      {
+        input: !0,
+        key: "action",
+        placeholder: "Enter the custom submission URL",
+        label: "Custom Action Url",
+        labelPosition: "top",
+        widget: { type: "input" },
+        type: "url",
+        mask: !1,
+        inputType: "url",
+        inputFormat: "plain",
+        spellcheck: !0,
+        id: "efyrzea",
+        attributes: {
+          "data-testid": "action"
+        }
+      },
+      {
+        input: !0,
+        key: "tags",
+        placeholder: "Add tags",
+        label: "Form tags",
+        widget: { type: "input" },
+        type: "tags",
+        delimeter: ",",
+        storeas: "array",
+        maxTags: 0,
+        id: "erxcyw"
+      },
+      {
+        input: !0,
+        key: "properties",
+        label: "Custom Properties",
+        labelPosition: "top",
+        type: "datamap",
+        addAnother: "Add Another",
+        disableAddingRemovingRows: !1,
+        keyBeforeValue: !0,
+        valueComponent: {
+          type: "textfield",
+          key: "value",
+          label: "Value",
+          input: !0,
+          hideLabel: !0
+        },
+        id: "ezne35"
+      }
+    ],
+    display: "form"
+  };
+}
+export {
+  e as getFormSettingsSchema
+};
+//# sourceMappingURL=formSettings.schema.js.map

package/dist/components/form-settings/formSettings.schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formSettings.schema.js","sources":["../../../src/components/form-settings/formSettings.schema.ts"],"sourcesContent":["import { FormSchema } from \"../../interfaces\";\n\nexport function getFormSettingsSchema(): FormSchema {\n  return {\n    type: \"form\",\n    tags: [],\n    components: [\n      {\n        input: true,\n        key: \"action\",\n        placeholder: \"Enter the custom submission URL\",\n        label: \"Custom Action Url\",\n        labelPosition: \"top\",\n        widget: { type: \"input\" },\n        type: \"url\",\n        mask: false,\n        inputType: \"url\",\n        inputFormat: \"plain\",\n        spellcheck: true,\n        id: \"efyrzea\",\n        attributes: {\n          \"data-testid\": \"action\"\n        }\n      },\n      {\n        input: true,\n        key: \"tags\",\n        placeholder: \"Add tags\",\n        label: \"Form tags\",\n        widget: { type: \"input\" },\n        type: \"tags\",\n        delimeter: \",\",\n        storeas: \"array\",\n        maxTags: 0,\n        id: \"erxcyw\"\n      },\n      {\n        input: true,\n        key: \"properties\",\n        label: \"Custom Properties\",\n        labelPosition: \"top\",\n        type: \"datamap\",\n        addAnother: \"Add Another\",\n        disableAddingRemovingRows: false,\n        keyBeforeValue: true,\n        valueComponent: {\n          type: \"textfield\",\n          key: \"value\",\n          label: \"Value\",\n          input: true,\n          hideLabel: true\n        },\n        id: \"ezne35\"\n      }\n    ],\n    display: \"form\"\n  };\n}\n"],"names":["getFormSettingsSchema"],"mappings":"AAEO,SAASA,IAAoC;AAC3C,SAAA;AAAA,IACL,MAAM;AAAA,IACN,MAAM,CAAC;AAAA,IACP,YAAY;AAAA,MACV;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,QACL,aAAa;AAAA,QACb,OAAO;AAAA,QACP,eAAe;AAAA,QACf,QAAQ,EAAE,MAAM,QAAQ;AAAA,QACxB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,YAAY;AAAA,UACV,eAAe;AAAA,QAAA;AAAA,MAEnB;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,QACL,aAAa;AAAA,QACb,OAAO;AAAA,QACP,QAAQ,EAAE,MAAM,QAAQ;AAAA,QACxB,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,QACT,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,QACP,eAAe;AAAA,QACf,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,2BAA2B;AAAA,QAC3B,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,UACd,MAAM;AAAA,UACN,KAAK;AAAA,UACL,OAAO;AAAA,UACP,OAAO;AAAA,UACP,WAAW;AAAA,QACb;AAAA,QACA,IAAI;AAAA,MAAA;AAAA,IAER;AAAA,IACA,SAAS;AAAA,EACX;AACF;"}

package/dist/components/form-settings/formSettings.utils.d.ts

@@ -1,8 +1,8 @@
-import { FormSchema, Submission } from "../../interfaces";
-export type FormSettingsSchema = {
-    action: string;
-    tags: string[];
-    properties: Record<string, any>;
-};
-export declare function formSettingsToSubmission(form: Partial<FormSchema>): Submission<FormSettingsSchema>;
-export declare function submissionToFormSettings(form: Partial<FormSchema>, submission: Submission<FormSettingsSchema>): Partial<FormSchema>;
+import { FormSchema, Submission } from '../../interfaces';
+export type FormSettingsSchema = {
+    action: string;
+    tags: string[];
+    properties: Record<string, any>;
+};
+export declare function formSettingsToSubmission(form: Partial<FormSchema>): Submission<FormSettingsSchema>;
+export declare function submissionToFormSettings(form: Partial<FormSchema>, submission: Submission<FormSettingsSchema>): Partial<FormSchema>;

package/dist/components/form-settings/formSettings.utils.js

@@ -0,0 +1,23 @@
+import e from "lodash/cloneDeep";
+function r(t) {
+  return {
+    data: {
+      action: t.action,
+      tags: t.tags,
+      properties: t.properties
+    }
+  };
+}
+function i(t, a) {
+  return {
+    ...e(t),
+    tags: a.data.tags,
+    action: a.data.action,
+    properties: a.data.properties
+  };
+}
+export {
+  r as formSettingsToSubmission,
+  i as submissionToFormSettings
+};
+//# sourceMappingURL=formSettings.utils.js.map

package/dist/components/form-settings/formSettings.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formSettings.utils.js","sources":["../../../src/components/form-settings/formSettings.utils.ts"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\n\nimport { FormSchema, Submission } from \"../../interfaces\";\n\nexport type FormSettingsSchema = {\n  action: string;\n  tags: string[];\n  properties: Record<string, any>;\n};\n\nexport function formSettingsToSubmission(form: Partial<FormSchema>): Submission<FormSettingsSchema> {\n  return {\n    data: {\n      action: form.action!,\n      tags: form.tags!,\n      properties: form.properties!\n    }\n  };\n}\n\nexport function submissionToFormSettings(form: Partial<FormSchema>, submission: Submission<FormSettingsSchema>): Partial<FormSchema> {\n  return {\n    ...cloneDeep(form),\n    tags: submission.data.tags,\n    action: submission.data.action,\n    properties: submission.data.properties\n  };\n}\n"],"names":["formSettingsToSubmission","form","submissionToFormSettings","submission","cloneDeep"],"mappings":";AAUO,SAASA,EAAyBC,GAA2D;AAC3F,SAAA;AAAA,IACL,MAAM;AAAA,MACJ,QAAQA,EAAK;AAAA,MACb,MAAMA,EAAK;AAAA,MACX,YAAYA,EAAK;AAAA,IAAA;AAAA,EAErB;AACF;AAEgB,SAAAC,EAAyBD,GAA2BE,GAAiE;AAC5H,SAAA;AAAA,IACL,GAAGC,EAAUH,CAAI;AAAA,IACjB,MAAME,EAAW,KAAK;AAAA,IACtB,QAAQA,EAAW,KAAK;AAAA,IACxB,YAAYA,EAAW,KAAK;AAAA,EAC9B;AACF;"}

package/dist/components/forms-table/components/formCell.component.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
-import { CellProps } from "react-table";
-import { FormSchema } from "../../../interfaces";
-export declare function FormsCell(props: CellProps<FormSchema> & {
-    icon: string;
-    i18n: (f: string) => string;
-}): React.JSX.Element;
+import { CellProps } from 'react-table';
+import { FormSchema } from '../../../interfaces';
+export declare function FormsCell(props: CellProps<FormSchema> & {
+    icon: string;
+    i18n: (f: string) => string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms-table/components/formCell.component.js

@@ -0,0 +1,50 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { c as m } from "../../../chunks/index.js";
+import c from "moment";
+import { iconClass as i } from "../../../utils/iconClass.js";
+import { stopPropagationWrapper as n } from "../../../utils/stopPropagationWrapper.js";
+function f(r) {
+  const {
+    icon: o = "server",
+    row: { original: a }
+  } = r;
+  return /* @__PURE__ */ e("div", { className: "p-1", children: [
+    /* @__PURE__ */ e("h4", { className: "text-primary text-lg flex items-center", children: [
+      /* @__PURE__ */ s("i", { className: m(i(void 0, o), "mr-1") }),
+      a.title
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "reset-list text-gray-500", children: [
+      /* @__PURE__ */ e("li", { className: "text-sm", children: [
+        "Name: ",
+        a.name || a.machineName
+      ] }),
+      /* @__PURE__ */ e("li", { className: "mt-5", children: [
+        /* @__PURE__ */ e("span", { className: "badge bg-light mr-1", children: [
+          /* @__PURE__ */ s("i", { className: m(i(void 0, "history"), "mr-1") }),
+          /* @__PURE__ */ e("span", { children: [
+            "Updated ",
+            c(a.modified).fromNow()
+          ] })
+        ] }),
+        (a.tags || []).map((t, l) => /* @__PURE__ */ e(
+          "button",
+          {
+            className: "badge badge-hover bg-secondary mr-1",
+            onClick: n(() => {
+              r.setFilter("tags", t), r.gotoPage(0);
+            }),
+            children: [
+              /* @__PURE__ */ s("i", { className: m(i(void 0, "tags"), "mr-1") }),
+              t
+            ]
+          },
+          l
+        ))
+      ] })
+    ] })
+  ] });
+}
+export {
+  f as FormsCell
+};
+//# sourceMappingURL=formCell.component.js.map

package/dist/components/forms-table/components/formCell.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formCell.component.js","sources":["../../../../src/components/forms-table/components/formCell.component.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport moment from \"moment\";\nimport { CellProps } from \"react-table\";\n\nimport { FormSchema } from \"../../../interfaces\";\nimport { iconClass } from \"../../../utils/iconClass\";\nimport { stopPropagationWrapper } from \"../../../utils/stopPropagationWrapper\";\n\nexport function FormsCell(props: CellProps<FormSchema> & { icon: string; i18n: (f: string) => string }) {\n  const {\n    icon = \"server\",\n    row: { original: form }\n  } = props;\n\n  return (\n    <div className={\"p-1\"}>\n      <h4 className={\"text-primary text-lg flex items-center\"}>\n        <i className={classnames(iconClass(undefined, icon), \"mr-1\")} />\n        {form.title}\n      </h4>\n\n      <ul className='reset-list text-gray-500'>\n        <li className={\"text-sm\"}>Name: {form.name || form.machineName}</li>\n        <li className='mt-5'>\n          <span className='badge bg-light mr-1'>\n            <i className={classnames(iconClass(undefined, \"history\"), \"mr-1\")} />\n            <span>Updated {moment(form.modified).fromNow()}</span>\n          </span>\n\n          {(form.tags || []).map((tag, index) => (\n            <button\n              key={index}\n              className='badge badge-hover bg-secondary mr-1'\n              onClick={stopPropagationWrapper(() => {\n                props.setFilter(\"tags\", tag);\n                props.gotoPage(0);\n              })}\n            >\n              <i className={classnames(iconClass(undefined, \"tags\"), \"mr-1\")} />\n              {tag}\n            </button>\n          ))}\n        </li>\n      </ul>\n    </div>\n  );\n}\n"],"names":["FormsCell","props","icon","form","jsxs","jsx","classnames","iconClass","moment","tag","index","stopPropagationWrapper"],"mappings":";;;;;AAQO,SAASA,EAAUC,GAA8E;AAChG,QAAA;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,KAAK,EAAE,UAAUC,EAAK;AAAA,EAAA,IACpBF;AAGF,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAW,OACd,UAAA;AAAA,IAAC,gBAAAA,EAAA,MAAA,EAAG,WAAW,0CACb,UAAA;AAAA,MAAC,gBAAAC,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAWL,CAAI,GAAG,MAAM,GAAG;AAAA,MAC7DC,EAAK;AAAA,IAAA,GACR;AAAA,IAEA,gBAAAC,EAAC,MAAG,EAAA,WAAU,4BACZ,UAAA;AAAA,MAAC,gBAAAA,EAAA,MAAA,EAAG,WAAW,WAAW,UAAA;AAAA,QAAA;AAAA,QAAOD,EAAK,QAAQA,EAAK;AAAA,MAAA,GAAY;AAAA,MAC/D,gBAAAC,EAAC,MAAG,EAAA,WAAU,QACZ,UAAA;AAAA,QAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,uBACd,UAAA;AAAA,UAAC,gBAAAC,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAW,SAAS,GAAG,MAAM,GAAG;AAAA,4BAClE,QAAK,EAAA,UAAA;AAAA,YAAA;AAAA,YAASC,EAAOL,EAAK,QAAQ,EAAE,QAAQ;AAAA,UAAA,EAAE,CAAA;AAAA,QAAA,GACjD;AAAA,SAEEA,EAAK,QAAQ,IAAI,IAAI,CAACM,GAAKC,MAC3B,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAASO,EAAuB,MAAM;AAC9B,cAAAV,EAAA,UAAU,QAAQQ,CAAG,GAC3BR,EAAM,SAAS,CAAC;AAAA,YAAA,CACjB;AAAA,YAED,UAAA;AAAA,cAAC,gBAAAI,EAAA,KAAA,EAAE,WAAWC,EAAWC,EAAU,QAAW,MAAM,GAAG,MAAM,GAAG;AAAA,cAC/DE;AAAA,YAAA;AAAA,UAAA;AAAA,UARIC;AAAA,QAUR,CAAA;AAAA,MAAA,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}