@datadog/mobile-react-native-session-replay 2.4.4-alpha.0 → 2.5.0-alpha.0

package/android/src/main/kotlin/com/datadog/reactnative/sessionreplay/mappers/ReactEditTextMapper.kt

@@ -6,41 +6,51 @@
 
 package com.datadog.reactnative.sessionreplay.mappers
 
+import ReactViewBackgroundDrawableUtils
+import android.view.View
 import com.datadog.android.api.InternalLogger
 import com.datadog.android.sessionreplay.model.MobileSegment
 import com.datadog.android.sessionreplay.recorder.MappingContext
+import com.datadog.android.sessionreplay.recorder.mapper.BaseAsyncBackgroundWireframeMapper
 import com.datadog.android.sessionreplay.recorder.mapper.EditTextMapper
-import com.datadog.android.sessionreplay.recorder.mapper.WireframeMapper
 import com.datadog.android.sessionreplay.utils.AsyncJobStatusCallback
 import com.datadog.android.sessionreplay.utils.DefaultColorStringFormatter
 import com.datadog.android.sessionreplay.utils.DefaultViewBoundsResolver
 import com.datadog.android.sessionreplay.utils.DefaultViewIdentifierResolver
 import com.datadog.android.sessionreplay.utils.DrawableToColorMapper
+import com.datadog.android.sessionreplay.utils.GlobalBounds
 import com.datadog.reactnative.sessionreplay.NoopTextPropertiesResolver
 import com.datadog.reactnative.sessionreplay.ReactTextPropertiesResolver
 import com.datadog.reactnative.sessionreplay.TextPropertiesResolver
 import com.datadog.reactnative.sessionreplay.utils.TextViewUtils
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.uimanager.UIManagerModule
+import com.facebook.react.views.image.ReactImageView
 import com.facebook.react.views.textinput.ReactEditText
 
 internal class ReactEditTextMapper(
     private val reactTextPropertiesResolver: TextPropertiesResolver =
         NoopTextPropertiesResolver(),
     private val textViewUtils: TextViewUtils = TextViewUtils(),
-): WireframeMapper<ReactEditText> {
+) : BaseAsyncBackgroundWireframeMapper<ReactEditText>(
+    viewIdentifierResolver = DefaultViewIdentifierResolver,
+    colorStringFormatter = DefaultColorStringFormatter,
+    viewBoundsResolver = DefaultViewBoundsResolver,
+    drawableToColorMapper = DrawableToColorMapper.getDefault(),
+) {
+    private val drawableUtils = ReactViewBackgroundDrawableUtils()
 
     private val editTextMapper = EditTextMapper(
-        viewIdentifierResolver = DefaultViewIdentifierResolver,
-        colorStringFormatter = DefaultColorStringFormatter,
-        viewBoundsResolver = DefaultViewBoundsResolver,
-        drawableToColorMapper = DrawableToColorMapper.getDefault(),
+        viewIdentifierResolver = viewIdentifierResolver,
+        colorStringFormatter = colorStringFormatter,
+        viewBoundsResolver = viewBoundsResolver,
+        drawableToColorMapper = drawableToColorMapper,
     )
 
     internal constructor(
         reactContext: ReactContext,
         uiManagerModule: UIManagerModule?
-    ): this(
+    ) : this(
         reactTextPropertiesResolver = if (uiManagerModule == null) {
             NoopTextPropertiesResolver()
         } else {
@@ -50,24 +60,88 @@ internal class ReactEditTextMapper(
             )
         }
     )
+
     override fun map(
         view: ReactEditText,
         mappingContext: MappingContext,
         asyncJobStatusCallback: AsyncJobStatusCallback,
         internalLogger: InternalLogger
     ): List<MobileSegment.Wireframe> {
-        val wireframes = editTextMapper.map(
+        val backgroundWireframes = mutableListOf<MobileSegment.Wireframe>().apply {
+            addAll(
+                super.map(
+                    view,
+                    mappingContext,
+                    asyncJobStatusCallback,
+                    internalLogger
+                )
+            )
+        }
+
+        backgroundWireframes += editTextMapper.map(
             view = view,
             mappingContext = mappingContext,
             asyncJobStatusCallback = asyncJobStatusCallback,
             internalLogger = internalLogger
-        )
+        ).filterNot { it is MobileSegment.Wireframe.ImageWireframe }
 
         return textViewUtils.mapTextViewToWireframes(
-            wireframes = wireframes,
+            wireframes = backgroundWireframes,
             view = view,
             mappingContext = mappingContext,
             reactTextPropertiesResolver = reactTextPropertiesResolver
         )
     }
+
+    @Suppress("FunctionMaxLength")
+    override fun resolveBackgroundAsImageWireframe(
+        view: View,
+        bounds: GlobalBounds,
+        width: Int,
+        height: Int,
+        mappingContext: MappingContext,
+        asyncJobStatusCallback: AsyncJobStatusCallback
+    ): MobileSegment.Wireframe? {
+        if (view !is ReactImageView) {
+            return super.resolveBackgroundAsImageWireframe(
+                view,
+                bounds,
+                width,
+                height,
+                mappingContext,
+                asyncJobStatusCallback
+            )
+        }
+
+        val backgroundDrawable = drawableUtils.getReactBackgroundFromDrawable(view.background)
+            ?: return null
+
+        val density = mappingContext.systemInformation.screenDensity
+
+        val identifier = viewIdentifierResolver.resolveChildUniqueIdentifier(
+            view,
+            "drawable0"
+        ) ?: return null
+
+        val globalBounds = viewBoundsResolver.resolveViewGlobalBounds(
+            view,
+            density
+        )
+
+        val (shape, border) = drawableUtils.resolveShapeAndBorder(
+            backgroundDrawable,
+            view.alpha,
+            mappingContext.systemInformation.screenDensity
+        )
+
+        return MobileSegment.Wireframe.ShapeWireframe(
+            identifier,
+            globalBounds.x,
+            globalBounds.y,
+            globalBounds.width,
+            globalBounds.height,
+            border = border,
+            shapeStyle = shape
+        )
+    }
 }

