@ably/ui 8.1.1 → 8.2.1-dev.0f465a1

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 (94) hide show
  1. package/core/Footer.jsx +1 -3
  2. package/core/Meganav/component.css +11 -1
  3. package/core/Meganav/component.js +1 -1
  4. package/core/Meganav/component.json +4 -4
  5. package/core/Meganav.jsx +537 -370
  6. package/core/MeganavBlogPostsList/component.js +1 -1
  7. package/core/MeganavBlogPostsList.jsx +7 -4
  8. package/core/MeganavContentCompany/component.js +1 -0
  9. package/core/MeganavContentCompany.jsx +1514 -0
  10. package/core/MeganavContentDevelopers.jsx +80 -102
  11. package/core/MeganavContentPlatform.jsx +58 -34
  12. package/core/MeganavContentUseCases.jsx +128 -36
  13. package/core/MeganavContentWhyAbly/component.js +22 -1
  14. package/core/MeganavContentWhyAbly.jsx +2138 -330
  15. package/core/MeganavControl/component.js +1 -1
  16. package/core/MeganavControl.jsx +3 -1
  17. package/core/MeganavControlMobilePanelClose.jsx +7 -4
  18. package/core/MeganavItemsDesktop.jsx +13 -5
  19. package/core/MeganavItemsMobile.jsx +11 -6
  20. package/core/MeganavItemsSignedIn.jsx +5 -2
  21. package/core/MeganavSearch.jsx +1 -1
  22. package/core/MeganavSearchPanel.jsx +1 -1
  23. package/core/MeganavSearchSuggestions/component.js +1 -1
  24. package/core/Notice/component.js +1 -1
  25. package/core/images/icon-tech-aws.svg +4 -0
  26. package/core/scripts.js +1 -1
  27. package/core/sprites.svg +150 -0
  28. package/core/styles.css +4 -0
  29. package/package.json +1 -1
  30. package/src/core/Footer/component.html.erb +1 -1
  31. package/src/core/Footer/component.jsx +1 -6
  32. package/src/core/Meganav/component.css +11 -1
  33. package/src/core/Meganav/component.json +4 -4
  34. package/src/core/Meganav/component.jsx +2 -2
  35. package/src/core/Meganav/component.rb +8 -4
  36. package/src/core/MeganavBlogPostsList/component.html.erb +4 -4
  37. package/src/core/MeganavBlogPostsList/component.js +2 -2
  38. package/src/core/MeganavBlogPostsList/component.jsx +6 -4
  39. package/src/core/MeganavContentCompany/component.html.erb +81 -0
  40. package/src/core/{MeganavContentWhyAbly → MeganavContentCompany}/component.js +0 -0
  41. package/src/core/MeganavContentCompany/component.jsx +108 -0
  42. package/src/core/{MeganavContentWhyAbly → MeganavContentCompany}/component.rb +2 -1
  43. package/src/core/MeganavContentDevelopers/component.html.erb +101 -80
  44. package/src/core/MeganavContentDevelopers/component.jsx +102 -83
  45. package/src/core/MeganavContentPlatform/component.html.erb +95 -85
  46. package/src/core/MeganavContentPlatform/component.jsx +105 -92
  47. package/src/core/MeganavContentUseCases/component.html.erb +112 -83
  48. package/src/core/MeganavContentUseCases/component.jsx +114 -87
  49. package/src/core/MeganavControl/component.html.erb +1 -1
  50. package/src/core/MeganavControl/component.js +9 -1
  51. package/src/core/MeganavControl/component.jsx +3 -2
  52. package/src/core/MeganavControl/component.rb +8 -2
  53. package/src/core/MeganavControlMobilePanelClose/component.html.erb +4 -2
  54. package/src/core/MeganavControlMobilePanelClose/component.jsx +3 -2
  55. package/src/core/MeganavControlMobilePanelClose/component.rb +4 -1
  56. package/src/core/MeganavItemsDesktop/component.html.erb +4 -3
  57. package/src/core/MeganavItemsDesktop/component.jsx +5 -3
  58. package/src/core/MeganavItemsDesktop/component.rb +8 -0
  59. package/src/core/MeganavItemsMobile/component.html.erb +1 -1
  60. package/src/core/MeganavItemsMobile/component.jsx +2 -1
  61. package/src/core/MeganavItemsMobile/component.rb +4 -0
  62. package/src/core/MeganavItemsSignedIn/component.html.erb +1 -1
  63. package/src/core/MeganavItemsSignedIn/component.jsx +1 -1
  64. package/src/core/MeganavSearchPanel/component.html.erb +1 -1
  65. package/src/core/MeganavSearchPanel/component.jsx +1 -1
  66. package/src/core/MeganavSearchSuggestions/component.html.erb +2 -2
  67. package/src/core/MeganavSearchSuggestions/component.js +15 -5
  68. package/src/core/core.rb +4 -0
  69. package/src/core/icons/icon-display-about-ably-col.svg +4 -0
  70. package/src/core/icons/icon-display-careers-col.svg +9 -0
  71. package/src/core/icons/icon-display-case-studies-col.svg +5 -0
  72. package/src/core/icons/icon-display-chat-stack-col.svg +4 -0
  73. package/src/core/icons/icon-display-chat-stack.svg +4 -0
  74. package/src/core/icons/icon-display-compare-tech-col.svg +9 -0
  75. package/src/core/icons/icon-display-customers-col.svg +15 -0
  76. package/src/core/icons/icon-display-docs-col.svg +7 -0
  77. package/src/core/icons/icon-display-lightbulb-col.svg +10 -0
  78. package/src/core/icons/icon-display-quickstart-guides-col.svg +8 -0
  79. package/src/core/icons/icon-display-resources-col.svg +21 -0
  80. package/src/core/icons/icon-display-sdks-col.svg +11 -0
  81. package/src/core/icons/icon-display-tutorials-demos-col.svg +25 -0
  82. package/src/core/icons/icon-display-virtual-events-col.svg +12 -0
  83. package/src/core/icons/icon-display-virtual-events.svg +12 -0
  84. package/src/core/icons/icon-gui-copy.svg +10 -0
  85. package/src/core/images/icon-tech-aws.svg +4 -0
  86. package/src/core/styles/layout.css +4 -0
  87. package/core/images/blog-thumb1.jpg +0 -0
  88. package/core/images/blog-thumb2.jpg +0 -0
  89. package/core/images/blog-thumb3.jpg +0 -0
  90. package/src/core/MeganavContentWhyAbly/component.html.erb +0 -70
  91. package/src/core/MeganavContentWhyAbly/component.jsx +0 -95
  92. package/src/core/images/blog-thumb1.jpg +0 -0
  93. package/src/core/images/blog-thumb2.jpg +0 -0
  94. package/src/core/images/blog-thumb3.jpg +0 -0
