@echoform/echo-ui 0.1.0 → 0.2.0

package/dist/components/EchoProfileRow.d.ts

@@ -0,0 +1,60 @@
+/**
+ * EchoProfileRow
+ *
+ * Presentation-only profile row used throughout the signed-in Echo Profile screen.
+ * Extracted from the Echo UI Reference profileRow pattern.
+ *
+ * Supports an image or Material icon in a 52×52 icon wrapper, title/value
+ * typography, optional chevron, pressed state, and both button and text roles.
+ *
+ * The `loading` prop replaces the value text with a small ActivityIndicator,
+ * covering the Echo Coins loading state and similar cases.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • `accessibilityRole="button"` when `onPress` is provided.
+ * • `accessibilityRole="text"` when non-actionable.
+ * • All decorative image/icon content is hidden from screen readers.
+ * • The `accessibilityLabel` prop is always required so the host controls
+ *   the exact announcement without business meaning leaking into this component.
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+import type { ImageSource } from 'expo-image';
+export type EchoProfileRowProps = {
+    /** Uppercase row category label, e.g. "ECHO PROFILE NAME". */
+    title: string;
+    /** Value text displayed below the title. Hidden when `loading` is true. */
+    value?: string | null;
+    /** Optional color override for the value text. */
+    valueColor?: string;
+    /** expo-image ImageSource for the left icon slot. */
+    imageSource?: ImageSource | null;
+    /** Size of the rendered image inside the icon wrapper. Defaults to 44. */
+    imageSize?: number;
+    /** Background color of the 52×52 icon wrapper. */
+    iconBackgroundColor?: string;
+    /** Material icon name, used when no imageSource is provided. */
+    materialIcon?: string;
+    /** Color for the materialIcon. Defaults to COLORS.neonCyan. */
+    materialIconColor?: string;
+    /** When provided, the row becomes a pressable button. */
+    onPress?: () => void;
+    /** Required: announcement text for VoiceOver / TalkBack. */
+    accessibilityLabel: string;
+    /** Optional hint appended after the label. */
+    accessibilityHint?: string;
+    /** When true, shows a spinner in place of the value text. */
+    loading?: boolean;
+    /** Color of the loading spinner. Defaults to COLORS.textMuted. */
+    loadingColor?: string;
+    /**
+     * When true, shows a right-side chevron.
+     * Defaults to `true` when `onPress` is provided, `false` otherwise.
+     */
+    showChevron?: boolean;
+};
+export declare function EchoProfileRow({ title, value, valueColor, imageSource, imageSize, iconBackgroundColor, materialIcon, materialIconColor, onPress, accessibilityLabel, accessibilityHint, loading, loadingColor, showChevron, }: EchoProfileRowProps): React.JSX.Element;
+//# sourceMappingURL=EchoProfileRow.d.ts.map

package/dist/components/EchoProfileRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileRow.d.ts","sourceRoot":"","sources":["../../src/components/EchoProfileRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAQ9C,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,kBAAkB,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAMF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,iBAAmC,EACnC,OAAO,EACP,kBAAkB,EAClB,iBAAiB,EACjB,OAAe,EACf,YAA+B,EAC/B,WAAW,GACZ,EAAE,mBAAmB,qBAoGrB"}

package/dist/components/EchoProfileRow.js

