@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/12.chunk.js

@@ -0,0 +1,484 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[12],{
+
+/***/ "../../libs/shared/src/components/search-bar/SearchBar.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/search-bar/SearchBar.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: SearchBar */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchBar", function() { return SearchBar; });
+/* 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 react_autosuggest__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-autosuggest */ "react-autosuggest");
+/* harmony import */ var react_autosuggest__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_autosuggest__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/UseMediaQuery */ "../../libs/shared/src/hooks/UseMediaQuery.tsx");
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _SearchUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SearchUtils */ "../../libs/shared/src/components/search-bar/SearchUtils.tsx");
+/* harmony import */ var _SearchInput__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SearchInput */ "../../libs/shared/src/components/search-bar/SearchInput.tsx");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.searchBar';
+var isFunction = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction;
+
+function SearchBarWrapper(props) {
+  if (!props.renderAsForm) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.children);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", {
+    onSubmit: props.onSubmit
+  }, props.children);
+}
+
+SearchBar.defaultProps = {
+  updateQueryOnSelection: true,
+  valueKey: 'name',
+  activationLength: 3,
+  suggestionLimit: 5,
+  recentSearches: [],
+  initialSuggestions: [],
+  searchIconPlacement: 'right',
+  renderAsForm: true
+};
+function SearchBar(props) {
+  var initialState = _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getInitialState"](props.initialSuggestions, props.recentSearches);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](props.initialQuery || ''),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      query = _React$useState2[0],
+      setQuery = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](initialState),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      suggestions = _React$useState4[0],
+      setSuggestions = _React$useState4[1];
+
+  var isMobile = Object(_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_4__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_5__["MediaQueryStrings"].XS);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    var initialQuery = props.initialQuery || '';
+    if (query !== initialQuery) setQuery(initialQuery);
+  }, [props.initialQuery]);
+
+  var resetSuggestions = function resetSuggestions() {
+    setSuggestions(initialState);
+  };
+
+  var onChange = function onChange(e, _ref) {
+    var newValue = _ref.newValue;
+    setQuery(newValue);
+    if (isFunction(props.onQueryChange)) props.onQueryChange(newValue);
+  };
+
+  var onSubmit = function onSubmit(event) {
+    event.preventDefault();
+    if (isFunction(props.onSubmit)) props.onSubmit(query);
+  };
+
+  var onKeyDown = function onKeyDown(event) {
+    if (event.keyCode === 8 && props.onBackspace && !query) props.onBackspace();
+  };
+
+  var onClickClearInput = function onClickClearInput() {
+    setQuery('');
+    if (isFunction(props.onClickClearInput)) props.onClickClearInput();
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SearchBarWrapper, {
+    onSubmit: onSubmit,
+    renderAsForm: !!props.renderAsForm
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_autosuggest__WEBPACK_IMPORTED_MODULE_1__, {
+    suggestions: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getSuggestionSections"](suggestions, !query, props.recentSearchHeading || _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'recentSearchHeading'), props.suggestionsHeading, props.getSections, props.suggestionLimit),
+    onSuggestionsFetchRequested: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["onSuggestionsFetchRequestedHandler"](props, setSuggestions, resetSuggestions),
+    onSuggestionsClearRequested: function onSuggestionsClearRequested() {
+      if (!props.alwaysRenderSuggestions) resetSuggestions();
+    },
+    onSuggestionSelected: function onSuggestionSelected(e, _ref2) {
+      var suggestion = _ref2.suggestion;
+      if (props.clearQueryOnSelect) setQuery('');
+      props.onSuggestionSelected(suggestion);
+    },
+    getSuggestionValue: function getSuggestionValue(suggestion) {
+      if (!props.updateQueryOnSelection) return query;
+      return _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getSuggestionValue"](props.valueKey, suggestion);
+    },
+    renderSuggestion: function renderSuggestion(suggestion) {
+      if (isFunction(props.getSuggestionComponent)) return props.getSuggestionComponent(suggestion);
+      return _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getSuggestionComponent"](props.valueKey, suggestion);
+    },
+    alwaysRenderSuggestions: props.alwaysRenderSuggestions,
+    shouldRenderSuggestions: function shouldRenderSuggestions() {
+      return !!props.renderSuggestionsOnInputFocus;
+    },
+
+    /**
+     * Setting focusInputOnSuggestionClick to false when isMobile is true prevents the keyboard from
+     * appearing on mobile devices when a suggestion is clicked.
+     */
+    focusInputOnSuggestionClick: !isMobile,
+    inputProps: {
+      placeholder: props.placeholder || _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'placeholder'),
+      value: query,
+      onChange: onChange,
+      onKeyDown: onKeyDown,
+      autoFocus: !!props.autoFocusInput,
+      highlightOnFocus: props.highlightInputOnFocus,
+      onClickSearchIcon: !!props.submitOnClickSearchIcon && onSubmit,
+      searchIconPlacement: props.searchIconPlacement,
+      showClearInputIcon: !!props.showClearInputIcon && !!query.length,
+      onClickClearInput: onClickClearInput
+    },
+    renderInputComponent: _SearchInput__WEBPACK_IMPORTED_MODULE_7__["SearchInput"],
+    theme: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getTheme"](props.theme),
+    multiSection: true,
+    renderSectionTitle: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["renderSectionTitle"],
+    getSectionSuggestions: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getSectionSuggestions"]
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/search-bar/SearchInput.tsx":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/search-bar/SearchInput.tsx ***!
+  \*******************************************************************************************************/
+/*! exports provided: SearchInput */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchInput", function() { return SearchInput; });
+/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _search_bar_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./search-bar.scss */ "../../libs/shared/src/components/search-bar/search-bar.scss");
+/* harmony import */ var _search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4__);
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+function getInputClassName(searchIconPlacement, showClearInputIcon, highlightOnFocus, className) {
+  var inputClassName = 'form-control';
+  if (!highlightOnFocus) inputClassName += " ".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.inputWithoutHighlight);
+  if (searchIconPlacement === 'left') inputClassName += " ".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.inputWithLeftIcon);
+  if (searchIconPlacement === 'right' && !showClearInputIcon || searchIconPlacement === 'left' && showClearInputIcon) inputClassName += " ".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.inputWithRightIcon);
+  if (searchIconPlacement === 'right' && showClearInputIcon) inputClassName += " ".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.inputWithTwoRightIcons);
+  if (className) inputClassName += "".concat(className);
+  return inputClassName;
+}
+
+function getSvgContainerClassName(onClickSvg) {
+  var className = 'd-inline-block svg-container';
+  if (!_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(onClickSvg)) return className;
+  return className + ' cursor-pointer';
+}
+
+function SearchInput(props) {
+  var onClickSearchIcon = props.onClickSearchIcon,
+      searchIconPlacement = props.searchIconPlacement,
+      showClearInputIcon = props.showClearInputIcon,
+      onClickClearInput = props.onClickClearInput,
+      highlightOnFocus = props.highlightOnFocus,
+      className = props.className,
+      inputProps = __rest(props, ["onClickSearchIcon", "searchIconPlacement", "showClearInputIcon", "onClickClearInput", "highlightOnFocus", "className"]);
+
+  var SearchIcon = function SearchIcon() {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'd-inline-block'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+      svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Search,
+      size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Standard,
+      onClick: onClickSearchIcon,
+      className: getSvgContainerClassName(onClickSearchIcon)
+    }));
+  };
+
+  var ClearIcon = function ClearIcon() {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: "d-inline-block text-muted ".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.clearButton)
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+      svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Close,
+      size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Standard,
+      onClick: onClickClearInput,
+      className: getSvgContainerClassName(onClickClearInput)
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "position-relative ".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.inputContainer)
+  }, searchIconPlacement === 'left' && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.iconContainer, " ").concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.leftIconContainer)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SearchIcon, null)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", Object.assign({
+    className: getInputClassName(searchIconPlacement, showClearInputIcon, highlightOnFocus, className)
+  }, inputProps)), (searchIconPlacement === 'right' || !!showClearInputIcon) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.iconContainer, " ").concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.rightIconContainer)
+  }, !!showClearInputIcon && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ClearIcon, null), searchIconPlacement === 'right' && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SearchIcon, null)));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/search-bar/SearchUtils.tsx":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/search-bar/SearchUtils.tsx ***!
+  \*******************************************************************************************************/
+/*! exports provided: SuggestionType, getInitialState, onSuggestionsFetchRequestedHandler, getSuggestionValue, getSuggestionComponent, getSuggestionSections, getSectionSuggestions, renderSectionTitle, getTheme */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SuggestionType", function() { return SuggestionType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInitialState", function() { return getInitialState; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onSuggestionsFetchRequestedHandler", function() { return onSuggestionsFetchRequestedHandler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSuggestionValue", function() { return getSuggestionValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSuggestionComponent", function() { return getSuggestionComponent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSuggestionSections", function() { return getSuggestionSections; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSectionSuggestions", function() { return getSectionSuggestions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "renderSectionTitle", function() { return renderSectionTitle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTheme", function() { return getTheme; });
+/* 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 _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _common_src_react_utils_TypeHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../common/src/react/utils/TypeHelper */ "../../libs/common/src/react/utils/TypeHelper.ts");
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _search_bar_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./search-bar.scss */ "../../libs/shared/src/components/search-bar/search-bar.scss");
+/* harmony import */ var _search_bar_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_search_bar_scss__WEBPACK_IMPORTED_MODULE_6__);
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+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 SuggestionType;
+
+(function (SuggestionType) {
+  SuggestionType["Local"] = "local";
+  SuggestionType["Recent"] = "recent";
+  SuggestionType["Remote"] = "remote";
+})(SuggestionType || (SuggestionType = {}));
+
+function getInitialState(initialSuggestions, recentSearches) {
+  var _ref;
+
+  return _ref = {}, _defineProperty(_ref, SuggestionType.Recent, recentSearches), _defineProperty(_ref, SuggestionType.Local, initialSuggestions), _defineProperty(_ref, SuggestionType.Remote, []), _ref;
+}
+
+function hasAttribute(obj, valueKey) {
+  return _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isObject(obj) && obj.hasOwnProperty(valueKey) && _common_src_react_utils_TypeHelper__WEBPACK_IMPORTED_MODULE_4__["TypeHelper"].isString(obj[valueKey]);
+}
+
+function getLocalSuggestions(query, data, valueKey) {
+  var q = query.trim().toLowerCase();
+  if (!q.length) return [];
+  return data.filter(function (d) {
+    if (!hasAttribute(d, valueKey) || !_common_src_react_utils_TypeHelper__WEBPACK_IMPORTED_MODULE_4__["TypeHelper"].isString(d[valueKey])) return false;
+    return d[valueKey].trim().toLowerCase().includes(q);
+  });
+}
+
+function fetchSuggestions(getUrl, query, callback, headers) {
+  var resource = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__["FunctionHelper"].isFunction(getUrl) && getUrl(query);
+  if (!resource) return;
+  _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].ajaxRequest({
+    resource: resource,
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].GET,
+    success: callback,
+    error: function error() {},
+    headers: headers
+  });
+}
+
+function onSuggestionsFetchRequestedHandler(props, setSuggestions, resetSuggestions) {
+  return function (_ref2) {
+    var value = _ref2.value;
+    if (!value.length) resetSuggestions();
+    if (value.length < props.activationLength) return;
+
+    if (props.local) {
+      var filtered = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__["FunctionHelper"].isFunction(props.getLocalSuggestions) ? props.getLocalSuggestions(value, props.local) : getLocalSuggestions(value, props.local, props.valueKey);
+      setSuggestions(function (s) {
+        return Object.assign(Object.assign({}, s), _defineProperty({}, SuggestionType.Local, filtered));
+      });
+    }
+
+    if (props.getRemoteUrl) fetchSuggestions(props.getRemoteUrl, value, function (data) {
+      return setSuggestions(function (s) {
+        return Object.assign(Object.assign({}, s), _defineProperty({}, SuggestionType.Remote, _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__["FunctionHelper"].isFunction(props.formatRemoteSuggestions) ? props.formatRemoteSuggestions(data) : data));
+      });
+    }, props.requestHeaders);
+  };
+}
+function getSuggestionValue(valueKey, suggestion) {
+  if (!hasAttribute(suggestion, valueKey)) return '';
+  return suggestion[valueKey];
+}
+/**
+ * Default suggestion component. Renders text based on valueKey.
+ *
+ * @param valueKey object attribute to be rendered.
+ */
+
+function getSuggestionComponent(valueKey, suggestion) {
+  return hasAttribute(suggestion, valueKey) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, suggestion[valueKey]) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+}
+/**
+ * Maps the suggestion state into sections.
+ *
+ * @param getSections - an optional function passed in from anything consuming
+ * SearchBar used to break the local and remote suggestions into sections.
+ */
+
+function getSuggestionSections(suggestionState, showRecentSearches, recentSearchHeading, suggestionsHeading, getSections, suggestionLimit) {
+  var getTypeSuggestions = function getTypeSuggestions(type) {
+    var typeSuggestions = suggestionState[type];
+    return typeSuggestions || [];
+  };
+
+  var recentSuggestions = showRecentSearches ? getTypeSuggestions(SuggestionType.Recent) : [];
+  var localSuggestions = getTypeSuggestions(SuggestionType.Local);
+  var remoteSuggestions = getTypeSuggestions(SuggestionType.Remote);
+  var sections = [];
+  if (recentSuggestions.length) sections.push({
+    title: recentSearchHeading,
+    data: recentSuggestions
+  });
+  var matchedSuggestions = [].concat(_toConsumableArray(localSuggestions), _toConsumableArray(remoteSuggestions));
+  if (!matchedSuggestions.length) return sections;
+  if (Number.isInteger(suggestionLimit) && matchedSuggestions.length > suggestionLimit) matchedSuggestions = matchedSuggestions.slice(0, suggestionLimit);
+  if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__["FunctionHelper"].isFunction(getSections)) sections.push.apply(sections, _toConsumableArray(getSections(matchedSuggestions)));else sections.push({
+    title: suggestionsHeading,
+    data: matchedSuggestions
+  });
+  return sections;
+}
+/**
+ * Maps a section into a list of suggestions.
+ */
+
+function getSectionSuggestions(section) {
+  return section.data;
+}
+function renderSectionTitle(section) {
+  if (!section.title) return;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-2 pb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("strong", null, section.title));
+}
+var defaultTheme = {
+  container: 'position-relative',
+  suggestionsContainerOpen: "bg-white py-1 border rounded ".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_6___default.a.suggestionsContainerOpen),
+  suggestionsList: 'list-unstyled m-0',
+  suggestion: 'cursor-pointer py-1 px-2',
+  suggestionHighlighted: _search_bar_scss__WEBPACK_IMPORTED_MODULE_6___default.a.suggestionHighlighted,
+  sectionContainer: "border-bottom py-1 ".concat(_search_bar_scss__WEBPACK_IMPORTED_MODULE_6___default.a.sectionContainer)
+};
+function getTheme() {
+  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return Object.assign(defaultTheme, theme);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/search-bar/search-bar.scss":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/search-bar/search-bar.scss ***!
+  \*******************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"inputWithoutHighlight":"cv--inputWithoutHighlight---L0yF","suggestionsContainerOpen":"cv--suggestionsContainerOpen--ahMdW","sectionContainer":"cv--sectionContainer--xstWL","suggestionHighlighted":"cv--suggestionHighlighted--3YTCa","inputContainer":"cv--inputContainer--1wn3m","clearButton":"cv--clearButton--1BwBs","inputWithLeftIcon":"cv--inputWithLeftIcon--qxZOe","inputWithRightIcon":"cv--inputWithRightIcon--3U4W-","inputWithTwoRightIcons":"cv--inputWithTwoRightIcons--2rgzF","iconContainer":"cv--iconContainer--1DLw5","leftIconContainer":"cv--leftIconContainer--AZCtZ","rightIconContainer":"cv--rightIconContainer--1R52s"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=12.chunk.js.map

package/dist/scripts/12.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/search-bar/SearchBar.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/search-bar/SearchInput.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/search-bar/SearchUtils.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/search-bar/search-bar.scss?fef6","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts"],"names":[],"mappings":"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","file":"scripts/12.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\n\r\nimport * as SearchUtils from './SearchUtils';\r\nimport { SearchInput } from './SearchInput';\r\n\r\nconst namespace = 'shared.searchBar';\r\n\r\nconst isFunction = FunctionHelper.isFunction;\r\n\r\ninterface SearchBarWrapperProps {\r\n  renderAsForm: boolean;\r\n  onSubmit: (event: React.FormEvent) => void;\r\n}\r\n\r\nfunction SearchBarWrapper(props: React.PropsWithChildren<SearchBarWrapperProps>): JSX.Element {\r\n  if (!props.renderAsForm)\r\n    return (\r\n      <>\r\n        {props.children}\r\n      </>\r\n    );\r\n\r\n  return (\r\n    <form onSubmit={props.onSubmit}>\r\n      {props.children}\r\n    </form>\r\n  );\r\n}\r\n\r\nexport interface SearchBarProps<T extends HashObject> {\r\n  /**\r\n   * Optional initial query. Useful for populating the search bar\r\n   * on a search results page.\r\n   */\r\n  initialQuery?: string;\r\n\r\n  /**\r\n   * Callback function for when a suggestion is selected.\r\n   */\r\n  onSuggestionSelected: (suggestion: T) => void;\r\n\r\n  /**\r\n   * Flag to determine if the query should be updated when a\r\n   * suggestion is selected. Defaults to `true` in `defaultProps`.\r\n   * If true, SearchUtils.getSuggestionValue is used to update the query.\r\n   */\r\n  updateQueryOnSelection?: boolean;\r\n\r\n  /**\r\n   * Optional callback for when the search query changes.\r\n   */\r\n  onQueryChange?: (query: string) => void;\r\n\r\n  /**\r\n   * Optional callback for when the search is submitted.\r\n   */\r\n  onSubmit?: (query: string) => void;\r\n\r\n  /**\r\n   * Optional callback to get the remote resource if remote search\r\n   * results are being used.\r\n   */\r\n  getRemoteUrl?: (query: string) => string;\r\n\r\n\r\n  /**\r\n   * If additional headers are required (e.g. authorization) when fetching\r\n   * a remote resource, add them in here.\r\n   */\r\n  requestHeaders?: HashObject;\r\n\r\n  /**\r\n   * Optional formatting function for the data returned from the remote resource.\r\n   */\r\n  formatRemoteSuggestions?: (data: any) => T[];\r\n\r\n  /**\r\n   * Optional array of recent searches.\r\n   */\r\n  recentSearches?: T[];\r\n\r\n  /**\r\n   * A label for the recent search section.\r\n   * A default is provided in the i18n config.\r\n   */\r\n  recentSearchHeading?: string;\r\n\r\n  /**\r\n   * A label for the main suggestions section.\r\n   * Will not be used if getSections is passed as a prop.\r\n   */\r\n  suggestionsHeading?: string;\r\n\r\n  /**\r\n   * Optional array of local data to be used as suggestion sources.\r\n   */\r\n  local?: T[];\r\n\r\n  /**\r\n   * Optional array of initial suggestions. These suggestions will be available\r\n   * when no query is present. Entering a query will begin filtering suggestions.\r\n   * This is useful for using SearchBar to filter a list.\r\n   */\r\n  initialSuggestions?: T[];\r\n\r\n  /**\r\n   * Key used to filter local data. This is required if local is provided,\r\n   * however a default of 'name' is set in `defaultProps`.\r\n   */\r\n  valueKey?: keyof T;\r\n\r\n  /**\r\n   * Optional function to filter suggestions from local data.\r\n   * SearchUtils.getLocalSuggestions will be used by default.\r\n   */\r\n  getLocalSuggestions?: (query: string, local: T[]) => T[];\r\n\r\n  /**\r\n   * Optional function for splitting suggestions into sections.\r\n   * Doesn't apply to recent searches (SuggestionType.Recent).\r\n   */\r\n  getSections?: (suggestions: T[]) => SearchUtils.SuggestionSection<T>[];\r\n\r\n  /**\r\n   * Placeholder for the search input.\r\n   * A default is provided in the i18n config.\r\n   */\r\n  placeholder?: string;\r\n\r\n  /**\r\n   * The number of characters required to begin providing suggestions.\r\n   * A default is provided in `defaultProps`.\r\n   */\r\n  activationLength?: number;\r\n\r\n  /**\r\n   * Max number of suggestions to render. A default is set in `defaultProps`.\r\n   * Set to false to render all suggestions (e.g. for filtering a list in memory).\r\n   */\r\n  suggestionLimit?: number | false;\r\n\r\n  /**\r\n   * Callback function to get the component to be rendered for a suggestion.\r\n   * SearchUtils.getSuggestionComponent is used a default. This uses\r\n   * `valueKey` to render text.\r\n   */\r\n  getSuggestionComponent?: (suggestion: T) => JSX.Element;\r\n\r\n  /**\r\n   * If true, suggestions will be rendered, even if the input isn't focussed.\r\n   */\r\n  alwaysRenderSuggestions?: boolean;\r\n\r\n  /*\r\n   * Optional theme hash to override `defaultTheme` in SearchUtils.\r\n   */\r\n  theme?: Autosuggest.Theme;\r\n\r\n  /**\r\n   * Option to determine whether to render the search icon and if so,\r\n   * which side to render it on. Defaults to `right` in `defaultProps`\r\n   */\r\n  searchIconPlacement?: 'left' | 'right' | false;\r\n\r\n  /**\r\n   * If true, a cross svg will be rendered.\r\n   * Clicking this icon will reset the query.\r\n   */\r\n  showClearInputIcon?: boolean;\r\n\r\n  /**\r\n   * Optional callback function to be called when the clear input\r\n   * icon is clicked.\r\n   * The query will be reset automatically, this callback is for\r\n   * adding additional functionality.\r\n   */\r\n  onClickClearInput?: () => void;\r\n\r\n  /**\r\n   * Flag to determine whether clicking the search icon should trigger\r\n   * submitting the search query.\r\n   */\r\n  submitOnClickSearchIcon?: boolean;\r\n\r\n  /**\r\n   * Flag to determine whether the search input should be autofocused.\r\n   */\r\n  autoFocusInput?: boolean;\r\n\r\n  /**\r\n   * If true, the default Bootstrap styling will be applied when the\r\n   * input is focused.\r\n   */\r\n  highlightInputOnFocus?: boolean;\r\n\r\n  /**\r\n   * If true, suggestions will be rendered whenever the input is focussed.\r\n   * Useful for show recent searches suggestions when there's no query.\r\n   */\r\n  renderSuggestionsOnInputFocus?: boolean;\r\n\r\n  /**\r\n   * When true, the input field will be cleared whenever a suggestion is selected.\r\n   */\r\n  clearQueryOnSelect?: boolean;\r\n\r\n  onBackspace?: () => void;\r\n\r\n  /**\r\n   * When true, the search input will be wrapped in a <form />.\r\n   * This is true by default.\r\n   * If rendering <SearchBar /> within another form, set this to false.\r\n   */\r\n  renderAsForm?: boolean;\r\n}\r\n\r\nSearchBar.defaultProps = {\r\n  updateQueryOnSelection: true,\r\n  valueKey: 'name',\r\n  activationLength: 3,\r\n  suggestionLimit: 5,\r\n  recentSearches: [],\r\n  initialSuggestions: [],\r\n  searchIconPlacement: 'right',\r\n  renderAsForm: true\r\n};\r\n\r\nexport function SearchBar<T extends HashObject>(props: SearchBarProps<T>): JSX.Element {\r\n  const initialState = SearchUtils.getInitialState(props.initialSuggestions, props.recentSearches);\r\n\r\n  const [ query, setQuery ] = React.useState(props.initialQuery || '');\r\n  const [ suggestions, setSuggestions ] = React.useState<SearchUtils.SuggestionState<T>>(initialState);\r\n\r\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\r\n\r\n  React.useEffect(() => {\r\n    const initialQuery = props.initialQuery || '';\r\n\r\n    if (query !== initialQuery)\r\n      setQuery(initialQuery);\r\n  }, [props.initialQuery]);\r\n\r\n  const resetSuggestions = () => {\r\n    setSuggestions(initialState);\r\n  };\r\n\r\n  const onChange = (e: React.ChangeEvent, { newValue }: Autosuggest.ChangeEvent) => {\r\n    setQuery(newValue);\r\n\r\n    if (isFunction(props.onQueryChange))\r\n      props.onQueryChange(newValue);\r\n  };\r\n\r\n  const onSubmit = (event: React.FormEvent) => {\r\n    event.preventDefault();\r\n\r\n    if (isFunction(props.onSubmit))\r\n      props.onSubmit(query);\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent) => {\r\n    if (event.keyCode === 8 && props.onBackspace && !query)\r\n      props.onBackspace();\r\n  };\r\n\r\n  const onClickClearInput = () => {\r\n    setQuery('');\r\n\r\n    if (isFunction(props.onClickClearInput))\r\n      props.onClickClearInput();\r\n  };\r\n\r\n  return (\r\n    <SearchBarWrapper onSubmit={onSubmit} renderAsForm={!!props.renderAsForm}>\r\n      <Autosuggest<T>\r\n        suggestions={\r\n          SearchUtils.getSuggestionSections(\r\n            suggestions,\r\n            !query,\r\n            props.recentSearchHeading || LanguageService.getPhrase(namespace, 'recentSearchHeading'),\r\n            props.suggestionsHeading,\r\n            props.getSections,\r\n            props.suggestionLimit\r\n          )\r\n        }\r\n        onSuggestionsFetchRequested={\r\n          SearchUtils.onSuggestionsFetchRequestedHandler(props, setSuggestions, resetSuggestions)\r\n        }\r\n        onSuggestionsClearRequested={() => {\r\n          if (!props.alwaysRenderSuggestions)\r\n            resetSuggestions();\r\n        }}\r\n        onSuggestionSelected={(e: React.FormEvent, { suggestion }: Autosuggest.SuggestionSelectedEventData<T>) => {\r\n          if (props.clearQueryOnSelect)\r\n            setQuery('');\r\n\r\n          props.onSuggestionSelected(suggestion);\r\n        }}\r\n        getSuggestionValue={(suggestion: T) => {\r\n          if (!props.updateQueryOnSelection)\r\n            return query;\r\n\r\n          return SearchUtils.getSuggestionValue(props.valueKey, suggestion);\r\n        }}\r\n        renderSuggestion={(suggestion: T) => {\r\n          if (isFunction(props.getSuggestionComponent))\r\n            return props.getSuggestionComponent(suggestion);\r\n\r\n          return SearchUtils.getSuggestionComponent(props.valueKey, suggestion);\r\n        }}\r\n        alwaysRenderSuggestions={props.alwaysRenderSuggestions}\r\n        shouldRenderSuggestions={() => {\r\n          return !!props.renderSuggestionsOnInputFocus;\r\n        }}\r\n        /** \r\n         * Setting focusInputOnSuggestionClick to false when isMobile is true prevents the keyboard from \r\n         * appearing on mobile devices when a suggestion is clicked.\r\n         */\r\n        focusInputOnSuggestionClick={!isMobile}\r\n        inputProps={{\r\n          placeholder: props.placeholder || LanguageService.getPhrase(namespace, 'placeholder'),\r\n          value: query,\r\n          onChange,\r\n          onKeyDown,\r\n          autoFocus: !!props.autoFocusInput,\r\n          highlightOnFocus: props.highlightInputOnFocus,\r\n          onClickSearchIcon: !!props.submitOnClickSearchIcon && onSubmit,\r\n          searchIconPlacement: props.searchIconPlacement,\r\n          showClearInputIcon: !!props.showClearInputIcon && !!query.length,\r\n          onClickClearInput\r\n        } as Autosuggest.InputProps<T>}\r\n        renderInputComponent={SearchInput}\r\n        theme={SearchUtils.getTheme(props.theme)}\r\n        multiSection\r\n        renderSectionTitle={SearchUtils.renderSectionTitle}\r\n        getSectionSuggestions={SearchUtils.getSectionSuggestions}\r\n      />\r\n    </SearchBarWrapper>\r\n  );\r\n}","import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './search-bar.scss';\r\n\r\ntype SearchIconPlacement = 'left' | 'right' | false;\r\n\r\nfunction getInputClassName(\r\n  searchIconPlacement: SearchIconPlacement,\r\n  showClearInputIcon: boolean,\r\n  highlightOnFocus: boolean,\r\n  className: string\r\n): string {\r\n  let inputClassName = 'form-control';\r\n\r\n  if (!highlightOnFocus)\r\n    inputClassName += ` ${styles.inputWithoutHighlight}`;\r\n\r\n  if (searchIconPlacement === 'left')\r\n    inputClassName += ` ${styles.inputWithLeftIcon}`;\r\n\r\n  if (searchIconPlacement === 'right' && !showClearInputIcon || searchIconPlacement === 'left' && showClearInputIcon)\r\n    inputClassName += ` ${styles.inputWithRightIcon}`;\r\n\r\n  if (searchIconPlacement === 'right' && showClearInputIcon)\r\n    inputClassName += ` ${styles.inputWithTwoRightIcons}`;\r\n\r\n  if (className)\r\n    inputClassName += `${className}`;\r\n\r\n  return inputClassName;\r\n}\r\n\r\nfunction getSvgContainerClassName(onClickSvg: () => void): string {\r\n  const className = 'd-inline-block svg-container';\r\n\r\n  if (!FunctionHelper.isFunction(onClickSvg))\r\n    return className;\r\n\r\n  return className + ' cursor-pointer';\r\n}\r\n\r\ninterface SearchInputProps<T> extends Autosuggest.InputProps<T>{\r\n  onClickSearchIcon?: () => void;\r\n  searchIconPlacement?: SearchIconPlacement;\r\n  showClearInputIcon?: boolean;\r\n  onClickClearInput?: () => void;\r\n  highlightOnFocus?: boolean;\r\n}\r\n\r\nexport function SearchInput<T extends HashObject>(props: SearchInputProps<T>): JSX.Element {\r\n  const {\r\n    onClickSearchIcon,\r\n    searchIconPlacement,\r\n    showClearInputIcon,\r\n    onClickClearInput,\r\n    highlightOnFocus,\r\n    className,\r\n    ...inputProps\r\n  } = props;\r\n\r\n  const SearchIcon = () => (\r\n    <div className='d-inline-block'>\r\n      <SvgContainer\r\n        svgName={cvSvgLibrary.Search}\r\n        size={SvgContainerSize.Standard}\r\n        onClick={onClickSearchIcon}\r\n        className={getSvgContainerClassName(onClickSearchIcon)}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  const ClearIcon = () => (\r\n    <div className={`d-inline-block text-muted ${styles.clearButton}`}>\r\n      <SvgContainer\r\n        svgName={cvSvgLibrary.Close}\r\n        size={SvgContainerSize.Standard}\r\n        onClick={onClickClearInput}\r\n        className={getSvgContainerClassName(onClickClearInput)}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className={`position-relative ${styles.inputContainer}`}>\r\n      {searchIconPlacement === 'left' &&\r\n        <div className={`${styles.iconContainer} ${styles.leftIconContainer}`}>\r\n          <SearchIcon />\r\n        </div>\r\n      }\r\n      <input\r\n        className={getInputClassName(searchIconPlacement, showClearInputIcon, highlightOnFocus, className)}\r\n        {...inputProps as any}\r\n      />\r\n      {(searchIconPlacement === 'right' || !!showClearInputIcon) &&\r\n        <div className={`${styles.iconContainer} ${styles.rightIconContainer}`}>\r\n          {!!showClearInputIcon && <ClearIcon />}\r\n          {searchIconPlacement === 'right' && <SearchIcon />}\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n}\r\n","import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { TypeHelper } from 'libs/common/react/utils/TypeHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { SearchBarProps } from './SearchBar';\r\n\r\nimport styles from './search-bar.scss';\r\n\r\nexport enum SuggestionType {\r\n  Local = 'local',\r\n  Recent = 'recent',\r\n  Remote = 'remote'\r\n}\r\n\r\n/**\r\n * Suggestions grouped as a section\r\n */\r\nexport interface SuggestionSection<T extends HashObject> {\r\n  data: T[];\r\n  title?: string;\r\n}\r\n\r\n/**\r\n * How suggestion data is stored in state in SearchBar\r\n */\r\nexport type SuggestionState<T extends HashObject> = { [ key in SuggestionType ]: T[] };\r\n\r\nexport function getInitialState<T extends HashObject>(\r\n  initialSuggestions: T[], recentSearches: T[]\r\n): SuggestionState<T> {\r\n  return {\r\n    [SuggestionType.Recent]: recentSearches,\r\n    [SuggestionType.Local]: initialSuggestions,\r\n    [SuggestionType.Remote]: []\r\n  };\r\n}\r\n\r\nfunction hasAttribute<T extends HashObject>(obj: T, valueKey: keyof T): boolean {\r\n  return ObjectHelper.isObject(obj) && obj.hasOwnProperty(valueKey) && TypeHelper.isString(obj[valueKey]);\r\n}\r\n\r\nfunction getLocalSuggestions<T extends HashObject>(query: string, data: T[], valueKey: keyof T): T[] {\r\n  const q = query.trim().toLowerCase();\r\n\r\n  if (!q.length)\r\n    return [];\r\n\r\n  return data.filter(d => {\r\n    if (!hasAttribute(d, valueKey) || !TypeHelper.isString(d[valueKey]))\r\n      return false;\r\n\r\n    return d[valueKey].trim().toLowerCase().includes(q);\r\n  });\r\n}\r\n\r\nfunction fetchSuggestions<T extends HashObject>(\r\n  getUrl: (query: string) => string,\r\n  query: string,\r\n  callback: (suggestions: T[]) => void,\r\n  headers?: HashObject\r\n): void {\r\n  const resource = FunctionHelper.isFunction(getUrl) && getUrl(query);\r\n\r\n  if (!resource)\r\n    return;\r\n\r\n  Flight.ajaxRequest({\r\n    resource,\r\n    type: HttpVerbs.GET,\r\n    success: callback,\r\n    error: () => {},\r\n    headers\r\n  });\r\n}\r\n\r\nexport function onSuggestionsFetchRequestedHandler<T extends HashObject>(\r\n  props: SearchBarProps<T>,\r\n  setSuggestions: React.Dispatch<React.SetStateAction<SuggestionState<T>>>,\r\n  resetSuggestions: () => void\r\n): (params: Autosuggest.SuggestionsFetchRequestedParams) => void {\r\n  return ({ value }: Autosuggest.SuggestionsFetchRequestedParams) => {\r\n    if (!value.length)\r\n      resetSuggestions();\r\n\r\n    if (value.length < props.activationLength)\r\n      return;\r\n\r\n    if (props.local) {\r\n      const filtered = FunctionHelper.isFunction(props.getLocalSuggestions)\r\n        ? props.getLocalSuggestions(value, props.local)\r\n        : getLocalSuggestions(value, props.local, props.valueKey);\r\n\r\n      setSuggestions(s => ({ ...s, [SuggestionType.Local]: filtered }));\r\n    }\r\n\r\n    if (props.getRemoteUrl)\r\n      fetchSuggestions(\r\n        props.getRemoteUrl,\r\n        value,\r\n        (data: any) => setSuggestions(\r\n          s => ({\r\n            ...s,\r\n            [SuggestionType.Remote]: FunctionHelper.isFunction(props.formatRemoteSuggestions)\r\n              ? props.formatRemoteSuggestions(data)\r\n              : data\r\n          })\r\n        ),\r\n        props.requestHeaders\r\n      );\r\n  };\r\n}\r\n\r\nexport function getSuggestionValue<T extends HashObject>(valueKey: keyof T, suggestion: T): string {\r\n  if (!hasAttribute(suggestion, valueKey))\r\n    return '';\r\n\r\n  return suggestion[valueKey];\r\n}\r\n\r\n/**\r\n * Default suggestion component. Renders text based on valueKey.\r\n * \r\n * @param valueKey object attribute to be rendered.\r\n */\r\nexport function getSuggestionComponent<T extends HashObject>(valueKey: keyof T, suggestion: T): JSX.Element {\r\n  return hasAttribute(suggestion, valueKey)\r\n    ? <>{suggestion[valueKey]}</>\r\n    : <></>;\r\n}\r\n\r\n/**\r\n * Maps the suggestion state into sections.\r\n * \r\n * @param getSections - an optional function passed in from anything consuming\r\n * SearchBar used to break the local and remote suggestions into sections.\r\n */\r\nexport function getSuggestionSections<T extends HashObject>(\r\n  suggestionState: SuggestionState<T>,\r\n  showRecentSearches: boolean,\r\n  recentSearchHeading: string,\r\n  suggestionsHeading?: string,\r\n  getSections?: (suggestions: T[]) => SuggestionSection<T>[],\r\n  suggestionLimit?: number | false\r\n): SuggestionSection<T>[] {\r\n  const getTypeSuggestions = (type: SuggestionType) => {\r\n    const typeSuggestions = suggestionState[type];\r\n\r\n    return typeSuggestions || [];\r\n  };\r\n\r\n  const recentSuggestions = showRecentSearches ? getTypeSuggestions(SuggestionType.Recent) : [];\r\n  const localSuggestions = getTypeSuggestions(SuggestionType.Local);\r\n  const remoteSuggestions = getTypeSuggestions(SuggestionType.Remote);\r\n\r\n  const sections: SuggestionSection<T>[] = [];\r\n\r\n  if (recentSuggestions.length)\r\n    sections.push({\r\n      title: recentSearchHeading,\r\n      data: recentSuggestions\r\n    });\r\n\r\n  let matchedSuggestions = [ ...localSuggestions, ...remoteSuggestions ];\r\n\r\n  if (!matchedSuggestions.length)\r\n    return sections;\r\n\r\n  if (Number.isInteger((suggestionLimit as number)) && matchedSuggestions.length > suggestionLimit)\r\n    matchedSuggestions = matchedSuggestions.slice(0, (suggestionLimit as number));\r\n\r\n  if (FunctionHelper.isFunction(getSections))\r\n    sections.push(...getSections(matchedSuggestions));\r\n  else\r\n    sections.push({ title: suggestionsHeading, data: matchedSuggestions });\r\n\r\n  return sections;\r\n}\r\n\r\n/**\r\n * Maps a section into a list of suggestions.\r\n */\r\nexport function getSectionSuggestions<T extends HashObject>(section: SuggestionSection<T>): T[] {\r\n  return section.data;\r\n}\r\n\r\nexport function renderSectionTitle<T extends HashObject>(section: SuggestionSection<T>): JSX.Element | null {\r\n  if (!section.title)\r\n    return;\r\n    \r\n  return (\r\n    <div className='px-2 pb-1'>\r\n      <strong>{section.title}</strong>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst defaultTheme = {\r\n  container: 'position-relative',\r\n  suggestionsContainerOpen: `bg-white py-1 border rounded ${styles.suggestionsContainerOpen}`,\r\n  suggestionsList: 'list-unstyled m-0',\r\n  suggestion: 'cursor-pointer py-1 px-2',\r\n  suggestionHighlighted: styles.suggestionHighlighted,\r\n  sectionContainer: `border-bottom py-1 ${styles.sectionContainer}`\r\n};\r\n\r\nexport function getTheme(theme: Autosuggest.Theme = {}): Autosuggest.Theme {\r\n  return Object.assign(defaultTheme, theme);\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputWithoutHighlight\":\"cv--inputWithoutHighlight---L0yF\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--ahMdW\",\"sectionContainer\":\"cv--sectionContainer--xstWL\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--3YTCa\",\"inputContainer\":\"cv--inputContainer--1wn3m\",\"clearButton\":\"cv--clearButton--1BwBs\",\"inputWithLeftIcon\":\"cv--inputWithLeftIcon--qxZOe\",\"inputWithRightIcon\":\"cv--inputWithRightIcon--3U4W-\",\"inputWithTwoRightIcons\":\"cv--inputWithTwoRightIcons--2rgzF\",\"iconContainer\":\"cv--iconContainer--1DLw5\",\"leftIconContainer\":\"cv--leftIconContainer--AZCtZ\",\"rightIconContainer\":\"cv--rightIconContainer--1R52s\"};","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};"],"sourceRoot":""}

package/dist/scripts/13-b5d5d7bdfa.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[13],{1029:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(27),i={clip:function(e){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e,"?query=video[thumbnail],owner")}},createClip:function(e,t,n,i,r){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(e,"/clips"),data:t,type:a.a.POST,success:n,error:i,always:r}},updateClip:function(e,t,n,i,r){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),data:t,type:a.a.PUT,success:n,error:i,always:r}},deleteClip:function(e,t,n,i,r){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),type:a.a.DELETE,invalidationKeys:["videos:".concat(t)],success:n,error:i,always:r}}}},1498:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n(76),r=n(19),o=n(9),l=n(48),c=n(165),u=n(305),s=n(958),d=n(1011),m=n(959),p=n(91),v=n(966),f=n(979),b=n(980),y=n(982),h=n(160),O=n(975),w=o.a.encloseNamespace("shared.editClipDetails"),E=d.object().shape({name:d.string().trim().max(255,(function(){return w("titleTooLong")})).required((function(){return w("titleRequired")})).default(""),description:d.string().trim().max(65535,(function(){return w("descriptionTooLong")})).default(""),startTime:d.number().required(),endTime:d.number().required()}).noUnknown();function g(e){var t=Object(v.b)();return a.createElement(m.c,null,a.createElement("div",{className:"row form-group"},a.createElement("div",{className:"col-5"},a.createElement(y.a,{video:e.video,type:"static",videoType:"clip",clip:t.values,imageOptions:{size:h.a.Small},textPosition:O.a.Independent,preload:!0})),a.createElement("div",{className:"col-7"},a.createElement("h2",{className:"h6"},t.values.name))),a.createElement(f.b,{label:w("nameLabel"),type:"text",name:"name",id:"name",placeholder:w("namePlaceholder"),autoFocus:!0,value:t.values.name}),a.createElement(f.b,{label:w("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:w("descriptionPlaceholder"),value:t.values.description}),a.createElement("div",{className:"btn-container d-flex justify-content-end"},a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},a.createElement(p.b,{namespace:"shared.editClipDetails",phrase:"cancel"})),a.createElement(b.a,{isNew:e.isNew,submitText:w(e.isNew?"createClip":"saveClip")})))}function S(e){var t;return a.createElement(v.a,{initialValues:e.clip,validationSchema:E,onSubmit:e.saveClip,allowInitialSubmit:e.allowInitialSubmit},a.createElement(g,{video:e.video,isNew:!!(null===(t=e.clip)||void 0===t?void 0:t.id),onClickCancel:e.onClickCancel}))}var C=n(1029),j=n(311);n.d(t,"EditClipDetailsView",(function(){return k}));var N=o.a.encloseNamespace("shared.editClipDetails");function k(e){var t,n,o,d,m,p,v,f,b,y,h=Object(i.useDispatch)(),O=Object(s.a)(),w=r.a.useBasicFetch(!!e.id&&C.a.clip(e.id)),E=(null===(n=null===(t=w.data)||void 0===t?void 0:t.video)||void 0===n?void 0:n.id)||e.videoId,g=r.a.useBasicFetch(!!E&&j.a.video(E)),k=isNaN(e.startTime)?null===(d=null===(o=w)||void 0===o?void 0:o.data)||void 0===d?void 0:d.startTime:e.startTime,P=isNaN(e.endTime)?null===(p=null===(m=w)||void 0===m?void 0:m.data)||void 0===p?void 0:p.endTime:e.endTime;if(!e.id&&!e.videoId)return a.createElement(a.Fragment,null);var x=!(!g.data||e.id&&!w.data);return a.createElement(u.a,{title:N(e.id?"editPopupHeading":"createPopupHeading"),closePopup:e.closePopup,showLoadingSpinner:!x},a.createElement(S,{video:g.data,clip:{name:(null===(f=null===(v=w)||void 0===v?void 0:v.data)||void 0===f?void 0:f.name)||N("defaultClipName",{videoName:g.data.name}),description:null===(y=null===(b=w)||void 0===b?void 0:b.data)||void 0===y?void 0:y.description,startTime:k,endTime:P},saveClip:function(t){var n=function(e){O.success(N("success",{name:t.name})),l.a.logUserAction(e,{actionType:c.n.Edit,entity:c.d.Clip,location:c.j.Popup,workflowPhase:c.o.Complete})},a=function(){O.error(N("error"))},i=function(){e.closePopup()},o=e.id?C.a.updateClip(e.id,t,n,a,i):C.a.createClip(e.videoId,t,n,a,i);r.a.fetch(h,o)},onClickCancel:e.closePopup,allowInitialSubmit:!0}))}},966:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return u}));var a=n(0),i=n(959),r=n(45),o=n(69),l=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function c(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,c=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,d=l(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),m=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=o.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(o.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(c)):c,p={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(i.d,Object.assign({enableReinitialize:!0},d,{initialValues:m,onSubmit:function(t,a){var i=a.setSubmitting,r=a.resetForm,o=n&&e.validationSchema?e.validationSchema.cast(t):t;u(o,(function(){s&&r(),i(!1)}))},initialStatus:p}),r.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(i.f)()}c.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},972:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(959),i={getCustomFormControlClassName:function(e,t,n,i){var r="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(r+=" is-invalid"),i&&(r+=" ".concat(i)),r}}},979:function(e,t,n){"use strict";var a=n(0),i=n(959),r=n(40),o=n(45),l=n(972);function c(e){var t=Object(i.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(r.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(m,Object.assign({className:"custom-control-input"},n)),a.createElement(r.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return m})),n.d(t,"b",(function(){return p}));var d=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function m(e){var t=e.children,n=d(e,["children"]);return a.createElement(i.b,Object.assign({},n),o.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function p(e){var t=e.label,n=e.className,o=e.showCharacterCounter,u=d(e,["label","className","showCharacterCounter"]),p=Object(i.f)(),v=p.errors,f=p.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(r.Form.Group,null,!!t&&a.createElement(r.Form.Label,{htmlFor:u.id},t),a.createElement(m,Object.assign({className:l.a.getCustomFormControlClassName(v,f,u.name,n)},u)),!!o&&!!u.maxLength&&a.createElement(c,{fieldName:u.name,limit:u.maxLength}),a.createElement(i.a,{name:u.name},(function(e){return a.createElement(r.Form.Control.Feedback,{type:"invalid"},e)})))}},980:function(e,t,n){"use strict";var a=n(0),i=n(959);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var o,l=e[Symbol.iterator]();!(a=(o=l.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==l.return||l.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var l=n(313),c=n(91);n.d(t,"a",(function(){return u}));function u(e){var t=Object(i.f)(),n=function(e){var t,n=r(a.useState(!1),2),i=n[0],o=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?o(!0):o(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&o(!1)}),[e.isSubmitting]),i}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var o="save";return e.isNew&&(o="create"),e.hasNext&&(o="next"),a.createElement(l.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(c.b,{namespace:"shared.formButtons",phrase:o}))}}}]);