@ably/ui 8.7.0-dev.46571ce → 8.7.0-dev.47532ac

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 (113) hide show
  1. package/core/Code/component.js +1 -1
  2. package/core/Code.jsx +108 -88
  3. package/core/CompanyAutocomplete/component.js +1 -1
  4. package/core/ConnectStateWrapper/component.js +1 -1
  5. package/core/ConnectStateWrapper.jsx +7 -7
  6. package/core/ContactFooter/component.js +1 -1
  7. package/core/ContactFooter.jsx +12 -12
  8. package/core/CookieMessage/component.js +1 -1
  9. package/core/CookieMessage.jsx +10 -10
  10. package/core/CustomerLogos/component.js +1 -1
  11. package/core/CustomerLogos.jsx +7 -7
  12. package/core/DropdownMenu/component.js +1 -1
  13. package/core/DropdownMenu.jsx +11 -11
  14. package/core/FeatureFooter/component.js +1 -1
  15. package/core/FeatureFooter.jsx +17 -0
  16. package/core/FeaturedLink/component.js +1 -1
  17. package/core/FeaturedLink.jsx +10 -10
  18. package/core/Flash/component.js +1 -1
  19. package/core/Flash.jsx +19 -19
  20. package/core/Footer/component.js +1 -1
  21. package/core/Footer.jsx +20 -30
  22. package/core/Icon/component.css +1 -0
  23. package/core/Icon/component.js +1 -1
  24. package/core/Icon.jsx +7 -7
  25. package/core/Loader/component.js +1 -1
  26. package/core/Loader.jsx +7 -7
  27. package/core/Logo/component.js +1 -1
  28. package/core/Logo.jsx +7 -7
  29. package/core/Meganav/component.css +1 -3
  30. package/core/Meganav/component.js +1 -1
  31. package/core/Meganav/component.json +1 -1
  32. package/core/Meganav.jsx +220 -195
  33. package/core/MeganavBlogPostsList/component.js +1 -1
  34. package/core/MeganavBlogPostsList.jsx +13 -13
  35. package/core/MeganavContentCompany/component.js +1 -1
  36. package/core/MeganavContentCompany.jsx +39 -27
  37. package/core/MeganavContentDevelopers/component.js +1 -1
  38. package/core/MeganavContentDevelopers.jsx +43 -18
  39. package/core/MeganavContentPlatform.jsx +159 -78
  40. package/core/MeganavContentProducts/component.js +1 -0
  41. package/core/MeganavContentProducts.jsx +333 -0
  42. package/core/MeganavContentUseCases/component.js +1 -1
  43. package/core/MeganavContentUseCases.jsx +34 -22
  44. package/core/MeganavContentWhyAbly/component.js +1 -22
  45. package/core/MeganavContentWhyAbly.jsx +349 -2170
  46. package/core/MeganavControl/component.js +1 -1
  47. package/core/MeganavControl.jsx +10 -10
  48. package/core/MeganavControlMobileDropdown/component.js +1 -1
  49. package/core/MeganavControlMobileDropdown.jsx +11 -11
  50. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  51. package/core/MeganavControlMobilePanelClose.jsx +10 -10
  52. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  53. package/core/MeganavControlMobilePanelOpen.jsx +10 -10
  54. package/core/MeganavItemsDesktop/component.js +1 -1
  55. package/core/MeganavItemsDesktop.jsx +17 -17
  56. package/core/MeganavItemsMobile/component.js +1 -1
  57. package/core/MeganavItemsMobile.jsx +39 -39
  58. package/core/MeganavItemsSignedIn/component.js +1 -1
  59. package/core/MeganavItemsSignedIn.jsx +33 -33
  60. package/core/MeganavSearch/component.js +1 -1
  61. package/core/MeganavSearch.jsx +23 -23
  62. package/core/MeganavSearchAutocomplete/component.js +1 -1
  63. package/core/MeganavSearchAutocomplete.jsx +4 -4
  64. package/core/MeganavSearchPanel/component.js +1 -1
  65. package/core/MeganavSearchPanel.jsx +19 -19
  66. package/core/MeganavSearchSuggestions/component.js +1 -1
  67. package/core/MeganavSearchSuggestions.jsx +13 -13
  68. package/core/Notice/component.js +1 -1
  69. package/core/Notice.jsx +30 -30
  70. package/core/Showcase/component.js +1 -1
  71. package/core/Showcase.jsx +1 -1
  72. package/core/SignOutLink/component.js +1 -1
  73. package/core/SignOutLink.jsx +7 -7
  74. package/core/Slider/component.js +1 -1
  75. package/core/Slider.jsx +14 -14
  76. package/core/Uptime/component.js +1 -1
  77. package/core/Uptime.jsx +15 -15
  78. package/core/scripts.js +1 -1
  79. package/core/sprites.svg +89 -0
  80. package/core/styles.css +1 -7
  81. package/package.json +1 -1
  82. package/reset/scripts.js +1 -1
  83. package/reset/styles.css +1 -11
  84. package/src/core/Footer/component.html.erb +0 -6
  85. package/src/core/Footer/component.jsx +0 -10
  86. package/src/core/Meganav/component.css +1 -1
  87. package/src/core/Meganav/component.json +1 -1
  88. package/src/core/Meganav/component.jsx +2 -2
  89. package/src/core/Meganav/component.rb +4 -4
  90. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  91. package/src/core/MeganavContentCompany/component.jsx +9 -0
  92. package/src/core/MeganavContentDevelopers/component.html.erb +18 -2
  93. package/src/core/MeganavContentDevelopers/component.jsx +20 -1
  94. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +15 -33
  95. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +17 -38
  96. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
  97. package/src/core/MeganavContentUseCases/component.html.erb +18 -8
  98. package/src/core/MeganavContentUseCases/component.jsx +17 -10
  99. package/src/core/MeganavItemsDesktop/component.jsx +1 -1
  100. package/src/core/MeganavItemsDesktop/component.rb +1 -1
  101. package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
  102. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  103. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  104. package/src/core/icons/icon-display-events-col.svg +13 -0
  105. package/src/core/icons/icon-display-examples-col.svg +11 -0
  106. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  107. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  108. package/src/core/styles/text.css +1 -1
  109. package/src/core/utils/syntax-highlighter-registry.js +2 -0
  110. package/src/core/utils/syntax-highlighter.js +5 -0
  111. package/core/Meganav/component.js.LICENSE.txt +0 -7
  112. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  113. /package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +0 -0
