@ably/ui 8.7.0-dev.e2257f1 → 8.7.0-dev.e5a8888

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 (28) hide show
  1. package/core/Meganav/component.json +1 -1
  2. package/core/Meganav.jsx +45 -56
  3. package/core/MeganavContentDevelopers.jsx +16 -3
  4. package/core/MeganavContentPlatform.jsx +12 -36
  5. package/core/MeganavContentProducts/component.js +1 -0
  6. package/core/MeganavContentProducts.jsx +333 -0
  7. package/core/MeganavContentUseCases.jsx +4 -4
  8. package/core/MeganavItemsDesktop.jsx +2 -2
  9. package/core/MeganavItemsMobile.jsx +1 -1
  10. package/core/sprites.svg +27 -0
  11. package/package.json +1 -1
  12. package/src/.DS_Store +0 -0
  13. package/src/core/.DS_Store +0 -0
  14. package/src/core/Meganav/component.json +1 -1
  15. package/src/core/Meganav/component.jsx +2 -2
  16. package/src/core/Meganav/component.rb +4 -4
  17. package/src/core/MeganavContentDevelopers/component.html.erb +10 -1
  18. package/src/core/MeganavContentDevelopers/component.jsx +13 -3
  19. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +15 -33
  20. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +17 -38
  21. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
  22. package/src/core/MeganavContentUseCases/component.html.erb +4 -4
  23. package/src/core/MeganavContentUseCases/component.jsx +4 -4
  24. package/src/core/MeganavItemsDesktop/component.jsx +1 -1
  25. package/src/core/MeganavItemsDesktop/component.rb +1 -1
  26. package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
  27. package/src/core/icons/icon-display-examples-col.svg +11 -0
  28. /package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +0 -0
package/core/Meganav/component.json CHANGED
@@ -29,7 +29,7 @@
29
29
  }
30
30
  },
31
31
  "panels": [
32
- { "label": "Platform", "shortLabel": "Platform", "id": "platform-panel", "component": "MeganavContentPlatform" },
32
+ { "label": "Products", "shortLabel": "Products", "id": "products-panel", "component": "MeganavContentProducts" },
33
33
  { "label": "Solutions", "shortLabel": "Solutions", "id": "use-cases-panel", "component": "MeganavContentUseCases" },
34
34
  { "label": "Company", "shortLabel": "Company", "id": "company-panel", "component": "MeganavContentCompany" },
35
35
  { "label": "Developers", "shortLabel": "Developers", "id": "developers-panel", "component": "MeganavContentDevelopers" }
package/core/Meganav.jsx CHANGED
@@ -984,7 +984,19 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
984
984
  className: "ui-meganav-media-heading"
985
985
  }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
986
986
  className: "ui-meganav-media-copy"
987
- }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
987
+ }, "Find out more about Ably integrations. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
988
+ href: absUrl("/examples"),
989
+ className: "ui-meganav-media-with-image group"
990
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
991
+ name: "icon-display-examples-col",
992
+ size: "2.5rem"
993
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
994
+ className: "flex flex-col justify-center"
995
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
996
+ className: "ui-meganav-media-heading"
997
+ }, "Live examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
998
+ className: "ui-meganav-media-copy"
999
+ }, "Discover our features and their use cases.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
988
1000
  className: "col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
989
1001
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
990
1002
  className: "md:mt-40",
@@ -1013,7 +1025,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1013
1025
  className: "ui-meganav-media-heading"
1014
1026
  }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1015
1027
  className: "ui-meganav-media-copy"
1016
- }, "Get stuck in with our hands-on resources. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1028
+ }, "Get stuck in with our hands-on resources.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1017
1029
  href: absUrl("/reference-guide-chat"),
1018
1030
  className: "ui-meganav-media-with-image group"
1019
1031
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
@@ -1037,7 +1049,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1037
1049
  className: "ui-meganav-media-heading"
1038
1050
  }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1039
1051
  className: "ui-meganav-media-copy"
1040
- }, "Learn about the core Ably concepts for Multiplayer collaboration.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1052
+ }, "Learn how to build collaborative features with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1041
1053
  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"
1042
1054
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1043
1055
  className: "ui-meganav-overline uppercase",
@@ -1065,6 +1077,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1065
1077
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1066
1078
  className: "ui-meganav-media-heading"
