agora-appbuilder-core 4.0.5 → 4.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.0.5",
+  "version": "4.0.7",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/agora-rn-uikit/src/Contexts/PropsContext.tsx

@@ -88,7 +88,8 @@ export interface DefaultContentInterface {
 export interface CustomContentInterface<T> {
   type: T extends DefaultContentInterface['type'] ? never : T;
 }
-interface ExtenedContentInterface extends CustomContentInterface<string> {
+export interface ExtenedContentInterface
+  extends CustomContentInterface<string> {
   [key: string]: any;
 }
 export type ContentInterface =

package/template/agora-rn-uikit/src/Controls/Icons.ts

@@ -72,13 +72,13 @@ const icons: IconsInterface = {
     'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADUSURBVHgB5VPtDYIwEL0S/ssIHYERGEE3qBPoBuIGMgFsAk6iI7hBfadHUpsirZFfvOSlxx333RKtDmoUrLUax4nS8QDPSik+KXMMBqwoHUb4Qu4Z78i0pwRIZ8X4ndGfkVM4q8GhHdWFZwT90amGu+l836kKW0c+gCWCVfS5tJa+AQ412ItsA/YKvAX0PfvOVfgz8ikDso4tbcEdve9b4egNZqhiA/LV0SI38BsQiJfReP/EVRjanryEmmaw6Ay5gtKZUSw0eA0F7MS4oTQM4rtWPAFxAE4MEjNhpQAAAABJRU5ErkJggg==',
   done: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABDSURBVHgB1c3BDQAgCAPAjuIIbKQjuJmjOIKjICS+TBPCkyZ99QhAvahqs64M3lZhoxB8KH7Ax/7hgeC9oxlidoQ6ue+PS8aRUCPDAAAAAElFTkSuQmCC',
   chat_attachment_pdf:
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFfSURBVHgB7ZU9S8NQGIVPShBsHRSKCpKY6qKLf0A7CCri4ioOOvozjH9A7Ci4uDjrqAgOFetSByenRImK3xZBB4fEN7lYzYfJzbVLS8+Qm/vm3PPkfpAAzS4pWDCvb004jpY00DQMSBnok8XiWpwvE6pwhNetNvSjcnkVqQAplQT5NyAJ0hBAHEQYIMtyJCTkg6AUVeXyNWyJ2gBh+T4VztKsSY2GFHqZW8Db+HS9X1AGfJnBU6R5V3UYmJkHnu+B6im7vzgHzirA4grw8Q7sbHrWjjsLcYo+ptkc8EThg0PA4wMLHxljwbku4GAPvPp7D0YpsFphIFfuxLMU3knwfC94FT0DN3R/ly1Jvg+YmAKuDOqf0EOH1YUAEi5pvOYBvt/cbbfWfzzHh74hn/0K4hT+4Vg3r9R0Q0w1OkU9vwtRe1CCoGzY28GaFGU0LWuD2Mvgn0mN4ksFRdHRcvoCpYdrkbRsJT8AAAAASUVORK5CYII=',
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAEnklEQVR4Ae2dS2wTRxjH/+O4EXU5tBLlIVLEtoc+pFaBnlooQqJBbS8k6qUSlQhVUa9Vc6h6KlUPVQ8IOHNIDnCOufEUj/C6EFCQIByIw0sICaEIhYCQ8bBfFstrYyf2zuzO7Oz3kyztOrOR9/vN4xt7dhdgGIZhGIZhGCZrCGigVHqwFnk5DMhef/ddWERpaiq8e1UKuX/Lpk0jsIQcFAmCX7niB38zLAt+E3qFFMOnxsb+hiUoC/CDvxf2B74OWcFuWySoCwD6kUJskaBDQGqxQUKmBRCmJWReAGFSAgt4jSkJLCCECQksoIGkJbCAJiQpgQW0ICkJLGABkpDAAhYhbgksoA3ilMAC2iQuCSygA+KQwAI6RLcEFhABnRJYQERIwsmzZwehiPMCcrn4TlFA7IAizgvo7u5GbEhshiLOC3h/+fJYW4EqzgvI5/NY3dODQqEAG8kjA5CEFStXwkY4CzIMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzAMCzBMpHtFyMHv1kJiGFL0+nupuko+TPm9ZZhd9zVmtmxDVLwPVivdb6Pjg+eDXxFX0hz4RmbXb8CjH39BFFQFdN4FSbHXpeATS8fPY0npJkwQQYBM5b0hFqNwfRwm4EH4Nbnnz2CC+BZmFd4BtjZpLHNPgTtTwORE/fvLVgAbv32zfLUsHdfIJ1/4r8/RkkcPgXMnYDMxClgKDPzc+u8UnP3/+gG+FeyTgIXKFw8Co4fq36PgL3QMibNcQHJdEAWcXlUo4H/9H7SURqi2h8sS/X6gd/0B10hmbSgFc2gw2KaA/zoEfPlVsL2xDzhWrC9PreK/P4Nt6sa2/xZsU9mxE292X8SBPdbX9mYkPwhT7R6/WNtv1gLCkJzRg7X9ge1wCTNZ0GJBbyRcs9d8BJdIbnk6ZSzEp/7AuXWg9v74pcWPDY8HreTtGgpeYXZ8D9tJRkB1wG2keKiWBWUUMxdo0CA6drz9QXPNh7XtZvMBgsaV2+mTmVwWVM1qGtPLdvimr7Z9Y6J5mcsXUpkFJdcCogS+mqaGZ9TnjsMl7LxGjAbsPSPBbDo86FJKGk5hHcDei/Ro4K5C/f7RYvB1hGPEJ2ButjaBajVwhqEuarRJgBf6Mm7yWu2YOyWkkRgFPA3SzHYhAZ2UJ0jM5ATSTISZsJiBg1SWvA0TdC5AyKtwkOfexzBBBAHY6VoreLKhD3OfrYcJOhYgRo5MIyfXQYgiUg4tS6ElKY9/+AmmUH6GTOnufYkMk/yylEaEmEZ2Ue6K1QVITCOzCOWERMMPMvIMsorAYSiiLqD8Yh+ySpd6IqIswPM8vx8Up5ExcgIj3qpV01BEz2/CZeHPDeDkDLkFM5Wu3D/QgBYBnufXBCG1fKBU4J+rjtpPaFsV4fX0+GNBxXkJFf8cg3PVg5aHeYYp3bv3O6Sg2/o6tYQd1MVSzdcYfEK7AIIe8Cm7Xu4WQv3OsnbgJxl5sVNXt1P3nxEj809afUv2+5O1bTY+6rYlNLufn2C+PINyeV+Q6TEMwzAMwzAMw+jhFRM1de8F+M56AAAAAElFTkSuQmCC',
   chat_attachment_doc:
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE4SURBVHgB7ZWxS8NAFMZ/KRHcrE6CJKR7B8eAFHRzdNXFUQc3cRMaoe4WHXT0P3B0cyhCdzeHRoiKi9gOglPihbPFJjG5nHVQ/CB5uceX93v3DhL47TKSCf/+0SeKnKIX/V4Po4K30mgc5PkqqYxC8ZE1xLvqdJqUApRUEeTbgCLIRAB5EG2AaZqZkJQPTVm2reSb2Ij+Adoa+1TMNSNfBIcS2nUHbNRfR+uatTBWM7kDJ76tL8LhKthVeZ2swbYrDXGM1zPTcn37PEWeMke05MBZF45FoS1XPltVCa7Pw84FDN5Q0pdnkCwQdzzsehi1Add30BIj2r+U3e8tw80TnHZlbH2MT0U/fsjpH07w8CKCYn8p9QVg9nMia0RtNBUSnidzRpbRD4Ijwd5EfSd9Ub5dsyyPP6d3/d5cbIF9MEYAAAAASUVORK5CYII=',
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAFR0lEQVR4Ae2dTWwbRRTH/+OYUEUUIiSK26ZRjATi4EotXCJVCpa4IERpjsAB0lNz4ICEBBIg1RxAwIUgcSinRFzokYKEckG4LUW9oEaCA+JQG1pUjumHqjaNPd2X9ciTzdrb9ezuzNrvd2n98Zr4/d68+ai9BhiGYRiGYRiGGTUEEqDRuDaDolwG5CHv5iQconH5sn5zTQr51YtzcytwhAIM8ZPfvuQlvwrHkh/CISHF8i/nz5+EIxgL8JL/JdxP/DZkGzVXJJgLAOaRQ1yRkISA3OKChJEWQNiWMPICCJsSWEAHWxJYgIYNCSwgQNYSWEAIWUpgAT3ISgIL6EMWElhABGlLYAEPQJoSWMADkpYEFhCDNCSwgJgkLYEFDECSEljAgJCEn8+dW4AhQy+gUEjvJQqIt2DI0AsYHx9HakhUYcjQC3hiz55UR4EpQy+gWCxi/9QUJiYm4CJFjAAk4clSCS7CqyDLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLsADLDHStiFJNztyTWJaAc9eGiMO+R1p45ZnbOPHcTQxK+cB+o+ttxA6m5G9IXEKOEx/kqCehNreOQTAVELsFeZWfu2tDRPHj3xP4/VqKb+DqQ2wBMqfXhoii/s8u2IAn4Q4379pJRSpvzHrdm5oPBJrUjTvAr03gz//7x05P+vGVEvCYV5TXvbif/gK+W4sX96/X0r+o+3+6TGoCjsyEP0YJObYSnpjFWeCTl3be//KzwHvV3nHvV/3HdY50fo9TF4EPV+EsqY87ShhVsYIqtb7oV6pOMPnXOyNGjzuz4Fe3TjD59PP0ONdJXcDb3wNPfQYcXuq2H0rip1qy6faJ2e7tz+t+DFU8xamqJwn68+i2nvwPVv3nqzhqWy5XP5HZzENJfHWlOxqoRR0sdf8+Pdl9HvVuPY4kKhY1AXryKdnfXOwd5yqZTv1qQlVUNAGKsMn2QrMrjkaLkqW3sahJ2lUyX3vpk6haKel9/UqPVYs+j6jnH9QERK2uXIX3AZbJXEBY1erVXenxOQp9lKhRpI+mipufv4gkUwHUu/V+r9qNPi+E7R9oPa8E6Mtamhv6xeWBzARQhX77WjeRtFb/ozMCaCSopNIIobW9IrjU1Fc6+sRLMYuBJSrtG1wfGbGPUh8/KWXUc35Y6FYkJZaOIfSjCbqvemp7CwluxOgxFadXP8XpLevreX+E9IoLiwnj6NPekfQL8c8tTI+jU/+QHiVB799U+R+t7jxSoCODR3d1q386cJZEo+XN0zsTSWt9uk9VfzCO2ltU8m2SigBqDcHjAKpKSuKFZu842oCdXvN3u6p1kKjfmv3X+bTbpUTTmZGKo7ZG9/X7eS6QmoBBoYQPcnxAiXY92WEMMgnHb5Q5YPfDbdggtgAhkNNNf3+eL23ABrEFtIDjGLJR8EblFqozdmbq2ALWa6LZFjgsBXJw1tiffbtbW29JeXf2Bmxh/B0yjSv/Re4LhpnM35ayAyGaGF2MW7G5AIkmRhZhvCBJ4CxInsWoInAGhpgL2NxYwqgyJowXIsYCyuWy1wdFHSNGQWClvHdvE4Ykcxy9KYZubxDBenus8DESIBEB5bJXCUIm8gvlAu+1JlH9RGL/IVOemvLmgvbQS2h7r9F/rcmQyJd56jSuXn0HUtBlfScxXKxvVX6CyScSF0DQF3zKsVZNCPMry7qBt8goiuNJtZ1t/zJSZOubVh+S895m7ZiLX3XbE9rdb20wW2exubnkr/QYhmEYhmEYhmGS4T4UntJm2xhgXwAAAABJRU5ErkJggg==',
   chat_attachment_image:
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFoSURBVHgB3ZSxSsNQFIb/pEFqLCrtIBQSdPUNHDq4+AaOpYtPYJcOQuIDKHZ0rE/gGzh0E5yk0CmhJkoVWksgaDBNTFssaXKT3MSC2B8Scs8953y5/00u8N/FBAOq/qLCdXeTClVFAcNCPqxUzuPy2FCEovk81YF8125LSAVIqSTIrwFJkKUA4iCZARzHESGhPGSUIIpUeUuz6M8AkRa1BjswxjnQaDM3Rq30SpyLXAFt86RcKosc21gY1/NV1NerNKXxANvS0Xs4gHK/j6F26ZthQDjGiIrcA8vsoN89wZelTcc/gKJwiovPmxnGMeGyG8gEeO4ch6zxQ3K2An7UgMsU8LF15kXz6QDB5n4I45oQ+cfpChiY4N8bQPmKmJ/pPxjo13jqd+fjCTBKJMBocivyZcRCjCF6b7P9KayVFmr9IlnU9C5JOrpFWjlwWsEY8VtTNc0zlK15j9ugk/fmTnNPEGSsnL4BS3qBidiHD9wAAAAASUVORK5CYII=',
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAFM0lEQVR4Ae2d22scVRzHv2d2djfZXBqLuaxJwLVoES1WHwQtlogPoiCWQnzxQUsFrw9SRPBBjX9AbX0QER/aBy2lguBLoRDRNkgebbWh9dJsIAkpMSbbbdbNbmZ3nDNxyybNbmd35sw5M/v7QCA7ZzjsfD/nnLmc2RmAIAiCIAiCIIhWg8ED0umFe6GbJwBzr/WxBwqRnp6u/njRZOZnz+zffxKKoMElG+GXf7HCH4Fi4W/DXmayEz9OTHwMRXAtwAr/GNQPfhNmGWOqSHAvADiAAKKKBC8EBBYVJLS0AI5sCS0vgCNTAgn4H1kSSEAVMiSQgC34LYEEbIOfEkhADfySQALq4IcEEnAHREsgAQ4QKYEEOESUBBLQACIkkIAG8VoCCWgCLyWQgCbhEn64cOFVuCT0AjRN3CYysFfgktALiMViEIaJEbgk9AJ6+/qE9gK3hF6ArusYHBpCIpGAiuhoAbiE/oEBqAgdBUmGBEiGBEiGBEiGBEiGBEiGBEiGBEiGBEiGBEiGBEjGl2tB2VIE4zfvwpKho1BW3/l98TU81XkD3ZESRCM8DR7+6ZVezBdjgQifM11ow+nlXvu7i0Z4IhOrOwITfDUFU8N4VvxP34Qnw1tTUFkyohAN7YTrwHuBaEiAZEiAZEiAZEI5J9zDruNg/CiS7C+0sRyulPbhbPF1ZEz15oVD1wN4+G+3vYmUdskOn/Ng5Gdr2Vt2mWqETsDzsS9vBV9NG1vFwdhRqIZSQ1A+O4n8jUn7/3jHQ2jvfgKa3t1IFXZrr0VSuwbVUEJA7p9zWJoZw3phdtPyaHwYXX2j2Dl8xHFda2an3dq3o9ZymUgfgpZnP8XC74dvC5/Dl/Fy/ueUhfKummVXjH1QDakCnIbL11n801kv+K74nt0LtsKXnV1/A6ohTcBSeqyhlp39+4wjCRmzH5+vfWEdej5pf+bBp8uP2Mt4mWr4vg8oG1l7vM8unkGjcAmcvvvri+NBnyqMIQj4KoCHP395FIV/p9AsTiUEBd+GIKMwh9lLz7oKvwKXsHD1sC006PgigIfPW/52RzrNkls+Z9fZrISIMY1YfhzRwiS00iJkIXwIKuSmcP3qa56Gf6tuqzdxCYMPf+v4hE0v/oq21a+gGZueJ4pSbA/yXUdQjvTBT4T3gPmpUSHhV6hIcNIT4rlvkMh8cFv4nEjxN3Qsv4Oo1Sv8RLgAP8bpigRjba7mOjz8eO5U3XqYmUP7zWO+SgjNxThbwtT2EpyEX42fEkJ1NZQPdVslNBp+Bb8khO5ydLWEZsOvwCWIJpQzYraEy89h9z3WDJgu8IfaHhDaOeH14gr+mLuGolGEyoR6Up6Hr7qE0N8VobqElrgtRWUJLXNfUEVCvpCHSggX0B7tgirYEubVkuBeAGMz9YoHdzwAlSiVS44lDHc/eqdVMnCJewEmZuoVv/zYR0r1Ao4TCbFIAo8PvFS/IrCLcIkHQ5B5vl7pzkQS7z/9NfYkR6AStSTw4Ps7duOFXR+iM3Z3/UoYvodLXL9HLJ1O91hnmytoRXQtlUomZ+AC1z0glUpZ4yD7CS2GxnDSbfh2PfACgx2CBzukAJEpR7RP4AGeCLD64Yw1m+HJFwoE1rZ60fo5np0HpIaGjlvzX6GXULa2cWNbvcGTl3lWk56bexcm44/1DdTrDR2QsVu+h+FzPBfA4S/4NCOlMcbcP1lWDayDDJ0d8mrY2VQzBGK/aTVqHrBO1l5U8VW3NeFn9/YJZuk8DOP4xpEeQRAEQRAEQRCEN/wHfTpF+u7LGxoAAAAASUVORK5CYII=',
   chat_attachment_unknown:
-    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgB7ZU9DoIwGIZfCBMuuhgSU4SDMHgSjyLeQI7g5mTiCRy4BzVBXWWREawLEWj6J4uGZyF8ffmetDQt8OtY3QK93inqOpB9SLMMlo14FUVbUc7uVRSaN9EK8TlNN9ASaCKTfC2QSQYRiCTGAsdxuJJeDoYQ31fKDbZEo8CY1lFxOJ4oKwXQYEkIPG/evIdk0erZmYFe8zfPshSOjz9ZV1BfoMnEdYXj/Qsnvz3YYwozCraLZp8F3hIlMKRCte/WLF6Q5vmOuddQn0nB2ichITH+jhcl6jxZhl+rzAAAAABJRU5ErkJggg==',
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADEElEQVR4Ae3dbU4TQRzH8d+0a5uQSDDKU1qU9QR4AULiAYSXvlJu4A3EE4gngHe+RA9gFDgAnIA2seILNTb4qk3bcbatSTFA2c5s/7O7v88r+oZ059tuZx8yCxARERERUd4oOFCrfV9FoPcAvWZezsEjtbOz0ZenWul3T9fX9+GJAiwNBr93YgZ/A54N/hXWlFZ7n4+PX8MT1gHM4L+F/wN/ie5hx5cI9gGATaSQLxFcBEgtHyLkOkBEOkLuA0QkIzDAkFQEBhghEYEB/jPtCAxwhWlGYIBrTCsCA9xgGhEYYIykIzDALSQZgQFuKakIDBBDEhEYICbXERhgAi4jMMCEogifjo5ewlLmAxQKyW2ignoBS5kPUCqVkBiNDVjKfID5hYVEvwW2Mh8gCAJUqlXMzMzARwFyIIqwuLQEH3EWJIwBhDGAMAYQxgDCGEAYAwhjAGEMIIwBhDGAMAYQxgDCGEAYAwhjAGEMIIwBhDGAsInWinh/cLCqdHHP/Ond2hBxlMslzN9/gEplGZMKVypW623Evig/HPwTpHjg/2m12micn6PVbuFxuAoJsXdBBQSpWxtinB8/f+Hi4g8kxA6gtU7l2hDj/G42IYE/wkOdThcSGEAYAwhjAGEMIIwBhDGAMAYQxgDCGEAYAwhjAGEMIIwBhDGAMAYQNkkAmSsXCQuCIiRMEuAUGTQ7excS4l+SVN1tZOxbsLS4gHtzMpe5Ywd4vrVVNxGeKIUPSLlyudy/JeXRwxVIsX6GTO3rN40cs70vyH4WpFQd+WW9K7YPoFFHbinrCYmD4wB9iLxS+AhL9gE67V3kVVFZT0SsA4RhaPaD6gtypqCwHy4v12HJzamIjsrcscEYzV6x8AYOOAkQhuaToLSTN5QKZltdfPojzk7GhdWq+S3oZT5Cz2zjYFvdcPIwz1G1RuOVOV8RLeubqVvYEe1io0++w8GPOA8QiR7wqYvdHaXsV5b1g5lkBGrb1W7n0n9GgvpPWr2jN83B2jMfH3V7rejovn+A2T1Ep7M7mOkRERERERG58RfsH+jT00AlhAAAAABJRU5ErkJggg==',
   chat_emoji_fill:
     'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUwNTFfNTQ5MjApIj4KPG1hc2sgaWQ9Im1hc2swXzUwNTFfNTQ5MjAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNTA1MV81NDkyMCkiPgo8cGF0aCBkPSJNMjEgMTJDMjEgMTYuOTcwNiAxNi45NzA2IDIxIDEyIDIxQzcuMDI5NDQgMjEgMyAxNi45NzA2IDMgMTJDMyA3LjAyOTQ0IDcuMDI5NDQgMyAxMiAzQzE2Ljk3MDYgMyAyMSA3LjAyOTQ0IDIxIDEyWiIgZmlsbD0iI0ZGQUIwMCIvPgo8cGF0aCBkPSJNOS41NDUwMyAyMS4xNjg1QzguMjc3IDIwLjgyODggNy4xNDk1OSAyMC4yNjg4IDYuMTYyOCAxOS40ODg2QzUuMTc1OTkgMTguNzA4MyA0LjM4MDQ0IDE3Ljc5NTIgMy43NzYxNSAxNi43NDkxQzMuMTcxODUgMTUuNzAyOSAyLjc3ODM5IDE0LjU1NzcgMi41OTU3NyAxMy4zMTM1QzIuNDEzMTQgMTIuMDY5MiAyLjQ5MTcxIDEwLjgxMzEgMi44MzE0OCA5LjU0NTAzQzMuMTcxMjUgOC4yNzcgMy43MzEyNCA3LjE0OTU5IDQuNTExNDQgNi4xNjI4QzUuMjkxNjYgNS4xNzU5OSA2LjIwNDgyIDQuMzgwNDQgNy4yNTA5NCAzLjc3NjE1QzguMjk3MDggMy4xNzE4NSA5LjQ0MjI4IDIuNzc4MzkgMTAuNjg2NSAyLjU5NTc3QzExLjkzMDggMi40MTMxNCAxMy4xODY5IDIuNDkxNzEgMTQuNDU1IDIuODMxNDhDMTUuNzIzIDMuMTcxMjUgMTYuODUwNCAzLjczMTI0IDE3LjgzNzIgNC41MTE0NEMxOC44MjQgNS4yOTE2NiAxOS42MTk2IDYuMjA0ODIgMjAuMjIzOCA3LjI1MDk0QzIwLjgyODEgOC4yOTcwOCAyMS4yMjE2IDkuNDQyMjggMjEuNDA0MiAxMC42ODY1QzIxLjU4NjkgMTEuOTMwOCAyMS41MDgzIDEzLjE4NjkgMjEuMTY4NSAxNC40NTVDMjAuODI4OCAxNS43MjMgMjAuMjY4OCAxNi44NTA0IDE5LjQ4ODYgMTcuODM3MkMxOC43MDgzIDE4LjgyNCAxNy43OTUyIDE5LjYxOTYgMTYuNzQ5MSAyMC4yMjM4QzE1LjcwMjkgMjAuODI4MSAxNC41NTc3IDIxLjIyMTYgMTMuMzEzNSAyMS40MDQyQzEyLjA2OTIgMjEuNTg2OSAxMC44MTMxIDIxLjUwODMgOS41NDUwMyAyMS4xNjg1Wk05LjkzMTI5IDE5LjcyMDVDMTIuMDg2NiAyMC4yOTggMTQuMTEyNiAyMC4wMzkzIDE2LjAwOTMgMTguOTQ0MkMxNy45MDU5IDE3Ljg0OTIgMTkuMTQzIDE2LjIyNCAxOS43MjA1IDE0LjA2ODdDMjAuMjk4IDExLjkxMzQgMjAuMDM5MyA5Ljg4NzQxIDE4Ljk0NDIgNy45OTA3NUMxNy44NDkyIDYuMDk0MDkgMTYuMjI0IDQuODU3IDE0LjA2ODcgNC4yNzk0OUMxMS45MTM0IDMuNzAxOTcgOS44ODc0MSAzLjk2MDczIDcuOTkwNzUgNS4wNTU3N0M2LjA5NDA5IDYuMTUwODEgNC44NTcgNy43NzU5OCA0LjI3OTQ5IDkuOTMxMjlDMy43MDE5NyAxMi4wODY2IDMuOTYwNzMgMTQuMTEyNiA1LjA1NTc3IDE2LjAwOTNDNi4xNTA4MSAxNy45MDU5IDcuNzc1OTggMTkuMTQzIDkuOTMxMjkgMTkuNzIwNVpNMTAuNjU3MyAxNy4wMTA5QzExLjUyMzUgMTcuMjQzIDEyLjM3NzUgMTcuMjUyIDEzLjIxOTEgMTcuMDM3OUMxNC4wNjA4IDE2LjgyMzkgMTQuODA0MiAxNi40MjY2IDE1LjQ0OTMgMTUuODQ2M0MxNS41ODc3IDE1LjY5NTEgMTUuNjMyMSAxNS41MTc3IDE1LjU4MjYgMTUuMzE0MUMxNS41MzMgMTUuMTEwNSAxNS40MDQ5IDE0Ljk4MSAxNS4xOTgzIDE0LjkyNTdMNy43NjczNSAxMi45MzQ2QzcuNTYwNzMgMTIuODc5MiA3LjM4NTA3IDEyLjkyNzMgNy4yNDAzNiAxMy4wNzg4QzcuMDk1NjcgMTMuMjMwMyA3LjA0NTQ1IDEzLjQwNjIgNy4wODk3MiAxMy42MDYzQzcuMzU4MTggMTQuNDMxNSA3LjgwNzA4IDE1LjE0ODIgOC40MzY0MiAxNS43NTY0QzkuMDY1NzggMTYuMzY0NiA5LjgwNjA5IDE2Ljc4MjggMTAuNjU3MyAxNy4wMTA5WiIgZmlsbD0iIzExMTExMSIvPgo8cGF0aCBkPSJNMTAuNzQ2MiAxMC4yNTY2QzEwLjQzNTcgMTAuNTY5NiAxMC4wNTU2IDEwLjcyNjEgOS42MDU5OCAxMC43MjYxQzkuMTU2MzQgMTAuNzI2MSA4Ljc3NjI3IDEwLjU3MDggOC40NjU3NSAxMC4yNjAzQzguMTU1MjUgOS45NDk4MiA4IDkuNTY3NCA4IDkuMTEzMDVDOCA4LjY1ODcgOC4xNTUyNSA4LjI3NjI3IDguNDY1NzUgNy45NjU3N0M4Ljc3NjI3IDcuNjU1MjYgOS4xNTg3IDcuNSA5LjYxMzA1IDcuNUMxMC4wNTcyIDcuNSAxMC40MzQ3IDcuNjU3NjEgMTAuNzQ1NiA3Ljk3MjgyQzExLjA1NjUgOC4yODgwNCAxMS4yMTIgOC42NjkyMiAxMS4yMTIgOS4xMTYzN0MxMS4yMTIgOS41NjM1MiAxMS4wNTY3IDkuOTQzNiAxMC43NDYyIDEwLjI1NjZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTYuNzQ2MiAxMS43NTY2QzE2LjQzNTcgMTIuMDY5NiAxNi4wNTU2IDEyLjIyNjEgMTUuNjA2IDEyLjIyNjFDMTUuMTU2MyAxMi4yMjYxIDE0Ljc3NjMgMTIuMDcwOCAxNC40NjU4IDExLjc2MDNDMTQuMTU1MyAxMS40NDk4IDE0IDExLjA2NzQgMTQgMTAuNjEzQzE0IDEwLjE1ODcgMTQuMTU1MyA5Ljc3NjI3IDE0LjQ2NTggOS40NjU3N0MxNC43NzYzIDkuMTU1MjYgMTUuMTU4NyA5IDE1LjYxMyA5QzE2LjA1NzIgOSAxNi40MzQ3IDkuMTU3NjEgMTYuNzQ1NiA5LjQ3MjgyQzE3LjA1NjUgOS43ODgwNCAxNy4yMTIgMTAuMTY5MiAxNy4yMTIgMTAuNjE2NEMxNy4yMTIgMTEuMDYzNSAxNy4wNTY3IDExLjQ0MzYgMTYuNzQ2MiAxMS43NTY2WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUwNTFfNTQ5MjAiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==',
   chat_emoji:

package/template/agora-rn-uikit/src/index.ts

@@ -56,6 +56,7 @@ export type {
   ActionInterface,
   ActionType,
 } from './Contexts/RtcContext';
+export type {ExtenedContentInterface} from './Contexts/PropsContext';
 export type {DispatchType} from './Contexts/DispatchContext';
 
 export {default as BtnTemplate} from './Controls/BtnTemplate';

package/template/customization-api/sub-components.ts

@@ -28,6 +28,7 @@ export {default as GridLayout} from '../src/components/GridVideo';
 export {default as PinnedLayout} from '../src/components/PinnedVideo';
 export {default as VideoComponent} from '../src/pages/video-call/VideoComponent';
 export {default as MaxVideoView} from '../src/pages/video-call/VideoRenderer';
+export type {VideoRendererProps as MaxVideoViewProps} from '../src/pages/video-call/VideoRenderer';
 export {default as NameWithMicIcon} from '../src/pages/video-call/NameWithMicIcon';
 export {default as NetworkQualityPill} from '../src/subComponents/NetworkQualityPill';
 //videocall screen
@@ -49,8 +50,8 @@ export {WhiteboardListener} from '../src/components/Controls';
 //export {SidePanelButtonsArray} from '../src/subComponents/SidePanelButtons';
 export {
   MaxVideoView as UiKitMaxVideoView,
-  ClientRole as UikitClientRole,
-  ChannelProfile as UikitChannelProfile,
+  ClientRoleType as UikitClientRole,
+  ChannelProfileType as UikitChannelProfile,
   PropsContext as UikitPropsContext,
 } from '../agora-rn-uikit';
 export {default as Toolbar} from '../src/atoms/Toolbar';

package/template/customization-api/types.ts

@@ -1,11 +1,12 @@
 //audio/video toggle state
 export {
   ToggleState,
-  ClientRole,
+  ClientRoleType,
 } from '../agora-rn-uikit/src/Contexts/PropsContext';
 export type {
   ContentInterface,
   ContentStateInterface,
+  ExtenedContentInterface,
   UidType,
 } from '../agora-rn-uikit';
 export {

package/template/src/components/Controls.tsx

@@ -300,7 +300,7 @@ const MoreButton = () => {
   } = useRoomInfo();
   const {setShowInvitePopup, setShowStopRecordingPopup, setShowLayoutOption} =
     useVideoCall();
-  const {isScreenshareActive, startUserScreenshare, stopUserScreenShare} =
+  const {isScreenshareActive, startScreenshare, stopScreenshare} =
     useScreenshare();
   const {isRecordingActive, startRecording, inProgress} = useRecording();
   const {setChatType} = useChatUIControls();
@@ -571,9 +571,7 @@ const MoreButton = () => {
           title: screenShareButton(isScreenshareActive),
           callback: () => {
             setActionMenuVisible(false);
-            isScreenshareActive
-              ? stopUserScreenShare()
-              : startUserScreenshare();
+            isScreenshareActive ? stopScreenshare() : startScreenshare();
           },
         });
       }

package/template/src/components/EventsConfigure.tsx

@@ -222,7 +222,7 @@ const EventsConfigure: React.FC<Props> = props => {
   }, [waitingRoomApprovalRequiredSecondaryBtnTextTT]);
 
   //@ts-ignore
-  const {isScreenshareActive, ScreenshareStoppedCallback, stopUserScreenShare} =
+  const {isScreenshareActive, ScreenshareStoppedCallback, stopScreenshare} =
     useScreenshare();
   const isLiveStream = $config.EVENT_MODE;
   const {dispatch} = useContext(DispatchContext);
@@ -293,7 +293,7 @@ const EventsConfigure: React.FC<Props> = props => {
         isScreenshareActiveRef.current.isScreenshareActive
       ) {
         //@ts-ignore
-        stopUserScreenShare(false, true);
+        stopScreenshare(false, true);
       } else {
         isWebInternal()
           ? await RtcEngineUnsafe.muteLocalVideoStream(true)

package/template/src/components/livestream/LiveStreamContext.tsx

@@ -543,7 +543,7 @@ export const LiveStreamContextProvider: React.FC<
             raiseHandApprovedRequestRecallToastHeading?.current(),
             null,
           );
-          screenshareContextInstanceRef?.current?.stopUserScreenShare(); // This will not exist on ios
+          screenshareContextInstanceRef?.current?.stopScreenshare(); // This will not exist on ios
 
           // Demote user's privileges to audience
           changeClientRoleTo(ClientRoleType.ClientRoleAudience);
@@ -716,7 +716,7 @@ export const LiveStreamContextProvider: React.FC<
         ClientRoleType.ClientRoleBroadcaster &&
       raiseHandList[localUidRef.current]?.raised === RaiseHandValue.TRUE
     ) {
-      screenshareContextInstanceRef?.current?.stopUserScreenShare(); // This will not exist on ios
+      screenshareContextInstanceRef?.current?.stopScreenshare(); // This will not exist on ios
       // Change role
       changeClientRoleTo(ClientRoleType.ClientRoleAudience);
     }

