@oxyhq/services 23.0.2 → 23.1.0

package/lib/commonjs/ui/components/ProfileButton.js

@@ -0,0 +1,348 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _MaterialCommunityIcons = _interopRequireDefault(require("@expo/vector-icons/MaterialCommunityIcons"));
+var _avatar = require("@oxyhq/bloom/avatar");
+var Skeleton = _interopRequireWildcard(require("@oxyhq/bloom/skeleton"));
+var _typography = require("@oxyhq/bloom/typography");
+var _theme = require("@oxyhq/bloom/theme");
+var _core = require("@oxyhq/core");
+var _useAuth = require("../hooks/useAuth.js");
+var _OxyContext = require("../context/OxyContext.js");
+var _useI18n = require("../hooks/useI18n.js");
+var _accountDialogManager = require("../navigation/accountDialogManager.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const isWeb = _reactNative.Platform.OS === 'web';
+
+/**
+ * Web-only Bluesky-style hover animation timings, mirrored from
+ * `social-app/src/view/shell/desktop/LeftNav.tsx`. The row background and the
+ * name/handle/chevron opacity cross-fade quickly; the avatar shrink+slide is
+ * slower and more deliberate. A short delay on the LEAVE transition keeps the
+ * row from flickering when the pointer crosses a child boundary.
+ */
+const BG_TRANSITION_MS = 150;
+const AVATAR_TRANSITION_MS = 250;
+const OPACITY_TRANSITION_MS = 150;
+const LEAVE_DELAY_MS = 50;
+
+/** Shrunk-avatar scale on hover, matching Bluesky's `scale: 2/3`. */
+const ACTIVE_AVATAR_SCALE = 2 / 3;
+
+/**
+ * Reads the OS "reduce motion" preference on web. Guards `window`/`matchMedia`
+ * so it is safe during SSR and on native (where it is never called). When
+ * reduced motion is on, the avatar transform snaps instead of transitioning.
+ */
+const prefersReducedMotion = () => {
+  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+    return false;
+  }
+  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+};
+/**
+ * Self-contained sidebar account trigger, modeled on Bluesky's ProfileCard and
+ * the Oxy inbox's `MailboxDrawer` footer. Pressing it opens the unified
+ * {@link OxyAccountDialogScreen} — the single account switcher + sign-in surface — via
+ * `useOxy().openAccountDialog`.
+ *
+ * Three auth states from {@link useAuth}:
+ *  - **Undetermined** (`!isAuthResolved || isPrivateApiPending`): a neutral
+ *    avatar-sized skeleton circle, no press.
+ *  - **Signed in**: a pressable row — Bloom `Avatar` + display name + `@handle`
+ *    + a chevron. Press opens the dialog on its `accounts` view.
+ *  - **Signed out**: a "Sign in" row that calls `useAuth().signIn()` (which opens
+ *    the dialog on its `signin` view).
+ *
+ * Styling uses react-native `StyleSheet` + the Bloom theme (via `useTheme`) so
+ * the layout renders identically in EVERY consumer — including apps that do not
+ * use NativeWind (e.g. the accounts app). Only the web hover animation keeps
+ * dynamic inline `style` (the CSS transition/transform values), which is what
+ * the `react-native-web-style.d.ts` augmentation exists for.
+ */
+const ProfileButton = ({
+  expanded = true,
+  avatarSize,
+  onNavigateManage,
+  onAddAccount,
+  onNavigateProfile,
+  className,
+  style
+}) => {
+  const {
+    user,
+    isAuthenticated,
+    isAuthResolved,
+    isPrivateApiPending,
+    signIn
+  } = (0, _useAuth.useAuth)();
+  const {
+    openAccountDialog,
+    oxyServices
+  } = (0, _OxyContext.useOxy)();
+  const {
+    colors
+  } = (0, _theme.useTheme)();
+  const {
+    t,
+    locale
+  } = (0, _useI18n.useI18n)();
+
+  // Web-only hover/focus tracking for the Bluesky-style reveal animation.
+  // Native has no hover, so these stay false and the row renders statically.
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const resolvedAvatarSize = avatarSize ?? (expanded ? 40 : 32);
+  const openDialog = (0, _react.useCallback)(() => {
+    openAccountDialog('accounts');
+  }, [openAccountDialog]);
+  (0, _react.useEffect)(() => {
+    if (!onNavigateManage && !onAddAccount && !onNavigateProfile) {
+      return undefined;
+    }
+    return (0, _accountDialogManager.registerAccountDialogConsumerHooks)({
+      onNavigateManage,
+      onAddAccount,
+      onNavigateProfile
+    });
+  }, [onNavigateManage, onAddAccount, onNavigateProfile]);
+  const avatarUrl = (0, _react.useMemo)(() => user?.avatar ? oxyServices.getFileDownloadUrl(user.avatar, 'thumb') : undefined, [user?.avatar, oxyServices]);
+
+  // ── Undetermined: skeleton circle, no interaction. ──────────────────────
+  if (!isAuthResolved || isPrivateApiPending) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: className,
+      style: style,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Skeleton.Circle, {
+        size: resolvedAvatarSize
+      })
+    });
+  }
+
+  // ── Signed out: "Sign in" row. ──────────────────────────────────────────
+  if (!isAuthenticated || !user) {
+    const signInLabel = t('common.actions.signIn') || 'Sign in';
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      className: className,
+      style: [styles.row, expanded && styles.rowExpanded, style],
+      onPress: () => {
+        void signIn();
+      },
+      accessibilityRole: "button",
+      accessibilityLabel: signInLabel,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.avatarBadge, {
+          width: resolvedAvatarSize,
+          height: resolvedAvatarSize,
+          backgroundColor: colors.backgroundSecondary
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+          name: "login",
+          size: Math.round(resolvedAvatarSize * 0.5),
+          color: colors.icon
+        })
+      }), expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+        style: [styles.signInLabel, {
+          color: colors.text
+        }],
+        numberOfLines: 1,
+        children: signInLabel
+      }) : null]
+    });
+  }
+
+  // ── Signed in: avatar + identity + chevron. ─────────────────────────────
+  const displayName = (0, _core.getAccountDisplayName)(user, locale);
+  const handle = (0, _core.getAccountFallbackHandle)(user);
+  const handleLine = handle ? `@${handle}` : null;
+  const avatarNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.Avatar, {
+    source: avatarUrl,
+    variant: "thumb",
+    name: displayName,
+    size: resolvedAvatarSize
+  });
+
+  // `active` combines hover and keyboard focus — exactly like Bluesky's
+  // `state.hovered || state.focused`. Only web ever sets these, so on native
+  // the row renders statically.
+  const active = hovered || focused;
+  const accountLabel = t('accountSwitcher.switchWhileSignedInAs', {
+    name: displayName
+  });
+
+  // Web-only pointer/focus handlers. RN-Web forwards `onHoverIn`/`onHoverOut`
+  // to the underlying element; native Pressable ignores them harmlessly, but
+  // we only attach them on web to keep the native path pristine.
+  const webInteractionProps = isWeb ? {
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    onFocus: () => setFocused(true),
+    onBlur: () => setFocused(false)
+  } : undefined;
+  if (!expanded) {
+    // Collapsed: avatar-only. On web, hovering just fades a subtle round
+    // background behind the avatar — no shrink, no text.
+    const collapsedBgStyle = isWeb ? {
+      backgroundColor: active ? colors.backgroundSecondary : 'transparent',
+      transitionProperty: 'background-color',
+      transitionDuration: `${BG_TRANSITION_MS}ms`,
+      transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
+    } : undefined;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: className,
+      style: style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: [styles.collapsedTrigger, collapsedBgStyle],
+        onPress: openDialog,
+        accessibilityRole: "button",
+        accessibilityLabel: accountLabel,
+        ...webInteractionProps,
+        children: avatarNode
+      })
+    });
+  }
+
+  // ── Expanded row animation ──────────────────────────────────────────────
+  // On native everything is statically visible (no hover exists). On web we
+  // reproduce Bluesky's reveal: the row fills with a subtle contrast bg, the
+  // avatar shrinks + slides left, and the name/handle/chevron fade in. The
+  // negative left margin tucks the identity block under the shrunk avatar so
+  // it slides out from behind it as the avatar contracts.
+  const reducedMotion = isWeb && prefersReducedMotion();
+
+  // Slide the shrunk avatar left so its visual left edge stays put as it
+  // contracts. The avatar loses `size * (1 - scale)` of width; half of that
+  // (the left half, since scale is centered) is the offset, plus the row's
+  // left padding (8px) so it hugs the row edge like Bluesky's.
+  const activeAvatarTranslateX = -(resolvedAvatarSize * (1 - ACTIVE_AVATAR_SCALE)) / 2 - 8;
+  const rowStyle = isWeb ? {
+    backgroundColor: active ? colors.backgroundSecondary : 'transparent',
+    transitionProperty: 'background-color',
+    transitionDuration: `${BG_TRANSITION_MS}ms`,
+    transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
+  } : undefined;
+  const avatarWrapperStyle = isWeb ? {
+    zIndex: 10,
+    ...(reducedMotion ? {} : {
+      transitionProperty: 'transform',
+      transitionDuration: `${AVATAR_TRANSITION_MS}ms`,
+      transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
+    }),
+    transform: active ? [{
+      scale: ACTIVE_AVATAR_SCALE
+    }, {
+      translateX: activeAvatarTranslateX
+    }] : [{
+      scale: 1
+    }, {
+      translateX: 0
+    }]
+  } : undefined;
+  const identityStyle = isWeb ? {
+    marginLeft: -resolvedAvatarSize / 2,
+    opacity: active ? 1 : 0,
+    transitionProperty: 'opacity',
+    transitionDuration: `${OPACITY_TRANSITION_MS}ms`,
+    transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
+  } : undefined;
+  const chevronStyle = isWeb ? {
+    opacity: active ? 1 : 0,
+    transitionProperty: 'opacity',
+    transitionDuration: `${OPACITY_TRANSITION_MS}ms`,
+    transitionDelay: active ? '0ms' : `${LEAVE_DELAY_MS}ms`
+  } : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: className,
+    style: [styles.fullWidth, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: [styles.row, styles.rowExpanded, rowStyle],
+      onPress: openDialog,
+      accessibilityRole: "button",
+      accessibilityLabel: accountLabel,
+      ...webInteractionProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: avatarWrapperStyle,
+        children: avatarNode
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.identity, identityStyle],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          style: [styles.displayName, {
+            color: colors.text
+          }],
+          numberOfLines: 1,
+          children: displayName
+        }), handleLine ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          style: [styles.handle, {
+            color: colors.textSecondary
+          }],
+          numberOfLines: 1,
+          children: handleLine
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: chevronStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialCommunityIcons.default, {
+          name: "dots-horizontal",
+          size: 18,
+          color: colors.textSecondary
+        })
+      })]
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  fullWidth: {
+    width: '100%'
+  },
+  // Shared trigger row (`flex-row items-center gap-3 rounded-full px-2 py-2`).
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    borderRadius: 9999,
+    paddingHorizontal: 8,
+    paddingVertical: 8
+  },
+  // `w-full` on the expanded row + its signed-out variant.
+  rowExpanded: {
+    width: '100%'
+  },
+  // Signed-out login badge (`items-center justify-center rounded-full`).
+  avatarBadge: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 9999
+  },
+  // Signed-out label (`flex-1 font-semibold`).
+  signInLabel: {
+    flex: 1,
+    fontWeight: '600'
+  },
+  // Collapsed avatar-only trigger (`rounded-full`).
+  collapsedTrigger: {
+    borderRadius: 9999
+  },
+  // Identity block (`min-w-0 flex-1`).
+  identity: {
+    flex: 1,
+    minWidth: 0
+  },
+  // Display name (`font-bold`).
+  displayName: {
+    fontWeight: '700'
+  },
+  // Handle line (`text-xs`).
+  handle: {
+    fontSize: 12
+  }
+});
+var _default = exports.default = ProfileButton;
+//# sourceMappingURL=ProfileButton.js.map

