@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/23.chunk.js

@@ -0,0 +1,1144 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[23],{
+
+/***/ "../../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: "".concat(props.className ? props.className : '', " cursor-pointer"),
+    onKeyDown: function onKeyDown(e) {
+      return 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 ".concat(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/components/toggle-switch/ToggleSwitch.tsx":
+/*!**********************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/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 _div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../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' : '';
+  var outlineClass = props.hideOutline ? 'outline-none' : '';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onClick,
+    className: "".concat(bootstrapClasses, " ").concat(onClass, " ").concat(disabledClass, " ").concat(outlineClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'handle'
+  }));
+}
+
+/***/ }),
+
+/***/ "../../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");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "../../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");
+
+var namespace = 'shared.shared-utils';
+var EmbedHelper = {
+  getEmbedResolutions: function 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 _libs_shared_src_components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/avatar/Avatar */ "../../libs/shared/src/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(_libs_shared_src_components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__["Avatar"], {
+    imageUrl: '',
+    imageCdnUrl: '',
+    initials: ''
+  })), 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/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 _libs_shared_src_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/toggle-switch/ToggleSwitch */ "../../libs/shared/src/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(_libs_shared_src_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(_libs_shared_src_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=23.chunk.js.map