@ably/ui 8.7.0-dev.471ada5 → 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 (154) hide show
  1. package/README.md +16 -5
  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 +1 -1
  6. package/core/ConnectStateWrapper/component.js +1 -1
  7. package/core/ConnectStateWrapper.jsx +16 -7
  8. package/core/ContactFooter/component.js +1 -1
  9. package/core/ContactFooter.jsx +20 -126
  10. package/core/CookieMessage/component.js +1 -1
  11. package/core/CookieMessage.jsx +24 -296
  12. package/core/CustomerLogos/component.js +1 -1
  13. package/core/CustomerLogos.jsx +12 -117
  14. package/core/DropdownMenu/component.js +1 -1
  15. package/core/DropdownMenu.jsx +16 -126
  16. package/core/FeatureFooter/component.js +1 -1
  17. package/core/FeatureFooter.jsx +17 -0
  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 +165 -190
  25. package/core/Icon/component.css +1 -0
  26. package/core/Icon/component.js +1 -1
  27. package/core/Icon.jsx +12 -117
  28. package/core/Loader/component.js +1 -1
  29. package/core/Loader.jsx +12 -117
  30. package/core/Logo/component.js +1 -1
  31. package/core/Logo.jsx +38 -228
  32. package/core/Meganav/component.css +1 -3
  33. package/core/Meganav/component.js +1 -2
  34. package/core/Meganav/component.json +2 -2
  35. package/core/Meganav.jsx +2228 -9551
  36. package/core/MeganavBlogPostsList/component.js +1 -1
  37. package/core/MeganavBlogPostsList.jsx +18 -125
  38. package/core/MeganavContentCompany/component.js +1 -1
  39. package/core/MeganavContentCompany.jsx +60 -141
  40. package/core/MeganavContentDevelopers/component.js +1 -1
  41. package/core/MeganavContentDevelopers.jsx +65 -134
  42. package/core/MeganavContentPlatform.jsx +41 -67
  43. package/core/MeganavContentProducts/component.js +1 -0
  44. package/core/MeganavContentProducts.jsx +333 -0
  45. package/core/MeganavContentUseCases/component.js +1 -1
  46. package/core/MeganavContentUseCases.jsx +68 -166
  47. package/core/MeganavContentWhyAbly/component.js +1 -0
  48. package/core/MeganavContentWhyAbly.jsx +1458 -0
  49. package/core/MeganavControl/component.js +1 -1
  50. package/core/MeganavControl.jsx +15 -121
  51. package/core/MeganavControlMobileDropdown/component.js +1 -1
  52. package/core/MeganavControlMobileDropdown.jsx +16 -122
  53. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  54. package/core/MeganavControlMobilePanelClose.jsx +15 -121
  55. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  56. package/core/MeganavControlMobilePanelOpen.jsx +15 -121
  57. package/core/MeganavItemsDesktop/component.js +1 -1
  58. package/core/MeganavItemsDesktop.jsx +22 -130
  59. package/core/MeganavItemsMobile/component.js +1 -1
  60. package/core/MeganavItemsMobile.jsx +44 -158
  61. package/core/MeganavItemsSignedIn/component.js +1 -1
  62. package/core/MeganavItemsSignedIn.jsx +38 -151
  63. package/core/MeganavSearch/component.js +1 -1
  64. package/core/MeganavSearch.jsx +28 -138
  65. package/core/MeganavSearchAutocomplete/component.js +1 -2
  66. package/core/MeganavSearchAutocomplete.jsx +4 -4
  67. package/core/MeganavSearchPanel/component.js +1 -1
  68. package/core/MeganavSearchPanel.jsx +24 -133
  69. package/core/MeganavSearchSuggestions/component.js +1 -1
  70. package/core/MeganavSearchSuggestions.jsx +18 -125
  71. package/core/Notice/component.js +1 -2
  72. package/core/Notice.jsx +187 -2189
  73. package/core/Showcase/component.js +1 -1
  74. package/core/Showcase.jsx +1 -1
  75. package/core/SignOutLink/component.js +1 -1
  76. package/core/SignOutLink.jsx +12 -117
  77. package/core/Slider/component.js +1 -1
  78. package/core/Slider.jsx +31 -588
  79. package/core/Uptime/component.js +1 -1
  80. package/core/Uptime.jsx +24 -127
  81. package/core/images/ably-logo.png +0 -0
  82. package/core/images/high-performer-2022.png +0 -0
  83. package/core/images/highest-user-adoption-2022.png +0 -0
  84. package/core/images/users-love-us-2022.png +0 -0
  85. package/core/scripts.js +1 -1
  86. package/core/sprites.svg +133 -1
  87. package/core/styles.css +3 -7
  88. package/package.json +4 -4
  89. package/reset/scripts.js +1 -1
  90. package/reset/styles.css +1 -11
  91. package/src/core/Code/component.css +1 -67
  92. package/src/core/Code/component.js +11 -46
  93. package/src/core/Code/component.jsx +7 -3
  94. package/src/core/DropdownMenu/component.jsx +0 -2
  95. package/src/core/FeatureFooter/component.html.erb +1 -1
  96. package/src/core/Flash/component.jsx +40 -14
  97. package/src/core/Footer/component.css +21 -1
  98. package/src/core/Footer/component.html.erb +118 -62
  99. package/src/core/Footer/component.jsx +125 -60
  100. package/src/core/Logo/component.html.erb +2 -27
  101. package/src/core/Logo/component.jsx +7 -40
  102. package/src/core/Logo/component.rb +15 -6
  103. package/src/core/Meganav/component.css +1 -1
  104. package/src/core/Meganav/component.html.erb +1 -1
  105. package/src/core/Meganav/component.json +2 -2
  106. package/src/core/Meganav/component.jsx +3 -3
  107. package/src/core/Meganav/component.rb +7 -6
  108. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  109. package/src/core/MeganavContentCompany/component.jsx +9 -0
  110. package/src/core/MeganavContentDevelopers/component.html.erb +35 -10
  111. package/src/core/MeganavContentDevelopers/component.jsx +37 -9
  112. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +15 -33
  113. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +17 -38
  114. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
  115. package/src/core/MeganavContentUseCases/component.html.erb +43 -39
  116. package/src/core/MeganavContentUseCases/component.jsx +42 -39
  117. package/src/core/MeganavItemsDesktop/component.jsx +1 -1
  118. package/src/core/MeganavItemsDesktop/component.rb +1 -1
  119. package/src/core/MeganavSearchSuggestions/component.html.erb +1 -1
  120. package/src/core/core.rb +12 -4
  121. package/src/core/icons/github.svg +1 -1
  122. package/src/core/icons/google.svg +3 -0
  123. package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
  124. package/src/core/icons/icon-display-chat-col.svg +4 -0
  125. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  126. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  127. package/src/core/icons/icon-display-events-col.svg +13 -0
  128. package/src/core/icons/icon-display-examples-col.svg +11 -0
  129. package/src/core/icons/icon-display-integrations-col.svg +8 -0
  130. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  131. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  132. package/src/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  133. package/src/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  134. package/src/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  135. package/src/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  136. package/src/core/icons/icon-gui-resources.svg +3 -0
  137. package/src/core/icons/icon-tech-apachekafka.svg +3 -0
  138. package/src/core/icons/stackoverflow.svg +3 -0
  139. package/src/core/icons/youtube.svg +11 -0
  140. package/src/core/images/ably-logo.png +0 -0
  141. package/src/core/images/high-performer-2022.png +0 -0
  142. package/src/core/images/highest-user-adoption-2022.png +0 -0
  143. package/src/core/images/users-love-us-2022.png +0 -0
  144. package/src/core/styles/properties.css +2 -0
  145. package/src/core/styles/text.css +1 -1
  146. package/src/core/utils/syntax-highlighter-registry.js +63 -0
  147. package/src/core/utils/syntax-highlighter.css +69 -0
  148. package/src/core/utils/syntax-highlighter.js +103 -0
  149. package/tailwind.config.js +1 -0
  150. package/core/DropdownMenuPreview/component.js +0 -6
  151. package/core/DropdownMenuPreview.jsx +0 -6
  152. package/core/Meganav/component.js.LICENSE.txt +0 -7
  153. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  154. /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
  /***/ 9008:
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
  var _excluded = ["name", "size", "color", "additionalCSS"];
