@widergy/mobile-ui 1.32.12 → 1.32.14

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.32.14](https://github.com/widergy/mobile-ui/compare/v1.32.13...v1.32.14) (2025-01-02)
+
+
+### Bug Fixes
+
+* [EVE-4365] status message header ([#400](https://github.com/widergy/mobile-ui/issues/400)) ([dee9119](https://github.com/widergy/mobile-ui/commit/dee9119464bf4583eee62bafdc3dd8e42581d369))
+
+## [1.32.13](https://github.com/widergy/mobile-ui/compare/v1.32.12...v1.32.13) (2024-12-20)
+
+
+### Bug Fixes
+
+* [DS-368] implement argos events ([#399](https://github.com/widergy/mobile-ui/issues/399)) ([eda2408](https://github.com/widergy/mobile-ui/commit/eda2408afe760aafcfc3f2f8718a3929302ab92e))
+
 ## [1.32.12](https://github.com/widergy/mobile-ui/compare/v1.32.11...v1.32.12) (2024-12-11)
 
 

package/lib/components/UTPhoneInput/index.js

@@ -2,14 +2,13 @@ import React, { PureComponent, createRef } from 'react';
 import { View } from 'react-native';
 import { bool, elementType, func, number, shape, string } from 'prop-types';
 
+import { COMPONENT_KEYS } from '../UTBaseInputField/constants';
+import { formatErrorToValidation } from '../UTValidation/utils';
+import { TITLE_VARIANTS } from '../../constants/inputs';
 import UTBaseInputField from '../UTBaseInputField';
 import UTFieldLabel from '../UTFieldLabel';
 import UTLabel from '../UTLabel';
-import UTValidation from '../UTValidation';
-import { formatErrorToValidation } from '../UTValidation/utils';
-import { TITLE_VARIANTS } from '../../constants/inputs';
-import { COMPONENT_KEYS } from '../UTBaseInputField/constants';
-import { validationDataProptypes } from '../UTValidation/constants';
+import UTValidation, { validationDataProptypes } from '../UTValidation';
 
 import { AREA_CODES } from './constants';
 import styles from './styles';

package/lib/components/UTStatusMessage/README.md

@@ -7,15 +7,15 @@ The purpose of this component, as its name indicates, is to communicate a messag
 | Name                  | Type      | Default | Description                                                                                               |
 | --------------------- | --------- | ------- | --------------------------------------------------------------------------------------------------------  |
 | children              | element   |         | The content to be rendered inside the component.                                                          |
-| style                 | object    |         | Custom styles for styling the component.                                                             |
+| style                 | object    |         | Custom styles for styling the component.                                                                  |
 | colorTheme            | string    | default | Defines the color theme for the component.                                                                |
 | description           | string    |         | Description text providing additional context or information.                                             |
 | descriptionProps      | object    |         | Props to be applied to the description UTLabel.                                                           |
 | helpText              | string    |         | Help text displayed to guide the user.                                                                    |
 | helpTextProps         | object    |         | Props to be applied to the help text UTLabel.                                                             |
 | icon                  | string    |         | Icon to be displayed in the header.                                                                       |
-| iconProps             | object    |         | Props to be applied to the UTIcon                                                                          |
-| image                 | string    |         | URL of an image to be displayed in the header, replacing the icon.                                        |
+| iconProps             | object    |         | Props to be applied to the UTIcon                                                                         |
+| HeaderComponent       | element   |         | Component to be displayed in the header, replacing the icon.                                              |
 | loading               | bool      | false   | Indicates whether the component is in a loading state. Replaces the header.                               |
 | primaryAction         | func      |         | Callback function for the primary action.                                                                 |
 | primaryActionProps    | object    |         | Props to be applied to the primary action UTButton.                                                       |

package/lib/components/UTStatusMessage/index.js

@@ -7,7 +7,6 @@ import UTButton from '../UTButton';
 import UTIcon from '../UTIcon';
 import UTLabel from '../UTLabel';
 import UTLoading from '../UTLoading';
-import UTImage from '../UTImage';
 import { withTheme } from '../../theming';
 
 import { ICON_COLOR_THEMES, COLOR_THEMES } from './constants';
@@ -18,11 +17,11 @@ const UTStatusMessage = ({
   colorTheme = COLOR_THEMES.DEFAULT,
   description,
   descriptionProps,
+  HeaderComponent,
   helpText,
   helpTextProps,
   icon = 'IconInfoCircle',
   iconProps = {},
-  image,
   loading,
   primaryAction,
   primaryActionProps,
@@ -52,8 +51,8 @@ const UTStatusMessage = ({
           style={[ownStyles.banner(theme, colorTheme, showBanner), style.banner]}
           useAngle
         >
-          {image ? (
-            <UTImage source={image} style={{ ...style.image }} />
+          {HeaderComponent ? (
+            <HeaderComponent />
           ) : (
             <IconContainer
               angle={45}
@@ -111,11 +110,11 @@ UTStatusMessage.propTypes = {
   colorTheme: string,
   description: string,
   descriptionProps: object,
+  HeaderComponent: element,
   helpText: string,
   helpTextProps: object,
   icon: string,
   iconProps: object,
-  image: string,
   loading: bool,
   primaryAction: func,
   primaryActionProps: object,

package/lib/utils/analyticsUtils/index.js

@@ -121,6 +121,10 @@ export const singleInhouseEvent = sendInhouseAnalytics => eventData => {
   sendInhouseAnalytics(null, eventData);
 };
 
+export const singleArgosEvent = sendArgosAnalytics => eventData => {
+  sendArgosAnalytics(eventData);
+};
+
 export const singleEventMultitracking = (trackers, eventDefinitions) => (name, eventData) => {
   const mergedData = merge(eventDefinitions[name] || {}, eventData || {});
   const { sharedProps, ...trackerProps } = mergedData;
@@ -154,11 +158,12 @@ export default {
   mixpanelUserReset,
   multiTracking,
   setUserTracking,
+  singleArgosEvent,
   singleEventMultitracking,
   singleFirebaseEvent,
   singleInhouseEvent,
   singleMixpanelEvent,
+  tracker,
   trackEvent,
-  trackScreen,
-  tracker
+  trackScreen
 };

package/package.json

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