@wix/himalaya-cli 0.1039.0 → 0.1040.0

package/templates/nonprofit-cause-owner/dev/index.ts

@@ -51930,32 +51930,34 @@ const SCREENS = runtimeSetting({
     },
     "telemetryScreenName": "himi_owner_lite_drawer",
     "payload": {
-      "id": "",
+      "id": "ol_drawer_root",
       "body": {
         "package": "himalaya",
         "type": "VStack",
         "props": {
-          "spacing": 14,
+          "spacing": 16,
           "alignment": "leading",
           "children": [
             {
-              "id": "",
+              "id": "ol_drawer_site",
               "body": {
                 "package": "himalaya",
                 "type": "HStack",
                 "props": {
-                  "spacing": 10,
+                  "spacing": 12,
                   "children": [
                     {
                       "id": "ol_drawer_site_initials",
                       "body": {
                         "package": "himalaya",
-                        "type": "Text",
+                        "type": "Avatar",
                         "props": {
-                          "text": "$service:drawer.siteInitials",
-                          "style": "caption",
-                          "color": "textSecondary"
+                          "initials": "$service:drawer.siteInitials",
+                          "size": 40
                         }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
@@ -51966,7 +51968,8 @@ const SCREENS = runtimeSetting({
                         "props": {
                           "text": "$service:drawer.siteName",
                           "style": "title3",
-                          "color": "textPrimary"
+                          "color": "textPrimary",
+                          "maxLines": 1
                         }
                       }
                     },
@@ -51993,23 +51996,187 @@ const SCREENS = runtimeSetting({
                       "id": "ol_drawer_nav.$item.id",
                       "body": {
                         "package": "himalaya",
-                        "type": "ListItem",
+                        "type": "VStack",
                         "props": {
-                          "title": "$item.title",
-                          "subtitle": "$item.badge",
-                          "accessory": "none",
-                          "onTap": {
-                            "actionId": "himi.open",
-                            "params": {
-                              "screenId": "$item.screenId"
+                          "spacing": 0,
+                          "children": [
+                            {
+                              "id": "ol_drawer_nav_selected.$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 12,
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "$item.icon",
+                                          "size": 20,
+                                          "tint": "accentPrimary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.title",
+                                          "style": "bodyEmphasis",
+                                          "color": "accentPrimary",
+                                          "maxLines": 1
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Spacer",
+                                        "props": {}
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "chevron_right",
+                                          "size": 14,
+                                          "tint": "accentPrimary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "onTap": {
+                                  "actionId": "himi.open",
+                                  "params": {
+                                    "screenId": "$item.screenId"
+                                  }
+                                },
+                                "accessibilityLabel": "$item.a11yLabel",
+                                "padding": {
+                                  "leading": 12,
+                                  "trailing": 12,
+                                  "top": 12,
+                                  "bottom": 12
+                                },
+                                "cornerRadius": 10,
+                                "fillMaxWidth": true,
+                                "pressFeedback": "scale",
+                                "background": {
+                                  "token": "surfaceTertiary"
+                                },
+                                "accessibilityTraits": [
+                                  "selected"
+                                ],
+                                "hiddenPath": "$item.notSelected"
+                              }
+                            },
+                            {
+                              "id": "ol_drawer_nav_row.$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 12,
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "$item.icon",
+                                          "size": 20,
+                                          "tint": "textSecondary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.title",
+                                          "style": "body",
+                                          "color": "textPrimary",
+                                          "maxLines": 1
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Spacer",
+                                        "props": {}
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "chevron_right",
+                                          "size": 14,
+                                          "tint": "textTertiary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "onTap": {
+                                  "actionId": "himi.open",
+                                  "params": {
+                                    "screenId": "$item.screenId"
+                                  }
+                                },
+                                "accessibilityLabel": "$item.a11yLabel",
+                                "padding": {
+                                  "leading": 12,
+                                  "trailing": 12,
+                                  "top": 12,
+                                  "bottom": 12
+                                },
+                                "cornerRadius": 10,
+                                "fillMaxWidth": true,
+                                "pressFeedback": "scale",
+                                "hiddenPath": "$item.selected"
+                              }
                             }
-                          }
+                          ]
                         }
                       }
                     }
                   ],
                   "itemsPath": "$service:drawer.nav",
-                  "spacing": 4
+                  "spacing": 2
                 }
               }
             },
@@ -52019,9 +52186,17 @@ const SCREENS = runtimeSetting({
                 "package": "himalaya",
                 "type": "VStack",
                 "props": {
-                  "spacing": 6,
+                  "spacing": 8,
                   "alignment": "leading",
                   "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Divider",
+                        "props": {}
+                      }
+                    },
                     {
                       "id": "ol_drawer_attention_label",
                       "body": {
@@ -52029,9 +52204,16 @@ const SCREENS = runtimeSetting({
                         "type": "Text",
                         "props": {
                           "text": "$service:drawer.attentionLabel",
-                          "style": "caption",
+                          "style": "footnote",
                           "color": "textSecondary"
                         }
+                      },
+                      "modifiers": {
+                        "padding": {
+                          "leading": 12,
+                          "trailing": 12,
+                          "top": 4
+                        }
                       }
                     },
                     {
@@ -52045,26 +52227,85 @@ const SCREENS = runtimeSetting({
                               "id": "ol_drawer_attention.$item.id",
                               "body": {
                                 "package": "himalaya",
-                                "type": "ListItem",
+                                "type": "HStack",
                                 "props": {
-                                  "title": "$item.title",
-                                  "subtitle": "$item.badge",
-                                  "accessory": "none",
-                                  "onTap": {
-                                    "actionId": "himi.open",
-                                    "params": {
-                                      "screenId": "$item.screenId"
+                                  "spacing": 12,
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "$item.icon",
+                                          "size": 20,
+                                          "tint": "textSecondary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.title",
+                                          "style": "body",
+                                          "color": "textPrimary",
+                                          "maxLines": 1
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Spacer",
+                                        "props": {}
+                                      }
+                                    },
+                                    {
+                                      "id": "ol_drawer_badge_$item.id",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Badge",
+                                        "props": {
+                                          "text": "$item.badge",
+                                          "style": "danger"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityLabel": "$item.badgeLabel"
+                                      }
                                     }
-                                  }
+                                  ]
                                 }
+                              },
+                              "modifiers": {
+                                "onTap": {
+                                  "actionId": "himi.open",
+                                  "params": {
+                                    "screenId": "$item.screenId"
+                                  }
+                                },
+                                "accessibilityLabel": "$item.a11yLabel",
+                                "padding": {
+                                  "leading": 12,
+                                  "trailing": 12,
+                                  "top": 12,
+                                  "bottom": 12
+                                },
+                                "cornerRadius": 10,
+                                "fillMaxWidth": true,
+                                "pressFeedback": "scale"
                               }
                             }
                           ],
                           "itemsPath": "$service:drawer.attention",
-                          "spacing": 4,
-                          "onPullToRefresh": {
-                            "actionId": "tier5.drawer.refresh"
-                          }
+                          "spacing": 2
                         }
                       }
                     },
@@ -52075,10 +52316,109 @@ const SCREENS = runtimeSetting({
                         "type": "Button",
                         "props": {
                           "title": "Mark all handled",
+                          "style": "plain",
+                          "fullWidth": false,
                           "action": {
-                            "actionId": "tier5.drawer.clearAttention"
+                            "actionId": "tier5.drawer.askClearAttention"
                           }
                         }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:drawer.confirmingClear"
+                      }
+                    },
+                    {
+                      "id": "ol_drawer_clear_confirmation",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 10,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "ol_drawer_clear_prompt",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$service:drawer.clearPrompt",
+                                  "style": "bodyEmphasis",
+                                  "color": "textPrimary"
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "They come back when there is new activity. Nothing on your site changes.",
+                                  "style": "footnote",
+                                  "color": "textSecondary",
+                                  "maxLines": 3
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 8,
+                                  "children": [
+                                    {
+                                      "id": "ol_drawer_clear_cancel",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Cancel",
+                                          "style": "plain",
+                                          "fullWidth": false,
+                                          "action": {
+                                            "actionId": "tier5.drawer.cancelClearAttention"
+                                          }
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "ol_drawer_clear_confirm",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Hide reminders",
+                                          "style": "secondary",
+                                          "fullWidth": false,
+                                          "action": {
+                                            "actionId": "tier5.drawer.clearAttention"
+                                          }
+                                        }
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "background": {
+                          "token": "surfaceSecondary"
+                        },
+                        "cornerRadius": 12,
+                        "padding": {
+                          "leading": 12,
+                          "trailing": 12,
+                          "top": 12,
+                          "bottom": 12
+                        },
+                        "fillMaxWidth": true,
+                        "hiddenPath": "$service:drawer.noConfirmClear"
                       }
                     }
                   ]
@@ -52098,6 +52438,18 @@ const SCREENS = runtimeSetting({
             }
           ]
         }
+      },
+      "modifiers": {
+        "padding": {
+          "leading": 16,
+          "trailing": 16,
+          "top": 16,
+          "bottom": 16
+        },
+        "fillMaxWidth": true,
+        "onAppear": {
+          "actionId": "tier5.drawer.syncActive"
+        }
       }
     },
     "logicBundle": {
@@ -59480,6 +59832,7 @@ const SCREENS = runtimeSetting({
         "open_url",
         "clipboard",
         "ui",
+        "speech",
         "camera",
         "presigned_upload"
       ],
@@ -60176,6 +60529,125 @@ const SCREENS = runtimeSetting({
                 }
               }
             },
+            {
+              "id": "himi_owner_lite_aria.dictate_row",
+              "body": {
+                "package": "himalaya",
+                "type": "HStack",
+                "props": {
+                  "spacing": 0,
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Spacer",
+                        "props": {}
+                      }
+                    },
+                    {
+                      "id": "himi_owner_lite_aria.dictate",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Dictate",
+                          "style": "plain",
+                          "size": "sm",
+                          "fullWidth": false,
+                          "leadingIcon": "mic",
+                          "action": {
+                            "actionId": "tier5.himiOwnerLiteAria.dictate"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "padding": {
+                  "leading": 0,
+                  "trailing": 0,
+                  "top": 0,
+                  "bottom": 0
+                },
+                "hiddenPath": "$service:himiOwnerLiteAria.micHidden"
+              }
+            },
+            {
+              "id": "himi_owner_lite_aria.listening",
+              "body": {
+                "package": "himalaya",
+                "type": "HStack",
+                "props": {
+                  "spacing": 6,
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "mic_fill",
+                          "size": 14,
+                          "tint": "accentPrimary"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Listening…",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "maxLines": 1
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Spacer",
+                        "props": {}
+                      }
+                    },
+                    {
+                      "id": "himi_owner_lite_aria.dictation_done",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Done",
+                          "style": "plain",
+                          "size": "sm",
+                          "fullWidth": false,
+                          "action": {
+                            "actionId": "tier5.himiOwnerLiteAria.finishDictation"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "padding": {
+                  "leading": 0,
+                  "trailing": 0,
+                  "top": 0,
+                  "bottom": 0
+                },
+                "hiddenPath": "$service:himiOwnerLiteAria.listeningHidden"
+              }
+            },
             {
               "id": "form_aria",
               "body": {