package/lib/commonjs/ui/components/ProfileButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_MaterialCommunityIcons","_interopRequireDefault","_avatar","Skeleton","_interopRequireWildcard","_typography","_theme","_core","_useAuth","_OxyContext","_useI18n","_accountDialogManager","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isWeb","Platform","OS","BG_TRANSITION_MS","AVATAR_TRANSITION_MS","OPACITY_TRANSITION_MS","LEAVE_DELAY_MS","ACTIVE_AVATAR_SCALE","prefersReducedMotion","window","matchMedia","matches","ProfileButton","expanded","avatarSize","onNavigateManage","onAddAccount","onNavigateProfile","className","style","user","isAuthenticated","isAuthResolved","isPrivateApiPending","signIn","useAuth","openAccountDialog","oxyServices","useOxy","colors","useTheme","locale","useI18n","hovered","setHovered","useState","focused","setFocused","resolvedAvatarSize","openDialog","useCallback","useEffect","undefined","registerAccountDialogConsumerHooks","avatarUrl","useMemo","avatar","getFileDownloadUrl","jsx","View","accessibilityElementsHidden","importantForAccessibility","children","Circle","size","signInLabel","jsxs","Pressable","styles","row","rowExpanded","onPress","accessibilityRole","accessibilityLabel","avatarBadge","width","height","backgroundColor","backgroundSecondary","name","Math","round","color","icon","Text","text","numberOfLines","displayName","getAccountDisplayName","handle","getAccountFallbackHandle","handleLine","avatarNode","Avatar","source","variant","active","accountLabel","webInteractionProps","onHoverIn","onHoverOut","onFocus","onBlur","collapsedBgStyle","transitionProperty","transitionDuration","transitionDelay","collapsedTrigger","reducedMotion","activeAvatarTranslateX","rowStyle","avatarWrapperStyle","zIndex","transform","scale","translateX","identityStyle","marginLeft","opacity","chevronStyle","fullWidth","identity","textSecondary","StyleSheet","create","flexDirection","alignItems","gap","borderRadius","paddingHorizontal","paddingVertical","justifyContent","flex","fontWeight","minWidth","fontSize","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/ProfileButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/ProfileSummaryCard.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _typography = require("@oxyhq/bloom/typography");
+var _avatar = require("@oxyhq/bloom/avatar");
+var _card = require("@oxyhq/bloom/card");
+var _pressableScale = require("@oxyhq/bloom/pressable-scale");
+var _AvatarCameraBadge = _interopRequireDefault(require("./AvatarCameraBadge.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * ProfileSummaryCard — the shared "who am I" summary block rendered at the top
+ * of {@link ManageAccountScreen} and {@link EditProfileScreen}.
+ *
+ * A Bloom filled {@link Card} containing a centered {@link Avatar}, the display
+ * name and any number of secondary lines (handle, email, …). When
+ * `onAvatarPress` is supplied the avatar becomes a {@link PressableScale} entry
+ * point (used to open the avatar picker) and can render an optional camera
+ * badge overlay.
+ */
+
+const cardStyle = {
+  borderRadius: 20,
+  marginBottom: 16
+};
+const pressableStyle = {
+  position: 'relative'
+};
+const ProfileSummaryCard = ({
+  displayName,
+  avatarUri,
+  avatarSize = 72,
+  lines,
+  onAvatarPress,
+  showCameraBadge = false,
+  avatarAccessibilityLabel
+}) => {
+  const avatar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.Avatar, {
+    source: avatarUri,
+    name: displayName,
+    size: avatarSize
+  });
+  const avatarNode = onAvatarPress ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_pressableScale.PressableScale, {
+    onPress: onAvatarPress,
+    accessibilityRole: "button",
+    accessibilityLabel: avatarAccessibilityLabel,
+    style: pressableStyle,
+    className: "mb-space-12",
+    children: [avatar, showCameraBadge ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarCameraBadge.default, {}) : null]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: "mb-space-12",
+    children: avatar
+  });
+  const subtitleLines = (lines ?? []).filter(line => typeof line === 'string' && line.length > 0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.Card, {
+    variant: "filled",
+    style: cardStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "items-center px-space-20 py-space-24",
+      children: [avatarNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H4, {
+        className: "text-text",
+        numberOfLines: 1,
+        children: displayName
+      }), subtitleLines.map((line, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text
+      // Subtitle order is stable within a render; index keys are safe here.
+      , {
+        className: "text-text-secondary text-sm mt-space-2",
+        numberOfLines: 1,
+        children: line
+      }, `${index}-${line}`))]
+    })
+  });
+};
+var _default = exports.default = ProfileSummaryCard;
+//# sourceMappingURL=ProfileSummaryCard.js.map

