@wix/himalaya-cli 0.1583.0 → 0.1584.0

package/templates/restaurant/dev/index.ts

@@ -3369,7 +3369,7 @@ const SCREENS = runtimeSetting({
                         "package": "himalaya",
                         "type": "Text",
                         "props": {
-                          "text": "Settings",
+                          "text": "Appearance",
                           "style": "body",
                           "maxLines": 1
                         }
@@ -3401,7 +3401,88 @@ const SCREENS = runtimeSetting({
                 "pressFeedback": "highlight",
                 "haptic": "light",
                 "accessibilityRole": "button",
-                "accessibilityLabel": "Settings"
+                "accessibilityLabel": "Appearance"
+              }
+            },
+            {
+              "id": "himi_account.notification_settings",
+              "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": "bell",
+                                  "size": 20,
+                                  "tint": "textPrimary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "width": 24,
+                        "height": 24
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Notification Settings",
+                          "style": "body",
+                          "maxLines": 1
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Spacer",
+                        "props": {}
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "fillMaxWidth": true,
+                "padding": {
+                  "top": 12,
+                  "bottom": 12
+                },
+                "onTap": {
+                  "actionId": "himi.open",
+                  "params": {
+                    "screenId": "himi_notif_settings"
+                  }
+                },
+                "pressFeedback": "highlight",
+                "haptic": "light",
+                "accessibilityRole": "button",
+                "accessibilityLabel": "Notification Settings"
               }
             },
             {
@@ -6642,8 +6723,8 @@ const SCREENS = runtimeSetting({
       "bundleVersion": "0.0.1"
     }
   },
-  "himi_view_profile": {
-    "screenId": "himi_view_profile",
+  "himi_notif_settings": {
+    "screenId": "himi_notif_settings",
     "renderer": "sdui_intent",
     "title": "",
     "schemaVersion": 1,
@@ -6652,136 +6733,517 @@ const SCREENS = runtimeSetting({
       "staleWhileRevalidate": 0
     },
     "payload": {
-      "id": "himi_view_profile.root",
+      "id": "himi_notif_settings.root",
       "body": {
         "package": "himalaya",
         "type": "VStack",
         "props": {
-          "spacing": 8,
-          "alignment": "center",
+          "spacing": 16,
+          "alignment": "leading",
           "children": [
             {
-              "id": "himi_view_profile.loading",
+              "id": "himi_notif_settings.title",
               "body": {
                 "package": "himalaya",
                 "type": "Text",
                 "props": {
-                  "text": "Loading…",
+                  "text": "Notification Settings",
+                  "style": "title1"
+                }
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "Your site notification preferences — tap a topic to mute or enable.",
                   "style": "body",
                   "color": "textSecondary"
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:spacesViewProfile.hideLoading"
+                "hiddenPath": "$service:himiBrandedNotifSettings.isMock"
               }
             },
             {
               "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "Example topics — your notification preferences will appear here.",
+                  "style": "body",
+                  "color": "textSecondary"
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedNotifSettings.notMock"
+              }
+            },
+            {
+              "id": "himi_notif_settings.sample_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "These are example settings — none are configured yet."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedNotifSettings.notMockEmpty"
+              }
+            },
+            {
+              "id": "himi_notif_settings.unavailable_banner",
+              "body": {
+                "package": "himalaya",
+                "type": "Banner",
+                "props": {
+                  "severity": "warning",
+                  "title": "Sample content",
+                  "message": "Your notification settings couldn't be loaded."
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedNotifSettings.notMockUnavailable"
+              }
+            },
+            {
+              "id": "himi_notif_settings.action_message",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiBrandedNotifSettings.actionMessage",
+                  "style": "body",
+                  "color": "textSecondary",
+                  "collapseWhenEmpty": true
+                }
+              }
+            },
+            {
+              "id": "himi_notif_settings.loading",
+              "body": {
+                "package": "himalaya",
+                "type": "Skeleton",
+                "props": {
+                  "height": 72,
+                  "cornerRadius": 12,
+                  "count": 3
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedNotifSettings.notLoading"
+              }
+            },
+            {
+              "id": "himi_notif_settings.error",
               "body": {
                 "package": "himalaya",
                 "type": "VStack",
                 "props": {
                   "spacing": 8,
-                  "alignment": "center",
+                  "alignment": "leading",
                   "children": [
                     {
-                      "id": "himi_view_profile.avatar",
-                      "body": {
-                        "package": "himalaya",
-                        "type": "ZStack",
-                        "props": {
-                          "alignment": "center",
-                          "children": [
-                            {
-                              "id": "",
-                              "body": {
-                                "package": "himalaya",
-                                "type": "Icon",
-                                "props": {
-                                  "name": "photo",
-                                  "size": 28,
-                                  "tint": "accentPrimary"
-                                }
-                              },
-                              "modifiers": {
-                                "accessibilityRole": "decorative"
-                              }
-                            }
-                          ]
-                        }
-                      },
-                      "modifiers": {
-                        "width": 96,
-                        "height": 96,
-                        "background": {
-                          "token": "accentSurface"
-                        },
-                        "cornerRadius": 16
-                      }
-                    },
-                    {
-                      "id": "himi_view_profile.name",
+                      "id": "",
                       "body": {
                         "package": "himalaya",
                         "type": "Text",
                         "props": {
-                          "text": "$service:spacesViewProfile.name",
-                          "style": "title1"
+                          "text": "$service:himiBrandedNotifSettings.error",
+                          "style": "bodyEmphasis",
+                          "collapseWhenEmpty": true
                         }
                       }
                     },
                     {
-                      "id": "",
+                      "id": "himi_notif_settings.retry",
                       "body": {
                         "package": "himalaya",
-                        "type": "Text",
+                        "type": "Button",
                         "props": {
-                          "text": "$service:spacesViewProfile.handle",
-                          "style": "footnote",
-                          "color": "textSecondary",
-                          "collapseWhenEmpty": true
+                          "title": "Try again",
+                          "style": "secondary",
+                          "action": {
+                            "actionId": "tier5.himiBrandedNotifSettings.load"
+                          }
                         }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiBrandedNotifSettings.signInRequired"
                       }
                     },
                     {
-                      "id": "",
+                      "id": "himi_notif_settings.sign_in",
                       "body": {
                         "package": "himalaya",
-                        "type": "Text",
+                        "type": "Button",
                         "props": {
-                          "text": "$service:spacesViewProfile.about",
-                          "style": "body",
-                          "collapseWhenEmpty": true
+                          "title": "Sign in",
+                          "style": "primary",
+                          "leadingIcon": "person",
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_sign_in",
+                              "returnScreenId": "himi_notif_settings",
+                              "modal": "1"
+                            },
+                            "presentation": "sheet"
+                          }
                         }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiBrandedNotifSettings.noSignIn"
                       }
                     }
                   ]
                 }
               },
               "modifiers": {
-                "hiddenPath": "$service:spacesViewProfile.profileHidden"
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
+                  }
+                },
+                "cornerRadius": 4,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 16,
+                  "bottom": 16
+                },
+                "hiddenPath": "$service:himiBrandedNotifSettings.notErrored"
               }
             },
             {
-              "id": "himi_view_profile.member_gate",
+              "id": "himi_notif_settings.rows",
               "body": {
                 "package": "himalaya",
-                "type": "VStack",
+                "type": "Grid",
                 "props": {
+                  "columns": 1,
                   "spacing": 10,
-                  "alignment": "center",
-                  "children": [
+                  "itemsPath": "$service:himiBrandedNotifSettings.topics",
+                  "items": [
                     {
                       "id": "",
                       "body": {
                         "package": "himalaya",
-                        "type": "Icon",
+                        "type": "VStack",
                         "props": {
-                          "name": "person",
-                          "size": 28,
-                          "tint": "accentPrimary"
-                        }
-                      },
+                          "spacing": 2,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "himi_notif_settings.topic.$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Toggle",
+                                "props": {
+                                  "label": "$item.name",
+                                  "valuePath": "$item.on",
+                                  "onChange": {
+                                    "actionId": "tier5.himiBrandedNotifSettings.toggle",
+                                    "params": {
+                                      "id": "$item.id"
+                                    }
+                                  }
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$item.locked"
+                              }
+                            },
+                            {
+                              "id": "himi_notif_settings.locked_topic.$item.id",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 12,
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.name",
+                                          "style": "body",
+                                          "maxLines": 2
+                                        }
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Spacer",
+                                        "props": {}
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.stateLabel",
+                                          "style": "footnote",
+                                          "color": "textSecondary",
+                                          "maxLines": 1
+                                        }
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$item.notLocked"
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$item.note",
+                                  "style": "footnote",
+                                  "color": "textSecondary",
+                                  "collapseWhenEmpty": true
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "background": {
+                          "token": "surfaceElevated"
+                        },
+                        "border": {
+                          "width": 1,
+                          "color": {
+                            "token": "border"
+                          }
+                        },
+                        "cornerRadius": 8,
+                        "padding": {
+                          "leading": 14,
+                          "trailing": 14,
+                          "top": 12,
+                          "bottom": 12
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedNotifSettings.noTopics"
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiBrandedNotifSettings.emptyText",
+                  "style": "body",
+                  "color": "textSecondary",
+                  "collapseWhenEmpty": true
+                }
+              },
+              "modifiers": {
+                "padding": {
+                  "leading": 8,
+                  "trailing": 8,
+                  "top": 8,
+                  "bottom": 0
+                }
+              }
+            }
+          ]
+        }
+      },
+      "modifiers": {
+        "background": {
+          "token": "surfacePrimary"
+        },
+        "padding": {
+          "leading": 16,
+          "trailing": 16,
+          "top": 18,
+          "bottom": 28
+        },
+        "onAppear": {
+          "actionId": "tier5.himiBrandedNotifSettings.load"
+        }
+      }
+    },
+    "logicBundle": {
+      "url": "http://localhost:8190/v1/bundles/himi-branded-lite-notifsettings?integrity=",
+      "integrity": "",
+      "contentType": "application/javascript+ts-bundle",
+      "declaredCapabilities": [
+        "wix_api"
+      ],
+      "minBinaryVersion": "0.1.0",
+      "bundleVersion": "0.0.1"
+    }
+  },
+  "himi_view_profile": {
+    "screenId": "himi_view_profile",
+    "renderer": "sdui_intent",
+    "title": "",
+    "schemaVersion": 1,
+    "cacheControl": {
+      "maxAge": 0,
+      "staleWhileRevalidate": 0
+    },
+    "payload": {
+      "id": "himi_view_profile.root",
+      "body": {
+        "package": "himalaya",
+        "type": "VStack",
+        "props": {
+          "spacing": 8,
+          "alignment": "center",
+          "children": [
+            {
+              "id": "himi_view_profile.loading",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "Loading…",
+                  "style": "body",
+                  "color": "textSecondary"
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:spacesViewProfile.hideLoading"
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 8,
+                  "alignment": "center",
+                  "children": [
+                    {
+                      "id": "himi_view_profile.avatar",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "ZStack",
+                        "props": {
+                          "alignment": "center",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "photo",
+                                  "size": 28,
+                                  "tint": "accentPrimary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "width": 96,
+                        "height": 96,
+                        "background": {
+                          "token": "accentSurface"
+                        },
+                        "cornerRadius": 16
+                      }
+                    },
+                    {
+                      "id": "himi_view_profile.name",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesViewProfile.name",
+                          "style": "title1"
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesViewProfile.handle",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesViewProfile.about",
+                          "style": "body",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:spacesViewProfile.profileHidden"
+              }
+            },
+            {
+              "id": "himi_view_profile.member_gate",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 10,
+                  "alignment": "center",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "person",
+                          "size": 28,
+                          "tint": "accentPrimary"
+                        }
+                      },
                       "modifiers": {
                         "accessibilityRole": "decorative"
                       }
@@ -13846,14 +14308,74 @@ const SCREENS = runtimeSetting({
                                                                   "alignment": "leading",
                                                                   "children": [
                                                                     {
-                                                                      "id": "",
+                                                                      "id": "himi_events.list.collection.list.$item.collectionId/heading",
                                                                       "body": {
                                                                         "package": "himalaya",
-                                                                        "type": "Text",
+                                                                        "type": "HStack",
                                                                         "props": {
-                                                                          "text": "$item.collectionTitle",
-                                                                          "style": "bodyEmphasis",
-                                                                          "maxLines": 2
+                                                                          "spacing": 0,
+                                                                          "alignment": "center",
+                                                                          "children": [
+                                                                            {
+                                                                              "id": "himi_events.list.collection.list.$item.collectionId/date-badge-group",
+                                                                              "body": {
+                                                                                "package": "himalaya",
+                                                                                "type": "VStack",
+                                                                                "props": {
+                                                                                  "spacing": 0,
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "himi_events.list.collection.list.$item.collectionId/date-badge",
+                                                                                      "body": {
+                                                                                        "package": "himalaya",
+                                                                                        "type": "Text",
+                                                                                        "props": {
+                                                                                          "text": "$item.dateBadge",
+                                                                                          "style": "bodyEmphasis",
+                                                                                          "maxLines": 2,
+                                                                                          "collapseWhenEmpty": true,
+                                                                                          "textAlign": "center"
+                                                                                        }
+                                                                                      },
+                                                                                      "modifiers": {
+                                                                                        "padding": {
+                                                                                          "leading": 8,
+                                                                                          "trailing": 8,
+                                                                                          "top": 8,
+                                                                                          "bottom": 8
+                                                                                        },
+                                                                                        "background": {
+                                                                                          "token": "surfaceSecondary"
+                                                                                        },
+                                                                                        "cornerRadius": 8
+                                                                                      }
+                                                                                    }
+                                                                                  ]
+                                                                                }
+                                                                              },
+                                                                              "modifiers": {
+                                                                                "padding": {
+                                                                                  "trailing": 8
+                                                                                },
+                                                                                "hiddenPath": "$item.noDateBadge"
+                                                                              }
+                                                                            },
+                                                                            {
+                                                                              "id": "",
+                                                                              "body": {
+                                                                                "package": "himalaya",
+                                                                                "type": "Text",
+                                                                                "props": {
+                                                                                  "text": "$item.collectionTitle",
+                                                                                  "style": "bodyEmphasis",
+                                                                                  "maxLines": 2
+                                                                                }
+                                                                              },
+                                                                              "modifiers": {
+                                                                                "weight": 1
+                                                                              }
+                                                                            }
+                                                                          ]
                                                                         }
                                                                       }
                                                                     },
@@ -13945,21 +14467,36 @@ const SCREENS = runtimeSetting({
                                                                           "spacing": 0,
                                                                           "children": [
                                                                             {
-                                                                              "id": "himi_events.list.collection.list.$item.collectionId/primary",
+                                                                              "id": "",
                                                                               "body": {
                                                                                 "package": "himalaya",
-                                                                                "type": "Button",
+                                                                                "type": "HStack",
                                                                                 "props": {
-                                                                                  "title": "Register",
-                                                                                  "style": "secondary",
-                                                                                  "fullWidth": false,
-                                                                                  "action": {
-                                                                                    "actionId": "himi.open",
-                                                                                    "params": {
-                                                                                      "screenId": "$item.detailScreenId",
-                                                                                      "id": "$item.id"
+                                                                                  "spacing": 0,
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "himi_events.list.collection.list.$item.collectionId/primary",
+                                                                                      "body": {
+                                                                                        "package": "himalaya",
+                                                                                        "type": "Button",
+                                                                                        "props": {
+                                                                                          "title": "$item.actionLabel",
+                                                                                          "style": "secondary",
+                                                                                          "fullWidth": false,
+                                                                                          "action": {
+                                                                                            "actionId": "himi.open",
+                                                                                            "params": {
+                                                                                              "screenId": "$item.detailScreenId",
+                                                                                              "id": "$item.id"
+                                                                                            }
+                                                                                          }
+                                                                                        }
+                                                                                      },
+                                                                                      "modifiers": {
+                                                                                        "hiddenPath": "$item.noAction"
+                                                                                      }
                                                                                     }
-                                                                                  }
+                                                                                  ]
                                                                                 }
                                                                               },
                                                                               "modifiers": {
@@ -14038,6 +14575,17 @@ const SCREENS = runtimeSetting({
                                                                                 }
                                                                               }
                                                                             },
+                                                                            {
+                                                                              "id": "share",
+                                                                              "label": "Share",
+                                                                              "icon": "share",
+                                                                              "action": {
+                                                                                "actionId": "tier5.himiEvents.share",
+                                                                                "params": {
+                                                                                  "id": "$item.collectionId"
+                                                                                }
+                                                                              }
+                                                                            },
                                                                             {
                                                                               "id": "open",
                                                                               "label": "Open details",
@@ -14150,9 +14698,9 @@ const SCREENS = runtimeSetting({
                                                 "package": "himalaya",
                                                 "type": "Grid",
                                                 "props": {
-                                                  "columns": 2,
-                                                  "columnsMedium": 3,
-                                                  "columnsExpanded": 4,
+                                                  "columns": 1,
+                                                  "columnsMedium": 2,
+                                                  "columnsExpanded": 3,
                                                   "spacing": 12,
                                                   "staggerMs": 30,
                                                   "itemsPath": "$service:himiEvents.collection.items",
@@ -14243,14 +14791,74 @@ const SCREENS = runtimeSetting({
                                                                   "alignment": "leading",
                                                                   "children": [
                                                                     {
-                                                                      "id": "",
+                                                                      "id": "himi_events.list.collection.grid.$item.collectionId/heading",
                                                                       "body": {
                                                                         "package": "himalaya",
-                                                                        "type": "Text",
+                                                                        "type": "HStack",
                                                                         "props": {
-                                                                          "text": "$item.collectionTitle",
-                                                                          "style": "bodyEmphasis",
-                                                                          "maxLines": 2
+                                                                          "spacing": 0,
+                                                                          "alignment": "center",
+                                                                          "children": [
+                                                                            {
+                                                                              "id": "himi_events.list.collection.grid.$item.collectionId/date-badge-group",
+                                                                              "body": {
+                                                                                "package": "himalaya",
+                                                                                "type": "VStack",
+                                                                                "props": {
+                                                                                  "spacing": 0,
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "himi_events.list.collection.grid.$item.collectionId/date-badge",
+                                                                                      "body": {
+                                                                                        "package": "himalaya",
+                                                                                        "type": "Text",
+                                                                                        "props": {
+                                                                                          "text": "$item.dateBadge",
+                                                                                          "style": "bodyEmphasis",
+                                                                                          "maxLines": 2,
+                                                                                          "collapseWhenEmpty": true,
+                                                                                          "textAlign": "center"
+                                                                                        }
+                                                                                      },
+                                                                                      "modifiers": {
+                                                                                        "padding": {
+                                                                                          "leading": 8,
+                                                                                          "trailing": 8,
+                                                                                          "top": 8,
+                                                                                          "bottom": 8
+                                                                                        },
+                                                                                        "background": {
+                                                                                          "token": "surfaceSecondary"
+                                                                                        },
+                                                                                        "cornerRadius": 8
+                                                                                      }
+                                                                                    }
+                                                                                  ]
+                                                                                }
+                                                                              },
+                                                                              "modifiers": {
+                                                                                "padding": {
+                                                                                  "trailing": 8
+                                                                                },
+                                                                                "hiddenPath": "$item.noDateBadge"
+                                                                              }
+                                                                            },
+                                                                            {
+                                                                              "id": "",
+                                                                              "body": {
+                                                                                "package": "himalaya",
+                                                                                "type": "Text",
+                                                                                "props": {
+                                                                                  "text": "$item.collectionTitle",
+                                                                                  "style": "bodyEmphasis",
+                                                                                  "maxLines": 2
+                                                                                }
+                                                                              },
+                                                                              "modifiers": {
+                                                                                "weight": 1
+                                                                              }
+                                                                            }
+                                                                          ]
                                                                         }
                                                                       }
                                                                     },
@@ -14380,21 +14988,36 @@ const SCREENS = runtimeSetting({
                                                                               }
                                                                             },
                                                                             {
-                                                                              "id": "himi_events.list.collection.grid.$item.collectionId/primary",
+                                                                              "id": "",
                                                                               "body": {
                                                                                 "package": "himalaya",
-                                                                                "type": "Button",
+                                                                                "type": "HStack",
                                                                                 "props": {
-                                                                                  "title": "Register",
-                                                                                  "style": "secondary",
-                                                                                  "fullWidth": false,
-                                                                                  "action": {
-                                                                                    "actionId": "himi.open",
-                                                                                    "params": {
-                                                                                      "screenId": "$item.detailScreenId",
-                                                                                      "id": "$item.id"
+                                                                                  "spacing": 0,
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "himi_events.list.collection.grid.$item.collectionId/primary",
+                                                                                      "body": {
+                                                                                        "package": "himalaya",
+                                                                                        "type": "Button",
+                                                                                        "props": {
+                                                                                          "title": "$item.actionLabel",
+                                                                                          "style": "secondary",
+                                                                                          "fullWidth": false,
+                                                                                          "action": {
+                                                                                            "actionId": "himi.open",
+                                                                                            "params": {
+                                                                                              "screenId": "$item.detailScreenId",
+                                                                                              "id": "$item.id"
+                                                                                            }
+                                                                                          }
+                                                                                        }
+                                                                                      },
+                                                                                      "modifiers": {
+                                                                                        "hiddenPath": "$item.noAction"
+                                                                                      }
                                                                                     }
-                                                                                  }
+                                                                                  ]
                                                                                 }
                                                                               },
                                                                               "modifiers": {
@@ -14455,6 +15078,17 @@ const SCREENS = runtimeSetting({
                                                                                         }
                                                                                       }
                                                                                     },
+                                                                                    {
+                                                                                      "id": "share",
+                                                                                      "label": "Share",
+                                                                                      "icon": "share",
+                                                                                      "action": {
+                                                                                        "actionId": "tier5.himiEvents.share",
+                                                                                        "params": {
+                                                                                          "id": "$item.collectionId"
+                                                                                        }
+                                                                                      }
+                                                                                    },
                                                                                     {
                                                                                       "id": "open",
                                                                                       "label": "Open details",
@@ -14629,14 +15263,74 @@ const SCREENS = runtimeSetting({
                                                                   "alignment": "leading",
                                                                   "children": [
                                                                     {
-                                                                      "id": "",
+                                                                      "id": "himi_events.list.collection.compact-list.$item.collectionId/heading",
                                                                       "body": {
                                                                         "package": "himalaya",
-                                                                        "type": "Text",
+                                                                        "type": "HStack",
                                                                         "props": {
-                                                                          "text": "$item.collectionTitle",
-                                                                          "style": "bodyEmphasis",
-                                                                          "maxLines": 2
+                                                                          "spacing": 0,
+                                                                          "alignment": "center",
+                                                                          "children": [
+                                                                            {
+                                                                              "id": "himi_events.list.collection.compact-list.$item.collectionId/date-badge-group",
+                                                                              "body": {
+                                                                                "package": "himalaya",
+                                                                                "type": "VStack",
+                                                                                "props": {
+                                                                                  "spacing": 0,
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "himi_events.list.collection.compact-list.$item.collectionId/date-badge",
+                                                                                      "body": {
+                                                                                        "package": "himalaya",
+                                                                                        "type": "Text",
+                                                                                        "props": {
+                                                                                          "text": "$item.dateBadge",
+                                                                                          "style": "bodyEmphasis",
+                                                                                          "maxLines": 2,
+                                                                                          "collapseWhenEmpty": true,
+                                                                                          "textAlign": "center"
+                                                                                        }
+                                                                                      },
+                                                                                      "modifiers": {
+                                                                                        "padding": {
+                                                                                          "leading": 8,
+                                                                                          "trailing": 8,
+                                                                                          "top": 8,
+                                                                                          "bottom": 8
+                                                                                        },
+                                                                                        "background": {
+                                                                                          "token": "surfaceSecondary"
+                                                                                        },
+                                                                                        "cornerRadius": 8
+                                                                                      }
+                                                                                    }
+                                                                                  ]
+                                                                                }
+                                                                              },
+                                                                              "modifiers": {
+                                                                                "padding": {
+                                                                                  "trailing": 8
+                                                                                },
+                                                                                "hiddenPath": "$item.noDateBadge"
+                                                                              }
+                                                                            },
+                                                                            {
+                                                                              "id": "",
+                                                                              "body": {
+                                                                                "package": "himalaya",
+                                                                                "type": "Text",
+                                                                                "props": {
+                                                                                  "text": "$item.collectionTitle",
+                                                                                  "style": "bodyEmphasis",
+                                                                                  "maxLines": 2
+                                                                                }
+                                                                              },
+                                                                              "modifiers": {
+                                                                                "weight": 1
+                                                                              }
+                                                                            }
+                                                                          ]
                                                                         }
                                                                       }
                                                                     },
@@ -14728,21 +15422,36 @@ const SCREENS = runtimeSetting({
                                                                           "spacing": 0,
                                                                           "children": [
                                                                             {
-                                                                              "id": "himi_events.list.collection.compact-list.$item.collectionId/primary",
+                                                                              "id": "",
                                                                               "body": {
                                                                                 "package": "himalaya",
-                                                                                "type": "Button",
+                                                                                "type": "HStack",
                                                                                 "props": {
-                                                                                  "title": "Register",
-                                                                                  "style": "secondary",
-                                                                                  "fullWidth": false,
-                                                                                  "action": {
-                                                                                    "actionId": "himi.open",
-                                                                                    "params": {
-                                                                                      "screenId": "$item.detailScreenId",
-                                                                                      "id": "$item.id"
+                                                                                  "spacing": 0,
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "himi_events.list.collection.compact-list.$item.collectionId/primary",
+                                                                                      "body": {
+                                                                                        "package": "himalaya",
+                                                                                        "type": "Button",
+                                                                                        "props": {
+                                                                                          "title": "$item.actionLabel",
+                                                                                          "style": "secondary",
+                                                                                          "fullWidth": false,
+                                                                                          "action": {
+                                                                                            "actionId": "himi.open",
+                                                                                            "params": {
+                                                                                              "screenId": "$item.detailScreenId",
+                                                                                              "id": "$item.id"
+                                                                                            }
+                                                                                          }
+                                                                                        }
+                                                                                      },
+                                                                                      "modifiers": {
+                                                                                        "hiddenPath": "$item.noAction"
+                                                                                      }
                                                                                     }
-                                                                                  }
+                                                                                  ]
                                                                                 }
                                                                               },
                                                                               "modifiers": {
@@ -14821,6 +15530,17 @@ const SCREENS = runtimeSetting({
                                                                                 }
                                                                               }
                                                                             },
+                                                                            {
+                                                                              "id": "share",
+                                                                              "label": "Share",
+                                                                              "icon": "share",
+                                                                              "action": {
+                                                                                "actionId": "tier5.himiEvents.share",
+                                                                                "params": {
+                                                                                  "id": "$item.collectionId"
+                                                                                }
+                                                                              }
+                                                                            },
                                                                             {
                                                                               "id": "open",
                                                                               "label": "Open details",
@@ -14933,9 +15653,9 @@ const SCREENS = runtimeSetting({
                                                 "package": "himalaya",
                                                 "type": "Grid",
                                                 "props": {
-                                                  "columns": 2,
-                                                  "columnsMedium": 3,
-                                                  "columnsExpanded": 4,
+                                                  "columns": 1,
+                                                  "columnsMedium": 2,
+                                                  "columnsExpanded": 3,
                                                   "spacing": 8,
                                                   "staggerMs": 30,
                                                   "itemsPath": "$service:himiEvents.collection.items",
@@ -15026,14 +15746,74 @@ const SCREENS = runtimeSetting({
                                                                   "alignment": "leading",
                                                                   "children": [
                                                                     {
-                                                                      "id": "",
+                                                                      "id": "himi_events.list.collection.compact-grid.$item.collectionId/heading",
                                                                       "body": {
                                                                         "package": "himalaya",
-                                                                        "type": "Text",
+                                                                        "type": "HStack",
                                                                         "props": {
-                                                                          "text": "$item.collectionTitle",
-                                                                          "style": "bodyEmphasis",
-                                                                          "maxLines": 2
+                                                                          "spacing": 0,
+                                                                          "alignment": "center",
+                                                                          "children": [
+                                                                            {
+                                                                              "id": "himi_events.list.collection.compact-grid.$item.collectionId/date-badge-group",
+                                                                              "body": {
+                                                                                "package": "himalaya",
+                                                                                "type": "VStack",
+                                                                                "props": {
+                                                                                  "spacing": 0,
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "himi_events.list.collection.compact-grid.$item.collectionId/date-badge",
+                                                                                      "body": {
+                                                                                        "package": "himalaya",
+                                                                                        "type": "Text",
+                                                                                        "props": {
+                                                                                          "text": "$item.dateBadge",
+                                                                                          "style": "bodyEmphasis",
+                                                                                          "maxLines": 2,
+                                                                                          "collapseWhenEmpty": true,
+                                                                                          "textAlign": "center"
+                                                                                        }
+                                                                                      },
+                                                                                      "modifiers": {
+                                                                                        "padding": {
+                                                                                          "leading": 8,
+                                                                                          "trailing": 8,
+                                                                                          "top": 8,
+                                                                                          "bottom": 8
+                                                                                        },
+                                                                                        "background": {
+                                                                                          "token": "surfaceSecondary"
+                                                                                        },
+                                                                                        "cornerRadius": 8
+                                                                                      }
+                                                                                    }
+                                                                                  ]
+                                                                                }
+                                                                              },
+                                                                              "modifiers": {
+                                                                                "padding": {
+                                                                                  "trailing": 8
+                                                                                },
+                                                                                "hiddenPath": "$item.noDateBadge"
+                                                                              }
+                                                                            },
+                                                                            {
+                                                                              "id": "",
+                                                                              "body": {
+                                                                                "package": "himalaya",
+                                                                                "type": "Text",
+                                                                                "props": {
+                                                                                  "text": "$item.collectionTitle",
+                                                                                  "style": "bodyEmphasis",
+                                                                                  "maxLines": 2
+                                                                                }
+                                                                              },
+                                                                              "modifiers": {
+                                                                                "weight": 1
+                                                                              }
+                                                                            }
+                                                                          ]
                                                                         }
                                                                       }
                                                                     },
@@ -15163,21 +15943,36 @@ const SCREENS = runtimeSetting({
                                                                               }
                                                                             },
                                                                             {
-                                                                              "id": "himi_events.list.collection.compact-grid.$item.collectionId/primary",
+                                                                              "id": "",
                                                                               "body": {
                                                                                 "package": "himalaya",
-                                                                                "type": "Button",
+                                                                                "type": "HStack",
                                                                                 "props": {
-                                                                                  "title": "Register",
-                                                                                  "style": "secondary",
-                                                                                  "fullWidth": false,
-                                                                                  "action": {
-                                                                                    "actionId": "himi.open",
-                                                                                    "params": {
-                                                                                      "screenId": "$item.detailScreenId",
-                                                                                      "id": "$item.id"
+                                                                                  "spacing": 0,
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "himi_events.list.collection.compact-grid.$item.collectionId/primary",
+                                                                                      "body": {
+                                                                                        "package": "himalaya",
+                                                                                        "type": "Button",
+                                                                                        "props": {
+                                                                                          "title": "$item.actionLabel",
+                                                                                          "style": "secondary",
+                                                                                          "fullWidth": false,
+                                                                                          "action": {
+                                                                                            "actionId": "himi.open",
+                                                                                            "params": {
+                                                                                              "screenId": "$item.detailScreenId",
+                                                                                              "id": "$item.id"
+                                                                                            }
+                                                                                          }
+                                                                                        }
+                                                                                      },
+                                                                                      "modifiers": {
+                                                                                        "hiddenPath": "$item.noAction"
+                                                                                      }
                                                                                     }
-                                                                                  }
+                                                                                  ]
                                                                                 }
                                                                               },
                                                                               "modifiers": {
@@ -15238,6 +16033,17 @@ const SCREENS = runtimeSetting({
                                                                                         }
                                                                                       }
                                                                                     },
+                                                                                    {
+                                                                                      "id": "share",
+                                                                                      "label": "Share",
+                                                                                      "icon": "share",
+                                                                                      "action": {
+                                                                                        "actionId": "tier5.himiEvents.share",
+                                                                                        "params": {
+                                                                                          "id": "$item.collectionId"
+                                                                                        }
+                                                                                      }
+                                                                                    },
                                                                                     {
                                                                                       "id": "open",
                                                                                       "label": "Open details",
@@ -15779,14 +16585,74 @@ const SCREENS = runtimeSetting({
                                                         "alignment": "leading",
                                                         "children": [
                                                           {
-                                                            "id": "",
+                                                            "id": "himi_events.list.collection.preview.$item.collectionId/heading",
                                                             "body": {
                                                               "package": "himalaya",
-                                                              "type": "Text",
+                                                              "type": "HStack",
                                                               "props": {
-                                                                "text": "$item.collectionTitle",
-                                                                "style": "bodyEmphasis",
-                                                                "maxLines": 2
+                                                                "spacing": 0,
+                                                                "alignment": "center",
+                                                                "children": [
+                                                                  {
+                                                                    "id": "himi_events.list.collection.preview.$item.collectionId/date-badge-group",
+                                                                    "body": {
+                                                                      "package": "himalaya",
+                                                                      "type": "VStack",
+                                                                      "props": {
+                                                                        "spacing": 0,
+                                                                        "children": [
+                                                                          {
+                                                                            "id": "himi_events.list.collection.preview.$item.collectionId/date-badge",
+                                                                            "body": {
+                                                                              "package": "himalaya",
+                                                                              "type": "Text",
+                                                                              "props": {
+                                                                                "text": "$item.dateBadge",
+                                                                                "style": "bodyEmphasis",
+                                                                                "maxLines": 2,
+                                                                                "collapseWhenEmpty": true,
+                                                                                "textAlign": "center"
+                                                                              }
+                                                                            },
+                                                                            "modifiers": {
+                                                                              "padding": {
+                                                                                "leading": 8,
+                                                                                "trailing": 8,
+                                                                                "top": 8,
+                                                                                "bottom": 8
+                                                                              },
+                                                                              "background": {
+                                                                                "token": "surfaceSecondary"
+                                                                              },
+                                                                              "cornerRadius": 8
+                                                                            }
+                                                                          }
+                                                                        ]
+                                                                      }
+                                                                    },
+                                                                    "modifiers": {
+                                                                      "padding": {
+                                                                        "trailing": 8
+                                                                      },
+                                                                      "hiddenPath": "$item.noDateBadge"
+                                                                    }
+                                                                  },
+                                                                  {
+                                                                    "id": "",
+                                                                    "body": {
+                                                                      "package": "himalaya",
+                                                                      "type": "Text",
+                                                                      "props": {
+                                                                        "text": "$item.collectionTitle",
+                                                                        "style": "bodyEmphasis",
+                                                                        "maxLines": 2
+                                                                      }
+                                                                    },
+                                                                    "modifiers": {
+                                                                      "weight": 1
+                                                                    }
+                                                                  }
+                                                                ]
                                                               }
                                                             }
                                                           },
@@ -15916,21 +16782,36 @@ const SCREENS = runtimeSetting({
                                                                     }
                                                                   },
                                                                   {
-                                                                    "id": "himi_events.list.collection.preview.$item.collectionId/primary",
+                                                                    "id": "",
                                                                     "body": {
                                                                       "package": "himalaya",
-                                                                      "type": "Button",
+                                                                      "type": "HStack",
                                                                       "props": {
-                                                                        "title": "Register",
-                                                                        "style": "secondary",
-                                                                        "fullWidth": false,
-                                                                        "action": {
-                                                                          "actionId": "himi.open",
-                                                                          "params": {
-                                                                            "screenId": "$item.detailScreenId",
-                                                                            "id": "$item.id"
+                                                                        "spacing": 0,
+                                                                        "children": [
+                                                                          {
+                                                                            "id": "himi_events.list.collection.preview.$item.collectionId/primary",
+                                                                            "body": {
+                                                                              "package": "himalaya",
+                                                                              "type": "Button",
+                                                                              "props": {
+                                                                                "title": "$item.actionLabel",
+                                                                                "style": "secondary",
+                                                                                "fullWidth": false,
+                                                                                "action": {
+                                                                                  "actionId": "himi.open",
+                                                                                  "params": {
+                                                                                    "screenId": "$item.detailScreenId",
+                                                                                    "id": "$item.id"
+                                                                                  }
+                                                                                }
+                                                                              }
+                                                                            },
+                                                                            "modifiers": {
+                                                                              "hiddenPath": "$item.noAction"
+                                                                            }
                                                                           }
-                                                                        }
+                                                                        ]
                                                                       }
                                                                     },
                                                                     "modifiers": {
@@ -15991,6 +16872,17 @@ const SCREENS = runtimeSetting({
                                                                               }
                                                                             }
                                                                           },
+                                                                          {
+                                                                            "id": "share",
+                                                                            "label": "Share",
+                                                                            "icon": "share",
+                                                                            "action": {
+                                                                              "actionId": "tier5.himiEvents.share",
+                                                                              "params": {
+                                                                                "id": "$item.collectionId"
+                                                                              }
+                                                                            }
+                                                                          },
                                                                           {
                                                                             "id": "open",
                                                                             "label": "Open details",
@@ -16190,7 +17082,8 @@ const SCREENS = runtimeSetting({
       "contentType": "application/javascript+ts-bundle",
       "declaredCapabilities": [
         "wix_api",
-        "local_database"
+        "local_database",
+        "share"
       ],
       "minBinaryVersion": "0.1.0",
       "bundleVersion": "0.0.1"