Feature: Identify prop

src/components/FeatureFlag.js

@@ -2,15 +2,15 @@
 import React from "react";
 import { Subscriber } from "react-broadcast";
 
-import type { FeatureFlagType } from "../types";
+import type { FeatureFlagType, ConfigType } from "../types";
 import { BROADCAST_CHANNEL } from "../constants/LaunchDarkly";
 import FeatureFlagRenderer from "./FeatureFlagRenderer";
 
 export default function FeatureFlag (props:FeatureFlagType) {
   return (
     <Subscriber channel={BROADCAST_CHANNEL}>
       {
-        (config) => {
+        (config:ConfigType) => {
           if (config) {
             return (<FeatureFlagRenderer {...config} {...props} />);
           }

src/components/FeatureFlagRenderer.js

@@ -1,13 +1,19 @@
 // @flow
 import { Component } from "react";
 
-import type { FeatureFlagType, ConfigType, LdClientWrapperType, FlagValueType } from "../types";
+import type {
+  FeatureFlagType,
+  ConfigType,
+  LdClientWrapperType,
+  FlagValueType,
+  IdentifyType
+} from "../types";
 import { ldClientWrapper, ldOverrideFlag } from "../lib/utils";
 
 type Props = FeatureFlagType & ConfigType;
 type State = {
   checkFeatureFlagComplete: boolean,
-  flagValue: any
+  flagValue: FlagValueType
 };
 
 export default class FeatureFlagRenderer extends Component<Props, State> {
@@ -42,6 +48,7 @@ export default class FeatureFlagRenderer extends Component<Props, State> {
 
     this.checkFeatureFlag(ldClient);
     this.listenFlagChangeEvent(ldClient);
+    this.identify(ldClient);
   }
 
   componentWillUnmount () {
@@ -86,6 +93,17 @@ export default class FeatureFlagRenderer extends Component<Props, State> {
     });
   }
 
+  identify (ldClient: LdClientWrapperType) {
+    if (this.props.identify) {
+      const { user, identify } = this.props;
+      const mergedUser:IdentifyType = Object.assign(user, identify);
+
+      ldClient.onReady(() => {
+        ldClient.identify(mergedUser, identify.hash || null);
+      });
+    }
+  }
+
   setStateFlagValue (flagValue:FlagValueType) {
     const { flagKey } = this.props;
     const typeFlagValue = typeof flagValue;

src/types/index.js

@@ -2,14 +2,16 @@
 export type LdClientWrapperType = {
   on: (string, (FlagValueType) => (void)) => void,
   onReady: (() => void) => void,
-  variation: (string, boolean) => FlagValueType
+  variation: (string, boolean) => FlagValueType,
+  identify: (Object, Object | null) => void
 };
 
 export type FeatureFlagType = {
   flagKey: string,
   renderFeatureCallback: (FlagValueType) => ?React$Element<any>,
   renderDefaultCallback?: () => ?React$Element<any>,
-  initialRenderCallback?: () => ?React$Element<any>
+  initialRenderCallback?: () => ?React$Element<any>,
+  identify?: IdentifyType
 };
 
 export type ConfigType = {
@@ -44,3 +46,12 @@ export type ClientOptionsType = {
 
   disableClient?: boolean
 };
+
+export type IdentifyType = {
+  key?: string,
+  firstName?: string,
+  lastName?: string,
+  email?: string,
+  custom: Object,
+  hash?: Object
+};