@oxyhq/services 5.16.23 → 5.16.24

package/lib/module/ui/components/TextField/TextFieldOutlined.js

@@ -0,0 +1,357 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, View, TextInput as NativeTextInput, StyleSheet, I18nManager, Platform } from 'react-native';
+import { useThemeColors } from '../../hooks/useThemeColors';
+import { Outline } from './Addons/Outline';
+import { AdornmentType, AdornmentSide } from './Adornment/enums';
+import TextFieldAdornment, { getAdornmentConfig, getAdornmentStyleAdjustmentForNativeInput } from './Adornment/TextFieldAdornment';
+import { MAXIMIZED_LABEL_FONT_SIZE, MINIMIZED_LABEL_FONT_SIZE, LABEL_WIGGLE_X_OFFSET, ADORNMENT_SIZE, OUTLINE_MINIMIZED_LABEL_Y_OFFSET, LABEL_PADDING_TOP, MIN_DENSE_HEIGHT_OUTLINED, LABEL_PADDING_TOP_DENSE } from './constants';
+import { calculateLabelTopPosition, calculateInputHeight, calculatePadding, adjustPaddingOut, calculateOutlinedIconAndAffixTopPosition, getOutlinedInputColors, getConstants } from './helpers';
+import InputLabel from './Label/InputLabel';
+import LabelBackground from './Label/LabelBackground';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TextInputOutlined = ({
+  disabled = false,
+  editable = true,
+  label,
+  error = false,
+  selectionColor: customSelectionColor,
+  cursorColor,
+  underlineColor: _underlineColor,
+  outlineColor: customOutlineColor,
+  activeOutlineColor,
+  outlineStyle,
+  textColor,
+  dense,
+  style,
+  theme,
+  render = props => /*#__PURE__*/_jsx(NativeTextInput, {
+    ...props
+  }),
+  multiline = false,
+  parentState,
+  innerRef,
+  onFocus,
+  forceFocus,
+  onBlur,
+  onChangeText,
+  onLayoutAnimatedText,
+  onLabelTextLayout,
+  onLeftAffixLayoutChange,
+  onRightAffixLayoutChange,
+  onInputLayout,
+  onLayout,
+  left,
+  right,
+  placeholderTextColor,
+  testID = 'text-input-outlined',
+  contentStyle,
+  scaledLabel,
+  ...rest
+}) => {
+  const adornmentConfig = getAdornmentConfig({
+    left,
+    right
+  });
+  const {
+    isV3,
+    roundness
+  } = theme;
+  const font = isV3 ? theme.fonts.bodyLarge : theme.fonts.default;
+  const hasActiveOutline = parentState.focused || error;
+  const {
+    INPUT_PADDING_HORIZONTAL,
+    MIN_HEIGHT,
+    ADORNMENT_OFFSET,
+    MIN_WIDTH
+  } = getConstants(isV3);
+  const themeColors = useThemeColors();
+  const {
+    fontSize: fontSizeStyle,
+    fontWeight,
+    lineHeight: lineHeightStyle,
+    height,
+    backgroundColor: styleBackgroundColor,
+    textAlign,
+    ...viewStyle
+  } = StyleSheet.flatten(style) || {};
+  const backgroundColor = styleBackgroundColor ?? themeColors.background;
+  const fontSize = fontSizeStyle || MAXIMIZED_LABEL_FONT_SIZE;
+  // Always set a minimum lineHeight to prevent text cutoff
+  // Use at least 1.4x fontSize for better text spacing
+  const lineHeight = lineHeightStyle || fontSize * 1.4;
+  const {
+    inputTextColor,
+    activeColor,
+    outlineColor,
+    placeholderColor,
+    errorColor,
+    selectionColor
+  } = getOutlinedInputColors({
+    activeOutlineColor,
+    customOutlineColor,
+    customSelectionColor,
+    textColor,
+    disabled,
+    error,
+    theme
+  });
+
+  // Override text color with theme color (unless custom textColor prop is provided)
+  // If disabled, keep the original inputTextColor which handles opacity correctly
+  const finalInputTextColor = textColor ?? (disabled ? inputTextColor : themeColors.text);
+  const densePaddingTop = label ? LABEL_PADDING_TOP_DENSE : 0;
+  const paddingTop = label ? LABEL_PADDING_TOP : 0;
+  const yOffset = label ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET : 0;
+  const labelScale = MINIMIZED_LABEL_FONT_SIZE / fontSize;
+  const fontScale = MAXIMIZED_LABEL_FONT_SIZE / fontSize;
+  const labelWidth = parentState.labelLayout.width;
+  const labelHeight = parentState.labelLayout.height;
+  const labelHalfWidth = labelWidth / 2;
+  const labelHalfHeight = labelHeight / 2;
+  const baseLabelTranslateX = (I18nManager.getConstants().isRTL ? 1 : -1) * (labelHalfWidth - labelScale * labelWidth / 2 - (fontSize - MINIMIZED_LABEL_FONT_SIZE) * labelScale);
+  let labelTranslationXOffset = 0;
+  const isAdornmentLeftIcon = adornmentConfig.some(({
+    side,
+    type
+  }) => side === AdornmentSide.Left && type === AdornmentType.Icon);
+  const isAdornmentRightIcon = adornmentConfig.some(({
+    side,
+    type
+  }) => side === AdornmentSide.Right && type === AdornmentType.Icon);
+  if (isAdornmentLeftIcon) {
+    labelTranslationXOffset = (I18nManager.getConstants().isRTL ? -1 : 1) * (ADORNMENT_SIZE + ADORNMENT_OFFSET - (isV3 ? 0 : 8));
+  }
+  const minInputHeight = (dense ? MIN_DENSE_HEIGHT_OUTLINED : MIN_HEIGHT) - paddingTop;
+  const inputHeight = calculateInputHeight(labelHeight, height, minInputHeight);
+  const topPosition = calculateLabelTopPosition(labelHeight, inputHeight, paddingTop);
+  if (height && typeof height !== 'number') {
+    // eslint-disable-next-line
+    console.warn('Currently we support only numbers in height prop');
+  }
+  const paddingSettings = {
+    height: height ? +height : null,
+    labelHalfHeight,
+    offset: paddingTop,
+    multiline: multiline ? multiline : null,
+    dense: dense ? dense : null,
+    topPosition,
+    fontSize,
+    lineHeight,
+    label,
+    scale: fontScale,
+    isAndroid: Platform.OS === 'android',
+    styles: StyleSheet.flatten(dense ? styles.inputOutlinedDense : styles.inputOutlined)
+  };
+  const pad = calculatePadding(paddingSettings);
+  const paddingOut = adjustPaddingOut({
+    ...paddingSettings,
+    pad
+  });
+  const baseLabelTranslateY = -labelHalfHeight - (topPosition + yOffset);
+  const {
+    current: placeholderOpacityAnims
+  } = React.useRef([new Animated.Value(0), new Animated.Value(1)]);
+  const placeholderOpacity = hasActiveOutline ? parentState.labeled : placeholderOpacityAnims[parentState.labelLayout.measured ? 1 : 0];
+  const placeholderStyle = {
+    position: 'absolute',
+    left: 0,
+    paddingHorizontal: INPUT_PADDING_HORIZONTAL
+  };
+  const placeholderTextColorBasedOnState = parentState.displayPlaceholder ? placeholderTextColor ?? placeholderColor : 'transparent';
+  const labelBackgroundColor = backgroundColor === 'transparent' ? theme.colors.background : backgroundColor;
+  const labelProps = {
+    label,
+    onLayoutAnimatedText,
+    onLabelTextLayout,
+    placeholderOpacity,
+    labelError: error,
+    placeholderStyle,
+    baseLabelTranslateY,
+    baseLabelTranslateX,
+    font,
+    fontSize,
+    lineHeight,
+    fontWeight,
+    labelScale,
+    wiggleOffsetX: LABEL_WIGGLE_X_OFFSET,
+    topPosition,
+    hasActiveOutline,
+    activeColor,
+    placeholderColor,
+    backgroundColor: labelBackgroundColor,
+    errorColor,
+    labelTranslationXOffset,
+    roundness,
+    maxFontSizeMultiplier: rest.maxFontSizeMultiplier,
+    testID,
+    contentStyle,
+    inputContainerLayout: {
+      width: parentState.inputContainerLayout.width + (isAdornmentRightIcon || isAdornmentLeftIcon ? INPUT_PADDING_HORIZONTAL : 0)
+    },
+    opacity: parentState.value || parentState.focused ? parentState.labelLayout.measured ? 1 : 0 : 1,
+    isV3
+  };
+  const onLayoutChange = React.useCallback(e => {
+    onInputLayout(e);
+    onLayout?.(e);
+  }, [onLayout, onInputLayout]);
+  const minHeight = height || (dense ? MIN_DENSE_HEIGHT_OUTLINED : MIN_HEIGHT);
+  const outlinedHeight = inputHeight + (dense ? densePaddingTop / 2 : paddingTop);
+  const {
+    leftLayout,
+    rightLayout
+  } = parentState;
+  const leftAffixTopPosition = calculateOutlinedIconAndAffixTopPosition({
+    height: outlinedHeight,
+    affixHeight: leftLayout.height || 0,
+    labelYOffset: -yOffset
+  });
+  const rightAffixTopPosition = calculateOutlinedIconAndAffixTopPosition({
+    height: outlinedHeight,
+    affixHeight: rightLayout.height || 0,
+    labelYOffset: -yOffset
+  });
+  const iconTopPosition = calculateOutlinedIconAndAffixTopPosition({
+    height: outlinedHeight,
+    affixHeight: ADORNMENT_SIZE,
+    labelYOffset: -yOffset
+  });
+  const rightAffixWidth = right ? rightLayout.width || ADORNMENT_SIZE : ADORNMENT_SIZE;
+  const leftAffixWidth = left ? leftLayout.width || ADORNMENT_SIZE : ADORNMENT_SIZE;
+  const adornmentStyleAdjustmentForNativeInput = getAdornmentStyleAdjustmentForNativeInput({
+    adornmentConfig,
+    rightAffixWidth,
+    leftAffixWidth,
+    mode: 'outlined',
+    isV3
+  });
+  const affixTopPosition = {
+    [AdornmentSide.Left]: leftAffixTopPosition,
+    [AdornmentSide.Right]: rightAffixTopPosition
+  };
+  const onAffixChange = {
+    [AdornmentSide.Left]: onLeftAffixLayoutChange,
+    [AdornmentSide.Right]: onRightAffixLayoutChange
+  };
+  let adornmentProps = {
+    adornmentConfig,
+    forceFocus,
+    topPosition: {
+      [AdornmentType.Icon]: iconTopPosition,
+      [AdornmentType.Affix]: affixTopPosition
+    },
+    onAffixChange,
+    isTextInputFocused: parentState.focused,
+    maxFontSizeMultiplier: rest.maxFontSizeMultiplier,
+    disabled
+  };
+  if (adornmentConfig.length) {
+    adornmentProps = {
+      ...adornmentProps,
+      left,
+      right,
+      textStyle: {
+        ...font,
+        fontSize,
+        lineHeight,
+        fontWeight
+      },
+      visible: parentState.labeled
+    };
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: viewStyle,
+    children: [/*#__PURE__*/_jsx(Outline, {
+      isV3: isV3,
+      style: outlineStyle,
+      label: label,
+      roundness: roundness,
+      hasActiveOutline: hasActiveOutline,
+      focused: parentState.focused,
+      activeColor: activeColor,
+      outlineColor: outlineColor,
+      backgroundColor: backgroundColor
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.labelContainer, {
+        paddingTop,
+        minHeight,
+        flex: 1,
+        flexShrink: 1
+      }],
+      children: [label ? /*#__PURE__*/_jsx(InputLabel, {
+        labeled: parentState.labeled,
+        error: parentState.error,
+        focused: parentState.focused,
+        scaledLabel: scaledLabel,
+        wiggle: Boolean(parentState.value && labelProps.labelError),
+        labelLayoutMeasured: parentState.labelLayout.measured,
+        labelLayoutWidth: parentState.labelLayout.width,
+        labelLayoutHeight: parentState.labelLayout.height,
+        ...labelProps,
+        labelBackground: LabelBackground,
+        maxFontSizeMultiplier: rest.maxFontSizeMultiplier
+      }) : null, render?.({
+        ...rest,
+        ref: innerRef,
+        onLayout: onLayoutChange,
+        onChangeText,
+        placeholder: rest.placeholder,
+        editable: !disabled && editable,
+        selectionColor,
+        cursorColor: typeof cursorColor === 'undefined' ? activeColor : cursorColor,
+        placeholderTextColor: placeholderTextColorBasedOnState,
+        onFocus,
+        onBlur,
+        underlineColorAndroid: 'transparent',
+        multiline,
+        style: [styles.input, !multiline || multiline && height ? {
+          height: inputHeight
+        } : {}, paddingOut, {
+          ...font,
+          fontSize,
+          lineHeight,
+          fontWeight,
+          color: finalInputTextColor,
+          textAlignVertical: multiline ? 'top' : 'center',
+          textAlign: textAlign ? textAlign : I18nManager.getConstants().isRTL ? 'right' : 'left',
+          paddingHorizontal: INPUT_PADDING_HORIZONTAL,
+          flex: 1,
+          flexShrink: 1,
+          minWidth: 0
+        }, Platform.OS === 'web' ? {
+          outline: 'none',
+          outlineWidth: 0,
+          outlineStyle: 'none'
+        } : undefined, adornmentStyleAdjustmentForNativeInput, contentStyle],
+        testID
+      })]
+    }), /*#__PURE__*/_jsx(TextFieldAdornment, {
+      ...adornmentProps
+    })]
+  });
+};
+export default TextInputOutlined;
+const styles = StyleSheet.create({
+  labelContainer: {
+    paddingBottom: 0,
+    flexGrow: 1,
+    overflow: 'visible'
+  },
+  input: {
+    margin: 0,
+    flexGrow: 1,
+    flexShrink: 1,
+    minWidth: 0
+  },
+  inputOutlined: {
+    paddingTop: 8,
+    paddingBottom: 12
+  },
+  inputOutlinedDense: {
+    paddingTop: 4,
+    paddingBottom: 10
+  }
+});
+//# sourceMappingURL=TextFieldOutlined.js.map

