@100mslive/react-native-room-kit 1.0.6 → 1.0.7

package/lib/typescript/redux/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/redux/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAA2B,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/redux/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAA2B,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAC"}

package/lib/typescript/redux/reducers/appState.d.ts

@@ -43,6 +43,7 @@ type IntialStateType = {
     chatFilterSheetVisible: boolean;
     handleBackButton: boolean;
     autoEnterPipMode: boolean;
+    editUsernameDisabled: boolean;
 };
 declare const appReducer: (state: IntialStateType | undefined, action: ActionType) => IntialStateType;
 export default appReducer;

package/lib/typescript/redux/reducers/appState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appState.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/appState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAA2B,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,OAAO,EACP,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,aAAa,EAAE,QAAQ,CAAC;IACxB,QAAQ,EAAE,MAAM,CACd,MAAM,EACJ,SAAS,GACT,kBAAkB,GAClB,kBAAkB,EAAE,GACpB,mBAAmB,GACnB,mBAAmB,CACtB,CAAC;IACF,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,UAAU,EAAE;QACV,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,SAAS,EAAE,OAAO,CAAC;QACnB,YAAY,EAAE,OAAO,CAAC;QACtB,uBAAuB,EAAE,OAAO,CAAC;QACjC,2BAA2B,EAAE,OAAO,CAAC;KACtC,CAAC;IACF,SAAS,EAAE,UAAU,CAAC;IACtB,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,IAAI,GAAG,aAAa,CAAC;IAC5C,kBAAkB,EAAE,IAAI,GAAG,aAAa,CAAC;IACzC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,uBAAuB,EAAE,IAAI,GAAG,aAAa,CAAC;IAC9C,yBAAyB,EAAE,aAAa,EAAE,CAAC;IAC3C,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,wBAAwB,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,sBAAsB,EAAE,OAAO,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAiCF,QAAA,MAAM,UAAU,+CAEN,UAAU,KACjB,eAuNF,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"appState.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/appState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAA2B,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,OAAO,EACP,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,aAAa,EAAE,QAAQ,CAAC;IACxB,QAAQ,EAAE,MAAM,CACd,MAAM,EACJ,SAAS,GACT,kBAAkB,GAClB,kBAAkB,EAAE,GACpB,mBAAmB,GACnB,mBAAmB,CACtB,CAAC;IACF,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,UAAU,EAAE;QACV,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,SAAS,EAAE,OAAO,CAAC;QACnB,YAAY,EAAE,OAAO,CAAC;QACtB,uBAAuB,EAAE,OAAO,CAAC;QACjC,2BAA2B,EAAE,OAAO,CAAC;KACtC,CAAC;IACF,SAAS,EAAE,UAAU,CAAC;IACtB,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,IAAI,GAAG,aAAa,CAAC;IAC5C,kBAAkB,EAAE,IAAI,GAAG,aAAa,CAAC;IACzC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,uBAAuB,EAAE,IAAI,GAAG,aAAa,CAAC;IAC9C,yBAAyB,EAAE,aAAa,EAAE,CAAC;IAC3C,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,wBAAwB,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,sBAAsB,EAAE,OAAO,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAkCF,QAAA,MAAM,UAAU,+CAEN,UAAU,KACjB,eA6NF,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/redux/reducers/index.d.ts

@@ -35,6 +35,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         chatFilterSheetVisible: boolean;
         handleBackButton: boolean;
         autoEnterPipMode: boolean;