package/lib/commonjs/ui/components/ProfileSummaryCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_typography","_avatar","_card","_pressableScale","_AvatarCameraBadge","_interopRequireDefault","_jsxRuntime","e","__esModule","default","cardStyle","borderRadius","marginBottom","pressableStyle","position","ProfileSummaryCard","displayName","avatarUri","avatarSize","lines","onAvatarPress","showCameraBadge","avatarAccessibilityLabel","avatar","jsx","Avatar","source","name","size","avatarNode","jsxs","PressableScale","onPress","accessibilityRole","accessibilityLabel","style","className","children","View","subtitleLines","filter","line","length","Card","variant","H4","numberOfLines","map","index","Text","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/ProfileSummaryCard.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAC,sBAAA,CAAAN,OAAA;AAAoD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAM,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAqBA,MAAMG,SAAoB,GAAG;EACzBC,YAAY,EAAE,EAAE;EAChBC,YAAY,EAAE;AAClB,CAAC;AAED,MAAMC,cAAyB,GAAG;EAC9BC,QAAQ,EAAE;AACd,CAAC;AAED,MAAMC,kBAAqD,GAAGA,CAAC;EAC3DC,WAAW;EACXC,SAAS;EACTC,UAAU,GAAG,EAAE;EACfC,KAAK;EACLC,aAAa;EACbC,eAAe,GAAG,KAAK;EACvBC;AACJ,CAAC,KAAK;EACF,MAAMC,MAAM,gBAAG,IAAAjB,WAAA,CAAAkB,GAAA,EAACvB,OAAA,CAAAwB,MAAM;IAACC,MAAM,EAAET,SAAU;IAACU,IAAI,EAAEX,WAAY;IAACY,IAAI,EAAEV;EAAW,CAAE,CAAC;EAEjF,MAAMW,UAAU,GAAGT,aAAa,gBAC5B,IAAAd,WAAA,CAAAwB,IAAA,EAAC3B,eAAA,CAAA4B,cAAc;IACXC,OAAO,EAAEZ,aAAc;IACvBa,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEZ,wBAAyB;IAC7Ca,KAAK,EAAEtB,cAAe;IACtBuB,SAAS,EAAC,aAAa;IAAAC,QAAA,GAEtBd,MAAM,EACNF,eAAe,gBAAG,IAAAf,WAAA,CAAAkB,GAAA,EAACpB,kBAAA,CAAAK,OAAiB,IAAE,CAAC,GAAG,IAAI;EAAA,CACnC,CAAC,gBAEjB,IAAAH,WAAA,CAAAkB,GAAA,EAAC1B,YAAA,CAAAwC,IAAI;IAACF,SAAS,EAAC,aAAa;IAAAC,QAAA,EAAEd;EAAM,CAAO,CAC/C;EAED,MAAMgB,aAAa,GAAG,CAACpB,KAAK,IAAI,EAAE,EAAEqB,MAAM,CACrCC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,MAAM,GAAG,CACxE,CAAC;EAED,oBACI,IAAApC,WAAA,CAAAkB,GAAA,EAACtB,KAAA,CAAAyC,IAAI;IAACC,OAAO,EAAC,QAAQ;IAACT,KAAK,EAAEzB,SAAU;IAAA2B,QAAA,eACpC,IAAA/B,WAAA,CAAAwB,IAAA,EAAChC,YAAA,CAAAwC,IAAI;MAACF,SAAS,EAAC,sCAAsC;MAAAC,QAAA,GACjDR,UAAU,eACX,IAAAvB,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAA6C,EAAE;QAACT,SAAS,EAAC,WAAW;QAACU,aAAa,EAAE,CAAE;QAAAT,QAAA,EACtCrB;MAAW,CACZ,CAAC,EACJuB,aAAa,CAACQ,GAAG,CAAC,CAACN,IAAI,EAAEO,KAAK,kBAC3B,IAAA1C,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAiD;MACG;MAAA;QAEAb,SAAS,EAAC,wCAAwC;QAClDU,aAAa,EAAE,CAAE;QAAAT,QAAA,EAEhBI;MAAI,GAJA,GAAGO,KAAK,IAAIP,IAAI,EAKnB,CACT,CAAC;IAAA,CACA;EAAC,CACL,CAAC;AAEf,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEaM,kBAAkB","ignoreList":[]}