package/lib/module/ui/components/TextField/TextFieldOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","View","TextInput","NativeTextInput","StyleSheet","I18nManager","Platform","useThemeColors","Outline","AdornmentType","AdornmentSide","TextFieldAdornment","getAdornmentConfig","getAdornmentStyleAdjustmentForNativeInput","MAXIMIZED_LABEL_FONT_SIZE","MINIMIZED_LABEL_FONT_SIZE","LABEL_WIGGLE_X_OFFSET","ADORNMENT_SIZE","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","LABEL_PADDING_TOP","MIN_DENSE_HEIGHT_OUTLINED","LABEL_PADDING_TOP_DENSE","calculateLabelTopPosition","calculateInputHeight","calculatePadding","adjustPaddingOut","calculateOutlinedIconAndAffixTopPosition","getOutlinedInputColors","getConstants","InputLabel","LabelBackground","jsx","_jsx","jsxs","_jsxs","TextInputOutlined","disabled","editable","label","error","selectionColor","customSelectionColor","cursorColor","underlineColor","_underlineColor","outlineColor","customOutlineColor","activeOutlineColor","outlineStyle","textColor","dense","style","theme","render","props","multiline","parentState","innerRef","onFocus","forceFocus","onBlur","onChangeText","onLayoutAnimatedText","onLabelTextLayout","onLeftAffixLayoutChange","onRightAffixLayoutChange","onInputLayout","onLayout","left","right","placeholderTextColor","testID","contentStyle","scaledLabel","rest","adornmentConfig","isV3","roundness","font","fonts","bodyLarge","default","hasActiveOutline","focused","INPUT_PADDING_HORIZONTAL","MIN_HEIGHT","ADORNMENT_OFFSET","MIN_WIDTH","themeColors","fontSize","fontSizeStyle","fontWeight","lineHeight","lineHeightStyle","height","backgroundColor","styleBackgroundColor","textAlign","viewStyle","flatten","background","inputTextColor","activeColor","placeholderColor","errorColor","finalInputTextColor","text","densePaddingTop","paddingTop","yOffset","labelScale","fontScale","labelWidth","labelLayout","width","labelHeight","labelHalfWidth","labelHalfHeight","baseLabelTranslateX","isRTL","labelTranslationXOffset","isAdornmentLeftIcon","some","side","type","Left","Icon","isAdornmentRightIcon","Right","minInputHeight","inputHeight","topPosition","console","warn","paddingSettings","offset","scale","isAndroid","OS","styles","inputOutlinedDense","inputOutlined","pad","paddingOut","baseLabelTranslateY","current","placeholderOpacityAnims","useRef","Value","placeholderOpacity","labeled","measured","placeholderStyle","position","paddingHorizontal","placeholderTextColorBasedOnState","displayPlaceholder","labelBackgroundColor","colors","labelProps","labelError","wiggleOffsetX","maxFontSizeMultiplier","inputContainerLayout","opacity","value","onLayoutChange","useCallback","e","minHeight","outlinedHeight","leftLayout","rightLayout","leftAffixTopPosition","affixHeight","labelYOffset","rightAffixTopPosition","iconTopPosition","rightAffixWidth","leftAffixWidth","adornmentStyleAdjustmentForNativeInput","mode","affixTopPosition","onAffixChange","adornmentProps","Affix","isTextInputFocused","length","textStyle","visible","children","labelContainer","flex","flexShrink","wiggle","Boolean","labelLayoutMeasured","labelLayoutWidth","labelLayoutHeight","labelBackground","ref","placeholder","underlineColorAndroid","input","color","textAlignVertical","minWidth","outline","outlineWidth","undefined","create","paddingBottom","flexGrow","overflow","margin"],"sourceRoot":"../../../../../src","sources":["ui/components/TextField/TextFieldOutlined.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/TextField/constants.js

