@ably/ui 8.7.0-dev.0d89184 → 8.7.0-dev.0eee65d

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 (166) hide show
  1. package/README.md +15 -4
  2. package/core/Code/component.css +3 -3
  3. package/core/Code/component.js +1 -1
  4. package/core/Code.jsx +373 -7273
  5. package/core/CompanyAutocomplete/component.js +2 -1
  6. package/core/CompanyAutocomplete/component.js.LICENSE.txt +1 -0
  7. package/core/ConnectStateWrapper/component.js +1 -1
  8. package/core/ConnectStateWrapper.jsx +16 -7
  9. package/core/ContactFooter/component.js +1 -1
  10. package/core/ContactFooter.jsx +20 -126
  11. package/core/CookieMessage/component.js +1 -1
  12. package/core/CookieMessage.jsx +24 -296
  13. package/core/CustomerLogos/component.js +1 -1
  14. package/core/CustomerLogos.jsx +12 -117
  15. package/core/DropdownMenu/component.js +1 -1
  16. package/core/DropdownMenu.jsx +16 -126
  17. package/core/FeatureFooter/component.js +1 -1
  18. package/core/FeaturedLink/component.js +1 -1
  19. package/core/FeaturedLink.jsx +15 -121
  20. package/core/Flash/component.js +1 -1
  21. package/core/Flash.jsx +151 -1533
  22. package/core/Footer/component.css +21 -1
  23. package/core/Footer/component.js +1 -1
  24. package/core/Footer.jsx +172 -192
  25. package/core/Icon/component.js +1 -1
  26. package/core/Icon.jsx +12 -117
  27. package/core/Loader/component.js +1 -1
  28. package/core/Loader.jsx +12 -117
  29. package/core/Logo/component.js +1 -1
  30. package/core/Logo.jsx +38 -228
  31. package/core/Meganav/component.css +59 -20
  32. package/core/Meganav/component.js +1 -2
  33. package/core/Meganav/component.json +2 -2
  34. package/core/Meganav.jsx +2876 -10312
  35. package/core/MeganavBlogPostsList/component.js +2 -1
  36. package/core/MeganavBlogPostsList/component.js.LICENSE.txt +1 -0
  37. package/core/MeganavBlogPostsList.jsx +18 -125
  38. package/core/MeganavContentCompany/component.js +1 -1
  39. package/core/MeganavContentCompany.jsx +326 -822
  40. package/core/MeganavContentDevelopers/component.js +1 -1
  41. package/core/MeganavContentDevelopers.jsx +122 -187
  42. package/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +1 -1
  43. package/core/{MeganavContentPlatform.jsx → MeganavContentProducts.jsx} +39 -170
  44. package/core/MeganavContentUseCases/component.js +1 -1
  45. package/core/MeganavContentUseCases.jsx +68 -166
  46. package/core/MeganavControl/component.js +1 -1
  47. package/core/MeganavControl.jsx +15 -121
  48. package/core/MeganavControlMobileDropdown/component.js +1 -1
  49. package/core/MeganavControlMobileDropdown.jsx +16 -122
  50. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  51. package/core/MeganavControlMobilePanelClose.jsx +15 -121
  52. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  53. package/core/MeganavControlMobilePanelOpen.jsx +15 -121
  54. package/core/MeganavItemsDesktop/component.js +1 -1
  55. package/core/MeganavItemsDesktop.jsx +22 -130
  56. package/core/MeganavItemsMobile/component.js +1 -1
  57. package/core/MeganavItemsMobile.jsx +44 -158
  58. package/core/MeganavItemsSignedIn/component.js +1 -1
  59. package/core/MeganavItemsSignedIn.jsx +38 -151
  60. package/core/MeganavSearch/component.js +1 -1
  61. package/core/MeganavSearch.jsx +28 -138
  62. package/core/MeganavSearchAutocomplete/component.js +1 -2
  63. package/core/MeganavSearchAutocomplete.jsx +4 -4
  64. package/core/MeganavSearchPanel/component.js +1 -1
  65. package/core/MeganavSearchPanel.jsx +24 -133
  66. package/core/MeganavSearchSuggestions/component.js +1 -1
  67. package/core/MeganavSearchSuggestions.jsx +18 -125
  68. package/core/Notice/component.js +1 -2
  69. package/core/Notice.jsx +187 -2189
  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 +12 -117
  74. package/core/Slider/component.js +1 -1
  75. package/core/Slider.jsx +31 -588
  76. package/core/Uptime/component.js +1 -1
  77. package/core/Uptime.jsx +294 -812
  78. package/core/images/ably-logo.png +0 -0
  79. package/core/images/best-support-2023.svg +1 -0
  80. package/core/images/fastest-implementation-2023.svg +1 -0
  81. package/core/images/high-performer-2022.png +0 -0
  82. package/core/images/high-performer-2023.svg +1 -0
  83. package/core/images/highest-user-adoption-2022.png +0 -0
  84. package/core/images/highest-user-adoption-2023.svg +1 -0
  85. package/core/images/users-love-us-2022.png +0 -0
  86. package/core/scripts.js +2 -1
  87. package/core/scripts.js.LICENSE.txt +1 -0
  88. package/core/sprites.svg +135 -1
  89. package/core/styles.css +3 -7
  90. package/package.json +8 -8
  91. package/reset/scripts.js +1 -1
  92. package/reset/styles.css +1 -11
  93. package/src/core/Code/component.css +1 -67
  94. package/src/core/Code/component.js +11 -46
  95. package/src/core/Code/component.jsx +7 -3
  96. package/src/core/DropdownMenu/component.jsx +0 -2
  97. package/src/core/FeatureFooter/component.html.erb +1 -1
  98. package/src/core/Flash/component.jsx +40 -14
  99. package/src/core/Footer/component.css +21 -1
  100. package/src/core/Footer/component.html.erb +120 -63
  101. package/src/core/Footer/component.jsx +128 -61
  102. package/src/core/HeadwayWidget/HeadwayWidget.jsx +229 -0
  103. package/src/core/HeadwayWidget/index.js +5 -0
  104. package/src/core/Logo/component.html.erb +2 -27
  105. package/src/core/Logo/component.jsx +7 -40
  106. package/src/core/Logo/component.rb +15 -6
  107. package/src/core/Meganav/MeganavHeadwayPortal.jsx +20 -0
  108. package/src/core/Meganav/component.css +59 -18
  109. package/src/core/Meganav/component.html.erb +1 -1
  110. package/src/core/Meganav/component.json +2 -2
  111. package/src/core/Meganav/component.jsx +16 -12
  112. package/src/core/Meganav/component.rb +7 -6
  113. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  114. package/src/core/MeganavContentCompany/component.jsx +9 -0
  115. package/src/core/MeganavContentDevelopers/component.html.erb +51 -22
  116. package/src/core/MeganavContentDevelopers/component.js +26 -0
  117. package/src/core/MeganavContentDevelopers/component.jsx +52 -23
  118. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +15 -33
  119. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +18 -39
  120. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
  121. package/src/core/MeganavContentUseCases/component.html.erb +43 -39
  122. package/src/core/MeganavContentUseCases/component.jsx +42 -39
  123. package/src/core/MeganavItemsDesktop/component.jsx +1 -1
  124. package/src/core/MeganavItemsDesktop/component.rb +1 -1
  125. package/src/core/MeganavSearchSuggestions/component.html.erb +1 -1
  126. package/src/core/core.rb +16 -4
  127. package/src/core/icons/github.svg +1 -1
  128. package/src/core/icons/google.svg +3 -0
  129. package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
  130. package/src/core/icons/icon-display-chat-col.svg +4 -0
  131. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  132. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  133. package/src/core/icons/icon-display-events-col.svg +13 -0
  134. package/src/core/icons/icon-display-examples-col.svg +11 -0
  135. package/src/core/icons/icon-display-integrations-col.svg +8 -0
  136. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  137. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  138. package/src/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  139. package/src/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  140. package/src/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  141. package/src/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  142. package/src/core/icons/icon-gui-resources.svg +3 -0
  143. package/src/core/icons/icon-social-x.svg +3 -0
  144. package/src/core/icons/icon-tech-apachekafka.svg +3 -0
  145. package/src/core/icons/stackoverflow.svg +3 -0
  146. package/src/core/icons/youtube.svg +11 -0
  147. package/src/core/images/ably-logo.png +0 -0
  148. package/src/core/images/best-support-2023.svg +1 -0
  149. package/src/core/images/fastest-implementation-2023.svg +1 -0
  150. package/src/core/images/high-performer-2022.png +0 -0
  151. package/src/core/images/high-performer-2023.svg +1 -0
  152. package/src/core/images/highest-user-adoption-2022.png +0 -0
  153. package/src/core/images/highest-user-adoption-2023.svg +1 -0
  154. package/src/core/images/users-love-us-2022.png +0 -0
  155. package/src/core/styles/properties.css +2 -0
  156. package/src/core/styles/text.css +1 -1
  157. package/src/core/utils/syntax-highlighter-registry.js +63 -0
  158. package/src/core/utils/syntax-highlighter.css +69 -0
  159. package/src/core/utils/syntax-highlighter.js +103 -0
  160. package/tailwind.config.js +1 -0
  161. package/core/DropdownMenuPreview/component.js +0 -6
  162. package/core/DropdownMenuPreview.jsx +0 -6
  163. package/core/Meganav/component.js.LICENSE.txt +0 -7
  164. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  165. package/core/Notice/component.js.LICENSE.txt +0 -9
  166. /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"));
