@convep_mobilogy/react-native-qms-plugin 0.9.4 → 0.10.2

package/android/build.gradle

@@ -75,7 +75,7 @@ dependencies {
     implementation "com.facebook.react:react-android"
     implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
     implementation 'com.facebook.react:react-native:+' 
-    implementation "com.convep.qms:qms-plugin:1.11.7"
+    implementation "com.convep.qms:qms-plugin:1.12.1"
 
     implementation 'androidx.appcompat:appcompat:1.6.1'
 

package/ios/QmsPlugin/QmsDashboardViewManager.mm

@@ -10,8 +10,14 @@
 @property (nonatomic, copy) NSString *ClientID;
 @property (nonatomic, copy) NSString *ClientCode;
 @property (nonatomic, copy) NSString *user_token;
+@property (nonatomic, copy) NSString *headerTextColor;
+@property (nonatomic, copy) NSString *headerIconColor;
+@property (nonatomic, copy) NSString *accentColor;
+@property (nonatomic, copy) NSString *fontFamily;
 
 @property (nonatomic, copy) RCTDirectEventBlock onClose;
+@property (nonatomic, copy) RCTDirectEventBlock onAnalyticsScreen;
+@property (nonatomic, copy) RCTDirectEventBlock onAnalyticsEvent;
 @end
 
 @implementation QmsDashboardView
@@ -27,6 +33,14 @@
                                              selector:@selector(handleDashboardClose:)
                                                  name:@"QmsDashboardDidCloseNotification"
                                                object:nil];
+    [[NSNotificationCenter defaultCenter] addObserver:self
+                                             selector:@selector(handleAnalyticsScreen:)
+                                                 name:@"QmsAnalyticsScreenNotification"
+                                               object:nil];
+    [[NSNotificationCenter defaultCenter] addObserver:self
+                                             selector:@selector(handleAnalyticsEvent:)
+                                                 name:@"QmsAnalyticsEventNotification"
+                                               object:nil];
   }
   return self;
 }
@@ -63,6 +77,18 @@
     [self cleanupDashboard];
 }
 
+- (void)handleAnalyticsScreen:(NSNotification *)note {
+    if (self.onAnalyticsScreen) {
+        self.onAnalyticsScreen(note.userInfo ?: @{});
+    }
+}
+
+- (void)handleAnalyticsEvent:(NSNotification *)note {
+    if (self.onAnalyticsEvent) {
+        self.onAnalyticsEvent(note.userInfo ?: @{});
+    }
+}
+
 - (void)cleanupDashboard {
     if (!_dashboardVC) return;
 
@@ -90,6 +116,25 @@
     [self forwardProp:@"user_token" value:_user_token];
 }
 
