@ably/ui 10.10.0 → 10.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/core/Meganav.jsx +24 -24
  2. package/core/MeganavContentPlatform.jsx +8 -8
  3. package/core/MeganavContentUseCases.jsx +16 -16
  4. package/package.json +1 -1
  5. package/src/core/MeganavContentPlatform/component.html.erb +6 -6
  6. package/src/core/MeganavContentPlatform/component.jsx +6 -6
  7. package/src/core/MeganavContentUseCases/component.html.erb +16 -16
  8. package/src/core/MeganavContentUseCases/component.jsx +16 -16
package/core/Meganav.jsx CHANGED
@@ -1135,13 +1135,6 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1135
1135
  }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1136
1136
  className: "ui-meganav-media-copy"
1137
1137
  }, "Display a list of user actions in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1138
- href: absUrl("/examples/live-charts"),
1139
- className: "ui-meganav-media group"
1140
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1141
- className: "ui-meganav-media-heading"
1142
- }, "Live Charts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1143
- className: "ui-meganav-media-copy"
1144
- }, "Visualise live metrics and data in a chart."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1145
1138
  href: absUrl("/examples/live-cursors"),
1146
1139
  className: "ui-meganav-media group"
1147
1140
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -1155,7 +1148,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1155
1148
  className: "ui-meganav-media-heading"
1156
1149
  }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1157
1150
  className: "ui-meganav-media-copy"
1158
- }, "See when a user is typing a message.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1151
+ }, "See when a user is typing a message."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1152
+ href: absUrl("/examples/chat-admin-privileges"),
1153
+ className: "ui-meganav-media group"
1154
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1155
+ className: "ui-meganav-media-heading"
1156
+ }, "Chat Admin Privileges"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1157
+ className: "ui-meganav-media-copy"
1158
+ }, "Control who can take admin actions in a digital space.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1159
1159
  url: absUrl("/examples"),
1160
1160
  textSize: "text-p3"
1161
1161
  }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1252,54 +1252,54 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1252
1252
  }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1253
1253
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
1254
1254
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1255
- href: absUrl("/solutions/live-updates-results-metrics"),
1255
+ href: absUrl("/solutions/chat"),
1256
1256
  className: "ui-meganav-media-with-image group"
1257
1257
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1258
- name: "icon-live-updates-results-metrics-col",
1258
+ name: "icon-display-chat-stack-col",
1259
1259
  size: "2.5rem"
1260
1260
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1261
1261
  className: "flex flex-col justify-center"
1262
1262
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1263
1263
  className: "ui-meganav-media-heading"
1264
- }, "Live updates, results & metrics"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1264
+ }, "Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1265
1265
  className: "ui-meganav-media-copy"
1266
- }, "Deliver live updates to keep users informed.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1267
- href: absUrl("/solutions/chat"),
1266
+ }, "Deliver highly reliable chat experiences at scale. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1267
+ href: absUrl("/solutions/multiplayer-collaboration"),
1268
1268
  className: "ui-meganav-media-with-image group"
1269
1269
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1270
- name: "icon-display-chat-stack-col",
1270
+ name: "icon-multi-user-spaces-col",
1271
1271
  size: "2.5rem"
1272
1272
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1273
1273
  className: "flex flex-col justify-center"
1274
1274
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1275
1275
  className: "ui-meganav-media-heading"
1276
- }, "Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1276
+ }, "Multiplayer Collaboration"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1277
1277
  className: "ui-meganav-media-copy"
1278
- }, "Deliver highly reliable chat experiences at scale. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1279
- href: absUrl("/solutions/virtual-events"),
1278
+ }, "Bring collaborative multiplayer experiences to your users.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1279
+ href: absUrl("/solutions/data-broadcast"),
1280
1280
  className: "ui-meganav-media-with-image group"
1281
1281
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1282
- name: "icon-display-virtual-events-col",
1282
+ name: "icon-live-updates-results-metrics-col",
1283
1283
  size: "2.5rem"
1284
1284
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1285
1285
  className: "flex flex-col justify-center"
1286
1286
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1287
1287
  className: "ui-meganav-media-heading"
1288
- }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1288
+ }, "Data Broadcast"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1289
1289
  className: "ui-meganav-media-copy"
1290
- }, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1291
- href: absUrl("/solutions/multi-user-virtual-spaces"),
1290
+ }, "Broadcast realtime event data to millions of devices around the globe.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1291
+ href: absUrl("/solutions/data-synchronization"),
1292
1292
  className: "ui-meganav-media-with-image group"
1293
1293
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1294
- name: "icon-multi-user-spaces-col",
1294
+ name: "icon-display-virtual-events",
1295
1295
  size: "2.5rem"
1296
1296
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1297
1297
  className: "flex flex-col justify-center"
