feat: add tail placeholder change event

example/src/App.tsx

@@ -38,6 +38,7 @@ export default function App() {
         value={textState.formatted}
         style={styles.maskedTextInput}
         onAdvancedMaskTextChange={onChangeText}
+        onTailPlaceholderChange={console.log}
         primaryMaskFormat="[00]-[$$]-[00]"
         autocomplete={false}
         allowSuggestions={true}

ios/AdvancedTextInputMaskDecoratorView.swift

@@ -22,13 +22,18 @@ class AdvancedTextInputMaskDecoratorView: UIView {
 
   @objc var onAdvancedMaskTextChange: RCTDirectEventBlock?
 
-  @objc var onAdvancedMaskTextChangedCallback: (_ extracted: String, _ formatted: String) -> Void {
-    { [weak self] extracted, formatted in
+  @objc var onAdvancedMaskTextChangedCallback: (
+    _ extracted: String,
+    _ formatted: String,
+    _ tailPlaceholder: String
+  ) -> Void {
+    { [weak self] extracted, formatted, tailPlaceholder in
       guard let self = self else { return }
 
       let eventData: [String: String] = [
         "extracted": extracted,
         "formatted": formatted,
+        "tailPlaceholder": tailPlaceholder,
       ]
 
       if NSDictionary(dictionary: eventData).isEqual(to: lastDispatchedEvent) {
@@ -207,8 +212,8 @@ class AdvancedTextInputMaskDecoratorView: UIView {
       affineFormats: affinityFormat,
       affinityCalculationStrategy: AffinityCalculationStrategy.forNumber(number: affinityCalculationStrategy),
       customNotations: (customNotations as? [[String: Any]])?.compactMap { $0.toNotation() } ?? [],
-      onMaskedTextChangedCallback: { input, value, _, _ in
-        self.onAdvancedMaskTextChangedCallback(value, input.allText)
+      onMaskedTextChangedCallback: { input, value, _, tailPlaceholder in
+        self.onAdvancedMaskTextChangedCallback(value, input.allText, tailPlaceholder)
       },
       allowSuggestions: allowSuggestions
     )

ios/AdvancedtextInputMaskDecoratorView.mm

@@ -124,11 +124,12 @@ - (void)onAdvancedMaskTextChangeWithEventData:(NSDictionary *)eventData
 
   NSString *formatted = eventData[(id) @"formatted"];
   NSString *extracted = eventData[(id) @"extracted"];
+  NSString *tailPlaceholder = eventData[(id) @"tailPlaceholder"];
 
   AdvancedTextInputMaskDecoratorViewEventEmitter::OnAdvancedMaskTextChange event = {
       .formatted = std::string([formatted UTF8String]),
       .extracted = std::string([extracted UTF8String]),
-  };
+      .tailPlaceholder = std::string([tailPlaceholder UTF8String])};
 
   std::dynamic_pointer_cast<const AdvancedTextInputMaskDecoratorViewEventEmitter>(_eventEmitter)
       ->onAdvancedMaskTextChange(event);

src/index.tsx

@@ -36,16 +36,19 @@ const MaskedTextInput = memo<MaskedTextInputProps>(
         autoCapitalize = 'words',
         value,
         onAdvancedMaskTextChange,
+        onTailPlaceholderChange,
         ...rest
       },
       ref
     ) => {
       const IS_FABRIC = 'nativeFabricUIManager' in global;
 
       const onAdvancedMaskTextChangeCallback = useCallback(
-        ({ nativeEvent: { extracted, formatted } }) =>
-          onAdvancedMaskTextChange(extracted, formatted),
-        [onAdvancedMaskTextChange]
+        ({ nativeEvent: { extracted, formatted, tailPlaceholder } }) => {
+          onAdvancedMaskTextChange?.(extracted, formatted);
+          onTailPlaceholderChange?.(tailPlaceholder);
+        },
+        [onAdvancedMaskTextChange, onTailPlaceholderChange]
       );
 
       return (

src/specs/AdvancedTextInputMaskDecoratorViewNativeComponent.ts

@@ -9,6 +9,7 @@ import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNati
 export type OnAdvancedMaskTextChange = Readonly<{
   extracted: string;
   formatted: string;
+  tailPlaceholder: string;
 }>;
 
 type CustomTransformation = Readonly<{
@@ -32,20 +33,19 @@ type Notation = {
 };
 
 export interface NativeProps extends ViewProps {
-  primaryMaskFormat: string;
-  customNotations?: ReadonlyArray<Notation>;
-  onAdvancedMaskTextChange?: DirectEventHandler<OnAdvancedMaskTextChange>;
+  affinityCalculationStrategy?: Int32;
   affinityFormat?: ReadonlyArray<string>;
+  allowSuggestions?: boolean;
   autocomplete?: boolean;
+  autocompleteOnFocus?: boolean;
   autoSkip?: boolean;
-  isRTL?: boolean;
-  affinityCalculationStrategy?: Int32;
+  customNotations?: ReadonlyArray<Notation>;
   customTransformation?: CustomTransformation;
   defaultValue?: string;
+  isRTL?: boolean;
+  onAdvancedMaskTextChange?: DirectEventHandler<OnAdvancedMaskTextChange>;
+  primaryMaskFormat: string;
   value?: string;
-  // IOS only props
-  allowSuggestions?: boolean;
-  autocompleteOnFocus?: boolean;
 }
 
 export default codegenNativeComponent<NativeProps>(

src/types.ts

@@ -19,10 +19,11 @@ export type Notation = {
 export type MaskedTextInputDecoratorViewNativeProps = ViewProps & {
   primaryMaskFormat: string;
   customNotations?: Notation[];
-  onAdvancedMaskTextChange: (
+  onAdvancedMaskTextChange?: (
     extractedValue: string,
     formattedValue: string
   ) => void;
+  onTailPlaceholderChange?: (tailPlaceholder: string) => void;
   affinityFormat?: string[];
   autocomplete?: boolean;
   autoSkip?: boolean;