@wix/himalaya-cli 0.1024.0 → 0.1026.0

package/templates/portfolio-creative/dev/index.ts

@@ -14,7 +14,7 @@ const SCREENS = runtimeSetting({
   "himi_branded_home": {
     "screenId": "himi_branded_home",
     "renderer": "sdui_intent",
-    "title": "",
+    "title": "__HIMI_APP_NAME__",
     "schemaVersion": 1,
     "cacheControl": {
       "maxAge": 0,
@@ -4097,74 +4097,196 @@ const SCREENS = runtimeSetting({
           "alignment": "center",
           "children": [
             {
-              "id": "himi_view_profile.avatar",
+              "id": "himi_view_profile.loading",
               "body": {
                 "package": "himalaya",
-                "type": "ZStack",
+                "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": "",
+                      "id": "himi_view_profile.avatar",
                       "body": {
                         "package": "himalaya",
-                        "type": "Icon",
+                        "type": "ZStack",
                         "props": {
-                          "name": "photo",
-                          "size": 28,
-                          "tint": "accentPrimary"
+                          "alignment": "center",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "photo",
+                                  "size": 28,
+                                  "tint": "accentPrimary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            }
+                          ]
                         }
                       },
                       "modifiers": {
-                        "accessibilityRole": "decorative"
+                        "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": {
-                "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
-                }
+                "hiddenPath": "$service:spacesViewProfile.profileHidden"
               }
             },
             {
-              "id": "",
+              "id": "himi_view_profile.member_gate",
               "body": {
                 "package": "himalaya",
-                "type": "Text",
+                "type": "VStack",
                 "props": {
-                  "text": "$service:spacesViewProfile.about",
-                  "style": "body",
-                  "collapseWhenEmpty": true
+                  "spacing": 10,
+                  "alignment": "center",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "person",
+                          "size": 28,
+                          "tint": "accentPrimary"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
+                      }
+                    },
+                    {
+                      "id": "himi_view_profile.member_gate_title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Sign in to view your profile",
+                          "style": "bodyEmphasis"
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Your public profile appears here after you sign in.",
+                          "style": "footnote",
+                          "color": "textSecondary"
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_view_profile.member_gate_signin",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Sign in",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_account",
+                              "intent": "profile",
+                              "returnScreenId": "himi_view_profile"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  ]
                 }
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
+                  }
+                },
+                "cornerRadius": 16,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 20,
+                  "bottom": 20
+                },
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:spacesViewProfile.noSignIn"
               }
             }
           ]
@@ -7946,52 +8068,200 @@ const SCREENS = runtimeSetting({
           "spacing": 8,
           "alignment": "leading",
           "children": [
-            {
-              "id": "himi_collection.chrome",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "Category",
-                  "style": "title1"
-                }
-              }
-            },
-            {
-              "id": "himi_collection.title",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "$service:spacesCollectionDetail.name",
-                  "style": "title1",
-                  "collapseWhenEmpty": true
-                }
-              }
-            },
             {
               "id": "",
               "body": {
                 "package": "himalaya",
-                "type": "Text",
+                "type": "VStack",
                 "props": {
-                  "text": "$service:spacesCollectionDetail.subtitle",
-                  "style": "footnote",
-                  "color": "textSecondary",
-                  "collapseWhenEmpty": true
+                  "spacing": 8,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "himi_collection.chrome",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Category",
+                          "style": "title1"
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_collection.title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesCollectionDetail.name",
+                          "style": "title1",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesCollectionDetail.subtitle",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesCollectionDetail.description",
+                          "style": "body",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    }
+                  ]
                 }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:spacesCollectionDetail.noEntity"
               }
             },
             {
               "id": "",
               "body": {
                 "package": "himalaya",
-                "type": "Text",
+                "type": "VStack",
                 "props": {
-                  "text": "$service:spacesCollectionDetail.description",
-                  "style": "body",
-                  "color": "textSecondary",
-                  "collapseWhenEmpty": true
+                  "spacing": 12,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "himi_collection.loading",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Loading…",
+                          "style": "body",
+                          "color": "textSecondary"
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:spacesCollectionDetail.hideLoading"
+                      }
+                    },
+                    {
+                      "id": "himi_collection.load_error",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "This category couldn't be loaded. Check your connection and try again.",
+                          "style": "body",
+                          "color": "textSecondary"
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:spacesCollectionDetail.hideLoadError"
+                      }
+                    },
+                    {
+                      "id": "himi_collection.not_found",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 10,
+                          "alignment": "center",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "grid",
+                                  "size": 32,
+                                  "tint": "textTertiary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "himi_collection.not_found_title",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "Category not found",
+                                  "style": "title3"
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "This category is no longer available.",
+                                  "style": "body",
+                                  "color": "textSecondary"
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_collection.not_found_back",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Button",
+                                "props": {
+                                  "title": "Back to categories",
+                                  "style": "primary",
+                                  "fullWidth": true,
+                                  "action": {
+                                    "actionId": "himi.open",
+                                    "params": {
+                                      "screenId": "himi_collections"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "background": {
+                          "token": "surfaceElevated"
+                        },
+                        "border": {
+                          "width": 1,
+                          "color": {
+                            "token": "border"
+                          }
+                        },
+                        "cornerRadius": 16,
+                        "padding": {
+                          "leading": 16,
+                          "trailing": 16,
+                          "top": 20,
+                          "bottom": 20
+                        },
+                        "fillMaxWidth": true,
+                        "hiddenPath": "$service:spacesCollectionDetail.hideNotFound"
+                      }
+                    }
+                  ]
                 }
               }
             }