3
+ module.exports = factory(require("react"), require("prop-types"));
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")) : factory(root[undefined]);
7
+ var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], 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__) {
10
+ })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
+ /******/ "use strict";
12
13
  /******/ var __webpack_modules__ = ({
13
14
 
14
15
  /***/ 5751:
15
16
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
16
17
 
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
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
21
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
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__(5697);
23
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
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
 
@@ -42,7 +42,7 @@ var FeaturedLink = function FeaturedLink(_ref) {
42
42
  style: {
43
43
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
44
44
  }
45
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
45
+ }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
46
46
  name: "icon-gui-link-arrow",
47
47
  size: "calc(var(--featured-link-icon-size) * 1.25)",
48
48
  color: iconColor,
@@ -64,13 +64,12 @@ FeaturedLink.propTypes = {
64
64
  /***/ 9008:
65
65
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
66
66
 
67
- "use strict";
68
67
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
69
68
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
70
69
  /* harmony export */ });
71
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
70
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
72
71
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
73
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
72
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
74
73
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
75
74
  var _excluded = ["name", "size", "color", "additionalCSS"];
76
75
 
@@ -114,122 +113,17 @@ Icon.propTypes = {
114
113
 
115
114
  /***/ }),
116
115
 
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:
116
+ /***/ 6073:
209
117
  /***/ ((module) => {
210
118
 
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
-
119
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
225
120
 
226
121
  /***/ }),
