@imgly/editor-react-native 1.76.0 → 1.77.0

package/android/build.gradle

@@ -143,7 +143,7 @@ repositories {
 }
 
 dependencies {
-    api "ly.img:editor:1.76.0"
+    api "ly.img:editor:1.77.0"
 
     implementation "androidx.activity:activity-ktx:1.9.0"
     implementation "androidx.appcompat:appcompat:1.7.1"

package/android/src/main/kotlin/ly/img/editor/configuration/apparel/callback/OnCreate.kt

@@ -10,16 +10,11 @@ import ly.img.editor.core.UnstableEditorApi
 import ly.img.editor.core.library.data.AssetSourceType
 import ly.img.editor.core.library.data.SystemGalleryAssetSource
 import ly.img.editor.core.library.data.SystemGalleryPermission
-import ly.img.editor.core.library.data.TextAssetSource
-import ly.img.editor.core.library.data.TypefaceProvider
 import ly.img.engine.BlendMode
 import ly.img.engine.Color
-import ly.img.engine.DefaultAssetSource
-import ly.img.engine.DemoAssetSource
 import ly.img.engine.DesignBlockType
 import ly.img.engine.ShapeType
 import ly.img.engine.StrokeStyle
-import ly.img.engine.populateAssetSource
 
 /**
  * The callback that is invoked when the editor is created.
@@ -78,24 +73,27 @@ suspend fun ApparelConfigurationBuilder.onCreateScene() {
 suspend fun ApparelConfigurationBuilder.onLoadAssetSources() {
     // Load asset sources in parallel from content.json files
     coroutineScope {
-        listOf(
-            DefaultAssetSource.STICKER.key,
-            DefaultAssetSource.VECTOR_PATH.key,
-            DefaultAssetSource.FILTER_LUT.key,
-            DefaultAssetSource.FILTER_DUO_TONE.key,
-            DefaultAssetSource.CROP_PRESETS.key,
-            DefaultAssetSource.EFFECT.key,
-            DefaultAssetSource.BLUR.key,
-            DefaultAssetSource.TYPEFACE.key,
-            DemoAssetSource.IMAGE.key,
-            DemoAssetSource.TEXT_COMPONENTS.key,
-        ).forEach { assetSource ->
+        val baseUri = editorContext.baseUri
+        val sourceIds = listOf(
+            "ly.img.sticker",
+            "ly.img.vector.shape",
+            "ly.img.filter",
+            "ly.img.color.palette",
+            "ly.img.effect",
+            "ly.img.blur",
+            "ly.img.typeface",
+            "ly.img.crop.presets",
+            "ly.img.page.presets",
+            "ly.img.text",
+            "ly.img.text.styles",
+            "ly.img.text.curves",
+            "ly.img.text.components",
+            "ly.img.image",
+        )
+        sourceIds.forEach { id ->
             launch {
-                val baseUri = editorContext.baseUri
-                editorContext.engine.populateAssetSource(
-                    id = assetSource,
-                    jsonUri = "$baseUri/$assetSource/content.json".toUri(),
-                    replaceBaseUri = baseUri,
+                editorContext.engine.asset.addLocalSourceFromJSON(
+                    contentUri = "$baseUri/$id/content.json".toUri(),
                 )
             }
         }
@@ -103,7 +101,7 @@ suspend fun ApparelConfigurationBuilder.onLoadAssetSources() {
 
     // Load local asset sources
     editorContext.engine.asset.addLocalSource(
-        sourceId = DemoAssetSource.IMAGE_UPLOAD.key,
+        sourceId = "ly.img.image.upload",
         supportedMimeTypes = listOf(
             "image/jpeg",
             "image/png",
@@ -130,15 +128,6 @@ suspend fun ApparelConfigurationBuilder.onLoadAssetSources() {
         )
     }
     SystemGalleryPermission.setMode(systemGalleryConfiguration)
-
-    // Register text asset source
-    TypefaceProvider().provideTypeface(
-        engine = editorContext.engine,
-        name = "Roboto",
-    )?.let {
-        val textAssetSource = TextAssetSource(engine = editorContext.engine, typeface = it)
-        editorContext.engine.asset.addSource(textAssetSource)
-    }
 }
 // highlight-starter-kit-on-load-asset-sources
 

package/android/src/main/kotlin/ly/img/editor/configuration/apparel/component/InspectorBar.kt

@@ -22,6 +22,8 @@ import ly.img.editor.core.component.rememberReplace
 import ly.img.editor.core.component.rememberSelectGroup
 import ly.img.editor.core.component.rememberShape
 import ly.img.editor.core.component.rememberTextBackground
+import ly.img.editor.core.component.rememberTextOnPath
+import ly.img.editor.core.component.rememberTextPresets
 
 /**
  * The configuration of the component that is displayed as horizontal list of items at the
@@ -33,9 +35,11 @@ fun ApparelConfigurationBuilder.rememberInspectorBar() = InspectorBar.remember {
         InspectorBar.ListBuilder.remember {
             add { InspectorBar.Button.rememberReplace() } // Image, Sticker, Audio
             add { InspectorBar.Button.rememberEditText() } // Text
+            add { InspectorBar.Button.rememberTextPresets() } // Text
             add { InspectorBar.Button.rememberFormatText() } // Text
             add { InspectorBar.Button.rememberFillStroke() } // Page, Image, Shape, Text
             add { InspectorBar.Button.rememberTextBackground() } // Text
+            add { InspectorBar.Button.rememberTextOnPath() } // Text
             add { InspectorBar.Button.rememberCrop() } // Image
             add { InspectorBar.Button.rememberAdjustments() } // Image
             add { InspectorBar.Button.rememberFilter() } // Image

package/android/src/main/kotlin/ly/img/editor/configuration/design/callback/OnCreate.kt

@@ -7,12 +7,7 @@ import ly.img.editor.configuration.design.DesignConfigurationBuilder
 import ly.img.editor.core.library.data.AssetSourceType
 import ly.img.editor.core.library.data.SystemGalleryAssetSource
 import ly.img.editor.core.library.data.SystemGalleryPermission
-import ly.img.editor.core.library.data.TextAssetSource
-import ly.img.editor.core.library.data.TypefaceProvider
-import ly.img.engine.DefaultAssetSource
-import ly.img.engine.DemoAssetSource
 import ly.img.engine.DesignBlockType
-import ly.img.engine.populateAssetSource
 
 /**
  * The callback that is invoked when the editor is created.
@@ -72,25 +67,27 @@ suspend fun DesignConfigurationBuilder.onCreateScene() {
 suspend fun DesignConfigurationBuilder.onLoadAssetSources() {
     // Load asset sources in parallel from content.json files
     coroutineScope {
-        listOf(
-            DefaultAssetSource.STICKER.key,
-            DefaultAssetSource.VECTOR_PATH.key,
-            DefaultAssetSource.FILTER_LUT.key,
-            DefaultAssetSource.FILTER_DUO_TONE.key,
-            DefaultAssetSource.CROP_PRESETS.key,
-            DefaultAssetSource.PAGE_PRESETS.key,
-            DefaultAssetSource.EFFECT.key,
-            DefaultAssetSource.BLUR.key,
-            DefaultAssetSource.TYPEFACE.key,
-            DemoAssetSource.IMAGE.key,
-            DemoAssetSource.TEXT_COMPONENTS.key,
-        ).forEach { assetSource ->
+        val baseUri = editorContext.baseUri
+        val sourceIds = listOf(
+            "ly.img.sticker",
+            "ly.img.vector.shape",
+            "ly.img.filter",
+            "ly.img.color.palette",
+            "ly.img.effect",
+            "ly.img.blur",
+            "ly.img.typeface",
+            "ly.img.crop.presets",
+            "ly.img.page.presets",
+            "ly.img.text",
+            "ly.img.text.styles",
+            "ly.img.text.curves",
+            "ly.img.text.components",
+            "ly.img.image",
+        )
+        sourceIds.forEach { id ->
             launch {
-                val baseUri = editorContext.baseUri
-                editorContext.engine.populateAssetSource(
-                    id = assetSource,
-                    jsonUri = "$baseUri/$assetSource/content.json".toUri(),
-                    replaceBaseUri = baseUri,
+                editorContext.engine.asset.addLocalSourceFromJSON(
+                    contentUri = "$baseUri/$id/content.json".toUri(),
                 )
             }
         }
@@ -98,7 +95,7 @@ suspend fun DesignConfigurationBuilder.onLoadAssetSources() {
 
     // Load local asset sources
     editorContext.engine.asset.addLocalSource(
-        sourceId = DemoAssetSource.IMAGE_UPLOAD.key,
+        sourceId = "ly.img.image.upload",
         supportedMimeTypes = listOf(
             "image/jpeg",
             "image/png",
@@ -125,15 +122,6 @@ suspend fun DesignConfigurationBuilder.onLoadAssetSources() {
         )
     }
     SystemGalleryPermission.setMode(systemGalleryConfiguration)
-
-    // Register text asset source
-    TypefaceProvider().provideTypeface(
-        engine = editorContext.engine,
-        name = "Roboto",
-    )?.let {
-        val textAssetSource = TextAssetSource(engine = editorContext.engine, typeface = it)
-        editorContext.engine.asset.addSource(textAssetSource)
-    }
 }
 // highlight-starter-kit-on-load-asset-sources
 

package/android/src/main/kotlin/ly/img/editor/configuration/design/component/Dock.kt

@@ -8,10 +8,10 @@ import ly.img.editor.core.component.Dock
 import ly.img.editor.core.component.remember
 import ly.img.editor.core.component.rememberElementsLibrary
 import ly.img.editor.core.component.rememberImagesLibrary
+import ly.img.editor.core.component.rememberImglyCamera
 import ly.img.editor.core.component.rememberResizeAll
 import ly.img.editor.core.component.rememberShapesLibrary
 import ly.img.editor.core.component.rememberStickersLibrary
-import ly.img.editor.core.component.rememberSystemCamera
 import ly.img.editor.core.component.rememberSystemGallery
 import ly.img.editor.core.component.rememberTextLibrary
 
@@ -24,7 +24,7 @@ fun DesignConfigurationBuilder.rememberDock() = Dock.remember {
         Dock.ListBuilder.remember {
             add { Dock.Button.rememberElementsLibrary() }
             add { Dock.Button.rememberSystemGallery() }
-            add { Dock.Button.rememberSystemCamera() }
+            add { Dock.Button.rememberImglyCamera() }
             add { Dock.Button.rememberImagesLibrary() }
             add { Dock.Button.rememberTextLibrary() }
             add { Dock.Button.rememberShapesLibrary() }

package/android/src/main/kotlin/ly/img/editor/configuration/design/component/InspectorBar.kt

@@ -22,6 +22,8 @@ import ly.img.editor.core.component.rememberReplace
 import ly.img.editor.core.component.rememberSelectGroup
 import ly.img.editor.core.component.rememberShape
 import ly.img.editor.core.component.rememberTextBackground
+import ly.img.editor.core.component.rememberTextOnPath
+import ly.img.editor.core.component.rememberTextPresets
 
 /**
  * The configuration of the component that is displayed as horizontal list of items at the
@@ -33,9 +35,11 @@ fun DesignConfigurationBuilder.rememberInspectorBar() = InspectorBar.remember {
         InspectorBar.ListBuilder.remember {
             add { InspectorBar.Button.rememberReplace() } // Image, Sticker, Audio
             add { InspectorBar.Button.rememberEditText() } // Text
+            add { InspectorBar.Button.rememberTextPresets() } // Text
             add { InspectorBar.Button.rememberFormatText() } // Text
             add { InspectorBar.Button.rememberFillStroke() } // Page, Image, Shape, Text
             add { InspectorBar.Button.rememberTextBackground() } // Text
+            add { InspectorBar.Button.rememberTextOnPath() } // Text
             add { InspectorBar.Button.rememberCrop() } // Image
             add { InspectorBar.Button.rememberAdjustments() } // Image
             add { InspectorBar.Button.rememberFilter() } // Image

package/android/src/main/kotlin/ly/img/editor/configuration/photo/callback/OnCreate.kt

@@ -8,13 +8,8 @@ import androidx.core.net.toUri
 import kotlinx.coroutines.coroutineScope
 import kotlinx.coroutines.launch
 import ly.img.editor.configuration.photo.PhotoConfigurationBuilder
-import ly.img.editor.core.library.data.TextAssetSource
-import ly.img.editor.core.library.data.TypefaceProvider
-import ly.img.engine.DefaultAssetSource
-import ly.img.engine.DemoAssetSource
 import ly.img.engine.DesignBlock
 import ly.img.engine.SceneLayout
-import ly.img.engine.populateAssetSource
 
 /**
  * The callback that is invoked when the editor is created.
@@ -92,37 +87,30 @@ suspend fun PhotoConfigurationBuilder.getOrCreateSceneFromImage(
 suspend fun PhotoConfigurationBuilder.onLoadAssetSources() {
     // Load asset sources in parallel from content.json files
     coroutineScope {
-        listOf(
-            DefaultAssetSource.STICKER.key,
-            DefaultAssetSource.VECTOR_PATH.key,
-            DefaultAssetSource.FILTER_LUT.key,
-            DefaultAssetSource.FILTER_DUO_TONE.key,
-            DefaultAssetSource.CROP_PRESETS.key,
-            DefaultAssetSource.PAGE_PRESETS.key,
-            DefaultAssetSource.EFFECT.key,
-            DefaultAssetSource.BLUR.key,
-            DefaultAssetSource.TYPEFACE.key,
-            DemoAssetSource.TEXT_COMPONENTS.key,
-        ).forEach { assetSource ->
+        val baseUri = editorContext.baseUri
+        val sourceIds = listOf(
+            "ly.img.sticker",
+            "ly.img.vector.shape",
+            "ly.img.filter",
+            "ly.img.color.palette",
+            "ly.img.effect",
+            "ly.img.blur",
+            "ly.img.typeface",
+            "ly.img.crop.presets",
+            "ly.img.page.presets",
+            "ly.img.text",
+            "ly.img.text.styles",
+            "ly.img.text.curves",
+            "ly.img.text.components",
+        )
+        sourceIds.forEach { id ->
             launch {
-                val baseUri = editorContext.baseUri
-                editorContext.engine.populateAssetSource(
-                    id = assetSource,
-                    jsonUri = "$baseUri/$assetSource/content.json".toUri(),
-                    replaceBaseUri = baseUri,
+                editorContext.engine.asset.addLocalSourceFromJSON(
+                    contentUri = "$baseUri/$id/content.json".toUri(),
                 )
             }
         }
     }
-
-    // Register text asset source
-    TypefaceProvider().provideTypeface(
-        engine = editorContext.engine,
-        name = "Roboto",
-    )?.let {
-        val textAssetSource = TextAssetSource(engine = editorContext.engine, typeface = it)
-        editorContext.engine.asset.addSource(textAssetSource)
-    }
 }
 // highlight-starter-kit-on-load-asset-sources
 

package/android/src/main/kotlin/ly/img/editor/configuration/photo/component/InspectorBar.kt

@@ -22,6 +22,8 @@ import ly.img.editor.core.component.rememberReplace
 import ly.img.editor.core.component.rememberSelectGroup
 import ly.img.editor.core.component.rememberShape
 import ly.img.editor.core.component.rememberTextBackground
+import ly.img.editor.core.component.rememberTextOnPath
+import ly.img.editor.core.component.rememberTextPresets
 
 /**
  * The configuration of the component that is displayed as horizontal list of items at the
@@ -33,9 +35,11 @@ fun PhotoConfigurationBuilder.rememberInspectorBar() = InspectorBar.remember {
         InspectorBar.ListBuilder.remember {
             add { InspectorBar.Button.rememberReplace() } // Image, Sticker, Audio
             add { InspectorBar.Button.rememberEditText() } // Text
+            add { InspectorBar.Button.rememberTextPresets() } // Text
             add { InspectorBar.Button.rememberFormatText() } // Text
             add { InspectorBar.Button.rememberFillStroke() } // Page, Image, Shape, Text
             add { InspectorBar.Button.rememberTextBackground() } // Text
+            add { InspectorBar.Button.rememberTextOnPath() } // Text
             add { InspectorBar.Button.rememberCrop() } // Image
             add { InspectorBar.Button.rememberAdjustments() } // Image
             add { InspectorBar.Button.rememberFilter() } // Image

package/android/src/main/kotlin/ly/img/editor/configuration/postcard/callback/OnCreate.kt

@@ -9,12 +9,7 @@ import ly.img.editor.configuration.postcard.PostcardConfigurationBuilder
 import ly.img.editor.core.library.data.AssetSourceType
 import ly.img.editor.core.library.data.SystemGalleryAssetSource
 import ly.img.editor.core.library.data.SystemGalleryPermission
-import ly.img.editor.core.library.data.TextAssetSource
-import ly.img.editor.core.library.data.TypefaceProvider
-import ly.img.engine.DefaultAssetSource
-import ly.img.engine.DemoAssetSource
 import ly.img.engine.GlobalScope
-import ly.img.engine.populateAssetSource
 
 /**
  * The callback that is invoked when the editor is created.
@@ -70,24 +65,27 @@ suspend fun PostcardConfigurationBuilder.onCreateScene() {
 suspend fun PostcardConfigurationBuilder.onLoadAssetSources() {
     // Load asset sources in parallel from content.json files
     coroutineScope {
-        listOf(
-            DefaultAssetSource.STICKER.key,
-            DefaultAssetSource.VECTOR_PATH.key,
-            DefaultAssetSource.FILTER_LUT.key,
-            DefaultAssetSource.FILTER_DUO_TONE.key,
-            DefaultAssetSource.CROP_PRESETS.key,
-            DefaultAssetSource.EFFECT.key,
-            DefaultAssetSource.BLUR.key,
-            DefaultAssetSource.TYPEFACE.key,
-            DemoAssetSource.IMAGE.key,
-            DemoAssetSource.TEXT_COMPONENTS.key,
-        ).forEach { assetSource ->
+        val baseUri = editorContext.baseUri
+        // Postcard intentionally registers a custom subset of default sources (no
+        // ly.img.color.palette / ly.img.page.presets — those are provided by the postcard builder).
+        val sourceIds = listOf(
+            "ly.img.sticker",
+            "ly.img.vector.shape",
+            "ly.img.filter",
+            "ly.img.crop.presets",
+            "ly.img.effect",
+            "ly.img.blur",
+            "ly.img.typeface",
+            "ly.img.text",
+            "ly.img.text.styles",
+            "ly.img.text.curves",
+            "ly.img.text.components",
+            "ly.img.image",
+        )
+        sourceIds.forEach { id ->
             launch {
-                val baseUri = editorContext.baseUri
-                editorContext.engine.populateAssetSource(
-                    id = assetSource,
-                    jsonUri = "$baseUri/$assetSource/content.json".toUri(),
-                    replaceBaseUri = baseUri,
+                editorContext.engine.asset.addLocalSourceFromJSON(
+                    contentUri = "$baseUri/$id/content.json".toUri(),
                 )
             }
         }
@@ -95,7 +93,7 @@ suspend fun PostcardConfigurationBuilder.onLoadAssetSources() {
 
     // Load local asset sources
     editorContext.engine.asset.addLocalSource(
-        sourceId = DemoAssetSource.IMAGE_UPLOAD.key,
+        sourceId = "ly.img.image.upload",
         supportedMimeTypes = listOf(
             "image/jpeg",
             "image/png",
@@ -122,15 +120,6 @@ suspend fun PostcardConfigurationBuilder.onLoadAssetSources() {
         )
     }
     SystemGalleryPermission.setMode(systemGalleryConfiguration)
-
-    // Register text asset source
-    TypefaceProvider().provideTypeface(
-        engine = editorContext.engine,
-        name = "Roboto",
-    )?.let {
-        val textAssetSource = TextAssetSource(engine = editorContext.engine, typeface = it)
-        editorContext.engine.asset.addSource(textAssetSource)
-    }
 }
 // highlight-starter-kit-on-load-asset-sources
 

package/android/src/main/kotlin/ly/img/editor/configuration/postcard/component/InspectorBar.kt

@@ -22,6 +22,8 @@ import ly.img.editor.core.component.rememberReplace
 import ly.img.editor.core.component.rememberSelectGroup
 import ly.img.editor.core.component.rememberShape
 import ly.img.editor.core.component.rememberTextBackground
+import ly.img.editor.core.component.rememberTextOnPath
+import ly.img.editor.core.component.rememberTextPresets
 
 /**
  * The configuration of the component that is displayed as horizontal list of items at the
@@ -33,9 +35,11 @@ fun PostcardConfigurationBuilder.rememberInspectorBar() = InspectorBar.remember
         InspectorBar.ListBuilder.remember {
             add { InspectorBar.Button.rememberReplace() } // Image, Sticker, Audio
             add { InspectorBar.Button.rememberEditText() } // Text
+            add { InspectorBar.Button.rememberTextPresets() } // Text
             add { InspectorBar.Button.rememberFormatText() } // Text
             add { InspectorBar.Button.rememberFillStroke() } // Page, Image, Shape, Text
             add { InspectorBar.Button.rememberTextBackground() } // Text
+            add { InspectorBar.Button.rememberTextOnPath() } // Text
             add { InspectorBar.Button.rememberCrop() } // Image
             add { InspectorBar.Button.rememberAdjustments() } // Image
             add { InspectorBar.Button.rememberFilter() } // Image

package/android/src/main/kotlin/ly/img/editor/configuration/video/callback/OnCreate.kt

@@ -11,12 +11,7 @@ import ly.img.editor.core.UnstableEditorApi
 import ly.img.editor.core.library.data.AssetSourceType
 import ly.img.editor.core.library.data.SystemGalleryAssetSource
 import ly.img.editor.core.library.data.SystemGalleryPermission
-import ly.img.editor.core.library.data.TextAssetSource
-import ly.img.editor.core.library.data.TypefaceProvider
 import ly.img.engine.Color
-import ly.img.engine.DefaultAssetSource
-import ly.img.engine.DemoAssetSource
-import ly.img.engine.populateAssetSource
 
 /**
  * The callback that is invoked when the editor is created.
@@ -87,27 +82,29 @@ suspend fun VideoConfigurationBuilder.onCreateScene() {
 suspend fun VideoConfigurationBuilder.onLoadAssetSources() {
     // Load asset sources in parallel from content.json files
     coroutineScope {
-        listOf(
-            DefaultAssetSource.STICKER.key,
-            DefaultAssetSource.VECTOR_PATH.key,
-            DefaultAssetSource.FILTER_LUT.key,
-            DefaultAssetSource.FILTER_DUO_TONE.key,
-            DefaultAssetSource.CROP_PRESETS.key,
-            DefaultAssetSource.PAGE_PRESETS.key,
-            DefaultAssetSource.EFFECT.key,
-            DefaultAssetSource.BLUR.key,
-            DefaultAssetSource.TYPEFACE.key,
-            DemoAssetSource.IMAGE.key,
-            DemoAssetSource.AUDIO.key,
-            DemoAssetSource.VIDEO.key,
-            DemoAssetSource.TEXT_COMPONENTS.key,
-        ).forEach { assetSource ->
+        val baseUri = editorContext.baseUri
+        val sourceIds = listOf(
+            "ly.img.sticker",
+            "ly.img.vector.shape",
+            "ly.img.filter",
+            "ly.img.color.palette",
+            "ly.img.effect",
+            "ly.img.blur",
+            "ly.img.typeface",
+            "ly.img.crop.presets",
+            "ly.img.page.presets",
+            "ly.img.text",
+            "ly.img.text.styles",
+            "ly.img.text.curves",
+            "ly.img.text.components",
+            "ly.img.image",
+            "ly.img.audio",
+            "ly.img.video",
+        )
+        sourceIds.forEach { id ->
             launch {
-                val baseUri = editorContext.baseUri
-                editorContext.engine.populateAssetSource(
-                    id = assetSource,
-                    jsonUri = "$baseUri/$assetSource/content.json".toUri(),
-                    replaceBaseUri = baseUri,
+                editorContext.engine.asset.addLocalSourceFromJSON(
+                    contentUri = "$baseUri/$id/content.json".toUri(),
                 )
             }
         }
@@ -122,7 +119,7 @@ suspend fun VideoConfigurationBuilder.onLoadAssetSources() {
 
     // Load local asset sources
     editorContext.engine.asset.addLocalSource(
-        sourceId = DemoAssetSource.IMAGE_UPLOAD.key,
+        sourceId = "ly.img.image.upload",
         supportedMimeTypes = listOf(
             "image/jpeg",
             "image/png",
@@ -136,7 +133,7 @@ suspend fun VideoConfigurationBuilder.onLoadAssetSources() {
     )
 
     editorContext.engine.asset.addLocalSource(
-        sourceId = DemoAssetSource.AUDIO_UPLOAD.key,
+        sourceId = "ly.img.audio.upload",
         supportedMimeTypes = listOf(
             "audio/x-m4a",
             "audio/mp3",
@@ -144,7 +141,7 @@ suspend fun VideoConfigurationBuilder.onLoadAssetSources() {
         ),
     )
     editorContext.engine.asset.addLocalSource(
-        sourceId = DemoAssetSource.VIDEO_UPLOAD.key,
+        sourceId = "ly.img.video.upload",
         supportedMimeTypes = listOf(
             "video/mp4",
         ),
@@ -164,15 +161,6 @@ suspend fun VideoConfigurationBuilder.onLoadAssetSources() {
         )
     }
     SystemGalleryPermission.setMode(systemGalleryConfiguration)
-
-    // Register text asset source
-    TypefaceProvider().provideTypeface(
-        engine = editorContext.engine,
-        name = "Roboto",
-    )?.let {
-        val textAssetSource = TextAssetSource(engine = editorContext.engine, typeface = it)
-        editorContext.engine.asset.addSource(textAssetSource)
-    }
 }
 // highlight-starter-kit-on-load-asset-sources
 

package/android/src/main/kotlin/ly/img/editor/configuration/video/component/InspectorBar.kt

@@ -25,6 +25,8 @@ import ly.img.editor.core.component.rememberSelectGroup
 import ly.img.editor.core.component.rememberShape
 import ly.img.editor.core.component.rememberSplit
 import ly.img.editor.core.component.rememberTextBackground
+import ly.img.editor.core.component.rememberTextOnPath
+import ly.img.editor.core.component.rememberTextPresets
 import ly.img.editor.core.component.rememberVoiceover
 import ly.img.editor.core.component.rememberVolume
 
@@ -39,9 +41,11 @@ fun VideoConfigurationBuilder.rememberInspectorBar() = InspectorBar.remember {
             add { InspectorBar.Button.rememberVoiceover() } // Voiceover Audio
             add { InspectorBar.Button.rememberReplace() } // Video, Image, Sticker, Audio
             add { InspectorBar.Button.rememberEditText() } // Text
+            add { InspectorBar.Button.rememberTextPresets() } // Text
             add { InspectorBar.Button.rememberFormatText() } // Text
             add { InspectorBar.Button.rememberFillStroke() } // Page, Video, Image, Shape, Text
             add { InspectorBar.Button.rememberTextBackground() } // Text
+            add { InspectorBar.Button.rememberTextOnPath() } // Text
             add { InspectorBar.Button.rememberVolume() } // Video, Audio
             add { InspectorBar.Button.rememberClipSpeed() } // Video
             add { InspectorBar.Button.rememberCrop() } // Video, Image

package/android/src/main/kotlin/ly/img/editor/reactnative/module/builder/EditorBuilder.kt

@@ -110,6 +110,7 @@ class EditorBuilder {
         ) {
             Editor(
                 license = settings.license,
+                host = "react-native",
                 baseUri = settings.baseUri.toUri(),
                 userId = settings.userId,
                 configuration = {
@@ -156,6 +157,7 @@ class EditorBuilder {
         ) {
             Editor(
                 license = settings.license,
+                host = "react-native",
                 baseUri = settings.baseUri.toUri(),
                 userId = settings.userId,
                 configuration = {
@@ -201,6 +203,7 @@ class EditorBuilder {
         ) {
             Editor(
                 license = settings.license,
+                host = "react-native",
                 baseUri = settings.baseUri.toUri(),
                 userId = settings.userId,
                 configuration = {
@@ -246,6 +249,7 @@ class EditorBuilder {
         ) {
             Editor(
                 license = settings.license,
+                host = "react-native",
                 baseUri = settings.baseUri.toUri(),
                 userId = settings.userId,
                 configuration = {
@@ -291,6 +295,7 @@ class EditorBuilder {
         ) {
             Editor(
                 license = settings.license,
+                host = "react-native",
                 baseUri = settings.baseUri.toUri(),
                 userId = settings.userId,
                 configuration = {

package/ios/Model/EditorBuilder.swift

@@ -191,10 +191,13 @@ extension EditorBuilder {
   /// - Parameter settings: The `EditorSettings`.
   /// - Returns: The derived `EngineSettings`.
   private static func engineSettings(for settings: EditorSettings) -> EngineSettings {
+    // Identify this engine as React-Native-hosted so v4 licenses scoped to
+    // `host: react-native` validate. Hardcoded (not customer-configurable).
+    let host = "react-native"
     if let url = URL(string: settings.baseUri) {
-      EngineSettings(license: settings.license, userID: settings.userId, baseURL: url)
+      return EngineSettings(license: settings.license, userID: settings.userId, baseURL: url, host: host)
     } else {
-      EngineSettings(license: settings.license, userID: settings.userId)
+      return EngineSettings(license: settings.license, userID: settings.userId, host: host)
     }
   }
 }

package/ios/StarterKits/Apparel/callbacks/OnCreate+Apparel.swift

@@ -82,37 +82,30 @@ public extension ApparelEditorConfiguration {
   /// Registers all default and demo asset sources, plus text and photo roll sources.
   static let defaultLoadAssetSources: OnCreate.Callback = { engine in
     // highlight-starter-kit-on-load-asset-sources
-    let assetSources: [String: URL] = [
-      Engine.DefaultAssetSource.sticker.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.vectorPath.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterLut.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterDuotone.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.colorsDefaultPalette.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.effect.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.blur.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.typeface.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.cropPresets.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.pagePresets.rawValue: Engine.assetBaseURL,
-
-      Engine.DemoAssetSource.image.rawValue: Engine.assetBaseURL,
-      Engine.DemoAssetSource.textComponents.rawValue: Engine.assetBaseURL,
+    let basePath = try engine.editor.getSettingString("basePath")
+    guard let baseURL = URL(string: basePath) else { return }
+    let sourceIDs = [
+      "ly.img.sticker", "ly.img.vector.shape", "ly.img.filter", "ly.img.color.palette",
+      "ly.img.effect", "ly.img.blur", "ly.img.typeface", "ly.img.crop.presets",
+      "ly.img.page.presets", "ly.img.text", "ly.img.text.styles", "ly.img.text.curves", "ly.img.text.components",
+      "ly.img.image",
     ]
-
-    try await withThrowingTaskGroup(of: Void.self) { group in
-      for assetSource in assetSources {
+    try await withThrowingTaskGroup(of: String.self) { group in
+      for id in sourceIDs {
         group.addTask {
-          try await engine.populateAssetSource(id: assetSource.key, baseURL: assetSource.value)
+          try await engine.asset.addLocalAssetSourceFromJSON(
+            baseURL.appendingPathComponent(id).appendingPathComponent("content.json"),
+          )
         }
       }
-      try await group.waitForAll()
+      for try await _ in group {}
     }
 
     try engine.asset.addLocalSource(
-      sourceID: Engine.DemoAssetSource.imageUpload.rawValue,
-      supportedMimeTypes: Engine.DemoAssetSource.imageUpload.mimeTypes,
+      sourceID: "ly.img.image.upload",
+      supportedMimeTypes: ["image/jpeg", "image/png", "image/svg+xml", "image/gif", "image/apng", "image/bmp"],
     )
 
-    try await engine.asset.addSource(TextAssetSource(engine: engine))
     try engine.asset.addSource(PhotoRollAssetSource(engine: engine))
     // highlight-starter-kit-on-load-asset-sources
   }

package/ios/StarterKits/Apparel/components/InspectorBar+Apparel.swift

@@ -11,9 +11,11 @@ extension ApparelEditorConfiguration {
         InspectorBar.Buttons.replace()
 
         InspectorBar.Buttons.editText()
+        InspectorBar.Buttons.textPresets()
         InspectorBar.Buttons.formatText()
         InspectorBar.Buttons.fillStroke()
         InspectorBar.Buttons.textBackground()
+        InspectorBar.Buttons.textOnPath()
         InspectorBar.Buttons.crop()
 
         InspectorBar.Buttons.adjustments()

package/ios/StarterKits/Design/callbacks/OnCreate+Design.swift

@@ -81,37 +81,30 @@ public extension DesignEditorConfiguration {
   /// Registers all default and demo asset sources, plus text and photo roll sources.
   static let defaultLoadAssetSources: OnCreate.Callback = { engine in
     // highlight-starter-kit-on-load-asset-sources
-    let assetSources: [String: URL] = [
-      Engine.DefaultAssetSource.sticker.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.vectorPath.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterLut.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterDuotone.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.colorsDefaultPalette.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.effect.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.blur.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.typeface.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.cropPresets.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.pagePresets.rawValue: Engine.assetBaseURL,
-
-      Engine.DemoAssetSource.image.rawValue: Engine.assetBaseURL,
-      Engine.DemoAssetSource.textComponents.rawValue: Engine.assetBaseURL,
+    let basePath = try engine.editor.getSettingString("basePath")
+    guard let baseURL = URL(string: basePath) else { return }
+    let sourceIDs = [
+      "ly.img.sticker", "ly.img.vector.shape", "ly.img.filter", "ly.img.color.palette",
+      "ly.img.effect", "ly.img.blur", "ly.img.typeface", "ly.img.crop.presets",
+      "ly.img.page.presets", "ly.img.text", "ly.img.text.styles", "ly.img.text.curves", "ly.img.text.components",
+      "ly.img.image",
     ]
-
-    try await withThrowingTaskGroup(of: Void.self) { group in
-      for assetSource in assetSources {
+    try await withThrowingTaskGroup(of: String.self) { group in
+      for id in sourceIDs {
         group.addTask {
-          try await engine.populateAssetSource(id: assetSource.key, baseURL: assetSource.value)
+          try await engine.asset.addLocalAssetSourceFromJSON(
+            baseURL.appendingPathComponent(id).appendingPathComponent("content.json"),
+          )
         }
       }
-      try await group.waitForAll()
+      for try await _ in group {}
     }
 
     try engine.asset.addLocalSource(
-      sourceID: Engine.DemoAssetSource.imageUpload.rawValue,
-      supportedMimeTypes: Engine.DemoAssetSource.imageUpload.mimeTypes,
+      sourceID: "ly.img.image.upload",
+      supportedMimeTypes: ["image/jpeg", "image/png", "image/svg+xml", "image/gif", "image/apng", "image/bmp"],
     )
 
-    try await engine.asset.addSource(TextAssetSource(engine: engine))
     try engine.asset.addSource(PhotoRollAssetSource(engine: engine))
     // highlight-starter-kit-on-load-asset-sources
   }

package/ios/StarterKits/Design/components/Dock+Design.swift

@@ -10,7 +10,7 @@ extension DesignEditorConfiguration {
       builder.items { _ in
         Dock.Buttons.elementsLibrary()
         Dock.Buttons.photoRoll()
-        Dock.Buttons.systemCamera()
+        Dock.Buttons.imglyCamera()
         Dock.Buttons.imagesLibrary()
         Dock.Buttons.textLibrary()
         Dock.Buttons.shapesLibrary()

package/ios/StarterKits/Design/components/InspectorBar+Design.swift

@@ -11,9 +11,11 @@ extension DesignEditorConfiguration {
         InspectorBar.Buttons.replace()
 
         InspectorBar.Buttons.editText()
+        InspectorBar.Buttons.textPresets()
         InspectorBar.Buttons.formatText()
         InspectorBar.Buttons.fillStroke()
         InspectorBar.Buttons.textBackground()
+        InspectorBar.Buttons.textOnPath()
         InspectorBar.Buttons.crop()
 
         InspectorBar.Buttons.adjustments()

package/ios/StarterKits/Photo/callbacks/OnCreate+Photo.swift

@@ -78,31 +78,24 @@ public extension PhotoEditorConfiguration {
   /// Registers all default and demo asset sources, plus text and photo roll sources.
   static let defaultLoadAssetSources: OnCreate.Callback = { engine in
     // highlight-starter-kit-on-load-asset-sources
-    let assetSources: [String: URL] = [
-      Engine.DefaultAssetSource.sticker.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.vectorPath.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterLut.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterDuotone.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.colorsDefaultPalette.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.effect.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.blur.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.typeface.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.cropPresets.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.pagePresets.rawValue: Engine.assetBaseURL,
-
-      Engine.DemoAssetSource.textComponents.rawValue: Engine.assetBaseURL,
+    let basePath = try engine.editor.getSettingString("basePath")
+    guard let baseURL = URL(string: basePath) else { return }
+    let defaultSourceIDs = [
+      "ly.img.sticker", "ly.img.vector.shape", "ly.img.filter", "ly.img.color.palette",
+      "ly.img.effect", "ly.img.blur", "ly.img.typeface", "ly.img.crop.presets",
+      "ly.img.page.presets", "ly.img.text", "ly.img.text.styles", "ly.img.text.curves", "ly.img.text.components",
     ]
-
-    try await withThrowingTaskGroup(of: Void.self) { group in
-      for assetSource in assetSources {
+    try await withThrowingTaskGroup(of: String.self) { group in
+      for id in defaultSourceIDs {
         group.addTask {
-          try await engine.populateAssetSource(id: assetSource.key, baseURL: assetSource.value)
+          try await engine.asset.addLocalAssetSourceFromJSON(
+            baseURL.appendingPathComponent(id).appendingPathComponent("content.json"),
+          )
         }
       }
-      try await group.waitForAll()
+      for try await _ in group {}
     }
 
-    try await engine.asset.addSource(TextAssetSource(engine: engine))
     try engine.asset.addSource(PhotoRollAssetSource(engine: engine))
     // highlight-starter-kit-on-load-asset-sources
   }

package/ios/StarterKits/Photo/components/InspectorBar+Photo.swift

@@ -12,9 +12,11 @@ extension PhotoEditorConfiguration {
         InspectorBar.Buttons.replace()
 
         InspectorBar.Buttons.editText()
+        InspectorBar.Buttons.textPresets()
         InspectorBar.Buttons.formatText()
         InspectorBar.Buttons.fillStroke()
         InspectorBar.Buttons.textBackground()
+        InspectorBar.Buttons.textOnPath()
         InspectorBar.Buttons.crop()
 
         InspectorBar.Buttons.adjustments()

package/ios/StarterKits/Postcard/callbacks/OnCreate+Postcard.swift

@@ -81,37 +81,30 @@ public extension PostcardEditorConfiguration {
   /// Registers all default and demo asset sources, plus text and photo roll sources.
   static let defaultLoadAssetSources: OnCreate.Callback = { engine in
     // highlight-starter-kit-on-load-asset-sources
-    let assetSources: [String: URL] = [
-      Engine.DefaultAssetSource.sticker.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.vectorPath.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterLut.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterDuotone.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.colorsDefaultPalette.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.effect.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.blur.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.typeface.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.cropPresets.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.pagePresets.rawValue: Engine.assetBaseURL,
-
-      Engine.DemoAssetSource.image.rawValue: Engine.assetBaseURL,
-      Engine.DemoAssetSource.textComponents.rawValue: Engine.assetBaseURL,
+    let basePath = try engine.editor.getSettingString("basePath")
+    guard let baseURL = URL(string: basePath) else { return }
+    let sourceIDs = [
+      "ly.img.sticker", "ly.img.vector.shape", "ly.img.filter", "ly.img.color.palette",
+      "ly.img.effect", "ly.img.blur", "ly.img.typeface", "ly.img.crop.presets",
+      "ly.img.page.presets", "ly.img.text", "ly.img.text.styles", "ly.img.text.curves", "ly.img.text.components",
+      "ly.img.image",
     ]
-
-    try await withThrowingTaskGroup(of: Void.self) { group in
-      for assetSource in assetSources {
+    try await withThrowingTaskGroup(of: String.self) { group in
+      for id in sourceIDs {
         group.addTask {
-          try await engine.populateAssetSource(id: assetSource.key, baseURL: assetSource.value)
+          try await engine.asset.addLocalAssetSourceFromJSON(
+            baseURL.appendingPathComponent(id).appendingPathComponent("content.json"),
+          )
         }
       }
-      try await group.waitForAll()
+      for try await _ in group {}
     }
 
     try engine.asset.addLocalSource(
-      sourceID: Engine.DemoAssetSource.imageUpload.rawValue,
-      supportedMimeTypes: Engine.DemoAssetSource.imageUpload.mimeTypes,
+      sourceID: "ly.img.image.upload",
+      supportedMimeTypes: ["image/jpeg", "image/png", "image/svg+xml", "image/gif", "image/apng", "image/bmp"],
     )
 
-    try await engine.asset.addSource(TextAssetSource(engine: engine))
     try engine.asset.addSource(PhotoRollAssetSource(engine: engine))
     // highlight-starter-kit-on-load-asset-sources
   }

package/ios/StarterKits/Postcard/components/InspectorBar+Postcard.swift

@@ -11,9 +11,11 @@ extension PostcardEditorConfiguration {
         InspectorBar.Buttons.replace()
 
         InspectorBar.Buttons.editText()
+        InspectorBar.Buttons.textPresets()
         InspectorBar.Buttons.formatText()
         InspectorBar.Buttons.fillStroke()
         InspectorBar.Buttons.textBackground()
+        InspectorBar.Buttons.textOnPath()
         InspectorBar.Buttons.crop()
 
         InspectorBar.Buttons.adjustments()

package/ios/StarterKits/Video/callbacks/OnCreate+Video.swift

@@ -87,47 +87,34 @@ public extension VideoEditorConfiguration {
   /// Registers all default and demo asset sources, plus text and photo roll sources.
   static let defaultLoadAssetSources: OnCreate.Callback = { engine in
     // highlight-starter-kit-on-load-asset-sources
-    let assetSources: [String: URL] = [
-      Engine.DefaultAssetSource.sticker.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.vectorPath.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterLut.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.filterDuotone.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.colorsDefaultPalette.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.effect.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.blur.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.typeface.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.cropPresets.rawValue: Engine.assetBaseURL,
-      Engine.DefaultAssetSource.pagePresets.rawValue: Engine.assetBaseURL,
-
-      Engine.DemoAssetSource.image.rawValue: Engine.assetBaseURL,
-      Engine.DemoAssetSource.video.rawValue: Engine.assetBaseURL,
-      Engine.DemoAssetSource.audio.rawValue: Engine.assetBaseURL,
-      Engine.DemoAssetSource.textComponents.rawValue: Engine.assetBaseURL,
+    let basePath = try engine.editor.getSettingString("basePath")
+    guard let baseURL = URL(string: basePath) else { return }
+    let sourceIDs = [
+      "ly.img.sticker", "ly.img.vector.shape", "ly.img.filter", "ly.img.color.palette",
+      "ly.img.effect", "ly.img.blur", "ly.img.typeface", "ly.img.crop.presets",
+      "ly.img.page.presets", "ly.img.text", "ly.img.text.styles", "ly.img.text.curves", "ly.img.text.components",
+      "ly.img.image", "ly.img.video", "ly.img.audio",
     ]
-
-    try await withThrowingTaskGroup(of: Void.self) { group in
-      for assetSource in assetSources {
+    try await withThrowingTaskGroup(of: String.self) { group in
+      for id in sourceIDs {
         group.addTask {
-          try await engine.populateAssetSource(id: assetSource.key, baseURL: assetSource.value)
+          try await engine.asset.addLocalAssetSourceFromJSON(
+            baseURL.appendingPathComponent(id).appendingPathComponent("content.json"),
+          )
         }
       }
-      try await group.waitForAll()
+      for try await _ in group {}
     }
 
-    let localAssetSources: [Engine.DemoAssetSource] = [
-      .imageUpload,
-      .audioUpload,
-      .videoUpload,
+    let uploadSources: [(id: String, mimeTypes: [String])] = [
+      ("ly.img.image.upload", ["image/jpeg", "image/png", "image/svg+xml", "image/gif", "image/apng", "image/bmp"]),
+      ("ly.img.audio.upload", ["audio/mpeg", "audio/mp4", "audio/wav", "audio/x-wav", "audio/ogg", "audio/aac"]),
+      ("ly.img.video.upload", ["video/mp4", "video/quicktime"]),
     ]
-
-    for localAssetSource in localAssetSources {
-      try engine.asset.addLocalSource(
-        sourceID: localAssetSource.rawValue,
-        supportedMimeTypes: localAssetSource.mimeTypes,
-      )
+    for source in uploadSources {
+      try engine.asset.addLocalSource(sourceID: source.id, supportedMimeTypes: source.mimeTypes)
     }
 
-    try await engine.asset.addSource(TextAssetSource(engine: engine))
     try engine.asset.addSource(PhotoRollAssetSource(engine: engine))
     // highlight-starter-kit-on-load-asset-sources
   }

package/ios/StarterKits/Video/components/InspectorBar+Video.swift

@@ -11,9 +11,11 @@ extension VideoEditorConfiguration {
         InspectorBar.Buttons.replace()
 
         InspectorBar.Buttons.editText()
+        InspectorBar.Buttons.textPresets()
         InspectorBar.Buttons.formatText()
         InspectorBar.Buttons.fillStroke()
         InspectorBar.Buttons.textBackground()
+        InspectorBar.Buttons.textOnPath()
         InspectorBar.Buttons.addVoiceoverRecording()
         InspectorBar.Buttons.volume()
         InspectorBar.Buttons.clipSpeed()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imgly/editor-react-native",
-  "version": "1.76.0",
+  "version": "1.77.0",
   "description": "CreativeEditor SDK for React Native - enable photo, video and design editing for your users on iOS and Android.",
   "react-native": "index.js",
   "source": "index.js",

package/src/NativeIMGLYEditor.ts

@@ -96,7 +96,7 @@ export class EditorSettingsModel implements EditorSettings {
    * sources (stickers, filters, and more).
    */
   baseUri: string =
-    'https://cdn.img.ly/packages/imgly/cesdk-react-native/1.76.0/assets';
+    'https://cdn.img.ly/packages/imgly/cesdk-react-native/1.77.0/assets';
 
   /**
    * Unique ID tied to your application's user.