1067
1079
  }, "Status", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("iframe", {
1080
+ title: "Ably status",
1068
1081
  src: "https://status.ably.com/embed/icon",
1069
1082
  allowtransparency: "true",
1070
1083
  frameBorder: "0",
@@ -1087,7 +1100,7 @@ MeganavContentDevelopers.propTypes = {
1087
1100
 
1088
1101
  /***/ }),
1089
1102
 
1090
- /***/ 6654:
1103
+ /***/ 8254:
1091
1104
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1092
1105
 
1093
1106
  "use strict";
@@ -1103,7 +1116,7 @@ MeganavContentDevelopers.propTypes = {
1103
1116
 
1104
1117
 
1105
1118
 
1106
- var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1119
+ var MeganavContentProducts = function MeganavContentProducts(_ref) {
1107
1120
  var paths = _ref.paths,
1108
1121
  absUrl = _ref.absUrl;
1109
1122
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1133,63 +1146,39 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1133
1146
  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"
1134
1147
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1135
1148
  className: "ui-meganav-overline",
1136
- id: "meganav-platform-panel-list-examples"
1137
- }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1149
+ id: "meganav-products-panel-list-examples"
1150
+ }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1138
1151
  className: "mb-16",
1139
- "aria-labelledby": "meganav-platform-panel-list-examples"
1152
+ "aria-labelledby": "meganav-products-panel-list-examples"
1140
1153
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1141
- href: absUrl("/examples/avatar-stack"),
1154
+ href: absUrl("/solutions/channels"),
1142
1155
  className: "group ui-meganav-media"
1143
1156
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1144
1157
  className: "ui-meganav-media-heading"
1145
- }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1146
- className: "ui-meganav-media-copy"
1147
- }, "See who is connected in a digital space."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1148
- href: absUrl("/examples/emoji-reactions"),
1149
- className: "ui-meganav-media group"
1150
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1151
- className: "ui-meganav-media-heading"
1152
- }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1158
+ }, "Pub/Sub Channels"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1153
1159
  className: "ui-meganav-media-copy"
1154
- }, "React with an emoji to a message."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1155
- href: absUrl("/examples/activity-feed"),
1156
- className: "ui-meganav-media group"
1157
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1158
- className: "ui-meganav-media-heading"
1159
- }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1160
- className: "ui-meganav-media-copy"
1161
- }, "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", {
1162
- href: absUrl("/examples/live-cursors"),
1163
- className: "ui-meganav-media group"
1164
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1165
- className: "ui-meganav-media-heading"
1166
- }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1167
- className: "ui-meganav-media-copy"
1168
- }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1169
- href: absUrl("/examples/typing-indicator"),
1170
- className: "ui-meganav-media group"
1160
+ }, "Build infinitely scalable realtime applications."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1161
+ href: absUrl("/spaces"),
1162
+ className: "group ui-meganav-media"
1171
1163
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1172
1164
  className: "ui-meganav-media-heading"
1173
- }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1165
+ }, "Spaces (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1174
1166
  className: "ui-meganav-media-copy"
1175
- }, "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", {
1176
- href: absUrl("/examples/chat-admin-privileges"),
1177
- className: "ui-meganav-media group"
1167
+ }, "Create multi-user collaborative environments."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1168
+ href: absUrl("/livesync"),
1169
+ className: "group ui-meganav-media"
1178
1170
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1179
1171
  className: "ui-meganav-media-heading"
1180
- }, "Chat Admin Privileges"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1172
+ }, "LiveSync (Pre release)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1181
1173
  className: "ui-meganav-media-copy"
1182
- }, "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"], {
1183
- url: absUrl("/examples"),
1184
- textSize: "text-p3"
1185
- }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1174
+ }, "Keep clients in sync with any relational database."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1186
1175
  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"
1187
1176
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1188
1177
  className: "ui-meganav-overline",
1189
- id: "meganav-platform-panel-list-our-technology"
1178
+ id: "meganav-products-panel-list-our-technology"
1190
1179
  }, "Our technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1191
1180
  className: "mb-16",
1192
- "aria-labelledby": "meganav-platform-panel-list-our-technology"
1181
+ "aria-labelledby": "meganav-products-panel-list-our-technology"
1193
1182
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1194
1183
  href: absUrl("/four-pillars-of-dependability#performance"),
1195
1184
  className: "ui-meganav-media group"
@@ -1233,14 +1222,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1233
1222
  }));
1234
1223
  };
1235
1224
 
1236
- MeganavContentPlatform.propTypes = {
1225
+ MeganavContentProducts.propTypes = {
1237
1226
  paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
1238
1227
  ablyStack: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
1239
1228
  iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
1240
1229
  }),
1241
1230
  absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