1298
1298
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1299
1299
  className: "ui-meganav-media-heading"
1300
- }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1300
+ }, "Data Synchronization"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1301
1301
  className: "ui-meganav-media-copy"
1302
- }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1302
+ }, "Keep your frontend and backend in realtime sync, at global scale.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1303
1303
  className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
1304
1304
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1305
1305
  className: "ui-meganav-overline",
package/core/MeganavContentPlatform.jsx CHANGED
@@ -267,13 +267,6 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
267
267
  }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
268
268
  className: "ui-meganav-media-copy"
269
269
  }, "Display a list of user actions in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
270
- href: absUrl("/examples/live-charts"),
271
- className: "ui-meganav-media group"
272
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
273
- className: "ui-meganav-media-heading"
274
- }, "Live Charts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
275
- className: "ui-meganav-media-copy"
276
- }, "Visualise live metrics and data in a chart."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
277
270
  href: absUrl("/examples/live-cursors"),
278
271
  className: "ui-meganav-media group"
279
272
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -287,7 +280,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
287
280
  className: "ui-meganav-media-heading"
288
281
  }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
289
282
  className: "ui-meganav-media-copy"
290
- }, "See when a user is typing a message.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
283
+ }, "See when a user is typing a message."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
284
+ href: absUrl("/examples/chat-admin-privileges"),
285
+ className: "ui-meganav-media group"
286
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
287
+ className: "ui-meganav-media-heading"
288
+ }, "Chat Admin Privileges"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
289
+ className: "ui-meganav-media-copy"
290
+ }, "Control who can take admin actions in a digital space.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
291
291
  url: absUrl("/examples"),
292
292
  textSize: "text-p3"
293
293
  }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
package/core/MeganavContentUseCases.jsx CHANGED
@@ -178,54 +178,54 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
178
178
  }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
179
179
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
180
180
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
181
- href: absUrl("/solutions/live-updates-results-metrics"),
181
+ href: absUrl("/solutions/chat"),
182
182
  className: "ui-meganav-media-with-image group"
183
183
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
184
- name: "icon-live-updates-results-metrics-col",
184
+ name: "icon-display-chat-stack-col",
185
185
  size: "2.5rem"
186
186
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
187
187
  className: "flex flex-col justify-center"
188
188
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
189
189
  className: "ui-meganav-media-heading"
190
- }, "Live updates, results & metrics"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
190
+ }, "Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
191
191
  className: "ui-meganav-media-copy"
192
- }, "Deliver live updates to keep users informed.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
193
- href: absUrl("/solutions/chat"),
192
+ }, "Deliver highly reliable chat experiences at scale. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
193
+ href: absUrl("/solutions/multiplayer-collaboration"),
194
194
  className: "ui-meganav-media-with-image group"
195
195
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
196
- name: "icon-display-chat-stack-col",
196
+ name: "icon-multi-user-spaces-col",
197
197
  size: "2.5rem"
198
198
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
199
199
  className: "flex flex-col justify-center"
200
200
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
201
201
  className: "ui-meganav-media-heading"
202
- }, "Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
202
+ }, "Multiplayer Collaboration"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
203
203
  className: "ui-meganav-media-copy"
204
- }, "Deliver highly reliable chat experiences at scale. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
205
- href: absUrl("/solutions/virtual-events"),
204
+ }, "Bring collaborative multiplayer experiences to your users.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
205
+ href: absUrl("/solutions/data-broadcast"),
206
206
  className: "ui-meganav-media-with-image group"
207
207
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
208
- name: "icon-display-virtual-events-col",
208
+ name: "icon-live-updates-results-metrics-col",
209
209
  size: "2.5rem"
210
210
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
211
211
  className: "flex flex-col justify-center"
212
212
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
213
213
  className: "ui-meganav-media-heading"
214
- }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
214
+ }, "Data Broadcast"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
215
215
  className: "ui-meganav-media-copy"
216
- }, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
217
- href: absUrl("/solutions/multi-user-virtual-spaces"),
216
+ }, "Broadcast realtime event data to millions of devices around the globe.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
217
+ href: absUrl("/solutions/data-synchronization"),
218
218
  className: "ui-meganav-media-with-image group"
219
219
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
220
- name: "icon-multi-user-spaces-col",
220
+ name: "icon-display-virtual-events",
221
221
  size: "2.5rem"
222
222
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
223
223
  className: "flex flex-col justify-center"
224
224
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
225
225
  className: "ui-meganav-media-heading"
226
- }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
226
+ }, "Data Synchronization"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
227
227
  className: "ui-meganav-media-copy"
228
- }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
228
+ }, "Keep your frontend and backend in realtime sync, at global scale.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
229
229
  className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
230
230
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
231
231
  className: "ui-meganav-overline",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "10.10.0",