@@ -1,26 +1,26 @@
1
1
  (function webpackUniversalModuleDefinition(root, factory) {
2
2
  if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("react"), require("prop-types"));
3
+ module.exports = factory(require("react"));
4
4
  else if(typeof define === 'function' && define.amd)
5
- define([, ], factory);
5
+ define([], factory);
6
6
  else {
7
- var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
7
+ var a = typeof exports === 'object' ? factory(require("react")) : factory(root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
10
+ })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__) {
11
11
  return /******/ (() => { // webpackBootstrap
12
- /******/ "use strict";
13
12
  /******/ var __webpack_modules__ = ({
14
13
 
15
14
  /***/ 5751:
16
15
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
17
16
 
17
+ "use strict";
18
18
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
19
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
20
  /* harmony export */ });
21
21
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
22
22
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
23
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
23
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
26
 
@@ -64,12 +64,13 @@ FeaturedLink.propTypes = {
64
64
  /***/ 9008:
65
65
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
66
66
 
67
+ "use strict";
67
68
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
68
69
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
69
70
  /* harmony export */ });
70
71
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
71
72
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
72
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
73
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
73
74
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
74
75
  var _excluded = ["name", "size", "color", "additionalCSS"];
75
76
 
@@ -113,16 +114,121 @@ Icon.propTypes = {
113
114
 
114
115
  /***/ }),
115
116
 
116
- /***/ 3474:
117
+ /***/ 2703:
118
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
119
+
120
+ "use strict";
121
+ /**
122
+ * Copyright (c) 2013-present, Facebook, Inc.
123
+ *
124
+ * This source code is licensed under the MIT license found in the
125
+ * LICENSE file in the root directory of this source tree.
126
+ */
127
+
128
+
129
+
130
+ var ReactPropTypesSecret = __webpack_require__(414);
131
+
132
+ function emptyFunction() {}
133
+ function emptyFunctionWithReset() {}
134
+ emptyFunctionWithReset.resetWarningCache = emptyFunction;
135
+
136
+ module.exports = function() {
137
+ function shim(props, propName, componentName, location, propFullName, secret) {
138
+ if (secret === ReactPropTypesSecret) {
139
+ // It is still safe when called from React.
140
+ return;
141
+ }
142
+ var err = new Error(
143
+ 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
144
+ 'Use PropTypes.checkPropTypes() to call them. ' +
145
+ 'Read more at http://fb.me/use-check-prop-types'
146
+ );
147
+ err.name = 'Invariant Violation';
148
+ throw err;
149
+ };
150
+ shim.isRequired = shim;
151
+ function getShim() {
152
+ return shim;
153
+ };
154
+ // Important!
155
+ // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
156
+ var ReactPropTypes = {
157
+ array: shim,
158
+ bool: shim,
159
+ func: shim,
160
+ number: shim,
161
+ object: shim,
162
+ string: shim,
163
+ symbol: shim,
164
+
165
+ any: shim,
166
+ arrayOf: getShim,
167
+ element: shim,
168
+ elementType: shim,
169
+ instanceOf: getShim,
170
+ node: shim,
171
+ objectOf: getShim,
172
+ oneOf: getShim,
173
+ oneOfType: getShim,
174
+ shape: getShim,
175
+ exact: getShim,
176
+
177
+ checkPropTypes: emptyFunctionWithReset,
178
+ resetWarningCache: emptyFunction
179
+ };
180
+
181
+ ReactPropTypes.PropTypes = ReactPropTypes;
182
+
183
+ return ReactPropTypes;
184
+ };
185
+
186
+
187
+ /***/ }),
188
+
189
+ /***/ 5697:
190
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
191
+
192
+ /**
193
+ * Copyright (c) 2013-present, Facebook, Inc.
194
+ *
195
+ * This source code is licensed under the MIT license found in the
196
+ * LICENSE file in the root directory of this source tree.
197
+ */
198
+
199
+ if (false) { var throwOnDirectAccess, ReactIs; } else {
200
+ // By explicitly using `prop-types` you are opting into new production behavior.
201
+ // http://fb.me/prop-types-in-prod
202
+ module.exports = __webpack_require__(2703)();
203
+ }
204
+
205
+
206
+ /***/ }),
207
+
208
+ /***/ 414:
117
209
  /***/ ((module) => {
118
210
 
119
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
211
+ "use strict";
212
+ /**
213
+ * Copyright (c) 2013-present, Facebook, Inc.
214
+ *
215
+ * This source code is licensed under the MIT license found in the
216
+ * LICENSE file in the root directory of this source tree.
217
+ */
218
+
219
+
220
+
221
+ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
222
+
223
+ module.exports = ReactPropTypesSecret;
224
+
120
225
 
121
226
  /***/ }),