@@ -0,0 +1,46 @@
+"use strict";
+
+export const MAXIMIZED_LABEL_FONT_SIZE = 16;
+export const MINIMIZED_LABEL_FONT_SIZE = 12;
+export const LABEL_WIGGLE_X_OFFSET = 4;
+export const ADORNMENT_SIZE = 24;
+export const MIN_WIDTH = 100;
+
+//Text input affix offset
+export const MD2_AFFIX_OFFSET = 12;
+export const MD3_AFFIX_OFFSET = 16;
+
+// Text input icon
+export const ICON_SIZE = 24;
+export const MD2_ICON_OFFSET = 12;
+export const MD3_ICON_OFFSET = 16;
+
+// Text input common
+export const MD2_MIN_HEIGHT = 64;
+export const MD3_MIN_HEIGHT = 56;
+export const MD3_ADORNMENT_OFFSET = 16;
+export const MD2_ADORNMENT_OFFSET = 12;
+export const LABEL_PADDING_TOP_DENSE = 24;
+export const LABEL_PADDING_TOP = 8;
+
+// Text input flat
+export const MD2_LABEL_PADDING_TOP = 30;
+export const MD3_LABEL_PADDING_TOP = 26;
+export const MD2_LABEL_PADDING_HORIZONTAL = 12;
+export const MD3_LABEL_PADDING_HORIZONTAL = 16;
+export const MD2_FLAT_INPUT_OFFSET = 8;
+export const MD3_FLAT_INPUT_OFFSET = 16;
+export const MINIMIZED_LABEL_Y_OFFSET = -18;
+export const MIN_DENSE_HEIGHT_WL = 52;
+export const MIN_DENSE_HEIGHT = 40;
+
+// Text input outlined
+export const MD2_INPUT_PADDING_HORIZONTAL = 14;
+export const MD3_INPUT_PADDING_HORIZONTAL = 16;
+
+// extra space to avoid overlapping input's text and icon
+export const MD2_OUTLINED_INPUT_OFFSET = 8;
+export const MD3_OUTLINED_INPUT_OFFSET = 16;
+export const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -6;
+export const MIN_DENSE_HEIGHT_OUTLINED = 48;
+//# sourceMappingURL=constants.js.map

