@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.0

package/dist/scripts/27.chunk.js

@@ -1 +1,1143 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[27],{395:function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return s}));var a=n(0),r=n(393),o=n(31),c=n(34),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 r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function i(e){const{castInitialValues:t,castValuesOnSubmit:n,initialValues:i,onSubmit:s,resetOnSubmit:u}=e,m=l(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){const n=c.a.deepClone(t);return Object.keys(n).forEach(t=>{n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])}),n}(i)):i,b={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:(t,{setSubmitting:a,resetForm:r})=>{const o=n&&e.validationSchema?e.validationSchema.cast(t):t;s(o,()=>{u&&r(),a(!1)})},initialStatus:b}),o.a.isFunction(e.children)?t=>e.children(t):a.Children.count(e.children)?e.children:null)}function s(){return Object(r.f)()}i.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},397:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:(e.className?e.className:"")+" cursor-pointer",onKeyDown:t=>"Enter"===t.key&&e.onClick(t),onClick:e.onClick,style:e.style?e.style:{}},e.children)}},401:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(75),r=n(28),o=n(35);const c=()=>{const e=Object(a.a)(o.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},402:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(393);const r={getCustomFormControlClassName(e,t,n,r){let o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" "+r),o}}},411:function(e,t,n){"use strict";var a=n(0),r=n(393),o=n(27),c=n(31),l=n(402);function i(e){const{values:t}=Object(r.f)(),n=t[e.fieldName];return"string"!=typeof n?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},n.length,"/",e.limit)}var s=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 r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function u(e){const{label:t}=e,n=s(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return b}));var m=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 r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){const{children:t}=e,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?e=>t(e):a.Children.count(t)?t:null)}function b(e){const{label:t,className:n,showCharacterCounter:c}=e,s=m(e,["label","className","showCharacterCounter"]),{errors:b,touched:f}=Object(r.f)();return"checkbox"===s.type?a.createElement(u,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:s.id},t),a.createElement(d,Object.assign({className:l.a.getCustomFormControlClassName(b,f,s.name,n)},s)),!!c&&!!s.maxLength&&a.createElement(i,{fieldName:s.name,limit:s.maxLength}),a.createElement(r.a,{name:s.name},e=>a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)))}},412:function(e,t,n){"use strict";var a=n(0),r=n(393);var o=n(114),c=n(44);n.d(t,"a",(function(){return l}));function l(e){const t=Object(r.f)(),n=function(e){var t;const[n,r]=a.useState(!1);return a.useEffect(()=>{var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?r(!0):r(!1)},[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect(()=>{e.isSubmitting&&r(!1)},[e.isSubmitting]),n}(t);a.useEffect(()=>{function e(e){13===e.keyCode&&n&&t.validateForm().then(e=>{Object.keys(e).length||t.submitForm()})}return window.addEventListener("keypress",e),()=>window.removeEventListener("keypress",e)},[n]);let l="save";return e.isNew&&(l="create"),e.hasNext&&(l="next"),a.createElement(o.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!n},a.createElement(c.b,{namespace:"shared.formButtons",phrase:l}))}},459:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},467:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},478:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var a=n(0),r=n.n(a),o=n(27),c=n(397),l=n(33),i=n(9),s=n(459),u=n(467),m=n(479),d=n.n(m);function b(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===s.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(u.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"white",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(u.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(l.a,{svgName:i.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(s.a).map((function(n){var a=s.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===s.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}b.defaultProps={selection:s.a.White,onSelect:function(){}}},479:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},506:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}},529:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(395),c=n(387),l=n(5),i=n(459),s=l.a.encloseNamespace("classrooms.classroomValidation"),u=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return s("nameExceeds")})).required((function(){return s("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return s("colourRequired")})).default(i.a.White)}),m=n(393),d=n(411),b=n(412),f=n(44),p=n(478),v=n(506),h=n.n(v),E="classrooms.classroomGroupDetailsForm",g=l.a.encloseNamespace(E);function O(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(f.b,{namespace:E,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(f.b,{namespace:E,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:g("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(p.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(f.b,{namespace:E,phrase:"cancel"})),r.a.createElement(b.a,{isNew:e.isNew}))))}function w(e){var t,n,a,c=e.group,l=e.saveGroup,i=e.onClickCancel,s={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:s,validationSchema:u,onSubmit:l},r.a.createElement(O,{isNew:!c,onClickCancel:i}))}n.d(t,"a",(function(){return w}))},618:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return b}));var a=n(0),r=n.n(a),o=n(40),c=n(5),l=n(11),i=n(112),s=n(401),u=n(117),m=n(529),d=c.a.encloseNamespace("classrooms.createClassroomGroup");function b(e){var t=l.a.useBasicFetch(u.a.getClassroom(e.classroomId)),n=Object(s.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(d("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(i.a,{title:d("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){l.a.fetch(a,u.a.addGroupToClassroom(t,e.classroomId,(function(t){var n;(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){l.a.fetch(a,u.a.addStudentsToGroup(e.studentIds,t.id,(function(){c(t)})))}(t):c(t)}),(function(){n.error(d("error"))})))},onClickCancel:e.closePopup}))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[27],{
+
+/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: DivButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DivButton", function() { return DivButton; });
+/* 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__);
+
+/**
+ * This element lets us use `div` elements as buttons without losing the accessibility of
+ * a regular HTML button element
+ */
+
+function DivButton(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    tabIndex: 0,
+    className: `${props.className ? props.className : ''} cursor-pointer`,
+    onKeyDown: e => e.key === 'Enter' && props.onClick(e),
+    onClick: props.onClick,
+    style: props.style ? props.style : {}
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/Checkbox.tsx ***!
+  \*************************************************************************************************************/
+/*! exports provided: Checkbox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Checkbox", function() { return Checkbox; });
+/* 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__);
+
+Checkbox.defaultProps = {
+  checked: false,
+  label: '',
+  className: ''
+};
+/**
+ * Use this checkbox outside of Formik contexts
+ */
+
+function Checkbox(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `custom-control custom-checkbox ${props.className}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", {
+    type: 'checkbox',
+    className: 'custom-control-input',
+    id: props.id,
+    name: props.name,
+    checked: props.checked,
+    onChange: props.onChange
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", {
+    className: 'custom-control-label cursor-pointer',
+    htmlFor: props.id
+  }, props.label));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView Projects/@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");
+
+
+
+const useAlerts = () => {
+  const 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(alertContent) {
+      alertService.success(alertContent)();
+    },
+
+    error(alertContent) {
+      alertService.error(alertContent)();
+    },
+
+    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
+      });
+    }
+
+  };
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/EmbedHelper.ts":
+/*!**************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/EmbedHelper.ts ***!
+  \**************************************************************************************/
+/*! exports provided: EmbedHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmbedHelper", function() { return EmbedHelper; });
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+
+const namespace = 'shared.shared-utils';
+const EmbedHelper = {
+  getEmbedResolutions() {
+    return [{
+      label: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(namespace, 'responsive'),
+      width: '100%',
+      height: '100%'
+    }, {
+      label: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(namespace, 'small'),
+      width: '640',
+      height: '360'
+    }, {
+      label: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(namespace, 'medium'),
+      width: '1014',
+      height: '576'
+    }, {
+      label: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(namespace, 'large'),
+      width: '1280',
+      height: '720'
+    }];
+  }
+
+};
+
+/***/ }),
+
+/***/ "./src/shared/components/share/copy-embed-html/CopyEmbedHtml.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/shared/components/share/copy-embed-html/CopyEmbedHtml.tsx ***!
+  \***********************************************************************/
+/*! exports provided: CopyEmbedHtml */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CopyEmbedHtml", function() { return CopyEmbedHtml; });
+/* 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_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-copy-to-clipboard */ "../../../node_modules/react-copy-to-clipboard/lib/index.js");
+/* harmony import */ var react_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_1__);
+/* 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 _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
+/* harmony import */ var _libs_shared_src_utils_EmbedHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/EmbedHelper */ "../../libs/shared/src/utils/EmbedHelper.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _copy_embed_html_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./copy-embed-html.scss */ "./src/shared/components/share/copy-embed-html/copy-embed-html.scss");
+/* harmony import */ var _copy_embed_html_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_copy_embed_html_scss__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+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 = 'share.copyEmbedHtml';
+function CopyEmbedHtml(props) {
+  var videoSizes = _libs_shared_src_utils_EmbedHelper__WEBPACK_IMPORTED_MODULE_4__["EmbedHelper"].getEmbedResolutions();
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState('copy'),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      copyBtnPhrase = _React$useState2[0],
+      setCopyBtnPhrase = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      autoplay = _React$useState4[0],
+      setAutoplay = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(videoSizes.find(function (s) {
+    return s.width === '100%';
+  })),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      videoSize = _React$useState6[0],
+      setVideoSize = _React$useState6[1]; // TODO: This embed string will likely get generated by the backend once that's done, so this will probably go.
+
+
+  function getEmbedString() {
+    var baseUrl = 'https://localhost:5001/share/embed';
+    var dynamicAttributes = videoSize.width === '100%' ? 'style="position:absolute; top:0; left:0; width:100%; height:100%;"' : "width=\"".concat(videoSize.width, "\" height=\"").concat(videoSize.height, "\"");
+    var fixedAttributes = 'frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen';
+    var src = "src=\"".concat(baseUrl, "/").concat(props.shortCode, "?a=").concat(autoplay, "\"");
+    return "<iframe ".concat(dynamicAttributes, " ").concat(fixedAttributes, " ").concat(src, "></iframe>");
+  }
+
+  function onCopy() {
+    setCopyBtnPhrase('copied');
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].logUserAction({
+      id: props.entityId,
+      size: videoSize,
+      autoplay: autoplay
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["UserAction"].Click,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["ClickDescriptor"].CopyEmbedHtml
+    }));
+  }
+
+  var embedString = getEmbedString();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", {
+    className: 'm-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'label'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'position-relative mb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("textarea", {
+    className: 'form-control rounded w-100 h-100 bg-white border-dark',
+    spellCheck: false,
+    value: embedString,
+    rows: 5,
+    readOnly: true
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "input-group-append rounded ".concat(_copy_embed_html_scss__WEBPACK_IMPORTED_MODULE_6___default.a.copyBtnContainer)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_1__, {
+    onCopy: onCopy,
+    text: embedString
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    className: "btn bg-white ".concat(_copy_embed_html_scss__WEBPACK_IMPORTED_MODULE_6___default.a.copyBtn)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: copyBtnPhrase
+  }))))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'videoSize'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pr-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Dropdown"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Dropdown"].Toggle, {
+    id: 'embed-resolution',
+    variant: 'outline-dark'
+  }, videoSize.label), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Dropdown"].Menu, null, videoSizes.map(function (size) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Dropdown"].Item, {
+      key: "".concat(size.width, "x").concat(size.height),
+      onClick: function onClick() {
+        return setVideoSize(size);
+      }
+    }, size.label);
+  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'autoplay'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_3__["Checkbox"], {
+    id: props.shortCode,
+    checked: autoplay,
+    onChange: function onChange() {
+      return setAutoplay(!autoplay);
+    }
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/share/copy-embed-html/copy-embed-html.scss":
+/*!**************************************************************************!*\
+  !*** ./src/shared/components/share/copy-embed-html/copy-embed-html.scss ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"copyBtnContainer":"cv--copyBtnContainer--3SR_7","copyBtn":"cv--copyBtn--B_4l9"};
+
+/***/ }),
+
+/***/ "./src/shared/components/share/sharee-item/ShareeItem.tsx":
+/*!****************************************************************!*\
+  !*** ./src/shared/components/share/sharee-item/ShareeItem.tsx ***!
+  \****************************************************************/
+/*! exports provided: ShareeItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShareeItem", function() { return ShareeItem; });
+/* 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 shared_components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/components/avatar/Avatar */ "./src/shared/components/avatar/Avatar.tsx");
+
+
+function ShareeItem(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pr-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__["Avatar"], {
+    imageUrl: ''
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h4", {
+    className: 'font-size-normal font-weight-normal m-0'
+  }, props.entity.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'text-muted m-0'
+  }, "Email or classroom count here idk")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/share/tokenized-typeahead/InputSelection.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/shared/components/share/tokenized-typeahead/InputSelection.tsx ***!
+  \****************************************************************************/
+/*! exports provided: InputSelection */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputSelection", function() { return InputSelection; });
+/* 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 _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tokenized-typeahead.scss */ "./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss");
+/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+
+function mapEntityTypeToBackgroundColor(entityType) {
+  switch (entityType) {
+    case 'user':
+      {
+        return _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default.a.selectedUser;
+      }
+
+    case 'classroom':
+      {
+        return _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default.a.selectedClassroom;
+      }
+  }
+}
+
+function InputSelection(props) {
+  var colourClass = mapEntityTypeToBackgroundColor('user');
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(colourClass, " d-flex align-items-center pl-2 pr-1 mr-1 mt-1")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'mr-1'
+  }, props.selection.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__["DivButton"], {
+    className: 'cursor-pointer',
+    onClick: function onClick() {
+      return props.onClickRemove(props.selection.id);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Close
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx ***!
+  \********************************************************************************/
+/*! exports provided: TokenizedTypeahead */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TokenizedTypeahead", function() { return TokenizedTypeahead; });
+/* 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 _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/search-bar/SearchBar */ "../../libs/shared/src/components/search-bar/SearchBar.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var shared_components_share_sharee_item_ShareeItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/components/share/sharee-item/ShareeItem */ "./src/shared/components/share/sharee-item/ShareeItem.tsx");
+/* harmony import */ var _InputSelection__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./InputSelection */ "./src/shared/components/share/tokenized-typeahead/InputSelection.tsx");
+/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tokenized-typeahead.scss */ "./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss");
+/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+
+
+
+
+
+var namespace = 'shared.tokenizedTypeahead';
+/**
+ * This component extends the functionality of the `SearchBar` component by
+ * displaying a list of selections as tokens inside the search bar.
+ *
+ * Any component using this component is responsible for managing the state of
+ * these tokens (selections). See `MainShareView` for an example.
+ */
+
+function TokenizedTypeahead(props) {
+  function onSuggestionSelected(suggestion) {
+    props.updateSelections(suggestion);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
+    className: 'svg-container mx-1 h-100 align-self-start',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Search
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.selectionContainer, " d-flex flex-wrap align-items-center mt-n1")
+  }, props.selections.map(function (s) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_InputSelection__WEBPACK_IMPORTED_MODULE_7__["InputSelection"], {
+      key: s.id,
+      selection: s,
+      onClickRemove: function onClickRemove(id) {
+        return props.removeSelection(id);
+      }
+    });
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_3__["SearchBar"], {
+    onSuggestionSelected: onSuggestionSelected,
+    onBackspace: function onBackspace() {
+      return props.removeSelection(_libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].last(props.selections).id);
+    },
+    local: props.localSuggestions,
+    recentSearchHeading: props.recentSearchHeading || _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'recentSearchHeading'),
+    recentSearches: [],
+    placeholder: props.placeholder,
+    searchIconPlacement: false,
+    activationLength: 2,
+    clearQueryOnSelect: true,
+    getSuggestionComponent: function getSuggestionComponent(suggestion) {
+      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_share_sharee_item_ShareeItem__WEBPACK_IMPORTED_MODULE_6__["ShareeItem"], {
+        entity: suggestion
+      });
+    },
+    theme: {
+      container: _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.container,
+      suggestionsContainerOpen: "bg-white py-1 rounded border mt-1 ".concat(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.suggestionsContainerOpen),
+      suggestionsList: 'list-unstyled m-0',
+      suggestion: 'cursor-pointer py-1 px-2',
+      suggestionHighlighted: _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.suggestionHighlighted
+    }
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss":
+/*!**********************************************************************************!*\
+  !*** ./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss ***!
+  \**********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"container":"cv--container--16rdL","suggestionsContainerOpen":"cv--suggestionsContainerOpen--2886c","selectionContainer":"cv--selectionContainer--12TCg","suggestionHighlighted":"cv--suggestionHighlighted--3HZFR","selectedUser":"cv--selectedUser--3NTEb","selectedClassroom":"cv--selectedClassroom--x8G1B"};
+
+/***/ }),
+
+/***/ "./src/shared/components/toggle-switch/ToggleSwitch.tsx":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/toggle-switch/ToggleSwitch.tsx ***!
+  \**************************************************************/
+/*! exports provided: ToggleSwitch */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ToggleSwitch", function() { return ToggleSwitch; });
+/* 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 _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+
+
+function ToggleSwitch(props) {
+  function onClick() {
+    if (props.disabled) return;
+    props.onClick.apply(props, arguments);
+  }
+
+  var bootstrapClasses = 'd-inline-block float-right align-top custom-toggle toggle-option';
+  var onClass = props.on && !props.disabled ? 'on' : '';
+  var disabledClass = props.disabled ? 'disabled' : '';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onClick,
+    className: "".concat(bootstrapClasses, " ").concat(onClass, " ").concat(disabledClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'handle'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/shared/flight-requests/ShareRequests.ts":
+/*!*****************************************************!*\
+  !*** ./src/shared/flight-requests/ShareRequests.ts ***!
+  \*****************************************************/
+/*! exports provided: ShareRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShareRequests", function() { return ShareRequests; });
+/* harmony import */ var _libs_common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/WithStatements */ "./src/shared/constants/WithStatements.ts");
+
+
+var ShareRequests = {
+  getShareData: function getShareData(id) {
+    if (!id) return;
+    return {
+      url: '/api/domain/v1/share',
+      key: "share:".concat(id),
+      type: _libs_common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      data: {
+        id: id,
+        privacy: null
+      }
+    };
+  },
+  sharedResource: function sharedResource(shortCode) {
+    return {
+      url: "/api/domain/v2/share/".concat(shortCode, "?query=").concat(shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["WithStatements"].VIDEO),
+      key: "shared:resource:".concat(shortCode)
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/views/share/ShareView.tsx":
+/*!**********************************************!*\
+  !*** ./src/shared/views/share/ShareView.tsx ***!
+  \**********************************************/
+/*! exports provided: ShareView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShareView", function() { return ShareView; });
+/* 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 _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ClassificationRequests */ "../../libs/shared/src/flight-requests/ClassificationRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var shared_flight_requests_ShareRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/flight-requests/ShareRequests */ "./src/shared/flight-requests/ShareRequests.ts");
+/* harmony import */ var shared_views_share_main_view_MainShareView__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/views/share/main-view/MainShareView */ "./src/shared/views/share/main-view/MainShareView.tsx");
+/* harmony import */ var shared_views_share_settings_view_ShareSettingsView__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/views/share/settings-view/ShareSettingsView */ "./src/shared/views/share/settings-view/ShareSettingsView.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+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.share';
+
+var getFetchFunctionByType = function getFetchFunctionByType(type) {
+  switch (type) {
+    case 'video':
+      {
+        return function (id) {
+          return _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_8__["VideoRequests"].video(id));
+        };
+      }
+
+    case 'playlist':
+      {
+        return function (id) {
+          return _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_3__["PlaylistRequests"].getPlaylist(id));
+        };
+      }
+
+    case 'subject':
+      {
+        return function (id, userId) {
+          return _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_4__["ClassificationRequests"].classification(id, userId));
+        };
+      }
+  }
+};
+
+function ShareView(props) {
+  var _a, _b, _c, _d;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showSettings = _React$useState2[0],
+      setShowSettings = _React$useState2[1];
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_5__["UserRequests"].currentUser);
+  var fetchFunction = getFetchFunctionByType(props.entityType);
+  var entity = fetchFunction(props.entityId, (_a = currentUser.data) === null || _a === void 0 ? void 0 : _a.id);
+  var shareData = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_ShareRequests__WEBPACK_IMPORTED_MODULE_9__["ShareRequests"].getShareData((_b = entity.data) === null || _b === void 0 ? void 0 : _b.id));
+  var popupTitle = !showSettings ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'mainTitle', {
+    name: ((_c = entity.data) === null || _c === void 0 ? void 0 : _c.name) || ''
+  }) : _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'settingsTitle', {
+    name: ((_d = entity.data) === null || _d === void 0 ? void 0 : _d.name) || ''
+  });
+
+  function getAnalyticsEntityType() {
+    switch (props.entityType) {
+      case 'playlist':
+        return _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["EntityType"].Playlist;
+
+      case 'subject':
+        return _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["EntityType"].Classification;
+
+      case 'video':
+        return _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["EntityType"].Video;
+    }
+  }
+
+  var analyticsOptions = {
+    entity: getAnalyticsEntityType(),
+    location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["LocationContext"].Popup,
+    workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["WorkflowPhase"].Complete
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_7__["Popup"], {
+    title: popupTitle,
+    closePopup: props.closePopup,
+    showLoadingSpinner: !shareData.data
+  }, function () {
+    if (!shareData.data) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
+    return !showSettings ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_views_share_main_view_MainShareView__WEBPACK_IMPORTED_MODULE_10__["MainShareView"], {
+      shareData: shareData.data,
+      entity: entity.data,
+      entityType: props.entityType,
+      onClickShowSettings: function onClickShowSettings() {
+        return setShowSettings(true);
+      },
+      analyticsOptions: analyticsOptions
+    }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_views_share_settings_view_ShareSettingsView__WEBPACK_IMPORTED_MODULE_11__["ShareSettingsView"], {
+      shareData: shareData.data,
+      showMain: function showMain() {
+        return setShowSettings(false);
+      },
+      entityId: props.entityId,
+      analyticsOptions: analyticsOptions
+    });
+  }()));
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/share/main-view/MainShareView.tsx":
+/*!************************************************************!*\
+  !*** ./src/shared/views/share/main-view/MainShareView.tsx ***!
+  \************************************************************/
+/*! exports provided: MainShareView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MainShareView", function() { return MainShareView; });
+/* 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_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-copy-to-clipboard */ "../../../node_modules/react-copy-to-clipboard/lib/index.js");
+/* harmony import */ var react_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var shared_components_share_tokenized_typeahead_TokenizedTypeahead__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/components/share/tokenized-typeahead/TokenizedTypeahead */ "./src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx");
+/* harmony import */ var shared_components_share_sharee_item_ShareeItem__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/components/share/sharee-item/ShareeItem */ "./src/shared/components/share/sharee-item/ShareeItem.tsx");
+/* harmony import */ var _main_share_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./main-share.scss */ "./src/shared/views/share/main-view/main-share.scss");
+/* harmony import */ var _main_share_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_main_share_scss__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _mocks_instant_search_users_json__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../mocks/instant-search-users.json */ "./src/shared/views/share/mocks/instant-search-users.json");
+var _mocks_instant_search_users_json__WEBPACK_IMPORTED_MODULE_11___namespace = /*#__PURE__*/__webpack_require__.t(/*! ../mocks/instant-search-users.json */ "./src/shared/views/share/mocks/instant-search-users.json", 1);
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+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 _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 _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.share';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace); // This will need to be updated a fair bit probs once we work out how the backend will look
+
+function MainShareView(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showingShareLink = _React$useState2[0],
+      setShowingShareLink = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      showCopiedText = _React$useState4[0],
+      setShowCopiedText = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      searchSuggestions = _React$useState6[0],
+      setSearchSuggestions = _React$useState6[1];
+
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      selections = _React$useState8[0],
+      setSelections = _React$useState8[1];
+
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      entitiesSharedTo = _React$useState10[0],
+      setEntitiesSharedTo = _React$useState10[1];
+
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_3__["useAlerts"])();
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    // Filter out any suggestions that are currently selected
+    var selectedIds = selections.map(function (s) {
+      return s.id;
+    });
+    var filteredSuggestions = _mocks_instant_search_users_json__WEBPACK_IMPORTED_MODULE_11__.filter(function (user) {
+      return !selectedIds.includes(user.id);
+    });
+    setSearchSuggestions(filteredSuggestions);
+  }, [selections]);
+
+  function onClickShare() {
+    // TODO: Uncomment and move to success callback when backend is in use
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction({
+      shareCount: selections.length
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Share
+    }));
+    setEntitiesSharedTo([].concat(_toConsumableArray(entitiesSharedTo), _toConsumableArray(selections)));
+    setSelections([]);
+    alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'success', {
+      name: props.entity.name
+    }));
+  }
+
+  function onClickCreateShareLink() {
+    setShowingShareLink(true); // The data used here will need to be updated when this is wired up to a backend
+
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction({
+      shareLink: props.shareData.shortUrl
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Create,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].ShareLink
+    }));
+  }
+
+  function onCopy() {
+    if (showCopiedText) return;
+    setShowCopiedText(true);
+    setTimeout(function () {
+      return setShowCopiedText(false);
+    }, 2000);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between align-items-center pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_share_tokenized_typeahead_TokenizedTypeahead__WEBPACK_IMPORTED_MODULE_8__["TokenizedTypeahead"], {
+    localSuggestions: searchSuggestions,
+    selections: selections,
+    updateSelections: function updateSelections(selection) {
+      return setSelections([].concat(_toConsumableArray(selections), [selection]));
+    },
+    removeSelection: function removeSelection(id) {
+      return setSelections(selections.filter(function (s) {
+        return s.id !== id;
+      }));
+    },
+    placeholder: getPhrase('searchPlaceholder')
+  }), props.entityType === 'playlist' && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'text-secondary pl-3 mb-0 text-center text-nowrap'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'viewOnly'
+  }))), entitiesSharedTo.length ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: 'font-size-normal'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'sharedTo'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'list-unstyled'
+  }, entitiesSharedTo.map(function (e) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      className: 'mb-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_share_sharee_item_ShareeItem__WEBPACK_IMPORTED_MODULE_9__["ShareeItem"], {
+      key: e.id,
+      entity: e
+    }));
+  }))) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mx-n3 px-3 pt-3 border-top'
+  }, selections.length ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    onClick: onClickShare,
+    className: 'btn btn-dark float-right'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'share'
+  })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: showingShareLink ? 'd-flex justify-content-between' : ''
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
+    className: 'h6 mr-auto'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'shareLinkInstead'
+  })), showingShareLink && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__["DivButton"], {
+    className: 'cursor-pointer',
+    onClick: props.onClickShowSettings
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_7__["cvSvgLibrary"].Cog
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "d-flex align-items-center ".concat(showingShareLink ? 'w-100' : 'w-75')
+  }, showingShareLink ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", {
+    type: 'text',
+    id: 'share-link',
+    autoComplete: 'off',
+    className: "form-control bg-white border-dark ".concat(_main_share_scss__WEBPACK_IMPORTED_MODULE_10___default.a.shareLink),
+    spellCheck: false,
+    value: props.shareData.shortUrl,
+    readOnly: true
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_1__, {
+    text: props.shareData.shortUrl
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__["DivButton"], {
+    className: "input-group-append border border-dark text-nowrap px-2 py-1 ".concat(_main_share_scss__WEBPACK_IMPORTED_MODULE_10___default.a.copyBtn),
+    onClick: onCopy
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: showCopiedText ? 'copiedLink' : 'copyLink'
+  })))) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
+    className: 'mr-1 svg-container',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_7__["cvSvgLibrary"].VisibleOn
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'publicLinkInfo'
+  }))), !showingShareLink && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__["DivButton"], {
+    className: 'info-link',
+    onClick: onClickCreateShareLink
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'createLink'
+  }))))));
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/share/main-view/main-share.scss":
+/*!**********************************************************!*\
+  !*** ./src/shared/views/share/main-view/main-share.scss ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"shareLink":"cv--shareLink--cFx7z","copyBtn":"cv--copyBtn--mrGX3"};
+
+/***/ }),
+
+/***/ "./src/shared/views/share/mocks/instant-search-users.json":
+/*!****************************************************************!*\
+  !*** ./src/shared/views/share/mocks/instant-search-users.json ***!
+  \****************************************************************/
+/*! exports provided: 0, 1, 2, 3, 4, 5, 6, 7, 8, default */
+/***/ (function(module) {
+
+module.exports = JSON.parse("[{\"id\":\"instant-user-1\",\"name\":\"Josh\"},{\"id\":\"instant-user-2\",\"name\":\"Mike\"},{\"id\":\"instant-user-3\",\"name\":\"Sha\"},{\"id\":\"instant-user-4\",\"name\":\"Matt\"},{\"id\":\"instant-user-5\",\"name\":\"Kevin\"},{\"id\":\"instant-user-6\",\"name\":\"Joe\"},{\"id\":\"instant-user-7\",\"name\":\"Bertha\"},{\"id\":\"instant-user-8\",\"name\":\"Michael\"},{\"id\":\"instant-user-9\",\"name\":\"Michelle\"}]");
+
+/***/ }),
+
+/***/ "./src/shared/views/share/settings-view/ShareSettingsView.tsx":
+/*!********************************************************************!*\
+  !*** ./src/shared/views/share/settings-view/ShareSettingsView.tsx ***!
+  \********************************************************************/
+/*! exports provided: ShareSettingsView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShareSettingsView", function() { return ShareSettingsView; });
+/* 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 _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var shared_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/components/toggle-switch/ToggleSwitch */ "./src/shared/components/toggle-switch/ToggleSwitch.tsx");
+/* harmony import */ var shared_components_share_copy_embed_html_CopyEmbedHtml__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/components/share/copy-embed-html/CopyEmbedHtml */ "./src/shared/components/share/copy-embed-html/CopyEmbedHtml.tsx");
+/* harmony import */ var _share_settings_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./share-settings.scss */ "./src/shared/views/share/settings-view/share-settings.scss");
+/* harmony import */ var _share_settings_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_share_settings_scss__WEBPACK_IMPORTED_MODULE_11__);
+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.share';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
+function ShareSettingsView(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      expireLink = _React$useState2[0],
+      setExpireLink = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      passwordProtectLink = _React$useState4[0],
+      setPasswordProtectLink = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      revealPassword = _React$useState6[0],
+      setRevealPassword = _React$useState6[1];
+
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(''),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      linkPassword = _React$useState8[0],
+      setLinkPassword = _React$useState8[1];
+
+  function onClickDeleteLink() {
+    // TODO: delete link
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction({
+      shareLink: props.shareData.shortUrl
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["UserAction"].Delete,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["EntityType"].ShareLink
+    }));
+    props.showMain();
+  }
+
+  function onClickSave() {
+    // TODO: Wire up to backend
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction({
+      hasPassword: !!linkPassword,
+      willExpire: expireLink
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["UserAction"].Edit,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["EntityType"].ShareLink
+    }));
+    props.showMain();
+  }
+
+  function onChangePassword(e) {
+    setLinkPassword(e.currentTarget.value);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    className: 'mr-1 svg-container',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__["cvSvgLibrary"].VisibleOn
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mr-auto'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    phrase: 'publicLinkInfo'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_7__["DivButton"], {
+    onClick: onClickDeleteLink,
+    className: 'info-link'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    phrase: 'deleteLink'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between align-items-center pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", {
+    className: 'm-0',
+    htmlFor: ''
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    phrase: 'linkExpirationHeading'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    phrase: 'linkExpirationInfo'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_9__["ToggleSwitch"], {
+    onClick: function onClick() {
+      return setExpireLink(!expireLink);
+    },
+    on: expireLink
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-between align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", {
+    className: 'm-0',
+    htmlFor: ''
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    phrase: 'passwordProtectHeading'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    phrase: 'passwordProtectInfo'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_9__["ToggleSwitch"], {
+    onClick: function onClick() {
+      return setPasswordProtectLink(!passwordProtectLink);
+    },
+    on: passwordProtectLink
+  })), passwordProtectLink && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'position-relative w-75 mt-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", {
+    className: 'form-control',
+    value: linkPassword,
+    onChange: onChangePassword,
+    type: revealPassword ? 'text' : 'password',
+    placeholder: getPhrase('passwordPlaceholder')
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_7__["DivButton"], {
+    className: _share_settings_scss__WEBPACK_IMPORTED_MODULE_11___default.a.passwordVisibilityToggle,
+    onClick: function onClick() {
+      return setRevealPassword(!revealPassword);
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_5__["SvgContainer"], {
+    svgName: revealPassword ? _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__["cvSvgLibrary"].VisibleOn : _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__["cvSvgLibrary"].VisibleOff
+  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_share_copy_embed_html_CopyEmbedHtml__WEBPACK_IMPORTED_MODULE_10__["CopyEmbedHtml"], {
+    entityId: props.entityId,
+    shortCode: props.shareData.shortCode,
+    analyticsOptions: props.analyticsOptions
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_4__["PopupButtons"], {
+    buttons: [{
+      variant: 'outline-dark',
+      onClick: props.showMain,
+      buttonText: getPhrase('cancel')
+    }, {
+      variant: 'dark',
+      onClick: onClickSave,
+      buttonText: getPhrase('save')
+    }]
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/share/settings-view/share-settings.scss":
+/*!******************************************************************!*\
+  !*** ./src/shared/views/share/settings-view/share-settings.scss ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"passwordVisibilityToggle":"cv--passwordVisibilityToggle--4X-7U"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=27.chunk.js.map