@wix/himalaya-cli 0.1576.0 → 0.1577.0

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

@@ -29843,6 +29843,25 @@ const SCREENS = runtimeSetting({
                 }
               }
             },
+            {
+              "id": "himi_programs.member_list",
+              "body": {
+                "package": "himalaya",
+                "type": "Button",
+                "props": {
+                  "title": "My programs",
+                  "style": "secondary",
+                  "fullWidth": true,
+                  "leadingIcon": "person",
+                  "action": {
+                    "actionId": "himi.open",
+                    "params": {
+                      "screenId": "himi_member_programs"
+                    }
+                  }
+                }
+              }
+            },
             {
               "id": "himi_programs.loading",
               "body": {
@@ -32411,6 +32430,820 @@ const SCREENS = runtimeSetting({
       "bundleVersion": "0.0.1"
     }
   },
+  "himi_member_programs": {
+    "screenId": "himi_member_programs",
+    "renderer": "sdui_intent",
+    "title": "",
+    "schemaVersion": 1,
+    "cacheControl": {
+      "maxAge": 0,
+      "staleWhileRevalidate": 0
+    },
+    "payload": {
+      "id": "himi_member_programs.root",
+      "body": {
+        "package": "himalaya",
+        "type": "VStack",
+        "props": {
+          "spacing": 16,
+          "alignment": "leading",
+          "children": [
+            {
+              "id": "himi_member_programs.title",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "Programs",
+                  "style": "title1"
+                }
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiBrandedMemberPrograms.identityLine",
+                  "style": "caption",
+                  "color": "textSecondary",
+                  "collapseWhenEmpty": true
+                }
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 10,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "himi_member_programs.status_filter",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "SegmentedControl",
+                        "props": {
+                          "options": [
+                            {
+                              "id": "all",
+                              "label": "All programs"
+                            },
+                            {
+                              "id": "joined",
+                              "label": "Programs I joined"
+                            }
+                          ],
+                          "optionsPath": "$service:himiBrandedMemberPrograms.statusOptions",
+                          "selectedId": "$service:himiBrandedMemberPrograms.statusFilter",
+                          "onChange": {
+                            "actionId": "tier5.himiBrandedMemberPrograms.setStatus"
+                          }
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityLabel": "Show programs",
+                        "hiddenPath": "$service:himiBrandedMemberPrograms.hideStatusFilter"
+                      }
+                    },
+                    {
+                      "id": "himi_member_programs.category_filter",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "FilterChips",
+                        "props": {
+                          "chips": [
+                            {
+                              "id": "",
+                              "label": "All categories"
+                            }
+                          ],
+                          "optionsPath": "$service:himiBrandedMemberPrograms.categoryChips",
+                          "selectedIds": [
+                            "$service:himiBrandedMemberPrograms.categoryId"
+                          ],
+                          "onChange": {
+                            "actionId": "tier5.himiBrandedMemberPrograms.setCategory"
+                          }
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityLabel": "Filter by category",
+                        "hiddenPath": "$service:himiBrandedMemberPrograms.hideCategoryFilter"
+                      }
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "$service:himiBrandedMemberPrograms.summary",
+                  "style": "caption",
+                  "color": "textSecondary",
+                  "maxLines": 1,
+                  "collapseWhenEmpty": true
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedMemberPrograms.hideList"
+              }
+            },
+            {
+              "id": "himi_member_programs.loading",
+              "body": {
+                "package": "himalaya",
+                "type": "Skeleton",
+                "props": {
+                  "height": 220,
+                  "cornerRadius": 8,
+                  "count": 3
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedMemberPrograms.notLoading"
+              }
+            },
+            {
+              "id": "himi_member_programs.error",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 8,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Your programs could not be loaded right now.",
+                          "style": "bodyEmphasis"
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:himiBrandedMemberPrograms.errorText",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_member_programs.retry",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Try again",
+                          "style": "secondary",
+                          "action": {
+                            "actionId": "tier5.himiBrandedMemberPrograms.retry"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
+                  }
+                },
+                "cornerRadius": 4,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 16,
+                  "bottom": 16
+                },
+                "hiddenPath": "$service:himiBrandedMemberPrograms.notErrored"
+              }
+            },
+            {
+              "id": "himi_member_programs.price_retry_card",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 8,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:himiBrandedMemberPrograms.priceRetryText",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_member_programs.price_retry",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Try again",
+                          "style": "secondary",
+                          "action": {
+                            "actionId": "tier5.himiBrandedMemberPrograms.pricingRefresh"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
+                  }
+                },
+                "cornerRadius": 4,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 16,
+                  "bottom": 16
+                },
+                "hiddenPath": "$service:himiBrandedMemberPrograms.hidePriceRetry"
+              }
+            },
+            {
+              "id": "himi_member_programs.list",
+              "body": {
+                "package": "himalaya",
+                "type": "LazyList",
+                "props": {
+                  "spacing": 12,
+                  "itemsPath": "$service:himiBrandedMemberPrograms.rows",
+                  "items": [
+                    {
+                      "id": "himi_member_programs.row",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 8,
+                          "alignment": "leading",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "ZStack",
+                                "props": {
+                                  "alignment": "leading",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Image",
+                                        "props": {
+                                          "url": "$item.image",
+                                          "fillWidth": true,
+                                          "height": 120,
+                                          "contentMode": "fill",
+                                          "contentDescription": "$item.name"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "cornerRadius": 8,
+                                        "fillMaxWidth": true,
+                                        "hiddenPath": "$item.noImage"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "ZStack",
+                                        "props": {
+                                          "alignment": "center",
+                                          "children": [
+                                            {
+                                              "id": "",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Text",
+                                                "props": {
+                                                  "text": "$item.initial",
+                                                  "style": "display",
+                                                  "color": "textOnAccent",
+                                                  "maxLines": 1
+                                                }
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "fillMaxWidth": true,
+                                        "height": 120,
+                                        "background": {
+                                          "token": "accentPrimary"
+                                        },
+                                        "cornerRadius": 8,
+                                        "hiddenPath": "$item.hasImage"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "VStack",
+                                        "props": {
+                                          "alignment": "leading",
+                                          "children": [
+                                            {
+                                              "id": "himi_member_programs.status",
+                                              "body": {
+                                                "package": "himalaya",
+                                                "type": "Label",
+                                                "props": {
+                                                  "text": "$item.statusLabel",
+                                                  "color": "$item.statusColor"
+                                                }
+                                              },
+                                              "modifiers": {
+                                                "padding": {
+                                                  "leading": 8,
+                                                  "trailing": 8,
+                                                  "top": 4,
+                                                  "bottom": 4
+                                                },
+                                                "background": {
+                                                  "token": "surfaceElevated"
+                                                },
+                                                "cornerRadius": 6
+                                              }
+                                            }
+                                          ]
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "padding": {
+                                          "leading": 12,
+                                          "top": 12
+                                        },
+                                        "hiddenPath": "$item.noStatus"
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$item.name",
+                                  "style": "bodyEmphasis",
+                                  "maxLines": 2
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$item.timelineLine",
+                                  "style": "footnote",
+                                  "color": "textSecondary",
+                                  "maxLines": 1,
+                                  "collapseWhenEmpty": true
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$item.accessLine",
+                                  "style": "footnote",
+                                  "color": "textSecondary",
+                                  "maxLines": 1,
+                                  "collapseWhenEmpty": true
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$item.descriptionLine",
+                                  "style": "footnote",
+                                  "color": "textSecondary",
+                                  "maxLines": 2,
+                                  "collapseWhenEmpty": true
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "VStack",
+                                "props": {
+                                  "spacing": 4,
+                                  "alignment": "leading",
+                                  "children": [
+                                    {
+                                      "id": "himi_member_programs.progress",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "ProgressBar",
+                                        "props": {
+                                          "progress": 0,
+                                          "progressPath": "$item.progress",
+                                          "tint": "accentPrimary",
+                                          "trackColor": "surfaceTertiary"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityLabel": "Program progress",
+                                        "accessibilityValue": "$item.progressLabel"
+                                      }
+                                    },
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Text",
+                                        "props": {
+                                          "text": "$item.progressLabel",
+                                          "style": "caption",
+                                          "color": "textSecondary",
+                                          "maxLines": 1
+                                        }
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$item.noProgress"
+                              }
+                            },
+                            {
+                              "id": "himi_member_programs.price",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "$item.priceLine",
+                                  "style": "bodyEmphasis",
+                                  "color": "accentPrimary",
+                                  "maxLines": 1
+                                }
+                              },
+                              "modifiers": {
+                                "hiddenPath": "$item.noPrice"
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Divider",
+                                "props": {}
+                              }
+                            },
+                            {
+                              "id": "himi_member_programs.action",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Button",
+                                "props": {
+                                  "title": "$item.actionLabel",
+                                  "style": "link",
+                                  "fullWidth": true,
+                                  "disabledPath": "$item.actionDisabled",
+                                  "action": {
+                                    "actionId": "tier5.himiBrandedMemberPrograms.open",
+                                    "params": {
+                                      "id": "$item.id"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "background": {
+                          "token": "surfaceElevated"
+                        },
+                        "border": {
+                          "width": 1,
+                          "color": {
+                            "token": "border"
+                          }
+                        },
+                        "cornerRadius": 8,
+                        "padding": {
+                          "leading": 12,
+                          "trailing": 12,
+                          "top": 12,
+                          "bottom": 8
+                        },
+                        "onTap": {
+                          "actionId": "himi.open",
+                          "params": {
+                            "screenId": "$item.detailScreenId",
+                            "id": "$item.id"
+                          }
+                        },
+                        "pressFeedback": "scale",
+                        "haptic": "light",
+                        "accessibilityLabel": "$item.name"
+                      }
+                    }
+                  ],
+                  "animateItems": true,
+                  "pagination": {
+                    "cursor": "$service:himiBrandedMemberPrograms.nextCursor",
+                    "pageSize": 20,
+                    "onLoadMore": {
+                      "actionId": "tier5.himiBrandedMemberPrograms.loadMore"
+                    }
+                  },
+                  "onPullToRefresh": {
+                    "actionId": "tier5.himiBrandedMemberPrograms.refresh"
+                  }
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedMemberPrograms.hideList"
+              }
+            },
+            {
+              "id": "",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 8,
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "The next page could not load.",
+                          "style": "caption"
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_member_programs.retry_page",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Retry next page",
+                          "style": "secondary",
+                          "action": {
+                            "actionId": "tier5.himiBrandedMemberPrograms.retry"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiBrandedMemberPrograms.noPageError"
+              }
+            },
+            {
+              "id": "himi_member_programs.empty",
+              "body": {
+                "package": "himalaya",
+                "type": "VStack",
+                "props": {
+                  "spacing": 8,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "layers",
+                          "size": 28,
+                          "tint": "textTertiary"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:himiBrandedMemberPrograms.emptyText",
+                          "style": "body",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
+                  }
+                },
+                "cornerRadius": 4,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 16,
+                  "bottom": 16
+                },
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:himiBrandedMemberPrograms.noEmpty"
+              }
+            },
+            {
+              "id": "himi_member_programs.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_member_programs.member_gate_title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Sign in to see your programs",
+                          "style": "bodyEmphasis"
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Your joined programs and progress show up here once you sign in.",
+                          "style": "footnote",
+                          "color": "textSecondary"
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_member_programs.member_gate_signin",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Sign in",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_sign_in",
+                              "mode": "signin",
+                              "intent": "programs",
+                              "returnScreenId": "himi_member_programs",
+                              "modal": "1"
+                            },
+                            "presentation": "sheet"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "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:himiBrandedMemberPrograms.noSignIn"
+              }
+            }
+          ]
+        }
+      },
+      "modifiers": {
+        "background": {
+          "token": "surfacePrimary"
+        },
+        "padding": {
+          "leading": 16,
+          "trailing": 16,
+          "top": 18,
+          "bottom": 28
+        },
+        "onAppear": {
+          "actionId": "tier5.himiBrandedMemberPrograms.load"
+        }
+      }
+    },
+    "logicBundle": {
+      "url": "http://localhost:8190/v1/bundles/himi-branded-lite-member-programs?integrity=",
+      "integrity": "",
+      "contentType": "application/javascript+ts-bundle",
+      "declaredCapabilities": [
+        "wix_api",
+        "iap",
+        "app_info"
+      ],
+      "minBinaryVersion": "0.1.0",
+      "bundleVersion": "0.0.1"
+    }
+  },
   "himi_plans": {
     "screenId": "himi_plans",
     "renderer": "sdui_intent",