1242
1231
  };
1243
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentPlatform);
1232
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentProducts);
1244
1233
 
1245
1234
  /***/ }),
1246
1235
 
@@ -1336,18 +1325,18 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1336
1325
  }, "Notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1337
1326
  className: "ui-meganav-media-copy"
1338
1327
  }, "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", {
1339
- href: absUrl("/solutions/extend-kafka-to-the-edge"),
1328
+ href: absUrl("/solutions/asset-tracking"),
1340
1329
  className: "ui-meganav-media-with-image group"
1341
1330
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
1342
- name: "icon-display-kafka-at-the-edge-col",
1331
+ name: "icon-display-asset-tracking-col",
1343
1332
  size: "2.5rem"
1344
1333
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1345
1334
  className: "flex flex-col justify-center"
1346
1335
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1347
1336
  className: "ui-meganav-media-heading"
1348
- }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1337
+ }, "Asset Tracking (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1349
1338
  className: "ui-meganav-media-copy"
1350
- }, "Reliably expand Kafka\u2019s event streaming beyond your private network.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1339
+ }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1351
1340
  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"
1352
1341
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1353
1342
  className: "ui-meganav-overline",
@@ -1645,7 +1634,7 @@ var MeganavDesktopItems = function MeganavDesktopItems(_ref) {
1645
1634
  "data-id": "meganav-items-desktop"
1646
1635
  }, _Meganav_component_json__WEBPACK_IMPORTED_MODULE_2__/* .panels.map */ .h.map(function (panel) {
1647
1636
  var PanelComponent = panels[panel.component];
1648
- var bgCSS = ["platform-panel", "use-cases-panel"].includes(panel.id) ? "ui-meganav-panel-split-bg" : "";
1637
+ var bgCSS = ["products-panel", "use-cases-panel"].includes(panel.id) ? "ui-meganav-panel-split-bg" : "";
1649
1638
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
1650
1639
  className: "ui-meganav-item",
1651
1640
  key: panel.id
@@ -3370,7 +3359,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9042__;
3370
3359
  /***/ ((module) => {
3371
3360
 
3372
3361
  "use strict";
3373
- module.exports = JSON.parse('{"n":{"white":{"backgroundColor":"bg-white","textColor":"text-cool-black","buttonBackgroundColor":"","buttonTextColor":"","mobileMenuColor":"text-cool-black","logoTextColor":"text-cool-black","barShadow":"shadow-subtle"},"black":{"backgroundColor":"bg-cool-black","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""},"transparentToWhite":{"backgroundColor":"bg-transparent","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""}},"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
3362
+ module.exports = JSON.parse('{"n":{"white":{"backgroundColor":"bg-white","textColor":"text-cool-black","buttonBackgroundColor":"","buttonTextColor":"","mobileMenuColor":"text-cool-black","logoTextColor":"text-cool-black","barShadow":"shadow-subtle"},"black":{"backgroundColor":"bg-cool-black","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""},"transparentToWhite":{"backgroundColor":"bg-transparent","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""}},"h":[{"label":"Products","shortLabel":"Products","id":"products-panel","component":"MeganavContentProducts"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
3374
3363
 
3375
3364
  /***/ })
3376
3365
 
@@ -4343,8 +4332,8 @@ var absUrl = function absUrl(path) {
4343
4332
  };
4344
4333
 
4345
4334
  /* harmony default export */ const url_base = (absUrl);
4346
- // EXTERNAL MODULE: ./src/core/MeganavContentPlatform/component.jsx
4347
- var MeganavContentPlatform_component = __webpack_require__(6654);
4335
+ // EXTERNAL MODULE: ./src/core/MeganavContentProducts/component.jsx
4336
+ var MeganavContentProducts_component = __webpack_require__(8254);
4348
4337
  // EXTERNAL MODULE: ./src/core/MeganavContentUseCases/component.jsx
4349
4338
  var MeganavContentUseCases_component = __webpack_require__(1118);
4350
4339
  // EXTERNAL MODULE: ./src/core/MeganavContentCompany/component.jsx + 1 modules
@@ -4435,7 +4424,7 @@ var SignInPlaceholder = function SignInPlaceholder() {
4435
4424
  };
4436
4425
 
4437
4426
  var panels = {
4438
- MeganavContentPlatform: MeganavContentPlatform_component["default"],
4427
+ MeganavContentProducts: MeganavContentProducts_component["default"],
4439
4428
  MeganavContentUseCases: MeganavContentUseCases_component["default"],
4440
4429
  MeganavContentCompany: MeganavContentCompany_component["default"],
4441
4430
  MeganavContentDevelopers: MeganavContentDevelopers_component["default"]
package/core/MeganavContentDevelopers.jsx CHANGED
@@ -213,7 +213,19 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
213
213
  className: "ui-meganav-media-heading"
214
214
  }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
215
215
  className: "ui-meganav-media-copy"
216
- }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
216
+ }, "Find out more about Ably integrations. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
217
+ href: absUrl("/examples"),
218
+ className: "ui-meganav-media-with-image group"
219
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
220
+ name: "icon-display-examples-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
+ }, "Live examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
227
+ className: "ui-meganav-media-copy"
228
+ }, "Discover our features and their use cases.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
217
229
  className: "col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