@@ -11,6 +11,59 @@
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ var __webpack_modules__ = ({
13
13
 
14
+ /***/ 9008:
15
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
16
+
17
+ "use strict";
18
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
+ /* harmony export */ });
21
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
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);
24
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
+ var _excluded = ["name", "size", "color", "additionalCSS"];
26
+
27
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
28
+
29
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
30
+
31
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
32
+
33
+
34
+
35
+
36
+ var Icon = function Icon(_ref) {
37
+ var name = _ref.name,
38
+ _ref$size = _ref.size,
39
+ size = _ref$size === void 0 ? "0.75rem" : _ref$size,
40
+ _ref$color = _ref.color,
41
+ color = _ref$color === void 0 ? "" : _ref$color,
42
+ _ref$additionalCSS = _ref.additionalCSS,
43
+ additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
44
+ additionalAttributes = _objectWithoutProperties(_ref, _excluded);
45
+
46
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
47
+ className: "".concat(color, " ").concat(additionalCSS),
48
+ style: {
49
+ width: size,
50
+ height: size
51
+ }
52
+ }, additionalAttributes), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
53
+ xlinkHref: "#sprite-".concat(name)
54
+ }));
55
+ };
56
+
57
+ Icon.propTypes = {
58
+ name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
59
+ size: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
60
+ color: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
61
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
62
+ };
63
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
64
+
65
+ /***/ }),
66
+
14
67
  /***/ 2703:
