@wix/himalaya-cli 0.1445.0 → 0.1446.0

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

@@ -84135,6 +84135,25 @@ const SCREENS = runtimeSetting({
                 }
               }
             },
+            {
+              "id": "himi_inbox.chat_with_us",
+              "body": {
+                "package": "himalaya",
+                "type": "Button",
+                "props": {
+                  "title": "Chat with us",
+                  "style": "secondary",
+                  "fullWidth": true,
+                  "leadingIcon": "chat",
+                  "action": {
+                    "actionId": "himi.open",
+                    "params": {
+                      "screenId": "himi_business_chat"
+                    }
+                  }
+                }
+              }
+            },
             {
               "id": "himi_inbox.sample_banner",
               "body": {
@@ -86289,6 +86308,1107 @@ const SCREENS = runtimeSetting({
       "bundleVersion": "0.0.1"
     }
   },
+  "himi_business_chat": {
+    "screenId": "himi_business_chat",
+    "renderer": "sdui_intent",
+    "title": "__HIMI_APP_NAME__",
+    "schemaVersion": 1,
+    "cacheControl": {
+      "maxAge": 0,
+      "staleWhileRevalidate": 0
+    },
+    "payload": {
+      "id": "himi_business_chat.root",
+      "body": {
+        "package": "himalaya",
+        "type": "VStack",
+        "props": {
+          "children": [
+            {
+              "id": "himi_business_chat.loading",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "children": [
+                    {
+                      "id": "himi_business_chat.loading_text",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Loading…",
+                          "style": "body",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true,
+                          "textDirection": "auto"
+                        }
+                      },
+                      "modifiers": {}
+                    },
+                    {
+                      "id": "himi_business_chat.loading_row_1",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Skeleton",
+                        "props": {
+                          "height": 62,
+                          "cornerRadius": 16
+                        }
+                      },
+                      "modifiers": {}
+                    },
+                    {
+                      "id": "himi_business_chat.loading_row_2",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Skeleton",
+                        "props": {
+                          "height": 84,
+                          "cornerRadius": 16
+                        }
+                      },
+                      "modifiers": {}
+                    }
+                  ],
+                  "spacing": 12,
+                  "alignment": "leading"
+                }
+              },
+              "modifiers": {
+                "fillMaxWidth": true,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 20,
+                  "bottom": 8
+                },
+                "hiddenPath": "$service:businessChat.loadingHidden"
+              }
+            },
+            {
+              "id": "himi_business_chat.error",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "children": [
+                    {
+                      "id": "himi_business_chat.error_text",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:businessChat.errorText",
+                          "style": "body",
+                          "color": "danger",
+                          "collapseWhenEmpty": true,
+                          "textDirection": "auto"
+                        }
+                      },
+                      "modifiers": {}
+                    },
+                    {
+                      "id": "himi_business_chat.load_failure",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:businessChat.loadFailure",
+                          "style": "caption",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true,
+                          "textDirection": "auto"
+                        }
+                      },
+                      "modifiers": {}
+                    },
+                    {
+                      "id": "himi_business_chat.sign_in",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Sign in",
+                          "leadingIcon": "person",
+                          "style": "primary",
+                          "size": "md",
+                          "fullWidth": false,
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_account"
+                            }
+                          }
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:businessChat.notGuest"
+                      }
+                    },
+                    {
+                      "id": "himi_business_chat.retry",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Try again",
+                          "action": {
+                            "actionId": "tier5.businessChat.init"
+                          },
+                          "style": "secondary",
+                          "size": "md",
+                          "fullWidth": false
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:businessChat.isGuest"
+                      }
+                    }
+                  ],
+                  "spacing": 8,
+                  "alignment": "leading"
+                }
+              },
+              "modifiers": {
+                "fillMaxWidth": true,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 12,
+                  "bottom": 8
+                },
+                "hiddenPath": "$service:businessChat.noError"
+              }
+            },
+            {
+              "id": "himi_business_chat.empty",
+              "body": {
+                "package": "himalaya",
+                "type": "EmptyState",
+                "props": {
+                  "title": "No messages yet",
+                  "subtitle": "Send a message to start the conversation.",
+                  "icon": "chat"
+                }
+              },
+              "modifiers": {
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 24,
+                  "bottom": 24
+                },
+                "hiddenPath": "$service:businessChat.noEmpty"
+              }
+            },
+            {
+              "id": "himi_business_chat.messages",
+              "body": {
+                "package": "himalaya",
+                "type": "LazyList",
+                "props": {
+                  "itemsPath": "$service:businessChat.messages",
+                  "items": [
+                    {
+                      "id": "himi_business_chat.message_$item.id",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "children": [
+                            {
+                              "id": "himi_business_chat.day_row_$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "children": [
+                                    {
+                                      "id": "himi_business_chat.day_left_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Spacer",
+                                        "props": {}
+                                      },
+                                      "modifiers": {}
+                                    },
+                                    {
+                                      "id": "himi_business_chat.day_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.dayLabel",
+                                          "style": "caption",
+                                          "color": "textSecondary",
+                                          "collapseWhenEmpty": true,
+                                          "textDirection": "auto"
+                                        }
+                                      },
+                                      "modifiers": {}
+                                    },
+                                    {
+                                      "id": "himi_business_chat.day_right_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Spacer",
+                                        "props": {}
+                                      },
+                                      "modifiers": {}
+                                    }
+                                  ],
+                                  "spacing": 8,
+                                  "alignment": "leading"
+                                }
+                              },
+                              "modifiers": {
+                                "fillMaxWidth": true,
+                                "padding": {
+                                  "leading": 12,
+                                  "trailing": 12,
+                                  "top": 12,
+                                  "bottom": 4
+                                },
+                                "hiddenPath": "$item.dayHidden"
+                              }
+                            },
+                            {
+                              "id": "himi_business_chat.incoming_row_$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "children": [
+                                    {
+                                      "id": "himi_business_chat.avatar_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Image",
+                                        "props": {
+                                          "url": "$item.senderAvatar",
+                                          "initials": "$item.senderInitials",
+                                          "icon": "person",
+                                          "width": 30,
+                                          "height": 30,
+                                          "contentMode": "fill",
+                                          "shape": "circle",
+                                          "contentDescription": "$item.sender"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityLabel": "$item.sender"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_business_chat.incoming_bubble_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "VStack",
+                                        "props": {
+                                          "children": [
+                                            {
+                                              "id": "himi_business_chat.incoming_sender_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.senderName",
+                                                  "style": "caption",
+                                                  "color": "accentPrimary",
+                                                  "collapseWhenEmpty": true,
+                                                  "textDirection": "auto"
+                                                }
+                                              },
+                                              "modifiers": {}
+                                            },
+                                            {
+                                              "id": "himi_business_chat.staff_badge_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.senderBadge",
+                                                  "style": "caption",
+                                                  "color": "accentPrimary",
+                                                  "collapseWhenEmpty": true
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "background": {
+                                                  "token": "accentSurface"
+                                                },
+                                                "cornerRadius": 8,
+                                                "padding": {
+                                                  "leading": 8,
+                                                  "trailing": 8,
+                                                  "top": 3,
+                                                  "bottom": 3
+                                                }
+                                              }
+                                            },
+                                            {
+                                              "id": "himi_business_chat.incoming_text_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.bodyMarkdown",
+                                                  "style": "body",
+                                                  "color": "textPrimary",
+                                                  "collapseWhenEmpty": true,
+                                                  "textDirection": "auto",
+                                                  "markdown": true
+                                                }
+                                              },
+                                              "modifiers": {}
+                                            },
+                                            {
+                                              "id": "himi_business_chat.incoming_attachment_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Image",
+                                                "props": {
+                                                  "url": "$item.imageUrl",
+                                                  "fillWidth": true,
+                                                  "aspectRatio": 1.5,
+                                                  "contentMode": "fit",
+                                                  "contentDescription": "$item.imageDescription"
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "fillMaxWidth": true,
+                                                "cornerRadius": 12,
+                                                "accessibilityLabel": "$item.imageDescription",
+                                                "hiddenPath": "$item.noImage"
+                                              }
+                                            },
+                                            {
+                                              "id": "himi_business_chat.article_actions_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "LazyList",
+                                                "props": {
+                                                  "itemsPath": "$item.articleActions",
+                                                  "items": [
+                                                    {
+                                                      "id": "himi_business_chat.article_action_$item.id",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "Button",
+                                                        "props": {
+                                                          "title": "$item.label",
+                                                          "style": "secondary",
+                                                          "size": "sm",
+                                                          "action": {
+                                                            "actionId": "capability.open_url.open",
+                                                            "params": {
+                                                              "url": "$item.url"
+                                                            }
+                                                          }
+                                                        }
+                                                      },
+                                                      "modifiers": {}
+                                                    }
+                                                  ],
+                                                  "spacing": 6
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "fillMaxWidth": true
+                                              }
+                                            },
+                                            {
+                                              "id": "himi_business_chat.suggestions_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "LazyList",
+                                                "props": {
+                                                  "itemsPath": "$item.suggestions",
+                                                  "items": [
+                                                    {
+                                                      "id": "himi_business_chat.suggestion.item.$item.id",
+                                                      "body": {
+                                                        "package": "himalaya",
+                                                        "type": "VStack",
+                                                        "props": {
+                                                          "children": [
+                                                            {
+                                                              "id": "himi_business_chat.suggestion.live.$item.id",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "VStack",
+                                                                "props": {
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "himi_business_chat.suggestion.chiplabel.$item.id",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Text",
+                                                                        "props": {
+                                                                          "text": "$item.label",
+                                                                          "style": "body",
+                                                                          "color": "accentPrimary",
+                                                                          "collapseWhenEmpty": true,
+                                                                          "textDirection": "auto"
+                                                                        }
+                                                                      },
+                                                                      "modifiers": {}
+                                                                    }
+                                                                  ],
+                                                                  "spacing": 0,
+                                                                  "alignment": "leading"
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "fillMaxWidth": true,
+                                                                "cornerRadius": 16,
+                                                                "padding": {
+                                                                  "leading": 14,
+                                                                  "trailing": 14,
+                                                                  "top": 10,
+                                                                  "bottom": 10
+                                                                },
+                                                                "background": {
+                                                                  "token": "accentSurface"
+                                                                },
+                                                                "accessibilityRole": "button",
+                                                                "accessibilityLabel": "$item.label",
+                                                                "onTap": {
+                                                                  "actionId": "tier5.businessChat.sendSuggestion",
+                                                                  "params": {
+                                                                    "id": "$item.id"
+                                                                  }
+                                                                },
+                                                                "hiddenPath": "$item.disabled"
+                                                              }
+                                                            },
+                                                            {
+                                                              "id": "himi_business_chat.suggestion.used.$item.id",
+                                                              "body": {
+                                                                "package": "himalaya",
+                                                                "type": "VStack",
+                                                                "props": {
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "himi_business_chat.suggestion.usedlabel.$item.id",
+                                                                      "body": {
+                                                                        "package": "himalaya",
+                                                                        "type": "Text",
+                                                                        "props": {
+                                                                          "text": "$item.label",
+                                                                          "style": "body",
+                                                                          "color": "textSecondary",
+                                                                          "collapseWhenEmpty": true,
+                                                                          "textDirection": "auto"
+                                                                        }
+                                                                      },
+                                                                      "modifiers": {}
+                                                                    }
+                                                                  ],
+                                                                  "spacing": 0,
+                                                                  "alignment": "leading"
+                                                                }
+                                                              },
+                                                              "modifiers": {
+                                                                "fillMaxWidth": true,
+                                                                "cornerRadius": 16,
+                                                                "padding": {
+                                                                  "leading": 14,
+                                                                  "trailing": 14,
+                                                                  "top": 10,
+                                                                  "bottom": 10
+                                                                },
+                                                                "background": {
+                                                                  "token": "surfaceElevated"
+                                                                },
+                                                                "hiddenPath": "$item.enabled"
+                                                              }
+                                                            }
+                                                          ],
+                                                          "spacing": 0,
+                                                          "alignment": "leading"
+                                                        }
+                                                      },
+                                                      "modifiers": {
+                                                        "fillMaxWidth": true
+                                                      }
+                                                    }
+                                                  ],
+                                                  "spacing": 6
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "fillMaxWidth": true
+                                              }
+                                            },
+                                            {
+                                              "id": "himi_business_chat.incoming_time_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.when",
+                                                  "style": "caption",
+                                                  "color": "textSecondary",
+                                                  "collapseWhenEmpty": true,
+                                                  "textDirection": "auto"
+                                                }
+                                              },
+                                              "modifiers": {}
+                                            }
+                                          ],
+                                          "spacing": 7,
+                                          "alignment": "leading"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "background": {
+                                          "token": "surfaceElevated"
+                                        },
+                                        "cornerRadius": 16,
+                                        "padding": {
+                                          "leading": 12,
+                                          "trailing": 12,
+                                          "top": 10,
+                                          "bottom": 10
+                                        },
+                                        "maxWidth": 320
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_business_chat.incoming_spacer_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Spacer",
+                                        "props": {}
+                                      },
+                                      "modifiers": {}
+                                    }
+                                  ],
+                                  "spacing": 8,
+                                  "alignment": "leading"
+                                }
+                              },
+                              "modifiers": {
+                                "fillMaxWidth": true,
+                                "hiddenPath": "$item.mine"
+                              }
+                            },
+                            {
+                              "id": "himi_business_chat.outgoing_row_$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "children": [
+                                    {
+                                      "id": "himi_business_chat.outgoing_spacer_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Spacer",
+                                        "props": {}
+                                      },
+                                      "modifiers": {}
+                                    },
+                                    {
+                                      "id": "himi_business_chat.outgoing_bubble_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "VStack",
+                                        "props": {
+                                          "children": [
+                                            {
+                                              "id": "himi_business_chat.outgoing_sender_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.senderName",
+                                                  "style": "caption",
+                                                  "color": "textOnAccent",
+                                                  "collapseWhenEmpty": true,
+                                                  "textDirection": "auto"
+                                                }
+                                              },
+                                              "modifiers": {}
+                                            },
+                                            {
+                                              "id": "himi_business_chat.outgoing_text_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.bodyText",
+                                                  "style": "body",
+                                                  "color": "textOnAccent",
+                                                  "collapseWhenEmpty": true,
+                                                  "textDirection": "auto"
+                                                }
+                                              },
+                                              "modifiers": {}
+                                            },
+                                            {
+                                              "id": "himi_business_chat.outgoing_attachment_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Image",
+                                                "props": {
+                                                  "url": "$item.imageUrl",
+                                                  "fillWidth": true,
+                                                  "aspectRatio": 1.5,
+                                                  "contentMode": "fit",
+                                                  "contentDescription": "$item.imageDescription"
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "fillMaxWidth": true,
+                                                "cornerRadius": 12,
+                                                "accessibilityLabel": "$item.imageDescription",
+                                                "hiddenPath": "$item.noImage"
+                                              }
+                                            },
+                                            {
+                                              "id": "himi_business_chat.outgoing_time_$item.id",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.when",
+                                                  "style": "caption",
+                                                  "color": "textOnAccent",
+                                                  "collapseWhenEmpty": true,
+                                                  "textDirection": "auto"
+                                                }
+                                              },
+                                              "modifiers": {}
+                                            }
+                                          ],
+                                          "spacing": 7,
+                                          "alignment": "leading"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "background": {
+                                          "token": "accentPrimary"
+                                        },
+                                        "cornerRadius": 16,
+                                        "padding": {
+                                          "leading": 12,
+                                          "trailing": 12,
+                                          "top": 10,
+                                          "bottom": 10
+                                        },
+                                        "maxWidth": 320
+                                      }
+                                    }
+                                  ],
+                                  "spacing": 8,
+                                  "alignment": "leading"
+                                }
+                              },
+                              "modifiers": {
+                                "fillMaxWidth": true,
+                                "hiddenPath": "$item.notMine"
+                              }
+                            }
+                          ],
+                          "spacing": 4,
+                          "alignment": "leading"
+                        }
+                      },
+                      "modifiers": {
+                        "fillMaxWidth": true,
+                        "padding": {
+                          "leading": 14,
+                          "trailing": 14,
+                          "top": 4,
+                          "bottom": 4
+                        }
+                      }
+                    }
+                  ],
+                  "spacing": 0
+                }
+              },
+              "modifiers": {}
+            }
+          ],
+          "spacing": 0,
+          "alignment": "leading"
+        }
+      },
+      "modifiers": {
+        "fillMaxWidth": true,
+        "background": {
+          "token": "surfacePrimary"
+        },
+        "onAppear": {
+          "actionId": "tier5.businessChat.init"
+        }
+      }
+    },
+    "logicBundle": {
+      "url": "http://localhost:8190/v1/bundles/business-chat",
+      "integrity": "",
+      "contentType": "application/javascript+ts-bundle",
+      "declaredCapabilities": [
+        "wix_api",
+        "wix_chat",
+        "open_url"
+      ],
+      "minBinaryVersion": "0.1.0",
+      "bundleVersion": "0.1.0"
+    },
+    "stickyHeader": {
+      "id": "himi_business_chat.header",
+      "body": {
+        "package": "himalaya",
+        "type": "HStack",
+        "props": {
+          "children": [
+            {
+              "id": "himi_business_chat.header_title",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "__HIMI_APP_NAME__",
+                  "style": "title3",
+                  "color": "textOnAccent",
+                  "collapseWhenEmpty": true,
+                  "textDirection": "auto",
+                  "maxLines": 1
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:businessChat.hasHostedName"
+              }
+            },
+            {
+              "id": "himi_business_chat.header_title_hosted",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:businessChat.hostedName",
+                  "style": "title3",
+                  "color": "textOnAccent",
+                  "collapseWhenEmpty": true,
+                  "textDirection": "auto",
+                  "maxLines": 1
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:businessChat.noHostedName"
+              }
+            },
+            {
+              "id": "himi_business_chat.header_spacer",
+              "body": {
+                "package": "himalaya",
+                "type": "Spacer",
+                "props": {}
+              },
+              "modifiers": {}
+            },
+            {
+              "id": "himi_business_chat.live_status",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:businessChat.liveLabel",
+                  "style": "caption",
+                  "color": "textOnAccent",
+                  "collapseWhenEmpty": true,
+                  "textDirection": "auto",
+                  "maxLines": 1
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:businessChat.noActiveRoom"
+              }
+            }
+          ],
+          "spacing": 8,
+          "alignment": "leading"
+        }
+      },
+      "modifiers": {
+        "fillMaxWidth": true,
+        "background": {
+          "token": "accentPrimary"
+        },
+        "padding": {
+          "leading": 16,
+          "trailing": 16,
+          "top": 12,
+          "bottom": 12
+        }
+      }
+    },
+    "stickyFooter": {
+      "id": "himi_business_chat.footer",
+      "body": {
+        "package": "himalaya",
+        "type": "VStack",
+        "props": {
+          "children": [
+            {
+              "id": "himi_business_chat.quick_replies",
+              "body": {
+                "package": "himalaya",
+                "type": "LazyList",
+                "props": {
+                  "itemsPath": "$service:businessChat.quickReplies",
+                  "items": [
+                    {
+                      "id": "himi_business_chat.quick_reply.item.$item.id",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "children": [
+                            {
+                              "id": "himi_business_chat.quick_reply.live.$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "children": [
+                                    {
+                                      "id": "himi_business_chat.quick_reply.chiplabel.$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.label",
+                                          "style": "body",
+                                          "color": "accentPrimary",
+                                          "collapseWhenEmpty": true,
+                                          "textDirection": "auto"
+                                        }
+                                      },
+                                      "modifiers": {}
+                                    }
+                                  ],
+                                  "spacing": 0,
+                                  "alignment": "leading"
+                                }
+                              },
+                              "modifiers": {
+                                "fillMaxWidth": true,
+                                "cornerRadius": 16,
+                                "padding": {
+                                  "leading": 14,
+                                  "trailing": 14,
+                                  "top": 10,
+                                  "bottom": 10
+                                },
+                                "background": {
+                                  "token": "accentSurface"
+                                },
+                                "accessibilityRole": "button",
+                                "accessibilityLabel": "$item.label",
+                                "onTap": {
+                                  "actionId": "tier5.businessChat.sendSuggestion",
+                                  "params": {
+                                    "id": "$item.id"
+                                  }
+                                },
+                                "hiddenPath": "$item.disabled"
+                              }
+                            },
+                            {
+                              "id": "himi_business_chat.quick_reply.used.$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "children": [
+                                    {
+                                      "id": "himi_business_chat.quick_reply.usedlabel.$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.label",
+                                          "style": "body",
+                                          "color": "textSecondary",
+                                          "collapseWhenEmpty": true,
+                                          "textDirection": "auto"
+                                        }
+                                      },
+                                      "modifiers": {}
+                                    }
+                                  ],
+                                  "spacing": 0,
+                                  "alignment": "leading"
+                                }
+                              },
+                              "modifiers": {
+                                "fillMaxWidth": true,
+                                "cornerRadius": 16,
+                                "padding": {
+                                  "leading": 14,
+                                  "trailing": 14,
+                                  "top": 10,
+                                  "bottom": 10
+                                },
+                                "background": {
+                                  "token": "surfaceElevated"
+                                },
+                                "hiddenPath": "$item.enabled"
+                              }
+                            }
+                          ],
+                          "spacing": 0,
+                          "alignment": "leading"
+                        }
+                      },
+                      "modifiers": {
+                        "fillMaxWidth": true
+                      }
+                    }
+                  ],
+                  "spacing": 6
+                }
+              },
+              "modifiers": {
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:businessChat.noQuickReplies"
+              }
+            },
+            {
+              "id": "himi_business_chat.composer",
+              "body": {
+                "package": "himalaya",
+                "type": "HStack",
+                "props": {
+                  "children": [
+                    {
+                      "id": "himi_business_chat.draft",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "TextField",
+                        "props": {
+                          "valuePath": "$service:businessChat.draft",
+                          "onChange": {
+                            "actionId": "tier5.businessChat.setDraft"
+                          },
+                          "placeholder": "Type your message…",
+                          "maxLength": 4000,
+                          "multilineMaxLines": 5,
+                          "borderless": true
+                        }
+                      },
+                      "modifiers": {
+                        "weight": 1,
+                        "fillMaxWidth": true,
+                        "accessibilityLabel": "Type your message",
+                        "padding": {
+                          "leading": 16,
+                          "trailing": 12,
+                          "top": 2,
+                          "bottom": 2
+                        },
+                        "background": {
+                          "token": "surfacePrimary"
+                        },
+                        "cornerRadius": 22,
+                        "border": {
+                          "width": 1,
+                          "color": {
+                            "token": "border"
+                          }
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_business_chat.send_icon",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "send",
+                          "size": 20,
+                          "tint": "textOnAccent"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "button",
+                        "width": 40,
+                        "height": 40,
+                        "cornerRadius": 20,
+                        "background": {
+                          "token": "accentPrimary"
+                        },
+                        "accessibilityLabel": "Send",
+                        "onTap": {
+                          "actionId": "tier5.businessChat.send"
+                        },
+                        "hiddenPath": "$service:businessChat.sendDisabled"
+                      }
+                    },
+                    {
+                      "id": "himi_business_chat.send_icon_off",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "send",
+                          "size": 20,
+                          "tint": "textTertiary"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative",
+                        "width": 40,
+                        "height": 40,
+                        "cornerRadius": 20,
+                        "background": {
+                          "token": "surfaceSecondary"
+                        },
+                        "hiddenPath": "$service:businessChat.sendEnabled"
+                      }
+                    }
+                  ],
+                  "spacing": 8,
+                  "alignment": "center"
+                }
+              },
+              "modifiers": {
+                "fillMaxWidth": true
+              }
+            }
+          ],
+          "spacing": 8,
+          "alignment": "leading"
+        }
+      },
+      "modifiers": {
+        "fillMaxWidth": true,
+        "hiddenPath": "$service:businessChat.isGuest",
+        "background": {
+          "token": "surfacePrimary"
+        },
+        "padding": {
+          "leading": 14,
+          "trailing": 14,
+          "top": 8,
+          "bottom": 8
+        }
+      }
+    },
+    "transcriptScroll": {
+      "sendPath": "$service:businessChat.scrollSend",
+      "anchorPath": "$service:businessChat.scrollAnchor",
+      "jumpLabel": "Jump to latest"
+    }
+  },
   "himi_food_orders": {
     "screenId": "himi_food_orders",
     "renderer": "sdui_intent",