package/template/src/components/participants/UserActionMenuOptions.tsx

@@ -78,7 +78,7 @@ export default function UserActionMenuOptionsOptions(
   const [showVideoMuteModal, setShowVideoMuteModal] = useState(false);
   const [isPosCalculated, setIsPosCalculated] = useState(false);
   const {setFocus} = useFocus();
-  const {stopUserScreenShare} = useScreenshare();
+  const {stopScreenshare} = useScreenshare();
   const remoteEndScreenshare = useRemoteEndScreenshare();
   const [removeScreensharePopupVisible, setRemoveScreensharePopupVisible] =
     useState(false);
@@ -379,7 +379,7 @@ export default function UserActionMenuOptionsOptions(
           setActionMenuVisible(false);
           //for local user directly stop the screenshare
           if (localuid === user.parentUid) {
-            stopUserScreenShare();
+            stopScreenshare();
           }
           //for remote user show popup and then user will use cta to stop screenshare
           else {

package/template/src/components/popups/StartScreenSharePopup.native.tsx

@@ -24,7 +24,7 @@ const StartScreenSharePopup = () => {
   const {showStartScreenSharePopup, setShowStartScreenSharePopup} =
     useVideoCall();
   const {video} = useLocalUserInfo();
-  const {startUserScreenshare, isScreenshareActive} = useScreenshare();
+  const {startScreenshare, isScreenshareActive} = useScreenshare();
   const isDesktop = useIsDesktop()('popup');
   const cancelLabel = useString(cancelText)();
   const proceedLabel = useString(nativeScreensharePopupPrimaryBtnText)();
@@ -42,7 +42,7 @@ const StartScreenSharePopup = () => {
   const doStartScreenShare = () => {
     if (!isScreenshareActive) {
       //@ts-ignore native only we will have argument
-      startUserScreenshare && startUserScreenshare(shareAudio);
+      startScreenshare && startScreenshare(shareAudio);
       setShowStartScreenSharePopup(false);
     }
   };

package/template/src/components/popups/StopScreenSharePopup.native.tsx

@@ -24,7 +24,7 @@ import {cancelText} from '../../language/default-labels/commonLabels';
 const StopScreenSharePopup = () => {
   const {showStopScreenSharePopup, setShowStopScreenSharePopup} =
     useVideoCall();
-  const {stopUserScreenShare, isScreenshareActive} = useScreenshare();
+  const {stopScreenshare, isScreenshareActive} = useScreenshare();
   const isDesktop = useIsDesktop()('popup');
   const localMute = useMuteToggleLocal();
   const screenshareLabelHeading = useString(
@@ -43,7 +43,7 @@ const StopScreenSharePopup = () => {
     if (isScreenshareActive) {
       //true means keep the video enabled and stop only the screenshare
       //@ts-ignore
-      stopUserScreenShare(true);
+      stopScreenshare(true);
       setShowStopScreenSharePopup(false);
     }
   };

package/template/src/pages/video-call/VideoRenderer.tsx

@@ -37,7 +37,7 @@ import {
   moreBtnViewInLarge,
   moreBtnViewWhiteboard,
 } from '../../language/default-labels/videoCallScreenLabels';
-interface VideoRendererProps {
+export interface VideoRendererProps {
   user: ContentInterface;
   isMax?: boolean;
   CustomChild?: React.ComponentType;

package/template/src/subComponents/LocalEndCall.tsx

@@ -27,7 +27,7 @@ export const stopForegroundService = () => {
 };
 
 const LocalEndcall = (props: LocalEndcallProps) => {
-  const {isScreenshareActive, stopUserScreenShare} = useScreenshare();
+  const {isScreenshareActive, stopScreenshare} = useScreenshare();
   const {isToolbarMenuItem} = useToolbarMenu();
   const {isOnActionSheet, showLabel} = useActionSheet();
   const endCallLabel = useString(toolbarItemLeaveText)();
@@ -50,7 +50,7 @@ const LocalEndcall = (props: LocalEndcallProps) => {
       props.customExit();
     } else {
       if ((isAndroid() || isIOS()) && isScreenshareActive) {
-        stopUserScreenShare();
+        stopScreenshare();
         setEndCallState(true);
       } else {
         executeEndCall();

package/template/src/subComponents/ScreenShareNotice.tsx

@@ -39,7 +39,7 @@ function ScreenShareNotice({uid, isMax}: {uid: UidType; isMax: boolean}) {
     videoRoomScreenshareStopSharingBtnText,
   )();
   const {currentLayout} = useLayout();
-  const {stopUserScreenShare} = useScreenshare();
+  const {stopScreenshare} = useScreenshare();
   const {rtcProps} = useContext(PropsContext);
   return uid === rtcProps?.screenShareUid ? (
     <View style={styles.screenSharingMessageContainer}>
@@ -56,7 +56,7 @@ function ScreenShareNotice({uid, isMax}: {uid: UidType; isMax: boolean}) {
       ) : (
         <TouchableOpacity
           style={styles.btnContainer}
-          onPress={() => stopUserScreenShare()}>
+          onPress={() => stopScreenshare()}>
           <View style={styles.iconContainer}>
             <ImageIcon
               iconType="plain"

package/template/src/subComponents/screenshare/ScreenshareButton.tsx

@@ -49,21 +49,21 @@ const ScreenshareButton = (props: ScreenshareButtonProps) => {
   } = useRoomInfo();
   const local = useLocalUserInfo();
   const isHandRaised = useIsHandRaised();
-  const {isScreenshareActive, startUserScreenshare, stopUserScreenShare} =
+  const {isScreenshareActive, startScreenshare, stopScreenshare} =
     useScreenshare();
   const {setShowStartScreenSharePopup} = useVideoCall();
   const screenShareButtonLabel = useString<boolean>(toolbarItemShareText);
   const lstooltip = useString<boolean>(livestreamingShareTooltipText);
   const onPress = () => {
     if (isScreenshareActive) {
-      stopUserScreenShare();
+      stopScreenshare();
     } else {
       if (isAndroid() || isIOS()) {
         //native screen we need to stop user video before proceeding the screenshare
         //so showing confirm popup to stop camera(if cam on ) and option to share audio
         setShowStartScreenSharePopup(true);
       } else {
-        startUserScreenshare();
+        startScreenshare();
       }
     }
   };

package/template/src/subComponents/screenshare/ScreenshareConfigure.native.tsx

@@ -240,7 +240,7 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
     };
   }, []);
 
-  const startUserScreenshare = async (captureAudio: boolean = false) => {
+  const startScreenshare = async (captureAudio: boolean = false) => {
     if (!isScreenshareActive) {
       // either user can publish local video or screenshare stream
       // so if user video is turned on then we are turning off video before screenshare
@@ -275,7 +275,7 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
     }, 1000);
   }, [appState]);
 
-  const stopUserScreenShare = async (
+  const stopScreenshare = async (
     enableVideo: boolean = false,
     forceStop: boolean = false,
   ) => {
@@ -339,8 +339,8 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
     <ScreenshareContext.Provider
       value={{
         isScreenshareActive,
-        startUserScreenshare,
-        stopUserScreenShare,
+        startScreenshare,
+        stopScreenshare,
         //@ts-ignore
         ScreenshareStoppedCallback,
       }}>

package/template/src/subComponents/screenshare/ScreenshareConfigure.tsx

@@ -268,13 +268,13 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
     );
   }, []);
 
-  const stopUserScreenShare = () => {
+  const stopScreenshare = () => {
     if (!isScreenshareActive) {
       return;
     }
     userScreenshare(false);
   };
-  const startUserScreenshare = () => {
+  const startScreenshare = () => {
     if (isScreenshareActive) {
       return;
     }
@@ -338,8 +338,8 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
     <ScreenshareContext.Provider
       value={{
         isScreenshareActive,
-        startUserScreenshare,
-        stopUserScreenShare,
+        startScreenshare,
+        stopScreenshare,
         //@ts-ignore
         ScreenshareStoppedCallback,
       }}>

package/template/src/subComponents/screenshare/useScreenshare.tsx

@@ -14,14 +14,14 @@ import {createHook} from 'customization-implementation';
 
 export interface ScreenshareContextInterface {
   isScreenshareActive: boolean;
-  startUserScreenshare: () => void;
-  stopUserScreenShare: () => void;
+  startScreenshare: () => void;
+  stopScreenshare: () => void;
 }
 
 export const ScreenshareContext = createContext<ScreenshareContextInterface>({
   isScreenshareActive: false,
-  startUserScreenshare: () => {},
-  stopUserScreenShare: () => {},
+  startScreenshare: () => {},
+  stopScreenshare: () => {},
   //@ts-ignore
   ScreenshareStoppedCallback: () => {},
 });