26
26
 
@@ -64,122 +64,17 @@ Icon.propTypes = {
64
64
 
65
65
  /***/ }),
66
66
 
67
- /***/ 2703:
68
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
69
-
70
- "use strict";
71
- /**
72
- * Copyright (c) 2013-present, Facebook, Inc.
73
- *
74
- * This source code is licensed under the MIT license found in the
75
- * LICENSE file in the root directory of this source tree.
76
- */
77
-
78
-
79
-
80
- var ReactPropTypesSecret = __webpack_require__(414);
81
-
82
- function emptyFunction() {}
83
- function emptyFunctionWithReset() {}
84
- emptyFunctionWithReset.resetWarningCache = emptyFunction;
85
-
86
- module.exports = function() {
87
- function shim(props, propName, componentName, location, propFullName, secret) {
88
- if (secret === ReactPropTypesSecret) {
89
- // It is still safe when called from React.
90
- return;
91
- }
92
- var err = new Error(
93
- 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
94
- 'Use PropTypes.checkPropTypes() to call them. ' +
95
- 'Read more at http://fb.me/use-check-prop-types'
96
- );
97
- err.name = 'Invariant Violation';
98
- throw err;
99
- };
100
- shim.isRequired = shim;
101
- function getShim() {
102
- return shim;
103
- };
104
- // Important!
105
- // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
106
- var ReactPropTypes = {
107
- array: shim,
108
- bool: shim,
109
- func: shim,
110
- number: shim,
111
- object: shim,
112
- string: shim,
113
- symbol: shim,
114
-
115
- any: shim,
116
- arrayOf: getShim,
117
- element: shim,
118
- elementType: shim,
119
- instanceOf: getShim,
120
- node: shim,
121
- objectOf: getShim,
122
- oneOf: getShim,
123
- oneOfType: getShim,
124
- shape: getShim,
125
- exact: getShim,
126
-
127
- checkPropTypes: emptyFunctionWithReset,
128
- resetWarningCache: emptyFunction
129
- };
130
-
131
- ReactPropTypes.PropTypes = ReactPropTypes;
132
-
133
- return ReactPropTypes;
134
- };
135
-
136
-
137
- /***/ }),
138
-
139
- /***/ 5697:
140
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
141
-
142
- /**
143
- * Copyright (c) 2013-present, Facebook, Inc.
144
- *
145
- * This source code is licensed under the MIT license found in the
146
- * LICENSE file in the root directory of this source tree.
147
- */
148
-
149
- if (false) { var throwOnDirectAccess, ReactIs; } else {
150
- // By explicitly using `prop-types` you are opting into new production behavior.
151
- // http://fb.me/prop-types-in-prod
152
- module.exports = __webpack_require__(2703)();
153
- }
154
-
155
-
156
- /***/ }),
157
-
158
- /***/ 414:
67
+ /***/ 6073:
159
68
  /***/ ((module) => {
160
69
 
161
- "use strict";
162
- /**
163
- * Copyright (c) 2013-present, Facebook, Inc.
164
- *
165
- * This source code is licensed under the MIT license found in the
166
- * LICENSE file in the root directory of this source tree.
167
- */
168
-
169
-
170
-
171
- var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
172
-
173
- module.exports = ReactPropTypesSecret;
174
-
70
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
175
71
 
176
72
  /***/ }),
