@ably/ui 8.7.0-dev.dff3090 → 8.7.0-dev.e7c81e7

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 (27) hide show
  1. package/README.md +7 -3
  2. package/core/Footer/component.css +1 -1
  3. package/core/Footer.jsx +19 -19
  4. package/core/Meganav.jsx +57 -49
  5. package/core/MeganavContentPlatform.jsx +8 -8
  6. package/core/MeganavContentUseCases.jsx +49 -41
  7. package/core/MeganavContentWhyAbly/component.js +22 -0
  8. package/core/MeganavContentWhyAbly.jsx +3279 -0
  9. package/core/sprites.svg +52 -0
  10. package/package.json +1 -1
  11. package/src/core/Footer/component.css +1 -1
  12. package/src/core/Footer/component.html.erb +19 -19
  13. package/src/core/Footer/component.jsx +20 -20
  14. package/src/core/MeganavContentPlatform/component.html.erb +6 -6
  15. package/src/core/MeganavContentPlatform/component.jsx +6 -6
  16. package/src/core/MeganavContentUseCases/component.html.erb +42 -38
  17. package/src/core/MeganavContentUseCases/component.jsx +41 -38
  18. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  19. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  20. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  21. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  22. package/src/core/icons/icon-tech-apachekafka.svg +3 -0
  23. package/core/.DS_Store +0 -0
  24. package/core/DropdownMenuPreview/component.js +0 -6
  25. package/core/DropdownMenuPreview.jsx +0 -6
  26. package/src/.DS_Store +0 -0
  27. package/src/core/.DS_Store +0 -0
package/README.md CHANGED
@@ -294,10 +294,14 @@ To deploy a review app with your in-progress code, you can use the `pre-release`
294
294
  scripts/pre-release.sh