122
227
 
123
228
  /***/ 9281:
124
229
  /***/ ((module) => {
125
230
 
231
+ "use strict";
126
232
  module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
127
233
 
128
234
  /***/ })
@@ -196,15 +302,16 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
196
302
  /******/
197
303
  /************************************************************************/
198
304
  var __webpack_exports__ = {};
199
- // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
305
+ // This entry need to be wrapped in an IIFE because it need to be in strict mode.
200
306
  (() => {
307
+ "use strict";
201
308
  __webpack_require__.r(__webpack_exports__);
202
309
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
203
310
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
204
311
  /* harmony export */ });
205
312
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
206
313
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
207
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
314
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
208
315
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
209
316
  /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
210
317
 
@@ -212,16 +319,11 @@ __webpack_require__.r(__webpack_exports__);
212
319
 
213
320
 
214
321
  var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
215
- var paths = _ref.paths,
216
- absUrl = _ref.absUrl;
217
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
218
- className: "flex max-w-screen-xl mx-auto"
219
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
220
- className: "ui-meganav-content-spacer bg-extra-light-grey"
221
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
222
- className: "grid grid-cols-12 ui-grid-gap-x w-full"
322
+ var paths = _ref.paths;
323
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
324
+ className: "ui-meganav-content ui-grid-gap sm:grid-cols-2 md:grid-cols-3"
223
325
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
224
- className: "col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey"
326
+ className: "sm:col-span-full md:col-span-1"
225
327
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
226
328
  className: "flex mb-20"
227
329
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img", {
@@ -230,123 +332,102 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
230
332
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
231
333
  className: "ui-meganav-overline ml-24"
232
334
  }, "The Ably Platform")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
233
- className: "text-p2 font-medium text-cool-black mb-24",
234
- style: {
235
- maxWidth: "330px"
236
- }
335
+ className: "text-p2 font-medium text-cool-black mb-8"
237
336
  }, "Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything realtime, and lets you focus on your code."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
238
- url: absUrl("/platform"),
239
- textSize: "text-p2"
240
- }, "Explore how it works")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
241
- 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"
242
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
337
+ url: "/platform"
338
+ }, "Explore how it works")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
243
339
  className: "ui-meganav-overline",