@@ -0,0 +1,113 @@
+"use strict";
+/**
+ * EchoProfileRow
+ *
+ * Presentation-only profile row used throughout the signed-in Echo Profile screen.
+ * Extracted from the Echo UI Reference profileRow pattern.
+ *
+ * Supports an image or Material icon in a 52×52 icon wrapper, title/value
+ * typography, optional chevron, pressed state, and both button and text roles.
+ *
+ * The `loading` prop replaces the value text with a small ActivityIndicator,
+ * covering the Echo Coins loading state and similar cases.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • `accessibilityRole="button"` when `onPress` is provided.
+ * • `accessibilityRole="text"` when non-actionable.
+ * • All decorative image/icon content is hidden from screen readers.
+ * • The `accessibilityLabel` prop is always required so the host controls
+ *   the exact announcement without business meaning leaking into this component.
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoProfileRow = EchoProfileRow;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const expo_image_1 = require("expo-image");
+const vector_icons_1 = require("@expo/vector-icons");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoProfileRow({ title, value, valueColor, imageSource, imageSize = 44, iconBackgroundColor, materialIcon, materialIconColor = theme_1.COLORS.neonCyan, onPress, accessibilityLabel, accessibilityHint, loading = false, loadingColor = theme_1.COLORS.textMuted, showChevron, }) {
+    const chevron = showChevron !== undefined ? showChevron : !!onPress;
+    // ── Icon slot ─────────────────────────────────────────────────────────────
+    const iconSlot = (<react_native_1.View style={[
+            styles.iconWrapper,
+            iconBackgroundColor ? { backgroundColor: iconBackgroundColor } : null,
+        ]} importantForAccessibility="no" accessibilityElementsHidden>
+      {imageSource ? (<expo_image_1.Image source={imageSource} style={{ width: imageSize, height: imageSize }} contentFit="contain" importantForAccessibility="no" accessibilityElementsHidden/>) : materialIcon ? (<vector_icons_1.MaterialIcons name={materialIcon} size={18} color={materialIconColor} importantForAccessibility="no" accessibilityElementsHidden/>) : null}
+    </react_native_1.View>);
+    // ── Content ───────────────────────────────────────────────────────────────
+    const content = (<>
+      {iconSlot}
+      <react_native_1.View style={styles.textArea}>
+        <react_native_1.Text style={styles.rowTitle} importantForAccessibility="no" accessibilityElementsHidden>
+          {title}
+        </react_native_1.Text>
+        {loading ? (<react_native_1.ActivityIndicator size="small" color={loadingColor} style={styles.loadingIndicator} importantForAccessibility="no"/>) : value !== undefined && value !== null ? (<react_native_1.Text style={[styles.rowValue, valueColor ? { color: valueColor } : null]} numberOfLines={1} importantForAccessibility="no" accessibilityElementsHidden>
+            {value}
+          </react_native_1.Text>) : null}
+      </react_native_1.View>
+      {chevron ? (<vector_icons_1.MaterialIcons name="chevron-right" size={20} color={theme_1.COLORS.textMuted} importantForAccessibility="no" accessibilityElementsHidden/>) : null}
+    </>);
+    // ── Render ────────────────────────────────────────────────────────────────
+    if (onPress) {
+        return (<react_native_1.Pressable onPress={onPress} style={({ pressed }) => [styles.row, pressed ? styles.rowPressed : null]} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityRole="button">
+        {content}
+      </react_native_1.Pressable>);
+    }
+    return (<react_native_1.View style={styles.row} accessible accessibilityLabel={accessibilityLabel} accessibilityRole="text">
+      {content}
+    </react_native_1.View>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: theme_1.SPACING.md,
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingVertical: theme_1.SPACING.md,
+        minHeight: 56,
+    },
+    rowPressed: {
+        backgroundColor: theme_1.COLORS.surfaceHigh,
+    },
+    iconWrapper: {
+        width: 52,
+        height: 52,
+        borderRadius: theme_1.RADIUS.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    textArea: {
+        flex: 1,
+    },
+    rowTitle: {
+        fontSize: theme_1.FONTS.xs,
+        color: theme_1.COLORS.textMuted,
+        fontWeight: '600',
+        textTransform: 'uppercase',
+        letterSpacing: 0.8,
+    },
+    rowValue: {
+        fontSize: theme_1.FONTS.md,
+        color: theme_1.COLORS.textPrimary,
+        fontWeight: '500',
+        marginTop: 2,
+    },
+    loadingIndicator: {
+        alignSelf: 'flex-start',
+        marginTop: 4,
+    },
+});
+//# sourceMappingURL=EchoProfileRow.js.map

package/dist/components/EchoProfileRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileRow.js","sourceRoot":"","sources":["../../src/components/EchoProfileRow.tsx"],"names":[],"mappings":"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"}

package/dist/components/EchoProfileSection.d.ts

@@ -0,0 +1,29 @@
+/**
+ * EchoProfileSection
+ *
+ * Presentation-only section card used in the signed-in Echo Profile screen.
+ * Extracted from the Echo UI Reference sectionCard pattern.
+ *
+ * Renders a dark surface card with XL radius, 1px border, hidden overflow,
+ * and an uppercase section header label above the supplied children.
+ *
+ * When `accentColor` is supplied, the border uses `${accentColor}33`,
+ * matching the signed-in profile's per-section Echo Color treatment.
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+export type EchoProfileSectionProps = {
+    /** Section heading displayed in uppercase above the children. */
+    title: string;
+    /**
+     * Echo Color hex used for border tinting.
+     * When supplied, border becomes `${accentColor}33`.
+     * When omitted, falls back to `COLORS.border`.
+     */
+    accentColor?: string;
+    children: React.ReactNode;
+};
+export declare function EchoProfileSection({ title, accentColor, children, }: EchoProfileSectionProps): React.JSX.Element;
+//# sourceMappingURL=EchoProfileSection.d.ts.map