227
122
 
228
- /***/ 9281:
123
+ /***/ 5225:
229
124
  /***/ ((module) => {
230
125
 
231
- "use strict";
232
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
126
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
233
127
 
234
128
  /***/ })
235
129
 
@@ -302,23 +196,22 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
302
196
  /******/
303
197
  /************************************************************************/
304
198
  var __webpack_exports__ = {};
305
- // This entry need to be wrapped in an IIFE because it need to be in strict mode.
199
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
306
200
  (() => {
307
- "use strict";
308
201
  __webpack_require__.r(__webpack_exports__);
309
202
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
310
203
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
311
204
  /* harmony export */ });
312
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
205
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
313
206
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
314
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
207
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
315
208
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
316
209
  /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
317
210
 
318
211
 
319
212
 
320
213
 
321
- var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
214
+ var MeganavContentProducts = function MeganavContentProducts(_ref) {
322
215
  var paths = _ref.paths,
323
216
  absUrl = _ref.absUrl;
324
217
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -341,70 +234,46 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
341
234
  style: {
342
235
  maxWidth: "330px"
343
236
  }
344
- }, "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, {
237
+ }, "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"], {
345
238
  url: absUrl("/platform"),
346
239
  textSize: "text-p2"
347
240
  }, "Explore how it works")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