+        editUsernameDisabled: boolean;
     };
     user: {
         userName: string;

package/lib/typescript/redux/reducers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAMG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAMG"}

package/lib/typescript/utils/types.d.ts

@@ -112,4 +112,5 @@ export declare enum OnLeaveReason {
     PIP = "pip"
 }
 export declare const TerminalExceptionCodes: (string | number)[];
+export declare const HeaderFooterHideDelayMs = 5000;
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,KAAK;CACb;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,KAAK;CACb;AAED,oBAAY,UAAU;IACpB,kBAAkB,qBAAqB;IACvC,mBAAmB,sBAAsB;IACzC,iBAAiB,oBAAoB;IACrC,WAAW,eAAe;IAC1B,YAAY,qBAAqB;IACjC,iBAAiB,yBAAyB;IAC1C,WAAW,eAAe;IAC1B,aAAa,iBAAiB;IAC9B,iBAAiB,oBAAoB;IACrC,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,UAAU,cAAc;IACxB,QAAQ,YAAY;IACpB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,qBAAqB,0BAA0B;IAC/C,iBAAiB,oBAAoB;IACrC,sBAAsB,wBAAwB;IAC9C,gBAAgB,oBAAoB;IACpC,gBAAgB,mBAAmB;IACnC,aAAa,iBAAiB;IAC9B,yBAAyB,4BAA4B;IACrD,uBAAuB,yBAAyB;IAChD,cAAc,kBAAkB;IAChC,OAAO,KAAK;CACb;AAED,oBAAY,WAAW;IACrB,YAAY,uBAAuB;IACnC,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,OAAO,SAAS;CACjB;AAED,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,QAAQ;IAClB,aAAa,KAAK;IAClB,MAAM,IAAI;IACV,QAAQ,IAAI;CACb;AAED,oBAAY,SAAS;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;AAE7D,eAAO,MAAM,uBAAuB;;;GAMnC,CAAC;AAEF,oBAAY,iBAAiB;IAC3B,6BAA6B,IAAI;IACjC,WAAW,IAAI;IACf,YAAY,IAAI;CACjB;AAED,eAAO,MAAM,mBAAmB,mCAAoC,CAAC;AAErE,eAAO,MAAM,mBAAmB;;CAAgC,CAAC;AAEjE,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAE5C,oBAAY,aAAa;IACvB;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,WAAW,gBAAgB;IAC3B;;OAEG;IACH,QAAQ,eAAe;IACvB;;OAEG;IACH,cAAc,mBAAmB;IACjC;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,sBAAsB,qBAA6C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,KAAK;CACb;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,KAAK;CACb;AAED,oBAAY,UAAU;IACpB,kBAAkB,qBAAqB;IACvC,mBAAmB,sBAAsB;IACzC,iBAAiB,oBAAoB;IACrC,WAAW,eAAe;IAC1B,YAAY,qBAAqB;IACjC,iBAAiB,yBAAyB;IAC1C,WAAW,eAAe;IAC1B,aAAa,iBAAiB;IAC9B,iBAAiB,oBAAoB;IACrC,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,UAAU,cAAc;IACxB,QAAQ,YAAY;IACpB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,qBAAqB,0BAA0B;IAC/C,iBAAiB,oBAAoB;IACrC,sBAAsB,wBAAwB;IAC9C,gBAAgB,oBAAoB;IACpC,gBAAgB,mBAAmB;IACnC,aAAa,iBAAiB;IAC9B,yBAAyB,4BAA4B;IACrD,uBAAuB,yBAAyB;IAChD,cAAc,kBAAkB;IAChC,OAAO,KAAK;CACb;AAED,oBAAY,WAAW;IACrB,YAAY,uBAAuB;IACnC,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,OAAO,SAAS;CACjB;AAED,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,QAAQ;IAClB,aAAa,KAAK;IAClB,MAAM,IAAI;IACV,QAAQ,IAAI;CACb;AAED,oBAAY,SAAS;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;AAE7D,eAAO,MAAM,uBAAuB;;;GAMnC,CAAC;AAEF,oBAAY,iBAAiB;IAC3B,6BAA6B,IAAI;IACjC,WAAW,IAAI;IACf,YAAY,IAAI;CACjB;AAED,eAAO,MAAM,mBAAmB,mCAAoC,CAAC;AAErE,eAAO,MAAM,mBAAmB;;CAAgC,CAAC;AAEjE,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAE5C,oBAAY,aAAa;IACvB;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,WAAW,gBAAgB;IAC3B;;OAEG;IACH,QAAQ,eAAe;IACvB;;OAEG;IACH,cAAc,mBAAmB;IACjC;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,sBAAsB,qBAOlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,OAAO,CAAC"}

package/package.json

@@ -1,181 +1,181 @@
 {
-  "name": "@100mslive/react-native-room-kit",
-  "version": "1.0.6",
-  "description": "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.",
-  "main": "lib/commonjs/index",
-  "module": "lib/module/index",
-  "types": "lib/typescript/index.d.ts",
-  "react-native": "src/index",
-  "source": "src/index",
-  "files": [
-    "src",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "!lib/typescript/example",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__",
-    "!**/.*"
-  ],
-  "scripts": {
-    "test": "jest",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "prepack": "bob build",
-    "release": "release-it",
-    "example": "yarn --cwd example",
-    "bootstrap": "yarn example && yarn install"
-  },
-  "keywords": [
-    "react-native",
-    "ios",
-    "android"
-  ],
-  "repository": "https://github.com/100mslive/react-native-hms",
-  "author": "Yogesh <yogesh@100ms.live> (https://www.100ms.live/), Jatin <jatin.nagar@100ms.live> (https://www.100ms.live/)",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/100mslive/react-native-hms/issues"
-  },
-  "homepage": "https://github.com/100mslive/react-native-hms#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "dependencies": {
-    "@100mslive/types-prebuilt": "^0.12.0",
-    "@react-navigation/native": "^6.0.8",
-    "react-redux": "^7.2.4",
-    "redux": "^4.1.0"
-  },
-  "devDependencies": {
-    "@commitlint/config-conventional": "^17.0.2",
-    "@evilmartians/lefthook": "^1.2.2",
-    "@react-native-community/eslint-config": "^3.0.2",
-    "@release-it/conventional-changelog": "^5.0.0",
-    "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
-    "@types/react-native": "^0.64.5",
-    "commitlint": "^17.0.2",
-    "del-cli": "^5.0.0",
-    "eslint": "^8.4.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "jest": "^28.1.1",
-    "pod-install": "^0.1.0",
-    "prettier": "^2.0.5",
-    "react": "17.0.1",
-    "react-native": "0.64.4",
-    "react-native-builder-bob": "^0.21.2",
-    "release-it": "^15.0.0",
-    "typescript": "^5.0.2"
-  },
-  "peerDependencies": {
-    "@100mslive/react-native-hms": "1.9.5",
-    "@react-native-community/blur": "^4.3.2",
-    "@react-native-masked-view/masked-view": "^0.2.9",
-    "@shopify/flash-list": "^1.4.3",
-    "lottie-react-native": "5.1.6",
-    "react": "*",
-    "react-native": "*",
-    "react-native-gesture-handler": "^2.12.1",
-    "react-native-linear-gradient": "^2.7.3",
-    "react-native-modal": "^12.1.0",
-    "react-native-reanimated": ">=2.17.0",
-    "react-native-safe-area-context": "^3.3.0",
-    "react-native-simple-toast": "^1.1.3"
-  },
-  "resolutions": {
-    "@types/react": "17.0.21"
-  },
-  "engines": {
-    "node": ">= 16.0.0"
-  },
-  "packageManager": "^yarn@1.22.15",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
-    },
-    "npm": {
-      "publish": true
-    },
-    "github": {
-      "release": true
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular"
-      }
-    }
-  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@react-native-community",
-      "prettier"
-    ],
-    "rules": {
-      "prettier/prettier": [
-        "error",
-        {
-          "quoteProps": "consistent",
-          "singleQuote": true,
-          "tabWidth": 2,
-          "trailingComma": "es5",
-          "useTabs": false
-        }
-      ]
-    }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
-  "prettier": {
-    "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
-  },
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      "commonjs",
-      "module",
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json",
-          "tsc": "node_modules/typescript/bin/tsc"
-        }
-      ]
-    ],
-    "main": "lib/commonjs/index.js",
-    "module": "lib/module/index.js",
-    "react-native": "src/index.ts",
-    "types": "lib/typescript/index.d.ts"
-  }
+	"name": "@100mslive/react-native-room-kit",
+	"version": "1.0.7",
+	"description": "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.",
+	"main": "lib/commonjs/index",
+	"module": "lib/module/index",
+	"types": "lib/typescript/index.d.ts",
+	"react-native": "src/index",
+	"source": "src/index",
+	"files": [
+		"src",
+		"lib",
+		"android",
+		"ios",
+		"cpp",
+		"*.podspec",
+		"!lib/typescript/example",
+		"!ios/build",
+		"!android/build",
+		"!android/gradle",
+		"!android/gradlew",
+		"!android/gradlew.bat",
+		"!android/local.properties",
+		"!**/__tests__",
+		"!**/__fixtures__",
+		"!**/__mocks__",
+		"!**/.*"
+	],
+	"scripts": {
+		"test": "jest",
+		"typecheck": "tsc --noEmit",
+		"lint": "eslint \"**/*.{js,ts,tsx}\"",
+		"prepack": "bob build",
+		"release": "release-it",
+		"example": "yarn --cwd example",
+		"bootstrap": "yarn example && yarn install"
+	},
+	"keywords": [
+		"react-native",
+		"ios",
+		"android"
+	],
+	"repository": "https://github.com/100mslive/react-native-hms",
+	"author": "Yogesh <yogesh@100ms.live> (https://www.100ms.live/), Jatin <jatin.nagar@100ms.live> (https://www.100ms.live/)",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/100mslive/react-native-hms/issues"
+	},
+	"homepage": "https://github.com/100mslive/react-native-hms#readme",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"dependencies": {
+		"@100mslive/types-prebuilt": "^0.12.0",
+		"@react-navigation/native": "^6.0.8",
+		"react-redux": "^7.2.4",
+		"redux": "^4.1.0"
+	},
+	"devDependencies": {
+		"@commitlint/config-conventional": "^17.0.2",
+		"@evilmartians/lefthook": "^1.2.2",
+		"@react-native-community/eslint-config": "^3.0.2",
+		"@release-it/conventional-changelog": "^5.0.0",
+		"@types/jest": "^28.1.2",
+		"@types/react": "~17.0.21",
+		"@types/react-native": "^0.64.5",
+		"commitlint": "^17.0.2",
+		"del-cli": "^5.0.0",
+		"eslint": "^8.4.1",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-prettier": "^4.0.0",
+		"jest": "^28.1.1",
+		"pod-install": "^0.1.0",
+		"prettier": "^2.0.5",
+		"react": "17.0.1",
+		"react-native": "0.64.4",
+		"react-native-builder-bob": "^0.21.2",
+		"release-it": "^15.0.0",
+		"typescript": "^5.0.2"
+	},
+	"peerDependencies": {
+		"@100mslive/react-native-hms": "1.9.6",
+		"@react-native-community/blur": "^4.3.2",
+		"@react-native-masked-view/masked-view": "^0.2.9",
+		"@shopify/flash-list": "^1.4.3",
+		"lottie-react-native": "5.1.6",
+		"react": "*",
+		"react-native": "*",
+		"react-native-gesture-handler": "^2.12.1",
+		"react-native-linear-gradient": "^2.7.3",
+		"react-native-modal": "^12.1.0",
+		"react-native-reanimated": ">=2.17.0",
+		"react-native-safe-area-context": "^3.3.0",
+		"react-native-simple-toast": "^1.1.3"
+	},
+	"resolutions": {
+		"@types/react": "17.0.21"
+	},
+	"engines": {
+		"node": ">= 16.0.0"
+	},
+	"packageManager": "^yarn@1.22.15",
+	"jest": {
+		"preset": "react-native",
+		"modulePathIgnorePatterns": [
+			"<rootDir>/example/node_modules",
+			"<rootDir>/lib/"
+		]
+	},
+	"commitlint": {
+		"extends": [
+			"@commitlint/config-conventional"
+		]
+	},
+	"release-it": {
+		"git": {
+			"commitMessage": "chore: release ${version}",
+			"tagName": "v${version}"
+		},
+		"npm": {
+			"publish": true
+		},
+		"github": {
+			"release": true
+		},
+		"plugins": {
+			"@release-it/conventional-changelog": {
+				"preset": "angular"
+			}
+		}
+	},
+	"eslintConfig": {
+		"root": true,
+		"extends": [
+			"@react-native-community",
+			"prettier"
+		],
+		"rules": {
+			"prettier/prettier": [
+				"error",
+				{
+					"quoteProps": "consistent",
+					"singleQuote": true,
+					"tabWidth": 2,
+					"trailingComma": "es5",
+					"useTabs": false
+				}
+			]
+		}
+	},
+	"eslintIgnore": [
+		"node_modules/",
+		"lib/"
+	],
+	"prettier": {
+		"quoteProps": "consistent",
+		"singleQuote": true,
+		"tabWidth": 2,
+		"trailingComma": "es5",
+		"useTabs": false
+	},
+	"react-native-builder-bob": {
+		"source": "src",
+		"output": "lib",
+		"targets": [
+			"commonjs",
+			"module",
+			[
+				"typescript",
+				{
+					"project": "tsconfig.build.json",
+					"tsc": "node_modules/typescript/bin/tsc"
+				}
+			]
+		],
+		"main": "lib/commonjs/index.js",
+		"module": "lib/module/index.js",
+		"react-native": "src/index.ts",
+		"types": "lib/typescript/index.d.ts"
+	}
 }

