@wix/himalaya-cli 0.1387.0 → 0.1389.0

package/templates/branded-lite/dev/index.ts

@@ -2622,6 +2622,335 @@ const SCREENS = runtimeSetting({
                                                           "pressFeedback": "scale",
                                                           "haptic": "light"
                                                         }
+                                                      },
+                                                      {
+                                                        "id": "himi_branded_home.videos_section",
+                                                        "body": {
+                                                          "package": "himalaya",
+                                                          "type": "VStack",
+                                                          "props": {
+                                                            "spacing": 10,
+                                                            "alignment": "leading",
+                                                            "children": [
+                                                              {
+                                                                "id": "",
+                                                                "body": {
+                                                                  "package": "himalaya",
+                                                                  "type": "VStack",
+                                                                  "props": {
+                                                                    "spacing": 3,
+                                                                    "alignment": "leading",
+                                                                    "children": [
+                                                                      {
+                                                                        "id": "",
+                                                                        "body": {
+                                                                          "package": "himalaya",
+                                                                          "type": "Text",
+                                                                          "props": {
+                                                                            "text": "Videos",
+                                                                            "style": "title3"
+                                                                          }
+                                                                        }
+                                                                      },
+                                                                      {
+                                                                        "id": "",
+                                                                        "body": {
+                                                                          "package": "himalaya",
+                                                                          "type": "Text",
+                                                                          "props": {
+                                                                            "text": "The latest from our channels",
+                                                                            "style": "footnote",
+                                                                            "color": "textSecondary"
+                                                                          }
+                                                                        }
+                                                                      }
+                                                                    ]
+                                                                  }
+                                                                }
+                                                              },
+                                                              {
+                                                                "id": "himi_branded_home.video_rail",
+                                                                "body": {
+                                                                  "package": "himalaya",
+                                                                  "type": "Carousel",
+                                                                  "props": {
+                                                                    "itemsPath": "$service:himiBrandedHome.homeVideos",
+                                                                    "items": [
+                                                                      {
+                                                                        "id": "",
+                                                                        "body": {
+                                                                          "package": "himalaya",
+                                                                          "type": "VStack",
+                                                                          "props": {
+                                                                            "spacing": 8,
+                                                                            "alignment": "leading",
+                                                                            "children": [
+                                                                              {
+                                                                                "id": "",
+                                                                                "body": {
+                                                                                  "package": "himalaya",
+                                                                                  "type": "ZStack",
+                                                                                  "props": {
+                                                                                    "alignment": "leading",
+                                                                                    "children": [
+                                                                                      {
+                                                                                        "id": "",
+                                                                                        "body": {
+                                                                                          "package": "himalaya",
+                                                                                          "type": "Image",
+                                                                                          "props": {
+                                                                                            "url": "$item.coverUrl",
+                                                                                            "fillWidth": true,
+                                                                                            "height": 158,
+                                                                                            "contentMode": "fill"
+                                                                                          }
+                                                                                        },
+                                                                                        "modifiers": {
+                                                                                          "accessibilityRole": "decorative",
+                                                                                          "hiddenPath": "$item.noCover"
+                                                                                        }
+                                                                                      },
+                                                                                      {
+                                                                                        "id": "",
+                                                                                        "body": {
+                                                                                          "package": "himalaya",
+                                                                                          "type": "ZStack",
+                                                                                          "props": {
+                                                                                            "alignment": "center",
+                                                                                            "children": [
+                                                                                              {
+                                                                                                "id": "",
+                                                                                                "body": {
+                                                                                                  "package": "himalaya",
+                                                                                                  "type": "Icon",
+                                                                                                  "props": {
+                                                                                                    "name": "play",
+                                                                                                    "size": 28,
+                                                                                                    "tint": "accentPrimary"
+                                                                                                  }
+                                                                                                },
+                                                                                                "modifiers": {
+                                                                                                  "accessibilityRole": "decorative"
+                                                                                                }
+                                                                                              }
+                                                                                            ]
+                                                                                          }
+                                                                                        },
+                                                                                        "modifiers": {
+                                                                                          "fillMaxWidth": true,
+                                                                                          "height": 158,
+                                                                                          "background": {
+                                                                                            "token": "accentSurface"
+                                                                                          },
+                                                                                          "hiddenPath": "$item.hasCover"
+                                                                                        }
+                                                                                      },
+                                                                                      {
+                                                                                        "id": "",
+                                                                                        "body": {
+                                                                                          "package": "himalaya",
+                                                                                          "type": "VStack",
+                                                                                          "props": {
+                                                                                            "spacing": 0,
+                                                                                            "alignment": "leading",
+                                                                                            "children": [
+                                                                                              {
+                                                                                                "id": "",
+                                                                                                "body": {
+                                                                                                  "package": "himalaya",
+                                                                                                  "type": "Spacer",
+                                                                                                  "props": {}
+                                                                                                }
+                                                                                              },
+                                                                                              {
+                                                                                                "id": "",
+                                                                                                "body": {
+                                                                                                  "package": "himalaya",
+                                                                                                  "type": "HStack",
+                                                                                                  "props": {
+                                                                                                    "spacing": 8,
+                                                                                                    "children": [
+                                                                                                      {
+                                                                                                        "id": "",
+                                                                                                        "body": {
+                                                                                                          "package": "himalaya",
+                                                                                                          "type": "Icon",
+                                                                                                          "props": {
+                                                                                                            "name": "play",
+                                                                                                            "size": 14,
+                                                                                                            "tint": "textOnAccent"
+                                                                                                          }
+                                                                                                        },
+                                                                                                        "modifiers": {
+                                                                                                          "accessibilityRole": "decorative"
+                                                                                                        }
+                                                                                                      },
+                                                                                                      {
+                                                                                                        "id": "",
+                                                                                                        "body": {
+                                                                                                          "package": "himalaya",
+                                                                                                          "type": "VStack",
+                                                                                                          "props": {
+                                                                                                            "spacing": 1,
+                                                                                                            "alignment": "leading",
+                                                                                                            "children": [
+                                                                                                              {
+                                                                                                                "id": "",
+                                                                                                                "body": {
+                                                                                                                  "package": "himalaya",
+                                                                                                                  "type": "Text",
+                                                                                                                  "props": {
+                                                                                                                    "text": "$item.title",
+                                                                                                                    "style": "bodyEmphasis",
+                                                                                                                    "color": "textOnAccent",
+                                                                                                                    "maxLines": 1
+                                                                                                                  }
+                                                                                                                }
+                                                                                                              },
+                                                                                                              {
+                                                                                                                "id": "",
+                                                                                                                "body": {
+                                                                                                                  "package": "himalaya",
+                                                                                                                  "type": "Text",
+                                                                                                                  "props": {
+                                                                                                                    "text": "$item.meta",
+                                                                                                                    "style": "caption",
+                                                                                                                    "color": "textOnAccent",
+                                                                                                                    "maxLines": 1,
+                                                                                                                    "collapseWhenEmpty": true
+                                                                                                                  }
+                                                                                                                }
+                                                                                                              }
+                                                                                                            ]
+                                                                                                          }
+                                                                                                        }
+                                                                                                      }
+                                                                                                    ]
+                                                                                                  }
+                                                                                                },
+                                                                                                "modifiers": {
+                                                                                                  "background": {
+                                                                                                    "token": "accentPrimary"
+                                                                                                  },
+                                                                                                  "cornerRadius": 10,
+                                                                                                  "padding": {
+                                                                                                    "leading": 10,
+                                                                                                    "trailing": 12,
+                                                                                                    "top": 6,
+                                                                                                    "bottom": 6
+                                                                                                  }
+                                                                                                }
+                                                                                              }
+                                                                                            ]
+                                                                                          }
+                                                                                        },
+                                                                                        "modifiers": {
+                                                                                          "height": 158,
+                                                                                          "fillMaxWidth": true,
+                                                                                          "padding": {
+                                                                                            "leading": 10,
+                                                                                            "trailing": 10,
+                                                                                            "bottom": 10
+                                                                                          },
+                                                                                          "hiddenPath": "$item.captionBelow"
+                                                                                        }
+                                                                                      }
+                                                                                    ]
+                                                                                  }
+                                                                                },
+                                                                                "modifiers": {
+                                                                                  "fillMaxWidth": true,
+                                                                                  "height": 158,
+                                                                                  "cornerRadius": 12
+                                                                                }
+                                                                              },
+                                                                              {
+                                                                                "id": "",
+                                                                                "body": {
+                                                                                  "package": "himalaya",
+                                                                                  "type": "VStack",
+                                                                                  "props": {
+                                                                                    "spacing": 2,
+                                                                                    "alignment": "leading",
+                                                                                    "children": [
+                                                                                      {
+                                                                                        "id": "",
+                                                                                        "body": {
+                                                                                          "package": "himalaya",
+                                                                                          "type": "Text",
+                                                                                          "props": {
+                                                                                            "text": "$item.title",
+                                                                                            "style": "bodyEmphasis",
+                                                                                            "maxLines": 2
+                                                                                          }
+                                                                                        }
+                                                                                      },
+                                                                                      {
+                                                                                        "id": "",
+                                                                                        "body": {
+                                                                                          "package": "himalaya",
+                                                                                          "type": "Text",
+                                                                                          "props": {
+                                                                                            "text": "$item.meta",
+                                                                                            "style": "caption",
+                                                                                            "color": "textSecondary",
+                                                                                            "maxLines": 1,
+                                                                                            "collapseWhenEmpty": true
+                                                                                          }
+                                                                                        }
+                                                                                      }
+                                                                                    ]
+                                                                                  }
+                                                                                },
+                                                                                "modifiers": {
+                                                                                  "hiddenPath": "$item.captionOnImage"
+                                                                                }
+                                                                              }
+                                                                            ]
+                                                                          }
+                                                                        },
+                                                                        "modifiers": {
+                                                                          "width": 280,
+                                                                          "onTap": {
+                                                                            "actionId": "himi.open",
+                                                                            "params": {
+                                                                              "screenId": "himi_video",
+                                                                              "id": "$item.id",
+                                                                              "channelId": "$item.channelId"
+                                                                            }
+                                                                          },
+                                                                          "pressFeedback": "scale",
+                                                                          "haptic": "light",
+                                                                          "accessibilityLabel": "$item.accessibilityLabel"
+                                                                        }
+                                                                      }
+                                                                    ]
+                                                                  }
+                                                                }
+                                                              },
+                                                              {
+                                                                "id": "himi_branded_home.videos_all",
+                                                                "body": {
+                                                                  "package": "himalaya",
+                                                                  "type": "Button",
+                                                                  "props": {
+                                                                    "title": "See all videos",
+                                                                    "style": "plain",
+                                                                    "action": {
+                                                                      "actionId": "himi.open",
+                                                                      "params": {
+                                                                        "screenId": "himi_videos"
+                                                                      }
+                                                                    }
+                                                                  }
+                                                                }
+                                                              }
+                                                            ]
+                                                          }
+                                                        },
+                                                        "modifiers": {
+                                                          "hiddenPath": "$service:himiBrandedHome.noHomeVideos"
+                                                        }
                                                       }
                                                     ]
                                                   }