348
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"
349
242
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
350
243
  className: "ui-meganav-overline",
351
- id: "meganav-platform-panel-list-examples"
352
- }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
244
+ id: "meganav-products-panel-list-examples"
245
+ }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
353
246
  className: "mb-16",
354
- "aria-labelledby": "meganav-platform-panel-list-examples"
247
+ "aria-labelledby": "meganav-products-panel-list-examples"
355
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
356
- href: absUrl("/examples/avatar-stack"),
249
+ href: absUrl("/solutions/channels"),
357
250
  className: "group ui-meganav-media"
358
251
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
359
252
  className: "ui-meganav-media-heading"
360
- }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
361
- className: "ui-meganav-media-copy"
362
- }, "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", {
363
- href: absUrl("/examples/emoji-reactions"),
364
- className: "ui-meganav-media group"
365
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
366
- className: "ui-meganav-media-heading"
367
- }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
368
- className: "ui-meganav-media-copy"
369
- }, "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", {
370
- href: absUrl("/examples/activity-feed"),
371
- className: "ui-meganav-media group"
372
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
373
- className: "ui-meganav-media-heading"
374
- }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
375
- className: "ui-meganav-media-copy"
376
- }, "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", {
377
- href: absUrl("/examples/live-charts"),
378
- className: "ui-meganav-media group"
379
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
380
- className: "ui-meganav-media-heading"
381
- }, "Live Charts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
253
+ }, "Pub/Sub Channels"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
382
254
  className: "ui-meganav-media-copy"
383
- }, "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", {
384
- href: absUrl("/examples/live-cursors"),
385
- 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"
386
258
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
387
259
  className: "ui-meganav-media-heading"
388
- }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
260
+ }, "Spaces (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
389
261
  className: "ui-meganav-media-copy"
390
- }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
391
- href: absUrl("/examples/typing-indicator"),
392
- 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"
393
265
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
394
266
  className: "ui-meganav-media-heading"
395
- }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
267
+ }, "LiveSync (Pre release)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
396
268
  className: "ui-meganav-media-copy"
397
- }, "See when a user is typing a message.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
398
- url: absUrl("/examples"),
399
- textSize: "text-p3"
400
- }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
269
+ }, "Keep clients in sync with any relational database."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
401
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"
402
271
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
403
272
  className: "ui-meganav-overline",
404
- id: "meganav-platform-panel-list-our-technology"
405
- }, "Our technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
273
+ id: "meganav-products-panel-list-our-technology"
274
+ }, "Technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
406
275
  className: "mb-16",
407
- "aria-labelledby": "meganav-platform-panel-list-our-technology"
276
+ "aria-labelledby": "meganav-products-panel-list-our-technology"
408
277
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
409
278
  href: absUrl("/four-pillars-of-dependability#performance"),
410
279
  className: "ui-meganav-media group"
@@ -440,7 +309,7 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
440
309
  className: "ui-meganav-media-heading"
441
310
  }, "Global edge network"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
442
311
  className: "ui-meganav-media-copy"
443
- }, "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, {
312
+ }, "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"], {
444
313
  url: absUrl("/four-pillars-of-dependability"),
445
314
  textSize: "text-p3"
446
315
  }, "Explore Four Pillars of Dependability"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -448,14 +317,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
448
317
  }));
449
318
  };
450
319
 
451
- MeganavContentPlatform.propTypes = {
320
+ MeganavContentProducts.propTypes = {
452
321
  paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
453
322
  ablyStack: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
454
323
  iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
455
324
  }),
456
325
  absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
457
326
  };
458
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentPlatform);
327
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentProducts);
459
328
  })();
460
329
 
461
330
  /******/ return __webpack_exports__;
@@ -1 +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.MeganavContentUseCases=o())}(this,(function(){return{}.default}));
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.MeganavContentUseCases=o())}(this,(()=>({}.default)));