@wix/himalaya-cli 0.1493.0 → 0.1495.0

package/templates/yoga-studio/dev/index.ts

@@ -751,7 +751,7 @@ const SCREENS = runtimeSetting({
                                                                   "package": "himalaya",
                                                                   "type": "Text",
                                                                   "props": {
-                                                                    "text": "Products you saved",
+                                                                    "text": "Wishlist",
                                                                     "style": "bodyEmphasis"
                                                                   }
                                                                 }
@@ -28037,7 +28037,7 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
   { pattern: "^himi_service(?:[_/](.+))?$", display: "himi_service[_{id}]", liveSeed: {"path":"/bookings/v2/services/query","body":{"query":{"paging":{"limit":50}}},"listKey":"services","prefix":"himi_service_"}, template: {
     "screenId": "himi_service___HIMI_ID__",
     "renderer": "sdui_intent",
-    "title": "Service",
+    "title": "",
     "schemaVersion": 1,
     "cacheControl": {
       "maxAge": 0,
@@ -28049,39 +28049,62 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
         "package": "himalaya",
         "type": "VStack",
         "props": {
-          "spacing": 16,
+          "spacing": 0,
           "alignment": "leading",
           "children": [
             {
-              "id": "himi_service.retry.block",
+              "id": "",
               "body": {
                 "package": "himalaya",
                 "type": "VStack",
                 "props": {
-                  "spacing": 12,
-                  "alignment": "leading",
+                  "spacing": 0,
                   "children": [
                     {
-                      "id": "",
+                      "id": "himi_service.retry.block",
                       "body": {
                         "package": "himalaya",
-                        "type": "HStack",
+                        "type": "VStack",
                         "props": {
-                          "spacing": 10,
+                          "spacing": 12,
+                          "alignment": "leading",
                           "children": [
                             {
                               "id": "",
                               "body": {
                                 "package": "himalaya",
-                                "type": "Icon",
+                                "type": "HStack",
                                 "props": {
-                                  "name": "warning",
-                                  "size": 18,
-                                  "tint": "accentPrimary"
+                                  "spacing": 10,
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "warning",
+                                          "size": 18,
+                                          "tint": "accentPrimary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "Something did not load.",
+                                          "style": "bodyEmphasis"
+                                        }
+                                      }
+                                    }
+                                  ]
                                 }
-                              },
-                              "modifiers": {
-                                "accessibilityRole": "decorative"
                               }
                             },
                             {
@@ -28090,64 +28113,60 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                                 "package": "himalaya",
                                 "type": "Text",
                                 "props": {
-                                  "text": "Something did not load.",
-                                  "style": "bodyEmphasis"
+                                  "text": "Try again when the connection settles.",
+                                  "style": "body",
+                                  "color": "textSecondary"
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_service.retry",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Button",
+                                "props": {
+                                  "title": "Try again",
+                                  "style": "secondary",
+                                  "action": {
+                                    "actionId": "tier5.himiBookingService.load"
+                                  }
                                 }
                               }
                             }
                           ]
                         }
-                      }
-                    },
-                    {
-                      "id": "",
-                      "body": {
-                        "package": "himalaya",
-                        "type": "Text",
-                        "props": {
-                          "text": "Try again when the connection settles.",
-                          "style": "body",
-                          "color": "textSecondary"
-                        }
-                      }
-                    },
-                    {
-                      "id": "himi_service.retry",
-                      "body": {
-                        "package": "himalaya",
-                        "type": "Button",
-                        "props": {
-                          "title": "Try again",
-                          "style": "secondary",
-                          "action": {
-                            "actionId": "tier5.himiBookingService.load"
+                      },
+                      "modifiers": {
+                        "background": {
+                          "token": "surfaceElevated"
+                        },
+                        "border": {
+                          "width": 1,
+                          "color": {
+                            "token": "border"
                           }
-                        }
+                        },
+                        "cornerRadius": 8,
+                        "padding": {
+                          "leading": 14,
+                          "trailing": 14,
+                          "top": 14,
+                          "bottom": 14
+                        },
+                        "transition": {
+                          "enter": "fade",
+                          "exit": "fade"
+                        },
+                        "hiddenPath": "$service:himiBookingService.notErrored"
                       }
                     }
                   ]
                 }
               },
               "modifiers": {
-                "background": {
-                  "token": "surfaceElevated"
-                },
-                "border": {
-                  "width": 1,
-                  "color": {
-                    "token": "border"
-                  }
-                },
-                "cornerRadius": 8,
+                "fillMaxWidth": true,
                 "padding": {
-                  "leading": 14,
-                  "trailing": 14,
-                  "top": 14,
-                  "bottom": 14
-                },
-                "transition": {
-                  "enter": "fade",
-                  "exit": "fade"
+                  "top": 20
                 },
                 "hiddenPath": "$service:himiBookingService.notErrored"
               }
@@ -28158,7 +28177,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                 "package": "himalaya",
                 "type": "VStack",
                 "props": {
-                  "spacing": 12,
+                  "spacing": 24,
+                  "alignment": "leading",
                   "children": [
                     {
                       "id": "himi_service.skeleton_media",
@@ -28166,103 +28186,475 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "package": "himalaya",
                         "type": "Skeleton",
                         "props": {
-                          "height": 180,
-                          "cornerRadius": 8
+                          "height": 219,
+                          "cornerRadius": 16
                         }
                       },
                       "modifiers": {
-                        "height": 180,
+                        "height": 219,
+                        "fillMaxWidth": true,
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "cornerRadius": 8,
+                        "cornerRadius": 16,
                         "accessibilityRole": "decorative"
                       }
                     },
                     {
-                      "id": "himi_service.skeleton_title",
+                      "id": "",
                       "body": {
                         "package": "himalaya",
-                        "type": "Skeleton",
+                        "type": "VStack",
                         "props": {
-                          "height": 24,
-                          "cornerRadius": 8
+                          "spacing": 8,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "himi_service.skeleton_eyebrow",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 14,
+                                  "cornerRadius": 8
+                                }
+                              },
+                              "modifiers": {
+                                "height": 14,
+                                "width": 90,
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
+                                "cornerRadius": 8,
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "himi_service.skeleton_title",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 30,
+                                  "cornerRadius": 8
+                                }
+                              },
+                              "modifiers": {
+                                "height": 30,
+                                "width": 220,
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
+                                "cornerRadius": 8,
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "himi_service.skeleton_tagline",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 16,
+                                  "cornerRadius": 8
+                                }
+                              },
+                              "modifiers": {
+                                "height": 16,
+                                "width": 280,
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
+                                "cornerRadius": 8,
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "himi_service.skeleton_price",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 20,
+                                  "cornerRadius": 8
+                                }
+                              },
+                              "modifiers": {
+                                "height": 20,
+                                "width": 70,
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
+                                "cornerRadius": 8,
+                                "accessibilityRole": "decorative",
+                                "padding": {
+                                  "top": 8
+                                }
+                              }
+                            }
+                          ]
                         }