+- (void)setHeaderTextColor:(NSString *)headerTextColor {
+    _headerTextColor = [headerTextColor copy];
+    [self forwardProp:@"headerTextColor" value:_headerTextColor];
+}
+
+- (void)setHeaderIconColor:(NSString *)headerIconColor {
+    _headerIconColor = [headerIconColor copy];
+    [self forwardProp:@"headerIconColor" value:_headerIconColor];
+}
+
+- (void)setAccentColor:(NSString *)accentColor {
+    _accentColor = [accentColor copy];
+    [self forwardProp:@"accentColor" value:_accentColor];
+}
+
+- (void)setFontFamily:(NSString *)fontFamily {
+    _fontFamily = [fontFamily copy];
+    [self forwardProp:@"fontFamily" value:_fontFamily];
+}
 #pragma mark - Forward Props via KVC
 - (void)forwardProp:(NSString *)key value:(NSString *)value {
     if (_dashboardVC && [_dashboardVC respondsToSelector:NSSelectorFromString(key)]) {
@@ -105,6 +150,10 @@
     [self forwardProp:@"ClientID" value:_ClientID];
     [self forwardProp:@"ClientCode" value:_ClientCode];
     [self forwardProp:@"user_token" value:_user_token];
+    [self forwardProp:@"headerTextColor" value:_headerTextColor];
+    [self forwardProp:@"headerIconColor" value:_headerIconColor];
+    [self forwardProp:@"accentColor" value:_accentColor];
+    [self forwardProp:@"fontFamily" value:_fontFamily];
 }
 
 - (void)removeFromSuperview {
@@ -129,6 +178,12 @@ RCT_EXPORT_MODULE(QmsDashboardView)
 RCT_EXPORT_VIEW_PROPERTY(ClientID, NSString)
 RCT_EXPORT_VIEW_PROPERTY(ClientCode, NSString)
 RCT_EXPORT_VIEW_PROPERTY(user_token, NSString)
+RCT_EXPORT_VIEW_PROPERTY(headerTextColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(headerIconColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(accentColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(fontFamily, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onAnalyticsScreen, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onAnalyticsEvent, RCTDirectEventBlock)
 
 @end
 
@@ -158,12 +213,20 @@ RCT_EXPORT_MODULE();
                                                  selector:@selector(handleDashboardClose:)
                                                      name:@"QmsDashboardDidCloseNotification"
                                                    object:nil];
+        [[NSNotificationCenter defaultCenter] addObserver:self
+                                                 selector:@selector(handleAnalyticsScreen:)
+                                                     name:@"QmsAnalyticsScreenNotification"
+                                                   object:nil];
+        [[NSNotificationCenter defaultCenter] addObserver:self
+                                                 selector:@selector(handleAnalyticsEvent:)
+                                                     name:@"QmsAnalyticsEventNotification"
+                                                   object:nil];
     }
     return self;
 }
 
 - (NSArray<NSString *> *)supportedEvents {
-    return @[@"onClose"];
+    return @[@"onClose", @"onAnalyticsScreen", @"onAnalyticsEvent"];
 }
 
 - (void)handleDashboardClose:(NSNotification *)note {
@@ -171,6 +234,14 @@ RCT_EXPORT_MODULE();
     [self sendEventWithName:@"onClose" body:note.userInfo];
 }
 
+- (void)handleAnalyticsScreen:(NSNotification *)note {
+    [self sendEventWithName:@"onAnalyticsScreen" body:note.userInfo];
+}
+
+- (void)handleAnalyticsEvent:(NSNotification *)note {
+    [self sendEventWithName:@"onAnalyticsEvent" body:note.userInfo];
+}
+
 - (void)dealloc {
     [[NSNotificationCenter defaultCenter] removeObserver:self];
 }

package/ios/QmsPlugin/UIViewController+QmsAnalytics.m

@@ -0,0 +1,81 @@
+#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+#import <objc/runtime.h>
+
+static NSString * const QmsAnalyticsScreenNotification = @"QmsAnalyticsScreenNotification";
+static NSString * const QmsAnalyticsEventNotification = @"QmsAnalyticsEventNotification";
+
+@interface UIViewController (QmsAnalytics)
+@end
+
+@implementation UIViewController (QmsAnalytics)
+
++ (void)load {
+    static dispatch_once_t onceToken;
+    dispatch_once(&onceToken, ^{
+        Class class = [self class];
+        SEL originalSelector = @selector(viewDidAppear:);
+        SEL swizzledSelector = @selector(qms_viewDidAppear:);
+
+        Method originalMethod = class_getInstanceMethod(class, originalSelector);
+        Method swizzledMethod = class_getInstanceMethod(class, swizzledSelector);
+
+        BOOL didAddMethod =
+            class_addMethod(class,
+                            originalSelector,
+                            method_getImplementation(swizzledMethod),
+                            method_getTypeEncoding(swizzledMethod));
+        if (didAddMethod) {
+            class_replaceMethod(class,
+                                swizzledSelector,
+                                method_getImplementation(originalMethod),
+                                method_getTypeEncoding(originalMethod));
+        } else {
+            method_exchangeImplementations(originalMethod, swizzledMethod);
+        }
+    });
+}
+
+- (void)qms_viewDidAppear:(BOOL)animated {
+    [self qms_viewDidAppear:animated];
+
+    if (![self qms_shouldTrackAnalytics]) {
+        return;
+    }
+
+    NSString *screenName = NSStringFromClass([self class]);
+    NSString *screenClass = screenName;
+
+    NSDictionary *screenInfo = @{
+        @"screenName": screenName ?: @"",
+        @"screenClass": screenClass ?: @""
+    };
+    [[NSNotificationCenter defaultCenter] postNotificationName:QmsAnalyticsScreenNotification
+                                                        object:nil
+                                                      userInfo:screenInfo];
+
+    NSDictionary *eventParams = @{
+        @"currentPage": screenName ?: @"",
+        @"subCategory": @"Initial"
+    };
+    NSDictionary *eventInfo = @{
+        @"eventName": @"ScreenAt",
+        @"params": eventParams
+    };
+    [[NSNotificationCenter defaultCenter] postNotificationName:QmsAnalyticsEventNotification
+                                                        object:nil
+                                                      userInfo:eventInfo];
+}
+
+- (BOOL)qms_shouldTrackAnalytics {
+    NSBundle *bundle = [NSBundle bundleForClass:[self class]];
+    NSString *bundleId = bundle.bundleIdentifier ?: @"";
+    NSString *bundlePath = bundle.bundlePath ?: @"";
+    if ([bundleId containsString:@"QmsPluginFramework"] ||
+        [bundlePath containsString:@"QmsPluginFramework.framework"]) {
+        return YES;
+    }
+    return NO;
+}
+
+@end

package/ios/QmsPluginFramework.xcframework/Info.plist

@@ -8,32 +8,32 @@
 			<key>BinaryPath</key>
 			<string>QmsPluginFramework.framework/QmsPluginFramework</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64</string>
+			<string>ios-arm64_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>QmsPluginFramework.framework</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>QmsPluginFramework.framework/QmsPluginFramework</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_x86_64-simulator</string>
+			<string>ios-arm64</string>
 			<key>LibraryPath</key>
 			<string>QmsPluginFramework.framework</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>

package/ios/QmsPluginFramework.xcframework/ios-arm64/QmsPluginFramework.framework/_CodeSignature/CodeResources

@@ -6,7 +6,7 @@
 	<dict>
 		<key>Assets.car</key>
 		<data>
-		MjrQTJ/Pj/FV95FoHaSNuTrq9xA=
+		1i2tuf6x04oClRQdI25h80iAWww=
 		</data>
 		<key>Headers/QmsPlugin.h</key>
 		<data>
@@ -31,7 +31,7 @@
 		<dict>
 			<key>hash2</key>
 			<data>
-			v29scRUPGBT5tlsITnQbh7t+nJC3WkaqCESMQxlW8GE=
+			1mZEAflZoNOaTXIhGRR7gPGBZ99fx2jFZ147Fkro4WM=
 			</data>
 		</dict>
 		<key>Headers/QmsPlugin.h</key>

package/ios/QmsPluginFramework.xcframework/ios-arm64_x86_64-simulator/QmsPluginFramework.framework/_CodeSignature/CodeResources

@@ -6,7 +6,7 @@
 	<dict>
 		<key>Assets.car</key>
 		<data>
-		MjrQTJ/Pj/FV95FoHaSNuTrq9xA=
+		1i2tuf6x04oClRQdI25h80iAWww=
 		</data>
 		<key>Headers/QmsPlugin.h</key>
 		<data>
@@ -31,7 +31,7 @@
 		<dict>
 			<key>hash2</key>
 			<data>
-			v29scRUPGBT5tlsITnQbh7t+nJC3WkaqCESMQxlW8GE=
+			1mZEAflZoNOaTXIhGRR7gPGBZ99fx2jFZ147Fkro4WM=
 			</data>
 		</dict>
 		<key>Headers/QmsPlugin.h</key>

package/lib/module/QmsDashboardView.android.js

@@ -9,6 +9,9 @@ const {
 export const QmsDashboardView = ({
   style,
   onClose,
+  onLogout,
+  onAnalyticsScreen,
+  onAnalyticsEvent,
   clientID,
   clientCode,
   ClientID,
@@ -17,30 +20,85 @@ export const QmsDashboardView = ({
   token,
   userToken,
   autoShow = true,
-  themeColor
+  themeColor,
+  headerThemeColor,
+  headerTextColor,
+  headerIconColor,
+  accentColor,
+  fontFamily,
+  isOrigin = false,
+  payload
 }) => {
   useEffect(() => {
     const resolvedClientID = clientID ?? ClientID ?? '';
     const resolvedClientCode = clientCode ?? ClientCode ?? '';
     const resolvedToken = user_token ?? token ?? userToken ?? '';
+    const hasPayload = payload != null && Object.keys(payload).length > 0;
     if (autoShow && QmsModule?.showQms) {
       if (themeColor && QmsModule?.setPrimaryColor) {
         QmsModule.setPrimaryColor(themeColor);
       }
+      const resolvedHeaderColor = headerThemeColor ?? headerTextColor;
+      if (resolvedHeaderColor && QmsModule?.setHeaderTextColor) {
+        QmsModule.setHeaderTextColor(resolvedHeaderColor);
+      }
+      const resolvedHeaderIconColor = headerThemeColor ?? headerIconColor;
+      if (resolvedHeaderIconColor && QmsModule?.setHeaderIconColor) {
+        QmsModule.setHeaderIconColor(resolvedHeaderIconColor);
+      }
+      if (accentColor && QmsModule?.setAccentColor) {
+        QmsModule.setAccentColor(accentColor);
+      }
+      if (QmsModule?.setFontFamily) {
+        QmsModule.setFontFamily(fontFamily ?? '');
+      }
       // map props to native method args
-      QmsModule.showQms(resolvedToken, resolvedClientID, resolvedClientCode);
+      if (hasPayload && QmsModule?.showQmsWithPayload) {
+        QmsModule.showQmsWithPayload(resolvedToken, resolvedClientID, resolvedClientCode, isOrigin, payload);
+      } else {
+        QmsModule.showQms(resolvedToken, resolvedClientID, resolvedClientCode, isOrigin);
+      }
     }
-  }, [clientID, clientCode, ClientID, ClientCode, user_token, token, userToken, autoShow, themeColor]);
+  }, [clientID, clientCode, ClientID, ClientCode, user_token, token, userToken, autoShow, themeColor, headerThemeColor, headerTextColor, headerIconColor, accentColor, fontFamily, isOrigin, payload]);
   useEffect(() => {
     if (themeColor && QmsModule?.setPrimaryColor) {
       QmsModule.setPrimaryColor(themeColor);
     }
-  }, [themeColor]);
+    const resolvedHeaderColor = headerThemeColor ?? headerTextColor;
+    if (resolvedHeaderColor && QmsModule?.setHeaderTextColor) {
+      QmsModule.setHeaderTextColor(resolvedHeaderColor);
+    }
+    const resolvedHeaderIconColor = headerThemeColor ?? headerIconColor;
+    if (resolvedHeaderIconColor && QmsModule?.setHeaderIconColor) {
+      QmsModule.setHeaderIconColor(resolvedHeaderIconColor);
+    }
+    if (accentColor && QmsModule?.setAccentColor) {
+      QmsModule.setAccentColor(accentColor);
+    }
+    if (QmsModule?.setFontFamily) {
+      QmsModule.setFontFamily(fontFamily ?? '');
+    }
+  }, [themeColor, headerThemeColor, headerTextColor, headerIconColor, accentColor, fontFamily]);
   useEffect(() => {
     if (!onClose) return;
     const subscription = DeviceEventEmitter.addListener('QmsSdkOnClose', () => onClose());
     return () => subscription.remove();
   }, [onClose]);
+  useEffect(() => {
+    if (!onLogout) return;
+    const subscription = DeviceEventEmitter.addListener('QmsSdkOnLogout', () => onLogout());
+    return () => subscription.remove();
+  }, [onLogout]);
+  useEffect(() => {
+    if (!onAnalyticsScreen) return;
+    const subscription = DeviceEventEmitter.addListener('QmsSdkOnAnalyticsScreen', event => onAnalyticsScreen(event?.screenName, event?.screenClass));
+    return () => subscription.remove();
+  }, [onAnalyticsScreen]);
+  useEffect(() => {
+    if (!onAnalyticsEvent) return;
+    const subscription = DeviceEventEmitter.addListener('QmsSdkOnAnalyticsEvent', event => onAnalyticsEvent(event?.eventName, event?.params ?? null));
+    return () => subscription.remove();
+  }, [onAnalyticsEvent]);
 
   // Android doesn’t need to show native UI as a "view" here,
   // we just render an empty container so JSX stays consistent.

package/lib/module/QmsDashboardView.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","DeviceEventEmitter","NativeModules","View","jsx","_jsx","QmsModule","QmsDashboardView","style","onClose","clientID","clientCode","ClientID","ClientCode","user_token","token","userToken","autoShow","themeColor","resolvedClientID","resolvedClientCode","resolvedToken","showQms","setPrimaryColor","subscription","addListener","remove"],"sourceRoot":"../../src","sources":["QmsDashboardView.android.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,kBAAkB,EAAEC,aAAa,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvE,MAAM;EAAEC;AAAU,CAAC,GAAGJ,aASrB;AAED,OAAO,MAAMK,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,UAAU;EACVC,KAAK;EACLC,SAAS;EACTC,QAAQ,GAAG,IAAI;EACfC;AACF,CAAC,KAAK;EACJlB,SAAS,CAAC,MAAM;IACd,MAAMmB,gBAAgB,GAAGT,QAAQ,IAAIE,QAAQ,IAAI,EAAE;IACnD,MAAMQ,kBAAkB,GAAGT,UAAU,IAAIE,UAAU,IAAI,EAAE;IACzD,MAAMQ,aAAa,GAAGP,UAAU,IAAIC,KAAK,IAAIC,SAAS,IAAI,EAAE;IAE5D,IAAIC,QAAQ,IAAIX,SAAS,EAAEgB,OAAO,EAAE;MAClC,IAAIJ,UAAU,IAAIZ,SAAS,EAAEiB,eAAe,EAAE;QAC5CjB,SAAS,CAACiB,eAAe,CAACL,UAAU,CAAC;MACvC;MACA;MACAZ,SAAS,CAACgB,OAAO,CAACD,aAAa,EAAEF,gBAAgB,EAAEC,kBAAkB,CAAC;IACxE;EACF,CAAC,EAAE,CACDV,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,UAAU,CACX,CAAC;EAEFlB,SAAS,CAAC,MAAM;IACd,IAAIkB,UAAU,IAAIZ,SAAS,EAAEiB,eAAe,EAAE;MAC5CjB,SAAS,CAACiB,eAAe,CAACL,UAAU,CAAC;IACvC;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhBlB,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,OAAO,EAAE;IACd,MAAMe,YAAY,GAAGvB,kBAAkB,CAACwB,WAAW,CAAC,eAAe,EAAE,MACnEhB,OAAO,CAAC,CACV,CAAC;IACD,OAAO,MAAMe,YAAY,CAACE,MAAM,CAAC,CAAC;EACpC,CAAC,EAAE,CAACjB,OAAO,CAAC,CAAC;;EAEb;EACA;EACA,oBAAOJ,IAAA,CAACF,IAAI;IAACK,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC/B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","DeviceEventEmitter","NativeModules","View","jsx","_jsx","QmsModule","QmsDashboardView","style","onClose","onLogout","onAnalyticsScreen","onAnalyticsEvent","clientID","clientCode","ClientID","ClientCode","user_token","token","userToken","autoShow","themeColor","headerThemeColor","headerTextColor","headerIconColor","accentColor","fontFamily","isOrigin","payload","resolvedClientID","resolvedClientCode","resolvedToken","hasPayload","Object","keys","length","showQms","setPrimaryColor","resolvedHeaderColor","setHeaderTextColor","resolvedHeaderIconColor","setHeaderIconColor","setAccentColor","setFontFamily","showQmsWithPayload","subscription","addListener","remove","event","screenName","screenClass","eventName","params"],"sourceRoot":"../../src","sources":["QmsDashboardView.android.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/QmsDashboardView.ios.js

@@ -8,6 +8,9 @@ const NativeQmsDashboardView = requireNativeComponent('QmsDashboardView');
 export const QmsDashboardView = props => {
   const {
     onClose,
+    onAnalyticsScreen,
+    onAnalyticsEvent,
+    // onLogout,
     clientID,
     clientCode,
     ClientID,
@@ -15,25 +18,40 @@ export const QmsDashboardView = props => {
     user_token,
     userToken,
     token,
+    // isOrigin,
     // autoShow is Android-only; ignored on iOS
+    headerThemeColor,
+    headerTextColor,
+    headerIconColor,
     ...rest
   } = props;
   const resolvedClientID = clientID ?? ClientID ?? '';
   const resolvedClientCode = clientCode ?? ClientCode ?? '';
   const resolvedToken = user_token ?? token ?? userToken ?? '';
   useEffect(() => {
-    if (!onClose) return;
+    if (!onClose && !onAnalyticsScreen && !onAnalyticsEvent) return;
     const nativeEmitterModule = NativeModules.QmsDashboardEmitter;
     if (!nativeEmitterModule) return;
     const emitter = new NativeEventEmitter(nativeEmitterModule);
-    const subscription = emitter.addListener('onClose', onClose);
-    return () => subscription.remove();
-  }, [onClose]);
+    const subscriptions = [];
+    if (onClose) {
+      subscriptions.push(emitter.addListener('onClose', onClose));
+    }
+    if (onAnalyticsScreen) {
+      subscriptions.push(emitter.addListener('onAnalyticsScreen', payload => onAnalyticsScreen(payload?.screenName, payload?.screenClass)));
+    }
+    if (onAnalyticsEvent) {
+      subscriptions.push(emitter.addListener('onAnalyticsEvent', payload => onAnalyticsEvent(payload?.eventName, payload?.params ?? null)));
+    }
+    return () => subscriptions.forEach(sub => sub.remove());
+  }, [onClose, onAnalyticsScreen, onAnalyticsEvent]);
   return /*#__PURE__*/_jsx(NativeQmsDashboardView, {
     ...rest,
     ClientID: resolvedClientID,
     ClientCode: resolvedClientCode,
-    user_token: resolvedToken
+    user_token: resolvedToken,
+    headerTextColor: headerThemeColor ?? headerTextColor,
+    headerIconColor: headerThemeColor ?? headerIconColor
   });
 };
 //# sourceMappingURL=QmsDashboardView.ios.js.map

package/lib/module/QmsDashboardView.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","NativeEventEmitter","NativeModules","requireNativeComponent","jsx","_jsx","NativeQmsDashboardView","QmsDashboardView","props","onClose","clientID","clientCode","ClientID","ClientCode","user_token","userToken","token","rest","resolvedClientID","resolvedClientCode","resolvedToken","nativeEmitterModule","QmsDashboardEmitter","emitter","subscription","addListener","remove"],"sourceRoot":"../../src","sources":["QmsDashboardView.ios.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,kBAAkB,EAClBC,aAAa,EACbC,sBAAsB,QACjB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtB;AACA,MAAMC,sBAAsB,GAC1BH,sBAAsB,CAAwB,kBAAkB,CAAC;AAEnE,OAAO,MAAMI,gBAAiD,GAAIC,KAAK,IAAK;EAC1E,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,KAAK;IACL;IACA,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAMU,gBAAgB,GAAGR,QAAQ,IAAIE,QAAQ,IAAI,EAAE;EACnD,MAAMO,kBAAkB,GAAGR,UAAU,IAAIE,UAAU,IAAI,EAAE;EACzD,MAAMO,aAAa,GAAGN,UAAU,IAAIE,KAAK,IAAID,SAAS,IAAI,EAAE;EAE5Df,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,OAAO,EAAE;IACd,MAAMY,mBAAmB,GAAGnB,aAAa,CAACoB,mBAAmB;IAC7D,IAAI,CAACD,mBAAmB,EAAE;IAC1B,MAAME,OAAO,GAAG,IAAItB,kBAAkB,CAACoB,mBAAmB,CAAC;IAC3D,MAAMG,YAAY,GAAGD,OAAO,CAACE,WAAW,CAAC,SAAS,EAAEhB,OAAO,CAAC;IAC5D,OAAO,MAAMe,YAAY,CAACE,MAAM,CAAC,CAAC;EACpC,CAAC,EAAE,CAACjB,OAAO,CAAC,CAAC;EAEb,oBACEJ,IAAA,CAACC,sBAAsB;IAAA,GACjBW,IAAI;IACRL,QAAQ,EAAEM,gBAAiB;IAC3BL,UAAU,EAAEM,kBAAmB;IAC/BL,UAAU,EAAEM;EAAc,CAC3B,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","NativeEventEmitter","NativeModules","requireNativeComponent","jsx","_jsx","NativeQmsDashboardView","QmsDashboardView","props","onClose","onAnalyticsScreen","onAnalyticsEvent","clientID","clientCode","ClientID","ClientCode","user_token","userToken","token","headerThemeColor","headerTextColor","headerIconColor","rest","resolvedClientID","resolvedClientCode","resolvedToken","nativeEmitterModule","QmsDashboardEmitter","emitter","subscriptions","push","addListener","payload","screenName","screenClass","eventName","params","forEach","sub","remove"],"sourceRoot":"../../src","sources":["QmsDashboardView.ios.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,kBAAkB,EAClBC,aAAa,EACbC,sBAAsB,QACjB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtB;AACA,MAAMC,sBAAsB,GAC1BH,sBAAsB,CAAwB,kBAAkB,CAAC;AAEnE,OAAO,MAAMI,gBAAiD,GAAIC,KAAK,IAAK;EAC1E,MAAM;IACJC,OAAO;IACPC,iBAAiB;IACjBC,gBAAgB;IAChB;IACAC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,KAAK;IACL;IACA;IACAC,gBAAgB;IAChBC,eAAe;IACfC,eAAe;IACf,GAAGC;EACL,CAAC,GAAGd,KAAK;EAET,MAAMe,gBAAgB,GAAGX,QAAQ,IAAIE,QAAQ,IAAI,EAAE;EACnD,MAAMU,kBAAkB,GAAGX,UAAU,IAAIE,UAAU,IAAI,EAAE;EACzD,MAAMU,aAAa,GAAGT,UAAU,IAAIE,KAAK,IAAID,SAAS,IAAI,EAAE;EAE5DjB,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,OAAO,IAAI,CAACC,iBAAiB,IAAI,CAACC,gBAAgB,EAAE;IACzD,MAAMe,mBAAmB,GAAGxB,aAAa,CAACyB,mBAAmB;IAC7D,IAAI,CAACD,mBAAmB,EAAE;IAC1B,MAAME,OAAO,GAAG,IAAI3B,kBAAkB,CAACyB,mBAAmB,CAAC;IAC3D,MAAMG,aAAuC,GAAG,EAAE;IAClD,IAAIpB,OAAO,EAAE;MACXoB,aAAa,CAACC,IAAI,CAACF,OAAO,CAACG,WAAW,CAAC,SAAS,EAAEtB,OAAO,CAAC,CAAC;IAC7D;IACA,IAAIC,iBAAiB,EAAE;MACrBmB,aAAa,CAACC,IAAI,CAChBF,OAAO,CAACG,WAAW,CACjB,mBAAmB,EAClBC,OAAuD,IACtDtB,iBAAiB,CAACsB,OAAO,EAAEC,UAAU,EAAED,OAAO,EAAEE,WAAW,CAC/D,CACF,CAAC;IACH;IACA,IAAIvB,gBAAgB,EAAE;MACpBkB,aAAa,CAACC,IAAI,CAChBF,OAAO,CAACG,WAAW,CACjB,kBAAkB,EACjBC,OAGA,IAAKrB,gBAAgB,CAACqB,OAAO,EAAEG,SAAS,EAAEH,OAAO,EAAEI,MAAM,IAAI,IAAI,CACpE,CACF,CAAC;IACH;IACA,OAAO,MAAMP,aAAa,CAACQ,OAAO,CAAEC,GAAG,IAAKA,GAAG,CAACC,MAAM,CAAC,CAAC,CAAC;EAC3D,CAAC,EAAE,CAAC9B,OAAO,EAAEC,iBAAiB,EAAEC,gBAAgB,CAAC,CAAC;EAElD,oBACEN,IAAA,CAACC,sBAAsB;IAAA,GACjBgB,IAAI;IACRR,QAAQ,EAAES,gBAAiB;IAC3BR,UAAU,EAAES,kBAAmB;IAC/BR,UAAU,EAAES,aAAc;IAC1BL,eAAe,EAAED,gBAAgB,IAAIC,eAAgB;IACrDC,eAAe,EAAEF,gBAAgB,IAAIE;EAAgB,CACtD,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/typescript/src/QmsDashboardView.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QmsDashboardView.android.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAatE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsD5D,CAAC"}
+{"version":3,"file":"QmsDashboardView.android.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAyBtE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsJ5D,CAAC"}

package/lib/typescript/src/QmsDashboardView.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QmsDashboardView.ios.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAMtE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmC5D,CAAC"}
+{"version":3,"file":"QmsDashboardView.ios.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAMtE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmE5D,CAAC"}

package/lib/typescript/src/QmsDashboardView.types.d.ts

@@ -2,6 +2,9 @@ import type { StyleProp, ViewStyle } from 'react-native';
 export type QmsDashboardViewProps = {
     style?: StyleProp<ViewStyle>;
     onClose?: (event?: unknown) => void;
+    onLogout?: (event?: unknown) => void;
+    onAnalyticsScreen?: (screenName?: string, screenClass?: string) => void;
+    onAnalyticsEvent?: (eventName?: string, params?: Record<string, unknown> | null) => void;
     /**
      * Preferred camelCase props. Uppercase variants are kept for backwards compatibility
      * with the native iOS view manager prop names.
@@ -15,5 +18,12 @@ export type QmsDashboardViewProps = {
     token?: string;
     autoShow?: boolean;
     themeColor?: string;
+    headerThemeColor?: string;
+    headerTextColor?: string;
+    headerIconColor?: string;
+    accentColor?: string;
+    fontFamily?: string;
+    isOrigin?: boolean;
+    payload?: Record<string, unknown> | null;
 };
 //# sourceMappingURL=QmsDashboardView.types.d.ts.map

package/lib/typescript/src/QmsDashboardView.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QmsDashboardView.types.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}
+{"version":3,"file":"QmsDashboardView.types.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,gBAAgB,CAAC,EAAE,CACjB,SAAS,CAAC,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,KACpC,IAAI,CAAC;IACV;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CAC1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@convep_mobilogy/react-native-qms-plugin",
-  "version": "0.9.4",
+  "version": "0.10.2",
   "description": "To handle defect managment",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/QmsDashboardView.android.tsx

@@ -7,15 +7,30 @@ const { QmsModule } = NativeModules as {
     showQms?: (
       userToken?: string,
       clientID?: string,
-      clientCode?: string
+      clientCode?: string,
+      isOrigin?: boolean
+    ) => void;
+    showQmsWithPayload?: (
+      userToken?: string,
+      clientID?: string,
+      clientCode?: string,
+      isOrigin?: boolean,
+      payload?: Record<string, unknown> | null
     ) => void;
     setPrimaryColor?: (hexColor?: string) => void;
+    setHeaderTextColor?: (hexColor?: string) => void;
+    setHeaderIconColor?: (hexColor?: string) => void;
+    setAccentColor?: (hexColor?: string) => void;
+    setFontFamily?: (fontFamily?: string) => void;
   };
 };
 
 export const QmsDashboardView: React.FC<QmsDashboardViewProps> = ({
   style,
   onClose,
+  onLogout,
+  onAnalyticsScreen,
+  onAnalyticsEvent,
   clientID,
   clientCode,
   ClientID,
@@ -25,18 +40,55 @@ export const QmsDashboardView: React.FC<QmsDashboardViewProps> = ({
   userToken,
   autoShow = true,
   themeColor,
+  headerThemeColor,
+  headerTextColor,
+  headerIconColor,
+  accentColor,
+  fontFamily,
+  isOrigin = false,
+  payload,
 }) => {
   useEffect(() => {
     const resolvedClientID = clientID ?? ClientID ?? '';
     const resolvedClientCode = clientCode ?? ClientCode ?? '';
     const resolvedToken = user_token ?? token ?? userToken ?? '';
+    const hasPayload = payload != null && Object.keys(payload).length > 0;
 
     if (autoShow && QmsModule?.showQms) {
       if (themeColor && QmsModule?.setPrimaryColor) {
         QmsModule.setPrimaryColor(themeColor);
       }
+      const resolvedHeaderColor = headerThemeColor ?? headerTextColor;
+      if (resolvedHeaderColor && QmsModule?.setHeaderTextColor) {
+        QmsModule.setHeaderTextColor(resolvedHeaderColor);
+      }
+      const resolvedHeaderIconColor = headerThemeColor ?? headerIconColor;
+      if (resolvedHeaderIconColor && QmsModule?.setHeaderIconColor) {
+        QmsModule.setHeaderIconColor(resolvedHeaderIconColor);
+      }
+      if (accentColor && QmsModule?.setAccentColor) {
+        QmsModule.setAccentColor(accentColor);
+      }
+      if (QmsModule?.setFontFamily) {
+        QmsModule.setFontFamily(fontFamily ?? '');
+      }
       // map props to native method args
-      QmsModule.showQms(resolvedToken, resolvedClientID, resolvedClientCode);
+      if (hasPayload && QmsModule?.showQmsWithPayload) {
+        QmsModule.showQmsWithPayload(
+          resolvedToken,
+          resolvedClientID,
+          resolvedClientCode,
+          isOrigin,
+          payload
+        );
+      } else {
+        QmsModule.showQms(
+          resolvedToken,
+          resolvedClientID,
+          resolvedClientCode,
+          isOrigin
+        );
+      }
     }
   }, [
     clientID,
@@ -48,13 +100,41 @@ export const QmsDashboardView: React.FC<QmsDashboardViewProps> = ({
     userToken,
     autoShow,
     themeColor,
+    headerThemeColor,
+    headerTextColor,
+    headerIconColor,
+    accentColor,
+    fontFamily,
+    isOrigin,
+    payload,
   ]);
 
   useEffect(() => {
     if (themeColor && QmsModule?.setPrimaryColor) {
       QmsModule.setPrimaryColor(themeColor);
     }
-  }, [themeColor]);
+    const resolvedHeaderColor = headerThemeColor ?? headerTextColor;
+    if (resolvedHeaderColor && QmsModule?.setHeaderTextColor) {
+      QmsModule.setHeaderTextColor(resolvedHeaderColor);
+    }
+    const resolvedHeaderIconColor = headerThemeColor ?? headerIconColor;
+    if (resolvedHeaderIconColor && QmsModule?.setHeaderIconColor) {
+      QmsModule.setHeaderIconColor(resolvedHeaderIconColor);
+    }
+    if (accentColor && QmsModule?.setAccentColor) {
+      QmsModule.setAccentColor(accentColor);
+    }
+    if (QmsModule?.setFontFamily) {
+      QmsModule.setFontFamily(fontFamily ?? '');
+    }
+  }, [
+    themeColor,
+    headerThemeColor,
+    headerTextColor,
+    headerIconColor,
+    accentColor,
+    fontFamily,
+  ]);
 
   useEffect(() => {
     if (!onClose) return;
@@ -64,6 +144,34 @@ export const QmsDashboardView: React.FC<QmsDashboardViewProps> = ({
     return () => subscription.remove();
   }, [onClose]);
 
+  useEffect(() => {
+    if (!onLogout) return;
+    const subscription = DeviceEventEmitter.addListener('QmsSdkOnLogout', () =>
+      onLogout()
+    );
+    return () => subscription.remove();
+  }, [onLogout]);
+
+  useEffect(() => {
+    if (!onAnalyticsScreen) return;
+    const subscription = DeviceEventEmitter.addListener(
+      'QmsSdkOnAnalyticsScreen',
+      (event?: { screenName?: string; screenClass?: string }) =>
+        onAnalyticsScreen(event?.screenName, event?.screenClass)
+    );
+    return () => subscription.remove();
+  }, [onAnalyticsScreen]);
+
+  useEffect(() => {
+    if (!onAnalyticsEvent) return;
+    const subscription = DeviceEventEmitter.addListener(
+      'QmsSdkOnAnalyticsEvent',
+      (event?: { eventName?: string; params?: Record<string, unknown> }) =>
+        onAnalyticsEvent(event?.eventName, event?.params ?? null)
+    );
+    return () => subscription.remove();
+  }, [onAnalyticsEvent]);
+
   // Android doesn’t need to show native UI as a "view" here,
   // we just render an empty container so JSX stays consistent.
   return <View style={style} />;

package/src/QmsDashboardView.ios.tsx

@@ -13,6 +13,9 @@ const NativeQmsDashboardView =
 export const QmsDashboardView: React.FC<QmsDashboardViewProps> = (props) => {
   const {
     onClose,
+    onAnalyticsScreen,
+    onAnalyticsEvent,
+    // onLogout,
     clientID,
     clientCode,
     ClientID,
@@ -20,7 +23,11 @@ export const QmsDashboardView: React.FC<QmsDashboardViewProps> = (props) => {
     user_token,
     userToken,
     token,
+    // isOrigin,
     // autoShow is Android-only; ignored on iOS
+    headerThemeColor,
+    headerTextColor,
+    headerIconColor,
     ...rest
   } = props;
 
@@ -29,13 +36,36 @@ export const QmsDashboardView: React.FC<QmsDashboardViewProps> = (props) => {
   const resolvedToken = user_token ?? token ?? userToken ?? '';
 
   useEffect(() => {
-    if (!onClose) return;
+    if (!onClose && !onAnalyticsScreen && !onAnalyticsEvent) return;
     const nativeEmitterModule = NativeModules.QmsDashboardEmitter;
     if (!nativeEmitterModule) return;
     const emitter = new NativeEventEmitter(nativeEmitterModule);
-    const subscription = emitter.addListener('onClose', onClose);
-    return () => subscription.remove();
-  }, [onClose]);
+    const subscriptions: { remove: () => void }[] = [];
+    if (onClose) {
+      subscriptions.push(emitter.addListener('onClose', onClose));
+    }
+    if (onAnalyticsScreen) {
+      subscriptions.push(
+        emitter.addListener(
+          'onAnalyticsScreen',
+          (payload?: { screenName?: string; screenClass?: string }) =>
+            onAnalyticsScreen(payload?.screenName, payload?.screenClass)
+        )
+      );
+    }
+    if (onAnalyticsEvent) {
+      subscriptions.push(
+        emitter.addListener(
+          'onAnalyticsEvent',
+          (payload?: {
+            eventName?: string;
+            params?: Record<string, unknown>;
+          }) => onAnalyticsEvent(payload?.eventName, payload?.params ?? null)
+        )
+      );
+    }
+    return () => subscriptions.forEach((sub) => sub.remove());
+  }, [onClose, onAnalyticsScreen, onAnalyticsEvent]);
 
   return (
     <NativeQmsDashboardView
@@ -43,6 +73,8 @@ export const QmsDashboardView: React.FC<QmsDashboardViewProps> = (props) => {
       ClientID={resolvedClientID}
       ClientCode={resolvedClientCode}
       user_token={resolvedToken}
+      headerTextColor={headerThemeColor ?? headerTextColor}
+      headerIconColor={headerThemeColor ?? headerIconColor}
     />
   );
 };

package/src/QmsDashboardView.types.ts

@@ -3,6 +3,12 @@ import type { StyleProp, ViewStyle } from 'react-native';
 export type QmsDashboardViewProps = {
   style?: StyleProp<ViewStyle>;
   onClose?: (event?: unknown) => void;
+  onLogout?: (event?: unknown) => void;
+  onAnalyticsScreen?: (screenName?: string, screenClass?: string) => void;
+  onAnalyticsEvent?: (
+    eventName?: string,
+    params?: Record<string, unknown> | null
+  ) => void;
   /**
    * Preferred camelCase props. Uppercase variants are kept for backwards compatibility
    * with the native iOS view manager prop names.
@@ -16,4 +22,11 @@ export type QmsDashboardViewProps = {
   token?: string;
   autoShow?: boolean; // optional: Android uses this, iOS can ignore
   themeColor?: string;
+  headerThemeColor?: string;
+  headerTextColor?: string;
+  headerIconColor?: string;
+  accentColor?: string;
+  fontFamily?: string;
+  isOrigin?: boolean;
+  payload?: Record<string, unknown> | null;
 };