@edge-zuq/core 1.2.7

package/lib/module/presentation/components/organisms/UIFormMultiselectInput.js

@@ -0,0 +1,212 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { UIActionSheet, UICheckboxInput, UIDataList, UIInputIcon } from "../molecules/index.js";
+import { UIFormButton } from "./UIFormButton.js";
+import { useActionSheet } from "../../domain/utils/index.js";
+import { UIFormTextInput } from "./UIFormTextInput.js";
+import { UIIcon, UIStack, UIText } from "../atoms/index.js";
+import { UIForm } from "./UIForm.js";
+import { theme } from "../../../theme.js";
+import * as Yup from 'yup';
+import { useForm, useFormContext } from 'react-hook-form';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const schema = Yup.object({
+  name: Yup.string()
+});
+export const UIFormMultiselectInput = ({
+  title,
+  label,
+  name,
+  data,
+  loading,
+  refreshing,
+  getItemLabel,
+  getItemKey,
+  onRefresh,
+  variant = 'contained',
+  searchVariant = 'outlined',
+  placeholder,
+  sheetStyle,
+  contentStyle,
+  searchPlaceholder = 'Busque ou crie um novo item',
+  searchEmptyMessage = 'Não foram encontrados itens para essa busca',
+  createMessage = 'Criar novo item',
+  createVariant = 'contained',
+  emptyMessage = 'Não há itens encontrados',
+  onCreate,
+  getErrorMessage,
+  onClose: onCloseFromProps
+}) => {
+  const ref = React.useRef(null);
+  const {
+    visible,
+    onClose: onCloseFromHook,
+    onOpen
+  } = useActionSheet();
+  const {
+    getValues: getValuesContext,
+    setValue: setValueContext,
+    watch: watchContext
+  } = useFormContext();
+  const {
+    watch,
+    getValues,
+    reset,
+    ...rest
+  } = useForm();
+  const form = {
+    ...rest,
+    watch,
+    getValues,
+    reset
+  };
+  const [isCreating, setIsCreating] = React.useState(false);
+  const onClose = () => {
+    ref.current?.blur();
+    onCloseFromProps?.();
+    onCloseFromHook();
+    reset();
+  };
+  const onSelect = item => {
+    const current = getValuesContext(name) ?? [];
+    const isSelected = current.find(value => getItemKey(value) === getItemKey(item));
+    if (isSelected) {
+      setValueContext(name, current.filter(data => getItemKey(data) !== getItemKey(item)));
+    } else {
+      setValueContext(name, [...current, item]);
+    }
+  };
+  const onSubmit = async ({
+    search
+  }) => {
+    if (!onCreate) return;
+    setIsCreating(true);
+    const data = await onCreate(search);
+    setIsCreating(false);
+    onSelect(data);
+    await onRefresh();
+    onClose();
+  };
+  const filteredData = React.useMemo(() => {
+    const search = getValues('search');
+    if (!data) return [];
+    if (!Array.isArray(data)) return [];
+    if (!search) return data;
+    return data.filter(item => String(getItemLabel(item) ?? '').toLowerCase().includes(search.toLowerCase()));
+  }, [data, getItemLabel, watch('search')]); //eslint-disable-line
+
+  const value = React.useMemo(() => {
+    const current = getValuesContext(name) ?? [];
+    return current.map(value => getItemLabel(value)).join(', ');
+  }, [name, getItemLabel, getValuesContext, watchContext(name)]); //eslint-disable-line
+
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(UIFormTextInput, {
+      caretHidden: true,
+      name: name,
+      ref: ref,
+      showSoftInputOnFocus: false,
+      onFocus: onOpen,
+      variant: variant,
+      label: label,
+      value: value,
+      placeholder: placeholder
+    }), /*#__PURE__*/_jsx(UIActionSheet, {
+      visible: visible,
+      onRequestClose: onClose,
+      title: title,
+      style: [styles.sheet, sheetStyle],
+      children: /*#__PURE__*/_jsxs(UIStack, {
+        children: [/*#__PURE__*/_jsxs(UIForm, {
+          schema: schema,
+          form: form,
+          style: styles.form,
+          children: [/*#__PURE__*/_jsx(UIFormTextInput, {
+            name: "search",
+            placeholder: searchPlaceholder,
+            variant: searchVariant,
+            endIcon: /*#__PURE__*/_jsx(UIInputIcon, {
+              position: "end",
+              name: "search",
+              size: 24
+            })
+          }), !Boolean(filteredData.length) && Boolean(watch('search')) && /*#__PURE__*/_jsxs(UIStack, {
+            size: "md",
+            style: styles.emptySearch,
+            children: [/*#__PURE__*/_jsx(UIText, {
+              align: "center",
+              weight: "500",
+              children: searchEmptyMessage
+            }), onCreate && /*#__PURE__*/_jsx(UIFormButton, {
+              loading: isCreating,
+              variant: createVariant,
+              onSubmit: onSubmit,
+              getErrorMessage: getErrorMessage,
+              children: /*#__PURE__*/_jsxs(UIStack, {
+                style: styles.create,
+                horizontal: true,
+                center: true,
+                children: [/*#__PURE__*/_jsx(UIText, {
+                  color: "neutral-light-00",
+                  children: createMessage
+                }), /*#__PURE__*/_jsx(UIIcon, {
+                  name: "add",
+                  size: 24,
+                  color: theme.color.neutral.light['00']
+                })]
+              })
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(UIDataList, {
+          data: filteredData,
+          loading: loading,
+          onRefresh: onRefresh,
+          refreshing: refreshing,
+          contentContainerStyle: [styles.content, contentStyle],
+          ListEmptyComponent: () => {
+            const search = getValues('search');
+            if (search) return null;
+            return /*#__PURE__*/_jsx(UIText, {
+              align: "center",
+              weight: "500",
+              style: styles.emptySearch,
+              children: emptyMessage
+            });
+          },
+          renderItem: ({
+            item
+          }) => {
+            const current = watchContext(name) ?? [];
+            const isSelected = Boolean(current.find(value => getItemKey(value) === getItemKey(item)));
+            const label = String(getItemLabel(item));
+            return /*#__PURE__*/_jsx(UICheckboxInput, {
+              selected: isSelected,
+              label: label,
+              onPress: () => onSelect(item)
+            });
+          }
+        })]
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  content: {
+    paddingBottom: 250
+  },
+  emptySearch: {
+    marginTop: 24
+  },
+  sheet: {
+    height: 440
+  },
+  form: {
+    marginHorizontal: 16
+  },
+  create: {
+    alignSelf: 'center'
+  }
+});
+//# sourceMappingURL=UIFormMultiselectInput.js.map

package/lib/module/presentation/components/organisms/UIFormMultiselectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","UIActionSheet","UICheckboxInput","UIDataList","UIInputIcon","UIFormButton","useActionSheet","UIFormTextInput","UIIcon","UIStack","UIText","UIForm","theme","Yup","useForm","useFormContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","schema","object","name","string","UIFormMultiselectInput","title","label","data","loading","refreshing","getItemLabel","getItemKey","onRefresh","variant","searchVariant","placeholder","sheetStyle","contentStyle","searchPlaceholder","searchEmptyMessage","createMessage","createVariant","emptyMessage","onCreate","getErrorMessage","onClose","onCloseFromProps","ref","useRef","visible","onCloseFromHook","onOpen","getValues","getValuesContext","setValue","setValueContext","watch","watchContext","reset","rest","form","isCreating","setIsCreating","useState","current","blur","onSelect","item","isSelected","find","value","filter","onSubmit","search","filteredData","useMemo","Array","isArray","String","toLowerCase","includes","map","join","children","caretHidden","showSoftInputOnFocus","onFocus","onRequestClose","style","styles","sheet","endIcon","position","size","Boolean","length","emptySearch","align","weight","create","horizontal","center","color","neutral","light","contentContainerStyle","content","ListEmptyComponent","renderItem","selected","onPress","paddingBottom","marginTop","height","marginHorizontal","alignSelf"],"sourceRoot":"../../../../../src","sources":["presentation/components/organisms/UIFormMultiselectInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/presentation/components/organisms/UIFormRadioInput.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import React from 'react';
+import { UIRadioInput } from "../molecules/index.js";
+import { useController, useFormContext } from 'react-hook-form';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const UIFormRadioInput = ({
+  name,
+  value,
+  onPress,
+  ...props
+}) => {
+  const {
+    control
+  } = useFormContext();
+  const {
+    field
+  } = useController({
+    control,
+    name
+  });
+  const onSelect = e => {
+    onPress?.(e);
+    if (field.value === value) {
+      field.onChange(null);
+    } else {
+      field.onChange(value);
+    }
+  };
+  return /*#__PURE__*/_jsx(UIRadioInput, {
+    onPress: onSelect,
+    selected: field.value === value,
+    ...props
+  });
+};
+//# sourceMappingURL=UIFormRadioInput.js.map

package/lib/module/presentation/components/organisms/UIFormRadioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","UIRadioInput","useController","useFormContext","jsx","_jsx","UIFormRadioInput","name","value","onPress","props","control","field","onSelect","e","onChange","selected"],"sourceRoot":"../../../../../src","sources":["presentation/components/organisms/UIFormRadioInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,uBAAc;AAC3C,SAASC,aAAa,EAAEC,cAAc,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQhE,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,OAAO;EAAE,GAAGC;AAAa,CAAC,KAAK;EAC7E,MAAM;IAAEC;EAAQ,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEpC,MAAM;IAAES;EAAM,CAAC,GAAGV,aAAa,CAAC;IAAES,OAAO;IAAEJ;EAAK,CAAC,CAAC;EAElD,MAAMM,QAAQ,GAAIC,CAAwB,IAAK;IAC7CL,OAAO,GAAGK,CAAC,CAAC;IACZ,IAAIF,KAAK,CAACJ,KAAK,KAAKA,KAAK,EAAE;MACzBI,KAAK,CAACG,QAAQ,CAAC,IAAI,CAAC;IACtB,CAAC,MAAM;MACLH,KAAK,CAACG,QAAQ,CAACP,KAAK,CAAC;IACvB;EACF,CAAC;EAED,oBACEH,IAAA,CAACJ,YAAY;IACXQ,OAAO,EAAEI,QAAS;IAClBG,QAAQ,EAAEJ,KAAK,CAACJ,KAAK,KAAKA,KAAM;IAAA,GAC5BE;EAAK,CACV,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/presentation/components/organisms/UIFormSelectInput.js

@@ -0,0 +1,259 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import * as Yup from 'yup';
+import { useForm, useFormContext } from 'react-hook-form';
+import { UIActionSheet, UIDataList, UIInputIcon, UIRadioInput } from "../molecules/index.js";
+import { UIFormButton } from "./UIFormButton.js";
+import { UIFormTextInput } from "./UIFormTextInput.js";
+import { UIIcon, UIStack, UIText } from "../atoms/index.js";
+import { UIForm } from "./UIForm.js";
+import { useActionSheet } from "../../domain/utils/index.js";
+import { theme } from "../../../theme.js";
+import _ from 'lodash';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const schema = Yup.object({
+  name: Yup.string()
+});
+export const UIFormSelectInput = ({
+  title,
+  label,
+  name,
+  data,
+  loading,
+  refreshing,
+  getItemLabel,
+  getItemKey,
+  onRefresh,
+  variant = 'contained',
+  searchVariant = 'outlined',
+  placeholder,
+  sheetStyle,
+  contentStyle,
+  searchPlaceholder = 'Busque ou crie um novo item',
+  searchEmptyMessage = 'Não foram encontrados itens para essa busca',
+  createMessage = 'Criar novo item',
+  createVariant = 'contained',
+  emptyMessage = 'Não há itens encontrados',
+  onCreate,
+  getErrorMessage,
+  onClose: onCloseFromProps,
+  action,
+  ListFooterComponent,
+  onEndReached,
+  onSearch,
+  closeOnSelect,
+  sorted = false,
+  editable = true,
+  enableClientSearch = true,
+  inputStyle,
+  inputContainerStyle,
+  inputFormContainerStyle,
+  onFocus,
+  onBlur
+}) => {
+  const ref = React.useRef(null);
+  const {
+    visible,
+    onClose: onCloseFromHook,
+    onOpen
+  } = useActionSheet();
+  const {
+    getValues: getValuesContext,
+    setValue: setValueContext,
+    watch: watchContext,
+    clearErrors: clearErrorsContext
+  } = useFormContext();
+  const {
+    watch,
+    getValues,
+    reset,
+    ...rest
+  } = useForm();
+  const form = {
+    ...rest,
+    watch,
+    getValues,
+    reset
+  };
+  const [isCreating, setIsCreating] = React.useState(false);
+  const onClose = React.useCallback(() => {
+    ref.current?.blur();
+    onCloseFromProps?.();
+    onCloseFromHook();
+    onSearch?.('');
+    reset();
+  }, [onCloseFromProps, onCloseFromHook, onSearch, reset]);
+  const onSelect = item => {
+    const current = getValuesContext(name);
+    const isSelected = current && getItemKey(current) === getItemKey(item);
+    if (isSelected) {
+      setValueContext(name, undefined);
+    } else {
+      setValueContext(name, item);
+      clearErrorsContext(name);
+    }
+    if (closeOnSelect) onClose();
+  };
+  const onSubmit = async ({
+    search
+  }) => {
+    if (!onCreate) return;
+    setIsCreating(true);
+    const data = await onCreate(search);
+    setIsCreating(false);
+    onSelect(data);
+    await onRefresh();
+    onClose();
+  };
+  const filteredData = React.useMemo(() => {
+    const search = getValues('search');
+    if (!data) return [];
+    if (!Array.isArray(data)) return [];
+    let filtered = data;
+    if (enableClientSearch && search) {
+      filtered = data.filter(item => String(getItemLabel(item) ?? '').toLowerCase().includes(search.toLowerCase()));
+    }
+    if (sorted) {
+      filtered = filtered.sort((a, b) => String(getItemLabel(a)).localeCompare(String(getItemLabel(b))));
+    }
+    return filtered;
+  }, [data, sorted, getItemLabel, watch('search')]); //eslint-disable-line
+
+  const value = React.useMemo(() => {
+    const current = getValuesContext(name);
+    if (current) {
+      return String(getItemLabel(current));
+    }
+    return;
+  }, [name, getItemLabel, getValuesContext, watchContext(name)]); //eslint-disable-line
+
+  //eslint-disable-next-line
+  const onSearchDebounced = React.useCallback(_.debounce(value => {
+    onSearch?.(value);
+  }, 1000), [onSearch]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(UIFormTextInput, {
+      caretHidden: true,
+      name: name,
+      ref: ref,
+      showSoftInputOnFocus: false,
+      onFocus: () => {
+        onOpen();
+        onFocus?.();
+      },
+      onBlur: onBlur,
+      variant: variant,
+      label: label,
+      value: value,
+      placeholder: placeholder,
+      editable: editable,
+      style: inputStyle,
+      containerStyle: inputContainerStyle,
+      formContainerStyle: inputFormContainerStyle
+    }), /*#__PURE__*/_jsx(UIActionSheet, {
+      visible: visible,
+      onRequestClose: onClose,
+      title: title,
+      style: sheetStyle,
+      estimatedHeight: 520,
+      children: /*#__PURE__*/_jsxs(UIStack, {
+        flex: 1,
+        children: [/*#__PURE__*/_jsxs(UIForm, {
+          schema: schema,
+          form: form,
+          style: styles.form,
+          children: [/*#__PURE__*/_jsxs(UIStack, {
+            horizontal: true,
+            center: true,
+            children: [/*#__PURE__*/_jsx(UIFormTextInput, {
+              name: "search",
+              placeholder: searchPlaceholder,
+              variant: searchVariant,
+              onChangeText: text => onSearchDebounced(text),
+              endIcon: /*#__PURE__*/_jsx(UIInputIcon, {
+                position: "end",
+                name: "search",
+                size: 24
+              })
+            }), action]
+          }), !Boolean(filteredData.length) && Boolean(watch('search')) && /*#__PURE__*/_jsxs(UIStack, {
+            size: "md",
+            style: styles.emptySearch,
+            children: [/*#__PURE__*/_jsx(UIText, {
+              align: "center",
+              weight: "500",
+              children: searchEmptyMessage
+            }), onCreate && /*#__PURE__*/_jsx(UIFormButton, {
+              loading: isCreating,
+              variant: createVariant,
+              onSubmit: onSubmit,
+              getErrorMessage: getErrorMessage,
+              children: /*#__PURE__*/_jsxs(UIStack, {
+                style: styles.create,
+                horizontal: true,
+                center: true,
+                children: [/*#__PURE__*/_jsx(UIText, {
+                  color: "neutral-light-00",
+                  children: createMessage
+                }), /*#__PURE__*/_jsx(UIIcon, {
+                  name: "add",
+                  size: 24,
+                  color: theme.color.neutral.light['00']
+                })]
+              })
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(UIDataList, {
+          data: filteredData,
+          loading: loading,
+          onRefresh: onRefresh,
+          refreshing: refreshing,
+          style: styles.list,
+          contentContainerStyle: contentStyle,
+          ListFooterComponent: ListFooterComponent,
+          onEndReached: onEndReached,
+          ListEmptyComponent: () => {
+            const search = getValues('search');
+            if (search) return null;
+            return /*#__PURE__*/_jsx(UIText, {
+              align: "center",
+              weight: "500",
+              style: styles.emptySearch,
+              children: emptyMessage
+            });
+          },
+          renderItem: ({
+            item
+          }) => {
+            const current = watchContext(name);
+            const isSelected = current && Boolean(getItemKey(current) === getItemKey(item));
+            const label = String(getItemLabel(item));
+            return /*#__PURE__*/_jsx(UIRadioInput, {
+              selected: isSelected,
+              label: label,
+              onPress: () => onSelect(item)
+            });
+          }
+        })]
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  list: {
+    height: 350
+  },
+  emptySearch: {
+    marginTop: 24
+  },
+  form: {
+    flex: 1,
+    marginHorizontal: 16
+  },
+  create: {
+    alignSelf: 'center'
+  }
+});
+//# sourceMappingURL=UIFormSelectInput.js.map

package/lib/module/presentation/components/organisms/UIFormSelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Yup","useForm","useFormContext","UIActionSheet","UIDataList","UIInputIcon","UIRadioInput","UIFormButton","UIFormTextInput","UIIcon","UIStack","UIText","UIForm","useActionSheet","theme","_","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","schema","object","name","string","UIFormSelectInput","title","label","data","loading","refreshing","getItemLabel","getItemKey","onRefresh","variant","searchVariant","placeholder","sheetStyle","contentStyle","searchPlaceholder","searchEmptyMessage","createMessage","createVariant","emptyMessage","onCreate","getErrorMessage","onClose","onCloseFromProps","action","ListFooterComponent","onEndReached","onSearch","closeOnSelect","sorted","editable","enableClientSearch","inputStyle","inputContainerStyle","inputFormContainerStyle","onFocus","onBlur","ref","useRef","visible","onCloseFromHook","onOpen","getValues","getValuesContext","setValue","setValueContext","watch","watchContext","clearErrors","clearErrorsContext","reset","rest","form","isCreating","setIsCreating","useState","useCallback","current","blur","onSelect","item","isSelected","undefined","onSubmit","search","filteredData","useMemo","Array","isArray","filtered","filter","String","toLowerCase","includes","sort","a","b","localeCompare","value","onSearchDebounced","debounce","children","caretHidden","showSoftInputOnFocus","style","containerStyle","formContainerStyle","onRequestClose","estimatedHeight","flex","styles","horizontal","center","onChangeText","text","endIcon","position","size","Boolean","length","emptySearch","align","weight","create","color","neutral","light","list","contentContainerStyle","ListEmptyComponent","renderItem","selected","onPress","height","marginTop","marginHorizontal","alignSelf"],"sourceRoot":"../../../../../src","sources":["presentation/components/organisms/UIFormSelectInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/presentation/components/organisms/UIFormTextInput.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import React from 'react';
+import { UITextInput } from "../molecules/index.js";
+import { useController, useFormContext } from 'react-hook-form';
+import { theme } from "../../../theme.js";
+import { UIIcon, UIText, UIStack } from "../atoms/index.js";
+import { StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const UIFormTextInput = /*#__PURE__*/React.forwardRef(({
+  name,
+  containerStyle,
+  onChangeText,
+  editable,
+  formContainerStyle,
+  ...props
+}, ref) => {
+  const {
+    control,
+    formState: {
+      errors,
+      isSubmitting
+    }
+  } = useFormContext();
+  const {
+    field
+  } = useController({
+    name,
+    control
+  });
+  const hasError = Boolean(errors[name]);
+  return /*#__PURE__*/_jsxs(UIStack, {
+    style: [styles.container, formContainerStyle],
+    children: [/*#__PURE__*/_jsx(UITextInput, {
+      ref: ref,
+      value: field.value,
+      editable: isSubmitting || editable,
+      onChangeText: text => {
+        field.onChange(text);
+        onChangeText?.(text);
+      },
+      containerStyle: [hasError && {
+        borderColor: theme.color.feedback.red['500']
+      }, containerStyle],
+      ...props
+    }), hasError && /*#__PURE__*/_jsxs(UIStack, {
+      horizontal: true,
+      center: true,
+      children: [/*#__PURE__*/_jsx(UIText, {
+        color: "feedback-red-500",
+        children: errors[name]?.message?.toString()
+      }), /*#__PURE__*/_jsx(UIIcon, {
+        name: "warning",
+        color: theme.color.feedback.red['500']
+      })]
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1
+  }
+});
+//# sourceMappingURL=UIFormTextInput.js.map

package/lib/module/presentation/components/organisms/UIFormTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","UITextInput","useController","useFormContext","theme","UIIcon","UIText","UIStack","StyleSheet","jsx","_jsx","jsxs","_jsxs","UIFormTextInput","forwardRef","name","containerStyle","onChangeText","editable","formContainerStyle","props","ref","control","formState","errors","isSubmitting","field","hasError","Boolean","style","styles","container","children","value","text","onChange","borderColor","color","feedback","red","horizontal","center","message","toString","create","flexGrow"],"sourceRoot":"../../../../../src","sources":["presentation/components/organisms/UIFormTextInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,uBAAc;AAC1C,SAASC,aAAa,EAAEC,cAAc,QAAQ,iBAAiB;AAC/D,SAASC,KAAK,QAAQ,mBAAgB;AACtC,SAASC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,mBAAU;AAClD,SAASC,UAAU,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO1D,OAAO,MAAMC,eAAe,gBAAGb,KAAK,CAACc,UAAU,CAC7C,CACE;EACEC,IAAI;EACJC,cAAc;EACdC,YAAY;EACZC,QAAQ;EACRC,kBAAkB;EAClB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IACJC,OAAO;IACPC,SAAS,EAAE;MAAEC,MAAM;MAAEC;IAAa;EACpC,CAAC,GAAGtB,cAAc,CAAC,CAAC;EACpB,MAAM;IAAEuB;EAAM,CAAC,GAAGxB,aAAa,CAAC;IAAEa,IAAI;IAAEO;EAAQ,CAAC,CAAC;EAElD,MAAMK,QAAQ,GAAGC,OAAO,CAACJ,MAAM,CAACT,IAAI,CAAC,CAAC;EAEtC,oBACEH,KAAA,CAACL,OAAO;IAACsB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,kBAAkB,CAAE;IAAAa,QAAA,gBACrDtB,IAAA,CAACT,WAAW;MACVoB,GAAG,EAAEA,GAAI;MACTY,KAAK,EAAEP,KAAK,CAACO,KAAM;MACnBf,QAAQ,EAAEO,YAAY,IAAIP,QAAS;MACnCD,YAAY,EAAGiB,IAAI,IAAK;QACtBR,KAAK,CAACS,QAAQ,CAACD,IAAI,CAAC;QACpBjB,YAAY,GAAGiB,IAAI,CAAC;MACtB,CAAE;MACFlB,cAAc,EAAE,CACdW,QAAQ,IAAI;QAAES,WAAW,EAAEhC,KAAK,CAACiC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAC,KAAK;MAAE,CAAC,EAC5DvB,cAAc,CACd;MAAA,GACEI;IAAK,CACV,CAAC,EACDO,QAAQ,iBACPf,KAAA,CAACL,OAAO;MAACiC,UAAU;MAACC,MAAM;MAAAT,QAAA,gBACxBtB,IAAA,CAACJ,MAAM;QAAC+B,KAAK,EAAC,kBAAkB;QAAAL,QAAA,EAC7BR,MAAM,CAACT,IAAI,CAAC,EAAE2B,OAAO,EAAEC,QAAQ,CAAC;MAAC,CAC5B,CAAC,eACTjC,IAAA,CAACL,MAAM;QAACU,IAAI,EAAC,SAAS;QAACsB,KAAK,EAAEjC,KAAK,CAACiC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAC,KAAK;MAAE,CAAE,CAAC;IAAA,CAC1D,CACV;EAAA,CACM,CAAC;AAEd,CACF,CAAC;AAED,MAAMT,MAAM,GAAGtB,UAAU,CAACoC,MAAM,CAAC;EAAEb,SAAS,EAAE;IAAEc,QAAQ,EAAE;EAAE;AAAE,CAAC,CAAC","ignoreList":[]}