package/dist/components/EchoProfileSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileSection.d.ts","sourceRoot":"","sources":["../../src/components/EchoProfileSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,uBAAuB,GAAG;IACpC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAMF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,uBAAuB,qBAWzB"}

package/dist/components/EchoProfileSection.js

@@ -0,0 +1,58 @@
+"use strict";
+/**
+ * EchoProfileSection
+ *
+ * Presentation-only section card used in the signed-in Echo Profile screen.
+ * Extracted from the Echo UI Reference sectionCard pattern.
+ *
+ * Renders a dark surface card with XL radius, 1px border, hidden overflow,
+ * and an uppercase section header label above the supplied children.
+ *
+ * When `accentColor` is supplied, the border uses `${accentColor}33`,
+ * matching the signed-in profile's per-section Echo Color treatment.
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoProfileSection = EchoProfileSection;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoProfileSection({ title, accentColor, children, }) {
+    const borderColor = accentColor ? accentColor + '33' : theme_1.COLORS.border;
+    return (<react_native_1.View style={[styles.card, { borderColor }]}>
+      <react_native_1.Text style={styles.label} accessibilityRole="header">
+        {title}
+      </react_native_1.Text>
+      {children}
+    </react_native_1.View>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    card: {
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.xl,
+        borderWidth: 1,
+        overflow: 'hidden',
+    },
+    label: {
+        fontSize: theme_1.FONTS.xs,
+        fontWeight: '700',
+        color: theme_1.COLORS.textMuted,
+        letterSpacing: 1.2,
+        textTransform: 'uppercase',
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingTop: theme_1.SPACING.md,
+        paddingBottom: theme_1.SPACING.xs,
+    },
+});
+//# sourceMappingURL=EchoProfileSection.js.map

package/dist/components/EchoProfileSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoProfileSection.js","sourceRoot":"","sources":["../../src/components/EchoProfileSection.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AA0BH,gDAeC;AAvCD,kDAA0B;AAC1B,+CAAsD;AACtD,oCAA0D;AAkB1D,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,QAAQ,GACgB;IACxB,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,cAAM,CAAC,MAAM,CAAC;IAErE,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,CAC1C;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CACnD;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,eAAe,EAAE,cAAM,CAAC,OAAO;QAC/B,YAAY,EAAK,cAAM,CAAC,EAAE;QAC1B,WAAW,EAAM,CAAC;QAClB,QAAQ,EAAS,QAAQ;KAC1B;IACD,KAAK,EAAE;QACL,QAAQ,EAAW,aAAK,CAAC,EAAE;QAC3B,UAAU,EAAS,KAAK;QACxB,KAAK,EAAc,cAAM,CAAC,SAAS;QACnC,aAAa,EAAM,GAAG;QACtB,aAAa,EAAM,WAAW;QAC9B,iBAAiB,EAAE,eAAO,CAAC,EAAE;QAC7B,UAAU,EAAS,eAAO,CAAC,EAAE;QAC7B,aAAa,EAAM,eAAO,CAAC,EAAE;KAC9B;CACF,CAAC,CAAC"}

package/dist/components/EchoRewardNotificationBanner.d.ts

@@ -0,0 +1,61 @@
+/**
+ * EchoRewardNotificationBanner
+ *
+ * Generic Echo Profile reward modal. Shown whenever new Echo Titles or
+ * Emblems are unlocked during a session.
+ *
+ * Extracted from RewardNotificationBanner in the Echo UI Reference.
+ *
+ * DESIGN PHILOSOPHY
+ * ─────────────────
+ * The dialog uses a purple Echo-ecosystem treatment and communicates the
+ * *category* of reward unlocked (Title / Emblem / both) without revealing
+ * specific names, individual reward counts, or badge details. Discovery of
+ * the exact reward happens by opening the Echo Profile. This keeps the
+ * component generic and suitable for reuse across any Echoform app that
+ * grants Echo Profile rewards.
+ *
+ * MESSAGE LOGIC
+ * ─────────────
+ * Title-only  → "New Echo Reward Unlocked!"  / "You unlocked a new Echo Title."
+ * Emblem-only → "New Echo Reward Unlocked!"  / "You unlocked a new Echo Emblem."
+ * Both        → "New Echo Rewards Unlocked!" / "You unlocked new Echo Titles and Echo Emblems."
+ * Fallback    → "New Echo Reward Unlocked!"  / "Something new has been added to your Echo Profile."
+ *
+ * BEHAVIOR
+ * ────────
+ * • Renders as a centered transparent Modal with a dark backdrop.
+ * • Remains visible until the user explicitly taps Continue.
+ * • Backdrop taps, Android Back, and auto-dismiss timers are all disabled.
+ * • Host supplies the artwork image source.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • AccessibilityInfo.announceForAccessibility() fires once per reward event
+ *   with a 350ms delay, combining heading and subtitle.
+ * • Each unique reward payload is announced exactly once.
+ * • accessibilityViewIsModal prevents VoiceOver/TalkBack from leaving the dialog.
+ * • Heading uses accessibilityRole="header".
+ * • Continue uses accessibilityRole="button" with label + hint.
+ * • Decorative artwork is hidden from accessibility trees.
+ *
+ * No app aliases, EchoCosmeticsContext, services, auth, Router, storage,
+ * or Supabase imports.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+import { ImageSource } from 'expo-image';
+export type EchoRewardNotificationPayload = {
+    /** Number of newly granted Echo Titles (0 if none). */
+    newTitles: number;
+    /** Number of newly granted Echo Emblems (0 if none). */
+    newEmblems: number;
+};
+export type EchoRewardNotificationBannerProps = {
+    notification: EchoRewardNotificationPayload | null;
+    /** Host-supplied artwork rendered inside the glow area. */
+    artworkSource: ImageSource;
+    onDismiss: () => void;
+};
+export declare function EchoRewardNotificationBanner({ notification, artworkSource, onDismiss, }: EchoRewardNotificationBannerProps): React.JSX.Element | null;
+//# sourceMappingURL=EchoRewardNotificationBanner.d.ts.map