177
73
 
178
- /***/ 9281:
74
+ /***/ 5225:
179
75
  /***/ ((module) => {
180
76
 
181
- "use strict";
182
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
77
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
183
78
 
184
79
  /***/ })
185
80
 
@@ -252,16 +147,15 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
252
147
  /******/
253
148
  /************************************************************************/
254
149
  var __webpack_exports__ = {};
255
- // This entry need to be wrapped in an IIFE because it need to be in strict mode.
150
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
256
151
  (() => {
257
- "use strict";
258
152
  __webpack_require__.r(__webpack_exports__);
259
153
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
260
154
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
261
155
  /* harmony export */ });
262
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
156
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
263
157
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
264
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
158
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
265
159
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
266
160
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
267
161
 
@@ -281,58 +175,82 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
281
175
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
282
176
  className: "ui-meganav-overline",
283
177
  id: "meganav-use-cases-panel-use-cases"
284
- }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
178
+ }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
285
179
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
286
180
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
287
- href: absUrl("/solutions/live-updates-results-metrics"),
181
+ href: absUrl("/solutions/chat"),
288
182
  className: "ui-meganav-media-with-image group"
289
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
290
- name: "icon-live-updates-results-metrics-col",
183
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
184
+ name: "icon-display-chat-stack-col",
291
185
  size: "2.5rem"
