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

package/dist/scripts/4.chunk.js

@@ -0,0 +1,403 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[4],{
+
+/***/ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx ***!
+  \***************************************************************************************************************/
+/*! exports provided: FormButtons */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormButtons", function() { return FormButtons; });
+/* 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 formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../hooks/UseCanSubmitForm */ "../../libs/shared/src/hooks/UseCanSubmitForm.ts");
+/* harmony import */ var _spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../spinner-button/SpinnerButton */ "../../libs/shared/src/components/spinner-button/SpinnerButton.tsx");
+/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+
+
+
+
+
+var namespace = 'shared.formButtons';
+var ENTER_KEY_CODE = 13;
+function FormButtons(props) {
+  var formikProps = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
+  var canSubmit = Object(_hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__["useCanSubmitForm"])(formikProps);
+  /**
+   * This hook listens to "Enter" keypress events, and submits the form if there
+   * are no errors. This prevents any edge cases where submitting doesn't work on
+   * Enter normally, such as when a custom component is in focus.
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    function onKeyPress(e) {
+      if (e.keyCode !== ENTER_KEY_CODE || !canSubmit) return;
+      formikProps.validateForm().then(function (errors) {
+        if (!Object.keys(errors).length) formikProps.submitForm();
+      });
+    }
+
+    window.addEventListener('keypress', onKeyPress);
+    return function () {
+      return window.removeEventListener('keypress', onKeyPress);
+    };
+  }, [canSubmit]);
+  var phraseKey = 'save';
+  if (props.isNew) phraseKey = 'create';
+  if (props.hasNext) phraseKey = 'next';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__["SpinnerButton"], {
+    variant: props.variant || 'primary',
+    showSpinner: formikProps.isSubmitting,
+    type: 'submit',
+    disabled: !canSubmit
+  }, props.submitText ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.submitText) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: phraseKey
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx ***!
+  \*****************************************************************************************************************/
+/*! exports provided: FormCheckbox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormCheckbox", function() { return FormCheckbox; });
+/* 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_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _form_field_FormField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+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;
+};
+
+
+
+
+/**
+ * Use this checkbox within Formik contexts
+ */
+
+function FormCheckbox(props) {
+  var label = props.label,
+      fieldProps = __rest(props, ["label"]);
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Group, null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'custom-control custom-checkbox'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_field_FormField__WEBPACK_IMPORTED_MODULE_2__["FieldWrapper"], Object.assign({
+    className: 'custom-control-input'
+  }, fieldProps)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Label, {
+    className: 'custom-control-label',
+    htmlFor: fieldProps.id
+  }, label)));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx":
+/*!******************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx ***!
+  \******************************************************************************************************************/
+/*! exports provided: CharacterCounter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CharacterCounter", function() { return CharacterCounter; });
+/* 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 formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+
+
+function CharacterCounter(props) {
+  var _useFormikContext = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])(),
+      values = _useFormikContext.values;
+
+  var field = values[props.fieldName];
+  if (typeof field !== 'string') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'float-right text-muted'
+  }, field.length, "/", props.limit);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-field/FormField.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: FieldWrapper, FormField */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FieldWrapper", function() { return FieldWrapper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormField", function() { return FormField; });
+/* 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 formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/FormHelper */ "../../libs/shared/src/utils/FormHelper.ts");
+/* harmony import */ var _CharacterCounter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./CharacterCounter */ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx");
+/* harmony import */ var _form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form-checkbox/FormCheckbox */ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx");
+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 FieldWrapper(props) {
+  var children = props.children,
+      fieldProps = __rest(props, ["children"]);
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Field"], Object.assign({}, fieldProps), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(children) ? function (f) {
+    return children(f);
+  } : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(children) ? children : null);
+}
+function FormField(props) {
+  var label = props.label,
+      className = props.className,
+      showCharacterCounter = props.showCharacterCounter,
+      fieldProps = __rest(props, ["label", "className", "showCharacterCounter"]);
+
+  var _useFormikContext = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])(),
+      errors = _useFormikContext.errors,
+      touched = _useFormikContext.touched;
+
+  if (fieldProps.type === 'checkbox') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__["FormCheckbox"], Object.assign({}, props));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Group, null, !!label && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Label, {
+    htmlFor: fieldProps.id
+  }, label), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](FieldWrapper, Object.assign({
+    className: _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__["FormHelper"].getCustomFormControlClassName(errors, touched, fieldProps.name, className)
+  }, fieldProps)), !!showCharacterCounter && !!fieldProps.maxLength && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_CharacterCounter__WEBPACK_IMPORTED_MODULE_5__["CharacterCounter"], {
+    fieldName: fieldProps.name,
+    limit: fieldProps.maxLength
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["ErrorMessage"], {
+    name: fieldProps.name
+  }, function (errorMessage) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Control.Feedback, {
+      type: 'invalid'
+    }, errorMessage);
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx ***!
+  \***************************************************************************************************************/
+/*! exports provided: FormWrapper, useFormikContextWrapper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormWrapper", function() { return FormWrapper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useFormikContextWrapper", function() { return useFormikContextWrapper; });
+/* 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 formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* 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_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+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 omitNullInitialValues(initialValues) {
+  var values = _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].deepClone(initialValues);
+  Object.keys(values).forEach(function (key) {
+    if (!values.hasOwnProperty(key)) return;
+    if (_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isObject(values[key])) values[key] = omitNullInitialValues(values[key]);else if (values[key] === null) delete values[key];
+  });
+  return values;
+}
+
+FormWrapper.defaultProps = {
+  castInitialValues: true,
+  castValuesOnSubmit: true
+};
+function FormWrapper(props) {
+  var castInitialValues = props.castInitialValues,
+      castValuesOnSubmit = props.castValuesOnSubmit,
+      initialValues = props.initialValues,
+      onSubmit = props.onSubmit,
+      resetOnSubmit = props.resetOnSubmit,
+      formikProps = __rest(props, ["castInitialValues", "castValuesOnSubmit", "initialValues", "onSubmit", "resetOnSubmit"]);
+  /**
+   * If castInitialValues is true, cast initialValues to the validationSchema.
+   * This will ensure that any data fetched from the api conforms to the expected form data shape.
+   */
+
+
+  var formattedInitialValues = castInitialValues && props.validationSchema ? props.validationSchema.cast(omitNullInitialValues(initialValues)) : initialValues;
+
+  var onSubmitHandler = function onSubmitHandler(values, _ref) {
+    var setSubmitting = _ref.setSubmitting,
+        resetForm = _ref.resetForm;
+
+    /**
+     * validationSchema.cast will coerce the values to the types defined in validationSchema.
+     * This is useful for trimming inputs:
+     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.
+     */
+    var formattedData = castValuesOnSubmit && props.validationSchema ? props.validationSchema.cast(values) : values;
+    onSubmit(formattedData, function () {
+      resetOnSubmit && resetForm();
+      setSubmitting(false);
+    });
+  };
+
+  var initialStatus = {
+    allowInitialSubmit: props.allowInitialSubmit
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Formik"], Object.assign({
+    enableReinitialize: true
+  }, formikProps, {
+    initialValues: formattedInitialValues,
+    onSubmit: onSubmitHandler,
+    initialStatus: initialStatus
+  }), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.children) ? function (f) {
+    return props.children(f);
+  } : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(props.children) ? props.children : null);
+}
+function useFormikContextWrapper() {
+  return Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseCanSubmitForm.ts":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts ***!
+  \*******************************************************************************************/
+/*! exports provided: useCanSubmitForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useCanSubmitForm", function() { return useCanSubmitForm; });
+/* 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__);
+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; }
+
+
+/**
+ * useCanSubmitForm determines if a form can be submitted.
+ *
+ * It will return true if a form is valid and has been changed from it's initial state.
+ *
+ * A common use case for this is determining whether or not to enable
+ * a submit button in a form.
+ */
+
+function useCanSubmitForm(formikProps) {
+  var _a;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      canSubmit = _React$useState2[0],
+      setCanSubmit = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    var _a;
+
+    if (!formikProps.isValid) {
+      setCanSubmit(false);
+      return;
+    } // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.
+
+
+    if (formikProps.dirty || ((_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit)) setCanSubmit(true);else setCanSubmit(false);
+  }, [formikProps.isValid, (_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit, formikProps.dirty, formikProps.values]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (formikProps.isSubmitting) setCanSubmit(false);
+  }, [formikProps.isSubmitting]);
+  return canSubmit;
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/FormHelper.ts":
+/*!*************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/FormHelper.ts ***!
+  \*************************************************************************************/
+/*! exports provided: FormHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormHelper", function() { return FormHelper; });
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+
+var FormHelper = {
+  getCustomFormControlClassName: function getCustomFormControlClassName(errors, touched, attribute, additionalClassName) {
+    var className = 'form-control'; // Using getIn as it supports dot notation
+
+    if (Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(touched, attribute) && Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(errors, attribute)) className += ' is-invalid';
+    if (additionalClassName) className += " ".concat(additionalClassName);
+    return className;
+  }
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=4.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/FormHelper.ts"],"names":[],"mappings":"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","file":"scripts/4.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { useFormikContext } from 'formik';\r\nimport { ButtonProps } from 'react-bootstrap';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\n\r\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\r\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nconst namespace = 'shared.formButtons';\r\n\r\nconst ENTER_KEY_CODE = 13;\r\n\r\ninterface FormButtonsProps {\r\n  isNew: boolean;\r\n  hasNext?: boolean;\r\n  submitText?: string;\r\n  variant?: ButtonProps['variant'];\r\n}\r\n\r\nexport function FormButtons<Values extends HashObject>(props: FormButtonsProps): JSX.Element {\r\n  const formikProps = useFormikContext<Values>();\r\n\r\n  const canSubmit = useCanSubmitForm(formikProps);\r\n\r\n  /**\r\n   * This hook listens to \"Enter\" keypress events, and submits the form if there\r\n   * are no errors. This prevents any edge cases where submitting doesn't work on\r\n   * Enter normally, such as when a custom component is in focus.\r\n   */\r\n  React.useEffect(() => {\r\n    function onKeyPress(e: KeyboardEvent): void {\r\n      if (e.keyCode !== ENTER_KEY_CODE || !canSubmit)\r\n        return;\r\n\r\n      formikProps.validateForm().then(errors => {\r\n        if (!Object.keys(errors).length)\r\n          formikProps.submitForm();\r\n      });\r\n    }\r\n\r\n    window.addEventListener('keypress', onKeyPress);\r\n    return () => window.removeEventListener('keypress', onKeyPress);\r\n  }, [canSubmit]);\r\n\r\n  let phraseKey = 'save';\r\n  if (props.isNew)\r\n    phraseKey = 'create';\r\n  if (props.hasNext)\r\n    phraseKey = 'next';\r\n\r\n  return (\r\n    <SpinnerButton\r\n      variant={props.variant || 'primary'}\r\n      showSpinner={formikProps.isSubmitting}\r\n      type='submit'\r\n      disabled={!canSubmit}\r\n    >\r\n      {props.submitText\r\n        ? <>{props.submitText}</>\r\n        : <Text namespace={namespace} phrase={phraseKey} />\r\n      }\r\n    </SpinnerButton>\r\n  );\r\n}","import * as React from 'react';\r\nimport { FieldAttributes } from 'formik';\r\nimport { Form } from 'react-bootstrap';\r\n\r\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\r\n\r\n/**\r\n * Use this checkbox within Formik contexts\r\n */\r\nexport function FormCheckbox(props: FieldAttributes<FormFieldProps>): JSX.Element {\r\n  const { label, ...fieldProps } = props;\r\n\r\n  return (\r\n    <Form.Group>\r\n      <div className='custom-control custom-checkbox'>\r\n        <FieldWrapper className='custom-control-input' {...fieldProps} />\r\n        <Form.Label className='custom-control-label' htmlFor={fieldProps.id}>{label}</Form.Label>\r\n      </div>\r\n    </Form.Group>\r\n  );\r\n}\r\n\r\n","import * as React from 'react';\r\nimport { useFormikContext } from 'formik';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\n\r\ninterface CharacterCounterProps<Values extends HashObject> {\r\n  fieldName: keyof Values;\r\n  limit: number;\r\n}\r\n\r\nexport function CharacterCounter<Values extends HashObject>(props: CharacterCounterProps<Values>): JSX.Element {\r\n  const { values } = useFormikContext<Values>();\r\n\r\n  const field = values[props.fieldName];\r\n\r\n  if (typeof field !== 'string')\r\n    return <></>;\r\n\r\n  return (\r\n    <div className='float-right text-muted'>\r\n      {field.length}/{props.limit}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Field, FieldAttributes, useFormikContext, ErrorMessage, FieldProps } from 'formik';\r\nimport { Form } from 'react-bootstrap';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\r\n\r\nimport { CharacterCounter } from './CharacterCounter';\r\nimport { FormCheckbox } from '../form-checkbox/FormCheckbox';\r\n\r\nexport interface FormFieldProps {\r\n  /**\r\n   * The name prop MUST be the same as the attribute\r\n   * name of the value that the field is bound to.\r\n   */\r\n  name: string;\r\n  label?: string;\r\n  children?: ((props: FieldProps) => React.ReactNode) | React.ReactNode;\r\n  showCharacterCounter?: boolean;\r\n}\r\n\r\nexport function FieldWrapper(\r\n  props: FieldAttributes<FormFieldProps> & { className: string }\r\n): React.ReactElement {\r\n  const { children, ...fieldProps } = props;\r\n\r\n  return (\r\n    <Field {...fieldProps}>\r\n      {FunctionHelper.isFunction(children)\r\n        ? (f: FieldProps) => children(f)\r\n        : React.Children.count(children) ? children : null\r\n      }\r\n    </Field>\r\n  );\r\n}\r\n\r\nexport function FormField<Values extends HashObject>(props: FieldAttributes<FormFieldProps>): React.ReactElement {\r\n  const { label, className, showCharacterCounter, ...fieldProps } = props;\r\n\r\n  const { errors, touched } = useFormikContext<Values>();\r\n\r\n  if (fieldProps.type === 'checkbox')\r\n    return <FormCheckbox {...props} />;\r\n\r\n  return (\r\n    <Form.Group>\r\n      {!!label && <Form.Label htmlFor={fieldProps.id}>{label}</Form.Label>}\r\n      <FieldWrapper\r\n        className={FormHelper.getCustomFormControlClassName(errors, touched, fieldProps.name, className)}\r\n        {...fieldProps}\r\n      />\r\n      {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\r\n        <CharacterCounter\r\n          fieldName={(fieldProps.name as keyof Values)}\r\n          limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\r\n        />\r\n      }\r\n      <ErrorMessage name={fieldProps.name}>\r\n        {(errorMessage: string) => <Form.Control.Feedback type='invalid'>{errorMessage}</Form.Control.Feedback>}\r\n      </ErrorMessage>\r\n    </Form.Group>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Formik, FormikValues, FormikConfig, FormikProps, FormikHelpers, useFormikContext, FormikContextType } from 'formik';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\n\r\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\r\n  const values = ObjectHelper.deepClone(initialValues);\r\n\r\n  Object.keys(values).forEach((key: keyof Values) => {\r\n    if (!values.hasOwnProperty(key))\r\n      return;\r\n\r\n    if (ObjectHelper.isObject(values[key]))\r\n      values[key] = omitNullInitialValues(values[key]);\r\n    else if (values[key] === null)\r\n      delete values[key];\r\n  });\r\n\r\n  return values;\r\n}\r\n\r\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\r\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\r\n\r\ninterface InitialStatus {\r\n  allowInitialSubmit: boolean;\r\n}\r\n\r\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\r\n  initialValues: FormValues | ApiValues;\r\n  onSubmit: (data: FormValues, onDone: () => void) => void;\r\n  castInitialValues?: boolean; // cast to validationSchema\r\n  castValuesOnSubmit?: boolean; // cast to validationSchema\r\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\r\n  resetOnSubmit?: boolean;\r\n}\r\n\r\nFormWrapper.defaultProps = {\r\n  castInitialValues: true,\r\n  castValuesOnSubmit: true\r\n};\r\n\r\nexport function FormWrapper<\r\n  FormValues extends FormikValues = FormikValues,\r\n  ApiValues extends FormikValues = FormikValues,\r\n  ExtraProps = HashObject\r\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\r\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, resetOnSubmit, ...formikProps } = props;\r\n\r\n  /**\r\n   * If castInitialValues is true, cast initialValues to the validationSchema.\r\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\r\n   */\r\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\r\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\r\n    : initialValues;\r\n\r\n  const onSubmitHandler = (\r\n    values: FormValues,\r\n    { setSubmitting, resetForm }: FormikHelpers<FormValues>\r\n  ) => {\r\n    /**\r\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\r\n     * This is useful for trimming inputs:\r\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\r\n     */\r\n    const formattedData = castValuesOnSubmit && props.validationSchema\r\n      ? props.validationSchema.cast(values)\r\n      : values;\r\n\r\n    onSubmit(formattedData, () => {\r\n      resetOnSubmit && resetForm();\r\n      setSubmitting(false);\r\n    });\r\n  };\r\n\r\n  const initialStatus: InitialStatus = {\r\n    allowInitialSubmit: props.allowInitialSubmit\r\n  };\r\n\r\n  return (\r\n    <Formik<FormValues, ExtraProps>\r\n      enableReinitialize\r\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\r\n      initialValues={formattedInitialValues}\r\n      onSubmit={onSubmitHandler}\r\n      initialStatus={initialStatus}\r\n    >\r\n      {FunctionHelper.isFunction(props.children)\r\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\r\n        : React.Children.count(props.children) ? props.children : null\r\n      }\r\n    </Formik>\r\n  );\r\n}\r\n\r\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\r\n  return useFormikContext<T>();\r\n}","import * as React from 'react';\r\nimport { FormikValues, FormikProps } from 'formik';\r\n\r\n/**\r\n * useCanSubmitForm determines if a form can be submitted.\r\n * \r\n * It will return true if a form is valid and has been changed from it's initial state.\r\n * \r\n * A common use case for this is determining whether or not to enable\r\n * a submit button in a form.\r\n */\r\nexport function useCanSubmitForm<Values extends FormikValues>(formikProps: FormikProps<Values>): boolean {\r\n  const [ canSubmit, setCanSubmit ] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    if (!formikProps.isValid) {\r\n      setCanSubmit(false);\r\n      return;\r\n    }\r\n\r\n    // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.\r\n    if (formikProps.dirty || formikProps.initialStatus?.allowInitialSubmit)\r\n      setCanSubmit(true);\r\n    else\r\n      setCanSubmit(false);\r\n\r\n  }, [ formikProps.isValid, formikProps.initialStatus?.allowInitialSubmit, formikProps.dirty, formikProps.values ]);\r\n\r\n  React.useEffect(() => {\r\n    if (formikProps.isSubmitting)\r\n      setCanSubmit(false);\r\n  }, [formikProps.isSubmitting]);\r\n\r\n  return canSubmit;\r\n}\r\n","import { FormikErrors, FormikTouched, getIn } from 'formik';\r\n\r\nexport const FormHelper = {\r\n  getCustomFormControlClassName<T>(\r\n    errors: FormikErrors<T>,\r\n    touched: FormikTouched<T>,\r\n    attribute: string,\r\n    additionalClassName?: string\r\n  ): string {\r\n    let className = 'form-control';\r\n\r\n    // Using getIn as it supports dot notation\r\n    if (getIn(touched, attribute) && getIn(errors, attribute))\r\n      className += ' is-invalid';\r\n\r\n    if (additionalClassName)\r\n      className += ` ${additionalClassName}`;\r\n\r\n    return className;\r\n  }\r\n};"],"sourceRoot":""}

package/dist/scripts/40-e0eafc5aec.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[40],{1128:function(t,e,n){"use strict";n.d(e,"a",(function(){return p}));var a=n(0),r=n(43),i=n(210),o=n(975),c=n(982),u=n(1060),s=n(1129),l=n.n(s);function d(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=t[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!e||n.length!==e);a=!0);}catch(t){r=!0,i=t}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return f(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return f(t,e)}(t,e)||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 f(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,a=new Array(e);n<e;n++)a[n]=t[n];return a}var p=a.memo((function(t){var e=t.data,n=t.appLink,s=t.seriesAppLink,f=t.context,p=t.thumbnailSize,v=t.preloadImage,m=d(Object(u.b)(l.a.hovering),2),y=m[0],g=m[1];a.useEffect((function(){t.onHover(g)}),[g]);var b=Object.assign(Object.assign({},n),{args:[e.id,r.a.slugify(e.name)]}),h=l.a.rowWidth;return f.type!==i.e.LargeRow&&3!==f.collectionSize||(h=l.a.largeRowWidth),a.createElement("div",{ref:y,className:"p-1 flex-shrink-0 position-relative ".concat(h," ").concat(l.a.transition)},a.createElement(c.a,{video:e,type:"expandable",appLink:b,seriesAppLink:s,textPosition:o.a.Overlay,imageOptions:{size:p},preload:v,hovering:g,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,hideFavouriteButton:t.hideFavouriteButton,setFavourite:t.setFavourite}))}),(function(t,e){var n,a,r,i,o,c;return t.preloadImage===e.preloadImage&&(null===(n=t.data)||void 0===n?void 0:n.name)===(null===(a=e.data)||void 0===a?void 0:a.name)&&(null===(i=null===(r=t.data)||void 0===r?void 0:r.series)||void 0===i?void 0:i.id)===(null===(c=null===(o=e.data)||void 0===o?void 0:o.series)||void 0===c?void 0:c.id)&&t.onHover===e.onHover}))},1129:function(t,e,n){t.exports={rowWidth:"_8IgrO",largeRowWidth:"q46rm",hovering:"IeeJA",transition:"_1s6UK"}},1130:function(t,e,n){"use strict";n.d(e,"a",(function(){return s}));var a=n(102),r=n(968),i=n(49),o=function(t,e,n,r){return a.a.urlBuilder("/api/domain/v2/dashboards/widgets",{libraryType:t,customerType:e,userRole:n,countryCode:r})},c=function(t,e){return"{gateway}/v1/objects/".concat(t,"?query=videos[").concat(i.b.VideoCollectionWithAssocs(e,!0,{hasCurriculumLinks:!1}),"]")},u=function(t,e,n,r,i){var o="/api/domain/v2/dashboards/playlists/".concat(t,"/videos");return a.a.urlBuilder(o,{maxRatingValue:e,userGroup:n,page:r,limit:i})},s={widgets:function(t,e,n,a){return{url:o(t,e,n,a),key:"widgets:".concat(t,":").concat(e,":").concat(a),expiryTime:1/0}},playlist:function(t,e){return{url:c(t,e),key:"widget:".concat(t,":").concat(e),expiryTime:1/0}},widgetPlaylist:function(t,e,n,a,i){return{url:u(t,e,n,a,i),key:"widget:".concat(t,":").concat(e,":").concat(n,":").concat(a),formatData:function(t){var e={data:t.videos.data,pagination:t.videos.pagination};return Object.assign(Object.assign({},t),{videos:r.a.convertLegacyPaginatedCollection(e)})},expiryTime:1/0}}}},1373:function(t,e,n){t.exports={slidingSubject:"_16BT9",heading:"_1ZUkE",thumbnailContainer:"_1uhoK",partialLoadingHeading:"_1-m4K",partialLoading:"_3fvkd",labelContainer:"_3T7RZ"}},1374:function(t,e,n){t.exports={searchBarContainer:"W4B6T"}},1484:function(t,e,n){"use strict";n.r(e);var a=n(1),r=n(0),i=n(953),o=n(76),c=n(19),u=n(202),s=n(82),l=n(103),d=n(9),f=n(304),p=n(210),v=n(428),m=n(1041),y=n(70),g=n(425),b=n(20),h=n(1020),S=n(1128),w=n(322),E=n(200);var A=r.memo((function(t){var e=t.user,n=d.a.encloseNamespace("shared.greeting");return r.createElement("h1",{className:"h2 mb-0"},r.createElement("strong",null,function(t){switch(E.a.currentTimeOfDay()){case"morning":return t("morning");case"afternoon":return t("afternoon");case"evening":return t("evening");default:return t("fallback")}}(n),r.createElement("span",{className:"text-info"},e?" ".concat(e.givenName):""),","),r.createElement("br",null),r.createElement("strong",null,n("prompt")))}),(function(t,e){var n,a;return(null===(n=t.user)||void 0===n?void 0:n.id)===(null===(a=e.user)||void 0===a?void 0:a.id)})),j=n(43),O=n(1001),k=n(994),C=n(160),I=n(1373),L=n.n(I);function T(t){var e=t.data,n=t.appLink,a=t.preloadImage,i=Object.assign(Object.assign({},n),{args:[e.id,j.a.slugify(e.name)]});return r.createElement("div",{className:"".concat(L.a.slidingSubject," ").concat(L.a.thumbnailContainer)},r.createElement(O.b,{data:e.tallPoster,appLink:i,aspectRatio:O.a.NineBySixteen,preload:a,imageOptions:{size:C.a.Large}},r.createElement(k.a,{type:k.b.TallSubject}),r.createElement("h3",{className:"h4 ".concat(L.a.heading)},e.name)))}var x=n(211),B=n(58);function N(t){var e=t.heading,n=t.banner,a=t.imageCdnUrl,i=t.appLink,o=x.a.createBannerUrl(n,{fallbackBaseUrl:a,fallbackCategoryName:e,type:C.b.Banners});return r.createElement(B.a,{appLink:i},r.createElement("div",{className:"banner",style:{backgroundImage:"url('".concat(o,"')")}}))}var D=n(213),F=n(470),U=n(326),V=n(973),_=n(48),R=n(3),z=n(13),P=n(7),H=n(72),W=n(1130),K=n(1374),M=n.n(K);function q(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=t[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!e||n.length!==e);a=!0);}catch(t){r=!0,i=t}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return J(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return J(t,e)}(t,e)||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 J(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,a=new Array(e);n<e;n++)a[n]=t[n];return a}n.d(e,"DashboardView",(function(){return tt}));var $=d.a.encloseNamespace("dashboard.dashboard"),X={video:{application:P.a.DEFAULT,action:z.a.Default.PLAY_VIDEO},collection:{application:P.a.DASHBOARD,action:z.a.Dashboard.DASHBOARD},series:{application:P.a.DEFAULT,action:z.a.Default.SERIES},classification:{application:P.a.SUBJECT,action:z.a.Subjects.CLASSIFICATION}};function Z(t){return c.a.useBasicFetch(t&&w.a.classifications(),{optimize:!0})}function G(t){var e,n,a=Object(g.a)(b.b.AppOptions).onlineCustomerType,r=D.a.Staff,i=(null===(e=t)||void 0===e?void 0:e.countryCode)&&W.a.widgets(v.a.HostedLibrary,a,r,null===(n=t)||void 0===n?void 0:n.countryCode);return c.a.useBasicFetch(i,{optimize:!0}).data}function Y(t,e,n){var a;return c.a.useBasicFetch(n?W.a.playlist(t,null===(a=e)||void 0===a?void 0:a.id):null,{optimize:!0})}function Q(t){var e=t.presentationId,n=q(Object(l.a)(H.a.SEARCH_BAR_LOCATION,!1),2),a=n[0],o=n[1],c=q(i.useInView({rootMargin:"-126px 0px"}),2),d=c[0],f=c[1];return f===a&&o(!f),r.useEffect((function(){return function(){return o(!0)}}),[]),r.createElement("div",{ref:d,className:"py-5"},r.createElement(u.a,{className:"container ".concat(M.a.searchBarContainer),view:F.a,options:{model:s.a.get("search",{ctor:U.a}),disableMask:!0,presentationId:e}}))}function tt(){var t,e=Object(o.useDispatch)(),n=c.a.useBasicFetch(y.a.currentUser(),{optimize:!0}),i=G(n.data),u=c.a.useBasicFetch(w.a.presentation(),{optimize:!0});function s(t,a){c.a.fetch(e,V.a.updateIsVideoFavourited(t.id,n.data.id,a,(function(){_.a.logUserAction({id:t.id},{entity:R.d.Video,actionType:R.n.Favourite,descriptor:a?R.m.On:R.m.Off,location:R.j.ExpandableVideoThumbnail,workflowPhase:R.o.Complete})})))}return Object(f.a)($("pageTitle")),r.createElement("div",{className:"bg-white px-3"},r.createElement("div",{className:"py-3 pl-5"},r.createElement(A,{user:n.data})),r.createElement(Q,{presentationId:null===(t=u.data)||void 0===t?void 0:t.id}),r.createElement(h.a,{name:$("subjectsWidget"),type:p.e.Row,contents:m.a.Subjects,fetch:Z,setData:function(t){return t},childComponent:T,childAppLink:X.classification,lazyLoad:!0}),r.createElement("div",{className:"pb-3 px-1"},r.createElement(N,{appLink:X.series,banner:{id:"Xg84gv",url:"http://image.api.stg.cvnet.io/v2/banners/Xg84gv"},imageCdnUrl:""})),i&&i.map((function(t,e){return r.createElement(h.a,{key:e,type:t.type,contents:m.a.Videos,fetch:a.partial(Y,t.collectionId.toString(),n.data),setData:function(t){var e,n;return null===(n=null===(e=t)||void 0===e?void 0:e.videos)||void 0===n?void 0:n.data},lazyLoad:!0,childComponent:function(t){return r.createElement(S.a,Object.assign({},t,{appLink:X.video,seriesAppLink:X.series,setFavourite:s}))},appLink:X.collection,childAppLink:X.video})})))}},965:function(t,e,n){"use strict";function a(t){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}n.d(e,"a",(function(){return r}));var r={isNumber:function(t){return r.isType(t,"number")},isString:function(t){return r.isType(t,"string")},isType:function(t,e){return a(t)===e}}},968:function(t,e,n){"use strict";n.d(e,"a",(function(){return u}));var a=n(965),r=n(69);function i(t){return function(t){if(Array.isArray(t))return o(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return o(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(t,e)}(t)||function(){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 o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,a=new Array(e);n<e;n++)a[n]=t[n];return a}function c(t){var e=t.page,n=t.totalPages,i=a.a.isNumber(e)&&e>0&&e<n&&e+1,o=a.a.isNumber(e)&&e>1&&e-1,c={};if(i&&i<=n&&(c.next=i.toString()),o&&(c.previous=o.toString()),!r.a.isEmpty(c))return c}var u={isEmpty:function(t){return t&&!(t.data&&t.data.length)},length:function(t){return t&&t.data&&t.data.length},at:function(t,e){if(t&&t.data&&t.data.length&&!(e>t.data.length))return t.data[e]},get:function(t,e){if(t&&t.data&&t.data.length)return t.data.find((function(t){return t.id&&t.id.toString()===e}))},flattenCollections:function(t){if(t&&t.length){var e=[];return t.forEach((function(t){e=[].concat(i(e),i(t.data))})),e}},getNextCursor:function(t){return t.pagination&&t.pagination.cursors&&t.pagination.cursors.next},convertLegacyPaginatedCollection:function(t){if(t)return{data:t.data,pagination:{cursors:c(t.pagination),limit:t.pagination.pageSize}}}}},973:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var a=n(27),r=n(49);function i(t,e,n,r){return{url:"{gateway}/v1/objects/".concat(e),key:"favourite:video:".concat(e,":").concat(t),data:{favouriteVideos:t},type:a.a.PUT,invalidationKeys:["favourite:videos:".concat(e),"video:is:favourited:".concat(e)],success:n,error:r}}function o(t,e,n,r){return{url:"{gateway}/v1/objects/".concat(e,"/favouriteVideos?memberId=").concat(t),key:"favourite:video:".concat(e,":").concat(t),type:a.a.DELETE,invalidationKeys:["favourite:videos:".concat(e),"video:is:favourited:".concat(e)],success:n,error:r}}var c={favouriteVideos:function(t,e){return{url:"{gateway}/v1/objects/".concat(t,"/favouriteVideos?query=").concat(r.b.VideoCollectionWithAssocs(t,!0)).concat(u(e)),key:"favourite:videos:".concat(t).concat(e?":".concat(e):"")}},updateIsVideoFavourited:function(t,e,n,a,r){return(n?i:o)(t,e,a,r)},isFavourited:function(t,e){var n=e.slice().sort(),a=n.map((function(t){return"id=".concat(t)}));if(a.length)return{url:"{gateway}/v1/objects?query=favouritedBy{id:".concat(t,"}&").concat(a.join("&")),key:"video:is:favourited:".concat(t,":by:id:").concat(n.join(","))}}};function u(t){return t?"&cursor=".concat(t):""}}}]);