package/dist/components/EchoRewardNotificationBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoRewardNotificationBanner.d.ts","sourceRoot":"","sources":["../../src/components/EchoRewardNotificationBanner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,EAAS,WAAW,EAAE,MAAM,YAAY,CAAC;AAgBhD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,YAAY,EAAE,6BAA6B,GAAG,IAAI,CAAC;IACnD,2DAA2D;IAC3D,aAAa,EAAE,WAAW,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AA+CF,wBAAgB,4BAA4B,CAAC,EAC3C,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,iCAAiC,4BAyFnC"}

package/dist/components/EchoRewardNotificationBanner.js

@@ -0,0 +1,272 @@
+"use strict";
+/**
+ * EchoRewardNotificationBanner
+ *
+ * Generic Echo Profile reward modal. Shown whenever new Echo Titles or
+ * Emblems are unlocked during a session.
+ *
+ * Extracted from RewardNotificationBanner in the Echo UI Reference.
+ *
+ * DESIGN PHILOSOPHY
+ * ─────────────────
+ * The dialog uses a purple Echo-ecosystem treatment and communicates the
+ * *category* of reward unlocked (Title / Emblem / both) without revealing
+ * specific names, individual reward counts, or badge details. Discovery of
+ * the exact reward happens by opening the Echo Profile. This keeps the
+ * component generic and suitable for reuse across any Echoform app that
+ * grants Echo Profile rewards.
+ *
+ * MESSAGE LOGIC
+ * ─────────────
+ * Title-only  → "New Echo Reward Unlocked!"  / "You unlocked a new Echo Title."
+ * Emblem-only → "New Echo Reward Unlocked!"  / "You unlocked a new Echo Emblem."
+ * Both        → "New Echo Rewards Unlocked!" / "You unlocked new Echo Titles and Echo Emblems."
+ * Fallback    → "New Echo Reward Unlocked!"  / "Something new has been added to your Echo Profile."
+ *
+ * BEHAVIOR
+ * ────────
+ * • Renders as a centered transparent Modal with a dark backdrop.
+ * • Remains visible until the user explicitly taps Continue.
+ * • Backdrop taps, Android Back, and auto-dismiss timers are all disabled.
+ * • Host supplies the artwork image source.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • AccessibilityInfo.announceForAccessibility() fires once per reward event
+ *   with a 350ms delay, combining heading and subtitle.
+ * • Each unique reward payload is announced exactly once.
+ * • accessibilityViewIsModal prevents VoiceOver/TalkBack from leaving the dialog.
+ * • Heading uses accessibilityRole="header".
+ * • Continue uses accessibilityRole="button" with label + hint.
+ * • Decorative artwork is hidden from accessibility trees.
+ *
+ * No app aliases, EchoCosmeticsContext, services, auth, Router, storage,
+ * or Supabase imports.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoRewardNotificationBanner = EchoRewardNotificationBanner;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const expo_image_1 = require("expo-image");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Purple palette — local to this component.
+// ─────────────────────────────────────────────────────────────────────────────
+const PURPLE = '#a855f7';
+const PURPLE_LIGHT = '#c084fc';
+const PURPLE_DIM = 'rgba(168, 85, 247, 0.18)';
+const PURPLE_BORDER = 'rgba(168, 85, 247, 0.55)';
+// ─────────────────────────────────────────────────────────────────────────────
+// Message helpers
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Derives the heading and subtitle from the reward payload.
+ * Designed for extensibility: new reward categories can be wired in here
+ * without touching the modal shell or changing its accessibility behavior.
+ */
+function buildRewardInfo(payload) {
+    const hasTitle = payload.newTitles > 0;
+    const hasEmblem = payload.newEmblems > 0;
+    if (hasTitle && hasEmblem) {
+        return {
+            heading: 'New Echo Rewards Unlocked!',
+            subtitle: 'You unlocked new Echo Titles and Echo Emblems.',
+        };
+    }
+    if (hasTitle) {
+        return {
+            heading: 'New Echo Reward Unlocked!',
+            subtitle: 'You unlocked a new Echo Title.',
+        };
+    }
+    if (hasEmblem) {
+        return {
+            heading: 'New Echo Reward Unlocked!',
+            subtitle: 'You unlocked a new Echo Emblem.',
+        };
+    }
+    // Fallback — should not be reached when the host guards newTitles + newEmblems > 0.
+    return {
+        heading: 'New Echo Reward Unlocked!',
+        subtitle: 'Something new has been added to your Echo Profile.',
+    };
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoRewardNotificationBanner({ notification, artworkSource, onDismiss, }) {
+    // Guard: announce each unique reward event exactly once.
+    // Key on the raw counts so merged payloads don't re-announce on re-renders.
+    const announcedKeyRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!notification)
+            return;
+        const key = `${notification.newTitles}:${notification.newEmblems}`;
+        if (announcedKeyRef.current === key)
+            return;
+        announcedKeyRef.current = key;
+        const { heading, subtitle } = buildRewardInfo(notification);
+        // Brief delay lets the Modal finish its fade-in before the announcement.
+        const timer = setTimeout(() => {
+            react_native_1.AccessibilityInfo.announceForAccessibility(`${heading} ${subtitle}`);
+        }, 350);
+        return () => clearTimeout(timer);
+    }, [notification]);
+    if (!notification)
+        return null;
+    const { heading, subtitle } = buildRewardInfo(notification);
+    return (<react_native_1.Modal visible transparent animationType="fade" statusBarTranslucent onRequestClose={() => {
+            // Intentional no-op.
+            // Android hardware/software Back must not dismiss the dialog —
+            // the user is required to activate the Continue button.
+        }}>
+      {/* Backdrop — absorbs taps so they cannot reach background content. */}
+      <react_native_1.View style={styles.backdrop}>
+        {/* Reward card */}
+        <react_native_1.View style={styles.card} accessibilityViewIsModal>
+
+          {/* Echo Profile artwork — decorative, hidden from accessibility trees. */}
+          <react_native_1.View style={styles.logoGlow} accessible={false} importantForAccessibility="no-hide-descendants">
+            <expo_image_1.Image source={artworkSource} style={styles.logoImage} contentFit="contain" accessible={false} importantForAccessibility="no-hide-descendants"/>
+          </react_native_1.View>
+
+          {/* Heading */}
+          <react_native_1.Text style={styles.heading} accessibilityRole="header" accessibilityLabel={heading}>
+            {heading}
+          </react_native_1.Text>
+
+          {/* Category-specific subtitle */}
+          <react_native_1.Text style={styles.subtitle}>
+            {subtitle}
+          </react_native_1.Text>
+
+          {/* Continue — only way to dismiss the dialog. */}
+          <react_native_1.Pressable onPress={onDismiss} style={({ pressed }) => [
+            styles.continueBtn,
+            pressed && styles.continueBtnPressed,
+        ]} accessibilityRole="button" accessibilityLabel="Continue" accessibilityHint="Dismisses the reward notification and returns to the app">
+            <react_native_1.Text style={styles.continueBtnText}>Continue</react_native_1.Text>
+          </react_native_1.Pressable>
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.Modal>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    backdrop: {
+        flex: 1,
+        backgroundColor: 'rgba(0, 0, 0, 0.78)',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: theme_1.SPACING.lg,
+    },
+    card: {
+        width: '100%',
+        maxWidth: 380,
+        backgroundColor: theme_1.COLORS.surface,
+        borderRadius: theme_1.RADIUS.xl,
+        borderWidth: 1.5,
+        borderColor: PURPLE_BORDER,
+        paddingVertical: theme_1.SPACING.xxl,
+        paddingHorizontal: theme_1.SPACING.xl,
+        alignItems: 'center',
+        gap: theme_1.SPACING.md,
+        // iOS glow
+        shadowColor: PURPLE,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.45,
+        shadowRadius: 28,
+        // Android
+        elevation: 18,
+    },
+    logoGlow: {
+        width: 88,
+        height: 88,
+        borderRadius: 44,
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden',
+        backgroundColor: PURPLE_DIM,
+        marginBottom: theme_1.SPACING.xs,
+        // iOS inner glow
+        shadowColor: PURPLE,
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.55,
+        shadowRadius: 18,
+        // Android
+        elevation: 0,
+    },
+    logoImage: {
+        width: 104,
+        height: 104,
+        transform: [{ translateX: -1.5 }],
+    },
+    heading: {
+        fontSize: theme_1.FONTS.xl,
+        fontWeight: '700',
+        color: PURPLE_LIGHT,
+        textAlign: 'center',
+        letterSpacing: 0.3,
+    },
+    subtitle: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.neonCyan,
+        textAlign: 'center',
+        lineHeight: 20,
+    },
+    continueBtn: {
+        width: '100%',
+        minHeight: 52,
+        borderRadius: theme_1.RADIUS.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginTop: theme_1.SPACING.md,
+        backgroundColor: PURPLE,
+    },
+    continueBtnPressed: {
+        opacity: 0.8,
+    },
+    continueBtnText: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '700',
+        color: '#fff',
+        letterSpacing: 0.5,
+    },
+});
+//# sourceMappingURL=EchoRewardNotificationBanner.js.map