package/android/src/main/kotlin/com/datadog/reactnative/sessionreplay/mappers/ReactNativeImageViewMapper.kt

@@ -0,0 +1,106 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+package com.datadog.reactnative.sessionreplay.mappers
+
+import android.graphics.Rect
+import com.datadog.android.api.InternalLogger
+import com.datadog.android.internal.utils.ImageViewUtils
+import com.datadog.android.internal.utils.densityNormalized
+import com.datadog.android.sessionreplay.model.MobileSegment
+import com.datadog.android.sessionreplay.recorder.MappingContext
+import com.datadog.android.sessionreplay.recorder.mapper.BaseAsyncBackgroundWireframeMapper
+import com.datadog.android.sessionreplay.utils.AsyncJobStatusCallback
+import com.datadog.android.sessionreplay.utils.DefaultColorStringFormatter
+import com.datadog.android.sessionreplay.utils.DefaultViewBoundsResolver
+import com.datadog.android.sessionreplay.utils.DefaultViewIdentifierResolver
+import com.datadog.android.sessionreplay.utils.DrawableToColorMapper
+import com.datadog.reactnative.sessionreplay.extensions.getScaleTypeDrawable
+import com.datadog.reactnative.sessionreplay.extensions.imageViewScaleType
+import com.datadog.reactnative.sessionreplay.resources.ReactDrawableCopier
+import com.facebook.drawee.drawable.FadeDrawable
+import com.facebook.react.views.image.ReactImageView
+
+internal class ReactNativeImageViewMapper: BaseAsyncBackgroundWireframeMapper<ReactImageView>(
+    viewIdentifierResolver = DefaultViewIdentifierResolver,
+    colorStringFormatter = DefaultColorStringFormatter,
+    viewBoundsResolver = DefaultViewBoundsResolver,
+    drawableToColorMapper = DrawableToColorMapper.getDefault()
+) {
+    private val drawableCopier = ReactDrawableCopier()
+
+    override fun map(
+        view: ReactImageView,
+        mappingContext: MappingContext,
+        asyncJobStatusCallback: AsyncJobStatusCallback,
+        internalLogger: InternalLogger
+    ): List<MobileSegment.Wireframe> {
+        val wireframes = mutableListOf<MobileSegment.Wireframe>()
+        wireframes.addAll(super.map(view, mappingContext, asyncJobStatusCallback, internalLogger))
+
+        val drawable = view.drawable?.current ?: return wireframes
+
+        val parentRect = ImageViewUtils.resolveParentRectAbsPosition(view)
+        val scaleType = (drawable as? FadeDrawable)
+            ?.getScaleTypeDrawable()
+            ?.imageViewScaleType() ?: view.scaleType
+        val contentRect = ImageViewUtils.resolveContentRectWithScaling(view, drawable, scaleType)
+
+        val resources = view.resources
+        val density = resources.displayMetrics.density
+
+        val clipping = if (view.cropToPadding) {
+            ImageViewUtils.calculateClipping(parentRect, contentRect, density)
+        } else {
+            null
+        }
+
+        val contentXPosInDp = contentRect.left.densityNormalized(density).toLong()
+        val contentYPosInDp = contentRect.top.densityNormalized(density).toLong()
+        val contentWidthPx = contentRect.width()
+        val contentHeightPx = contentRect.height()
+
+        // resolve foreground
+        mappingContext.imageWireframeHelper.createImageWireframeByDrawable(
+            view = view,
+            imagePrivacy = mappingContext.imagePrivacy,
+            currentWireframeIndex = wireframes.size,
+            x = contentXPosInDp,
+            y = contentYPosInDp,
+            width = contentWidthPx,
+            height = contentHeightPx,
+            usePIIPlaceholder = true,
+            drawable = drawable,
+            drawableCopier = drawableCopier,
+            asyncJobStatusCallback = asyncJobStatusCallback,
+            clipping = clipping?.toWireframeClip(),
+            shapeStyle = null,
+            border = null,
+            prefix = "drawable",
+            customResourceIdCacheKey = generateUUID(view)
+        )?.let {
+            wireframes.add(it)
+        }
+
+        return wireframes
+    }
+
+    private fun generateUUID(reactImageView: ReactImageView): String {
+        val hashCode = System.identityHashCode(reactImageView).toString()
+        val drawableType = reactImageView.drawable.current::class.java.name
+        return "${drawableType}-${hashCode}"
+    }
+
+    private fun Rect.toWireframeClip(): MobileSegment.WireframeClip {
+        return MobileSegment.WireframeClip(
+            top = top.toLong(),
+            bottom = bottom.toLong(),
+            left = left.toLong(),
+            right = right.toLong()
+        )
+    }
+}
+