@@ -10834,9 +11104,97 @@ const SCREENS = runtimeSetting({
                           "size": 28,
                           "tint": "textTertiary"
                         }
-                      },
-                      "modifiers": {
-                        "accessibilityRole": "decorative"
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:himiBrandedOrders.emptyText",
+                          "style": "bodyEmphasis",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_orders.shop",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Browse products",
+                          "style": "secondary",
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_shop"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
+                  }
+                },
+                "cornerRadius": 16,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 16,
+                  "bottom": 16
+                },
+                "hiddenPath": "$service:himiBrandedOrders.noEmpty"
+              }
+            },
+            {
+              "id": "himi_orders.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"
+                      }
+                    },
+                    {
+                      "id": "himi_orders.member_gate_title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Sign in to see your orders",
+                          "style": "bodyEmphasis"
+                        }
                       }
                     },
                     {
@@ -10845,25 +11203,27 @@ const SCREENS = runtimeSetting({
                         "package": "himalaya",
                         "type": "Text",
                         "props": {
-                          "text": "$service:himiBrandedOrders.emptyText",
-                          "style": "bodyEmphasis",
-                          "color": "textSecondary",
-                          "collapseWhenEmpty": true
+                          "text": "Your order history appears here after you sign in.",
+                          "style": "footnote",
+                          "color": "textSecondary"
                         }
                       }
                     },
                     {
-                      "id": "himi_orders.shop",
+                      "id": "himi_orders.member_gate_signin",
                       "body": {
                         "package": "himalaya",
                         "type": "Button",
                         "props": {
-                          "title": "Browse products",
-                          "style": "secondary",
+                          "title": "Sign in",
+                          "style": "primary",
+                          "fullWidth": true,
                           "action": {
                             "actionId": "himi.open",
                             "params": {
-                              "screenId": "himi_shop"
+                              "screenId": "himi_account",
+                              "intent": "orders",
+                              "returnScreenId": "himi_orders"
                             }
                           }
                         }
@@ -10886,10 +11246,11 @@ const SCREENS = runtimeSetting({
                 "padding": {
                   "leading": 16,
                   "trailing": 16,
-                  "top": 16,
-                  "bottom": 16
+                  "top": 20,
+                  "bottom": 20
                 },
-                "hiddenPath": "$service:himiBrandedOrders.noEmpty"
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:himiBrandedOrders.noSignIn"
               }
             }
           ]
@@ -13564,13 +13925,13 @@ const SCREENS = runtimeSetting({
               }
             },
             {
-              "id": "himi_portfolio_project.empty",
+              "id": "himi_portfolio_project.not_found",
               "body": {
                 "package": "himalaya",
                 "type": "VStack",
                 "props": {
-                  "spacing": 8,
-                  "alignment": "leading",
+                  "spacing": 10,
+                  "alignment": "center",
                   "children": [
                     {
                       "id": "",
@@ -13587,27 +13948,38 @@ const SCREENS = runtimeSetting({
                         "accessibilityRole": "decorative"
                       }
                     },
+                    {
+                      "id": "himi_portfolio_project.not_found_title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Project not found",
+                          "style": "title3"
+                        }
+                      }
+                    },
                     {
                       "id": "",
                       "body": {
                         "package": "himalaya",
                         "type": "Text",
                         "props": {
-                          "text": "$service:himiBrandedPortfolioProject.emptyText",
+                          "text": "This project is no longer available.",
                           "style": "body",
-                          "color": "textSecondary",
-                          "collapseWhenEmpty": true
+                          "color": "textSecondary"
                         }
                       }
                     },
                     {
-                      "id": "himi_portfolio_project.back",
+                      "id": "himi_portfolio_project.not_found_back",
                       "body": {
                         "package": "himalaya",
                         "type": "Button",
                         "props": {
                           "title": "Back to projects",
-                          "style": "secondary",
+                          "style": "primary",
+                          "fullWidth": true,
                           "action": {
                             "actionId": "himi.open",
                             "params": {
@@ -13634,10 +14006,11 @@ const SCREENS = runtimeSetting({
                 "padding": {
                   "leading": 16,
                   "trailing": 16,
-                  "top": 16,
-                  "bottom": 16
+                  "top": 20,
+                  "bottom": 20
                 },
-                "hiddenPath": "$service:himiBrandedPortfolioProject.noEmpty"
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:himiBrandedPortfolioProject.hideNotFound"
               }
             }
           ]
@@ -13699,65 +14072,172 @@ const SCREENS = runtimeSetting({
               }
             },
             {
-              "id": "",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "$service:spacesCreatePost.hint",
-                  "style": "footnote",
-                  "color": "textSecondary",
-                  "collapseWhenEmpty": true
-                }
-              }
-            },
-            {
-              "id": "himi_create_post.title_field",
+              "id": "himi_create_post.member_gate",
               "body": {
                 "package": "himalaya",
-                "type": "TextField",
+                "type": "VStack",
                 "props": {
-                  "placeholder": "Title",
-                  "value": "",
-                  "submitLabel": "next",
-                  "onSubmit": {
-                    "actionId": "tier5.spacesCreatePost.focusBody"
-                  },
-                  "onChange": {
-                    "actionId": "tier5.spacesCreatePost.setTitle"
-                  }
+                  "spacing": 10,
+                  "alignment": "center",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "person",
+                          "size": 28,
+                          "tint": "accentPrimary"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.member_gate_title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Sign in to post",
+                          "style": "bodyEmphasis"
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Sign in to share something with the community.",
+                          "style": "footnote",
+                          "color": "textSecondary"
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.member_gate_signin",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Sign in",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_account",
+                              "intent": "post",
+                              "returnScreenId": "himi_create_post"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  ]
                 }
-              }
-            },
-            {
-              "id": "himi_create_post.body_field",
-              "body": {
-                "package": "himalaya",
-                "type": "TextField",
-                "props": {
-                  "placeholder": "Write something…",
-                  "value": "",
-                  "multilineMaxLines": 6,
-                  "focusPath": "$service:spacesCreatePost.bodyFocus",
-                  "onChange": {
-                    "actionId": "tier5.spacesCreatePost.setBody"
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
                   }
-                }
+                },
+                "cornerRadius": 16,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 20,
+                  "bottom": 20
+                },
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:spacesCreatePost.noSignIn"
               }
             },
             {
-              "id": "himi_create_post.submit",
+              "id": "",
               "body": {
                 "package": "himalaya",
-                "type": "Button",
+                "type": "VStack",
                 "props": {
-                  "title": "Post",
-                  "style": "primary",
-                  "fullWidth": true,
-                  "action": {
-                    "actionId": "tier5.spacesCreatePost.submit"
-                  }
+                  "spacing": 16,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesCreatePost.hint",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.title_field",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "TextField",
+                        "props": {
+                          "placeholder": "Title",
+                          "value": "",
+                          "submitLabel": "next",
+                          "onSubmit": {
+                            "actionId": "tier5.spacesCreatePost.focusBody"
+                          },
+                          "onChange": {
+                            "actionId": "tier5.spacesCreatePost.setTitle"
+                          }
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.body_field",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "TextField",
+                        "props": {
+                          "placeholder": "Write something…",
+                          "value": "",
+                          "multilineMaxLines": 6,
+                          "focusPath": "$service:spacesCreatePost.bodyFocus",
+                          "onChange": {
+                            "actionId": "tier5.spacesCreatePost.setBody"
+                          }
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.submit",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Post",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "tier5.spacesCreatePost.submit"
+                          }
+                        }
+                      }
+                    }
+                  ]
                 }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:spacesCreatePost.hideForm"
               }
             }
           ]