15
68
  /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
16
69
 
@@ -210,105 +263,144 @@ __webpack_require__.r(__webpack_exports__);
210
263
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
211
264
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
212
265
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
266
+ /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
267
+
213
268
 
214
269
 
215
270
 
216
271
  var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
217
272
  var absUrl = _ref.absUrl;
218
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
219
- className: "ui-meganav-content ui-grid-gap md:grid-cols-2 gap-y-0 md:gap-y-32"
220
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
273
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
274
+ className: "flex max-w-screen-xl mx-auto"
275
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
276
+ className: "ui-meganav-content-spacer bg-extra-light-grey"
277
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
278
+ className: "grid grid-cols-12 ui-grid-gap-x w-full"
279
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
280
+ 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"
281
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
221
282
  className: "ui-meganav-overline",
222
- id: "meganav-use-cases-panel-industry-use-cases"
223
- }, "By use case"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
283
+ id: "meganav-use-cases-panel-use-cases"
284
+ }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
224
285
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
225
286
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
226
- href: absUrl("/solutions/edtech"),
227
- className: "ui-meganav-media group"
287
+ href: absUrl("/solutions/chat"),
288
+ 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-display-chat-stack-col",
291
+ size: "2.5rem"
292
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
293
+ className: "flex flex-col justify-center"
228
294
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
229
295
  className: "ui-meganav-media-heading"
230
- }, "EdTech"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
296
+ }, "Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
231
297
  className: "ui-meganav-media-copy"
232
- }, "Deliver interactive learning experiences like multi-user classrooms with chat."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
298
+ }, "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", {
233
299
  href: absUrl("/solutions/virtual-events"),
234
- className: "ui-meganav-media group"
300
+ 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-virtual-events-col",
303
+ size: "2.5rem"
304
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
305
+ className: "flex flex-col justify-center"
235
306
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
236
307
  className: "ui-meganav-media-heading"
237
308
  }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
238
309
  className: "ui-meganav-media-copy"
239
- }, "Power engaging virtual events with interactive realtime features."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
240
- href: absUrl("/solutions/sports-and-media"),
310
+ }, "Power engaging virtual events with realtime features.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
311
+ 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"
312
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
313
+ className: "ui-meganav-overline",
314
+ id: "meganav-use-cases-panel-industry"
315
+ }, "Industry"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
316
+ "aria-labelledby": "meganav-use-cases-panel-industry"
317
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
318
+ href: absUrl("/solutions/edtech"),
241
319
  className: "ui-meganav-media group"
242
320
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
243
321
  className: "ui-meganav-media-heading"
244
- }, "Sports & Media"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
322
+ }, "EdTech"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
245
323
  className: "ui-meganav-media-copy"
246
- }, "Deliver global realtime experiences to keep fans informed, engaged, entertained."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
324
+ }, "Deliver interactive learning experiences."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
247
325
  href: absUrl("/solutions/fintech"),
248
326
  className: "ui-meganav-media group"
249
327
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
250
328
  className: "ui-meganav-media-heading"
251
329
  }, "Fintech"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
252
330
  className: "ui-meganav-media-copy"