package/dist/components/EchoRewardNotificationBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoRewardNotificationBanner.js","sourceRoot":"","sources":["../../src/components/EchoRewardNotificationBanner.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFH,oEA6FC;AAjLD,+CAAiD;AACjD,+CAOsB;AACtB,2CAAgD;AAChD,oCAA0D;AAE1D,gFAAgF;AAChF,4CAA4C;AAC5C,gFAAgF;AAEhF,MAAM,MAAM,GAAU,SAAS,CAAC;AAChC,MAAM,YAAY,GAAI,SAAS,CAAC;AAChC,MAAM,UAAU,GAAM,0BAA0B,CAAC;AACjD,MAAM,aAAa,GAAG,0BAA0B,CAAC;AAoBjD,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF;;;;GAIG;AACH,SAAS,eAAe,CAAC,OAAsC;IAI7D,MAAM,QAAQ,GAAI,OAAO,CAAC,SAAS,GAAI,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,GAAG,CAAC,CAAC;IAEzC,IAAI,QAAQ,IAAI,SAAS,EAAE,CAAC;QAC1B,OAAO;YACL,OAAO,EAAG,4BAA4B;YACtC,QAAQ,EAAE,gDAAgD;SAC3D,CAAC;IACJ,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO;YACL,OAAO,EAAG,2BAA2B;YACrC,QAAQ,EAAE,gCAAgC;SAC3C,CAAC;IACJ,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO;YACL,OAAO,EAAG,2BAA2B;YACrC,QAAQ,EAAE,iCAAiC;SAC5C,CAAC;IACJ,CAAC;IACD,oFAAoF;IACpF,OAAO;QACL,OAAO,EAAG,2BAA2B;QACrC,QAAQ,EAAE,oDAAoD;KAC/D,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAgB,4BAA4B,CAAC,EAC3C,YAAY,EACZ,aAAa,EACb,SAAS,GACyB;IAClC,yDAAyD;IACzD,4EAA4E;IAC5E,MAAM,eAAe,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,GAAG,GAAG,GAAG,YAAY,CAAC,SAAS,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;QACnE,IAAI,eAAe,CAAC,OAAO,KAAK,GAAG;YAAE,OAAO;QAC5C,eAAe,CAAC,OAAO,GAAG,GAAG,CAAC;QAE9B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;QAE5D,yEAAyE;QACzE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,gCAAiB,CAAC,wBAAwB,CAAC,GAAG,OAAO,IAAI,QAAQ,EAAE,CAAC,CAAC;QACvE,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAE5D,OAAO,CACL,CAAC,oBAAK,CACJ,OAAO,CACP,WAAW,CACX,aAAa,CAAC,MAAM,CACpB,oBAAoB,CACpB,cAAc,CAAC,CAAC,GAAG,EAAE;YACnB,qBAAqB;YACrB,+DAA+D;YAC/D,wDAAwD;QAC1D,CAAC,CAAC,CAEF;MAAA,CAAC,sEAAsE,CACvE;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;QAAA,CAAC,iBAAiB,CAClB;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,wBAAwB,CAEhD;;UAAA,CAAC,yEAAyE,CAC1E;UAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CACvB,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,yBAAyB,CAAC,qBAAqB,CAE/C;YAAA,CAAC,kBAAK,CACJ,MAAM,CAAC,CAAC,aAAa,CAAC,CACtB,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,UAAU,CAAC,SAAS,CACpB,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,yBAAyB,CAAC,qBAAqB,EAEnD;UAAA,EAAE,mBAAI,CAEN;;UAAA,CAAC,aAAa,CACd;UAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACtB,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAE5B;YAAA,CAAC,OAAO,CACV;UAAA,EAAE,mBAAI,CAEN;;UAAA,CAAC,gCAAgC,CACjC;UAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,mBAAI,CAEN;;UAAA,CAAC,gDAAgD,CACjD;UAAA,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;YACtB,MAAM,CAAC,WAAW;YAClB,OAAO,IAAI,MAAM,CAAC,kBAAkB;SACrC,CAAC,CACF,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,UAAU,CAC7B,iBAAiB,CAAC,0DAA0D,CAE5E;YAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,mBAAI,CACrD;UAAA,EAAE,wBAAS,CACb;QAAA,EAAE,mBAAI,CACR;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,oBAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,QAAQ,EAAE;QACR,IAAI,EAAe,CAAC;QACpB,eAAe,EAAI,qBAAqB;QACxC,UAAU,EAAS,QAAQ;QAC3B,cAAc,EAAK,QAAQ;QAC3B,iBAAiB,EAAE,eAAO,CAAC,EAAE;KAC9B;IACD,IAAI,EAAE;QACJ,KAAK,EAAc,MAAM;QACzB,QAAQ,EAAW,GAAG;QACtB,eAAe,EAAI,cAAM,CAAC,OAAO;QACjC,YAAY,EAAO,cAAM,CAAC,EAAE;QAC5B,WAAW,EAAQ,GAAG;QACtB,WAAW,EAAQ,aAAa;QAChC,eAAe,EAAI,eAAO,CAAC,GAAG;QAC9B,iBAAiB,EAAE,eAAO,CAAC,EAAE;QAC7B,UAAU,EAAS,QAAQ;QAC3B,GAAG,EAAgB,eAAO,CAAC,EAAE;QAC7B,WAAW;QACX,WAAW,EAAQ,MAAM;QACzB,YAAY,EAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QAC1C,aAAa,EAAM,IAAI;QACvB,YAAY,EAAO,EAAE;QACrB,UAAU;QACV,SAAS,EAAU,EAAE;KACtB;IACD,QAAQ,EAAE;QACR,KAAK,EAAY,EAAE;QACnB,MAAM,EAAW,EAAE;QACnB,YAAY,EAAK,EAAE;QACnB,UAAU,EAAO,QAAQ;QACzB,cAAc,EAAG,QAAQ;QACzB,QAAQ,EAAS,QAAQ;QACzB,eAAe,EAAE,UAAU;QAC3B,YAAY,EAAK,eAAO,CAAC,EAAE;QAC3B,iBAAiB;QACjB,WAAW,EAAM,MAAM;QACvB,YAAY,EAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACxC,aAAa,EAAI,IAAI;QACrB,YAAY,EAAK,EAAE;QACnB,UAAU;QACV,SAAS,EAAQ,CAAC;KACnB;IACD,SAAS,EAAE;QACT,KAAK,EAAM,GAAG;QACd,MAAM,EAAK,GAAG;QACd,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC;KAClC;IACD,OAAO,EAAE;QACP,QAAQ,EAAO,aAAK,CAAC,EAAE;QACvB,UAAU,EAAK,KAAK;QACpB,KAAK,EAAU,YAAY;QAC3B,SAAS,EAAM,QAAQ;QACvB,aAAa,EAAE,GAAG;KACnB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAI,aAAK,CAAC,EAAE;QACpB,KAAK,EAAO,cAAM,CAAC,QAAQ;QAC3B,SAAS,EAAG,QAAQ;QACpB,UAAU,EAAE,EAAE;KACf;IACD,WAAW,EAAE;QACX,KAAK,EAAY,MAAM;QACvB,SAAS,EAAQ,EAAE;QACnB,YAAY,EAAK,cAAM,CAAC,EAAE;QAC1B,UAAU,EAAO,QAAQ;QACzB,cAAc,EAAG,QAAQ;QACzB,SAAS,EAAQ,eAAO,CAAC,EAAE;QAC3B,eAAe,EAAE,MAAM;KACxB;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,GAAG;KACb;IACD,eAAe,EAAE;QACf,QAAQ,EAAO,aAAK,CAAC,EAAE;QACvB,UAAU,EAAK,KAAK;QACpB,KAAK,EAAU,MAAM;QACrB,aAAa,EAAE,GAAG;KACnB;CACF,CAAC,CAAC"}