244
- id: "meganav-platform-panel-list-examples"
245
- }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
246
- className: "mb-16",
247
- "aria-labelledby": "meganav-platform-panel-list-examples"
340
+ id: "meganav-platform-panel-list-our-features"
341
+ }, "Our features"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
342
+ "aria-labelledby": "meganav-platform-panel-list-our-features"
248
343
  }, /*#__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"),
344
+ href: "/pub-sub-messaging",
250
345
  className: "group ui-meganav-media"
251
346
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
252
347
  className: "ui-meganav-media-heading"
253
- }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
348
+ }, "Publish/subscribe messaging"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
254
349
  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"),
350
+ }, "Feature-rich pub/sub messaging to power any realtime requirement."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
351
+ href: "/push-notifications",
257
352
  className: "ui-meganav-media group"
258
353
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
259
354
  className: "ui-meganav-media-heading"
260
- }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
355
+ }, "Push notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
261
356
  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"),
357
+ }, "Deliver native notifications at scale with our unified API."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
358
+ href: "/integrations",
264
359
  className: "ui-meganav-media group"
265
360
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
266
361
  className: "ui-meganav-media-heading"
267
- }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
362
+ }, "Third-party integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
268
363
  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"),
364
+ }, "Integrate and extend Ably with cloud services like AWS Kinesis."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
365
+ href: "/protocols",
271
366
  className: "ui-meganav-media group"
272
367
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
273
368
  className: "ui-meganav-media-heading"
274
- }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
369
+ }, "Multi-protocol messaging"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
275
370
  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"),
371
+ }, "We support pub/sub over WebSockets, MQTT, SSE, and more."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
372
+ href: "/hub",
278
373
  className: "ui-meganav-media group"
279
374
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
280
375
  className: "ui-meganav-media-heading"
281
- }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
376
+ }, "Streaming data sources"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
282
377
  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"
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
- url: absUrl("/examples"),
292
- textSize: "text-p3"
293
- }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
294
- 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
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
378
+ }, "Augment your apps with realtime updates like weather or transit.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
379
+ url: "/platform"
380
+ }, "Explore all platform features")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
296
381
  className: "ui-meganav-overline",
297
382
  id: "meganav-platform-panel-list-our-technology"
298
383
  }, "Our technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
299
- className: "mb-16",
384
+ className: "mb-8",
300
385
  "aria-labelledby": "meganav-platform-panel-list-our-technology"
301
386
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
302
- href: absUrl("/four-pillars-of-dependability#performance"),
387
+ href: "/four-pillars-of-dependability#performance",
303
388
  className: "ui-meganav-media group"
304
389
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
305
390
  className: "ui-meganav-media-heading"
306
391
  }, "Predictable performance"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
307
392
  className: "ui-meganav-media-copy"
308
- }, "A low-latency and high-throughput global network."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
309
- href: absUrl("/four-pillars-of-dependability#integrity"),
393
+ }, "We provide predictability so you can be confident your realtime application will always perform as expected."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
394
+ href: "/four-pillars-of-dependability#integrity",
310
395
  className: "ui-meganav-media group"
311
396
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
312
397
  className: "ui-meganav-media-heading"
313
398
  }, "Guaranteed ordering & delivery"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
314
399
  className: "ui-meganav-media-copy"
315
- }, "Data is delivered - in order - even after disconnections."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
316
- href: absUrl("/four-pillars-of-dependability#reliability"),
400
+ }, "We guarantee in-order data delivery, even after disconnections."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
401
+ href: "/four-pillars-of-dependability#reliability",
317
402
  className: "ui-meganav-media group"
318
403
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
319
404
  className: "ui-meganav-media-heading"
320
405
  }, "Fault tolerant infrastructure"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
321
406
  className: "ui-meganav-media-copy"
322
- }, "Redundancy is built in at global and regional levels."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
323
- href: absUrl("/four-pillars-of-dependability#availability"),
407
+ }, "Redundant at regional and global levels with 99.999% uptime SLAs."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
408
+ href: "/four-pillars-of-dependability#availability",
324
409
  className: "ui-meganav-media group"
325
410
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
326
411
  className: "ui-meganav-media-heading"
327
412
  }, "High scalability & availability"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
328
413
  className: "ui-meganav-media-copy"
329
- }, "Built for scale with legitimate 99.999% uptime SLAs."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
330
- href: absUrl("/network"),
414
+ }, "Elastic, battle-tested global infrastructure for massive scale."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
415
+ href: "/network",
331
416
  className: "ui-meganav-media group"
332
417
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
333
418
  className: "ui-meganav-media-heading"
334
419
  }, "Global edge network"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
335
420
  className: "ui-meganav-media-copy"
336
- }, "An edge network of 15 core routing datacenters and 205+ PoPs.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
337
- url: absUrl("/four-pillars-of-dependability"),
338
- textSize: "text-p3"
339
- }, "Explore Four Pillars of Dependability"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
340
- className: "ui-meganav-content-spacer"
341
- }));
421
+ }, "An edge network of 15 core routing datacenters and 200+ PoPs.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
422
+ url: "/four-pillars-of-dependability"
423
+ }, "Explore our technology")));
342
424
  };
343
425
 
344
426
  MeganavContentPlatform.propTypes = {
345
427
  paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
346
428
  ablyStack: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
347
429
  iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
348
- }),
349
- absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
430
+ })
350
431
  };
351
432
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentPlatform);
352
433
  })();
@@ -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)));