3
+ "version": "10.12.0",
4
4
  "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
5
5
  "repository": {
6
6
  "type": "git",
package/src/core/MeganavContentPlatform/component.html.erb CHANGED
@@ -36,12 +36,6 @@
36
36
  <p class="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
37
37
  <% end %>
38
38
  </li>
39
- <li>
40
- <%= link_to abs_url("/examples/live-charts"), class: "ui-meganav-media group" do %>
41
- <p class="ui-meganav-media-heading">Live Charts</p>
42
- <p class="ui-meganav-media-copy">Visualise live metrics and data in a chart.</p>
43
- <% end %>
44
- </li>
45
39
  <li>
46
40
  <%= link_to abs_url("/examples/live-cursors"), class: "ui-meganav-media group" do %>
47
41
  <p class="ui-meganav-media-heading">Live Cursors</p>
@@ -54,6 +48,12 @@
54
48
  <p class="ui-meganav-media-copy">See when a user is typing a message.</p>
55
49
  <% end %>
56
50
  </li>
51
+ <li>
52
+ <%= link_to abs_url("/examples/chat-admin-privileges"), class: "ui-meganav-media group" do %>
53
+ <p class="ui-meganav-media-heading">Chat Admin Privileges</p>
54
+ <p class="ui-meganav-media-copy">Control who can take admin actions in a digital space.</p>
55
+ <% end %>
56
+ </li>
57
57
  </ul>
58
58
 
59
59
  <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/examples"), text_size: 'text-p3')) do %>Explore all live examples<% end %>
package/src/core/MeganavContentPlatform/component.jsx CHANGED
@@ -45,12 +45,6 @@ const MeganavContentPlatform = ({ paths, absUrl }) => (
45
45
  <p className="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
46
46
  </a>
47
47
  </li>
48
- <li>
49
- <a href={absUrl("/examples/live-charts")} className="ui-meganav-media group">
50
- <p className="ui-meganav-media-heading">Live Charts</p>
51
- <p className="ui-meganav-media-copy">Visualise live metrics and data in a chart.</p>
52
- </a>
53
- </li>
54
48
  <li>
55
49
  <a href={absUrl("/examples/live-cursors")} className="ui-meganav-media group">
56
50
  <p className="ui-meganav-media-heading">Live Cursors</p>
@@ -63,6 +57,12 @@ const MeganavContentPlatform = ({ paths, absUrl }) => (
63
57
  <p className="ui-meganav-media-copy">See when a user is typing a message.</p>
64
58
  </a>
65
59
  </li>
60
+ <li>
61
+ <a href={absUrl("/examples/chat-admin-privileges")} className="ui-meganav-media group">
62
+ <p className="ui-meganav-media-heading">Chat Admin Privileges</p>
63
+ <p className="ui-meganav-media-copy">Control who can take admin actions in a digital space.</p>
64
+ </a>
65
+ </li>
66
66
  </ul>
67
67
  <FeaturedLink url={absUrl("/examples")} textSize="text-p3">
68
68
  Explore all live examples
package/src/core/MeganavContentUseCases/component.html.erb CHANGED
@@ -7,38 +7,38 @@
7
7
  </h3>
8
8
  <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
9
9
  <li>
10
- <%= link_to abs_url("/solutions/live-updates-results-metrics"), class: "ui-meganav-media-with-image group" do %>
11
- <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
10
+ <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
11
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
12
12
  <div class="flex flex-col justify-center">
13
- <p class="ui-meganav-media-heading">Live updates, results & metrics</p>
14
- <p class="ui-meganav-media-copy">Deliver live updates to keep users informed.</p>
13
+ <p class="ui-meganav-media-heading">Chat</p>
14
+ <p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
15
15
  </div>
16
16
  <% end %>
17
17
  </li>
18
18
  <li>
19
- <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
20
- <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
19
+ <%= link_to abs_url("/solutions/multiplayer-collaboration"), class: "ui-meganav-media-with-image group" do %>
20
+ <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
21
21
  <div class="flex flex-col justify-center">
22
- <p class="ui-meganav-media-heading">Chat</p>
23
- <p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
22
+ <p class="ui-meganav-media-heading">Multiplayer Collaboration</p>
23
+ <p class="ui-meganav-media-copy">Bring collaborative multiplayer experiences to your users.</p>
24
24
  </div>
25
25
  <% end %>
26
26
  </li>
27
27
  <li>
28
- <%= link_to abs_url("/solutions/virtual-events"), class: "ui-meganav-media-with-image group" do %>
29
- <%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events-col", size: "2.5rem")) %>
28
+ <%= link_to abs_url("/solutions/data-broadcast"), class: "ui-meganav-media-with-image group" do %>
29
+ <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
30
30
  <div class="flex flex-col justify-center">
31
- <p class="ui-meganav-media-heading">Virtual Events</p>
32
- <p class="ui-meganav-media-copy">Power engaging virtual events with realtime features.</p>
31
+ <p class="ui-meganav-media-heading">Data Broadcast</p>
32
+ <p class="ui-meganav-media-copy">Broadcast realtime event data to millions of devices around the globe.</p>
33
33
  </div>
34
34
  <% end %>
35
35
  </li>
36
36
  <li>
37
- <%= link_to abs_url("/solutions/multi-user-virtual-spaces"), class: "ui-meganav-media-with-image group" do %>
38
- <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
37
+ <%= link_to abs_url("/solutions/data-synchronization"), class: "ui-meganav-media-with-image group" do %>
38
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events", size: "2.5rem")) %>
39
39
  <div class="flex flex-col justify-center">
40
- <p class="ui-meganav-media-heading">Multi-user virtual spaces</p>
41
- <p class="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
40
+ <p class="ui-meganav-media-heading">Data Synchronization</p>
41
+ <p class="ui-meganav-media-copy">Keep your frontend and backend in realtime sync, at global scale.</p>
42
42
  </div>
43
43
  <% end %>
44
44
  </li>
package/src/core/MeganavContentUseCases/component.jsx CHANGED
@@ -13,38 +13,38 @@ const MeganavContentUseCases = ({ absUrl }) => (
13
13
  </h3>
14
14
  <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
15
15
  <li>
16
- <a href={absUrl("/solutions/live-updates-results-metrics")} className="ui-meganav-media-with-image group">
17
- <Icon name="icon-live-updates-results-metrics-col" size="2.5rem" />
16
+ <a href={absUrl("/solutions/chat")} className="ui-meganav-media-with-image group">
17
+ <Icon name="icon-display-chat-stack-col" size="2.5rem" />
18
18
  <div className="flex flex-col justify-center">
19
- <p className="ui-meganav-media-heading">Live updates, results & metrics</p>
20
- <p className="ui-meganav-media-copy">Deliver live updates to keep users informed.</p>
19
+ <p className="ui-meganav-media-heading">Chat</p>
20
+ <p className="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
21
21
  </div>
22
22
  </a>
23
23
  </li>
24
24
  <li>
25
- <a href={absUrl("/solutions/chat")} className="ui-meganav-media-with-image group">
26
- <Icon name="icon-display-chat-stack-col" size="2.5rem" />
25
+ <a href={absUrl("/solutions/multiplayer-collaboration")} className="ui-meganav-media-with-image group">
26
+ <Icon name="icon-multi-user-spaces-col" size="2.5rem" />
27
27
  <div className="flex flex-col justify-center">
28
- <p className="ui-meganav-media-heading">Chat</p>
29
- <p className="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
28
+ <p className="ui-meganav-media-heading">Multiplayer Collaboration</p>
29
+ <p className="ui-meganav-media-copy">Bring collaborative multiplayer experiences to your users.</p>
30
30
  </div>
31
31
  </a>
32
32
  </li>
33
33
  <li>
34
- <a href={absUrl("/solutions/virtual-events")} className="ui-meganav-media-with-image group">
35
- <Icon name="icon-display-virtual-events-col" size="2.5rem" />
34
+ <a href={absUrl("/solutions/data-broadcast")} className="ui-meganav-media-with-image group">
35
+ <Icon name="icon-live-updates-results-metrics-col" size="2.5rem" />
36
36
  <div className="flex flex-col justify-center">
37
- <p className="ui-meganav-media-heading">Virtual Events</p>
38
- <p className="ui-meganav-media-copy">Power engaging virtual events with realtime features.</p>
37
+ <p className="ui-meganav-media-heading">Data Broadcast</p>
38
+ <p className="ui-meganav-media-copy">Broadcast realtime event data to millions of devices around the globe.</p>
39
39
  </div>
40
40
  </a>
41
41
  </li>
42
42
  <li>
43
- <a href={absUrl("/solutions/multi-user-virtual-spaces")} className="ui-meganav-media-with-image group">
44
- <Icon name="icon-multi-user-spaces-col" size="2.5rem" />
43
+ <a href={absUrl("/solutions/data-synchronization")} className="ui-meganav-media-with-image group">
44
+ <Icon name="icon-display-virtual-events" size="2.5rem" />
45
45
  <div className="flex flex-col justify-center">
46
- <p className="ui-meganav-media-heading">Multi-user virtual spaces</p>
47
- <p className="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
46
+ <p className="ui-meganav-media-heading">Data Synchronization</p>
47
+ <p className="ui-meganav-media-copy">Keep your frontend and backend in realtime sync, at global scale.</p>
48
48
  </div>
49
49
  </a>
50
50
  </li>