253
- }, "Deliver fast, personalised fintech data in realtime to mobile & web customers."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
254
- href: absUrl("/solutions/gaming"),
255
- className: "ui-meganav-media group"
256
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
257
- className: "ui-meganav-media-heading"
258
- }, "Gaming"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
259
- className: "ui-meganav-media-copy"
260
- }, "Power interactive gaming experiences that are wicked fast and utterly reliable."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
331
+ }, "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", {
261
332
  href: absUrl("/solutions/automotive-logistics-and-mobility"),
262
333
  className: "ui-meganav-media group"
263
334
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
264
335
  className: "ui-meganav-media-heading"
265
336
  }, "Automotive, Logistics, & Mobility"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
266
337
  className: "ui-meganav-media-copy"
267
- }, "Power asset tracking, live transit updates, race-critical diagnostics, and more."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
268
- className: "md:mt-40"
269
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
338
+ }, "Power diagnostics, order tracking and more."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
270
339
  href: absUrl("/solutions/b2b-platforms"),
271
340
  className: "ui-meganav-media group"
272
341
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
273
342
  className: "ui-meganav-media-heading"
274
343
  }, "B2B Platforms"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
275
344
  className: "ui-meganav-media-copy"
276
- }, "Empower customers with realtime technology that gives them a competitive edge."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
345
+ }, "Empower your customers with realtime solutions."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
277
346
  href: absUrl("/solutions/healthcare"),
278
347
  className: "ui-meganav-media group"
279
348
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
280
349
  className: "ui-meganav-media-heading"
281
- }, "Healthcare"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
350
+ }, "Healthcare (HIPAA)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
282
351
  className: "ui-meganav-media-copy"
283
- }, "Provide HIPAA-compliant realtime apps healthcare professionals can depend on."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
352
+ }, "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", {
284
353
  href: absUrl("/solutions/ecommerce-and-retail"),
285
354
  className: "ui-meganav-media group"
286
355
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
287
356
  className: "ui-meganav-media-heading"
288
357
  }, "eCommerce & Retail"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
289
358
  className: "ui-meganav-media-copy"
290
- }, "Enable realtime pricing, inventory, and transactions to enrich user experiences."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
291
- href: absUrl("/solutions/iot-and-connected-devices"),
359
+ }, "Enrich customer experiences with realtime updates."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
360
+ href: absUrl("/solutions/sports-and-media"),
292
361
  className: "ui-meganav-media group"
293
362
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
294
363
  className: "ui-meganav-media-heading"
295
- }, "IoT & Connected Devices"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
364
+ }, "Sports, Media & Audience Engagement"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
296
365
  className: "ui-meganav-media-copy"
297
- }, "Monitor and control global IoT deployments of any kind in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
298
- href: absUrl("/solutions/asset-tracking"),
366
+ }, "Deliver engaging global realtime experiences."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
367
+ href: absUrl("/solutions/gaming"),
299
368
  className: "ui-meganav-media group"
300
369
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
301
370
  className: "ui-meganav-media-heading"
302
- }, "Asset Tracking"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
371
+ }, "Gaming"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
372
+ className: "ui-meganav-media-copy"
373
+ }, "Power ultra fast and reliable gaming experiences."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
374
+ href: absUrl("/solutions/iot-and-connected-devices"),
375
+ className: "ui-meganav-media group"
376
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
377
+ className: "ui-meganav-media-heading"
378
+ }, "IoT & Connected Devices"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
303
379
  className: "ui-meganav-media-copy"
304
- }, "Track assets in realtime with a solution optimized for last mile logistics, food delivery applications, and urban mobility services."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
380
+ }, "Monitor and control global IoT deployments in realtime."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
381
+ 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"
382
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
383
+ className: "ui-meganav-overline",
384
+ id: "meganav-use-cases-panel-solutions"
385
+ }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
386
+ "aria-labelledby": "meganav-use-cases-panel-solutions"
387
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
305
388
  href: absUrl("/solutions/extend-kafka-to-the-edge"),
306
389
  className: "ui-meganav-media group"
307
390
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
308
391
  className: "ui-meganav-media-heading"
309
392
  }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
310
393
  className: "ui-meganav-media-copy"