package/src/HMSRoomSetup.tsx

@@ -140,7 +140,7 @@ export const HMSRoomSetup = () => {
     }
   }, [
     // prebuiltCleanUp,
-    hmsInstance
+    hmsInstance,
   ]);
 
   // HMS Room, Peers, Track Listeners

package/src/Icons/Recording/index.tsx

@@ -5,7 +5,7 @@ import type { ImageProps } from 'react-native';
 import { useHMSRoomStyle } from '../../hooks-util';
 
 interface RecordingIconProps extends Omit<ImageProps, 'source'> {
-  type?: 'off' | 'on';
+  type?: 'off' | 'on' | 'pause';
 }
 
 export const RecordingIcon: React.FC<RecordingIconProps> = ({
@@ -22,6 +22,8 @@ export const RecordingIcon: React.FC<RecordingIconProps> = ({
       source={
         type === 'on'
           ? require('./assets/recording.png')
+          : type === 'pause'
+          ? require('./assets/recording-pause.png')
           : require('./assets/recording-off.png')
       }
       style={[styles.icon, iconStyles, style]}

package/src/components/AnimatedFooter.tsx

@@ -6,6 +6,8 @@ import Animated, {
 } from 'react-native-reanimated';
 import type { SharedValue } from 'react-native-reanimated';
 
+import { useFooterHeight } from './Footer';
+
 interface AnimatedFooterProps {
   offset: SharedValue<number>;
 }
@@ -14,12 +16,16 @@ export const AnimatedFooter: React.FC<AnimatedFooterProps> = ({
   offset,
   children,
 }) => {
+  const footerHeight = useFooterHeight();
+
   const animatedStyles = useAnimatedStyle(() => {
     return {
-      opacity: interpolate(offset.value, [0, 0.7, 1], [0, 0.5, 1]),
-      transform: [{ translateY: interpolate(offset.value, [0, 1], [10, 0]) }],
+      opacity: interpolate(offset.value, [0, 0.3, 1], [0, 0.7, 1]),
+      transform: [
+        { translateY: interpolate(offset.value, [0, 1], [footerHeight, 0]) },
+      ],
     };
-  }, []);
+  }, [footerHeight]);
 
   const animatedProps = useAnimatedProps((): {
     pointerEvents: 'none' | 'auto';

package/src/components/AnimatedHLSFooter.tsx

@@ -2,11 +2,12 @@ import * as React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import Animated, {
   interpolate,
-  useAnimatedProps,
   useAnimatedStyle,
 } from 'react-native-reanimated';
 import type { SharedValue } from 'react-native-reanimated';
 
+import { useFooterHeight } from './Footer';
+
 interface AnimatedHLSFooterProps {
   offset: SharedValue<number>;
   style?: StyleProp<Animated.AnimateStyle<StyleProp<ViewStyle>>>;
@@ -17,27 +18,17 @@ export const AnimatedHLSFooter: React.FC<AnimatedHLSFooterProps> = ({
   children,
   style,
 }) => {
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      opacity: interpolate(offset.value, [0, 0.7, 1], [0, 0.5, 1]),
-      transform: [{ translateY: interpolate(offset.value, [0, 1], [10, 0]) }],
-    };
-  }, []);
+  const footerHeight = useFooterHeight();
 
-  const animatedProps = useAnimatedProps((): {
-    pointerEvents: 'none' | 'auto';
-  } => {
+  const animatedStyles = useAnimatedStyle(() => {
     return {
-      pointerEvents: offset.value === 0 ? 'none' : 'auto',
+      transform: [
+        { translateY: interpolate(offset.value, [0, 1], [footerHeight, 0]) },
+      ],
     };
   }, []);
 
   return (
-    <Animated.View
-      style={[animatedStyles, style]}
-      animatedProps={animatedProps}
-    >
-      {children}
-    </Animated.View>
+    <Animated.View style={[animatedStyles, style]}>{children}</Animated.View>
   );
 };

package/src/components/AnimatedHeader.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
 import Animated, {
+  interpolate,
   useAnimatedProps,
   useAnimatedStyle,
 } from 'react-native-reanimated';
 import type { SharedValue } from 'react-native-reanimated';
 
+import { useHeaderHeight } from './Header';
 import { useIsHLSViewer } from '../hooks-util';
 
 export interface AnimatedHeaderProps {
@@ -17,13 +19,22 @@ export const AnimatedHeader: React.FC<AnimatedHeaderProps> = ({
   offset,
 }) => {
   const isHLSViewer = useIsHLSViewer();
+  const headerHeight = useHeaderHeight();
 
   const animatedStyles = useAnimatedStyle(() => {
+    if (isHLSViewer) {
+      return {
+        opacity: offset.value,
+        transform: [{ translateY: 0 }],
+      };
+    }
     return {
-      opacity: offset.value,
-      // transform: [{ translateY: interpolate(offset.value, [0, 1], [-10, 0]) }]
+      opacity: interpolate(offset.value, [0, 0.3, 1], [0, 0.7, 1]),
+      transform: [
+        { translateY: interpolate(offset.value, [0, 1], [-headerHeight, 0]) },
+      ],
     };
-  }, []);
+  }, [headerHeight, isHLSViewer]);
 
   const animatedProps = useAnimatedProps((): {
     pointerEvents: 'none' | 'auto';
@@ -35,7 +46,7 @@ export const AnimatedHeader: React.FC<AnimatedHeaderProps> = ({
 
   return (
     <Animated.View
-      style={[isHLSViewer ? styles.hlsContainer : null, animatedStyles]}
+      style={[styles.container, animatedStyles]}
       animatedProps={animatedProps}
     >
       {children}
@@ -44,7 +55,7 @@ export const AnimatedHeader: React.FC<AnimatedHeaderProps> = ({
 };
 
 const styles = StyleSheet.create({
-  hlsContainer: {
+  container: {
     position: 'absolute',
     top: 0,
     width: '100%',