Add Live Markdown refactor changes

ios/NewExpensify.xcodeproj/project.pbxproj

@@ -1015,11 +1015,7 @@
  "$(inherited)",
  "-DRN_FABRIC_ENABLED",
  );
- OTHER_LDFLAGS = (
- "$(inherited)",
- "-Wl",
- "-ld_classic",
- );
+ OTHER_LDFLAGS = "$(inherited)";
  PRODUCT_BUNDLE_IDENTIFIER = "";
  REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
  SDKROOT = iphoneos;
@@ -1822,11 +1818,7 @@
  "$(inherited)",
  "-DRN_FABRIC_ENABLED",
  );
- OTHER_LDFLAGS = (
- "$(inherited)",
- "-Wl",
- "-ld_classic",
- );
+ OTHER_LDFLAGS = "$(inherited)";
  PRODUCT_BUNDLE_IDENTIFIER = "";
  REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
  SDKROOT = iphoneos;
@@ -1894,11 +1886,7 @@
  "$(inherited)",
  "-DRN_FABRIC_ENABLED",
  );
- OTHER_LDFLAGS = (
- "$(inherited)",
- "-Wl",
- "-ld_classic",
- );
+ OTHER_LDFLAGS = "$(inherited)";
  PRODUCT_BUNDLE_IDENTIFIER = "";
  PRODUCT_NAME = "";
  REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
@@ -1976,11 +1964,7 @@
  "$(inherited)",
  "-DRN_FABRIC_ENABLED",
  );
- OTHER_LDFLAGS = (
- "$(inherited)",
- "-Wl",
- "-ld_classic",
- );
+ OTHER_LDFLAGS = "$(inherited)";
  PRODUCT_BUNDLE_IDENTIFIER = "";
  REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
  SDKROOT = iphoneos;
@@ -2125,11 +2109,7 @@
  "$(inherited)",
  "-DRN_FABRIC_ENABLED",
  );
- OTHER_LDFLAGS = (
- "$(inherited)",
- "-Wl",
- "-ld_classic",
- );
+ OTHER_LDFLAGS = "$(inherited)";
  PRODUCT_BUNDLE_IDENTIFIER = "";
  REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
  SDKROOT = iphoneos;
@@ -2266,11 +2246,7 @@
  "$(inherited)",
  "-DRN_FABRIC_ENABLED",
  );
- OTHER_LDFLAGS = (
- "$(inherited)",
- "-Wl",
- "-ld_classic",
- );
+ OTHER_LDFLAGS = "$(inherited)";
  PRODUCT_BUNDLE_IDENTIFIER = "";
  PRODUCT_NAME = "";
  REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
@@ -2405,11 +2381,7 @@
  "$(inherited)",
  "-DRN_FABRIC_ENABLED",
  );
- OTHER_LDFLAGS = (
- "$(inherited)",
- "-Wl",
- "-ld_classic",
- );
+ OTHER_LDFLAGS = "$(inherited)";
  PRODUCT_BUNDLE_IDENTIFIER = "";
  PRODUCT_NAME = "";
  REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";

ios/Podfile.lock

@@ -1871,7 +1871,7 @@ PODS:
  - RNGoogleSignin (10.0.1):
  - GoogleSignIn (~> 7.0)
  - React-Core
- - RNLiveMarkdown (0.1.113):
+ - RNLiveMarkdown (0.1.117):
  - glog
  - hermes-engine
  - RCT-Folly (= 2022.05.16.00)
@@ -1889,9 +1889,9 @@ PODS:
  - React-utils
  - ReactCommon/turbomodule/bridging
  - ReactCommon/turbomodule/core
- - RNLiveMarkdown/common (= 0.1.113)
+ - RNLiveMarkdown/common (= 0.1.117)
  - Yoga
- - RNLiveMarkdown/common (0.1.113):
+ - RNLiveMarkdown/common (0.1.117):
  - glog
  - hermes-engine
  - RCT-Folly (= 2022.05.16.00)
@@ -2614,7 +2614,7 @@ SPEC CHECKSUMS:
  RNFS: 4ac0f0ea233904cb798630b3c077808c06931688
  RNGestureHandler: 74b7b3d06d667ba0bbf41da7718f2607ae0dfe8f
  RNGoogleSignin: ccaa4a81582cf713eea562c5dd9dc1961a715fd0
- RNLiveMarkdown: 235376cd828014e8bad6949ea5bb202688fa5bb0
+ RNLiveMarkdown: 54e6a7dfd3e92fdb1d2dab1b64ee8a56d56acd91
  RNLocalize: d4b8af4e442d4bcca54e68fc687a2129b4d71a81
  rnmapbox-maps: df8fe93dbd251f25022f4023d31bc04160d4d65c
  RNPermissions: d2392b754e67bc14491f5b12588bef2864e783f3

package.json

@@ -69,7 +69,7 @@
  "@babel/plugin-proposal-private-methods": "^7.18.6",
  "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
  "@dotlottie/react-player": "^1.6.3",
- "@expensify/react-native-live-markdown": "^0.1.113",
+ "@expensify/react-native-live-markdown": "0.1.117",
  "@expo/metro-runtime": "~3.1.1",
  "@formatjs/intl-datetimeformat": "^6.10.0",
  "@formatjs/intl-listformat": "^7.2.2",

src/components/Composer/index.tsx

@@ -292,7 +292,7 @@ function Composer(
  return;
  }
 
- const currentText = textInput.current.innerText;
+ const currentText = textInput.current.value;
  textInput.current.clear();
 
  // We need to reset the selection to 0,0 manually after clearing the text input on web

src/hooks/useHtmlPaste/index.ts

@@ -1,6 +1,5 @@
 import {useNavigation} from '@react-navigation/native';
 import {useCallback, useEffect} from 'react';
-import type {ClipboardEvent as PasteEvent} from 'react';
 import Parser from '@libs/Parser';
 import type UseHtmlPaste from './types';
 
@@ -21,10 +20,6 @@ const insertAtCaret = (target: HTMLElement, text: string) => {
  range.setEnd(node, node.length);
  selection.setBaseAndExtent(range.startContainer, range.startOffset, range.endContainer, range.endOffset);
 
- // Dispatch paste event to make Markdown Input properly set cursor position
- const pasteEvent = new ClipboardEvent('paste', {bubbles: true, cancelable: true});
- (pasteEvent as unknown as PasteEvent<HTMLElement>).isDefaultPrevented = () => false;
- target.dispatchEvent(pasteEvent);
  // Dispatch input event to trigger Markdown Input to parse the new text
  target.dispatchEvent(new Event('input', {bubbles: true}));
  } else {
@@ -48,11 +43,6 @@ const useHtmlPaste: UseHtmlPaste = (textInputRef, preHtmlPasteCallback, removeLi
  insertByCommand(text);
  }
 
- if (!textInputRef.current?.isFocused()) {
- textInputRef.current?.focus();
- return;
- }
-
  // Pointer will go out of sight when a large paragraph is pasted on the web. Refocusing the input keeps the cursor in view.
  // To avoid the keyboard toggle issue in mWeb if using blur() and focus() functions, we just need to dispatch the event to trigger the onFocus handler
  // We need to trigger the bubbled "focusin" event to make sure the onFocus handler is triggered