Merge branch 'Expensify:main' into 84252

Author: abbasifaizan70

Mobile-Expensify

@@ -111,8 +111,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1009034200
-        versionName "9.3.42-0"
+        versionCode 1009034303
+        versionName "9.3.43-3"
         // Supported language variants must be declared here to avoid from being removed during the compilation.
         // This also helps us to not include unnecessary language variants in the APK.
         resConfigs "en", "es"

android/app/build.gradle

@@ -1,4 +1,5 @@
-import type {Chunk, Compiler} from 'webpack';
+import path from 'path';
+import type {Chunk, Compiler, NormalModule} from 'webpack';
 import webpack from 'webpack';
 // @libs alias is not available in Node.js/Storybook context — use relative path instead
 // @ts-expect-error -- Can't use .ts extensions without allowImportingTsExtensions in tsconfig
@@ -37,6 +38,9 @@ function createTimingRuntimeModule(): webpack.RuntimeModule {
  */
 class ModuleInitTimingPlugin {
     apply(compiler: Compiler): void {
+        if (compiler.isChild()) {
+            return;
+        }
         compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
             // Ensure webpack generates the __webpack_require__.i interception
             // mechanism for every chunk that has a runtime.
@@ -49,6 +53,29 @@ class ModuleInitTimingPlugin {
                 compilation.addRuntimeModule(chunk, createTimingRuntimeModule());
             });
         });
+
+        // Emit module-names.json once per build (after all compilations are sealed).
+        // Using compiler.hooks.emit rather than compilation.hooks.processAssets avoids
+        // conflicts when multiple compilation rounds run in the same build (e.g. Sentry plugin).
+        compiler.hooks.emit.tap(PLUGIN_NAME, (compilation) => {
+            const names: Record<string, string> = {};
+            for (const module of compilation.modules) {
+                const id = compilation.chunkGraph.getModuleId(module);
+                if (id === null) {
+                    continue;
+                }
+                const resource = 'resource' in module ? (module as NormalModule).resource : undefined;
+                if (!resource || resource.includes('node_modules')) {
+                    continue;
+                }
+                const relativePath = `./${path.relative(compiler.context, resource).replaceAll('\\', '/')}`;
+                names[String(id)] = relativePath;
+            }
+            if (Object.keys(names).length > 0) {
+                // eslint-disable-next-line no-param-reassign
+                compilation.assets['module-names.json'] = new webpack.sources.RawSource(JSON.stringify(names));
+            }
+        });
     }
 }
 

assets/fonts/web/CustomEmojiWebFont.ttf

@@ -84,7 +84,7 @@ This sends spans to the real Sentry project instead of the local console.
 
 Defined in `src/CONST/index.ts` under `CONST.TELEMETRY`:
 - Span names: `SPAN_OPEN_REPORT`, `SPAN_SEND_MESSAGE`
-- Tag names: `TAG_ACTIVE_POLICY`, `TAG_AUTHENTICATION_ERROR_TYPE`
+- Tag names: `TAGS.ACTIVE_POLICY`, `TAGS.AUTHENTICATION_ERROR_TYPE`
 - Attribute names: `ATTRIBUTE_REPORT_ID`, `ATTRIBUTE_MESSAGE_LENGTH`
 - Configuration: `CONFIG.SKELETON_MIN_DURATION`
 
@@ -163,7 +163,9 @@ Add span name, tags, and attributes to `src/CONST/index.ts`:
 ```typescript
 TELEMETRY: {
     SPAN_YOUR_OPERATION: 'ManualYourOperation',
-    TAG_YOUR_TAG: 'your_tag',
+    TAGS: {
+        YOUR_TAG: 'your_tag',
+    },
     ATTRIBUTE_YOUR_ATTR: 'your_attr'
 }
 ```