@@ -2961,6 +3290,7 @@ const SCREENS = runtimeSetting({
             "verticals": "[\"store\",\"bookings\",\"restaurants\",\"programs\",\"plans\",\"feed\",\"members\",\"forum\",\"coupons\",\"notifications\",\"loyalty\",\"reviews\",\"portfolio\",\"reservations\",\"invoices\",\"badges\",\"notifsettings\",\"events\",\"blog\",\"groups\",\"cms\",\"donations\",\"giftCards\",\"videos\",\"podcasts\",\"forms\",\"galleries\",\"inbox\",\"faq\"]",
             "homeModules": "[{\"id\":\"member_progress\",\"label\":\"This week's schedule\",\"dataSource\":\"member.bookings.schedule\",\"emptyWhen\":[\"hideMemberProgress\"]},{\"id\":\"up_next\",\"label\":\"Up next\",\"dataSource\":\"member.bookings\",\"emptyWhen\":[\"hideNextBooking\",\"hidePersonalError\"]},{\"id\":\"saved\",\"label\":\"Saved on this device\",\"dataSource\":\"device.saved_items\",\"emptyWhen\":[\"noSavedContent\"]},{\"id\":\"section_0\",\"label\":\"Discover 1\",\"dataSource\":\"classic.section0\",\"emptyWhen\":[\"hideFeaturedSkeleton\"]},{\"id\":\"section_1\",\"label\":\"Featured products\",\"dataSource\":\"classic.section1\"}]",
             "ownerDefaultLayout": "",
+            "videoCaption": "overlay",
             "weeklyGoal": "2"
           }
         }