292
186
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
293
187
  className: "flex flex-col justify-center"
294
188
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
295
189
  className: "ui-meganav-media-heading"
296
- }, "Live updates, results & metrics"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
190
+ }, "Live Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
297
191
  className: "ui-meganav-media-copy"
298
- }, "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", {
299
- 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"),
300
194
  className: "ui-meganav-media-with-image group"
301
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
302
- name: "icon-display-chat-stack-col",
195
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
196
+ name: "icon-multi-user-spaces-col",
303
197
  size: "2.5rem"
304
198
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
305
199
  className: "flex flex-col justify-center"
306
200
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
307
201
  className: "ui-meganav-media-heading"
308
- }, "Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
202
+ }, "Multiplayer Collaboration"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
309
203
  className: "ui-meganav-media-copy"
310
- }, "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", {
311
- 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"),
312
206
  className: "ui-meganav-media-with-image group"
313
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
314
- name: "icon-display-virtual-events-col",
207
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
208
+ name: "icon-display-data-broadcast-col",
315
209
  size: "2.5rem"
316
210
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
317
211
  className: "flex flex-col justify-center"
318
212
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
319
213
  className: "ui-meganav-media-heading"
320
- }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
214
+ }, "Data Broadcast"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
321
215
  className: "ui-meganav-media-copy"
322
- }, "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", {
323
- 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"),
324
218
  className: "ui-meganav-media-with-image group"
325
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
326
- name: "icon-multi-user-spaces-col",
219
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
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/asset-tracking"),
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-asset-tracking-col",
327
245
  size: "2.5rem"
328
246
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
329
247
  className: "flex flex-col justify-center"
330
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
331
249
  className: "ui-meganav-media-heading"
332
- }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
250
+ }, "Asset Tracking (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
333
251
  className: "ui-meganav-media-copy"
334
- }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
335
- 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
+ }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__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"
336
254
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
337
255
  className: "ui-meganav-overline",
338
256
  id: "meganav-use-cases-panel-industry"
@@ -350,7 +268,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
350
268
  className: "ui-meganav-media group"
351
269
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
352
270
  className: "ui-meganav-media-heading"
353
- }, "Fintech"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
271
+ }, "FinTech"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
354
272
  className: "ui-meganav-media-copy"
355
273
  }, "Deliver personalised financial data in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
356
274
  href: absUrl("/solutions/automotive-logistics-and-mobility"),
@@ -373,7 +291,12 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
373
291
  className: "ui-meganav-media-heading"
374
292
  }, "Healthcare (HIPAA)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
375
293
  className: "ui-meganav-media-copy"
376
- }, "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", {
377
300
  href: absUrl("/solutions/ecommerce-and-retail"),
378
301
  className: "ui-meganav-media group"
379
302
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -401,28 +324,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
401
324
  className: "ui-meganav-media-heading"
402
325
  }, "IoT & Connected Devices"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
403
326
  className: "ui-meganav-media-copy"
404
- }, "Monitor and control global IoT deployments in realtime."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
405
- 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"
406
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
407
- className: "ui-meganav-overline",
408
- id: "meganav-use-cases-panel-solutions"
409
- }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
410
- "aria-labelledby": "meganav-use-cases-panel-solutions"
411
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
412
- href: absUrl("/solutions/extend-kafka-to-the-edge"),
413
- className: "ui-meganav-media group"
414
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
415
- className: "ui-meganav-media-heading"
416
- }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
417
- className: "ui-meganav-media-copy"
418
- }, "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", {
419
- href: absUrl("/solutions/asset-tracking"),
420
- className: "ui-meganav-media group"
421
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
422
- className: "ui-meganav-media-heading"
423
- }, "Asset Tracking"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
424
- className: "ui-meganav-media-copy"
425
- }, "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", {
426
328
  className: "ui-meganav-content-spacer"
427
329
  }));
428
330
  };
@@ -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.MeganavContentWhyAbly=o())}(this,(function(){return{}.default}));