@primer-io/react-native 2.45.0 → 3.0.0-beta.0

package/lib/module/Components/PrimerBillingAddressForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","StyleSheet","View","usePrimerTheme","usePrimerLocalization","useNavigation","CheckoutRoute","PrimerTextInput","CountrySelectorRow","getLocalizedCountryName","jsx","_jsx","jsxs","_jsxs","FIELD_ORDER","PrimerBillingAddressForm","billingForm","style","testID","tokens","t","locale","push","styles","createStyles","handleCountryPress","countrySelector","selectedCountryCode","countryCode","undefined","sectionVisible","visibleFields","showNameRow","firstName","lastName","showPostalCityRow","postalCode","city","lastVisibleField","reverse","find","f","returnKey","field","container","children","value","displayName","label","placeholder","onPress","row","halfField","onChangeText","updateFirstName","onBlur","markFieldTouched","autoComplete","autoCapitalize","error","errors","returnKeyType","updateLastName","addressLine1","updateAddressLine1","addressLine2","updateAddressLine2","updatePostalCode","updateCity","state","updateState","spacing","create","gap","medium","width","flex","flexDirection"],"sourceRoot":"../../../src","sources":["Components/PrimerBillingAddressForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/PrimerCardForm.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import { useEffect, useMemo, useRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { usePrimerTheme } from "./internal/theme/index.js";
+import { PrimerCardNumberInput } from "./inputs/PrimerCardNumberInput.js";
+import { PrimerExpiryDateInput } from "./inputs/PrimerExpiryDateInput.js";
+import { PrimerCVVInput } from "./inputs/PrimerCVVInput.js";
+import { PrimerCardholderNameInput } from "./inputs/PrimerCardholderNameInput.js";
+import { PrimerAcceptedCardNetworks } from "./PrimerAcceptedCardNetworks.js";
+import { usePrimerCardForm } from "./hooks/usePrimerCardForm.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PrimerCardForm({
+  onSubmit,
+  autoFocus = false,
+  style,
+  testID = 'primer-card-form'
+}) {
+  const cardForm = usePrimerCardForm();
+  const tokens = usePrimerTheme();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const cardRef = useRef(null);
+  const expiryRef = useRef(null);
+  const cvvRef = useRef(null);
+  const nameRef = useRef(null);
+
+  // Delay tracks NavigationContainer's 250ms push; focusing sooner opens the
+  // keyboard mid-slide and jumps the layout.
+  useEffect(() => {
+    if (!autoFocus) return;
+    const handle = setTimeout(() => cardRef.current?.focus(), 300);
+    return () => clearTimeout(handle);
+  }, [autoFocus]);
+  const disabled = cardForm.isSubmitting;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(PrimerAcceptedCardNetworks, {
+      testID: `${testID}-accepted-networks`
+    }), /*#__PURE__*/_jsx(PrimerCardNumberInput, {
+      ref: cardRef,
+      editable: !disabled,
+      returnKeyType: "next",
+      onSubmitEditing: () => expiryRef.current?.focus(),
+      testID: `${testID}-card-number`
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.halfField,
+        children: /*#__PURE__*/_jsx(PrimerExpiryDateInput, {
+          ref: expiryRef,
+          editable: !disabled,
+          returnKeyType: "next",
+          onSubmitEditing: () => cvvRef.current?.focus(),
+          testID: `${testID}-expiry`
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.halfField,
+        children: /*#__PURE__*/_jsx(PrimerCVVInput, {
+          ref: cvvRef,
+          editable: !disabled,
+          returnKeyType: cardForm.isCardholderNameVisible ? 'next' : 'done',
+          onSubmitEditing: cardForm.isCardholderNameVisible ? () => nameRef.current?.focus() : onSubmit,
+          testID: `${testID}-cvv`,
+          label: cardForm.descriptor.cvvLabel
+        })
+      })]
+    }), cardForm.isCardholderNameVisible && /*#__PURE__*/_jsx(PrimerCardholderNameInput, {
+      ref: nameRef,
+      editable: !disabled,
+      returnKeyType: "done",
+      onSubmitEditing: onSubmit,
+      testID: `${testID}-cardholder-name`
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    spacing
+  } = tokens;
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    container: {
+      gap: spacing.medium,
+      width: '100%'
+    },
+    halfField: {
+      flex: 1
+    },
+    row: {
+      flexDirection: 'row',
+      gap: spacing.medium
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=PrimerCardForm.js.map

package/lib/module/Components/PrimerCardForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","StyleSheet","View","usePrimerTheme","PrimerCardNumberInput","PrimerExpiryDateInput","PrimerCVVInput","PrimerCardholderNameInput","PrimerAcceptedCardNetworks","usePrimerCardForm","jsx","_jsx","jsxs","_jsxs","PrimerCardForm","onSubmit","autoFocus","style","testID","cardForm","tokens","styles","createStyles","cardRef","expiryRef","cvvRef","nameRef","handle","setTimeout","current","focus","clearTimeout","disabled","isSubmitting","container","children","ref","editable","returnKeyType","onSubmitEditing","row","halfField","isCardholderNameVisible","label","descriptor","cvvLabel","spacing","create","gap","medium","width","flex","flexDirection"],"sourceRoot":"../../../src","sources":["Components/PrimerCardForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/PrimerCardNetworkSelector.js

@@ -0,0 +1,164 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { Image, Pressable, StyleSheet, Text, View } from 'react-native';
+import { usePrimerCardNetworkSelection } from "./hooks/usePrimerCardNetworkSelection.js";
+import { Popover } from "./internal/Popover.js";
+import { CardNetworkBadge } from "./internal/CardNetworkBadge.js";
+import { usePrimerTheme } from "./internal/theme/index.js";
+import { TRAILING_ICON_MARGIN } from "./inputs/dimensions.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LOG = '[PrimerCardNetworkSelector]';
+const CHEVRON_SIZE = 24;
+const CHEVRON_GAP = 4;
+const chevronDownIcon = require('./internal/screens/assets/chevron-down.png');
+// Trailing adornment for the card-number input when 2+ networks are detected.
+// Three rendering modes (decided by usePrimerCardNetworkSelection):
+//   - none      → returns null (caller falls back to its single-network icon)
+//   - dual-badge → side-by-side badges, no chevron (EFTPOS + Visa case)
+//   - selectable → selected badge + chevron, popover list on tap
+export function PrimerCardNetworkSelector({
+  testID
+}) {
+  const tokens = usePrimerTheme();
+  const {
+    availableNetworks,
+    displayedIdentifier,
+    isSelectorVisible,
+    isDualBadge,
+    selectNetwork
+  } = usePrimerCardNetworkSelection();
+  const [popoverOpen, setPopoverOpen] = useState(false);
+  const [anchor, setAnchor] = useState(null);
+  const triggerRef = useRef(null);
+  if (!isSelectorVisible && !isDualBadge) return null;
+  if (isDualBadge) {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.row,
+      testID: testID,
+      children: availableNetworks.map((n, idx) => /*#__PURE__*/_jsx(CardNetworkBadge, {
+        identifier: n.identifier,
+        marginLeft: idx === 0 ? TRAILING_ICON_MARGIN : 4,
+        testID: testID ? `${testID}-badge-${n.identifier}` : undefined
+      }, n.identifier))
+    });
+  }
+  const openPopover = () => {
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      setAnchor({
+        x,
+        y,
+        width,
+        height
+      });
+      setPopoverOpen(true);
+    });
+  };
+  const closePopover = () => setPopoverOpen(false);
+  return /*#__PURE__*/_jsxs(View, {
+    ref: triggerRef,
+    collapsable: false,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      onPress: openPopover,
+      style: styles.trigger,
+      testID: testID ? `${testID}-trigger` : undefined,
+      accessibilityRole: "button",
+      accessibilityLabel: "Select card network",
+      children: [displayedIdentifier ? /*#__PURE__*/_jsx(CardNetworkBadge, {
+        identifier: displayedIdentifier,
+        marginLeft: TRAILING_ICON_MARGIN
+      }) : null, /*#__PURE__*/_jsx(Image, {
+        source: chevronDownIcon,
+        style: [styles.chevron, {
+          tintColor: tokens.colors.iconPrimary
+        }],
+        resizeMode: "contain"
+      })]
+    }), /*#__PURE__*/_jsx(Popover, {
+      visible: popoverOpen,
+      onDismiss: closePopover,
+      anchor: anchor,
+      testID: testID ? `${testID}-popover` : undefined,
+      children: availableNetworks.map((n, idx) => {
+        const isSelected = displayedIdentifier === n.identifier;
+        const isLast = idx === availableNetworks.length - 1;
+        return /*#__PURE__*/_jsxs(View, {
+          children: [/*#__PURE__*/_jsxs(Pressable, {
+            onPress: async () => {
+              closePopover();
+              try {
+                await selectNetwork(n.identifier);
+              } catch (err) {
+                console.warn(`${LOG} selectNetwork failed: ${String(err)}`);
+              }
+            },
+            style: ({
+              pressed
+            }) => [styles.option, pressed ? {
+              backgroundColor: tokens.colors.surface
+            } : null],
+            accessibilityRole: "button",
+            accessibilityState: {
+              selected: isSelected
+            },
+            accessibilityLabel: n.displayName,
+            testID: testID ? `${testID}-option-${n.identifier}` : undefined,
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.checkSlot,
+              children: isSelected ? /*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: tokens.colors.textPrimary,
+                  fontFamily: tokens.typography.fontFamily,
+                  fontSize: tokens.typography.bodyLarge.fontSize
+                },
+                children: "\u2713"
+              }) : null
+            }), /*#__PURE__*/_jsx(Text, {
+              style: {
+                color: tokens.colors.textPrimary,
+                fontFamily: tokens.typography.fontFamily,
+                fontSize: tokens.typography.bodyLarge.fontSize
+              },
+              children: n.displayName
+            })]
+          }), isLast ? null : /*#__PURE__*/_jsx(View, {
+            style: styles.separator
+          })]
+        }, n.identifier);
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  checkSlot: {
+    alignItems: 'center',
+    width: 20
+  },
+  chevron: {
+    height: CHEVRON_SIZE,
+    marginHorizontal: CHEVRON_GAP,
+    width: CHEVRON_SIZE
+  },
+  option: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    gap: 8,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  row: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  // eslint-disable-next-line react-native/no-color-literals
+  separator: {
+    backgroundColor: '#8080808C',
+    height: StyleSheet.hairlineWidth,
+    marginLeft: 16
+  },
+  trigger: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=PrimerCardNetworkSelector.js.map

package/lib/module/Components/PrimerCardNetworkSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","Image","Pressable","StyleSheet","Text","View","usePrimerCardNetworkSelection","Popover","CardNetworkBadge","usePrimerTheme","TRAILING_ICON_MARGIN","jsx","_jsx","jsxs","_jsxs","LOG","CHEVRON_SIZE","CHEVRON_GAP","chevronDownIcon","require","PrimerCardNetworkSelector","testID","tokens","availableNetworks","displayedIdentifier","isSelectorVisible","isDualBadge","selectNetwork","popoverOpen","setPopoverOpen","anchor","setAnchor","triggerRef","style","styles","row","children","map","n","idx","identifier","marginLeft","undefined","openPopover","current","measureInWindow","x","y","width","height","closePopover","ref","collapsable","onPress","trigger","accessibilityRole","accessibilityLabel","source","chevron","tintColor","colors","iconPrimary","resizeMode","visible","onDismiss","isSelected","isLast","length","err","console","warn","String","pressed","option","backgroundColor","surface","accessibilityState","selected","displayName","checkSlot","color","textPrimary","fontFamily","typography","fontSize","bodyLarge","separator","create","alignItems","marginHorizontal","flexDirection","gap","paddingHorizontal","paddingVertical","hairlineWidth"],"sourceRoot":"../../../src","sources":["Components/PrimerCardNetworkSelector.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,QAAQ,QAA2B,OAAO;AAC3D,SAASC,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,6BAA6B,QAAQ,0CAAuC;AACrF,SAASC,OAAO,QAA4B,uBAAoB;AAChE,SAASC,gBAAgB,QAAQ,gCAA6B;AAC9D,SAASC,cAAc,QAAQ,2BAAkB;AACjD,SAASC,oBAAoB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3D,MAAMC,GAAG,GAAG,6BAA6B;AAEzC,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,eAAe,GAAGC,OAAO,CAAC,4CAA4C,CAAC;AAM7E;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAC;EAAEC;AAAuC,CAAC,EAAE;EACpF,MAAMC,MAAM,GAAGb,cAAc,CAAC,CAAC;EAC/B,MAAM;IAAEc,iBAAiB;IAAEC,mBAAmB;IAAEC,iBAAiB;IAAEC,WAAW;IAAEC;EAAc,CAAC,GAC7FrB,6BAA6B,CAAC,CAAC;EACjC,MAAM,CAACsB,WAAW,EAAEC,cAAc,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAAC8B,MAAM,EAAEC,SAAS,CAAC,GAAG/B,QAAQ,CAAuB,IAAI,CAAC;EAChE,MAAMgC,UAAU,GAAGjC,MAAM,CAA4B,IAAI,CAAC;EAE1D,IAAI,CAAC0B,iBAAiB,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAEnD,IAAIA,WAAW,EAAE;IACf,oBACEd,IAAA,CAACP,IAAI;MAAC4B,KAAK,EAAEC,MAAM,CAACC,GAAI;MAACd,MAAM,EAAEA,MAAO;MAAAe,QAAA,EACrCb,iBAAiB,CAACc,GAAG,CAAC,CAACC,CAAC,EAAEC,GAAG,kBAC5B3B,IAAA,CAACJ,gBAAgB;QAEfgC,UAAU,EAAEF,CAAC,CAACE,UAAW;QACzBC,UAAU,EAAEF,GAAG,KAAK,CAAC,GAAG7B,oBAAoB,GAAG,CAAE;QACjDW,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAUiB,CAAC,CAACE,UAAU,EAAE,GAAGE;MAAU,GAH1DJ,CAAC,CAACE,UAIR,CACF;IAAC,CACE,CAAC;EAEX;EAEA,MAAMG,WAAW,GAAGA,CAAA,KAAM;IACxBX,UAAU,CAACY,OAAO,EAAEC,eAAe,CAAC,CAACC,CAAS,EAAEC,CAAS,EAAEC,KAAa,EAAEC,MAAc,KAAK;MAC3FlB,SAAS,CAAC;QAAEe,CAAC;QAAEC,CAAC;QAAEC,KAAK;QAAEC;MAAO,CAAC,CAAC;MAClCpB,cAAc,CAAC,IAAI,CAAC;IACtB,CAAC,CAAC;EACJ,CAAC;EACD,MAAMqB,YAAY,GAAGA,CAAA,KAAMrB,cAAc,CAAC,KAAK,CAAC;EAEhD,oBACEf,KAAA,CAACT,IAAI;IAAC8C,GAAG,EAAEnB,UAAW;IAACoB,WAAW,EAAE,KAAM;IAAAhB,QAAA,gBACxCtB,KAAA,CAACZ,SAAS;MACRmD,OAAO,EAAEV,WAAY;MACrBV,KAAK,EAAEC,MAAM,CAACoB,OAAQ;MACtBjC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAGqB,SAAU;MACjDa,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAC,qBAAqB;MAAApB,QAAA,GAEvCZ,mBAAmB,gBAClBZ,IAAA,CAACJ,gBAAgB;QAACgC,UAAU,EAAEhB,mBAAoB;QAACiB,UAAU,EAAE/B;MAAqB,CAAE,CAAC,GACrF,IAAI,eACRE,IAAA,CAACX,KAAK;QACJwD,MAAM,EAAEvC,eAAgB;QACxBe,KAAK,EAAE,CAACC,MAAM,CAACwB,OAAO,EAAE;UAAEC,SAAS,EAAErC,MAAM,CAACsC,MAAM,CAACC;QAAY,CAAC,CAAE;QAClEC,UAAU,EAAC;MAAS,CACrB,CAAC;IAAA,CACO,CAAC,eACZlD,IAAA,CAACL,OAAO;MACNwD,OAAO,EAAEnC,WAAY;MACrBoC,SAAS,EAAEd,YAAa;MACxBpB,MAAM,EAAEA,MAAO;MACfT,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAGqB,SAAU;MAAAN,QAAA,EAEhDb,iBAAiB,CAACc,GAAG,CAAC,CAACC,CAAC,EAAEC,GAAG,KAAK;QACjC,MAAM0B,UAAU,GAAGzC,mBAAmB,KAAKc,CAAC,CAACE,UAAU;QACvD,MAAM0B,MAAM,GAAG3B,GAAG,KAAKhB,iBAAiB,CAAC4C,MAAM,GAAG,CAAC;QACnD,oBACErD,KAAA,CAACT,IAAI;UAAA+B,QAAA,gBACHtB,KAAA,CAACZ,SAAS;YACRmD,OAAO,EAAE,MAAAA,CAAA,KAAY;cACnBH,YAAY,CAAC,CAAC;cACd,IAAI;gBACF,MAAMvB,aAAa,CAACW,CAAC,CAACE,UAAU,CAAC;cACnC,CAAC,CAAC,OAAO4B,GAAG,EAAE;gBACZC,OAAO,CAACC,IAAI,CAAC,GAAGvD,GAAG,0BAA0BwD,MAAM,CAACH,GAAG,CAAC,EAAE,CAAC;cAC7D;YACF,CAAE;YACFnC,KAAK,EAAEA,CAAC;cAAEuC;YAAQ,CAAC,KAAK,CAACtC,MAAM,CAACuC,MAAM,EAAED,OAAO,GAAG;cAAEE,eAAe,EAAEpD,MAAM,CAACsC,MAAM,CAACe;YAAQ,CAAC,GAAG,IAAI,CAAE;YACrGpB,iBAAiB,EAAC,QAAQ;YAC1BqB,kBAAkB,EAAE;cAAEC,QAAQ,EAAEZ;YAAW,CAAE;YAC7CT,kBAAkB,EAAElB,CAAC,CAACwC,WAAY;YAClCzD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAWiB,CAAC,CAACE,UAAU,EAAE,GAAGE,SAAU;YAAAN,QAAA,gBAEhExB,IAAA,CAACP,IAAI;cAAC4B,KAAK,EAAEC,MAAM,CAAC6C,SAAU;cAAA3C,QAAA,EAC3B6B,UAAU,gBACTrD,IAAA,CAACR,IAAI;gBACH6B,KAAK,EAAE;kBACL+C,KAAK,EAAE1D,MAAM,CAACsC,MAAM,CAACqB,WAAW;kBAChCC,UAAU,EAAE5D,MAAM,CAAC6D,UAAU,CAACD,UAAU;kBACxCE,QAAQ,EAAE9D,MAAM,CAAC6D,UAAU,CAACE,SAAS,CAACD;gBACxC,CAAE;gBAAAhD,QAAA,EACH;cAED,CAAM,CAAC,GACL;YAAI,CACJ,CAAC,eACPxB,IAAA,CAACR,IAAI;cACH6B,KAAK,EAAE;gBACL+C,KAAK,EAAE1D,MAAM,CAACsC,MAAM,CAACqB,WAAW;gBAChCC,UAAU,EAAE5D,MAAM,CAAC6D,UAAU,CAACD,UAAU;gBACxCE,QAAQ,EAAE9D,MAAM,CAAC6D,UAAU,CAACE,SAAS,CAACD;cACxC,CAAE;cAAAhD,QAAA,EAEDE,CAAC,CAACwC;YAAW,CACV,CAAC;UAAA,CACE,CAAC,EACXZ,MAAM,GAAG,IAAI,gBAAGtD,IAAA,CAACP,IAAI;YAAC4B,KAAK,EAAEC,MAAM,CAACoD;UAAU,CAAE,CAAC;QAAA,GAvCzChD,CAAC,CAACE,UAwCP,CAAC;MAEX,CAAC;IAAC,CACK,CAAC;EAAA,CACN,CAAC;AAEX;AAEA,MAAMN,MAAM,GAAG/B,UAAU,CAACoF,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE,QAAQ;IACpBxC,KAAK,EAAE;EACT,CAAC;EACDU,OAAO,EAAE;IACPT,MAAM,EAAEjC,YAAY;IACpByE,gBAAgB,EAAExE,WAAW;IAC7B+B,KAAK,EAAEhC;EACT,CAAC;EACDyD,MAAM,EAAE;IACNe,UAAU,EAAE,QAAQ;IACpBE,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACD1D,GAAG,EAAE;IACHqD,UAAU,EAAE,QAAQ;IACpBE,aAAa,EAAE;EACjB,CAAC;EACD;EACAJ,SAAS,EAAE;IACTZ,eAAe,EAAE,WAAW;IAC5BzB,MAAM,EAAE9C,UAAU,CAAC2F,aAAa;IAChCrD,UAAU,EAAE;EACd,CAAC;EACDa,OAAO,EAAE;IACPkC,UAAU,EAAE,QAAQ;IACpBE,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}