311
- }, "Enhance and reliably expand Kafka's event streaming capabilities beyond your private network."))))));
394
+ }, "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", {
395
+ href: absUrl("/solutions/asset-tracking"),
396
+ className: "ui-meganav-media group"
397
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
398
+ className: "ui-meganav-media-heading"
399
+ }, "Asset Tracking"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
400
+ className: "ui-meganav-media-copy"
401
+ }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
402
+ className: "ui-meganav-content-spacer"
403
+ }));
312
404
  };
313
405
 
314
406
  MeganavContentUseCases.propTypes = {
@@ -1 +1,22 @@
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}));
1
+ (function webpackUniversalModuleDefinition(root, factory) {
2
+ if(typeof exports === 'object' && typeof module === 'object')
3
+ module.exports = factory();
4
+ else if(typeof define === 'function' && define.amd)
5
+ define([], factory);
6
+ else if(typeof exports === 'object')
7
+ exports["AblyUi"] = factory();
8
+ else
9
+ root["AblyUi"] = root["AblyUi"] || {}, root["AblyUi"]["Core"] = root["AblyUi"]["Core"] || {}, root["AblyUi"]["Core"]["MeganavContentWhyAbly"] = factory();
10
+ })(this, function() {
11
+ return /******/ (() => { // webpackBootstrap
12
+ var __webpack_exports__ = {};
13
+ /*!*****************************************************!*\
14
+ !*** ./src/core/MeganavContentWhyAbly/component.js ***!
15
+ \*****************************************************/
16
+
17
+ __webpack_exports__ = __webpack_exports__.default;
18
+ /******/ return __webpack_exports__;
19
+ /******/ })()
20
+ ;
21
+ });
22
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9BYmx5VWkuQ29yZS5bbmFtZV0vd2VicGFjay91bml2ZXJzYWxNb2R1bGVEZWZpbml0aW9uIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx1Q0FBdUMsdURBQXVEO0FBQzlGLENBQUM7QUFDRCxPIiwiZmlsZSI6ImNvcmUvTWVnYW5hdkNvbnRlbnRXaHlBYmx5L2NvbXBvbmVudC5qcyIsInNvdXJjZXNDb250ZW50IjpbIihmdW5jdGlvbiB3ZWJwYWNrVW5pdmVyc2FsTW9kdWxlRGVmaW5pdGlvbihyb290LCBmYWN0b3J5KSB7XG5cdGlmKHR5cGVvZiBleHBvcnRzID09PSAnb2JqZWN0JyAmJiB0eXBlb2YgbW9kdWxlID09PSAnb2JqZWN0Jylcblx0XHRtb2R1bGUuZXhwb3J0cyA9IGZhY3RvcnkoKTtcblx0ZWxzZSBpZih0eXBlb2YgZGVmaW5lID09PSAnZnVuY3Rpb24nICYmIGRlZmluZS5hbWQpXG5cdFx0ZGVmaW5lKFtdLCBmYWN0b3J5KTtcblx0ZWxzZSBpZih0eXBlb2YgZXhwb3J0cyA9PT0gJ29iamVjdCcpXG5cdFx0ZXhwb3J0c1tcIkFibHlVaVwiXSA9IGZhY3RvcnkoKTtcblx0ZWxzZVxuXHRcdHJvb3RbXCJBYmx5VWlcIl0gPSByb290W1wiQWJseVVpXCJdIHx8IHt9LCByb290W1wiQWJseVVpXCJdW1wiQ29yZVwiXSA9IHJvb3RbXCJBYmx5VWlcIl1bXCJDb3JlXCJdIHx8IHt9LCByb290W1wiQWJseVVpXCJdW1wiQ29yZVwiXVtcIk1lZ2FuYXZDb250ZW50V2h5QWJseVwiXSA9IGZhY3RvcnkoKTtcbn0pKHRoaXMsIGZ1bmN0aW9uKCkge1xucmV0dXJuICJdLCJzb3VyY2VSb290IjoiIn0=