package/lib/module/ui/components/TextField/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAXIMIZED_LABEL_FONT_SIZE","MINIMIZED_LABEL_FONT_SIZE","LABEL_WIGGLE_X_OFFSET","ADORNMENT_SIZE","MIN_WIDTH","MD2_AFFIX_OFFSET","MD3_AFFIX_OFFSET","ICON_SIZE","MD2_ICON_OFFSET","MD3_ICON_OFFSET","MD2_MIN_HEIGHT","MD3_MIN_HEIGHT","MD3_ADORNMENT_OFFSET","MD2_ADORNMENT_OFFSET","LABEL_PADDING_TOP_DENSE","LABEL_PADDING_TOP","MD2_LABEL_PADDING_TOP","MD3_LABEL_PADDING_TOP","MD2_LABEL_PADDING_HORIZONTAL","MD3_LABEL_PADDING_HORIZONTAL","MD2_FLAT_INPUT_OFFSET","MD3_FLAT_INPUT_OFFSET","MINIMIZED_LABEL_Y_OFFSET","MIN_DENSE_HEIGHT_WL","MIN_DENSE_HEIGHT","MD2_INPUT_PADDING_HORIZONTAL","MD3_INPUT_PADDING_HORIZONTAL","MD2_OUTLINED_INPUT_OFFSET","MD3_OUTLINED_INPUT_OFFSET","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MIN_DENSE_HEIGHT_OUTLINED"],"sourceRoot":"../../../../../src","sources":["ui/components/TextField/constants.tsx"],"mappings":";;AAAA,OAAO,MAAMA,yBAAyB,GAAG,EAAE;AAC3C,OAAO,MAAMC,yBAAyB,GAAG,EAAE;AAC3C,OAAO,MAAMC,qBAAqB,GAAG,CAAC;AAEtC,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,SAAS,GAAG,GAAG;;AAE5B;AACA,OAAO,MAAMC,gBAAgB,GAAG,EAAE;AAClC,OAAO,MAAMC,gBAAgB,GAAG,EAAE;;AAElC;AACA,OAAO,MAAMC,SAAS,GAAG,EAAE;AAC3B,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,eAAe,GAAG,EAAE;;AAEjC;AACA,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,uBAAuB,GAAG,EAAE;AACzC,OAAO,MAAMC,iBAAiB,GAAG,CAAC;;AAElC;AACA,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AAEvC,OAAO,MAAMC,4BAA4B,GAAG,EAAE;AAC9C,OAAO,MAAMC,4BAA4B,GAAG,EAAE;AAE9C,OAAO,MAAMC,qBAAqB,GAAG,CAAC;AACtC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AAEvC,OAAO,MAAMC,wBAAwB,GAAG,CAAC,EAAE;AAC3C,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,gBAAgB,GAAG,EAAE;;AAElC;AACA,OAAO,MAAMC,4BAA4B,GAAG,EAAE;AAC9C,OAAO,MAAMC,4BAA4B,GAAG,EAAE;;AAE9C;AACA,OAAO,MAAMC,yBAAyB,GAAG,CAAC;AAC1C,OAAO,MAAMC,yBAAyB,GAAG,EAAE;AAE3C,OAAO,MAAMC,gCAAgC,GAAG,CAAC,CAAC;AAClD,OAAO,MAAMC,yBAAyB,GAAG,EAAE","ignoreList":[]}