@abihealth/goapp-react-native 1.13.22 → 1.14.0

package/dist/common/types/consultation.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CONSULTATION_EVENT = exports.CONSULTATION_STATUS = exports.DELIVERY_ADDRESS_STATUS = exports.IndicationFileStatus = exports.CASE_TYPE = void 0;
+exports.CONSULTATION_EVENT = exports.CONSULTATION_STATUS = exports.DELIVERY_ADDRESS_STATUS = exports.QuestionType = exports.IndicationFileStatus = exports.CASE_TYPE = void 0;
 var CASE_TYPE;
 (function (CASE_TYPE) {
     CASE_TYPE["MEDICAL"] = "medicalConsultation";
@@ -15,6 +15,11 @@ var IndicationFileStatus;
     IndicationFileStatus["CREATED"] = "CREATED";
     IndicationFileStatus["ERROR"] = "ERROR";
 })(IndicationFileStatus || (exports.IndicationFileStatus = IndicationFileStatus = {}));
+var QuestionType;
+(function (QuestionType) {
+    QuestionType["QUESTION"] = "question";
+    QuestionType["ANSWER"] = "answer";
+})(QuestionType || (exports.QuestionType = QuestionType = {}));
 var DELIVERY_ADDRESS_STATUS;
 (function (DELIVERY_ADDRESS_STATUS) {
     DELIVERY_ADDRESS_STATUS["PENDING"] = "pending";

package/dist/common/types/theme.d.ts

@@ -1,4 +1,5 @@
-import { ColorValue, StyleProp, ViewStyle } from 'react-native';
+import { ColorValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { TEXT_VARIANT } from '../components/Text';
 export type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;
 };
@@ -12,24 +13,25 @@ export type Shadow = {
     shadowRadius: number;
     elevation: number;
 };
-export type Colors = {
+export type Palette = {
     white: ColorValue;
     black: ColorValue;
-    gray: ColorValue;
-    darkGray: ColorValue;
-    text: ColorValue;
-    background: ColorValue;
-    primary: ColorValue;
-    primaryDark: ColorValue;
-    primaryLight: ColorValue;
+    grey: {
+        base: ColorValue;
+        dark: ColorValue;
+        light: ColorValue;
+    };
+    primary: {
+        base: ColorValue;
+        dark: ColorValue;
+        light: ColorValue;
+    };
     secondary: ColorValue;
     tertiary: ColorValue;
-    pattern: ColorValue;
-    rating: ColorValue;
-    warning: ColorValue;
+    error: ColorValue;
     success: ColorValue;
-    backdrop: ColorValue;
-    divider: ColorValue;
+    surface: ColorValue;
+    highlight: ColorValue;
 };
 export type FontSize = {
     sm: number;
@@ -66,17 +68,49 @@ export type Shadows = {
     strong: Shadow;
 };
 export type Components = {
-    videoCall?: {
-        endCall?: StyleProp<ViewStyle>;
+    videoCall: {
+        buttonsContainerStyle: StyleProp<ViewStyle>;
+        endCallStyle: StyleProp<ViewStyle>;
+        join: {
+            disclaimerCard: StyleProp<ViewStyle>;
+        };
+    };
+    background: {
+        image: string | null;
+        backgroundColor: ColorValue;
+    };
+    modal: {
+        backdropColor: ColorValue;
+        containerStyle: StyleProp<ViewStyle>;
     };
+    doctorProfileCard: {
+        containerStyle: StyleProp<ViewStyle>;
+        specialtyStyle: StyleProp<ViewStyle>;
+        buttonTextStyle: StyleProp<TextStyle>;
+    };
+    button: {
+        primaryStyle: StyleProp<ViewStyle>;
+        secondaryStyle: StyleProp<ViewStyle>;
+        tertiaryStyle: StyleProp<ViewStyle>;
+    };
+    input: {
+        style: StyleProp<TextStyle>;
+        placeholderTextColor: ColorValue;
+    };
+};
+export type FontElement = {
+    color?: ColorValue;
+    size?: TextStyle['fontSize'];
+    alignment?: TextStyle['textAlign'];
+    lineHeight?: TextStyle['lineHeight'];
+    weight?: TextStyle['fontWeight'];
 };
+export type Font = Record<TEXT_VARIANT, FontElement>;
 export type Theme = {
-    colors: Colors;
-    fontSize: FontSize;
-    lineHeight: LineHeight;
+    palette: Palette;
+    font: Font;
     borderRadius: BorderRadius;
     spacing: Spacing;
     shadows: Shadows;
-    components?: Components;
 };
 export declare const DEFAULT_THEME: Theme;

package/dist/common/types/theme.js

@@ -2,39 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_THEME = void 0;
 exports.DEFAULT_THEME = {
-    colors: {
+    palette: {
         white: '#FFFFFF',
         black: '#1A1A1A',
-        background: '#F4F4F4',
-        primary: '#0096D6',
-        primaryDark: '#0D7BA2',
-        primaryLight: '#E8F4FE',
+        grey: { base: '#C4C4C4', dark: '#757575', light: '#F4F4F4' },
+        primary: { base: '#0096D6', dark: '#0D7BA2', light: '#E8F4FE' },
         secondary: '#FFFFFF',
         tertiary: '#BBDEFB',
-        pattern: '#EBEEF0',
-        rating: '#FF9800',
-        warning: '#D8000C',
+        error: '#D8000C',
         success: '#27AE60',
-        gray: '#C4C4C4',
-        backdrop: '#071E388C',
-        divider: '#D8D8D8',
-        text: '#161616',
-        darkGray: '#757575'
+        highlight: '#FF9800',
+        surface: '#FFF'
     },
-    fontSize: {
-        sm: 14,
-        base: 16,
-        h1: 28,
-        h2: 24,
-        h3: 20,
-        h4: 18
-    },
-    lineHeight: {
-        xxl: 40,
-        xl: 36,
-        base: 24,
-        sm: 21,
-        xs: 19
+    font: {
+        h1: { size: 28, color: '#161616', alignment: 'center', lineHeight: 40 },
+        h2: { size: 24, color: '#161616', alignment: 'center', lineHeight: 36 },
+        h3: { size: 20, color: '#161616', alignment: 'center', lineHeight: 24 },
+        h4: { size: 18, color: '#161616', alignment: 'center', lineHeight: 24 },
+        base: { size: 16, color: '#161616', alignment: 'center', lineHeight: 24 },
+        sm: { size: 14, color: '#161616', alignment: 'center', lineHeight: 21 }
     },
     borderRadius: {
         sm: 4,

package/dist/common/utils/professional.js

@@ -7,6 +7,6 @@ exports.getProfessionalLabel = void 0;
 var i18n_1 = __importDefault(require("../locale/i18n"));
 var getProfessionalLabel = function (_a) {
     var title = _a.title, gender = _a.gender, firstName = _a.firstName;
-    return i18n_1.default.t("".concat(title, "_title_").concat(gender), { name: firstName });
+    return i18n_1.default.t("".concat(title.toLocaleLowerCase(), "_title_").concat(gender), { name: firstName });
 };
 exports.getProfessionalLabel = getProfessionalLabel;

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import VideoCallScreen from './video-consultations/screens/VideoCallScreen';
 import { useTranslation } from 'react-i18next';
 import { Animation } from './common/animations/Animation';
 import { FindingAnimation } from './common/animations/FindingAnimation';
+import { HorizontalLoadingAnimation } from './common/animations/HorizontalLoadingAnimation';
 import { LoadingCircleAnimation } from './common/animations/LoadingCircleAnimation';
 import { LoadingDotsAnimation } from './common/animations/LoadingDotsAnimation';
 import { authorization } from './common/api/auth';
@@ -53,7 +54,7 @@ import { MatchScreen } from './common/screens/MatchScreen';
 import { NoConsultationFoundScreen } from './common/screens/NoConsultationFoundScreen';
 import { PreparingSummaryScreen } from './common/screens/PreparingSummaryScreen';
 import { RatingScreen } from './common/screens/RatingScreen';
-import { CASE_TYPE, Consultation, CONSULTATION_STATUS, Question } from './common/types/consultation';
+import { CASE_TYPE, Consultation, CONSULTATION_STATUS, Question, QuestionType } from './common/types/consultation';
 import { HKDeliveryAddressSchema } from './common/types/deliveryAddress';
 import { Prescription, PRESCRIPTION_STATUS } from './common/types/prescription';
 import { License, Professional } from './common/types/professional';
@@ -62,4 +63,4 @@ import { isAndroid, isIOS } from './common/utils/platform';
 import { getProfessionalLabel } from './common/utils/professional';
 import { requiredCheckbox, requiredString, validPhone } from './common/utils/zod';
 export { AbiLogoIcon, AgoraWrapper, Animation, AnswerScreen, AttachmentPreviewModal, authorization, BackArrowIcon, BackgroundPattern, Button, CallingAnimation, CancelConsultationButton, CancelModal, Card, CASE_TYPE, Checkbox, CloseConsultationModal, CloseIcon, Consultation, CONSULTATION_STATUS, // TODO check this after last refactor
-ConsultationProvider, DateInput, DeliveryAddressScreen, DoctorIcon, DoctorProfileCard, DoctorProfileModal, EndingVideoScreen, EndVideoCallModal, FadeIn, FindingAnimation, FormWrapper, getProfessionalLabel, Header, HKDeliveryAddressSchema, InfoIcon, Input, isAndroid, isIOS, JoinVideoCallScreen, License, LoadingCircleAnimation, LoadingDotsAnimation, MatchingScreen, MatchScreen, Modal, NoConsultationFoundScreen, PhoneInput, PlaneIcon, PreparingSummaryScreen, Prescription, PRESCRIPTION_STATUS, ProcessingPrescriptionScreen, Professional, Question, RatingScreen, Reminder, requiredCheckbox, requiredString, ScreenWrapper, Select, Slide, Text, TextConsultationIcon, Theme, TwoOptionsModal, useConsultation, useTheme, useTranslation, validPhone, VideoCallScreen, VideoConsultation, VideoConsultationIcon };
+ConsultationProvider, DateInput, DeliveryAddressScreen, DoctorIcon, DoctorProfileCard, DoctorProfileModal, EndingVideoScreen, EndVideoCallModal, FadeIn, FindingAnimation, FormWrapper, getProfessionalLabel, Header, HKDeliveryAddressSchema, HorizontalLoadingAnimation, InfoIcon, Input, isAndroid, isIOS, JoinVideoCallScreen, License, LoadingCircleAnimation, LoadingDotsAnimation, MatchingScreen, MatchScreen, Modal, NoConsultationFoundScreen, PhoneInput, PlaneIcon, PreparingSummaryScreen, Prescription, PRESCRIPTION_STATUS, ProcessingPrescriptionScreen, Professional, Question, QuestionType, RatingScreen, Reminder, requiredCheckbox, requiredString, ScreenWrapper, Select, Slide, Text, TextConsultationIcon, Theme, TwoOptionsModal, useConsultation, useTheme, useTranslation, validPhone, VideoCallScreen, VideoConsultation, VideoConsultationIcon };

package/dist/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Reminder = exports.RatingScreen = exports.ProcessingPrescriptionScreen = exports.PRESCRIPTION_STATUS = exports.PreparingSummaryScreen = exports.PlaneIcon = exports.PhoneInput = exports.NoConsultationFoundScreen = exports.Modal = exports.MatchScreen = exports.MatchingScreen = exports.LoadingDotsAnimation = exports.LoadingCircleAnimation = exports.JoinVideoCallScreen = exports.isIOS = exports.isAndroid = exports.Input = exports.InfoIcon = exports.HKDeliveryAddressSchema = exports.Header = exports.getProfessionalLabel = exports.FormWrapper = exports.FindingAnimation = exports.FadeIn = exports.EndVideoCallModal = exports.EndingVideoScreen = exports.DoctorProfileModal = exports.DoctorProfileCard = exports.DoctorIcon = exports.DeliveryAddressScreen = exports.DateInput = exports.ConsultationProvider = exports.CONSULTATION_STATUS = exports.CloseIcon = exports.CloseConsultationModal = exports.Checkbox = exports.CASE_TYPE = exports.Card = exports.CancelModal = exports.CancelConsultationButton = exports.CallingAnimation = exports.Button = exports.BackgroundPattern = exports.BackArrowIcon = exports.authorization = exports.AttachmentPreviewModal = exports.AnswerScreen = exports.Animation = exports.AgoraWrapper = exports.AbiLogoIcon = void 0;
-exports.VideoConsultationIcon = exports.VideoConsultation = exports.VideoCallScreen = exports.validPhone = exports.useTranslation = exports.useTheme = exports.useConsultation = exports.TwoOptionsModal = exports.TextConsultationIcon = exports.Text = exports.Slide = exports.Select = exports.ScreenWrapper = exports.requiredString = exports.requiredCheckbox = void 0;
+exports.QuestionType = exports.ProcessingPrescriptionScreen = exports.PRESCRIPTION_STATUS = exports.PreparingSummaryScreen = exports.PlaneIcon = exports.PhoneInput = exports.NoConsultationFoundScreen = exports.Modal = exports.MatchScreen = exports.MatchingScreen = exports.LoadingDotsAnimation = exports.LoadingCircleAnimation = exports.JoinVideoCallScreen = exports.isIOS = exports.isAndroid = exports.Input = exports.InfoIcon = exports.HorizontalLoadingAnimation = exports.HKDeliveryAddressSchema = exports.Header = exports.getProfessionalLabel = exports.FormWrapper = exports.FindingAnimation = exports.FadeIn = exports.EndVideoCallModal = exports.EndingVideoScreen = exports.DoctorProfileModal = exports.DoctorProfileCard = exports.DoctorIcon = exports.DeliveryAddressScreen = exports.DateInput = exports.ConsultationProvider = exports.CONSULTATION_STATUS = exports.CloseIcon = exports.CloseConsultationModal = exports.Checkbox = exports.CASE_TYPE = exports.Card = exports.CancelModal = exports.CancelConsultationButton = exports.CallingAnimation = exports.Button = exports.BackgroundPattern = exports.BackArrowIcon = exports.authorization = exports.AttachmentPreviewModal = exports.AnswerScreen = exports.Animation = exports.AgoraWrapper = exports.AbiLogoIcon = void 0;
+exports.VideoConsultationIcon = exports.VideoConsultation = exports.VideoCallScreen = exports.validPhone = exports.useTranslation = exports.useTheme = exports.useConsultation = exports.TwoOptionsModal = exports.TextConsultationIcon = exports.Text = exports.Slide = exports.Select = exports.ScreenWrapper = exports.requiredString = exports.requiredCheckbox = exports.Reminder = exports.RatingScreen = void 0;
 var CallingAnimation_1 = require("./video-consultations/animations/CallingAnimation");
 Object.defineProperty(exports, "CallingAnimation", { enumerable: true, get: function () { return CallingAnimation_1.CallingAnimation; } });
 var AgoraWrapper_1 = __importDefault(require("./video-consultations/components/AgoraWrapper"));
@@ -29,6 +29,8 @@ var Animation_1 = require("./common/animations/Animation");
 Object.defineProperty(exports, "Animation", { enumerable: true, get: function () { return Animation_1.Animation; } });
 var FindingAnimation_1 = require("./common/animations/FindingAnimation");
 Object.defineProperty(exports, "FindingAnimation", { enumerable: true, get: function () { return FindingAnimation_1.FindingAnimation; } });
+var HorizontalLoadingAnimation_1 = require("./common/animations/HorizontalLoadingAnimation");
+Object.defineProperty(exports, "HorizontalLoadingAnimation", { enumerable: true, get: function () { return HorizontalLoadingAnimation_1.HorizontalLoadingAnimation; } });
 var LoadingCircleAnimation_1 = require("./common/animations/LoadingCircleAnimation");
 Object.defineProperty(exports, "LoadingCircleAnimation", { enumerable: true, get: function () { return LoadingCircleAnimation_1.LoadingCircleAnimation; } });
 var LoadingDotsAnimation_1 = require("./common/animations/LoadingDotsAnimation");
@@ -118,6 +120,7 @@ Object.defineProperty(exports, "RatingScreen", { enumerable: true, get: function
 var consultation_1 = require("./common/types/consultation");
 Object.defineProperty(exports, "CASE_TYPE", { enumerable: true, get: function () { return consultation_1.CASE_TYPE; } });
 Object.defineProperty(exports, "CONSULTATION_STATUS", { enumerable: true, get: function () { return consultation_1.CONSULTATION_STATUS; } });
+Object.defineProperty(exports, "QuestionType", { enumerable: true, get: function () { return consultation_1.QuestionType; } });
 var deliveryAddress_1 = require("./common/types/deliveryAddress");
 Object.defineProperty(exports, "HKDeliveryAddressSchema", { enumerable: true, get: function () { return deliveryAddress_1.HKDeliveryAddressSchema; } });
 var prescription_1 = require("./common/types/prescription");

package/dist/video-consultations/animations/CallingAnimation/index.js

@@ -11,7 +11,7 @@ var xml_1 = require("./xml");
 var windowWidth = react_native_1.Dimensions.get('window').width;
 var width = windowWidth * 0.7;
 var CallingAnimation = function () {
-    var colors = (0, index_1.useTheme)().colors;
-    return <index_1.Animation source={(0, xml_1.getXml)(colors)} width={width} height={width}/>;
+    var palette = (0, index_1.useTheme)().palette;
+    return <index_1.Animation source={(0, xml_1.getXml)(palette)} width={width} height={width}/>;
 };
 exports.CallingAnimation = CallingAnimation;

package/dist/video-consultations/animations/CallingAnimation/xml.d.ts

@@ -1,2 +1 @@
-import { Colors } from '../../../common/types/theme';
-export declare const getXml: (colors: Colors) => string;
+export declare const getXml: (palette: any) => string;

package/dist/video-consultations/animations/CallingAnimation/xml.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getXml = void 0;
-var getXml = function (colors) { return "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  preserveAspectRatio=\"xMidYMid meet\"\n  width=\"400\"\n  height=\"400\"\n  viewBox=\"0 0 400 400\"\n  style=\"width: 100%; height: 100%\"\n>\n  <defs>\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.5;0.8333333;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.5;0.8333333;1\"\n      values=\"0 0;0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 1;0.001 0 0.223 1;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"0\"\n      to=\"0\"\n      keyTimes=\"0;0.5;0.5000007;0.8333333;0.8333333;1\"\n      values=\"0;0;1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.2466667;0.58;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.2466667;0.58;1\"\n      values=\"0 0;0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 1;0.001 0 0.223 1;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"0\"\n      to=\"0\"\n      keyTimes=\"0;0.2466667;0.2466673;0.58;0.58;1\"\n      values=\"0;0;1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.3333333;1\"\n      values=\"1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.3333333;1\"\n      values=\"0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 0.989;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.3333333;0.3333333;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate attributeType=\"XML\" attributeName=\"opacity\" dur=\"6s\" from=\"0\" to=\"1\" xlink:href=\"#time_group\" />\n  </defs>\n  <g id=\"_R_G\">\n    <g id=\"_R_G_L_3_G_M\">\n      <g id=\"_R_G_L_3_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_3_G_D_0_P_0\"\n          stroke=\"".concat(colors.rating, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_2_G_M\">\n      <g id=\"_R_G_L_2_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_2_G_D_0_P_0\"\n          stroke=\"").concat(colors.rating, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_1_G_M\">\n      <g id=\"_R_G_L_1_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_1_G_D_0_P_0\"\n          stroke=\"").concat(colors.rating, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_0_G\" transform=\" translate(200, 200) scale(1.2, 1.2) translate(-49.5, -55.5)\">\n      <path\n        id=\"_R_G_L_0_G_D_0_P_0\"\n        fill=").concat(colors.background, "\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M49.5 7.5 C76.01,7.5 97.5,28.99 97.5,55.5 C97.5,82.01 76.01,103.5 49.5,103.5 C22.99,103.5 1.5,82.01 1.5,55.5 C1.5,28.99 22.99,7.5 49.5,7.5z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_1_P_0\"\n        fill=\"").concat(colors.primaryDark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M29.78 35.49 C29.78,46.65 38.83,63.43 49.99,63.43 C61.15,63.43 70.19,46.65 70.19,35.49 C70.19,24.33 61.15,15.29 49.99,15.29 C38.83,15.29 29.78,24.33 29.78,35.49z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_2_P_0\"\n        fill=\"").concat(colors.primaryDark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M73.17 77.65 C74.67,77.65 75.89,76.43 75.89,74.93 C75.89,73.42 74.67,72.2 73.17,72.2 C71.66,72.2 70.44,73.42 70.44,74.93 C70.44,76.43 71.66,77.65 73.17,77.65z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_3_P_0\"\n        fill=\"").concat(colors.primaryDark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M73.16 62.64 C73.93,64.44 74.38,66.63 74.49,69.17 C77.11,69.78 79.07,72.12 79.07,74.93 C79.07,78.18 76.43,80.83 73.17,80.83 C69.91,80.83 67.26,78.18 67.26,74.93 C67.26,72.16 69.19,69.83 71.76,69.2 C71.65,66.68 71.05,62.84 68.58,60.94 C67.32,60.61 66.02,60.38 64.69,60.26 C64.59,64.68 49.99,75.58 49.99,75.58 C49.99,75.58 35.37,64.68 35.27,60.26 C33.8,60.39 32.36,60.66 30.97,61.05 C29.17,62.48 28.24,65.13 28.19,69 C28.72,69.3 29.15,69.78 29.41,70.35 C31.35,71.27 33.07,73.2 34.38,75.94 C34.6,76.4 34.63,76.93 34.47,77.4 C35.25,79.43 35.7,81.64 35.7,83.5 C35.7,86.1 35.7,88.57 32.86,89.2 C32.56,89.46 32.17,89.59 31.77,89.59 C31.77,89.59 29.87,89.59 29.87,89.59 C28.92,89.59 28.14,88.82 28.14,87.87 C28.14,87.87 28.15,87.8 28.15,87.8 C28.18,86.89 28.95,86.15 29.87,86.15 C29.87,86.15 31.77,86.15 31.77,86.15 C31.96,86.15 32.15,86.18 32.33,86.24 C32.45,86.21 32.49,86.18 32.49,86.18 C32.7,85.81 32.7,84.25 32.7,83.5 C32.7,81.99 32.32,80.17 31.66,78.47 C31.31,78.28 31.03,77.98 30.86,77.63 C29.71,75.22 28.15,73.66 26.88,73.66 C25.58,73.66 23.94,75.34 22.79,77.84 C22.6,78.25 22.28,78.58 21.87,78.78 C21.28,80.4 20.95,82.07 20.95,83.5 C20.95,84.13 20.95,85.8 21.19,86.19 C21.19,86.19 21.24,86.22 21.39,86.26 C21.59,86.18 21.8,86.14 22.01,86.14 C22.01,86.14 23.91,86.14 23.91,86.14 C24.8,86.14 25.54,86.82 25.63,87.7 C25.63,87.7 25.64,87.8 25.64,87.8 C25.64,88.82 24.86,89.6 23.91,89.6 C23.91,89.6 22.01,89.6 22.01,89.6 C21.63,89.6 21.27,89.47 20.97,89.24 C19.88,89.04 19.12,88.56 18.63,87.78 C18.05,86.84 17.94,85.6 17.94,83.5 C17.94,81.66 18.37,79.54 19.14,77.51 C19.02,77.08 19.06,76.63 19.25,76.22 C20.06,74.46 21.08,72.95 22.21,71.86 C22.83,71.27 23.5,70.79 24.2,70.43 C24.46,69.82 24.91,69.32 25.47,69 C25.5,66.58 25.87,64.49 26.56,62.77 C19.17,66.51 13.98,77.3 12.76,86.39 C21.57,96.85 34.75,103.5 49.49,103.5 C64.96,103.5 78.72,96.17 87.5,84.8 C86.45,75.9 80.44,66.23 73.16,62.64z \"\n      />\n    </g>\n  </g>\n  <g id=\"time_group\" />\n</svg>\n"); };
+var getXml = function (palette) { return "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  preserveAspectRatio=\"xMidYMid meet\"\n  width=\"400\"\n  height=\"400\"\n  viewBox=\"0 0 400 400\"\n  style=\"width: 100%; height: 100%\"\n>\n  <defs>\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.5;0.8333333;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.5;0.8333333;1\"\n      values=\"0 0;0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 1;0.001 0 0.223 1;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_3_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"0\"\n      to=\"0\"\n      keyTimes=\"0;0.5;0.5000007;0.8333333;0.8333333;1\"\n      values=\"0;0;1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.2466667;0.58;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.2466667;0.58;1\"\n      values=\"0 0;0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 1;0.001 0 0.223 1;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_2_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"0\"\n      to=\"0\"\n      keyTimes=\"0;0.2466667;0.2466673;0.58;0.58;1\"\n      values=\"0;0;1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.3333333;1\"\n      values=\"1;0;0\"\n      keySplines=\"0.167 0.167 0.833 0.833;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"0 0\"\n      to=\"6.8 6.8\"\n      type=\"scale\"\n      additive=\"sum\"\n      keyTimes=\"0;0.3333333;1\"\n      values=\"0 0;6.8 6.8;6.8 6.8\"\n      keySplines=\"0.001 0 0.223 0.989;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animateTransform\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G\"\n      fill=\"freeze\"\n      attributeName=\"transform\"\n      from=\"17.537 -16.537\"\n      to=\"17.537 -16.537\"\n      type=\"translate\"\n      additive=\"sum\"\n      keyTimes=\"0;1\"\n      values=\"17.537 -16.537;17.537 -16.537\"\n      keySplines=\"0 0 1 1\"\n      calcMode=\"spline\"\n    />\n    <animate\n      repeatCount=\"indefinite\"\n      dur=\"6s\"\n      begin=\"0s\"\n      xlink:href=\"#_R_G_L_1_G_M\"\n      fill=\"freeze\"\n      attributeName=\"opacity\"\n      from=\"1\"\n      to=\"0\"\n      keyTimes=\"0;0.3333333;0.3333333;1\"\n      values=\"1;1;0;0\"\n      keySplines=\"0 0 0 0;0 0 0 0;0 0 0 0\"\n      calcMode=\"spline\"\n    />\n    <animate attributeType=\"XML\" attributeName=\"opacity\" dur=\"6s\" from=\"0\" to=\"1\" xlink:href=\"#time_group\" />\n  </defs>\n  <g id=\"_R_G\">\n    <g id=\"_R_G_L_3_G_M\">\n      <g id=\"_R_G_L_3_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_3_G_D_0_P_0\"\n          stroke=\"".concat(palette.primary.base, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_2_G_M\">\n      <g id=\"_R_G_L_2_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_2_G_D_0_P_0\"\n          stroke=\"").concat(palette.grey.light, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_1_G_M\">\n      <g id=\"_R_G_L_1_G\" transform=\" translate(200, 200)\">\n        <path\n          id=\"_R_G_L_1_G_D_0_P_0\"\n          stroke=\"").concat(palette.grey.light, "\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          fill=\"none\"\n          stroke-width=\"5\"\n          stroke-opacity=\"1\"\n          d=\" M-17.54 -3 C-28.33,-3 -37.07,5.75 -37.07,16.54 C-37.07,27.33 -28.33,36.07 -17.54,36.07 C-6.75,36.07 2,27.33 2,16.54 C2,5.75 -6.75,-3 -17.54,-3z \"\n        />\n      </g>\n    </g>\n    <g id=\"_R_G_L_0_G\" transform=\" translate(200, 200) scale(1.2, 1.2) translate(-49.5, -55.5)\">\n      <path\n        id=\"_R_G_L_0_G_D_0_P_0\"\n        fill=").concat(palette.grey.light, "\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M49.5 7.5 C76.01,7.5 97.5,28.99 97.5,55.5 C97.5,82.01 76.01,103.5 49.5,103.5 C22.99,103.5 1.5,82.01 1.5,55.5 C1.5,28.99 22.99,7.5 49.5,7.5z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_1_P_0\"\n        fill=\"").concat(palette.primary.dark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M29.78 35.49 C29.78,46.65 38.83,63.43 49.99,63.43 C61.15,63.43 70.19,46.65 70.19,35.49 C70.19,24.33 61.15,15.29 49.99,15.29 C38.83,15.29 29.78,24.33 29.78,35.49z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_2_P_0\"\n        fill=\"").concat(palette.primary.dark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M73.17 77.65 C74.67,77.65 75.89,76.43 75.89,74.93 C75.89,73.42 74.67,72.2 73.17,72.2 C71.66,72.2 70.44,73.42 70.44,74.93 C70.44,76.43 71.66,77.65 73.17,77.65z \"\n      />\n      <path\n        id=\"_R_G_L_0_G_D_3_P_0\"\n        fill=\"").concat(palette.primary.dark, "\"\n        fill-opacity=\"1\"\n        fill-rule=\"nonzero\"\n        d=\" M73.16 62.64 C73.93,64.44 74.38,66.63 74.49,69.17 C77.11,69.78 79.07,72.12 79.07,74.93 C79.07,78.18 76.43,80.83 73.17,80.83 C69.91,80.83 67.26,78.18 67.26,74.93 C67.26,72.16 69.19,69.83 71.76,69.2 C71.65,66.68 71.05,62.84 68.58,60.94 C67.32,60.61 66.02,60.38 64.69,60.26 C64.59,64.68 49.99,75.58 49.99,75.58 C49.99,75.58 35.37,64.68 35.27,60.26 C33.8,60.39 32.36,60.66 30.97,61.05 C29.17,62.48 28.24,65.13 28.19,69 C28.72,69.3 29.15,69.78 29.41,70.35 C31.35,71.27 33.07,73.2 34.38,75.94 C34.6,76.4 34.63,76.93 34.47,77.4 C35.25,79.43 35.7,81.64 35.7,83.5 C35.7,86.1 35.7,88.57 32.86,89.2 C32.56,89.46 32.17,89.59 31.77,89.59 C31.77,89.59 29.87,89.59 29.87,89.59 C28.92,89.59 28.14,88.82 28.14,87.87 C28.14,87.87 28.15,87.8 28.15,87.8 C28.18,86.89 28.95,86.15 29.87,86.15 C29.87,86.15 31.77,86.15 31.77,86.15 C31.96,86.15 32.15,86.18 32.33,86.24 C32.45,86.21 32.49,86.18 32.49,86.18 C32.7,85.81 32.7,84.25 32.7,83.5 C32.7,81.99 32.32,80.17 31.66,78.47 C31.31,78.28 31.03,77.98 30.86,77.63 C29.71,75.22 28.15,73.66 26.88,73.66 C25.58,73.66 23.94,75.34 22.79,77.84 C22.6,78.25 22.28,78.58 21.87,78.78 C21.28,80.4 20.95,82.07 20.95,83.5 C20.95,84.13 20.95,85.8 21.19,86.19 C21.19,86.19 21.24,86.22 21.39,86.26 C21.59,86.18 21.8,86.14 22.01,86.14 C22.01,86.14 23.91,86.14 23.91,86.14 C24.8,86.14 25.54,86.82 25.63,87.7 C25.63,87.7 25.64,87.8 25.64,87.8 C25.64,88.82 24.86,89.6 23.91,89.6 C23.91,89.6 22.01,89.6 22.01,89.6 C21.63,89.6 21.27,89.47 20.97,89.24 C19.88,89.04 19.12,88.56 18.63,87.78 C18.05,86.84 17.94,85.6 17.94,83.5 C17.94,81.66 18.37,79.54 19.14,77.51 C19.02,77.08 19.06,76.63 19.25,76.22 C20.06,74.46 21.08,72.95 22.21,71.86 C22.83,71.27 23.5,70.79 24.2,70.43 C24.46,69.82 24.91,69.32 25.47,69 C25.5,66.58 25.87,64.49 26.56,62.77 C19.17,66.51 13.98,77.3 12.76,86.39 C21.57,96.85 34.75,103.5 49.49,103.5 C64.96,103.5 78.72,96.17 87.5,84.8 C86.45,75.9 80.44,66.23 73.16,62.64z \"\n      />\n    </g>\n  </g>\n  <g id=\"time_group\" />\n</svg>\n"); };
 exports.getXml = getXml;

package/dist/video-consultations/components/AgoraWrapper/components/BaseRenderUsers.js

@@ -37,10 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseRenderUsers = void 0;
+var index_1 = require("../../../../common/index");
 var react_1 = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var react_native_agora_1 = require("react-native-agora");
-var index_1 = require("../../../../common/index");
 var MicroOffIcon_1 = __importDefault(require("../../../icons/MicroOffIcon"));
 var PersonIcon_1 = __importDefault(require("../../../icons/PersonIcon"));
 var VideoOffIcon_1 = __importDefault(require("../../../icons/VideoOffIcon"));
@@ -51,7 +51,7 @@ var MutedIndicatorsContainer = function (_a) {
     var styles = getStyles(theme);
     return (<react_native_1.View style={styles.mutedIndicatorsContainer}>
       {muted.audio && (<react_native_1.View style={isLocalUser ? styles.mutedIconSmall : styles.mutedIconLarge}>
-          <MicroOffIcon_1.default size={isLocalUser ? 10 : 25} color={isLocalUser ? theme.colors.black : theme.colors.white}/>
+          <MicroOffIcon_1.default size={isLocalUser ? 10 : 25} color={isLocalUser ? theme.palette.black : theme.palette.white}/>
         </react_native_1.View>)}
       {muted.video && !isLocalUser && (<react_native_1.View style={styles.mutedIconLarge}>
           <VideoOffIcon_1.default size={25}/>
@@ -82,7 +82,7 @@ var BaseRenderUsers = function (props) {
                 uid: uid,
                 sourceType: sourceType
             })}
-      </>) : (<react_native_1.View style={[styles.mutedWrapper, isLocalUser ? { backgroundColor: theme.colors.white } : {}]}>
+      </>) : (<react_native_1.View style={[styles.mutedWrapper, isLocalUser ? { backgroundColor: theme.palette.white } : {}]}>
         <MutedIndicatorsContainer muted={muted} isLocalUser={isLocalUser}/>
         <react_native_1.View style={styles.userIconContainer}>{isLocalUser ? <PersonIcon_1.default /> : <index_1.DoctorIcon />}</react_native_1.View>
       </react_native_1.View>);
@@ -100,7 +100,7 @@ var BaseRenderUsers = function (props) {
 exports.BaseRenderUsers = BaseRenderUsers;
 exports.default = (0, react_1.memo)(exports.BaseRenderUsers);
 var getStyles = function (_a) {
-    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius;
+    var palette = _a.palette, spacing = _a.spacing, borderRadius = _a.borderRadius;
     return react_native_1.StyleSheet.create({
         mutedWrapper: {
             width: '100%',
@@ -126,7 +126,7 @@ var getStyles = function (_a) {
             width: 40,
             height: 40,
             borderRadius: borderRadius.full,
-            backgroundColor: colors.darkGray,
+            backgroundColor: palette.grey.dark,
             alignContent: 'center',
             justifyContent: 'center',
             alignItems: 'center',
@@ -134,7 +134,7 @@ var getStyles = function (_a) {
             zIndex: 9999
         },
         mutedIconSmall: {
-            backgroundColor: colors.gray,
+            backgroundColor: palette.grey.base,
             width: 20,
             height: 20,
             borderRadius: borderRadius.full,
@@ -158,7 +158,7 @@ var getStyles = function (_a) {
         videoSmall: {
             width: 100,
             height: 150,
-            backgroundColor: colors.white,
+            backgroundColor: palette.white,
             borderRadius: borderRadius.sm
         },
         videoContainer: {

package/dist/video-consultations/components/AgoraWrapper/components/BtnControls.js

@@ -15,7 +15,6 @@ var VideoOffIcon_1 = __importDefault(require("../../../icons/VideoOffIcon"));
 var VideoOnIcon_1 = __importDefault(require("../../../icons/VideoOnIcon"));
 var ui_1 = require("./ui");
 var BtnControls = function (_a) {
-    var _b, _c;
     var controlActions = _a.controlActions, remoteUsers = _a.remoteUsers, muteLocalAudioStream = _a.muteLocalAudioStream, muteLocalVideoStream = _a.muteLocalVideoStream;
     var theme = (0, index_1.useTheme)();
     var styles = getStyles(theme);
@@ -24,21 +23,20 @@ var BtnControls = function (_a) {
         <ui_1.VideoCallButton icon={muteLocalAudioStream ? <MicroOffIcon_1.default /> : <MicroOnIcon_1.default />} name={'audiomute'} onPress={controlActions.localAudioStream} isMuted={muteLocalAudioStream}/>
         <ui_1.VideoCallButton icon={muteLocalVideoStream ? <VideoOffIcon_1.default /> : <VideoOnIcon_1.default />} name={'videomute'} onPress={controlActions.localVideoStream} isMuted={muteLocalVideoStream}/>
         <ui_1.VideoCallButton disabled={!remoteUsers.length} icon={<SwitchCameraIcon_1.default />} name={'switchCamera'} onPress={controlActions.switchCamera}/>
-        <ui_1.VideoCallButton customStyle={[styles.endCall, (_c = (_b = theme.components) === null || _b === void 0 ? void 0 : _b.videoCall) === null || _c === void 0 ? void 0 : _c.endCall]} icon={<HangUpIcon_1.default />} name={'endCall'} onPress={controlActions.endCall}/>
+        <ui_1.VideoCallButton customStyle={[styles.endCall]} icon={<HangUpIcon_1.default />} name={'endCall'} onPress={controlActions.endCall}/>
       </react_native_1.View>
     </react_native_1.View>);
 };
 exports.BtnControls = BtnControls;
 exports.default = exports.BtnControls;
 var getStyles = function (_a) {
-    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius;
+    var palette = _a.palette, spacing = _a.spacing, borderRadius = _a.borderRadius;
     return react_native_1.StyleSheet.create({
         endCall: {
-            borderRadius: borderRadius.full,
-            backgroundColor: colors.warning
+            borderRadius: borderRadius.full
         },
         btnContainer: {
-            backgroundColor: colors.white,
+            backgroundColor: palette.white,
             bottom: spacing.sm,
             paddingVertical: spacing.xs,
             justifyContent: 'space-between',

package/dist/video-consultations/components/AgoraWrapper/components/ui/index.js

@@ -49,7 +49,7 @@ var AgoraCard = function (_a) {
 };
 exports.AgoraCard = AgoraCard;
 var getStyles = function (_a) {
-    var colors = _a.colors, spacing = _a.spacing, borderRadius = _a.borderRadius, fontSize = _a.fontSize;
+    var palette = _a.palette, spacing = _a.spacing, borderRadius = _a.borderRadius;
     return react_native_1.StyleSheet.create({
         buttonPress: {
             marginHorizontal: spacing.xs
@@ -58,8 +58,8 @@ var getStyles = function (_a) {
             borderRadius: borderRadius.full,
             width: 54,
             height: 54,
-            backgroundColor: colors.primary,
-            color: colors.white,
+            backgroundColor: palette.primary.base,
+            color: palette.white,
             borderWidth: 0,
             alignItems: 'center',
             justifyContent: 'center'
@@ -67,7 +67,7 @@ var getStyles = function (_a) {
         buttonIcon: {
             width: 36,
             height: 36,
-            tintColor: colors.white
+            tintColor: palette.white
         },
         cardContent: {
             position: 'absolute',
@@ -75,20 +75,12 @@ var getStyles = function (_a) {
             left: 0,
             minWidth: 100
         },
-        timer: {
-            fontSize: fontSize.h2,
-            alignSelf: 'center',
-            paddingHorizontal: spacing.xs,
-            alignContent: 'center',
-            alignItems: 'center',
-            color: colors.white
-        },
         smallElement: {
             flexDirection: 'row',
             padding: 0
         },
         listItem: {
-            backgroundColor: colors.gray,
+            backgroundColor: palette.grey.base,
             padding: 0,
             zIndex: 1000,
             width: 100,

package/dist/video-consultations/components/Modal/EndVideoCallModal.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EndVideoCallModal = void 0;
-var react_1 = __importDefault(require("react"));
 var index_1 = require("../../../common/index");
+var react_1 = __importDefault(require("react"));
 var EndVideoCallIcon_1 = require("../../icons/EndVideoCallIcon");
 var EndVideoCallModal = function (_a) {
     var onConfirm = _a.onConfirm, onCancel = _a.onCancel, visible = _a.visible;

package/dist/video-consultations/components/VideoConsultation.d.ts

@@ -1,7 +1,8 @@
 import { HeaderT } from '../../common/types/consultation';
 import { EventHandlers } from '../helpers/eventHandler';
 export interface VideoConsultationProps {
+    userId: string;
     eventHandlers?: EventHandlers;
     header?: HeaderT;
 }
-export declare const VideoConsultation: ({ eventHandlers, header }: VideoConsultationProps) => import("react").JSX.Element;
+export declare const VideoConsultation: ({ eventHandlers, userId, header }: VideoConsultationProps) => import("react").JSX.Element;

package/dist/video-consultations/components/VideoConsultation.js

@@ -9,13 +9,19 @@ var DeliveryAddressScreen_1 = require("../screens/DeliveryAddressScreen");
 var JoinVideoCallScreen_1 = require("../screens/JoinVideoCallScreen");
 var react_1 = require("react");
 var react_native_1 = require("react-native");
+var useUser_1 = require("../../common/hooks/useUser");
 var VideoConsultation = function (_a) {
-    var eventHandlers = _a.eventHandlers, header = _a.header;
+    var eventHandlers = _a.eventHandlers, userId = _a.userId, header = _a.header;
     var consultation = (0, index_1.useConsultation)().consultation;
     var setHeader = (0, useHeader_1.useHeader)().setHeader;
+    var setUserId = (0, useUser_1.useUser)().setUserId;
     (0, react_1.useEffect)(function () {
         (0, eventHandler_1.handleEvent)(consultation, eventHandlers);
     }, [consultation, eventHandlers]);
+    (0, react_1.useEffect)(function () {
+        console.log('userId', userId);
+        setUserId(userId);
+    }, [userId]);
     (0, react_1.useEffect)(function () { return setHeader(header); }, [header]);
     var getConsultationScreen = (0, react_1.useCallback)(function (consultation) {
         var commonScreen = (0, screens_1.getCommonScreen)(consultation);

package/dist/video-consultations/icons/EndVideoCallIcon.js

@@ -37,15 +37,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EndVideoCallIcon = void 0;
+var index_1 = require("../../common/index");
 var react_1 = __importDefault(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var index_1 = require("../../common/index");
 var EndVideoCallIcon = function () {
-    var colors = (0, index_1.useTheme)().colors;
+    var palette = (0, index_1.useTheme)().palette;
     return (<react_native_svg_1.default width={61} height={60} viewBox="0 0 61 60" fill="none">
-      <react_native_svg_1.Path d="M47.243 43.517l-7.327-.836a5.742 5.742 0 00-4.73 1.644l-5.309 5.308c-8.164-4.154-14.856-10.818-19.01-19.01l5.336-5.338a5.743 5.743 0 001.645-4.73l-.837-7.27a5.773 5.773 0 00-5.74-5.106H6.28C3.02 8.179.309 10.89.51 14.15c1.53 24.636 21.232 44.31 45.84 45.84 3.259.201 5.97-2.51 5.97-5.77v-4.991c.03-2.914-2.163-5.366-5.077-5.712z" fill={colors.primary}/>
-      <react_native_svg_1.Path d="M60.5 16.5C60.5 25.613 53.113 33 44 33s-16.5-7.387-16.5-16.5S34.887 0 44 0s16.5 7.387 16.5 16.5z" fill={colors.rating}/>
-      <react_native_svg_1.Path d="M50.188 10.313L37.812 22.688M37.813 10.313l12.374 12.375" stroke={colors.white} strokeWidth={3.4} strokeLinecap="round"/>
+      <react_native_svg_1.Path d="M47.243 43.517l-7.327-.836a5.742 5.742 0 00-4.73 1.644l-5.309 5.308c-8.164-4.154-14.856-10.818-19.01-19.01l5.336-5.338a5.743 5.743 0 001.645-4.73l-.837-7.27a5.773 5.773 0 00-5.74-5.106H6.28C3.02 8.179.309 10.89.51 14.15c1.53 24.636 21.232 44.31 45.84 45.84 3.259.201 5.97-2.51 5.97-5.77v-4.991c.03-2.914-2.163-5.366-5.077-5.712z" fill={palette.primary.base}/>
+      <react_native_svg_1.Path d="M60.5 16.5C60.5 25.613 53.113 33 44 33s-16.5-7.387-16.5-16.5S34.887 0 44 0s16.5 7.387 16.5 16.5z" fill={palette.highlight}/>
+      <react_native_svg_1.Path d="M50.188 10.313L37.812 22.688M37.813 10.313l12.374 12.375" stroke={palette.surface} strokeWidth={3.4} strokeLinecap="round"/>
     </react_native_svg_1.default>);
 };
 exports.EndVideoCallIcon = EndVideoCallIcon;

package/dist/video-consultations/icons/HangUpIcon.js

@@ -35,7 +35,11 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var HangUpIcon = function () { return (<react_native_svg_1.default width={41} height={16} fill="none">
-    <react_native_svg_1.Path fill="#fff" d="m8.011 14.775 3.37-2.671a3.34 3.34 0 0 0 1.273-2.624V5.11a25.4 25.4 0 0 1 15.692 0v4.393a3.34 3.34 0 0 0 1.274 2.624l3.345 2.648a3.377 3.377 0 0 0 4.476-.262l2.06-2.053c1.346-1.342 1.346-3.574-.083-4.832-10.798-9.51-27.05-9.498-37.836 0C.153 8.886.153 11.118 1.5 12.46l2.06 2.053c1.19 1.211 3.107 1.318 4.452.262Z"/>
-  </react_native_svg_1.default>); };
+var common_1 = require("../../common");
+var HangUpIcon = function () {
+    var palette = (0, common_1.useTheme)().palette;
+    return (<react_native_svg_1.default width={41} height={16} fill="none">
+      <react_native_svg_1.Path fill={palette.surface} d="m8.011 14.775 3.37-2.671a3.34 3.34 0 0 0 1.273-2.624V5.11a25.4 25.4 0 0 1 15.692 0v4.393a3.34 3.34 0 0 0 1.274 2.624l3.345 2.648a3.377 3.377 0 0 0 4.476-.262l2.06-2.053c1.346-1.342 1.346-3.574-.083-4.832-10.798-9.51-27.05-9.498-37.836 0C.153 8.886.153 11.118 1.5 12.46l2.06 2.053c1.19 1.211 3.107 1.318 4.452.262Z"/>
+    </react_native_svg_1.default>);
+};
 exports.default = HangUpIcon;

package/dist/video-consultations/icons/MicroOffIcon.js

@@ -33,13 +33,13 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+var index_1 = require("../../common/index");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var index_1 = require("../../common/index");
 var MicroOffIcon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 39 : _b, color = _a.color;
-    var colors = (0, index_1.useTheme)().colors;
-    var parsedColor = color || colors.white;
+    var palette = (0, index_1.useTheme)().palette;
+    var parsedColor = color || palette.surface;
     return (<react_native_svg_1.default width={size} height={size} fill="none" viewBox="0 0 39 39">
       <react_native_svg_1.Path fill={parsedColor} fillRule="evenodd" d="M25.555 14.387v5.5L12.76 7.451c.598-2.392 2.392-4.066 4.305-4.664 4.185-1.196 8.37 1.794 8.49 6.099v5.5Zm-8.251 14.23c-3.707-.597-7.055-4.065-7.294-8.131-.08-.722-.053-1.498-.027-2.255.014-.372.026-.739.026-1.093 0-.838-.597-1.435-1.315-1.435-.717 0-1.315.598-1.315 1.435v2.391c0 1.196.12 2.272.478 3.468.598 2.033 1.674 3.707 3.229 5.142a10.491 10.491 0 0 0 4.903 2.75l1.793.36v2.63H12.76c-.837 0-1.435.598-1.435 1.316 0 .717.598 1.315 1.435 1.315h12.915c.239 0 .598-.12.837-.24.239-.119.358-.358.478-.597.12-.24.12-.598 0-.837-.12-.24-.24-.479-.478-.718-.24-.12-.479-.239-.837-.239H20.533v-2.63c.239-.06.448-.09.657-.12.21-.03.419-.06.658-.12 2.247-.45 4.177-1.532 5.691-3.148l4.38 4.369a.912.912 0 0 0 1.32-.025.99.99 0 0 0-.024-1.365L7.08 4.77a.912.912 0 0 0-1.32.025.99.99 0 0 0 .024 1.366l6.827 6.81c-.091 2.184-.091 4.361-.091 6.438 0 1.674.598 3.348 1.793 4.664 1.794 2.032 4.903 2.75 7.415 1.554.862-.383 1.57-.843 2.126-1.442l1.823 1.82c-2.109 2.073-4.932 3.168-8.374 2.613Zm13.528-10.434a60.43 60.43 0 0 1-.015-1.166c0-.479-.24-.837-.718-1.076-.837-.479-1.913.12-1.913 1.195v2.512c0 .956-.12 1.913-.359 2.75l2.033 1.913c.359-.837.598-1.674.837-2.63.18-1.166.157-2.332.135-3.498Z" clipRule="evenodd"/>
     </react_native_svg_1.default>);

package/dist/video-consultations/icons/MicroOnIcon.js

@@ -35,8 +35,12 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
-var MicroOnIcon = function () { return (<react_native_svg_1.default width={24} height={35} fill="none">
-    <react_native_svg_1.Path fill="#fff" d="M18.627 12.491c0 1.71.022 3.422 0 5.13-.046 2.84-1.408 4.869-3.945 6.071-2.438 1.157-5.584.43-7.386-1.58a6.629 6.629 0 0 1-1.744-4.617c.012-3.4.026-6.799 0-10.198-.031-3.24 2.286-5.602 4.59-6.317 4.118-1.28 8.375 1.742 8.473 6.054.042 1.818.008 3.638.008 5.457h.004Z"/>
-    <react_native_svg_1.Path fill="#fff" d="M13.41 29.376v2.696h5.163a1.307 1.307 0 0 1 1.292.916 1.196 1.196 0 0 1-.498 1.429c-.245.158-.53.245-.821.252-4.302.016-8.604.019-12.907.01-.785 0-1.392-.584-1.388-1.308.004-.725.615-1.301 1.42-1.308h5.089v-2.668c-.603-.131-1.212-.234-1.811-.385a10.861 10.861 0 0 1-4.898-2.745c-1.515-1.439-2.634-3.148-3.236-5.169a12.46 12.46 0 0 1-.493-3.45v-2.45c0-.814.565-1.425 1.308-1.428.742-.004 1.307.598 1.314 1.412.014 1.122-.022 2.246.05 3.364.261 4.073 3.673 7.492 7.33 8.144 4.819.86 8.719-1.83 10.305-5.638.461-1.11.623-2.283.623-3.48 0-.83-.014-1.657 0-2.484.024-1.005 1.047-1.63 1.899-1.164.418.227.693.592.695 1.073.011 1.577.095 3.16-.162 4.728-.376 2.282-1.396 4.243-2.953 5.934-1.645 1.787-3.644 2.98-6.032 3.493-.422.088-.852.15-1.289.226Z"/>
-  </react_native_svg_1.default>); };
+var common_1 = require("../../common");
+var MicroOnIcon = function () {
+    var palette = (0, common_1.useTheme)().palette;
+    return (<react_native_svg_1.default width={24} height={35} fill="none">
+      <react_native_svg_1.Path fill={palette.surface} d="M18.627 12.491c0 1.71.022 3.422 0 5.13-.046 2.84-1.408 4.869-3.945 6.071-2.438 1.157-5.584.43-7.386-1.58a6.629 6.629 0 0 1-1.744-4.617c.012-3.4.026-6.799 0-10.198-.031-3.24 2.286-5.602 4.59-6.317 4.118-1.28 8.375 1.742 8.473 6.054.042 1.818.008 3.638.008 5.457h.004Z"/>
+      <react_native_svg_1.Path fill={palette.surface} d="M13.41 29.376v2.696h5.163a1.307 1.307 0 0 1 1.292.916 1.196 1.196 0 0 1-.498 1.429c-.245.158-.53.245-.821.252-4.302.016-8.604.019-12.907.01-.785 0-1.392-.584-1.388-1.308.004-.725.615-1.301 1.42-1.308h5.089v-2.668c-.603-.131-1.212-.234-1.811-.385a10.861 10.861 0 0 1-4.898-2.745c-1.515-1.439-2.634-3.148-3.236-5.169a12.46 12.46 0 0 1-.493-3.45v-2.45c0-.814.565-1.425 1.308-1.428.742-.004 1.307.598 1.314 1.412.014 1.122-.022 2.246.05 3.364.261 4.073 3.673 7.492 7.33 8.144 4.819.86 8.719-1.83 10.305-5.638.461-1.11.623-2.283.623-3.48 0-.83-.014-1.657 0-2.484.024-1.005 1.047-1.63 1.899-1.164.418.227.693.592.695 1.073.011 1.577.095 3.16-.162 4.728-.376 2.282-1.396 4.243-2.953 5.934-1.645 1.787-3.644 2.98-6.032 3.493-.422.088-.852.15-1.289.226Z"/>
+    </react_native_svg_1.default>);
+};
 exports.default = MicroOnIcon;

package/dist/video-consultations/icons/PersonIcon.js

@@ -37,9 +37,9 @@ var index_1 = require("../../common/index");
 var React = __importStar(require("react"));
 var react_native_svg_1 = __importStar(require("react-native-svg"));
 var PersonIcon = function () {
-    var colors = (0, index_1.useTheme)().colors;
+    var palette = (0, index_1.useTheme)().palette;
     return (<react_native_svg_1.default width={39} height={39} fill="none">
-      <react_native_svg_1.Path fill={colors.primary} d="M19.5 19.5c-2.681 0-4.977-.955-6.886-2.864-1.91-1.91-2.864-4.205-2.864-6.886s.955-4.977 2.864-6.886C14.524.954 16.82 0 19.5 0s4.977.955 6.886 2.864c1.91 1.91 2.864 4.205 2.864 6.886s-.955 4.977-2.864 6.886c-1.91 1.91-4.205 2.864-6.886 2.864ZM0 34.125v-1.95a7.14 7.14 0 0 1 1.066-3.809 7.108 7.108 0 0 1 2.834-2.65 36.193 36.193 0 0 1 7.678-2.834c2.6-.63 5.24-.945 7.922-.945 2.681 0 5.322.315 7.922.945 2.6.63 5.16 1.574 7.678 2.834a7.108 7.108 0 0 1 2.834 2.65A7.14 7.14 0 0 1 39 32.175v1.95c0 1.34-.477 2.488-1.432 3.443-.955.955-2.102 1.432-3.443 1.432H4.875c-1.34 0-2.488-.477-3.443-1.432C.477 36.613 0 35.466 0 34.125Z"/>
+      <react_native_svg_1.Path fill={palette.primary.base} d="M19.5 19.5c-2.681 0-4.977-.955-6.886-2.864-1.91-1.91-2.864-4.205-2.864-6.886s.955-4.977 2.864-6.886C14.524.954 16.82 0 19.5 0s4.977.955 6.886 2.864c1.91 1.91 2.864 4.205 2.864 6.886s-.955 4.977-2.864 6.886c-1.91 1.91-4.205 2.864-6.886 2.864ZM0 34.125v-1.95a7.14 7.14 0 0 1 1.066-3.809 7.108 7.108 0 0 1 2.834-2.65 36.193 36.193 0 0 1 7.678-2.834c2.6-.63 5.24-.945 7.922-.945 2.681 0 5.322.315 7.922.945 2.6.63 5.16 1.574 7.678 2.834a7.108 7.108 0 0 1 2.834 2.65A7.14 7.14 0 0 1 39 32.175v1.95c0 1.34-.477 2.488-1.432 3.443-.955.955-2.102 1.432-3.443 1.432H4.875c-1.34 0-2.488-.477-3.443-1.432C.477 36.613 0 35.466 0 34.125Z"/>
     </react_native_svg_1.default>);
 };
 exports.default = PersonIcon;