295
295
  ```
296
296
 
297
- This will do a couple of things:
297
+ This script is a combination of two scripts:
298
298
 
299
- — update your local dependencies for ably-ui and run a production build
300
- — release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
299
+ 1. Pre-Release:
300
+
301
+ - update your local dependencies for ably-ui and run a production build
302
+ - release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
303
+
304
+ 2. Update Pre-Release Version:
301
305
 
302
306
  - update the preview app
303
307
  - commit all the above and push to origin
package/core/Footer/component.css CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .ui-footer-link {
11
- @apply text-gui-default hover:text-gui-hover hover:underline text-menu3 font-light;
11
+ @apply text-gui-default hover:text-gui-hover text-menu3 font-light;
12
12
  }
13
13
 
14
14
  .ui-footer-compliance-text {
package/core/Footer.jsx CHANGED
@@ -203,11 +203,11 @@ function Footer(_ref) {
203
203
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
204
204
  className: "text-overline2 col-span-full font-medium uppercase tracking-widen-0.1"
205
205
  }, "The Ably Platform")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
206
- className: "grid grid-cols-4 md:col-span-2"
206
+ className: "md:col-span-4 md:w-3/4 xs:w-3/5 w-full"
207
207
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
208
- className: "text-p3 py-16 font-medium p-menu-row-snug col-span-3"
208
+ className: "text-p3 py-16 font-medium p-menu-row-snug"
209
209
  }, "Easily power any realtime experience in your application via a simple API that handles everything realtime.")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", {
210
- className: "grid xs:grid-cols-2 gap-x-8 sm:gap-x-24 xl:gap-x-32 sm:grid-cols-1"
210
+ className: "grid grid-cols-1"
211
211
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
212
212
  className: "p-menu-row-snug"
213
213
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
@@ -327,12 +327,12 @@ function Footer(_ref) {
327
327
  href: absUrl("/download"),
328
328
  className: "ui-footer-menu-row-link"
329
329
  }, "SDKs")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
330
- className: "p-menu-row-snug flex items-center"
330
+ className: "p-menu-row-snug flex items-center -mt-4"
331
331
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
332
332
  className: "pr-8 ui-footer-menu-row-link",
333
333
  href: "https://status.ably.com/"
334
334
  }, "System status"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("iframe", {
335
- className: "w-24 h-24 mt-4",
335
+ className: "w-20 h-20 mb-2",
336
336
  src: "https://status.ably.com/embed/icon",
337
337
  allowtransparency: "true",
338
338
  frameBorder: "0",
@@ -416,7 +416,7 @@ function Footer(_ref) {
416
416
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("hr", {
417
417
  className: "border-t border-mid-grey my-0"
418
418
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
419
- className: "max-w-screen-xl mx-auto py-32 grid ui-grid-gap ui-grid-px sm:grid-cols-2 "
419
+ className: "max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2"
420
420
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
421
421
  className: "md:flex md:items-center"
422
422
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -478,7 +478,7 @@ function Footer(_ref) {
478
478
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
479
479
  className: "flex py-24"
480
480
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
481
- className: "h-24 pr-24 text-cool-black hover:text-icon-glassdoor",
481
+ className: "h-24 pr-16 text-cool-black hover:text-icon-glassdoor",
482
482
  href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
483
483
  title: "Ably reviews on glassdoor"
484
484
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
@@ -492,17 +492,17 @@ function Footer(_ref) {
492
492
  href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
493
493
  className: "ui-footer-link"
494
494
  }, "Learn more at Glassdoor"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
495
- className: "col-span-full sm:col-span-1 inline-flex sm:ml-auto"
495
+ className: "col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center"
496
496
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
497
- className: "mr-24 w-96 h-96",
497
+ className: "mr-24 h-80",
498
498
  src: paths.highestUserAdoption,
499
499
  alt: "Highest User Adoption 2022"
500
500
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
501
- className: "mr-24 w-96 h-96",
501
+ className: "mr-24 h-80",
502
502
  src: paths.usersLoveUs,
503
503
  alt: "Users Love Us"
504
504
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
505
- className: "mr-24 w-96 h-96",
505
+ className: "mr-24 h-80",
506
506
  src: paths.highestPerformer,
507
507
  alt: "High Performer 2022"
508
508
  }))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -510,7 +510,7 @@ function Footer(_ref) {
510
510
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("hr", {
511
511
  className: "border-t border-mid-grey my-0"
512
512
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
513
- className: "max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px "
513
+ className: "max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px"
514
514
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
515
515
  className: "flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links"
516
516
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -528,7 +528,7 @@ function Footer(_ref) {
528
528
  href: absUrl("/privacy"),
529
529
  className: "ui-footer-link"
530
530
  }, "Privacy"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
531
- className: "xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 md:pl-0 "
531
+ className: "xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end"
532
532
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
533
533
  className: "flex mr-24"
534
534
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
@@ -546,9 +546,9 @@ function Footer(_ref) {
546
546
  name: "icon-gui-tick",
547
547
  color: "text-active-orange",
548
548
  size: "1.5rem",
549
- additionalCSS: "bg-white rounded-full mr-12"
549
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
550
550
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
551
- className: "ui-footer-compliance-text font-medium"
551
+ className: "ui-footer-compliance-text font-medium whitespace-nowrap"
552
552
  }, "HIPAA"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
553
553
  className: "ui-footer-compliance-text font-light mb-24"
554
554
  }, "Compliant"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -557,9 +557,9 @@ function Footer(_ref) {
557
557
  name: "icon-gui-tick",
558
558
  color: "text-active-orange",
559
559
  size: "1.5rem",
560
- additionalCSS: "bg-white rounded-full mr-12"
560
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
561
561
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
562
- className: "ui-footer-compliance-text font-medium"
562
+ className: "ui-footer-compliance-text font-medium whitespace-nowrap"
563
563
  }, "EU GDPR"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
564
564
  className: "ui-footer-compliance-text font-light mb-24"
565
565
  }, "Certified"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -568,9 +568,9 @@ function Footer(_ref) {
568
568
  name: "icon-gui-tick",
569
569
  color: "text-active-orange",
570
570
  size: "1.5rem",
571
- additionalCSS: "bg-white rounded-full mr-12"
571
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
572
572
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
573
- className: "ui-footer-compliance-text font-medium"
573
+ className: "ui-footer-compliance-text font-medium whitespace-nowrap"
574
574
  }, "256-bit AES"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
575
575
  className: "ui-footer-compliance-text font-light mb-24"
576
576
  }, "Encryption"))))));
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", {
@@ -1249,58 +1249,82 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1249
1249
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1250
1250
  className: "ui-meganav-overline",
1251
1251
  id: "meganav-use-cases-panel-use-cases"
1252
- }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1252
+ }, "Solutions"), /*#__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-display-data-broadcast-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-data-synchronization-col",
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", {
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"
1302
+ }, "Keep your frontend and backend in realtime sync, at global scale.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1303
+ href: absUrl("/push-notifications"),
1304
+ className: "ui-meganav-media-with-image group"
1305
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1306
+ name: "icon-display-push-notifications-col",
1307
+ size: "2.5rem"
1308
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1309
+ className: "flex flex-col justify-center"
1310
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1311
+ className: "ui-meganav-media-heading"
1312
+ }, "Notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1313
+ className: "ui-meganav-media-copy"
1314
+ }, "Deliver cross-platform push notifications with a simple unified API.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1315
+ href: absUrl("/solutions/extend-kafka-to-the-edge"),
1316
+ className: "ui-meganav-media-with-image group"
1317
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1318
+ name: "icon-display-kafka-at-the-edge-col",
1319
+ size: "2.5rem"
1320
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1321
+ className: "flex flex-col justify-center"
1322
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1323
+ className: "ui-meganav-media-heading"
1324
+ }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1325
+ className: "ui-meganav-media-copy"
1326
+ }, "Reliably expand Kafka\u2019s event streaming beyond your private network.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1327
+ className: "col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
1304
1328
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1305
1329
  className: "ui-meganav-overline",
1306
1330
  id: "meganav-use-cases-panel-industry"
@@ -1341,7 +1365,12 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1341
1365
  className: "ui-meganav-media-heading"
1342
1366
  }, "Healthcare (HIPAA)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1343
1367
  className: "ui-meganav-media-copy"
1344
- }, "Provide trustworthy, HIPAA-compliant realtime apps."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1368
+ }, "Provide trustworthy, HIPAA-compliant realtime apps."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1369
+ className: "col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
1370
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1371
+ "aria-labelledby": "meganav-use-cases-panel-solutions",
1372
+ className: "mt-0 md:mt-40"
1373
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1345
1374
  href: absUrl("/solutions/ecommerce-and-retail"),
1346
1375
  className: "ui-meganav-media group"
1347
1376
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -1369,28 +1398,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1369
1398
  className: "ui-meganav-media-heading"
1370
1399
  }, "IoT & Connected Devices"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1371
1400
  className: "ui-meganav-media-copy"
1372
- }, "Monitor and control global IoT deployments in realtime."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1373
- className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
1374
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1375
- className: "ui-meganav-overline",
1376
- id: "meganav-use-cases-panel-solutions"
1377
- }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1378
- "aria-labelledby": "meganav-use-cases-panel-solutions"
1379
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1380
- href: absUrl("/solutions/extend-kafka-to-the-edge"),
1381
- className: "ui-meganav-media group"
1382
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1383
- className: "ui-meganav-media-heading"
1384
- }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1385
- className: "ui-meganav-media-copy"
1386
- }, "Reliably expand Kafka\u2019s event streaming beyond your private network."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1387
- href: absUrl("/solutions/asset-tracking"),
1388
- className: "ui-meganav-media group"
1389
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1390
- className: "ui-meganav-media-heading"
1391
- }, "Asset Tracking"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1392
- className: "ui-meganav-media-copy"
1393
- }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1401
+ }, "Monitor and control global IoT deployments in realtime.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1394
1402
  className: "ui-meganav-content-spacer"
1395
1403
  }));
1396
1404
  };
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
@@ -175,58 +175,82 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
175
175
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
176
176
  className: "ui-meganav-overline",
177
177
  id: "meganav-use-cases-panel-use-cases"
178
- }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
178
+ }, "Solutions"), /*#__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-display-data-broadcast-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-data-synchronization-col",
221
+ size: "2.5rem"
222
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
223
+ className: "flex flex-col justify-center"
224
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
225
+ className: "ui-meganav-media-heading"
226
+ }, "Data Synchronization"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
227
+ className: "ui-meganav-media-copy"
228
+ }, "Keep your frontend and backend in realtime sync, at global scale.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
229
+ href: absUrl("/push-notifications"),
230
+ className: "ui-meganav-media-with-image group"
231
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
232
+ name: "icon-display-push-notifications-col",
233
+ size: "2.5rem"
234
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
235
+ className: "flex flex-col justify-center"
236
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
237
+ className: "ui-meganav-media-heading"
238
+ }, "Notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
239
+ className: "ui-meganav-media-copy"
240
+ }, "Deliver cross-platform push notifications with a simple unified API.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
241
+ href: absUrl("/solutions/extend-kafka-to-the-edge"),
242
+ className: "ui-meganav-media-with-image group"
243
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
244
+ name: "icon-display-kafka-at-the-edge-col",
221
245
  size: "2.5rem"
222
246
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
223
247
  className: "flex flex-col justify-center"
224
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
225
249
  className: "ui-meganav-media-heading"
226
- }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
250
+ }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
227
251
  className: "ui-meganav-media-copy"
228
- }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
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"
252
+ }, "Reliably expand Kafka\u2019s event streaming beyond your private network.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
253
+ className: "col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
230
254
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
231
255
  className: "ui-meganav-overline",
232
256
  id: "meganav-use-cases-panel-industry"
@@ -267,7 +291,12 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
267
291
  className: "ui-meganav-media-heading"
268
292
  }, "Healthcare (HIPAA)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
269
293
  className: "ui-meganav-media-copy"
270
- }, "Provide trustworthy, HIPAA-compliant realtime apps."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
294
+ }, "Provide trustworthy, HIPAA-compliant realtime apps."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
295
+ className: "col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
296
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
297
+ "aria-labelledby": "meganav-use-cases-panel-solutions",
298
+ className: "mt-0 md:mt-40"
299
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
271
300
  href: absUrl("/solutions/ecommerce-and-retail"),
272
301
  className: "ui-meganav-media group"
273
302
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -295,28 +324,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
295
324
  className: "ui-meganav-media-heading"
296
325
  }, "IoT & Connected Devices"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
297
326
  className: "ui-meganav-media-copy"
298
- }, "Monitor and control global IoT deployments in realtime."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
299
- className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
300
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
301
- className: "ui-meganav-overline",
302
- id: "meganav-use-cases-panel-solutions"
303
- }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
304
- "aria-labelledby": "meganav-use-cases-panel-solutions"
305
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
306
- href: absUrl("/solutions/extend-kafka-to-the-edge"),
307
- className: "ui-meganav-media group"
308
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
309
- className: "ui-meganav-media-heading"
310
- }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
311
- className: "ui-meganav-media-copy"
312
- }, "Reliably expand Kafka\u2019s event streaming beyond your private network."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
313
- href: absUrl("/solutions/asset-tracking"),
314
- className: "ui-meganav-media group"
315
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
316
- className: "ui-meganav-media-heading"
317
- }, "Asset Tracking"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
318
- className: "ui-meganav-media-copy"
319
- }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
327
+ }, "Monitor and control global IoT deployments in realtime.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
320
328
  className: "ui-meganav-content-spacer"
321
329
  }));
322
330
  };
package/core/MeganavContentWhyAbly/component.js ADDED
@@ -0,0 +1,22 @@
1
+ (function webpackUniversalModuleDefinition(root, factory) {
2
+ if(typeof exports === 'object' && typeof module === 'object')
3
+ module.exports = factory();
4
+ else if(typeof define === 'function' && define.amd)
5
+ define([], factory);
6
+ else if(typeof exports === 'object')
7
+ exports["AblyUi"] = factory();
8
+ else
9
+ root["AblyUi"] = root["AblyUi"] || {}, root["AblyUi"]["Core"] = root["AblyUi"]["Core"] || {}, root["AblyUi"]["Core"]["MeganavContentWhyAbly"] = factory();
10
+ })(this, function() {
11
+ return /******/ (() => { // webpackBootstrap
12
+ var __webpack_exports__ = {};
13
+ /*!*****************************************************!*\
14
+ !*** ./src/core/MeganavContentWhyAbly/component.js ***!
15
+ \*****************************************************/
16
+
17
+ __webpack_exports__ = __webpack_exports__.default;
18
+ /******/ return __webpack_exports__;
19
+ /******/ })()
20
+ ;
21
+ });
22
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9BYmx5VWkuQ29yZS5bbmFtZV0vd2VicGFjay91bml2ZXJzYWxNb2R1bGVEZWZpbml0aW9uIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx1Q0FBdUMsdURBQXVEO0FBQzlGLENBQUM7QUFDRCxPIiwiZmlsZSI6ImNvcmUvTWVnYW5hdkNvbnRlbnRXaHlBYmx5L2NvbXBvbmVudC5qcyIsInNvdXJjZXNDb250ZW50IjpbIihmdW5jdGlvbiB3ZWJwYWNrVW5pdmVyc2FsTW9kdWxlRGVmaW5pdGlvbihyb290LCBmYWN0b3J5KSB7XG5cdGlmKHR5cGVvZiBleHBvcnRzID09PSAnb2JqZWN0JyAmJiB0eXBlb2YgbW9kdWxlID09PSAnb2JqZWN0Jylcblx0XHRtb2R1bGUuZXhwb3J0cyA9IGZhY3RvcnkoKTtcblx0ZWxzZSBpZih0eXBlb2YgZGVmaW5lID09PSAnZnVuY3Rpb24nICYmIGRlZmluZS5hbWQpXG5cdFx0ZGVmaW5lKFtdLCBmYWN0b3J5KTtcblx0ZWxzZSBpZih0eXBlb2YgZXhwb3J0cyA9PT0gJ29iamVjdCcpXG5cdFx0ZXhwb3J0c1tcIkFibHlVaVwiXSA9IGZhY3RvcnkoKTtcblx0ZWxzZVxuXHRcdHJvb3RbXCJBYmx5VWlcIl0gPSByb290W1wiQWJseVVpXCJdIHx8IHt9LCByb290W1wiQWJseVVpXCJdW1wiQ29yZVwiXSA9IHJvb3RbXCJBYmx5VWlcIl1bXCJDb3JlXCJdIHx8IHt9LCByb290W1wiQWJseVVpXCJdW1wiQ29yZVwiXVtcIk1lZ2FuYXZDb250ZW50V2h5QWJseVwiXSA9IGZhY3RvcnkoKTtcbn0pKHRoaXMsIGZ1bmN0aW9uKCkge1xucmV0dXJuICJdLCJzb3VyY2VSb290IjoiIn0=