package/android/src/main/kotlin/com/datadog/reactnative/sessionreplay/mappers/ReactViewGroupMapper.kt

@@ -6,6 +6,7 @@
 
 package com.datadog.reactnative.sessionreplay.mappers
 
+import ReactViewBackgroundDrawableUtils
 import com.datadog.android.api.InternalLogger
 import com.datadog.android.sessionreplay.model.MobileSegment
 import com.datadog.android.sessionreplay.recorder.MappingContext
@@ -18,13 +19,11 @@ import com.datadog.android.sessionreplay.utils.DefaultViewBoundsResolver.resolve
 import com.datadog.android.sessionreplay.utils.DefaultViewIdentifierResolver
 import com.datadog.android.sessionreplay.utils.DrawableToColorMapper
 import com.datadog.reactnative.sessionreplay.utils.DrawableUtils
-import com.datadog.reactnative.sessionreplay.utils.ReactViewBackgroundDrawableUtils
 import com.facebook.react.views.view.ReactViewGroup
 
 internal class ReactViewGroupMapper(
-    private val reactViewBackgroundDrawableUtils: ReactViewBackgroundDrawableUtils =
-        ReactViewBackgroundDrawableUtils(),
-    private val drawableUtils: DrawableUtils = DrawableUtils()
+    private val drawableUtils: DrawableUtils =
+        ReactViewBackgroundDrawableUtils()
 ) :
     BaseWireframeMapper<ReactViewGroup>(
         viewIdentifierResolver = DefaultViewIdentifierResolver,
@@ -49,7 +48,7 @@ internal class ReactViewGroupMapper(
 
         val (shapeStyle, border) =
             if (backgroundDrawable != null) {
-                reactViewBackgroundDrawableUtils
+                drawableUtils
                     .resolveShapeAndBorder(backgroundDrawable, opacity, pixelDensity)
             } else {
                 null to null

package/android/src/main/kotlin/com/datadog/reactnative/sessionreplay/resources/ReactDrawableCopier.kt

@@ -0,0 +1,34 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+package com.datadog.reactnative.sessionreplay.resources
+
+import android.content.res.Resources
+import android.graphics.drawable.BitmapDrawable
+import android.graphics.drawable.Drawable
+import com.datadog.android.sessionreplay.recorder.resources.DefaultDrawableCopier
+import com.datadog.android.sessionreplay.recorder.resources.DrawableCopier
+import com.datadog.reactnative.sessionreplay.extensions.tryToExtractBitmap
+
+internal class ReactDrawableCopier : DrawableCopier {
+    private val defaultCopier = DefaultDrawableCopier()
+
+    override fun copy(
+        originalDrawable: Drawable,
+        resources: Resources
+    ): Drawable? {
+        return if (originalDrawable.constantState != null) {
+            defaultCopier.copy(originalDrawable, resources)
+        } else {
+            originalDrawable.tryToExtractBitmap(resources)?.let { bitmap ->
+                BitmapDrawable(resources, bitmap).apply {
+                    bounds = originalDrawable.bounds
+                    alpha = originalDrawable.alpha
+                }
+            }
+        }
+    }
+}

package/android/src/main/kotlin/com/datadog/reactnative/sessionreplay/utils/DrawableUtils.kt

@@ -7,29 +7,16 @@
 package com.datadog.reactnative.sessionreplay.utils
 
 import android.graphics.drawable.Drawable
-import android.graphics.drawable.InsetDrawable
-import android.graphics.drawable.LayerDrawable
-import com.facebook.react.views.view.ReactViewBackgroundDrawable
+import com.datadog.android.sessionreplay.model.MobileSegment
 
-internal class DrawableUtils {
-    internal fun getReactBackgroundFromDrawable(drawable: Drawable?): ReactViewBackgroundDrawable? {
-        if (drawable is ReactViewBackgroundDrawable) {
-            return drawable
-        }
+internal abstract class DrawableUtils(
+    protected val reflectionUtils: ReflectionUtils = ReflectionUtils()
+) {
+    internal abstract fun resolveShapeAndBorder(
+        drawable: Drawable,
+        opacity: Float,
+        pixelDensity: Float
+    ): Pair<MobileSegment.ShapeStyle?, MobileSegment.ShapeBorder?>
 
-        if (drawable is InsetDrawable) {
-            return getReactBackgroundFromDrawable(drawable.drawable)
-        }
-
-        if (drawable is LayerDrawable) {
-            for (layerNumber in 0 until drawable.numberOfLayers) {
-                val layer = drawable.getDrawable(layerNumber)
-                if (layer is ReactViewBackgroundDrawable) {
-                    return layer
-                }
-            }
-        }
-
-        return null
-    }
+    internal abstract fun getReactBackgroundFromDrawable(drawable: Drawable?): Drawable?
 }

package/android/src/newarch/kotlin/com/datadog/reactnative/sessionreplay/DdSessionReplay.kt

@@ -20,20 +20,44 @@ class DdSessionReplay(
     private val implementation = DdSessionReplayImplementation(reactContext)
 
     override fun getName(): String = DdSessionReplayImplementation.NAME
-    
+
     /**
      * Enable session replay and start recording session.
      * @param replaySampleRate The sample rate applied for session replay.
-     * @param defaultPrivacyLevel The privacy level used for replay.
      * @param customEndpoint Custom server url for sending replay data.
+     * @param imagePrivacyLevel Defines the way images should be masked.
+     * @param touchPrivacyLevel Defines the way user touches should be masked.
+     * @param textAndInputPrivacyLevel Defines the way text and input should be masked.
+     * @param startRecordingImmediately Whether the recording should start immediately when the feature is enabled.
      */
     @ReactMethod
     override fun enable(
         replaySampleRate: Double,
-        defaultPrivacyLevel: String,
         customEndpoint: String,
+        imagePrivacyLevel: String,
+        touchPrivacyLevel: String,
+        textAndInputPrivacyLevel: String,
+        startRecordingImmediately: Boolean,
         promise: Promise
     ) {
-        implementation.enable(replaySampleRate, defaultPrivacyLevel, customEndpoint, promise)
+        implementation.enable(
+            replaySampleRate,
+            customEndpoint,
+            SessionReplayPrivacySettings(
+                imagePrivacyLevel = imagePrivacyLevel,
+                touchPrivacyLevel = touchPrivacyLevel,
+                textAndInputPrivacyLevel = textAndInputPrivacyLevel
+            ),
+            startRecordingImmediately,
+            promise
+        )
+    }
+
+    override fun startRecording(promise: Promise) {
+        implementation.startRecording(promise)
+    }
+
+    override fun stopRecording(promise: Promise) {
+        implementation.stopRecording(promise)
     }
 }

package/android/src/oldarch/kotlin/com/datadog/reactnative/sessionreplay/DdSessionReplay.kt

@@ -25,16 +25,48 @@ class DdSessionReplay(
     /**
      * Enable session replay and start recording session.
      * @param replaySampleRate The sample rate applied for session replay.
-     * @param defaultPrivacyLevel The privacy level used for replay.
      * @param customEndpoint Custom server url for sending replay data.
+     * @param imagePrivacyLevel Defines the way images should be masked.
+     * @param touchPrivacyLevel Defines the way user touches should be masked.
+     * @param textAndInputPrivacyLevel Defines the way text and input should be masked.
+     * @param startRecordingImmediately Whether the recording should start immediately when the feature is enabled.
      */
     @ReactMethod
     fun enable(
         replaySampleRate: Double,
-        defaultPrivacyLevel: String,
         customEndpoint: String,
+        imagePrivacyLevel: String,
+        touchPrivacyLevel: String,
+        textAndInputPrivacyLevel: String,
+        startRecordingImmediately: Boolean,
         promise: Promise
     ) {
-        implementation.enable(replaySampleRate, defaultPrivacyLevel, customEndpoint, promise)
+        implementation.enable(
+            replaySampleRate,
+            customEndpoint,
+            SessionReplayPrivacySettings(
+                imagePrivacyLevel = imagePrivacyLevel,
+                touchPrivacyLevel = touchPrivacyLevel,
+                textAndInputPrivacyLevel = textAndInputPrivacyLevel
+            ),
+            startRecordingImmediately,
+            promise
+        )
+    }
+
+    /**
+     * Manually start recording the current session.
+     */
+    @ReactMethod
+    fun startRecording(promise: Promise) {
+        implementation.startRecording(promise)
+    }
+
+    /**
+     * Manually stop recording the current session.
+     */
+    @ReactMethod
+    fun stopRecording(promise: Promise) {
+        implementation.stopRecording(promise)
     }
 }

package/android/src/{main/kotlin/com/datadog/reactnative/sessionreplay/extensions/LongExt.kt → rn75/kotlin/com/datadog/reactnative/sessionreplay/extensions/LengthPercentageExt.kt}

@@ -3,13 +3,11 @@
  * This product includes software developed at Datadog (https://www.datadoghq.com/).
  * Copyright 2016-Present Datadog, Inc.
  */
-
 package com.datadog.reactnative.sessionreplay.extensions
 
-internal fun Long.convertToDensityNormalized(density: Float): Long {
-    return if (density == 0f) {
-        this
-    } else {
-        (this / density).toLong()
-    }
-}
+import com.facebook.react.uimanager.LengthPercentage
+
+internal fun LengthPercentage?.getRadius(width: Float, height: Float) = this
+    ?.resolve(width, height)
+    ?.let { (it.horizontal + it.vertical) / 2f }
+    ?: 0f

package/android/src/rn75/kotlin/com/datadog/reactnative/sessionreplay/utils/ReactViewBackgroundDrawableUtils.kt

@@ -0,0 +1,101 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+import android.graphics.drawable.Drawable
+import android.graphics.drawable.InsetDrawable
+import android.graphics.drawable.LayerDrawable
+import com.datadog.android.internal.utils.densityNormalized
+import com.datadog.android.sessionreplay.model.MobileSegment
+import com.datadog.reactnative.sessionreplay.extensions.getRadius
+import com.datadog.reactnative.sessionreplay.utils.DrawableUtils
+import com.datadog.reactnative.sessionreplay.utils.formatAsRgba
+import com.facebook.react.common.annotations.UnstableReactNativeAPI
+import com.facebook.react.uimanager.Spacing
+import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable
+
+internal class ReactViewBackgroundDrawableUtils : DrawableUtils() {
+    @OptIn(UnstableReactNativeAPI::class)
+    override fun resolveShapeAndBorder(
+        drawable: Drawable,
+        opacity: Float,
+        pixelDensity: Float
+    ): Pair<MobileSegment.ShapeStyle?, MobileSegment.ShapeBorder?> {
+        if (drawable !is CSSBackgroundDrawable) {
+            return null to null
+        }
+
+        val borderProps = resolveBorder(drawable, pixelDensity)
+        val backgroundColor = getBackgroundColor(drawable)
+        val colorHexString = if (backgroundColor != null) {
+            formatAsRgba(backgroundColor)
+        } else {
+            return null to borderProps
+        }
+
+        return MobileSegment.ShapeStyle(
+            colorHexString,
+            opacity,
+            getBorderRadius(drawable)
+        ) to borderProps
+    }
+
+    @OptIn(UnstableReactNativeAPI::class)
+    override fun getReactBackgroundFromDrawable(drawable: Drawable?): Drawable? {
+        if (drawable is CSSBackgroundDrawable) {
+            return drawable
+        }
+
+        if (drawable is InsetDrawable) {
+            return getReactBackgroundFromDrawable(drawable.drawable)
+        }
+
+        if (drawable is LayerDrawable) {
+            for (layerNumber in 0 until drawable.numberOfLayers) {
+                val layer = drawable.getDrawable(layerNumber)
+                if (layer is CSSBackgroundDrawable) {
+                    return layer
+                }
+            }
+        }
+
+        return null
+    }
+
+    @OptIn(UnstableReactNativeAPI::class)
+    private fun getBorderRadius(drawable: CSSBackgroundDrawable): Float {
+        val width = drawable.intrinsicWidth.toFloat()
+        val height = drawable.intrinsicHeight.toFloat()
+        return drawable.borderRadius.uniform?.getRadius(width, height) ?: 0f
+    }
+
+    @OptIn(UnstableReactNativeAPI::class)
+    private fun getBackgroundColor(
+        backgroundDrawable: CSSBackgroundDrawable
+    ): Int? {
+        return reflectionUtils.getDeclaredField(
+            backgroundDrawable,
+            COLOR_FIELD_NAME
+        ) as Int?
+    }
+
+    @OptIn(UnstableReactNativeAPI::class)
+    private fun resolveBorder(
+        backgroundDrawable: CSSBackgroundDrawable,
+        pixelDensity: Float
+    ): MobileSegment.ShapeBorder {
+        val borderWidth =
+            backgroundDrawable.fullBorderWidth.toLong().densityNormalized(pixelDensity)
+        val borderColor = formatAsRgba(backgroundDrawable.getBorderColor(Spacing.ALL))
+
+        return MobileSegment.ShapeBorder(
+            color = borderColor,
+            width = borderWidth
+        )
+    }
+
+    private companion object {
+        private const val COLOR_FIELD_NAME = "mColor"
+    }
+}

package/android/src/rn76/kotlin/com/datadog/reactnative/sessionreplay/extensions/LengthPercentageExt.kt

@@ -0,0 +1,13 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+package com.datadog.reactnative.sessionreplay.extensions
+
+import com.facebook.react.uimanager.LengthPercentage
+
+internal fun LengthPercentage?.getRadius(width: Float, height: Float) = this
+    ?.resolve(width, height)
+    ?.let { (it.horizontal + it.vertical) / 2f }
+    ?: 0f