@@ -13772,6 +14252,9 @@ const SCREENS = runtimeSetting({
           "trailing": 16,
           "top": 18,
           "bottom": 28
+        },
+        "onAppear": {
+          "actionId": "tier5.spacesCreatePost.load"
         }
       }
     },
@@ -21527,26 +22010,6 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         }
                       }
                     },
-                    {
-                      "id": "himi_product.add_to_cart",
-                      "body": {
-                        "package": "himalaya",
-                        "type": "Button",
-                        "props": {
-                          "title": "Add to cart",
-                          "style": "primary",
-                          "fullWidth": true,
-                          "action": {
-                            "actionId": "tier5.himiStoreProduct.addToCart"
-                          }
-                        }
-                      },
-                      "modifiers": {
-                        "cornerRadius": 8,
-                        "pressFeedback": "scale",
-                        "haptic": "medium"
-                      }
-                    },
                     {
                       "id": "himi_product.save",
                       "body": {
@@ -21729,6 +22192,50 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
     "input": {
       "id": "__HIMI_ID__"
     },
+    "stickyFooter": {
+      "id": "",
+      "body": {
+        "package": "himalaya",
+        "type": "VStack",
+        "props": {
+          "spacing": 0,
+          "children": [
+            {
+              "id": "himi_product.add_to_cart",
+              "body": {
+                "package": "himalaya",
+                "type": "Button",
+                "props": {
+                  "title": "Add to cart",
+                  "style": "primary",
+                  "fullWidth": true,
+                  "action": {
+                    "actionId": "tier5.himiStoreProduct.addToCart"
+                  }
+                }
+              },
+              "modifiers": {
+                "cornerRadius": 8,
+                "pressFeedback": "scale",
+                "haptic": "medium"
+              }
+            }
+          ]
+        }
+      },
+      "modifiers": {
+        "background": {
+          "token": "surfacePrimary"
+        },
+        "padding": {
+          "leading": 16,
+          "trailing": 16,
+          "top": 8,
+          "bottom": 8
+        },
+        "hiddenPath": "$service:himiStoreProduct.isLoading"
+      }
+    },
     "topBar": {
       "actions": [
         {