@@ -3976,7 +4306,7 @@ const SCREENS = runtimeSetting({
                       }
                     },
                     {
-                      "id": "himi_account.invoices",
+                      "id": "himi_account.restore",
                       "body": {
                         "package": "himalaya",
                         "type": "HStack",
@@ -3989,7 +4319,7 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Icon",
                                 "props": {
-                                  "name": "document",
+                                  "name": "refresh",
                                   "size": 18,
                                   "tint": "accentPrimary"
                                 }
@@ -4004,7 +4334,7 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Text",
                                 "props": {
-                                  "text": "My invoices",
+                                  "text": "$service:himiStoreAccount.restoreLabel",
                                   "style": "bodyEmphasis"
                                 }
                               }
@@ -4016,21 +4346,6 @@ const SCREENS = runtimeSetting({
                                 "type": "Spacer",
                                 "props": {}
                               }
-                            },
-                            {
-                              "id": "",
-                              "body": {
-                                "package": "himalaya",
-                                "type": "Icon",
-                                "props": {
-                                  "name": "chevron_right",
-                                  "size": 16,
-                                  "tint": "textTertiary"
-                                }
-                              },
-                              "modifiers": {
-                                "accessibilityRole": "decorative"
-                              }
                             }
                           ]
                         }
@@ -4053,18 +4368,32 @@ const SCREENS = runtimeSetting({
                           "bottom": 13
                         },
                         "onTap": {
-                          "actionId": "himi.open",
-                          "params": {
-                            "screenId": "himi_invoices"
-                          }
+                          "actionId": "tier5.himiStoreAccount.iapRestore"
                         },
                         "pressFeedback": "scale",
                         "haptic": "light",
-                        "accessibilityLabel": "My invoices"
+                        "accessibilityLabel": "$service:himiStoreAccount.restoreLabel",
+                        "hiddenPath": "$service:himiStoreAccount.restoreHidden"
                       }
                     },
                     {
-                      "id": "himi_account.coupons",
+                      "id": "himi_account.restore_message",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:himiStoreAccount.restoreMessage",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiStoreAccount.restoreHidden"
+                      }
+                    },
+                    {
+                      "id": "himi_account.invoices",
                       "body": {
                         "package": "himalaya",
                         "type": "HStack",
@@ -4077,7 +4406,7 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Icon",
                                 "props": {
-                                  "name": "star",
+                                  "name": "document",
                                   "size": 18,
                                   "tint": "accentPrimary"
                                 }
@@ -4092,7 +4421,7 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Text",
                                 "props": {
-                                  "text": "My coupons",
+                                  "text": "My invoices",
                                   "style": "bodyEmphasis"
                                 }
                               }
@@ -4143,16 +4472,16 @@ const SCREENS = runtimeSetting({
                         "onTap": {
                           "actionId": "himi.open",
                           "params": {
-                            "screenId": "himi_coupons"
+                            "screenId": "himi_invoices"
                           }
                         },
                         "pressFeedback": "scale",
                         "haptic": "light",
-                        "accessibilityLabel": "My coupons"
+                        "accessibilityLabel": "My invoices"
                       }
                     },
                     {
-                      "id": "himi_account.food_orders",
+                      "id": "himi_account.coupons",
                       "body": {
                         "package": "himalaya",
                         "type": "HStack",
@@ -4165,7 +4494,7 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Icon",
                                 "props": {
-                                  "name": "bag",
+                                  "name": "star",
                                   "size": 18,
                                   "tint": "accentPrimary"
                                 }
@@ -4180,7 +4509,7 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Text",
                                 "props": {
-                                  "text": "My food orders",
+                                  "text": "My coupons",
                                   "style": "bodyEmphasis"
                                 }
                               }
@@ -4231,16 +4560,16 @@ const SCREENS = runtimeSetting({
                         "onTap": {
                           "actionId": "himi.open",
                           "params": {
-                            "screenId": "himi_food_orders"
+                            "screenId": "himi_coupons"
                           }
                         },
                         "pressFeedback": "scale",
                         "haptic": "light",
-                        "accessibilityLabel": "My food orders"
+                        "accessibilityLabel": "My coupons"
                       }
                     },
                     {
-                      "id": "himi_account.addresses",
+                      "id": "himi_account.food_orders",
                       "body": {
                         "package": "himalaya",
                         "type": "HStack",
@@ -4253,7 +4582,7 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Icon",
                                 "props": {
-                                  "name": "location",
+                                  "name": "bag",
                                   "size": 18,
                                   "tint": "accentPrimary"
                                 }
@@ -4268,7 +4597,95 @@ const SCREENS = runtimeSetting({
                                 "package": "himalaya",
                                 "type": "Text",
                                 "props": {
-                                  "text": "My addresses",
+                                  "text": "My food orders",
+                                  "style": "bodyEmphasis"
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Spacer",
+                                "props": {}
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "chevron_right",
+                                  "size": 16,
+                                  "tint": "textTertiary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "background": {
+                          "token": "surfaceElevated"
+                        },
+                        "border": {
+                          "width": 1,
+                          "color": {
+                            "token": "border"
+                          }
+                        },
+                        "cornerRadius": 8,
+                        "padding": {
+                          "leading": 14,
+                          "trailing": 14,
+                          "top": 13,
+                          "bottom": 13
+                        },
+                        "onTap": {
+                          "actionId": "himi.open",
+                          "params": {
+                            "screenId": "himi_food_orders"
+                          }
+                        },
+                        "pressFeedback": "scale",
+                        "haptic": "light",
+                        "accessibilityLabel": "My food orders"
+                      }
+                    },
+                    {
+                      "id": "himi_account.addresses",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "HStack",
+                        "props": {
+                          "spacing": 12,
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "location",
+                                  "size": 18,
+                                  "tint": "accentPrimary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "My addresses",
                                   "style": "bodyEmphasis"
                                 }
                               }
@@ -4756,6 +5173,109 @@ const SCREENS = runtimeSetting({
                 "hiddenPath": "$service:himiStoreAccount.isMember"
               }
             },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 8,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "himi_account.restore_guest",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "HStack",
+                        "props": {
+                          "spacing": 12,
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "refresh",
+                                  "size": 18,
+                                  "tint": "accentPrimary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$service:himiStoreAccount.restoreLabel",
+                                  "style": "bodyEmphasis"
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Spacer",
+                                "props": {}
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "background": {
+                          "token": "surfaceElevated"
+                        },
+                        "border": {
+                          "width": 1,
+                          "color": {
+                            "token": "border"
+                          }
+                        },
+                        "cornerRadius": 8,
+                        "padding": {
+                          "leading": 14,
+                          "trailing": 14,
+                          "top": 13,
+                          "bottom": 13
+                        },
+                        "onTap": {
+                          "actionId": "tier5.himiStoreAccount.iapRestore"
+                        },
+                        "pressFeedback": "scale",
+                        "haptic": "light",
+                        "accessibilityLabel": "$service:himiStoreAccount.restoreLabel",
+                        "hiddenPath": "$service:himiStoreAccount.restoreHidden"
+                      }
+                    },
+                    {
+                      "id": "himi_account.restore_guest_message",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:himiStoreAccount.restoreMessage",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiStoreAccount.restoreHidden"
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiStoreAccount.isMember"
+              }
+            },
             {
               "id": "himi_account.language",
               "body": {
@@ -5124,7 +5644,8 @@ const SCREENS = runtimeSetting({
         "onAppear": {
           "actionId": "tier5.himiStoreAccount.refresh",
           "params": {
-            "memberAccountLinks": "1"
+            "memberAccountLinks": "1",
+            "restorePurchases": "1"
           }
         }
       }
@@ -5135,7 +5656,8 @@ const SCREENS = runtimeSetting({
       "contentType": "application/javascript+ts-bundle",
       "declaredCapabilities": [
         "wix_api",
-        "app_info"
+        "app_info",
+        "iap"
       ],
       "minBinaryVersion": "0.2.0",
       "bundleVersion": "0.0.1"
@@ -69337,6 +69859,358 @@ const SCREENS = runtimeSetting({
                 "hiddenPath": "$service:himiBrandedVideos.notMockUnavailable"
               }
             },
+            {
+              "id": "himi_videos.loading",
+              "body": {
+                "package": "himalaya",
+                "type": "ZStack",
+                "props": {
+                  "alignment": "center",
+                  "children": []
+                }
+              },
+              "modifiers": {
+                "height": 158,
+                "background": {
+                  "token": "surfaceSecondary"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
+                  }
+                },
+                "cornerRadius": 8,
+                "hiddenPath": "$service:himiBrandedVideos.notLoading"
+              }
+            },
+            {
+              "id": "himi_videos.latest_section",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 10,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 3,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "Latest videos",
+                                  "style": "title3"
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_videos.latest",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Carousel",
+                        "props": {
+                          "itemsPath": "$service:himiBrandedVideos.latestVideos",
+                          "items": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 8,
+                                  "alignment": "leading",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "ZStack",
+                                        "props": {
+                                          "alignment": "leading",
+                                          "children": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Image",
+                                                "props": {
+                                                  "url": "$item.coverUrl",
+                                                  "fillWidth": true,
+                                                  "height": 158,
+                                                  "contentMode": "fill"
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "accessibilityRole": "decorative",
+                                                "hiddenPath": "$item.noCover"
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "ZStack",
+                                                "props": {
+                                                  "alignment": "center",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Icon",
+                                                        "props": {
+                                                          "name": "play",
+                                                          "size": 28,
+                                                          "tint": "accentPrimary"
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "accessibilityRole": "decorative"
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "fillMaxWidth": true,
+                                                "height": 158,
+                                                "background": {
+                                                  "token": "accentSurface"
+                                                },
+                                                "hiddenPath": "$item.hasCover"
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "VStack",
+                                                "props": {
+                                                  "spacing": 0,
+                                                  "alignment": "leading",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Spacer",
+                                                        "props": {}
+                                                      }
+                                                    },
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "HStack",
+                                                        "props": {
+                                                          "spacing": 8,
+                                                          "children": [
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "Icon",
+                                                                "props": {
+                                                                  "name": "play",
+                                                                  "size": 14,
+                                                                  "tint": "textOnAccent"
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "accessibilityRole": "decorative"
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "VStack",
+                                                                "props": {
+                                                                  "spacing": 1,
+                                                                  "alignment": "leading",
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Text",
+                                                                        "props": {
+                                                                          "text": "$item.title",
+                                                                          "style": "bodyEmphasis",
+                                                                          "color": "textOnAccent",
+                                                                          "maxLines": 1
+                                                                        }
+                                                                      }
+                                                                    },
+                                                                    {
+                                                                      "id": "",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Text",
+                                                                        "props": {
+                                                                          "text": "$item.meta",
+                                                                          "style": "caption",
+                                                                          "color": "textOnAccent",
+                                                                          "maxLines": 1,
+                                                                          "collapseWhenEmpty": true
+                                                                        }
+                                                                      }
+                                                                    }
+                                                                  ]
+                                                                }
+                                                              }
+                                                            }
+                                                          ]
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "background": {
+                                                          "token": "accentPrimary"
+                                                        },
+                                                        "cornerRadius": 10,
+                                                        "padding": {
+                                                          "leading": 10,
+                                                          "trailing": 12,
+                                                          "top": 6,
+                                                          "bottom": 6
+                                                        }
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "height": 158,
+                                                "fillMaxWidth": true,
+                                                "padding": {
+                                                  "leading": 10,
+                                                  "trailing": 10,
+                                                  "bottom": 10
+                                                },
+                                                "hiddenPath": "$item.captionBelow"
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "height": 158,
+                                        "cornerRadius": 12
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "VStack",
+                                        "props": {
+                                          "spacing": 2,
+                                          "alignment": "leading",
+                                          "children": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.title",
+                                                  "style": "bodyEmphasis",
+                                                  "maxLines": 2
+                                                }
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.meta",
+                                                  "style": "caption",
+                                                  "color": "textSecondary",
+                                                  "maxLines": 1,
+                                                  "collapseWhenEmpty": true
+                                                }
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$item.captionOnImage"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "width": 280,
+                                "onTap": {
+                                  "actionId": "himi.open",
+                                  "params": {
+                                    "screenId": "himi_video",
+                                    "id": "$item.id",
+                                    "channelId": "$item.channelId"
+                                  }
+                                },
+                                "pressFeedback": "scale",
+                                "haptic": "light",
+                                "accessibilityLabel": "$item.accessibilityLabel"
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedVideos.noLatestVideos"
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 3,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Channels",
+                          "style": "title3"
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedVideos.noChannels"
+              }
+            },
             {
               "id": "himi_videos.rows.collection.toolbar",
               "body": {
@@ -69369,7 +70243,7 @@ const SCREENS = runtimeSetting({
                         "package": "himalaya",
                         "type": "SearchField",
                         "props": {
-                          "placeholder": "Search",
+                          "placeholder": "Search channels",
                           "value": "$service:himiBrandedVideos.collection.query",
                           "debounceMs": 200,
                           "onChange": {
@@ -70060,6 +70934,73 @@ const SCREENS = runtimeSetting({
                                                   "spacing": 8,
                                                   "alignment": "leading",
                                                   "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "VStack",
+                                                        "props": {
+                                                          "spacing": 0,
+                                                          "children": [
+                                                            {
+                                                              "id": "himi_videos.rows.collection.grid.$item.collectionId/image",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "Image",
+                                                                "props": {
+                                                                  "url": "$item.collectionImage",
+                                                                  "contentDescription": "$item.collectionTitle",
+                                                                  "contentMode": "fill",
+                                                                  "height": 112,
+                                                                  "fillWidth": true
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "cornerRadius": 12,
+                                                                "hiddenPath": "$item.collectionNoImage"
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "ZStack",
+                                                                "props": {
+                                                                  "alignment": "center",
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Icon",
+                                                                        "props": {
+                                                                          "name": "photo",
+                                                                          "size": 28,
+                                                                          "tint": "accentPrimary"
+                                                                        }
+                                                                      },
+                                                                      "modifiers": {
+                                                                        "accessibilityRole": "decorative"
+                                                                      }
+                                                                    }
+                                                                  ]
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "height": 112,
+                                                                "fillMaxWidth": true,
+                                                                "cornerRadius": 12,
+                                                                "background": {
+                                                                  "token": "surfaceSecondary"
+                                                                },
+                                                                "accessibilityLabel": "No image available",
+                                                                "hiddenPath": "$item.collectionHasImage"
+                                                              }
+                                                            }
+                                                          ]
+                                                        }
+                                                      }
+                                                    },
                                                     {
                                                       "id": "",
                                                       "body": {
@@ -70604,6 +71545,73 @@ const SCREENS = runtimeSetting({
                                                   "spacing": 8,
                                                   "alignment": "leading",
                                                   "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "VStack",
+                                                        "props": {
+                                                          "spacing": 0,
+                                                          "children": [
+                                                            {
+                                                              "id": "himi_videos.rows.collection.compact-grid.$item.collectionId/image",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "Image",
+                                                                "props": {
+                                                                  "url": "$item.collectionImage",
+                                                                  "contentDescription": "$item.collectionTitle",
+                                                                  "contentMode": "fill",
+                                                                  "height": 80,
+                                                                  "fillWidth": true
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "cornerRadius": 12,
+                                                                "hiddenPath": "$item.collectionNoImage"
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "ZStack",
+                                                                "props": {
+                                                                  "alignment": "center",
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Icon",
+                                                                        "props": {
+                                                                          "name": "photo",
+                                                                          "size": 28,
+                                                                          "tint": "accentPrimary"
+                                                                        }
+                                                                      },
+                                                                      "modifiers": {
+                                                                        "accessibilityRole": "decorative"
+                                                                      }
+                                                                    }
+                                                                  ]
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "height": 80,
+                                                                "fillMaxWidth": true,
+                                                                "cornerRadius": 12,
+                                                                "background": {
+                                                                  "token": "surfaceSecondary"
+                                                                },
+                                                                "accessibilityLabel": "No image available",
+                                                                "hiddenPath": "$item.collectionHasImage"
+                                                              }
+                                                            }
+                                                          ]
+                                                        }
+                                                      }
+                                                    },
                                                     {
                                                       "id": "",
                                                       "body": {
@@ -71161,6 +72169,73 @@ const SCREENS = runtimeSetting({
                                         "spacing": 8,
                                         "alignment": "leading",
                                         "children": [
+                                          {
+                                            "id": "",
+                                            "body": {
+                                              "package": "himalaya",
+                                              "type": "VStack",
+                                              "props": {
+                                                "spacing": 0,
+                                                "children": [
+                                                  {
+                                                    "id": "himi_videos.rows.collection.preview.$item.collectionId/image",
+                                                    "body": {
+                                                      "package": "himalaya",
+                                                      "type": "Image",
+                                                      "props": {
+                                                        "url": "$item.collectionImage",
+                                                        "contentDescription": "$item.collectionTitle",
+                                                        "contentMode": "fill",
+                                                        "height": 112,
+                                                        "fillWidth": true
+                                                      }
+                                                    },
+                                                    "modifiers": {
+                                                      "cornerRadius": 12,
+                                                      "hiddenPath": "$item.collectionNoImage"
+                                                    }
+                                                  },
+                                                  {
+                                                    "id": "",
+                                                    "body": {
+                                                      "package": "himalaya",
+                                                      "type": "ZStack",
+                                                      "props": {
+                                                        "alignment": "center",
+                                                        "children": [
+                                                          {
+                                                            "id": "",
+                                                            "body": {
+                                                              "package": "himalaya",
+                                                              "type": "Icon",
+                                                              "props": {
+                                                                "name": "photo",
+                                                                "size": 28,
+                                                                "tint": "accentPrimary"
+                                                              }
+                                                            },
+                                                            "modifiers": {
+                                                              "accessibilityRole": "decorative"
+                                                            }
+                                                          }
+                                                        ]
+                                                      }
+                                                    },
+                                                    "modifiers": {
+                                                      "height": 112,
+                                                      "fillMaxWidth": true,
+                                                      "cornerRadius": 12,
+                                                      "background": {
+                                                        "token": "surfaceSecondary"
+                                                      },
+                                                      "accessibilityLabel": "No image available",
+                                                      "hiddenPath": "$item.collectionHasImage"
+                                                    }
+                                                  }
+                                                ]
+                                              }
+                                            }
+                                          },
                                           {
                                             "id": "",
                                             "body": {
@@ -71400,7 +72475,10 @@ const SCREENS = runtimeSetting({
           "bottom": 28
         },
         "onAppear": {
-          "actionId": "tier5.himiBrandedVideos.load"
+          "actionId": "tier5.himiBrandedVideos.load",
+          "params": {
+            "videoCaption": "overlay"
+          }
         }
       }
     },
@@ -71484,32 +72562,112 @@ const SCREENS = runtimeSetting({
                       "id": "",
                       "body": {
                         "package": "himalaya",
-                        "type": "VStack",
+                        "type": "HStack",
                         "props": {
-                          "spacing": 4,
-                          "alignment": "leading",
+                          "spacing": 12,
                           "children": [
                             {
                               "id": "",
                               "body": {
                                 "package": "himalaya",
-                                "type": "Text",
+                                "type": "Image",
                                 "props": {
-                                  "text": "$item.title",
-                                  "style": "bodyEmphasis"
+                                  "url": "$item.coverUrl",
+                                  "width": 112,
+                                  "height": 63,
+                                  "contentMode": "fill"
                                 }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative",
+                                "cornerRadius": 8,
+                                "hiddenPath": "$item.noCover"
                               }
                             },
                             {
                               "id": "",
                               "body": {
                                 "package": "himalaya",
-                                "type": "Text",
+                                "type": "ZStack",
                                 "props": {
-                                  "text": "$item.subtitle",
-                                  "style": "caption",
-                                  "color": "textSecondary",
-                                  "collapseWhenEmpty": true
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "play",
+                                          "size": 20,
+                                          "tint": "accentPrimary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "width": 112,
+                                "height": 63,
+                                "background": {
+                                  "token": "accentSurface"
+                                },
+                                "cornerRadius": 8,
+                                "hiddenPath": "$item.hasCover"
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 4,
+                                  "alignment": "leading",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.title",
+                                          "style": "bodyEmphasis",
+                                          "maxLines": 2
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.meta",
+                                          "style": "caption",
+                                          "color": "textSecondary",
+                                          "collapseWhenEmpty": true
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.subtitle",
+                                          "style": "caption",
+                                          "color": "textSecondary",
+                                          "collapseWhenEmpty": true
+                                        }
+                                      }
+                                    }
+                                  ]
                                 }
                               }
                             }
@@ -71522,10 +72680,10 @@ const SCREENS = runtimeSetting({
                         },
                         "cornerRadius": 12,
                         "padding": {
-                          "leading": 16,
+                          "leading": 10,
                           "trailing": 16,
-                          "top": 12,
-                          "bottom": 12
+                          "top": 10,
+                          "bottom": 10
                         },
                         "onTap": {
                           "actionId": "himi.open",