@@ -182,7 +184,7 @@ startSpan(spanId, {
 ```typescript
 const span = getSpan(spanId);
 span?.setAttribute(CONST.TELEMETRY.ATTRIBUTE_YOUR_ATTR, value);
-span?.setTag(CONST.TELEMETRY.TAG_YOUR_TAG, value);
+span?.setTag(CONST.TELEMETRY.TAGS.YOUR_TAG, value);
 ```
 
 #### 5. Finish Span

config/webpack/ModuleInitTimingPlugin.ts

@@ -137,7 +137,7 @@ This document lists all implemented telemetry metrics in the Expensify App.
 
 ### Authentication Failures
 
-**Constants**: `CONST.TELEMETRY.TAG_AUTHENTICATION_FUNCTION`, `CONST.TELEMETRY.TAG_AUTHENTICATION_ERROR_TYPE`, `CONST.TELEMETRY.TAG_AUTHENTICATION_JSON_CODE` ([`src/CONST/index.ts`](https://github.com/Expensify/App/blob/8f123f449f1a4533830b18a1040c9a5f1949821d/src/CONST/index.ts#L1700-L1702))
+**Constants**: `CONST.TELEMETRY.TAGS.AUTHENTICATION_FUNCTION`, `CONST.TELEMETRY.TAGS.AUTHENTICATION_ERROR_TYPE`, `CONST.TELEMETRY.TAGS.AUTHENTICATION_JSON_CODE` ([`src/CONST/index.ts`](https://github.com/Expensify/App/blob/8f123f449f1a4533830b18a1040c9a5f1949821d/src/CONST/index.ts#L1700-L1702))
 **What's Measured**: Number of authentication failures tracked via `Sentry.captureException()` using [`trackAuthenticationError()`](https://github.com/Expensify/App/blob/8f123f449f1a4533830b18a1040c9a5f1949821d/src/libs/telemetry/trackAuthenticationError.ts#L23)
 **Error Types**:
 - `missing_params`: Missing required auth parameters ([`Authentication.ts:66`](https://github.com/Expensify/App/blob/8f123f449f1a4533830b18a1040c9a5f1949821d/src/libs/Authentication.ts#L66))

contributingGuides/OBSERVABILITY.md

@@ -8,7 +8,7 @@ This doc explains when and how to use the `SelectionList` and `SelectionListWith
 There are two main components:
 
 - [**`SelectionList`**](../src/components/SelectionList/BaseSelectionList.tsx) - For displaying a single array of data (no sections)
-- [**`SelectionListWithSections`**](../src/components/SelectionListWithSections/BaseSelectionListWithSections.tsx) - For displaying data organized into multiple sections
+- [**`SelectionListWithSections`**](../src/components/SelectionList/SelectionListWithSections/BaseSelectionListWithSections.tsx) - For displaying data organized into multiple sections
 
 ## When to Use Each Component
 
@@ -59,13 +59,18 @@ There are two main components:
 ```tsx
 <SelectionListWithSections
     sections={[
-        { title: 'Recent', data: recentContacts },
-        { title: 'All Contacts', data: allContacts },
+        { title: 'Recent', data: recentContacts, sectionIndex: 0 },
+        { title: 'All Contacts', data: allContacts, sectionIndex: 1 },
     ]}
     ListItem={UserListItem}
     onSelectRow={handleSelectContact}
     shouldShowTextInput
-    textInputLabel="Search contacts"
+    textInputOptions={{
+        label: "Search items",
+        value: searchText,
+        onChangeText: setSearchText,
+        headerMessage
+    }}
 />
 ```
 

contributingGuides/OBSERVABILITY_METRICS.md

@@ -304,6 +304,7 @@
         "gradlew",
         "Grantmaking",
         "groupmonth",
+        "groupweek",
         "gscb",
         "gsib",
         "gsst",
@@ -598,6 +599,7 @@
         "reactnativebackgroundtask",
         "reactnativehybridapp",
         "reactnativekeycommand",
+        "reannounce",
         "reauthentication",
         "Reauthenticator",
         "Rebooked",

contributingGuides/SELECTION_LIST.md

@@ -48,6 +48,12 @@
 
 <template id="ai-response-template">
     <div class="ai-panel">
+        <button class="ai-copy-button" title="Copy to clipboard">
+            <img src="/assets/images/copy.svg" class="ai-copy-icon ai-copy-icon-light" />
+            <img src="/assets/images/copy-dark.svg" class="ai-copy-icon ai-copy-icon-dark" />
+            <img src="/assets/images/checkmark.svg" class="ai-checkmark-icon ai-checkmark-icon-light" />
+            <img src="/assets/images/checkmark-dark.svg" class="ai-checkmark-icon ai-checkmark-icon-dark" />
+        </button>
         <div class="ai-header">
             <img src="/assets/images/concierge-avatar.svg" class="ai-avatar" />
             <span class="ai-title">Concierge AI summary:</span>

cspell.json

@@ -1158,6 +1158,7 @@ button {
         box-sizing: border-box;
         display: flex;
         flex-direction: column;
+        position: relative;
 
         &.ai-panel-loading {
             min-height: 320px;
@@ -1168,6 +1169,71 @@ button {
         }
     }
 
+    .ai-copy-button {
+        position: absolute;
+        top: 16px;
+        right: 16px;
+        width: 28px;
+        height: 28px;
+        padding: 0;
+        border: none;
+        border-radius: 50%;
+        background-color: var(--color-row-hover);
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &:hover {
+            background-color: var(--color-button-background-hover);
+        }
+
+        img {
+            width: 12px;
+            height: 12px;
+            display: block;
+        }
+
+        .ai-copy-icon-dark,
+        .ai-checkmark-icon {
+            display: none;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            .ai-copy-icon-light {
+                display: none;
+            }
+
+            .ai-copy-icon-dark {
+                display: block;
+            }
+        }
+
+        &.copied {
+            .ai-copy-icon {
+                display: none;
+            }
+
+            .ai-checkmark-icon-light {
+                display: block;
+            }
+
+            .ai-checkmark-icon-dark {
+                display: none;
+            }
+
+            @media (prefers-color-scheme: dark) {
+                .ai-checkmark-icon-light {
+                    display: none;
+                }
+
+                .ai-checkmark-icon-dark {
+                    display: block;
+                }
+            }
+        }
+    }
+
     .ai-avatar {
         width: 32px;
         height: 32px;