218
230
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
219
231
  className: "md:mt-40",
@@ -242,7 +254,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
242
254
  className: "ui-meganav-media-heading"
243
255
  }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
244
256
  className: "ui-meganav-media-copy"
245
- }, "Get stuck in with our hands-on resources. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
257
+ }, "Get stuck in with our hands-on resources.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
246
258
  href: absUrl("/reference-guide-chat"),
247
259
  className: "ui-meganav-media-with-image group"
248
260
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
@@ -266,7 +278,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
266
278
  className: "ui-meganav-media-heading"
267
279
  }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
268
280
  className: "ui-meganav-media-copy"
269
- }, "Learn about the core Ably concepts for Multiplayer collaboration.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
281
+ }, "Learn how to build collaborative features with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
270
282
  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"
271
283
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
272
284
  className: "ui-meganav-overline uppercase",
@@ -294,6 +306,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
294
306
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
295
307
  className: "ui-meganav-media-heading"
296
308
  }, "Status", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("iframe", {
309
+ title: "Ably status",
297
310
  src: "https://status.ably.com/embed/icon",
298
311
  allowtransparency: "true",
299
312
  frameBorder: "0",
package/core/MeganavContentPlatform.jsx CHANGED
@@ -242,55 +242,31 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
242
242
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
243
243
  className: "ui-meganav-overline",
244
244
  id: "meganav-platform-panel-list-examples"
245
- }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
245
+ }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
246
246
  className: "mb-16",
247
247
  "aria-labelledby": "meganav-platform-panel-list-examples"
248
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
249
- href: absUrl("/examples/avatar-stack"),
249
+ href: absUrl("/solutions/channels"),
250
250
  className: "group ui-meganav-media"
251
251
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
252
252
  className: "ui-meganav-media-heading"
253
- }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
253
+ }, "Pub/Sub Channels"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
254
254
  className: "ui-meganav-media-copy"
255
- }, "See who is connected in a digital space."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
256
- href: absUrl("/examples/emoji-reactions"),
257
- className: "ui-meganav-media group"
258
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
259
- className: "ui-meganav-media-heading"
260
- }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
261
- className: "ui-meganav-media-copy"
262
- }, "React with an emoji to a message."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
263
- href: absUrl("/examples/activity-feed"),
264
- className: "ui-meganav-media group"
265
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
266
- className: "ui-meganav-media-heading"
267
- }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
268
- className: "ui-meganav-media-copy"
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-cursors"),
271
- className: "ui-meganav-media group"
272
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
273
- className: "ui-meganav-media-heading"
274
- }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
275
- className: "ui-meganav-media-copy"
276
- }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
277
- href: absUrl("/examples/typing-indicator"),
278
- className: "ui-meganav-media group"
255
+ }, "Build infinitely scalable realtime applications."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
256
+ href: absUrl("/spaces"),
257
+ className: "group ui-meganav-media"
279
258
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
280
259
  className: "ui-meganav-media-heading"
281
- }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
260
+ }, "Spaces (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
282
261
  className: "ui-meganav-media-copy"
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"
262
+ }, "Create multi-user collaborative environments."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
263
+ href: absUrl("/livesync"),
264
+ className: "group ui-meganav-media"
286
265
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
287
266
  className: "ui-meganav-media-heading"
288
- }, "Chat Admin Privileges"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
267
+ }, "LiveSync (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
289
268
  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
- url: absUrl("/examples"),
292
- textSize: "text-p3"
293
- }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
269
+ }, "Build stateful interactive applications."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
294
270
  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"
295
271
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
296
272
  className: "ui-meganav-overline",
package/core/MeganavContentProducts/component.js ADDED
@@ -0,0 +1 @@
1
+ !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavContentProducts=o())}(this,(()=>({}.default)));