-                      },
-                      "modifiers": {
-                        "height": 24,
-                        "background": {
-                          "token": "surfaceSecondary"
-                        },
-                        "cornerRadius": 8,
-                        "accessibilityRole": "decorative"
                       }
                     },
                     {
-                      "id": "himi_service.skeleton_body",
+                      "id": "",
                       "body": {
                         "package": "himalaya",
-                        "type": "Skeleton",
-                        "props": {
-                          "height": 80,
-                          "cornerRadius": 8
-                        }
-                      },
-                      "modifiers": {
-                        "height": 80,
-                        "background": {
-                          "token": "surfaceSecondary"
-                        },
-                        "cornerRadius": 8,
-                        "accessibilityRole": "decorative"
+                        "type": "Divider",
+                        "props": {}
                       }
-                    }
-                  ]
-                }
-              },
-              "modifiers": {
-                "hiddenPath": "$service:himiBookingService.notLoading"
-              }
-            },
-            {
-              "id": "",
-              "body": {
-                "package": "himalaya",
-                "type": "VStack",
-                "props": {
-                  "spacing": 16,
-                  "alignment": "leading",
-                  "children": [
+                    },
                     {
-                      "id": "himi_service.summary",
+                      "id": "",
                       "body": {
                         "package": "himalaya",
                         "type": "VStack",
                         "props": {
-                          "spacing": 12,
+                          "spacing": 16,
                           "alignment": "leading",
                           "children": [
                             {
                               "id": "",
                               "body": {
                                 "package": "himalaya",
-                                "type": "Image",
+                                "type": "HStack",
                                 "props": {
-                                  "url": "$service:himiBookingService.image",
-                                  "fillWidth": true,
-                                  "height": 210,
-                                  "contentMode": "fill",
-                                  "contentDescription": "$service:himiBookingService.name"
-                                }
-                              },
-                              "modifiers": {
+                                  "spacing": 12,
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "himi_service.skeleton_fact_icon_1",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Skeleton",
+                                        "props": {
+                                          "height": 20,
+                                          "cornerRadius": 10
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "height": 20,
+                                        "width": 20,
+                                        "background": {
+                                          "token": "surfaceSecondary"
+                                        },
+                                        "cornerRadius": 10,
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.skeleton_fact_1",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Skeleton",
+                                        "props": {
+                                          "height": 16,
+                                          "cornerRadius": 8
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "height": 16,
+                                        "width": 160,
+                                        "background": {
+                                          "token": "surfaceSecondary"
+                                        },
+                                        "cornerRadius": 8,
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 12,
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "himi_service.skeleton_fact_icon_2",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Skeleton",
+                                        "props": {
+                                          "height": 20,
+                                          "cornerRadius": 10
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "height": 20,
+                                        "width": 20,
+                                        "background": {
+                                          "token": "surfaceSecondary"
+                                        },
+                                        "cornerRadius": 10,
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.skeleton_fact_2",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Skeleton",
+                                        "props": {
+                                          "height": 16,
+                                          "cornerRadius": 8
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "height": 16,
+                                        "width": 160,
+                                        "background": {
+                                          "token": "surfaceSecondary"
+                                        },
+                                        "cornerRadius": 8,
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 12,
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "himi_service.skeleton_fact_icon_3",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Skeleton",
+                                        "props": {
+                                          "height": 20,
+                                          "cornerRadius": 10
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "height": 20,
+                                        "width": 20,
+                                        "background": {
+                                          "token": "surfaceSecondary"
+                                        },
+                                        "cornerRadius": 10,
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.skeleton_fact_3",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Skeleton",
+                                        "props": {
+                                          "height": 16,
+                                          "cornerRadius": 8
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "height": 16,
+                                        "width": 160,
+                                        "background": {
+                                          "token": "surfaceSecondary"
+                                        },
+                                        "cornerRadius": 8,
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 8,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "himi_service.skeleton_section_title",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 22,
+                                  "cornerRadius": 8
+                                }
+                              },
+                              "modifiers": {
+                                "height": 22,
+                                "width": 120,
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
                                 "cornerRadius": 8,
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "himi_service.skeleton_body_1",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 16,
+                                  "cornerRadius": 8
+                                }
+                              },
+                              "modifiers": {
+                                "height": 16,
                                 "fillMaxWidth": true,
-                                "hiddenPath": "$service:himiBookingService.noImage"
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
+                                "cornerRadius": 8,
+                                "accessibilityRole": "decorative"
                               }
                             },
                             {
-                              "id": "",
+                              "id": "himi_service.skeleton_body_2",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 16,
+                                  "cornerRadius": 8
+                                }
+                              },
+                              "modifiers": {
+                                "height": 16,
+                                "fillMaxWidth": true,
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
+                                "cornerRadius": 8,
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "himi_service.skeleton_body_3",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Skeleton",
+                                "props": {
+                                  "height": 16,
+                                  "cornerRadius": 8
+                                }
+                              },
+                              "modifiers": {
+                                "height": 16,
+                                "width": 200,
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
+                                "cornerRadius": 8,
+                                "accessibilityRole": "decorative"
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "fillMaxWidth": true,
+                "padding": {
+                  "top": 20
+                },
+                "hiddenPath": "$service:himiBookingService.notLoading"
+              }
+            },
+            {
+              "id": "himi_service.content",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 24,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "himi_service.media",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 0,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "himi_service.gallery",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Carousel",
+                                "props": {
+                                  "itemsPath": "$service:himiBookingService.images",
+                                  "items": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Image",
+                                        "props": {
+                                          "url": "$item.url",
+                                          "fillWidth": true,
+                                          "height": 219,
+                                          "contentMode": "fill",
+                                          "contentDescription": "$item.alt"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "height": 219,
+                                        "cornerRadius": 16,
+                                        "fillMaxWidth": true
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "fillMaxWidth": true,
+                                "hiddenPath": "$service:himiBookingService.noGallery"
+                              }
+                            },
+                            {
+                              "id": "himi_service.image",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Image",
+                                "props": {
+                                  "url": "$service:himiBookingService.image",
+                                  "fillWidth": true,
+                                  "height": 219,
+                                  "contentMode": "fill",
+                                  "contentDescription": "$service:himiBookingService.name"
+                                }
+                              },
+                              "modifiers": {
+                                "height": 219,
+                                "cornerRadius": 16,
+                                "fillMaxWidth": true,
+                                "hiddenPath": "$service:himiBookingService.noOneImage"
+                              }
+                            },
+                            {
+                              "id": "himi_service.no_image",
                               "body": {
                                 "package": "himalaya",
                                 "type": "ZStack",
@@ -28270,173 +28662,1029 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                                   "alignment": "center",
                                   "children": [
                                     {
-                                      "id": "",
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "image",
+                                          "size": 44,
+                                          "tint": "accentPrimary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "height": 219,
+                                "cornerRadius": 16,
+                                "fillMaxWidth": true,
+                                "background": {
+                                  "token": "surfaceSecondary"
+                                },
+                                "hiddenPath": "$service:himiBookingService.hasImage"
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_service.header",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 8,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "himi_service.category",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$service:himiBookingService.category",
+                                  "style": "footnote",
+                                  "color": "textSecondary",
+                                  "maxLines": 1
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$service:himiBookingService.noCategory"
+                              }
+                            },
+                            {
+                              "id": "himi_service.title",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$service:himiBookingService.name",
+                                  "style": "pageTitle",
+                                  "maxLines": 3,
+                                  "collapseWhenEmpty": true
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_service.tagline",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$service:himiBookingService.tagline",
+                                  "style": "body",
+                                  "color": "textSecondary",
+                                  "maxLines": 3,
+                                  "collapseWhenEmpty": true
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_service.price",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 6,
+                                  "alignment": "trailing",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$service:himiBookingService.priceText",
+                                          "style": "title3",
+                                          "maxLines": 1
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$service:himiBookingService.priceUnit",
+                                          "style": "footnote",
+                                          "color": "textSecondary",
+                                          "maxLines": 1,
+                                          "collapseWhenEmpty": true
+                                        }
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "padding": {
+                                  "top": 8
+                                },
+                                "accessibilityLabel": "$service:himiBookingService.priceA11y",
+                                "hiddenPath": "$service:himiBookingService.noPriceAmount"
+                              }
+                            },
+                            {
+                              "id": "himi_service.price_text",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$service:himiBookingService.priceText",
+                                  "style": "bodyEmphasis",
+                                  "maxLines": 2
+                                }
+                              },
+                              "modifiers": {
+                                "padding": {
+                                  "top": 8
+                                },
+                                "hiddenPath": "$service:himiBookingService.noPriceDescription"
+                              }
+                            }
+                          ]
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_service.facts_section",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 24,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Divider",
+                                "props": {}
+                              }
+                            },
+                            {
+                              "id": "himi_service.facts",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 16,
+                                  "alignment": "leading",
+                                  "children": [
+                                    {
+                                      "id": "himi_service.duration",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "HStack",
+                                        "props": {
+                                          "spacing": 12,
+                                          "alignment": "center",
+                                          "children": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "ZStack",
+                                                "props": {
+                                                  "alignment": "center",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Icon",
+                                                        "props": {
+                                                          "name": "clock",
+                                                          "size": 20,
+                                                          "tint": "textSecondary"
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "accessibilityRole": "decorative"
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "width": 20,
+                                                "height": 20
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "VStack",
+                                                "props": {
+                                                  "spacing": 2,
+                                                  "alignment": "leading",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Text",
+                                                        "props": {
+                                                          "text": "$service:himiBookingService.durationText",
+                                                          "style": "body",
+                                                          "maxLines": 1
+                                                        }
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Spacer",
+                                                "props": {}
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "accessibilityLabel": "$service:himiBookingService.durationText",
+                                        "hiddenPath": "$service:himiBookingService.noDuration"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.locations",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "LazyList",
+                                        "props": {
+                                          "spacing": 16,
+                                          "itemsPath": "$service:himiBookingService.locations",
+                                          "items": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "VStack",
+                                                "props": {
+                                                  "spacing": 0,
+                                                  "alignment": "leading",
+                                                  "children": [
+                                                    {
+                                                      "id": "himi_service.location",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "HStack",
+                                                        "props": {
+                                                          "spacing": 12,
+                                                          "alignment": "center",
+                                                          "children": [
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "ZStack",
+                                                                "props": {
+                                                                  "alignment": "center",
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Icon",
+                                                                        "props": {
+                                                                          "name": "location",
+                                                                          "size": 20,
+                                                                          "tint": "textSecondary"
+                                                                        }
+                                                                      },
+                                                                      "modifiers": {
+                                                                        "accessibilityRole": "decorative"
+                                                                      }
+                                                                    }
+                                                                  ]
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "width": 20,
+                                                                "height": 20
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "VStack",
+                                                                "props": {
+                                                                  "spacing": 2,
+                                                                  "alignment": "leading",
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Text",
+                                                                        "props": {
+                                                                          "text": "$item.title",
+                                                                          "style": "body",
+                                                                          "maxLines": 1
+                                                                        }
+                                                                      }
+                                                                    }
+                                                                  ]
+                                                                }
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "Spacer",
+                                                                "props": {}
+                                                              }
+                                                            }
+                                                          ]
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "fillMaxWidth": true,
+                                                        "accessibilityLabel": "$item.a11y",
+                                                        "onTap": {
+                                                          "actionId": "tier5.himiBookingService.openDirections",
+                                                          "params": {
+                                                            "index": "$item.index"
+                                                          }
+                                                        },
+                                                        "pressFeedback": "highlight",
+                                                        "accessibilityRole": "button",
+                                                        "hiddenPath": "$item.notTappable"
+                                                      }
+                                                    },
+                                                    {
+                                                      "id": "himi_service.location_client",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "HStack",
+                                                        "props": {
+                                                          "spacing": 12,
+                                                          "alignment": "center",
+                                                          "children": [
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "ZStack",
+                                                                "props": {
+                                                                  "alignment": "center",
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Icon",
+                                                                        "props": {
+                                                                          "name": "location",
+                                                                          "size": 20,
+                                                                          "tint": "textSecondary"
+                                                                        }
+                                                                      },
+                                                                      "modifiers": {
+                                                                        "accessibilityRole": "decorative"
+                                                                      }
+                                                                    }
+                                                                  ]
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "width": 20,
+                                                                "height": 20
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "VStack",
+                                                                "props": {
+                                                                  "spacing": 2,
+                                                                  "alignment": "leading",
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Text",
+                                                                        "props": {
+                                                                          "text": "$item.title",
+                                                                          "style": "body",
+                                                                          "maxLines": 1
+                                                                        }
+                                                                      }
+                                                                    }
+                                                                  ]
+                                                                }
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "Spacer",
+                                                                "props": {}
+                                                              }
+                                                            }
+                                                          ]
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "fillMaxWidth": true,
+                                                        "accessibilityLabel": "$item.title",
+                                                        "hiddenPath": "$item.tappable"
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBookingService.noLocations"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.online",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "HStack",
+                                        "props": {
+                                          "spacing": 12,
+                                          "alignment": "center",
+                                          "children": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "ZStack",
+                                                "props": {
+                                                  "alignment": "center",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Icon",
+                                                        "props": {
+                                                          "name": "globe",
+                                                          "size": 20,
+                                                          "tint": "textSecondary"
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "accessibilityRole": "decorative"
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "width": 20,
+                                                "height": 20
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "VStack",
+                                                "props": {
+                                                  "spacing": 2,
+                                                  "alignment": "leading",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Text",
+                                                        "props": {
+                                                          "text": "Online session",
+                                                          "style": "body",
+                                                          "maxLines": 1
+                                                        }
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Spacer",
+                                                "props": {}
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "accessibilityLabel": "Online session",
+                                        "hiddenPath": "$service:himiBookingService.noOnline"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.staff",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "HStack",
+                                        "props": {
+                                          "spacing": 12,
+                                          "alignment": "center",
+                                          "children": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "ZStack",
+                                                "props": {
+                                                  "alignment": "center",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "ZStack",
+                                                        "props": {
+                                                          "alignment": "center",
+                                                          "children": [
+                                                            {
+                                                              "id": "himi_service.staff_photo",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "Avatar",
+                                                                "props": {
+                                                                  "imageUrl": "$service:himiBookingService.staffImage",
+                                                                  "size": 20
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "accessibilityRole": "decorative",
+                                                                "hiddenPath": "$service:himiBookingService.noStaffImage"
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "himi_service.staff_initials",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "Avatar",
+                                                                "props": {
+                                                                  "initials": "$service:himiBookingService.staffInitials",
+                                                                  "size": 20
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "accessibilityRole": "decorative",
+                                                                "hiddenPath": "$service:himiBookingService.hasStaffImage"
+                                                              }
+                                                            }
+                                                          ]
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "width": 20,
+                                                        "height": 20
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "width": 20,
+                                                "height": 20
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "VStack",
+                                                "props": {
+                                                  "spacing": 2,
+                                                  "alignment": "leading",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Text",
+                                                        "props": {
+                                                          "text": "$service:himiBookingService.staffText",
+                                                          "style": "body",
+                                                          "maxLines": 1
+                                                        }
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Spacer",
+                                                "props": {}
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "accessibilityLabel": "$service:himiBookingService.staffText",
+                                        "hiddenPath": "$service:himiBookingService.noStaff"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.pay",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "HStack",
+                                        "props": {
+                                          "spacing": 12,
+                                          "alignment": "center",
+                                          "children": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "ZStack",
+                                                "props": {
+                                                  "alignment": "center",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Icon",
+                                                        "props": {
+                                                          "name": "tag",
+                                                          "size": 20,
+                                                          "tint": "textSecondary"
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "accessibilityRole": "decorative"
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "width": 20,
+                                                "height": 20
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "VStack",
+                                                "props": {
+                                                  "spacing": 2,
+                                                  "alignment": "leading",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Text",
+                                                        "props": {
+                                                          "text": "$service:himiBookingService.payText",
+                                                          "style": "body",
+                                                          "maxLines": 1
+                                                        }
+                                                      }
+                                                    },
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Text",
+                                                        "props": {
+                                                          "text": "$service:himiBookingService.paySub",
+                                                          "style": "caption",
+                                                          "color": "textSecondary",
+                                                          "maxLines": 1,
+                                                          "collapseWhenEmpty": true
+                                                        }
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Spacer",
+                                                "props": {}
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "accessibilityLabel": "$service:himiBookingService.payText",
+                                        "accessibilityValue": "$service:himiBookingService.paySub",
+                                        "hiddenPath": "$service:himiBookingService.noPay"
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiBookingService.noFacts"
+                      }
+                    },
+                    {
+                      "id": "himi_service.about_section",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 24,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Divider",
+                                "props": {}
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 8,
+                                  "alignment": "leading",
+                                  "children": [
+                                    {
+                                      "id": "himi_service.about_title",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "About",
+                                          "style": "title3"
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.about",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$service:himiBookingService.about",
+                                          "style": "body",
+                                          "color": "textPrimary",
+                                          "collapseWhenEmpty": true
+                                        }
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiBookingService.noAbout"
+                      }
+                    },
+                    {
+                      "id": "himi_service.policy_section",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 24,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Divider",
+                                "props": {}
+                              }
+                            },
+                            {
+                              "id": "himi_service.policy",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 0,
+                                  "alignment": "leading",
+                                  "children": [
+                                    {
+                                      "id": "himi_service.policy.header",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "HStack",
+                                        "props": {
+                                          "spacing": 12,
+                                          "alignment": "center",
+                                          "children": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "Our policy",
+                                                  "style": "body",
+                                                  "maxLines": 2
+                                                }
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Spacer",
+                                                "props": {}
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Icon",
+                                                "props": {
+                                                  "name": "chevron_down",
+                                                  "size": 16,
+                                                  "tint": "textSecondary"
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "accessibilityRole": "decorative",
+                                                "hiddenPath": "$service:himiBookingService.policyExpanded"
+                                              }
+                                            },
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Icon",
+                                                "props": {
+                                                  "name": "chevron_up",
+                                                  "size": 16,
+                                                  "tint": "textSecondary"
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "accessibilityRole": "decorative",
+                                                "hiddenPath": "$service:himiBookingService.policyCollapsed"
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "padding": {
+                                          "top": 4,
+                                          "bottom": 4
+                                        },
+                                        "onTap": {
+                                          "actionId": "tier5.himiBookingService.togglePolicy"
+                                        },
+                                        "pressFeedback": "highlight",
+                                        "accessibilityRole": "button",
+                                        "accessibilityLabel": "Our policy"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_service.policy.lines",
                                       "body": {
                                         "package": "himalaya",
-                                        "type": "Text",
+                                        "type": "LazyList",
                                         "props": {
-                                          "text": "$service:himiBookingService.initial",
-                                          "style": "display",
-                                          "color": "textOnAccent"
+                                          "spacing": 8,
+                                          "itemsPath": "$service:himiBookingService.policyLines",
+                                          "items": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "VStack",
+                                                "props": {
+                                                  "spacing": 0,
+                                                  "alignment": "leading",
+                                                  "children": [
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Text",
+                                                        "props": {
+                                                          "text": "$item.text",
+                                                          "style": "body",
+                                                          "color": "textPrimary"
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "hiddenPath": "$item.notOwner"
+                                                      }
+                                                    },
+                                                    {
+                                                      "id": "",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Text",
+                                                        "props": {
+                                                          "text": "$item.text",
+                                                          "style": "body",
+                                                          "color": "textSecondary"
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "hiddenPath": "$item.owner"
+                                                      }
+                                                    }
+                                                  ]
+                                                }
+                                              }
+                                            }
+                                          ]
                                         }
+                                      },
+                                      "modifiers": {
+                                        "padding": {
+                                          "top": 16
+                                        },
+                                        "hiddenPath": "$service:himiBookingService.policyCollapsed"
                                       }
                                     }
                                   ]
                                 }
-                              },
-                              "modifiers": {
-                                "fillMaxWidth": true,
-                                "height": 160,
-                                "background": {
-                                  "token": "accentPrimary"
-                                },
-                                "cornerRadius": 8,
-                                "hiddenPath": "$service:himiBookingService.hasImage"
-                              }
-                            },
-                            {
-                              "id": "",
-                              "body": {
-                                "package": "himalaya",
-                                "type": "Text",
-                                "props": {
-                                  "text": "$service:himiBookingService.name",
-                                  "style": "title2",
-                                  "maxLines": 2,
-                                  "collapseWhenEmpty": true
-                                }
-                              }
-                            },
-                            {
-                              "id": "",
-                              "body": {
-                                "package": "himalaya",
-                                "type": "Divider",
-                                "props": {}
-                              }
-                            },
-                            {
-                              "id": "himi_service.price",
-                              "body": {
-                                "package": "himalaya",
-                                "type": "LabeledContent",
-                                "props": {
-                                  "label": "Price",
-                                  "value": "$service:himiBookingService.price"
-                                }
-                              },
-                              "modifiers": {
-                                "hiddenPath": "$service:himiBookingService.noPrice"
-                              }
-                            },
-                            {
-                              "id": "himi_service.duration",
-                              "body": {
-                                "package": "himalaya",
-                                "type": "LabeledContent",
-                                "props": {
-                                  "label": "Duration",
-                                  "value": "$service:himiBookingService.duration"
-                                }
-                              },
-                              "modifiers": {
-                                "hiddenPath": "$service:himiBookingService.noDuration"
-                              }
-                            },
-                            {
-                              "id": "himi_service.category",
-                              "body": {
-                                "package": "himalaya",
-                                "type": "LabeledContent",
-                                "props": {
-                                  "label": "Category",
-                                  "value": "$service:himiBookingService.category"
-                                }
-                              },
-                              "modifiers": {
-                                "hiddenPath": "$service:himiBookingService.noCategory"
-                              }
-                            },
-                            {
-                              "id": "",
-                              "body": {
-                                "package": "himalaya",
-                                "type": "Text",
-                                "props": {
-                                  "text": "$service:himiBookingService.description",
-                                  "style": "body",
-                                  "color": "textSecondary",
-                                  "collapseWhenEmpty": true
-                                }
                               }
                             }
                           ]
                         }
                       },
                       "modifiers": {
-                        "background": {
-                          "token": "surfaceElevated"
-                        },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8,
-                        "padding": {
-                          "leading": 14,
-                          "trailing": 14,
-                          "top": 14,
-                          "bottom": 14
-                        }
+                        "hiddenPath": "$service:himiBookingService.noPolicy"
                       }
                     },
                     {
-                      "id": "himi_service.choose_time",
+                      "id": "himi_service.not_bookable",
                       "body": {
                         "package": "himalaya",
-                        "type": "Button",
+                        "type": "Banner",
                         "props": {
-                          "title": "Choose a time",
-                          "style": "primary",
-                          "fullWidth": true,
-                          "action": {
-                            "actionId": "himi.open",
-                            "params": {
-                              "screenId": "himi_time",
-                              "id": "$service:himiBookingService.id"
-                            }
-                          }
+                          "severity": "info",
+                          "title": "This service isn't available for online booking. Contact us to book it."
                         }
                       },
                       "modifiers": {
-                        "cornerRadius": 8,
-                        "pressFeedback": "scale",
-                        "haptic": "medium"
-                      }
-                    },
-                    {
-                      "id": "himi_service.share",
-                      "body": {
-                        "package": "himalaya",
-                        "type": "Button",
-                        "props": {
-                          "title": "Share",
-                          "style": "secondary",
-                          "fullWidth": true,
-                          "leadingIcon": "share",
-                          "action": {
-                            "actionId": "tier5.himiBookingService.share"
-                          }
-                        }
+                        "hiddenPath": "$service:himiBookingService.bookableOnline"
                       }
                     }
                   ]
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:himiBookingService.isLoading"
+                "hiddenPath": "$service:himiBookingService.hideContent",
+                "padding": {
+                  "top": 20
+                }
               }
             },
             {
@@ -28518,9 +29766,9 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
           "token": "surfacePrimary"
         },
         "padding": {
-          "leading": 16,
-          "trailing": 16,
-          "top": 18,
+          "leading": 20,
+          "trailing": 20,
+          "top": 0,
           "bottom": 24
         },
         "onAppear": {
@@ -28535,13 +29783,119 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
       "declaredCapabilities": [
         "wix_api",
         "share",
-        "local_database"
+        "local_database",
+        "open_url"
       ],
       "minBinaryVersion": "0.1.0",
       "bundleVersion": "0.0.1"
     },
     "input": {
       "id": "__HIMI_ID__"
+    },
+    "topBar": {
+      "actions": [
+        {
+          "id": "share",
+          "icon": "share",
+          "accessibilityLabel": "Share",
+          "onTap": {
+            "actionId": "tier5.himiBookingService.share"
+          }
+        }
+      ]
+    },
+    "stickyFooter": {
+      "id": "himi_service.footer",
+      "body": {
+        "package": "himalaya",
+        "type": "VStack",
+        "props": {
+          "spacing": 0,
+          "alignment": "leading",
+          "children": [
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "Divider",
+                "props": {}
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 0,
+                  "children": [
+                    {
+                      "id": "himi_service.choose_time",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Choose a Time",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "tier5.himiBookingService.chooseTime"
+                          }
+                        }
+                      },
+                      "modifiers": {
+                        "cornerRadius": 8,
+                        "pressFeedback": "scale",
+                        "haptic": "medium",
+                        "height": 48,
+                        "hiddenPath": "$service:himiBookingService.requestToBook"
+                      }
+                    },
+                    {
+                      "id": "himi_service.request",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Request to Book",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "tier5.himiBookingService.chooseTime"
+                          }
+                        }
+                      },
+                      "modifiers": {
+                        "cornerRadius": 8,
+                        "pressFeedback": "scale",
+                        "haptic": "medium",
+                        "height": 48,
+                        "hiddenPath": "$service:himiBookingService.notRequestToBook"
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "fillMaxWidth": true,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 12,
+                  "bottom": 12
+                }
+              }
+            }
+          ]
+        }
+      },
+      "modifiers": {
+        "fillMaxWidth": true,
+        "background": {
+          "token": "surfacePrimary"
+        },
+        "hiddenPath": "$service:himiBookingService.hideFooter"
+      }
     }
   } },
   { pattern: "^himi_time(?:[_/](.+))?$", display: "himi_time[_{id}]", liveSeed: {"path":"/bookings/v2/services/query","body":{"query":{"paging":{"limit":50}}},"listKey":"services","prefix":"himi_time_"}, template: {