@widergy/mobile-ui 1.18.6 → 1.19.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.19.1](https://github.com/widergy/mobile-ui/compare/v1.19.0...v1.19.1) (2024-08-26)
+
+
+### Bug Fixes
+
+* standarize uttracker ([#336](https://github.com/widergy/mobile-ui/issues/336)) ([b832deb](https://github.com/widergy/mobile-ui/commit/b832deb20b87ee771c4d4ce15c9e80ea4b24974f))
+
+# [1.19.0](https://github.com/widergy/mobile-ui/compare/v1.18.6...v1.19.0) (2024-08-23)
+
+
+### Features
+
+* event multitracking ([#334](https://github.com/widergy/mobile-ui/issues/334)) ([5364c58](https://github.com/widergy/mobile-ui/commit/5364c58894d65a5b0662393c17d745e5eca40356))
+
 ## [1.18.6](https://github.com/widergy/mobile-ui/compare/v1.18.5...v1.18.6) (2024-08-23)
 
 

package/lib/components/UTModal/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { View, TouchableWithoutFeedback, Keyboard, Modal, ImageBackground } from 'react-native';
 import _ from 'lodash';
 
-import Label from '../Label';
+import UTLabel from '../UTLabel';
 import Button from '../Button';
 import Touchable from '../Touchable';
 import Icon from '../Icon';
@@ -89,14 +89,14 @@ const UTModal = ({
                   )}
 
                   {!!title && (
-                    <Label bold center style={styles.title}>
+                    <UTLabel variant="title3" weight="medium" style={styles.title}>
                       {title}
-                    </Label>
+                    </UTLabel>
                   )}
                   {!!subtitle && (
-                    <Label midGray {...subtitleProps} style={styles.subtitle}>
+                    <UTLabel colorTheme="gray" {...subtitleProps} style={styles.subtitle}>
                       {subtitle}
-                    </Label>
+                    </UTLabel>
                   )}
 
                   {children}

package/lib/components/UTModal/styles.js

@@ -45,7 +45,6 @@ export default StyleSheet.create({
     marginBottom: 12
   },
   subtitle: {
-    marginHorizontal: '4%',
     marginBottom: 12
   },
   buttonText: {

package/lib/components/UTSelectableCard/styles.js

@@ -16,6 +16,7 @@ export const getAppearanceStyles = (theme = {}) => ({
     disabledContainer: {
       backgroundColor: theme.Palette.light['03'],
       borderColor: 'transparent',
+      borderRadius: 4,
       borderWidth: 2
     },
     selectedContainer: {

package/lib/components/UTTracker/README.md

@@ -9,6 +9,8 @@ This component displays a vertical stepper intended to track progress
 | Name        | Type              | Default  | Description                                                                                                                                                           |
 | ----------- | ----------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | title       | string            |          | Displays the title above the tracker.                                                                                                                                 |
+| subtitle    | string            |          | Displays under the title                                                                                                                                              | 
+| description | string            |          | Displays under the subtitle                                                                                                                                           | 
 | mode        | card \| flat      | card     | Defines whether the component should display as a card or as the bare components without any background.                                                              |
 | variant     | standard \| error | standard | Defines the color scheme of the tracker steps and the icon on the active step.                                                                                        |
 | steps       | stepsType         |          | Displays a step with a rounded icon on the left for each object received.                                                                                             |
@@ -19,6 +21,6 @@ This component displays a vertical stepper intended to track progress
 
 | Type         | Shape                                                                          |
 | ------------ | ------------------------------------------------------------------------------ |
-| stepsType    | `{ id: number, title: string, subtitle: string, subSteps: [...subStepsType] }` |
+| stepsType    | `{ id: number, title: string, subSteps: [...subStepsType] }`                   |
 | subStepsType | `{ id: number, title: string, subtitle: string }`                              |
 | detailsType  | `{ enabled: bool, title: string }`                                             |

package/lib/components/UTTracker/components/Connector/index.js

@@ -5,11 +5,13 @@ import merge from 'lodash/merge';
 import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
 import { IS_IOS } from '../../../../utils/platformUtils/constants';
+import { useTheme } from '../../../../theming';
 
-import ownStyles from './styles';
+import { getConnectorStyles } from './styles';
 
 const Connector = ({ currentPosition = 0, first, nextPosition = 0, style }) => {
-  const themedStyles = merge({}, ownStyles, style);
+  const theme = useTheme();
+  const themedStyles = merge({}, getConnectorStyles(theme), style);
 
   return (
     <View

package/lib/components/UTTracker/components/Connector/styles.js

@@ -2,28 +2,29 @@ import { StyleSheet } from 'react-native';
 
 import { OVAL_SIZE } from '../../styles';
 
-export default StyleSheet.create({
-  connector: {
-    borderColor: 'gray',
-    borderLeftWidth: 2,
-    borderStyle: 'dashed',
-    flexGrow: 1
-  },
-  connectorIOS: {
-    borderWidth: 2,
-    margin: -3,
-    marginLeft: 0,
-    flex: 1
-  },
-  wrapper: (currentPosition, first, nextPosition) => ({
-    height: nextPosition - currentPosition - OVAL_SIZE - (first ? 5 : 0) - 10,
-    paddingLeft: OVAL_SIZE / 2 - 1,
-    position: 'absolute',
-    top: currentPosition + OVAL_SIZE + (first ? 5 : 0) + 5,
-    width: 2
-  }),
-  wrapperIOS: {
-    overflow: 'hidden',
-    width: OVAL_SIZE
-  }
-});
+export const getConnectorStyles = theme =>
+  StyleSheet.create({
+    connector: {
+      borderColor: theme.Palette.gray['04'],
+      borderLeftWidth: 2,
+      borderStyle: 'dashed',
+      flexGrow: 1
+    },
+    connectorIOS: {
+      borderWidth: 2,
+      margin: -3,
+      marginLeft: 0,
+      flex: 1
+    },
+    wrapper: (currentPosition, first, nextPosition) => ({
+      height: nextPosition - currentPosition - OVAL_SIZE - (first ? 5 : 0) - 10,
+      paddingLeft: OVAL_SIZE / 2 - 1,
+      position: 'absolute',
+      top: currentPosition + OVAL_SIZE + (first ? 5 : 0) + 5,
+      width: 2
+    }),
+    wrapperIOS: {
+      overflow: 'hidden',
+      width: OVAL_SIZE
+    }
+  });

package/lib/components/UTTracker/components/Step/index.js

@@ -3,12 +3,13 @@ import { View } from 'react-native';
 import { bool, func, number } from 'prop-types';
 import merge from 'lodash/merge';
 
-import Label from '../../../Label';
 import { StepPropTypes, VariantPropTypes } from '../../propTypes';
-import Icon from '../../../Icon';
+import UTIcon from '../../../UTIcon';
+import UTLabel from '../../../UTLabel';
 import { ERROR } from '../../constants';
+import { useTheme } from '../../../../theming';
 
-import ownStyles, { ownVariantStyles } from './styles';
+import { getVariantStyles, getStepStyles } from './styles';
 
 const ERROR_ICON_SIZE = 16;
 
@@ -16,7 +17,9 @@ const Step = ({ first, index, isActive, isCompleted, setStepsPositions, step, st
   const stepCompleted = isCompleted(step.id);
   const stepActive = isActive(step.id);
 
-  const themedStyles = merge({}, ownStyles, ownVariantStyles[variant], style[variant]);
+  const theme = useTheme();
+  const ownStyles = getStepStyles(theme);
+  const themedStyles = merge({}, ownStyles, getVariantStyles(theme)[variant], style[variant]);
   const [stepIconOffset, setStepIconOffset] = useState(0);
   const [currentPosition, setCurrentPosition] = useState(0);
 
@@ -54,41 +57,21 @@ const Step = ({ first, index, isActive, isCompleted, setStepsPositions, step, st
           ]}
         >
           {stepActive && variant === ERROR && (
-            <Icon
-              color="white"
-              height={ERROR_ICON_SIZE}
-              name="close"
-              size={ERROR_ICON_SIZE}
-              style={themedStyles.icon}
-              type="antdesign"
-              width={ERROR_ICON_SIZE}
-            />
+            <UTIcon name="IconX" colorTheme="negative" size={ERROR_ICON_SIZE} style={themedStyles.icon} />
           )}
         </View>
       </View>
       <View style={themedStyles.textContainer}>
         {step.title && (
-          <Label
-            color={
-              stepCompleted
-                ? themedStyles.completedTitleColor
-                : stepActive
-                  ? themedStyles.activeTitleColor
-                  : themedStyles.titleColor
+          <UTLabel
+            variant="small"
+            weight="medium"
+            colorTheme={
+              stepCompleted ? 'gray' : stepActive ? (variant === ERROR ? 'error' : 'accent') : 'dark'
             }
           >
             {step.title}
-          </Label>
-        )}
-        {step.subtitle && (
-          <Label color={themedStyles.subtitleColor} style={themedStyles.subtitle}>
-            {step.subtitle}
-          </Label>
-        )}
-        {step.description && (
-          <Label color={themedStyles.descriptionColor} style={themedStyles.description}>
-            {step.description}
-          </Label>
+          </UTLabel>
         )}
       </View>
     </View>

package/lib/components/UTTracker/components/Step/styles.js

@@ -3,84 +3,74 @@ import { StyleSheet } from 'react-native';
 import { OVAL_SIZE } from '../../styles';
 import { ERROR, STANDARD } from '../../constants';
 
-export const ownVariantStyles = {
+export const getVariantStyles = theme => ({
   [ERROR]: {
     activeContainer: {
-      backgroundColor: 'red',
-      borderColor: 'red'
+      backgroundColor: theme.Palette.error['04'],
+      borderColor: theme.Palette.error['04']
     },
     activeInnerContainer: {
-      backgroundColor: 'red'
+      backgroundColor: theme.Palette.error['04']
     },
-    activeTitleColor: 'red',
     completedContainer: {
-      borderColor: 'red'
+      borderColor: theme.Palette.error['04']
     },
     completedInnerContainer: {
-      backgroundColor: 'red'
+      backgroundColor: theme.Palette.error['04']
     },
     completedOuterContainer: {
       opacity: 0.5
-    },
-    completedTitleColor: 'red'
+    }
   },
   [STANDARD]: {
     activeContainer: {
-      borderColor: 'blue'
+      borderColor: theme.Palette.accent['04']
     },
     activeInnerContainer: {
-      backgroundColor: 'blue'
+      backgroundColor: theme.Palette.accent['04']
     },
-    activeTitleColor: 'blue',
     completedContainer: {
-      borderColor: 'blue'
+      borderColor: theme.Palette.accent['04']
     },
     completedInnerContainer: {
-      backgroundColor: 'blue'
+      backgroundColor: theme.Palette.accent['04']
     },
     completedOuterContainer: {
       opacity: 0.5
-    },
-    completedTitleColor: 'blue'
-  }
-};
-
-export default StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    backgroundColor: 'white',
-    borderColor: 'gray',
-    borderRadius: OVAL_SIZE / 2,
-    borderWidth: OVAL_SIZE / 10,
-    height: OVAL_SIZE,
-    justifyContent: 'center',
-    marginRight: 16,
-    width: OVAL_SIZE
-  },
-  description: {
-    marginTop: 4
-  },
-  descriptionColor: 'gray',
-  icon: {
-    position: 'absolute',
-    right: -3,
-    top: -3
-  },
-  innerContainer: {
-    backgroundColor: 'white',
-    borderRadius: OVAL_SIZE / 4,
-    height: OVAL_SIZE / 2,
-    width: OVAL_SIZE / 2
-  },
-  outerContainer: {
-    alignItems: 'center',
-    flexDirection: 'row'
-  },
-  stepMargin: { marginTop: 24 },
-  subtitle: {
-    marginTop: 4
-  },
-  textContainer: {
-    width: '90%'
+    }
   }
 });
+
+export const getStepStyles = theme =>
+  StyleSheet.create({
+    container: {
+      alignItems: 'center',
+      backgroundColor: 'transparent',
+      borderColor: theme.Palette.gray['04'],
+      borderRadius: OVAL_SIZE / 2,
+      borderWidth: OVAL_SIZE / 10,
+      height: OVAL_SIZE,
+      justifyContent: 'center',
+      marginRight: 16,
+      width: OVAL_SIZE
+    },
+    icon: {
+      position: 'absolute',
+      right: -3,
+      top: -3
+    },
+    innerContainer: {
+      backgroundColor: 'transparent',
+      borderRadius: OVAL_SIZE / 4,
+      height: OVAL_SIZE / 2,
+      width: OVAL_SIZE / 2
+    },
+    outerContainer: {
+      alignItems: 'center',
+      flexDirection: 'row'
+    },
+    stepMargin: { marginTop: 24 },
+    textContainer: {
+      width: '90%'
+    }
+  });

package/lib/components/UTTracker/components/SubStep/index.js

@@ -4,7 +4,7 @@ import { string } from 'prop-types';
 import merge from 'lodash/merge';
 import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 
-import Label from '../../../Label';
+import UTLabel from '../../../UTLabel';
 
 import ownStyles from './styles';
 
@@ -13,8 +13,12 @@ const SubStep = ({ style, subtitle, title }) => {
 
   return (
     <View style={themedStyles.container}>
-      <Label color={themedStyles.titleColor}>{title}</Label>
-      <Label color={themedStyles.subtitleColor}>{subtitle}</Label>
+      <UTLabel colorTheme="gray" variant="small">
+        {title}
+      </UTLabel>
+      <UTLabel colorTheme="gray" shade="01" variant="small">
+        {subtitle}
+      </UTLabel>
     </View>
   );
 };

package/lib/components/UTTracker/components/SubStep/styles.js

@@ -4,7 +4,5 @@ export default StyleSheet.create({
   container: {
     marginLeft: 36,
     marginTop: 8
-  },
-  subtitleColor: 'lightgray',
-  titleColor: 'gray'
+  }
 });

package/lib/components/UTTracker/index.js

@@ -4,21 +4,33 @@ import merge from 'lodash/merge';
 import { number, object, string } from 'prop-types';
 import Collapsible from 'react-native-collapsible';
 
-import Icon from '../Icon';
+import UTIcon from '../UTIcon';
+import UTLabel from '../UTLabel';
 import Touchable from '../Touchable';
-import Label from '../Label';
 import { useTheme } from '../../theming';
+import Surface from '../Surface';
 
-import ownStyles, { DETAILS_ICON_CARD_SIZE, DETAILS_ICON_FLAT_SIZE, ownModeStyles } from './styles';
+import { getUTTrackerStyles, getModeStyles } from './styles';
 import Step from './components/Step';
 import Connector from './components/Connector';
 import SubStep from './components/SubStep';
 import { DetailsTabPropTypes, ModePropTypes, StepsPropTypes, VariantPropTypes } from './propTypes';
-import { CARD, FLAT, STANDARD } from './constants';
+import { CARD, ERROR, FLAT, STANDARD } from './constants';
 
-const UTTracker = ({ currentStep, detailsTab, mode = CARD, steps, style, title, variant = STANDARD }) => {
+const UTTracker = ({
+  currentStep,
+  detailsTab,
+  description,
+  mode = CARD,
+  steps,
+  subtitle,
+  style,
+  title,
+  variant = STANDARD
+}) => {
   const theme = useTheme();
-  const themedStyles = merge({}, ownStyles, ownModeStyles[mode], theme.UTTracker, style);
+  const ownStyles = getUTTrackerStyles(theme);
+  const themedStyles = merge({}, ownStyles, getModeStyles(theme)[mode], theme.UTTracker, style);
 
   const [isCollapsed, setIsCollapsed] = useState(true);
   const [stepsPositions, setStepsPositions] = useState([]);
@@ -26,8 +38,10 @@ const UTTracker = ({ currentStep, detailsTab, mode = CARD, steps, style, title,
   const isCompleted = stepNumber => stepNumber < currentStep;
   const isActive = stepNumber => stepNumber === currentStep;
 
+  const WrapperComponent = mode === CARD ? Surface : View;
+
   return (
-    <View style={themedStyles.outerContainer}>
+    <WrapperComponent style={themedStyles.outerContainer}>
       <View style={[themedStyles.container, !detailsTab && ownStyles.roundedBorders]}>
         {title && (
           <Touchable
@@ -36,24 +50,31 @@ const UTTracker = ({ currentStep, detailsTab, mode = CARD, steps, style, title,
             style={themedStyles.titleTouchable}
           >
             <View style={themedStyles.titleContainer}>
-              <Label color={themedStyles.titleColor} style={themedStyles.title}>
+              <UTLabel variant="subtitle1" weight="medium">
                 {title}
-              </Label>
+              </UTLabel>
               {detailsTab?.enabled && mode === FLAT && (
-                <Icon
-                  color={themedStyles.detailsIconColor || 'black'}
-                  height={DETAILS_ICON_FLAT_SIZE}
-                  name={isCollapsed ? 'chevron-down' : 'chevron-up'}
-                  size={DETAILS_ICON_FLAT_SIZE}
-                  type="feather"
-                  width={DETAILS_ICON_FLAT_SIZE}
-                />
+                <UTIcon name={isCollapsed ? 'IconChevronDown' : 'IconChevronUp'} colorTheme="neutral" />
               )}
             </View>
           </Touchable>
         )}
+        {(subtitle || description) && (
+          <View style={[themedStyles.subtitleAndDescription, variant === ERROR && themedStyles.errorBanner]}>
+            {subtitle && (
+              <UTLabel variant="small" weight="medium" style={themedStyles.subtitle}>
+                {subtitle}
+              </UTLabel>
+            )}
+            {description && (
+              <UTLabel colorTheme="gray" variant="small" style={themedStyles.description}>
+                {description}
+              </UTLabel>
+            )}
+          </View>
+        )}
         {steps && (
-          <View>
+          <View style={(title || subtitle || description) && themedStyles.stepsContainer}>
             {steps.map((step, index) => (
               <Fragment key={step.id}>
                 <Step
@@ -89,27 +110,22 @@ const UTTracker = ({ currentStep, detailsTab, mode = CARD, steps, style, title,
       {detailsTab?.enabled && mode === CARD && (
         <Touchable onPress={() => setIsCollapsed(!isCollapsed)} style={themedStyles.detailsTab}>
           <Fragment>
-            <Label>{detailsTab.title}</Label>
-            <Icon
-              color={themedStyles.detailsIconColor || 'black'}
-              height={DETAILS_ICON_CARD_SIZE}
-              name={isCollapsed ? 'chevron-down' : 'chevron-up'}
-              size={DETAILS_ICON_CARD_SIZE}
-              type="feather"
-              width={DETAILS_ICON_CARD_SIZE}
-            />
+            <UTLabel weight="medium">{detailsTab.title}</UTLabel>
+            <UTIcon name={isCollapsed ? 'IconChevronDown' : 'IconChevronUp'} colorTheme="neutral" />
           </Fragment>
         </Touchable>
       )}
-    </View>
+    </WrapperComponent>
   );
 };
 
 UTTracker.propTypes = {
   currentStep: number,
   detailsTab: DetailsTabPropTypes,
+  description: string,
   mode: ModePropTypes,
   steps: StepsPropTypes,
+  subtitle: string,
   // eslint-disable-next-line react/forbid-prop-types
   style: object,
   title: string,

package/lib/components/UTTracker/styles.js

@@ -3,55 +3,62 @@ import { StyleSheet } from 'react-native';
 import { CARD, FLAT } from './constants';
 
 export const OVAL_SIZE = 20;
-export const DETAILS_ICON_CARD_SIZE = 20;
-export const DETAILS_ICON_FLAT_SIZE = 24;
 
-export const ownModeStyles = {
+export const getModeStyles = theme => ({
   [CARD]: {
-    container: {
-      backgroundColor: 'white',
-      elevation: 2,
-      shadowColor: 'black',
-      shadowOffset: {
-        height: 3,
-        width: 0
-      },
-      shadowOpacity: 0.1
+    outerContainer: {
+      backgroundColor: theme.Palette.light['01']
     }
   },
   [FLAT]: {
-    container: {
+    outerContainer: {
       backgroundColor: 'transparent'
     }
   }
-};
-
-export default StyleSheet.create({
-  container: {
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8,
-    padding: 16
-  },
-  detailsTab: {
-    backgroundColor: 'white',
-    borderBottomLeftRadius: 8,
-    borderBottomRightRadius: 8,
-    borderColor: 'lightgray',
-    borderTopWidth: 1,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingVertical: 12
-  },
-  roundedBorders: {
-    borderBottomLeftRadius: 8,
-    borderBottomRightRadius: 8
-  },
-  titleContainer: {
-    flexDirection: 'row',
-    justifyContent: 'space-between'
-  },
-  titleTouchable: {
-    marginBottom: 24
-  }
 });
+
+export const getUTTrackerStyles = theme =>
+  StyleSheet.create({
+    container: {
+      borderTopLeftRadius: 8,
+      borderTopRightRadius: 8,
+      padding: 16
+    },
+    detailsTab: {
+      backgroundColor: theme.Palette.light['01'],
+      borderBottomLeftRadius: 8,
+      borderBottomRightRadius: 8,
+      borderColor: theme.Palette.light['04'],
+      borderTopWidth: 1,
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      paddingHorizontal: 16,
+      paddingVertical: 12
+    },
+    errorBanner: {
+      backgroundColor: theme.Palette.error['01'],
+      borderRadius: 4,
+      padding: 8
+    },
+    outerContainer: {
+      borderRadius: 8
+    },
+    roundedBorders: {
+      borderBottomLeftRadius: 8,
+      borderBottomRightRadius: 8
+    },
+    stepsContainer: {
+      marginTop: 24
+    },
+    subtitle: {
+      marginBottom: 4
+    },
+    subtitleAndDescription: {},
+    titleContainer: {
+      flexDirection: 'row',
+      justifyContent: 'space-between'
+    },
+    titleTouchable: {
+      marginBottom: 8
+    }
+  });

package/lib/utils/analyticsUtils/index.js

@@ -4,6 +4,8 @@
  * VERSION 5.X.X ONLY, version 6.x.x introduces breaking changes
  * */
 
+import { isEmpty, merge } from 'lodash';
+
 const LOG_EVENT = 'LOG_EVENT';
 const SET_CURRENT_SCREEN = 'SET_CURRENT_SCREEN';
 const SET_USER_ID = 'SET_USER_ID';
@@ -65,11 +67,64 @@ export const multiTracking = trackerArgumentsArray =>
     createAnalyticsMiddleware(trackerArguments.eventsMapper, trackerArguments.analytics)
   );
 
+export const mixpanelUserIdentify = mixpanelInstance => userProfileProperties => {
+  const { id } = userProfileProperties;
+  if (mixpanelInstance) {
+    mixpanelInstance.identify(`${id}`);
+    mixpanelInstance.getPeople().set({
+      $name: `${id}`,
+      $email: null,
+      ...userProfileProperties
+    });
+  }
+};
+
+export const mixpanelUserReset = mixpanelInstance => () => {
+  if (mixpanelInstance) mixpanelInstance.reset();
+};
+
+export const mixpanelEventsFlush = mixpanelInstance => () => {
+  if (mixpanelInstance) mixpanelInstance.flush();
+};
+
+export const singleMixpanelEvent = mixpanelInstance => eventData => {
+  const { name, ...yourProperties } = eventData;
+  if (mixpanelInstance) mixpanelInstance.track(name, yourProperties);
+};
+
+export const singleFirebaseEvent = analyticsIntance => eventData => {
+  const { action, category, currency, label, value } = eventData;
+  if (analyticsIntance) analyticsIntance.logEvent(category, { action, currency, label, value });
+};
+
+export const singleInhouseEvent = sendInhouseAnalytics => eventData => {
+  sendInhouseAnalytics(null, eventData);
+};
+
+export const singleEventMultitracking = (trackers, eventDefinitions) => (name, eventData) => {
+  const mergedData = merge(eventDefinitions[name] || {}, eventData || {});
+  const { sharedProps, ...trackerProps } = mergedData;
+  const trackersArray = Object.keys(mergedData);
+  if (!isEmpty(trackers))
+    trackersArray.forEach(trackerName => {
+      const eventTracker = trackers[trackerName];
+      const fullEventData = merge(trackerProps[trackerName], sharedProps);
+      eventTracker?.(fullEventData);
+    });
+};
+
 export default {
   createAnalyticsMiddleware,
+  mixpanelEventsFlush,
+  mixpanelUserIdentify,
+  mixpanelUserReset,
+  multiTracking,
+  setUserTracking,
+  singleEventMultitracking,
+  singleFirebaseEvent,
+  singleInhouseEvent,
+  singleMixpanelEvent,
   tracker,
   trackEvent,
-  trackScreen,
-  setUserTracking,
-  multiTracking
+  trackScreen
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "1.18.6",
+  "version": "1.19.1",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [