@ably/ui 8.7.0-dev.7021bee → 8.7.0-dev.7072b07

package/core/Notice.jsx

@@ -7,21 +7,25 @@
 		var a = typeof exports === 'object' ? factory(require("react"), require("prop-types"), require("js-cookie"), require("lodash.throttle"), require("dompurify"), require("redux")) : factory(root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__, __WEBPACK_EXTERNAL_MODULE__9349__, __WEBPACK_EXTERNAL_MODULE__2040__, __WEBPACK_EXTERNAL_MODULE__6357__, __WEBPACK_EXTERNAL_MODULE__5044__) {
+})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_js_cookie__, __WEBPACK_EXTERNAL_MODULE_lodash_throttle__, __WEBPACK_EXTERNAL_MODULE_dompurify__, __WEBPACK_EXTERNAL_MODULE_redux__) => {
 return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 9787:
+/***/ "./src/core/ConnectStateWrapper/component.jsx":
+/*!****************************************************!*\
+  !*** ./src/core/ConnectStateWrapper/component.jsx ***!
+  \****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ConnectStateWrapper": () => (/* binding */ ConnectStateWrapper),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* unused harmony export ConnectStateWrapper */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _remote_data_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3511);
+/* harmony import */ var _remote_data_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../remote-data-store */ "./src/core/remote-data-store.js");
 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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -69,7 +73,7 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
   };
 
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    var store = (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_1__/* .getRemoteDataStore */ .cO)();
+    var store = (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_1__.getRemoteDataStore)();
     var resolvedState = Object.keys(selectors).reduce(function (acc, key) {
       return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, selectors[key](store)));
     }, {}); // Set initial state
@@ -78,7 +82,7 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
     // When optimising for renders, look for wins with selectors better for your use and using connectState directly.
 
     Object.keys(selectors).forEach(function (key) {
-      (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_1__/* .connectState */ .kZ)(selectors[key], setStateForKey(key));
+      (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_1__.connectState)(selectors[key], setStateForKey(key));
     });
   }, []);
 
@@ -92,55 +96,30 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
 
 /***/ }),
 
-/***/ 8696:
+/***/ "./src/core/Flash/component.jsx":
+/*!**************************************!*\
+  !*** ./src/core/Flash/component.jsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "FLASH_DATA_ID": () => (/* binding */ FLASH_DATA_ID)
-});
-
-// UNUSED EXPORTS: Flashes, default, reducerFlashes
-
-// EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
-var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
-var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
-// EXTERNAL MODULE: external {"commonjs":"dompurify","commonjs2":"dompurify"}
-var external_commonjs_dompurify_commonjs2_dompurify_ = __webpack_require__(6357);
-var external_commonjs_dompurify_commonjs2_dompurify_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_dompurify_commonjs2_dompurify_);
-// EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
-var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
-var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
-;// CONCATENATED MODULE: ./node_modules/nanoid/non-secure/index.js
-let urlAlphabet =
-  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict'
-let customAlphabet = (alphabet, defaultSize = 21) => {
-  return (size = defaultSize) => {
-    let id = ''
-    let i = size
-    while (i--) {
-      id += alphabet[(Math.random() * alphabet.length) | 0]
-    }
-    return id
-  }
-}
-let nanoid = (size = 21) => {
-  let id = ''
-  let i = size
-  while (i--) {
-    id += urlAlphabet[(Math.random() * 64) | 0]
-  }
-  return id
-}
-
-// EXTERNAL MODULE: ./src/core/remote-data-store.js
-var remote_data_store = __webpack_require__(3511);
-// EXTERNAL MODULE: ./src/core/ConnectStateWrapper/component.jsx
-var component = __webpack_require__(9787);
-// EXTERNAL MODULE: ./src/core/Icon/component.jsx
-var Icon_component = __webpack_require__(9008);
-;// CONCATENATED MODULE: ./src/core/Flash/component.jsx
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "FLASH_DATA_ID": () => (/* binding */ FLASH_DATA_ID),
+/* harmony export */   "Flashes": () => (/* binding */ Flashes),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "reducerFlashes": () => (/* binding */ reducerFlashes)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dompurify */ "dompurify");
+/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(dompurify__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var nanoid_non_secure__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! nanoid/non-secure */ "./node_modules/nanoid/non-secure/index.js");
+/* harmony import */ var _remote_data_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../remote-data-store */ "./src/core/remote-data-store.js");
+/* harmony import */ var _ConnectStateWrapper_component_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ConnectStateWrapper/component.jsx */ "./src/core/ConnectStateWrapper/component.jsx");
+/* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Icon/component.jsx */ "./src/core/Icon/component.jsx");
 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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -205,8 +184,8 @@ var selectFlashes = function selectFlashes(store) {
 };
 
 var FlashT = {
-  type: external_commonjs_prop_types_commonjs2_prop_types_default().oneOf(["error", "success", "notice", "info", "alert"]),
-  content: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+  type: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["error", "success", "notice", "info", "alert"]),
+  content: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
 };
 var FLASH_BG_COLOR = {
   error: "bg-gui-error",
@@ -226,8 +205,8 @@ var AUTO_HIDE = ["success", "info", "notice"];
 var AUTO_HIDE_TIME = 8000;
 
 var useAutoHide = function useAutoHide(type, closeFlash) {
-  var timeoutId = (0,external_commonjs_react_commonjs2_react_.useRef)(null);
-  (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
+  var timeoutId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     if (AUTO_HIDE.includes(type)) {
       timeoutId.current = setTimeout(function () {
         closeFlash();
@@ -247,19 +226,19 @@ var Flash = function Flash(_ref) {
       type = _ref.type,
       content = _ref.content,
       removeFlash = _ref.removeFlash;
-  var ref = (0,external_commonjs_react_commonjs2_react_.useRef)(null);
+  var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
 
-  var _useState = (0,external_commonjs_react_commonjs2_react_.useState)(false),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       closed = _useState2[0],
       setClosed = _useState2[1];
 
-  var _useState3 = (0,external_commonjs_react_commonjs2_react_.useState)(0),
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
       _useState4 = _slicedToArray(_useState3, 2),
       flashHeight = _useState4[0],
       setFlashHeight = _useState4[1];
 
-  var _useState5 = (0,external_commonjs_react_commonjs2_react_.useState)(false),
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
       triggerEntryAnimation = _useState6[0],
       setTriggerEntryAnimation = _useState6[1];
@@ -275,7 +254,7 @@ var Flash = function Flash(_ref) {
     }, 100);
   };
 
-  (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     return setTriggerEntryAnimation(true);
   }, []);
   useAutoHide(type, closeFlash);
@@ -296,7 +275,7 @@ var Flash = function Flash(_ref) {
     style = {};
   }
 
-  var safeContent = external_commonjs_dompurify_commonjs2_dompurify_default().sanitize(content, {
+  var safeContent = dompurify__WEBPACK_IMPORTED_MODULE_1___default().sanitize(content, {
     ALLOWED_TAGS: ["a"],
     ALLOWED_ATTR: ["href", "data-method", "rel"]
   });
@@ -312,28 +291,28 @@ var Flash = function Flash(_ref) {
     error: "text-white",
     alert: "text-white"
   };
-  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "ui-flash-message ui-grid-px ".concat(animateEntry ? "ui-flash-message-enter" : ""),
     style: style,
     ref: ref,
     "data-id": "ui-flash"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "".concat(FLASH_BG_COLOR[type], " p-32 flex align-center rounded shadow-container-subtle")
-  }, withIcons[type] && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, withIcons[type] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
     name: withIcons[type],
     color: iconColor[type],
     size: "1.5rem",
     additionalCSS: "mr-16 self-baseline"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-flash-text ".concat(FLASH_TEXT_COLOR[type]),
     dangerouslySetInnerHTML: {
       __html: safeContent
     }
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("button", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     type: "button",
     className: "p-0 ml-auto self-start focus:outline-none",
     onClick: closeFlash
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
     name: "icon-gui-close",
     color: iconColor[type],
     size: "1.5rem",
@@ -346,7 +325,7 @@ Flash.propTypes = _objectSpread({}, FlashT);
 var Flashes = function Flashes(_ref2) {
   var flashes = _ref2.flashes;
 
-  var _useState7 = (0,external_commonjs_react_commonjs2_react_.useState)([]),
+  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
       _useState8 = _slicedToArray(_useState7, 2),
       flashesWithIds = _useState8[0],
       setFlashesWithIds = _useState8[1];
@@ -359,26 +338,23 @@ var Flashes = function Flashes(_ref2) {
     });
   };
 
-  (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setFlashesWithIds(function (state) {
       return [].concat(_toConsumableArray(state), _toConsumableArray(((flashes === null || flashes === void 0 ? void 0 : flashes.items) || []).map(function (flash) {
         return _objectSpread(_objectSpread({}, flash), {}, {
-          id: nanoid(),
+          id: (0,nanoid_non_secure__WEBPACK_IMPORTED_MODULE_6__.nanoid)(),
           removed: false
         });
       })));
     });
   }, [flashes]);
-  console.log({
-    flashesWithIds: flashesWithIds
-  });
-  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "ui-flash",
     "data-id": FLASH_DATA_ID
   }, flashesWithIds.filter(function (item) {
     return !item.removed;
   }).map(function (flash) {
-    return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Flash, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Flash, _extends({
       removeFlash: removeFlash,
       key: flash.id
     }, flash));
@@ -386,14 +362,14 @@ var Flashes = function Flashes(_ref2) {
 };
 
 Flashes.propTypes = {
-  flashes: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
-    items: external_commonjs_prop_types_commonjs2_prop_types_default().arrayOf(external_commonjs_prop_types_commonjs2_prop_types_default().shape(FlashT))
+  flashes: prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
+    items: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape(FlashT))
   })
 };
 
 var BackendFlashes = function BackendFlashes(_ref3) {
   var flashes = _ref3.flashes;
-  (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     var transformedFlashes = flashes.map(function (flash) {
       var _flash = _slicedToArray(flash, 2),
           type = _flash[0],
@@ -406,36 +382,41 @@ var BackendFlashes = function BackendFlashes(_ref3) {
     }) || [];
 
     if (transformedFlashes.length > 0) {
-      var store = (0,remote_data_store/* getRemoteDataStore */.cO)();
+      var store = (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_3__.getRemoteDataStore)();
       store.dispatch({
         type: "flash/push",
         payload: transformedFlashes
       });
     }
   }, []);
-  var WrappedFlashes = (0,component.default)(Flashes, {
+  var WrappedFlashes = (0,_ConnectStateWrapper_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"])(Flashes, {
     flashes: selectFlashes
   });
-  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(WrappedFlashes, null);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(WrappedFlashes, null);
 };
 
 BackendFlashes.propTypes = {
-  flashes: external_commonjs_prop_types_commonjs2_prop_types_default().arrayOf(external_commonjs_prop_types_commonjs2_prop_types_default().arrayOf((external_commonjs_prop_types_commonjs2_prop_types_default()).string))
+  flashes: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)))
 };
 
-/* harmony default export */ const Flash_component = ((/* unused pure expression or super */ null && (BackendFlashes)));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BackendFlashes);
 
 /***/ }),
 
-/***/ 9008:
+/***/ "./src/core/Icon/component.jsx":
+/*!*************************************!*\
+  !*** ./src/core/Icon/component.jsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 var _excluded = ["name", "size", "color", "additionalCSS"];
 
@@ -479,13 +460,183 @@ Icon.propTypes = {
 
 /***/ }),
 
-/***/ 9581:
+/***/ "./src/core/Notice/component.js":
+/*!**************************************!*\
+  !*** ./src/core/Notice/component.js ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _component_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./component.css */ "./src/core/Notice/component.css");
+/* harmony import */ var _component_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_component_css__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var js_cookie__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! js-cookie */ "js-cookie");
+/* harmony import */ var js_cookie__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(js_cookie__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash.throttle */ "lodash.throttle");
+/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _dom_query__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../dom-query */ "./src/core/dom-query.js");
+/* harmony import */ var _Flash_component_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Flash/component.jsx */ "./src/core/Flash/component.jsx");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+var COOKIE_EXPIRY = 90;
+var COLLAPSE_TRIGGER_DISTANCE = 5;
+var SCROLL_LISTENER_THROTTLE = 100;
+var RESIZE_LISTENER_THROTTLE = 100;
+
+var isMdViewport = function isMdViewport() {
+  return !window.matchMedia("(min-width: 65rem)").matches;
+};
+
+var adjustFlashMargin = function adjustFlashMargin(open) {
+  // HACK ALERT
+  // Add margin to flashes when opening the notice.
+  // Flashes are react components and this notice needs to work as a view-component and react component.
+  // We could do this with redux but then we potentially update state on every scroll event, which
+  // even with debounce will deplate our frame budget.
+  var flash = (0,_dom_query__WEBPACK_IMPORTED_MODULE_3__.queryId)(_Flash_component_jsx__WEBPACK_IMPORTED_MODULE_4__.FLASH_DATA_ID);
+
+  if (flash) {
+    flash.style.marginTop = open ? "4rem" : null;
+  }
+};
+
+var hideOnMobile = function hideOnMobile(bannerContainer) {
+  if (isMdViewport()) {
+    bannerContainer.style.display = "none";
+  } else {
+    bannerContainer.style.display = null;
+  }
+};
+
+var hideNotice = function hideNotice(bannerContainer) {
+  bannerContainer.style.maxHeight = 0;
+  bannerContainer.style.overflow = "hidden";
+  adjustFlashMargin(false);
+};
+
+var showNotice = function showNotice(bannerContainer) {
+  bannerContainer.style.maxHeight = null;
+  bannerContainer.style.overflow = null;
+  adjustFlashMargin(true);
+};
+
+var setupRememberClosed = function setupRememberClosed(cookieId, noticeId) {
+  var cookie = js_cookie__WEBPACK_IMPORTED_MODULE_1___default().get(cookieId) || "";
+  js_cookie__WEBPACK_IMPORTED_MODULE_1___default().set(cookieId, "".concat(cookie.replace("".concat(noticeId, ","), "") + noticeId, ","), {
+    expires: COOKIE_EXPIRY
+  });
+};
+
+var hasBeenClosedBefore = function hasBeenClosedBefore(cookieId, noticeId) {
+  return (js_cookie__WEBPACK_IMPORTED_MODULE_1___default().get(cookieId) || "").includes(noticeId);
+};
+
+var setupNoticeCollapse = function setupNoticeCollapse(bannerContainer) {
+  var scrollTop = window.scrollY;
+
+  if (scrollTop > COLLAPSE_TRIGGER_DISTANCE) {
+    hideNotice(bannerContainer);
+  }
+
+  var listener = lodash_throttle__WEBPACK_IMPORTED_MODULE_2___default()(function () {
+    var scrollTop = window.scrollY;
+
+    if (scrollTop > COLLAPSE_TRIGGER_DISTANCE) {
+      hideNotice(bannerContainer);
+    } else if (bannerContainer.style.overflow) {
+      showNotice(bannerContainer);
+    }
+  }, SCROLL_LISTENER_THROTTLE);
+  document.addEventListener("scroll", listener);
+  return function () {
+    return document.removeEventListener("scroll", listener);
+  };
+};
+
+var setupCloseBtn = function setupCloseBtn(bannerContainer, cookieId, noticeId, collapseUnmountListeners) {
+  var closeBtn = bannerContainer.querySelector("button");
+  if (!closeBtn) return function () {};
+
+  var listener = function listener() {
+    if (cookieId && noticeId) setupRememberClosed(cookieId, noticeId);
+    hideNotice(bannerContainer);
+    collapseUnmountListeners();
+  };
+
+  closeBtn.addEventListener("click", listener);
+  return function () {
+    return document.removeEventListener("click", listener);
+  };
+};
+
+var resizeHandler = function resizeHandler(bannerContainer) {
+  var handler = lodash_throttle__WEBPACK_IMPORTED_MODULE_2___default()(function () {
+    hideOnMobile(bannerContainer);
+  }, RESIZE_LISTENER_THROTTLE);
+  window.addEventListener("resize", handler);
+  return function () {
+    return window.removeEventListener("resize", handler);
+  };
+};
+
+var Notice = function Notice(_ref) {
+  var bannerContainer = _ref.bannerContainer,
+      cookieId = _ref.cookieId,
+      noticeId = _ref.noticeId,
+      options = _ref.options;
+  if (typeof window === "undefined") return function () {};
+
+  if (!bannerContainer) {
+    console.warn("A Notice component was initited but no notice container was found.");
+    return function () {};
+  }
+
+  if (hasBeenClosedBefore(cookieId, noticeId)) return function () {};
+  hideOnMobile(bannerContainer);
+  showNotice(bannerContainer);
+
+  var opts = _objectSpread({
+    collapse: true
+  }, options);
+
+  var collapseUnmountListeners = opts.collapse ? setupNoticeCollapse(bannerContainer) : function () {};
+  var closeBtnUnmountListeners = setupCloseBtn(bannerContainer, cookieId, noticeId, collapseUnmountListeners);
+  var resizeUnmountListener = resizeHandler(bannerContainer);
+  return function () {
+    [closeBtnUnmountListeners, collapseUnmountListeners, resizeUnmountListener].forEach(function (unmount) {
+      return unmount();
+    });
+  };
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Notice);
+
+/***/ }),
+
+/***/ "./src/core/dom-query.js":
+/*!*******************************!*\
+  !*** ./src/core/dom-query.js ***!
+  \*******************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "A": () => (/* binding */ queryId)
+/* harmony export */   "queryId": () => (/* binding */ queryId),
+/* harmony export */   "queryIdAll": () => (/* binding */ queryIdAll)
 /* harmony export */ });
-/* unused harmony export queryIdAll */
 var queryId = function queryId(val) {
   var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
   return root.querySelector("[data-id=".concat(val, "]"));
@@ -497,15 +648,21 @@ var queryIdAll = function queryIdAll(val) {
 
 /***/ }),
 
-/***/ 3511:
+/***/ "./src/core/remote-data-store.js":
+/*!***************************************!*\
+  !*** ./src/core/remote-data-store.js ***!
+  \***************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "cO": () => (/* binding */ getRemoteDataStore),
-/* harmony export */   "kZ": () => (/* binding */ connectState)
+/* harmony export */   "attachStoreToWindow": () => (/* binding */ attachStoreToWindow),
+/* harmony export */   "connectState": () => (/* binding */ connectState),
+/* harmony export */   "createRemoteDataStore": () => (/* binding */ createRemoteDataStore),
+/* harmony export */   "getRemoteDataStore": () => (/* binding */ getRemoteDataStore)
 /* harmony export */ });
-/* unused harmony exports attachStoreToWindow, createRemoteDataStore */
-/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5044);
+/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! redux */ "redux");
 /* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
 
 var attachStoreToWindow = function attachStoreToWindow(store) {
@@ -534,50 +691,120 @@ var connectState = function connectState(selector, setState) {
   });
 };
 var createRemoteDataStore = function createRemoteDataStore(reducers) {
-  return createStore(combineReducers(reducers));
+  return (0,redux__WEBPACK_IMPORTED_MODULE_0__.createStore)((0,redux__WEBPACK_IMPORTED_MODULE_0__.combineReducers)(reducers));
 };
 
 /***/ }),
 
-/***/ 6357:
+/***/ "./src/core/Notice/component.css":
+/*!***************************************!*\
+  !*** ./src/core/Notice/component.css ***!
+  \***************************************/
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ "dompurify":
+/*!*****************************************************************!*\
+  !*** external {"commonjs":"dompurify","commonjs2":"dompurify"} ***!
+  \*****************************************************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__6357__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_dompurify__;
 
 /***/ }),
 
-/***/ 9349:
+/***/ "js-cookie":
+/*!*****************************************************************!*\
+  !*** external {"commonjs":"js-cookie","commonjs2":"js-cookie"} ***!
+  \*****************************************************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__9349__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_js_cookie__;
 
 /***/ }),
 
-/***/ 2040:
+/***/ "lodash.throttle":
+/*!*****************************************************************************!*\
+  !*** external {"commonjs":"lodash.throttle","commonjs2":"lodash.throttle"} ***!
+  \*****************************************************************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__2040__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_lodash_throttle__;
 
 /***/ }),
 
-/***/ 3474:
+/***/ "prop-types":
+/*!*******************************************************************!*\
+  !*** external {"commonjs":"prop-types","commonjs2":"prop-types"} ***!
+  \*******************************************************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_prop_types__;
 
 /***/ }),
 
-/***/ 9281:
+/***/ "react":
+/*!*********************************************************!*\
+  !*** external {"commonjs":"react","commonjs2":"react"} ***!
+  \*********************************************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 
 /***/ }),
 
-/***/ 5044:
+/***/ "redux":
+/*!*********************************************************!*\
+  !*** external {"commonjs":"redux","commonjs2":"redux"} ***!
+  \*********************************************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__5044__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_redux__;
+
+/***/ }),
+
+/***/ "./node_modules/nanoid/non-secure/index.js":
+/*!*************************************************!*\
+  !*** ./node_modules/nanoid/non-secure/index.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "customAlphabet": () => (/* binding */ customAlphabet),
+/* harmony export */   "nanoid": () => (/* binding */ nanoid)
+/* harmony export */ });
+let urlAlphabet =
+  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict'
+let customAlphabet = (alphabet, defaultSize = 21) => {
+  return (size = defaultSize) => {
+    let id = ''
+    let i = size
+    while (i--) {
+      id += alphabet[(Math.random() * alphabet.length) | 0]
+    }
+    return id
+  }
+}
+let nanoid = (size = 21) => {
+  let id = ''
+  let i = size
+  while (i--) {
+    id += urlAlphabet[(Math.random() * 64) | 0]
+  }
+  return id
+}
+
 
 /***/ })
 
@@ -650,179 +877,22 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__5044__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
 (() => {
-// ESM COMPAT FLAG
+"use strict";
+/*!***************************************!*\
+  !*** ./src/core/Notice/component.jsx ***!
+  \***************************************/
 __webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ core_Notice_component)
-});
-
-// EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
-var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
-var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
-// EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
-var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
-var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
-// EXTERNAL MODULE: external {"commonjs":"js-cookie","commonjs2":"js-cookie"}
-var external_commonjs_js_cookie_commonjs2_js_cookie_ = __webpack_require__(9349);
-var external_commonjs_js_cookie_commonjs2_js_cookie_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_js_cookie_commonjs2_js_cookie_);
-// EXTERNAL MODULE: external {"commonjs":"lodash.throttle","commonjs2":"lodash.throttle"}
-var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_ = __webpack_require__(2040);
-var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_lodash_throttle_commonjs2_lodash_throttle_);
-// EXTERNAL MODULE: ./src/core/dom-query.js
-var dom_query = __webpack_require__(9581);
-// EXTERNAL MODULE: ./src/core/Flash/component.jsx + 1 modules
-var component = __webpack_require__(8696);
-;// CONCATENATED MODULE: ./src/core/Notice/component.js
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-var COOKIE_EXPIRY = 90;
-var COLLAPSE_TRIGGER_DISTANCE = 5;
-var SCROLL_LISTENER_THROTTLE = 100;
-var RESIZE_LISTENER_THROTTLE = 100;
-
-var isMdViewport = function isMdViewport() {
-  return !window.matchMedia("(min-width: 65rem)").matches;
-};
-
-var adjustFlashMargin = function adjustFlashMargin(open) {
-  // HACK ALERT
-  // Add margin to flashes when opening the notice.
-  // Flashes are react components and this notice needs to work as a view-component and react component.
-  // We could do this with redux but then we potentially update state on every scroll event, which
-  // even with debounce will deplate our frame budget.
-  var flash = (0,dom_query/* queryId */.A)(component.FLASH_DATA_ID);
-
-  if (flash) {
-    flash.style.marginTop = open ? "4rem" : null;
-  }
-};
-
-var hideOnMobile = function hideOnMobile(bannerContainer) {
-  if (isMdViewport()) {
-    bannerContainer.style.display = "none";
-  } else {
-    bannerContainer.style.display = null;
-  }
-};
-
-var hideNotice = function hideNotice(bannerContainer) {
-  bannerContainer.style.maxHeight = 0;
-  bannerContainer.style.overflow = "hidden";
-  adjustFlashMargin(false);
-};
-
-var showNotice = function showNotice(bannerContainer) {
-  bannerContainer.style.maxHeight = null;
-  bannerContainer.style.overflow = null;
-  adjustFlashMargin(true);
-};
-
-var setupRememberClosed = function setupRememberClosed(cookieId, noticeId) {
-  var cookie = external_commonjs_js_cookie_commonjs2_js_cookie_default().get(cookieId) || "";
-  external_commonjs_js_cookie_commonjs2_js_cookie_default().set(cookieId, "".concat(cookie.replace("".concat(noticeId, ","), "") + noticeId, ","), {
-    expires: COOKIE_EXPIRY
-  });
-};
-
-var hasBeenClosedBefore = function hasBeenClosedBefore(cookieId, noticeId) {
-  return (external_commonjs_js_cookie_commonjs2_js_cookie_default().get(cookieId) || "").includes(noticeId);
-};
-
-var setupNoticeCollapse = function setupNoticeCollapse(bannerContainer) {
-  var scrollTop = window.scrollY;
-
-  if (scrollTop > COLLAPSE_TRIGGER_DISTANCE) {
-    hideNotice(bannerContainer);
-  }
-
-  var listener = external_commonjs_lodash_throttle_commonjs2_lodash_throttle_default()(function () {
-    var scrollTop = window.scrollY;
-
-    if (scrollTop > COLLAPSE_TRIGGER_DISTANCE) {
-      hideNotice(bannerContainer);
-    } else if (bannerContainer.style.overflow) {
-      showNotice(bannerContainer);
-    }
-  }, SCROLL_LISTENER_THROTTLE);
-  document.addEventListener("scroll", listener);
-  return function () {
-    return document.removeEventListener("scroll", listener);
-  };
-};
-
-var setupCloseBtn = function setupCloseBtn(bannerContainer, cookieId, noticeId, collapseUnmountListeners) {
-  var closeBtn = bannerContainer.querySelector("button");
-  if (!closeBtn) return function () {};
-
-  var listener = function listener() {
-    if (cookieId && noticeId) setupRememberClosed(cookieId, noticeId);
-    hideNotice(bannerContainer);
-    collapseUnmountListeners();
-  };
-
-  closeBtn.addEventListener("click", listener);
-  return function () {
-    return document.removeEventListener("click", listener);
-  };
-};
-
-var resizeHandler = function resizeHandler(bannerContainer) {
-  var handler = external_commonjs_lodash_throttle_commonjs2_lodash_throttle_default()(function () {
-    hideOnMobile(bannerContainer);
-  }, RESIZE_LISTENER_THROTTLE);
-  window.addEventListener("resize", handler);
-  return function () {
-    return window.removeEventListener("resize", handler);
-  };
-};
-
-var Notice = function Notice(_ref) {
-  var bannerContainer = _ref.bannerContainer,
-      cookieId = _ref.cookieId,
-      noticeId = _ref.noticeId,
-      options = _ref.options;
-  if (typeof window === "undefined") return function () {};
-
-  if (!bannerContainer) {
-    console.warn("A Notice component was initited but no notice container was found.");
-    return function () {};
-  }
-
-  if (hasBeenClosedBefore(cookieId, noticeId)) return function () {};
-  hideOnMobile(bannerContainer);
-  showNotice(bannerContainer);
-
-  var opts = _objectSpread({
-    collapse: true
-  }, options);
-
-  var collapseUnmountListeners = opts.collapse ? setupNoticeCollapse(bannerContainer) : function () {};
-  var closeBtnUnmountListeners = setupCloseBtn(bannerContainer, cookieId, noticeId, collapseUnmountListeners);
-  var resizeUnmountListener = resizeHandler(bannerContainer);
-  return function () {
-    [closeBtnUnmountListeners, collapseUnmountListeners, resizeUnmountListener].forEach(function (unmount) {
-      return unmount();
-    });
-  };
-};
-
-/* harmony default export */ const Notice_component = (Notice);
-// EXTERNAL MODULE: ./src/core/Icon/component.jsx
-var Icon_component = __webpack_require__(9008);
-;// CONCATENATED MODULE: ./src/core/Notice/component.jsx
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _component_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./component.js */ "./src/core/Notice/component.js");
+/* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon/component.jsx */ "./src/core/Icon/component.jsx");
 
 
 var contentWrapperClasses = "font-light w-full pr-8 text-p3 self-center";
@@ -832,20 +902,20 @@ var contentWrapperClasses = "font-light w-full pr-8 text-p3 self-center";
 var ContentWrapper = function ContentWrapper(_ref) {
   var buttonLink = _ref.buttonLink,
       children = _ref.children;
-  return buttonLink ? /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+  return buttonLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: buttonLink,
     className: contentWrapperClasses
-  }, children) : /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }, children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: contentWrapperClasses
   }, children);
 };
 
 ContentWrapper.propTypes = {
-  buttonLink: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
-  children: (external_commonjs_prop_types_commonjs2_prop_types_default()).node
+  buttonLink: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
 };
 
-var component_Notice = function Notice(_ref2) {
+var Notice = function Notice(_ref2) {
   var buttonLink = _ref2.buttonLink,
       buttonLabel = _ref2.buttonLabel,
       bodyText = _ref2.bodyText,
@@ -856,8 +926,8 @@ var component_Notice = function Notice(_ref2) {
       bgColor = _ref2$bgColor === void 0 ? "bg-gradient-active-orange" : _ref2$bgColor,
       _ref2$textColor = _ref2.textColor,
       textColor = _ref2$textColor === void 0 ? "text-white" : _ref2$textColor;
-  (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
-    Notice_component({
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    (0,_component_js__WEBPACK_IMPORTED_MODULE_2__["default"])({
       bannerContainer: document.querySelector('[data-id="ui-notice"]'),
       cookieId: config.cookieId,
       noticeId: config.noticeId,
@@ -867,48 +937,48 @@ var component_Notice = function Notice(_ref2) {
     });
   }, []);
   var wrapperClasses = ["ui-announcement", bgColor, textColor].join(" ");
-  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: wrapperClasses,
     "data-id": "ui-notice",
     style: {
       maxHeight: 0,
       overflow: "hidden"
     }
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "ui-grid-px py-16 max-w-screen-xl mx-auto flex items-start"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(ContentWrapper, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ContentWrapper, {
     buttonLink: buttonLink
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("strong", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("strong", {
     className: "font-medium whitespace-nowrap pr-4"
-  }, title), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("span", {
+  }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
     className: "pr-4"
-  }, bodyText), buttonLabel && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("span", {
+  }, bodyText), buttonLabel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
     className: "underline cursor-pointer whitespace-nowrap"
-  }, buttonLabel)), closeBtn && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("button", {
+  }, buttonLabel)), closeBtn && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     type: "button",
     className: "ml-auto h-20 w-20 border-none bg-none self-baseline"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
     name: "icon-gui-close",
     size: "1.25rem",
     color: "text-white"
   }))));
 };
 
-component_Notice.propTypes = {
-  buttonLink: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
-  buttonLabel: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
-  bodyText: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
-  title: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
-  closeBtn: (external_commonjs_prop_types_commonjs2_prop_types_default()).bool,
-  config: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
-    collapse: (external_commonjs_prop_types_commonjs2_prop_types_default()).bool,
-    noticeId: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
-    cookieId: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+Notice.propTypes = {
+  buttonLink: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  buttonLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  bodyText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  title: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  closeBtn: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  config: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    collapse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+    noticeId: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+    cookieId: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
   }),
-  bgColor: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
-  textColor: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+  bgColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  textColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
 };
-/* harmony default export */ const core_Notice_component = (component_Notice);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Notice);
 })();
 
 /******/ 	return __webpack_exports__;