You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
15.**Live Activities Section** (iOS only - Start, Update, End)
145
146
16.**Next Page Button**
146
147
147
148
### Prompt 2.1a - App Section
@@ -279,14 +280,13 @@ Separate SectionCard titled "User":
279
280
Only shown on iOS. Requires an iOS Widget Extension target with a Live Activity using `DefaultLiveActivityAttributes` from the OneSignal SDK.
280
281
281
282
- Title: "Live Activities" with info icon
282
-
- Input card with two editable fields (pre-filled, not empty):
283
+
- Input card with two editable fields (pre-filled, not empty), using Inline Input Row styling per styles.md:
283
284
- "Activity ID" (default: "order-1") — identifies the Live Activity for all operations
284
285
- "Order #" (default: "ORD-1234") — attribute set at start, immutable after
285
286
- Four buttons:
286
287
1. START LIVE ACTIVITY — calls `OneSignal.LiveActivities.startDefault(activityId, attributes, content)` with initial order status. Disabled when Activity ID is empty.
287
288
2. UPDATE → {NEXT STATUS} — cycles through order statuses via REST API (`event: "update"`). Label dynamically shows the next status (e.g. "UPDATE → ON THE WAY"). Disabled when Activity ID is empty, while updating, or when no API key is configured.
288
-
3. STOP UPDATING LIVE ACTIVITY — calls `OneSignal.LiveActivities.exitDefault(activityId)` to unsubscribe from remote updates. Outlined style. Disabled when Activity ID is empty.
289
-
4. END LIVE ACTIVITY — ends the activity via REST API (`event: "end"`) with `dismissal_date`. Outlined style. Disabled when Activity ID is empty or when no API key is configured.
289
+
3. END LIVE ACTIVITY — ends the activity via REST API (`event: "end"`) with `dismissal_date`. Outlined style. Disabled when Activity ID is empty or when no API key is configured.
290
290
291
291
Order status cycle (content state fields: `status`, `message`, `estimatedTime`):
Copy file name to clipboardExpand all lines: demo/styles.md
+16Lines changed: 16 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -136,12 +136,28 @@ Used for secondary and destructive actions. "Destructive" and "outlined" refer t
136
136
137
137
## Text Input Fields
138
138
139
+
Standalone bordered inputs used in dialogs.
140
+
139
141
- Corner radius: 8
140
142
- Content padding: 12 horizontal, 14 vertical
141
143
- Border: 1px solid osGrey700
142
144
- Focused border: 2px solid osPrimary (must not cause layout shift)
143
145
- Placeholder color: osGrey600
144
146
147
+
### Inline Input Row
148
+
149
+
Borderless label + input pairs displayed inside a card (e.g. Live Activity fields). The card provides the outer border; individual inputs have no border.
0 commit comments