diff --git a/.github/workflows/publish_aar.yml b/.github/workflows/publish_aar.yml index 156bfb6..2c976b5 100644 --- a/.github/workflows/publish_aar.yml +++ b/.github/workflows/publish_aar.yml @@ -26,6 +26,6 @@ jobs: - name: Grant execute permission for gradlew run: chmod +x gradlew - name: Assemble with Stacktrace - run: ./gradlew :navi-uitron:assembleDebug --stacktrace + run: ./gradlew :navi-uitron:assembleRelease --stacktrace - name: Upload to nexus run: ./gradlew publish -PIS_SNAPSHOT=true -PNEXUS_URL=https://nexus.cmd.navi-tech.in/repository/maven-snapshots -PNEXUS_USERNAME=${{ secrets.NEXUS_USERNAME }} -PNEXUS_PASSWORD=${{ secrets.NEXUS_PASSWORD }} \ No newline at end of file diff --git a/app/build.gradle b/app/build.gradle index 759b83c..83957dd 100644 --- a/app/build.gradle +++ b/app/build.gradle @@ -22,7 +22,9 @@ android { buildTypes { release { - minifyEnabled false + debuggable false + minifyEnabled true + shrinkResources true proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' } } diff --git a/app/proguard-rules.pro b/app/proguard-rules.pro index 481bb43..63e3500 100644 --- a/app/proguard-rules.pro +++ b/app/proguard-rules.pro @@ -11,11 +11,24 @@ #-keepclassmembers class fqcn.of.javascript.interface.for.webview { # public *; #} +-keep class **.models.** { *; } +-keep class **.model.** { *; } -# Uncomment this to preserve the line number information for -# debugging stack traces. -#-keepattributes SourceFile,LineNumberTable +-keepnames class * implements android.os.Parcelable { + public static final ** CREATOR; +} +-keepclassmembers class * implements android.os.Parcelable { + public static final android.os.Parcelable$Creator *; +} -# If you keep the line number information, uncomment this to -# hide the original source file name. -#-renamesourcefileattribute SourceFile \ No newline at end of file +#enums +-keepclassmembers class * extends java.lang.Enum { + ; + public static **[] values(); + public static ** valueOf(java.lang.String); +} + +#Gson specific classes +-keep class com.google.gson.stream.** { *; } +-keep class com.google.gson.FieldNamingStrategy { *; } +-keep class com.google.gson.Gson.** { *; } \ No newline at end of file diff --git a/app/src/main/res/raw/mock.json b/app/src/main/res/raw/mock.json index 1598767..8947aa9 100644 --- a/app/src/main/res/raw/mock.json +++ b/app/src/main/res/raw/mock.json @@ -310,6 +310,14 @@ "height": "350", "backgroundColor": "#854836" } + }, + { + "property": { + "viewType": "Spacer", + "width": "MATCH_PARENT", + "height": "350", + "backgroundColor": "#642934" + } } ] } @@ -1484,5 +1492,5218 @@ } ], "data": {} + }, + "homePageMock": { + "parentComposeView": [ + { + "property": { + "viewType": "LazyColumn", + "width": "MATCH_PARENT", + "layoutId": "whats_new", + "height": "WRAP_CONTENT", + "horizontalAlignment": "Start", + "verticalScroll": { + "enabled": true + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_1", + "height": "16" + } + }, + { + "property": { + "viewType": "Row", + "arrangementData": { + "arrangementType": "Start" + }, + "width": "MATCH_PARENT", + "layoutId": "journeyRow", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "Pager", + "width": "MATCH_PARENT", + "height": 230, + "layoutId": "page_renderer", + "spacingStyle": { + "type": "even", + "spacing": 16 + } + }, + "childrenViews": [ + { + "data": { + "button_text": { + "viewType": "Text", + "text": "Continue" + }, + "title": { + "viewType": "SpannableText", + "textMap": { + "text_1": "Fill your", + "text_2": "Basic Details", + "text_3": "to get cash loan from Navi" + } + }, + "pl_journey_card": { + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "FOOTER_NEXT_PRESS", + "url": "LOAN_APPLICATION_V2/LOAN_DETAILS_V2" + } + }, + { + "type": "AnalyticsAction", + "eventName": "PL_popup_checkoffer_click" + } + ] + } + }, + "offerTitle": { + "viewType": "Text", + "text": "Offer expires in 29 days" + }, + "tagLabel": { + "viewType": "Text", + "text": "CASH LOAN" + }, + "subTitle": { + "viewType": "Text", + "text": "Only few steps remaining!" + }, + "journeyProductIcon": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/KjmnvKPy/Group-36295-1.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_X_LARGE" + } + }, + "property": { + "elevation": 0, + "backgroundColor": "#F8EDFF", + "borderStrokeData": { + "color": "#E6BEFF", + "width": 1 + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "viewType": "Card", + "width": "MATCH_CONTENT", + "layoutId": "pl_journey_card", + "height": "MATCH_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "MATCH_PARENT", + "layoutId": "option_holder" + }, + "childrenViews": [ + { + "property": { + "viewType": "Box", + "layoutId": "tagCard", + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomEnd": 4 + } + }, + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "tagLabel", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 8, + "end": 8, + "top": 4, + "bottom": 4 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 10, + "textColor": "#3C0050" + } + } + ] + }, + { + "property": { + "spanProperty": [ + { + "stringId": "text_1", + "property": { + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 16, + "textColor": "#191919" + } + }, + { + "stringId": "text_2", + "property": { + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 16, + "textColor": "#191919" + } + }, + { + "stringId": "text_3", + "property": { + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 16, + "textColor": "#191919" + } + } + ], + "viewType": "SpannableText", + "layoutId": "title", + "width": "FILL_TO_CONSTRAINTS", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "tagCard", + "constraint": "BOTTOM", + "margin": 28 + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "subTitle", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR", + "width": "FILL_TO_CONSTRAINTS", + "fontSize": 12, + "textColor": "#444444", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "title", + "constraint": "BOTTOM", + "margin": 8 + } + } + } + }, + { + "property": { + "viewType": "Box", + "layoutId": "continueButton", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "backgroundColor": "#2A0038", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 16 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "button_text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 25, + "end": 25, + "top": 11, + "bottom": 11 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#ffffff" + } + } + ] + }, + { + "property": { + "viewType": "Image", + "layoutId": "journeyProductIcon", + "height": 92, + "width": 92, + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + } + ] + } + ] + }, + { + "data": { + "title": { + "viewType": "Text", + "text": "Your cash loan is ready" + }, + "subTitle": { + "viewType": "Text", + "text": "INR 20,00,000.00" + }, + "pl_journey_card": { + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "FOOTER_NEXT_PRESS", + "url": "LOAN_APPLICATION_V2/LOAN_DETAILS_V2" + } + }, + { + "type": "AnalyticsAction", + "eventName": "PL_popup_checkoffer_click" + } + ] + } + }, + "confetti_lottie": { + "viewType": "Lottie", + "lottieUrl": "https://public-assets.np.navi-sa.in/confetti_from_above.json", + "iterations": 500 + }, + "timerLottie": { + "viewType": "Lottie", + "lottieUrl": "TIMER_ICON" + }, + "offerTitle": { + "viewType": "Text", + "text": "Offer expires in 29 days" + }, + "tagLabel": { + "viewType": "Text", + "text": "CASH LOAN" + }, + "step_1_title": { + "viewType": "Text", + "text": "Bank details" + }, + "step_2_title": { + "viewType": "Text", + "text": "Kyc" + }, + "step_3_title": { + "viewType": "Text", + "text": "Bank details" + }, + "button_text": { + "viewType": "Text", + "text": "Get Cash" + }, + "step_1_icon": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/DyZwR6pV/circle.png" + }, + "step_2_icon": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/DyZwR6pV/circle.png" + }, + "step_3_icon": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/DyZwR6pV/circle.png" + }, + "journeyProductIcon": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/KjmnvKPy/Group-36295-1.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_X_LARGE" + } + }, + "property": { + "elevation": 0, + "backgroundColor": "#F8EDFF", + "borderStrokeData": { + "color": "#E6BEFF", + "width": 1 + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "viewType": "Card", + "width": "MATCH_CONTENT", + "layoutId": "pl_journey_card", + "height": "MATCH_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "MATCH_PARENT", + "layoutId": "option_holder" + }, + "childrenViews": [ + { + "property": { + "width": "MATCH_PARENT", + "height": "FILL_TO_CONSTRAINT", + "viewType": "Lottie", + "layoutId": "confetti_lottie", + "constraintLinks": { + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "title", + "constraint": "TOP", + "margin": 6 + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + } + } + } + }, + { + "property": { + "viewType": "Box", + "layoutId": "tagCard", + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomEnd": 4 + } + }, + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "tagLabel", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 8, + "end": 8, + "top": 4, + "bottom": 4 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 10, + "textColor": "#3C0050" + } + } + ] + }, + { + "property": { + "viewType": "Text", + "layoutId": "offerTitle", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "end": 8, + "top": 7, + "bottom": 7 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 10, + "textColor": "#3C0050", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "timerLottie", + "constraint": "TOP" + }, + "bottom": { + "viewId": "timerLottie", + "constraint": "BOTTOM" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "tagLabel", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 8, + "end": 8, + "top": 4, + "bottom": 4 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#3C0050" + } + } + ] + }, + { + "property": { + "viewType": "Lottie", + "layoutId": "timerLottie", + "height": 16, + "width": 16, + "constraintLinks": { + "end": { + "viewId": "offerTitle", + "constraint": "START", + "margin": 4 + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 6 + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "title", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR", + "fontSize": 14, + "width": "FILL_TO_CONSTRAINTS", + "textColor": "#2A0038", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "tagCard", + "constraint": "BOTTOM", + "margin": 28 + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "subTitle", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "width": "FILL_TO_CONSTRAINTS", + "fontSize": 16, + "textColor": "#2A0038", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "title", + "constraint": "BOTTOM", + "margin": 8 + } + } + } + }, + { + "property": { + "viewType": "Box", + "layoutId": "continueButton", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "backgroundColor": "#2A0038", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "bottom": { + "viewId": "spacer_btw_steps", + "constraint": "TOP", + "margin": 16 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "button_text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 25, + "end": 25, + "top": 11, + "bottom": 11 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#ffffff" + } + } + ] + }, + { + "property": { + "viewType": "Image", + "layoutId": "journeyProductIcon", + "height": 92, + "width": 92, + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "bottom": { + "viewId": "spacer_btw_steps", + "constraint": "TOP", + "margin": 16 + } + } + } + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_steps", + "height": "2", + "width": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#ffffff", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "bottom": { + "viewId": "steps_row", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "ConstraintLayout", + "layoutId": "steps_row", + "backgroundColor": "#F2F7FC", + "padding": { + "start": 10, + "end": 10, + "top": 10, + "bottom": 12 + }, + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Box", + "layoutId": "stepsBox1", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 2 + }, + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "backgroundColor": "#EBE4FF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Row" + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "step_1_title", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 4, + "end": 4, + "top": 4, + "bottom": 4 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#011A48" + } + }, + { + "property": { + "padding": { + "top": 2, + "end": 4, + "bottom": 2 + }, + "viewType": "Image", + "layoutId": "step_1_icon", + "height": 16, + "width": 16 + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Divider", + "layoutId": "stepsDivider", + "width": "FILL_TO_CONSTRAINTS", + "color": "#3C0050", + "separation": 12, + "thickness": 1, + "constraintLinks": { + "start": { + "viewId": "stepsBox1", + "constraint": "END" + }, + "end": { + "viewId": "stepsBox2", + "constraint": "START" + }, + "top": { + "viewId": "stepsBox1", + "constraint": "TOP" + }, + "bottom": { + "viewId": "stepsBox1", + "constraint": "BOTTOM" + } + } + } + }, + { + "property": { + "viewType": "Box", + "layoutId": "stepsBox2", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 2 + }, + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "backgroundColor": "#EBE4FF", + "constraintLinks": { + "start": { + "viewId": "stepsBox1", + "constraint": "END" + }, + "end": { + "viewId": "stepsBox3", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Row" + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "step_2_title", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 4, + "end": 4, + "top": 4, + "bottom": 4 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#011A48" + } + }, + { + "property": { + "padding": { + "top": 2, + "end": 4, + "bottom": 2 + }, + "viewType": "Image", + "layoutId": "step_2_icon", + "height": "16", + "width": "16" + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Divider", + "layoutId": "stepsDivider2", + "width": "FILL_TO_CONSTRAINTS", + "color": "#3C0050", + "separation": 12, + "thickness": 1, + "constraintLinks": { + "start": { + "viewId": "stepsBox2", + "constraint": "END" + }, + "end": { + "viewId": "stepsBox3", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + } + }, + { + "property": { + "viewType": "Box", + "layoutId": "stepsBox3", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 2 + }, + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "backgroundColor": "#EBE4FF", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Row" + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "step_3_title", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 4, + "end": 4, + "top": 4, + "bottom": 4 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#011A48" + } + }, + { + "property": { + "padding": { + "top": 2, + "end": 4, + "bottom": 2 + }, + "viewType": "Image", + "layoutId": "step_3_icon", + "height": "16", + "width": "16" + } + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_2", + "height": "16" + } + }, + { + "property": { + "viewType": "Column", + "width": "MATCH_PARENT", + "layoutId": "whats_new", + "height": "WRAP_CONTENT", + "horizontalAlignment": "Start" + }, + "childrenViews": [ + { + "data": { + "whats_new": { + "viewType": "Text", + "text": "What’s new" + } + }, + "property": { + "viewType": "Row", + "arrangementData": { + "arrangementType": "Start" + }, + "padding": { + "start": 16 + }, + "width": "WRAP_CONTENT", + "layoutId": "", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "whats_new", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 18, + "textColor": "#3C0050" + } + } + ] + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_3", + "height": "16" + } + }, + { + "property": { + "viewType": "Row", + "width": "MATCH_PARENT", + "padding": { + "start": 16, + "end": 16 + }, + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "Pager", + "width": "MATCH_PARENT", + "layoutId": "page_renderer", + "verticalAlignment": "Top", + "pagerStateKey": "whatsNew_pager_state", + "height": 344 + }, + "childrenViews": [ + { + "data": { + "title": { + "viewType": "Text", + "text": "Start investing with just ₹10" + }, + "subTitle": { + "viewType": "Text", + "text": "Grow money by investing with us!" + }, + "buttonText": { + "viewType": "Text", + "text": "Start investing" + }, + "productIcon": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/52rfr8BT/Group-37796.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_XX_LARGE" + } + }, + "property": { + "elevation": 0, + "backgroundColor": "#F2F7FC", + "borderStrokeData": { + "color": "#BED7FF", + "width": 1 + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "viewType": "Card", + "width": "MATCH_PARENT", + "layoutId": "whats_new_card", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "layoutId": "option_holder", + "padding": { + "start": 16, + "end": 16, + "bottom": 0 + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Image", + "layoutId": "productIcon", + "height": 164, + "width": 254, + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 24 + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "title", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 16, + "textColor": "#444444", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "productIcon", + "constraint": "BOTTOM", + "margin": 15 + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "subTitle", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR", + "fontSize": 14, + "textColor": "#6B6B6B", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "title", + "constraint": "BOTTOM", + "margin": 8 + } + } + } + }, + { + "property": { + "viewType": "Row", + "layoutId": "button", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "backgroundColor": "#2A0038", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "subTitle", + "constraint": "BOTTOM", + "margin": 24 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 24 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "buttonText", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#FFFFFF", + "padding": { + "start": 16, + "end": 16, + "bottom": 10, + "top": 10 + } + } + } + ] + } + ] + } + ] + }, + { + "data": { + "fullImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/gjY6fttD/Mask-group.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_XX_LARGE" + } + }, + "property": { + "viewType": "Image", + "layoutId": "fullImage", + "height": "WRAP_CONTENT", + "width": "MATCH_PARENT", + "contentScale": "FillBounds" + } + }, + { + "data": { + "fullImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/gjY6fttD/Mask-group.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_XX_LARGE" + } + }, + "property": { + "viewType": "Image", + "layoutId": "fullImage", + "height": "WRAP_CONTENT", + "width": "MATCH_PARENT", + "contentScale": "FillBounds" + } + }, + { + "data": { + "fullImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/gjY6fttD/Mask-group.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_XX_LARGE" + } + }, + "property": { + "viewType": "Image", + "layoutId": "fullImage", + "height": "WRAP_CONTENT", + "width": "MATCH_PARENT", + "contentScale": "FillBounds" + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Row", + "width": "MATCH_PARENT", + "padding": { + "top": 16 + }, + "height": "WRAP_CONTENT", + "arrangementData": { + "arrangementType": "Center" + } + }, + "childrenViews": [ + { + "property": { + "viewType": "PagerIndicator", + "layoutId": "pager_indicator", + "orientation": "horizontal", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "pagerStateKey": "whatsNew_pager_state", + "activeColor": "#3C0050", + "inactiveColor": "#E9E7F0", + "indicatorWidth": 12, + "indicatorHeight": 4, + "spacing": 8, + "indicatorShape": { + "shapeType": "RoundedCornerShape", + "size": 4 + } + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_4", + "height": "16" + } + }, + { + "property": { + "viewType": "Column", + "width": "MATCH_PARENT", + "layoutId": "pl_journey_card", + "height": "WRAP_CONTENT", + "horizontalAlignment": "Start" + }, + "childrenViews": [ + { + "property": { + "viewType": "Row", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "Pager", + "width": "MATCH_PARENT", + "layoutId": "page_renderer", + "scrollDelay": 3000, + "verticalAlignment": "Top", + "pagerStateKey": "promotion_pager_indicator", + "height": 232 + }, + "childrenViews": [ + { + "data": { + "option_holder": { + "viewType": "ConstraintLayout", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "", + "url": "HOME" + } + }, + { + "type": "AnalyticsAction", + "eventName": "pl_loandetails_slider_page_close" + } + ] + } + }, + "background_image": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/Y0ZV02Lt/Grid-placeholder.png", + "contentScale": "Crop" + }, + "title": { + "viewType": "Text", + "text": "CASH LOAN" + }, + "subTitle": { + "viewType": "SpannableText", + "textMap": { + "text_1": "Up to ", + "text_2": "₹20 Lakhs" + } + }, + "offer_title": { + "viewType": "Text", + "text": "with ₹0 processing fee" + }, + "button_text": { + "viewType": "Text", + "text": "Apply now" + }, + "button_lottie": { + "viewType": "Lottie", + "lottieUrl": "https://public-assets.np.navi-sa.in/home/chevron_white.json", + "iterations": 500 + }, + "productIcon": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/YjcHVz3N/Group-3913252232.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_XX_LARGE" + } + }, + "property": { + "elevation": 0, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 0 + }, + "viewType": "Card", + "width": "MATCH_PARENT", + "layoutId": "whats_new_card", + "height": "MATCH_PARENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "layoutId": "option_holder", + "backGroundBrushData": { + "brushType": "VERTICAL", + "colorStops": [ + { + "first": 0, + "second": "#F2F7FC" + }, + { + "first": 0.9, + "second": "#EBE4FF" + } + ] + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Image", + "layoutId": "background_image", + "height": "WRAP_CONTENT", + "width": "MATCH_PARENT", + "contentScale": "Crop", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "title", + "width": "FILL_TO_CONSTRAINTS", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_BOLD", + "fontSize": 10, + "letterSpacing": 2, + "textColor": "#3C0050", + "constraintLinks": { + "end": { + "viewId": "productIcon", + "constraint": "START" + }, + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 40 + } + } + } + }, + { + "property": { + "viewType": "SpannableText", + "layoutId": "subTitle", + "spanProperty": [ + { + "stringId": "text_1", + "property": { + "fontFamily": "ttComposeFontFamily", + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 16, + "textColor": "#3C0050" + } + }, + { + "stringId": "text_2", + "property": { + "fontFamily": "ttComposeFontFamily", + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 20, + "textColor": "#3C0050" + } + } + ], + "width": "FILL_TO_CONSTRAINTS", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR", + "fontSize": 20, + "textColor": "#3C0050", + "constraintLinks": { + "end": { + "viewId": "productIcon", + "constraint": "START" + }, + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "title", + "constraint": "BOTTOM", + "margin": 4 + } + } + } + }, + { + "property": { + "viewType": "Box", + "layoutId": "offer_box", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 0 + }, + "backgroundColor": "#FFFFFF", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "subTitle", + "constraint": "BOTTOM", + "margin": 8 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "offer_title", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#191919", + "padding": { + "start": 8, + "end": 8, + "top": 4, + "bottom": 4 + } + } + } + ] + }, + { + "property": { + "viewType": "Box", + "layoutId": "whats_new_button", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "backgroundColor": "#2A0038", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "offer_box", + "constraint": "BOTTOM", + "margin": 38 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 32 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Row", + "layoutId": "button_row", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 16, + "end": 16, + "top": 11, + "bottom": 11 + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "button_text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#FFFFFF" + } + }, + { + "property": { + "viewType": "Lottie", + "layoutId": "button_lottie", + "width": 26, + "height": "WRAP_CONTENT" + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Image", + "layoutId": "productIcon", + "height": 144, + "width": 144, + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 24 + } + } + } + } + ] + } + ] + }, + { + "data": { + "banner": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/gjY6fttD/Mask-group.png", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "REDIRECTION_CTA", + "url": "referral" + } + }, + { + "type": "AnalyticsAction", + "eventName": "home_icon_click" + } + ] + } + } + }, + "property": { + "viewType": "Image", + "layoutId": "banner", + "height": "WRAP_CONTENT", + "width": "MATCH_PARENT", + "contentScale": "Crop" + } + }, + { + "data": { + "banner": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/gjY6fttD/Mask-group.png", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "REDIRECTION_CTA", + "url": "referral" + } + }, + { + "type": "AnalyticsAction", + "eventName": "home_icon_click" + } + ] + } + } + }, + "property": { + "viewType": "Image", + "layoutId": "banner", + "height": "WRAP_CONTENT", + "width": "MATCH_PARENT", + "contentScale": "Crop" + } + }, + { + "data": { + "banner": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/gjY6fttD/Mask-group.png", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "REDIRECTION_CTA", + "url": "referral" + } + }, + { + "type": "AnalyticsAction", + "eventName": "home_icon_click" + } + ] + } + } + }, + "property": { + "viewType": "Image", + "layoutId": "banner", + "height": "WRAP_CONTENT", + "width": "MATCH_PARENT", + "contentScale": "Crop" + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Row", + "width": "MATCH_PARENT", + "padding": { + "top": 16 + }, + "height": "WRAP_CONTENT", + "arrangementData": { + "arrangementType": "Center" + } + }, + "childrenViews": [ + { + "property": { + "viewType": "PagerIndicator", + "layoutId": "promotion_indicator", + "orientation": "horizontal", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "pagerStateKey": "promotion_pager_indicator", + "activeColor": "#3C0050", + "inactiveColor": "#E9E7F0", + "indicatorWidth": 12, + "indicatorHeight": 4, + "spacing": 8, + "indicatorShape": { + "shapeType": "RoundedCornerShape", + "size": 4 + } + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_5", + "height": "16" + } + }, + { + "property": { + "layoutId": "grid", + "viewType": "Grid", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "spanCount": 3, + "itemSpacing": 8, + "padding": { + "start": 12, + "end": 12 + } + }, + "childrenViews": [ + { + "data": { + "tagText": { + "viewType": "Text", + "text": "New" + }, + "itemImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/8PpmG2t7/Frame-1.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_SMALL" + }, + "itemText": { + "viewType": "Text", + "text": "Loan" + }, + "itemSubTitle": { + "viewType": "Text", + "text": "Home" + }, + "gridItem": { + "viewType": "ConstraintLayout", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "REDIRECTION_CTA", + "url": "referral" + } + }, + { + "type": "AnalyticsAction", + "eventName": "home_icon_click" + } + ] + } + } + }, + "property": { + "layoutId": "gridItem", + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "elevation": 0, + "layoutId": "gridBox", + "viewType": "Card", + "width": "FILL_TO_CONSTRAINTS", + "height": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + }, + "borderStrokeData": { + "width": 1, + "color": "#EBEBEB" + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "contentPadding": { + "top": 8 + } + } + }, + { + "property": { + "visible": true, + "layoutId": "itemTag", + "viewType": "Box", + "width": "WRAP_CONTENT", + "height": 18, + "backgroundColor": "#3C0050", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + }, + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4, + "bottomEnd": 4 + } + } + }, + "childrenViews": [ + { + "property": { + "layoutId": "tagText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "lineHeight": 14, + "textColor": "#FFFFFF", + "padding": { + "start": 8, + "end": 8, + "top": 2, + "bottom": 2 + } + } + } + ] + }, + { + "property": { + "layoutId": "itemImage", + "viewType": "Image", + "width": "32", + "height": "32", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "margin": 24, + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "layoutId": "itemText", + "viewType": "Text", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemImage", + "constraint": "BOTTOM", + "margin": 8 + }, + "bottom": { + "viewId": "itemSubTitle", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "visible": true, + "layoutId": "itemSubTitle", + "viewType": "Text", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemText", + "constraint": "BOTTOM" + }, + "bottom": { + "viewId": "gridBox", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + } + ] + }, + { + "data": { + "tagText": { + "viewType": "Text", + "text": "Tag" + }, + "itemImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/nc1ZjD4d/Frame-2.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_SMALL" + }, + "itemText": { + "viewType": "Text", + "text": "Mutual" + }, + "itemSubTitle": { + "viewType": "Text", + "text": "Fund" + } + }, + "property": { + "layoutId": "gridItem_2", + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "elevation": 0, + "layoutId": "gridBox", + "viewType": "Card", + "width": "FILL_TO_CONSTRAINTS", + "height": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + }, + "borderStrokeData": { + "width": 1, + "color": "#EBEBEB" + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "contentPadding": { + "top": 8 + } + } + }, + { + "property": { + "visible": false, + "layoutId": "itemTag", + "viewType": "Box", + "width": "WRAP_CONTENT", + "height": 18, + "backgroundColor": "#3C0050", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + }, + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4, + "bottomEnd": 4 + } + } + }, + "childrenViews": [ + { + "property": { + "layoutId": "tagText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#FFFFFF", + "padding": { + "start": 8, + "end": 8, + "top": 2, + "bottom": 2 + } + } + } + ] + }, + { + "property": { + "layoutId": "itemImage", + "viewType": "Image", + "width": "32", + "height": "32", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "margin": 24, + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "layoutId": "itemText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemImage", + "constraint": "BOTTOM", + "margin": 8 + }, + "bottom": { + "viewId": "itemSubTitle", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "visible": true, + "layoutId": "itemSubTitle", + "viewType": "Text", + "width": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemText", + "constraint": "BOTTOM" + }, + "bottom": { + "viewId": "gridBox", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + } + ] + }, + { + "data": { + "tagText": { + "viewType": "Text", + "text": "Tag" + }, + "itemImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/5N8kFr2k/Frame-3.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_SMALL" + }, + "itemText": { + "viewType": "Text", + "text": "Insurance" + }, + "itemSubTitle": { + "viewType": "Text", + "text": "Top-up" + } + }, + "property": { + "layoutId": "gridItem_2", + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "elevation": 0, + "layoutId": "gridBox", + "viewType": "Card", + "width": "FILL_TO_CONSTRAINTS", + "height": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + }, + "borderStrokeData": { + "width": 1, + "color": "#EBEBEB" + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "contentPadding": { + "top": 8 + } + } + }, + { + "property": { + "visible": false, + "layoutId": "itemTag", + "viewType": "Box", + "width": "WRAP_CONTENT", + "height": 18, + "backgroundColor": "#3C0050", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + }, + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4, + "bottomEnd": 4 + } + } + }, + "childrenViews": [ + { + "property": { + "layoutId": "tagText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#FFFFFF", + "padding": { + "start": 8, + "end": 8, + "top": 2, + "bottom": 2 + } + } + } + ] + }, + { + "property": { + "layoutId": "itemImage", + "viewType": "Image", + "width": "32", + "height": "32", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "margin": 24, + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "layoutId": "itemText", + "viewType": "Text", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemImage", + "constraint": "BOTTOM", + "margin": 8 + }, + "bottom": { + "viewId": "itemSubTitle", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "visible": true, + "layoutId": "itemSubTitle", + "viewType": "Text", + "width": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemText", + "constraint": "BOTTOM" + }, + "bottom": { + "viewId": "gridBox", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + } + ] + }, + { + "data": { + "tagText": { + "viewType": "Text", + "text": "Tag" + }, + "itemImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/90C1PmM8/Frame.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_SMALL" + }, + "itemText": { + "viewType": "Text", + "text": "Cash" + }, + "itemSubTitle": { + "viewType": "Text", + "text": "Loan" + } + }, + "property": { + "layoutId": "gridItem_2", + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "elevation": 0, + "layoutId": "gridBox", + "viewType": "Card", + "width": "FILL_TO_CONSTRAINTS", + "height": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + }, + "borderStrokeData": { + "width": 1, + "color": "#EBEBEB" + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "contentPadding": { + "top": 8 + } + } + }, + { + "property": { + "visible": false, + "layoutId": "itemTag", + "viewType": "Box", + "width": "WRAP_CONTENT", + "height": 18, + "backgroundColor": "#3C0050", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + }, + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4, + "bottomEnd": 4 + } + } + }, + "childrenViews": [ + { + "property": { + "layoutId": "tagText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#FFFFFF", + "padding": { + "start": 8, + "end": 8, + "top": 2, + "bottom": 2 + } + } + } + ] + }, + { + "property": { + "layoutId": "itemImage", + "viewType": "Image", + "width": "32", + "height": "32", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "margin": 24, + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "layoutId": "itemText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemImage", + "constraint": "BOTTOM", + "margin": 8 + }, + "bottom": { + "viewId": "itemSubTitle", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "visible": true, + "layoutId": "itemSubTitle", + "viewType": "Text", + "width": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemText", + "constraint": "BOTTOM" + }, + "bottom": { + "viewId": "gridBox", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + } + ] + }, + { + "data": { + "tagText": { + "viewType": "Text", + "text": "New" + }, + "itemImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/y8jPB4Lc/Group-38654.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_SMALL" + }, + "itemText": { + "viewType": "Text", + "text": "Digital" + }, + "itemSubTitle": { + "viewType": "Text", + "text": "Gold" + } + }, + "property": { + "layoutId": "gridItem_2", + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "elevation": 0, + "layoutId": "gridBox", + "viewType": "Card", + "width": "FILL_TO_CONSTRAINTS", + "height": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + }, + "borderStrokeData": { + "width": 1, + "color": "#EBEBEB" + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "contentPadding": { + "top": 8 + } + } + }, + { + "property": { + "visible": true, + "layoutId": "itemTag", + "viewType": "Box", + "width": "WRAP_CONTENT", + "height": 18, + "backgroundColor": "#3C0050", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + }, + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4, + "bottomEnd": 4 + } + } + }, + "childrenViews": [ + { + "property": { + "layoutId": "tagText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#FFFFFF", + "padding": { + "start": 8, + "end": 8, + "top": 2, + "bottom": 2 + } + } + } + ] + }, + { + "property": { + "layoutId": "itemImage", + "viewType": "Image", + "width": "32", + "height": "32", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "margin": 24, + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "layoutId": "itemText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemImage", + "constraint": "BOTTOM", + "margin": 8 + }, + "bottom": { + "viewId": "itemSubTitle", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "visible": true, + "layoutId": "itemSubTitle", + "viewType": "Text", + "width": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemText", + "constraint": "BOTTOM" + }, + "bottom": { + "viewId": "gridBox", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + } + ] + }, + { + "data": { + "tagText": { + "viewType": "Text", + "text": "Tag" + }, + "itemImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/KvwN8Dbv/Group.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_SMALL" + }, + "itemText": { + "viewType": "Text", + "text": "Health" + }, + "itemSubTitle": { + "viewType": "Text", + "text": "Insurance" + } + }, + "property": { + "layoutId": "gridItem_2", + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "elevation": 0, + "layoutId": "gridBox", + "viewType": "Card", + "width": "FILL_TO_CONSTRAINTS", + "height": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + }, + "borderStrokeData": { + "width": 1, + "color": "#EBEBEB" + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "contentPadding": { + "top": 8 + } + } + }, + { + "property": { + "visible": false, + "layoutId": "itemTag", + "viewType": "Box", + "width": "WRAP_CONTENT", + "height": 18, + "backgroundColor": "#3C0050", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + }, + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4, + "bottomEnd": 4 + } + } + }, + "childrenViews": [ + { + "property": { + "layoutId": "tagText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#FFFFFF", + "padding": { + "start": 8, + "end": 8, + "top": 2, + "bottom": 2 + } + } + } + ] + }, + { + "property": { + "layoutId": "itemImage", + "viewType": "Image", + "width": "32", + "height": "32", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "margin": 24, + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "layoutId": "itemText", + "viewType": "Text", + "width": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemImage", + "constraint": "BOTTOM", + "margin": 8 + }, + "bottom": { + "viewId": "itemSubTitle", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "visible": true, + "layoutId": "itemSubTitle", + "viewType": "Text", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 12, + "textColor": "#444444", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "gridBox", + "constraint": "START" + }, + "end": { + "viewId": "gridBox", + "constraint": "END" + }, + "top": { + "viewId": "itemText", + "constraint": "BOTTOM" + }, + "bottom": { + "viewId": "gridBox", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_6", + "height": "16" + } + }, + { + "property": { + "viewType": "Pager", + "width": "MATCH_PARENT", + "height": 258, + "layoutId": "page_renderer", + "spacingStyle": { + "type": "even", + "spacing": 16 + } + }, + "childrenViews": [ + { + "data": { + "reward_details_text": { + "viewType": "SpannableText", + "textMap": { + "text_1": "Instantly", + "text_2": "win cash reward", + "text_3": "of", + "text_4": "₹5,000", + "text_5": "by paying premium", + "text_6": "before 28th Feb 2023" + } + }, + "loan_text": { + "viewType": "SpannableText", + "textMap": { + "text_1": "EMI amount: ", + "text_2": "₹47,569" + } + }, + "title": { + "viewType": "Text", + "text": "CASH LOAN" + }, + "pay_now_text": { + "viewType": "Text", + "text": "Pay now" + }, + "details_text": { + "viewType": "Text", + "text": "View details" + }, + "tagLabel": { + "viewType": "Text", + "text": "Due in 3 days" + }, + "subTitle": { + "viewType": "Text", + "text": "Due on Tue, 28th Feb 2023" + }, + "reward_image": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/X71ghhnw/Frame-37880.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_SMALL" + } + }, + "property": { + "elevation": 0, + "backgroundColor": "#FFFFFF", + "borderStrokeData": { + "color": "#E3E5E5", + "width": 1 + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "viewType": "Card", + "width": "MATCH_CONTENT", + "layoutId": "pl_journey_card", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "MATCH_PARENT", + "layoutId": "option_holder" + }, + "childrenViews": [ + { + "property": { + "viewType": "Box", + "layoutId": "tagCard", + "elevation": 0, + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4 + } + }, + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "backgroundColor": "#EF0000", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "tagLabel", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 8, + "end": 8, + "top": 5, + "bottom": 5 + }, + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#FFFFFF" + } + } + ] + }, + { + "property": { + "viewType": "Text", + "layoutId": "title", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "width": "FILL_TO_CONSTRAINTS", + "fontSize": 10, + "textColor": "#2A0038", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "tagCard", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + }, + { + "property": { + "spanProperty": [ + { + "stringId": "text_1", + "property": { + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 14, + "textColor": "#191919" + } + }, + { + "stringId": "text_2", + "property": { + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 16, + "textColor": "#191919" + } + } + ], + "viewType": "SpannableText", + "layoutId": "loan_text", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "title", + "constraint": "BOTTOM", + "margin": 10 + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "subTitle", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR", + "width": "FILL_TO_CONSTRAINTS", + "fontSize": 12, + "textColor": "#191919", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "loan_text", + "constraint": "BOTTOM", + "margin": 8 + } + } + } + }, + { + "property": { + "viewType": "Button", + "layoutId": "details_button", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "elevation": { + "defaultElevation": 0 + }, + "colors": { + "backgroundColor": "#F5F5F5", + "contentColor": "#FFFFFF" + }, + "width": "FILL_TO_CONSTRAINTS", + "height": 40, + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "pay_now", + "constraint": "START" + }, + "bottom": { + "viewId": "cash_reward_row", + "constraint": "TOP", + "margin": 16 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "details_text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#3C0050" + } + } + ] + }, + { + "property": { + "viewType": "Button", + "layoutId": "pay_now", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "colors": { + "backgroundColor": "#3C0050", + "contentColor": "#FFFFFF" + }, + "elevation": { + "defaultElevation": 0 + }, + "width": "FILL_TO_CONSTRAINTS", + "height": 40, + "constraintLinks": { + "start": { + "viewId": "details_button", + "constraint": "END", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "details_button", + "constraint": "TOP" + }, + "bottom": { + "viewId": "details_button", + "constraint": "BOTTOM" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "pay_now_text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#FFFFFF" + } + } + ] + }, + { + "property": { + "viewType": "ConstraintLayout", + "layoutId": "cash_reward_row", + "backgroundColor": "#FFF8EC", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "padding": { + "start": 12, + "end": 8 + }, + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Image", + "layoutId": "reward_image", + "width": 24, + "height": 24, + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 14 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 14 + } + } + } + }, + { + "property": { + "viewType": "SpannableText", + "width": "FILL_TO_CONSTRAINTS", + "layoutId": "reward_details_text", + "spanProperty": [ + { + "stringId": "text_1", + "property": { + "fontSize": 12, + "textColor": "#191919", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR" + } + }, + { + "stringId": "text_2", + "property": { + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#191919" + } + }, + { + "stringId": "text_3", + "property": { + "fontSize": 12, + "textColor": "#191919", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR" + } + }, + { + "stringId": "text_4", + "property": { + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#191919" + } + }, + { + "stringId": "text_5", + "property": { + "fontSize": 12, + "textColor": "#191919", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR" + } + }, + { + "stringId": "text_6", + "property": { + "fontSize": 12, + "textColor": "#191919", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM" + } + } + ], + "constraintLinks": { + "start": { + "viewId": "reward_image", + "constraint": "END", + "margin": 12 + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + } + } + ] + } + ] + } + ] + }, + { + "data": { + "sec_time_unit": { + "viewType": "Text", + "text": "s" + }, + "min_time_unit": { + "viewType": "Text", + "text": "m" + }, + "hrs_time_unit": { + "viewType": "Text", + "text": "h" + }, + "day_time_unit": { + "viewType": "Text", + "text": "d" + }, + "colon_sec": { + "viewType": "Text", + "text": ":" + }, + "colon_min": { + "viewType": "Text", + "text": ":" + }, + "colon_hrs": { + "viewType": "Text", + "text": ":" + }, + "timer_finish_text": { + "viewType": "Text", + "text": "1 days OverDue" + }, + "count_down_timer": { + "viewType": "CountDownTimer", + "remainingTimeInMilliseconds": 60000, + "countDownIntervalInMilliseconds": 1000, + "timeUnitValuesLayoutIds": { + "milliSecondsFieldLayoutId": "milli_seconds_timer_text", + "secondsFieldLayoutId": "seconds_timer_text", + "minutesFieldLayoutId": "minutes_timer_text", + "hoursFieldLayoutId": "hours_timer_text", + "daysFieldLayoutId": "days_timer_text" + }, + "onClick": { + "actions": [ + { + "type": "UpdateViewState", + "viewStates": { + "count_down_timer_property": "invisible" + } + }, + { + "type": "UpdateViewState", + "viewStates": { + "timer_finish_text": "visible" + } + } + ] + } + }, + "reward_details_text": { + "viewType": "SpannableText", + "textMap": { + "text_1": "Pay EMI on time to avoid bounce fees" + } + }, + "loan_text": { + "viewType": "SpannableText", + "textMap": { + "text_1": "EMI amount: ", + "text_2": "₹47,569" + } + }, + "title": { + "viewType": "Text", + "text": "CASH LOAN" + }, + "pay_now_text": { + "viewType": "Text", + "text": "Pay now" + }, + "details_text": { + "viewType": "Text", + "text": "View details" + }, + "tagLabel": { + "viewType": "Text", + "text": "Cash Loan" + }, + "subTitle": { + "viewType": "Text", + "text": "Due on Tue, 28th Feb 2023" + }, + "reward_image": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/2jW9Hpnq/Group.png", + "placeholderIcon": "IMAGE_PLACEHOLDER_SMALL" + } + }, + "property": { + "elevation": 0, + "borderStrokeData": { + "color": "#E3E5E5", + "width": 1 + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "ambientColor": "#E3E5E5", + "spotColor": "#E3E5E5", + "viewType": "Card", + "width": "MATCH_CONTENT", + "layoutId": "pl_journey_card", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "MATCH_PARENT", + "backgroundColor": "#FFFFFF", + "layoutId": "option_holder" + }, + "childrenViews": [ + { + "property": { + "viewType": "Row", + "layoutId": "tagCard", + "arrangementData": { + "arrangementType": "Center" + }, + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "ConstraintLayout", + "layoutId": "constraintLayout", + "width": "WRAP_CONTENT", + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4 + } + }, + "backgroundColor": "#EF0000", + "height": "WRAP_CONTENT", + "padding": { + "start": 8, + "end": 8, + "top": 5, + "bottom": 5 + } + }, + "childrenViews": [ + { + "property": { + "viewType": "CountDownTimer", + "width": "WRAP_CONTENT", + "layoutId": "count_down_timer" + } + }, + { + "property": { + "viewType": "ConstraintLayout", + "width": "WRAP_CONTENT", + "isStateFul": true, + "layoutId": "count_down_timer_property", + "statesMap": { + "invisible": { + "viewType": "ConstraintLayout", + "visible": false + } + }, + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "seconds_timer_text", + "width": 15, + "textAlign": "Center", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "isStateFul": true, + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "sec_time_unit", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "sec_time_unit", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "colon_sec", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "seconds_timer_text", + "constraint": "START", + "margin": 2 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "min_time_unit", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "colon_sec", + "constraint": "START", + "margin": 2 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "minutes_timer_text", + "width": 16, + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "textAlign": "Center", + "isStateFul": true, + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "min_time_unit", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "colon_min", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "minutes_timer_text", + "constraint": "START", + "margin": 2 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "hrs_time_unit", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "colon_min", + "constraint": "START", + "margin": 2 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "hours_timer_text", + "width": 16, + "height": "WRAP_CONTENT", + "textAlign": "Center", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "isStateFul": true, + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "hrs_time_unit", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "colon_hrs", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "hours_timer_text", + "constraint": "START", + "margin": 2 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "day_time_unit", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "colon_hrs", + "constraint": "START", + "margin": 2 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "days_timer_text", + "width": 16, + "textAlign": "Center", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "isStateFul": true, + "fontSize": 10, + "textColor": "#FFFFFF", + "constraintLinks": { + "end": { + "viewId": "day_time_unit", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + } + ] + }, + { + "property": { + "viewType": "Text", + "layoutId": "timer_finish_text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "REGULAR", + "fontSize": 10, + "textColor": "#FFFFFF", + "isStateFul": true, + "visible": false, + "statesMap": { + "visible": { + "viewType": "Text", + "visible": true + } + } + }, + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Text", + "layoutId": "title", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "width": "FILL_TO_CONSTRAINTS", + "fontSize": 10, + "textColor": "#2A0038", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "tagCard", + "constraint": "BOTTOM", + "margin": 16 + } + } + } + }, + { + "property": { + "spanProperty": [ + { + "stringId": "text_1", + "property": { + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontWeight": "TT_MEDIUM", + "fontSize": 14, + "textColor": "#191919" + } + }, + { + "stringId": "text_2", + "property": { + "viewType": "SpannableText", + "layoutId": "titleLabel", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 16, + "textColor": "#191919" + } + } + ], + "viewType": "SpannableText", + "layoutId": "loan_text", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "title", + "constraint": "BOTTOM", + "margin": 10 + } + } + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "subTitle", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR", + "width": "FILL_TO_CONSTRAINTS", + "fontSize": 12, + "textColor": "#191919", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "loan_text", + "constraint": "BOTTOM", + "margin": 8 + } + } + } + }, + { + "property": { + "viewType": "Button", + "layoutId": "details_button", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "colors": { + "backgroundColor": "#F5F5F5", + "contentColor": "#FFFFFF" + }, + "width": "FILL_TO_CONSTRAINTS", + "height": 40, + "elevation": { + "defaultElevation": 0 + }, + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "end": { + "viewId": "pay_now", + "constraint": "START" + }, + "bottom": { + "viewId": "cash_reward_row", + "constraint": "TOP", + "margin": 16 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "details_text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#3C0050" + } + } + ] + }, + { + "property": { + "viewType": "Button", + "layoutId": "pay_now", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "colors": { + "backgroundColor": "#2A0038", + "contentColor": "#FFFFFF" + }, + "width": "FILL_TO_CONSTRAINTS", + "height": 40, + "elevation": { + "defaultElevation": 0 + }, + "constraintLinks": { + "start": { + "viewId": "details_button", + "constraint": "END", + "margin": 16 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "top": { + "viewId": "details_button", + "constraint": "TOP" + }, + "bottom": { + "viewId": "details_button", + "constraint": "BOTTOM" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "pay_now_text", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#FFFFFF" + } + } + ] + }, + { + "property": { + "viewType": "ConstraintLayout", + "layoutId": "cash_reward_row", + "backgroundColor": "#EDECFF", + "padding": { + "start": 14, + "end": 8 + }, + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Image", + "layoutId": "reward_image", + "width": 24, + "height": 24, + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 14 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 14 + } + } + } + }, + { + "property": { + "viewType": "SpannableText", + "width": "FILL_TO_CONSTRAINTS", + "layoutId": "reward_details_text", + "spanProperty": [ + { + "stringId": "text_1", + "property": { + "fontSize": 12, + "textColor": "#191919" + } + } + ], + "constraintLinks": { + "start": { + "viewId": "reward_image", + "constraint": "END", + "margin": 12 + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + } + } + ] + } + ] + } + ] + }, + { + "property": { + "elevation": 0, + "borderStrokeData": { + "color": "#E3E5E5", + "width": 1 + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "viewType": "Card", + "width": "MATCH_CONTENT", + "layoutId": "hlPaymentCard", + "height": "WRAP_CONTENT" + }, + "data": { + "hlPaymentTagText": { + "viewType": "Text", + "text": "Expires in 7 days" + }, + "hlPaymentTitle": { + "viewType": "Text", + "text": "HEALTH INSURANCE" + }, + "hlPaymentPrice": { + "viewType": "SpannableText", + "textMap": { + "titleText": "Total cover: ", + "priceText": "₹2 Lakhs" + } + }, + "hlValidityText": { + "viewType": "Text", + "text": "Valid up to Tue, 28th Mar 2023" + }, + "hlHealthCheckText": { + "viewType": "Text", + "text": "Health check" + }, + "hlExtendPolicyText": { + "viewType": "Text", + "text": "Extend policy" + }, + "hlPaymentInstructionIcon": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/FsQHVG6L/error.png" + }, + "hlPaymentInstructionText": { + "viewType": "SpannableText", + "textMap": { + "textOne": "Trial policy is getting over. ", + "textTwo": "Extend policy to stay covered and avail all your benefits." + } + }, + "hlHealthCheck": { + "viewType": "Button", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "REDIRECTION_CTA", + "url": "" + } + }, + { + "type": "AnalyticsAction", + "eventName": "" + } + ] + } + }, + "hlExtendPolicy": { + "viewType": "Button", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "REDIRECTION_CTA", + "url": "" + } + }, + { + "type": "AnalyticsAction", + "eventName": "" + } + ] + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "layoutId": "hlPaymentParent", + "backgroundColor": "#FFF3F0" + }, + "childrenViews": [ + { + "property": { + "viewType": "Box", + "layoutId": "hlPaymentTag", + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "topEnd": 4, + "bottomStart": 4 + } + }, + "backgroundColor": "#EF0000", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "hlPaymentTagText", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 10, + "textColor": "#FFFFFF", + "padding": { + "start": 8, + "end": 8, + "top": 4, + "bottom": 4 + } + } + } + ] + }, + { + "property": { + "viewType": "Text", + "layoutId": "hlPaymentTitle", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 10, + "textColor": "#2A0038", + "textAlign": "Start", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 40 + } + } + } + }, + { + "property": { + "viewType": "SpannableText", + "layoutId": "hlPaymentPrice", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "textAlign": "Start", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "hlPaymentTitle", + "constraint": "BOTTOM", + "margin": 14 + } + }, + "spanProperty": [ + { + "stringId": "titleText", + "property": { + "viewType": "SpannableText", + "layoutId": "hlPaymentPrice", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_MEDIUM", + "fontSize": 14, + "textColor": "#191919" + } + }, + { + "stringId": "priceText", + "property": { + "viewType": "SpannableText", + "layoutId": "hlPaymentPrice", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 16, + "textColor": "#191919" + } + } + ] + } + }, + { + "property": { + "viewType": "Text", + "layoutId": "hlValidityText", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR", + "fontSize": 12, + "textColor": "#444444", + "textAlign": "Start", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "hlPaymentPrice", + "constraint": "BOTTOM", + "margin": 10 + } + } + } + }, + { + "property": { + "viewType": "Button", + "layoutId": "hlHealthCheck", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "colors": { + "backgroundColor": "#FFFFFF" + }, + "width": "FILL_TO_CONSTRAINTS", + "height": 40, + "elevation": { + "defaultElevation": 0 + }, + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "hlValidityText", + "constraint": "BOTTOM", + "margin": 32 + }, + "end": { + "viewId": "hlExtendPolicy", + "constraint": "START", + "margin": 8 + }, + "bottom": { + "viewId": "hlPaymentInstruction", + "constraint": "TOP", + "margin": 16 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "hlHealthCheckText", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#3C0050" + } + } + ] + }, + { + "property": { + "viewType": "Button", + "layoutId": "hlExtendPolicy", + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + }, + "colors": { + "backgroundColor": "#3C0050" + }, + "width": "FILL_TO_CONSTRAINTS", + "height": 40, + "elevation": { + "defaultElevation": 0 + }, + "constraintLinks": { + "start": { + "viewId": "hlHealthCheck", + "constraint": "END", + "margin": 8 + }, + "top": { + "viewId": "hlValidityText", + "constraint": "BOTTOM", + "margin": 32 + }, + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 16 + }, + "bottom": { + "viewId": "hlPaymentInstruction", + "constraint": "TOP", + "margin": 16 + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Text", + "layoutId": "hlExtendPolicyText", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#FFFFFF" + } + } + ] + }, + { + "property": { + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "layoutId": "hlPaymentInstruction", + "backgroundColor": "#FFFFFF", + "padding": { + "start": 14, + "end": 8 + }, + "shape": { + "shapeType": "RoundedCornerShape", + "radius": { + "bottomStart": 4, + "bottomEnd": 4 + } + }, + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + }, + "end": { + "viewId": "parent", + "constraint": "END" + } + } + }, + "childrenViews": [ + { + "property": { + "viewType": "Image", + "layoutId": "hlPaymentInstructionIcon", + "width": 24, + "height": 24, + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 14 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 14 + }, + "end": { + "viewId": "hlPaymentInstructionText", + "constraint": "START" + } + } + } + }, + { + "property": { + "viewType": "SpannableText", + "layoutId": "hlPaymentInstructionText", + "width": "FILL_TO_CONSTRAINTS", + "height": "WRAP_CONTENT", + "textAlign": "Start", + "constraintLinks": { + "start": { + "viewId": "hlPaymentInstructionIcon", + "constraint": "END", + "margin": 12 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + }, + "end": { + "viewId": "parent", + "constraint": "END" + } + }, + "spanProperty": [ + { + "stringId": "textOne", + "property": { + "viewType": "SpannableText", + "layoutId": "hlPaymentInstructionText", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_SEMI_BOLD", + "fontSize": 12, + "textColor": "#191919" + } + }, + { + "stringId": "textTwo", + "property": { + "viewType": "SpannableText", + "layoutId": "hlPaymentInstructionText", + "fontFamily": "ttComposeFontFamily", + "fontWeight": "TT_REGULAR", + "fontSize": 12, + "textColor": "#191919" + } + } + ] + } + } + ] + } + ] + } + ] + } + ] + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_8", + "height": 40 + } + }, + { + "property": { + "viewType": "Spacer", + "backgroundColor": "#f5f5f5", + "height": 4, + "width": "MATCH_PARENT", + "layoutId": "spacer_btw_journey" + } + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_9", + "height": 40 + } + }, + { + "property": { + "layoutId": "reward_grid", + "viewType": "Grid", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT", + "spanCount": 2, + "itemSpacing": 16, + "padding": { + "start": 8, + "end": 8 + } + }, + "childrenViews": [ + { + "data": { + "itemImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/xTMd3VxL/Group-37143.png", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "REDIRECTION_CTA", + "url": "refferal" + } + }, + { + "type": "AnalyticsAction", + "eventName": "pl_loandetails_slider_page_close" + } + ] + } + }, + "itemText": { + "viewType": "Text", + "text": "Refer \n& earn" + }, + "chevron_lottie": { + "viewType": "Lottie", + "lottieUrl": "https://public-assets.np.navi-sa.in/home/chevron_white.json", + "iterations": 500 + }, + "gridItem": { + "viewType": "ConstraintLayout", + "onClick": { + "actions": [ + { + "type": "CtaAction", + "ctaData": { + "type": "REDIRECTION_CTA", + "url": "refferal" + } + }, + { + "type": "AnalyticsAction", + "eventName": "pl_loandetails_slider_page_close" + } + ] + } + } + }, + "property": { + "layoutId": "gridItem", + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "elevation": 0, + "layoutId": "gridItemBox", + "viewType": "Card", + "width": "FILL_TO_CONSTRAINTS", + "height": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#F2F7FC", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + }, + "borderStrokeData": { + "width": 1, + "color": "#BED7FF" + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + } + } + }, + { + "property": { + "layoutId": "itemText", + "viewType": "Text", + "fontFamily": "ttComposeFontFamily", + "fontSize": 12, + "fontWeight": "TT_MEDIUM", + "width": "WRAP_CONTENT", + "textColor": "#191919", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + } + }, + { + "property": { + "layoutId": "chevron_lottie", + "viewType": "Lottie", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "itemText", + "constraint": "END" + }, + "bottom": { + "viewId": "itemText", + "constraint": "BOTTOM" + } + } + } + }, + { + "property": { + "layoutId": "itemImage", + "viewType": "Image", + "width": 56, + "height": 56, + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 8 + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 12 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 12 + } + } + } + } + ] + }, + { + "data": { + "itemImage": { + "viewType": "Image", + "iconUrl": "https://i.postimg.cc/9QQvFG7z/Frame-37866.png" + }, + "itemText": { + "viewType": "Text", + "text": "My \nRewards" + }, + "chevron_lottie": { + "viewType": "Lottie", + "lottieUrl": "https://public-assets.np.navi-sa.in/home/chevron_white.json", + "iterations": 500 + } + }, + "property": { + "layoutId": "item_1", + "viewType": "ConstraintLayout", + "width": "MATCH_PARENT", + "height": "WRAP_CONTENT" + }, + "childrenViews": [ + { + "property": { + "elevation": 0, + "layoutId": "gridItemBox", + "viewType": "Card", + "width": "FILL_TO_CONSTRAINTS", + "height": "FILL_TO_CONSTRAINTS", + "backgroundColor": "#FFFFFF", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START" + }, + "end": { + "viewId": "parent", + "constraint": "END" + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + }, + "borderStrokeData": { + "width": 1, + "color": "#EBEBEB" + }, + "shape": { + "shapeType": "RoundedCornerShape", + "size": 4 + } + } + }, + { + "property": { + "layoutId": "itemText", + "viewType": "Text", + "fontSize": 12, + "fontWeight": "TT_MEDIUM", + "fontFamily": "ttComposeFontFamily", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "textColor": "#191919", + "constraintLinks": { + "start": { + "viewId": "parent", + "constraint": "START", + "margin": 16 + }, + "top": { + "viewId": "parent", + "constraint": "TOP" + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM" + } + } + } + }, + { + "property": { + "layoutId": "chevron_lottie", + "viewType": "Lottie", + "width": "WRAP_CONTENT", + "height": "WRAP_CONTENT", + "constraintLinks": { + "start": { + "viewId": "itemText", + "constraint": "END" + }, + "bottom": { + "viewId": "itemText", + "constraint": "BOTTOM" + } + } + } + }, + { + "property": { + "layoutId": "itemImage", + "viewType": "Image", + "width": 56, + "height": 56, + "constraintLinks": { + "end": { + "viewId": "parent", + "constraint": "END", + "margin": 8 + }, + "top": { + "viewId": "parent", + "constraint": "TOP", + "margin": 12 + }, + "bottom": { + "viewId": "parent", + "constraint": "BOTTOM", + "margin": 12 + } + } + } + } + ] + } + ] + }, + { + "property": { + "viewType": "Spacer", + "layoutId": "spacer_btw_journey_card_10", + "height": "32" + } + } + ] + } + ] } } \ No newline at end of file diff --git a/navi-uitron/src/main/java/com/navi/uitron/model/ui/UiTronView.kt b/navi-uitron/src/main/java/com/navi/uitron/model/ui/UiTronView.kt index b6f16db..5c3551d 100644 --- a/navi-uitron/src/main/java/com/navi/uitron/model/ui/UiTronView.kt +++ b/navi-uitron/src/main/java/com/navi/uitron/model/ui/UiTronView.kt @@ -94,11 +94,17 @@ data class UiTronInteraction( @Parcelize data class BrushData( val brushType: String? = null, - val colorStops: List>? = null, + val colorStops: List? = null, val tileMode: String? = null, val offSetData: OffSetData? = null ) : Parcelable +@Parcelize +data class ColorStop( + val first: Float, + val second: String, +): Parcelable + @Parcelize data class OffSetData( val x: Float? = null, diff --git a/navi-uitron/src/main/java/com/navi/uitron/render/PagerRenderer.kt b/navi-uitron/src/main/java/com/navi/uitron/render/PagerRenderer.kt index 2265084..30ce7ab 100644 --- a/navi-uitron/src/main/java/com/navi/uitron/render/PagerRenderer.kt +++ b/navi-uitron/src/main/java/com/navi/uitron/render/PagerRenderer.kt @@ -160,14 +160,14 @@ class PagerRenderer( } } } - if (property.scrollDelay.orZero() > 0) { - LaunchedEffect(key1 = pagerState.currentPage) { - launch { - snapshotFlow { pagerState.currentPage }.collect { page -> - uiTronViewModel.handleActions(pagerData?.pageChangeActions?.get(page)) - } + LaunchedEffect(key1 = pagerState.currentPage) { + launch { + snapshotFlow { pagerState.currentPage }.collect { page -> + uiTronViewModel.handleActions(pagerData?.pageChangeActions?.get(page)) } - launch { + } + launch { + if (property.scrollDelay.orZero() > 0) { delay(property.scrollDelay.orZero()) with(pagerState) { val target = if (currentPage < pageCount - 1) currentPage + 1 else 0