@clickview/lite 0.0.46-rc.0 → 0.0.46-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/lite",
-  "version": "0.0.46-rc.0",
+  "version": "0.0.46-rc.1",
   "description": "ClickView Lite",
   "main": "dist/scripts/bundle.js",
   "types": "dist/projects/lite/src/index.d.ts",
@@ -33,7 +33,7 @@
     "@types/react-window": "1.8.3"
   },
   "dependencies": {
-    "@clickview/styles": "1.0.27-rc.0",
+    "@clickview/styles": "1.0.27-rc.1",
     "@microsoft/immersive-reader-sdk": "1.0.0",
     "@microsoft/teams-js": "1.5.2",
     "intersection-observer": "0.11.0",

package/dist/scripts/63-38aa5735c1-lite.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[63],{1040:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));var n=t(0),r=t(38),i=t(138),c=t(107),l=t(1054),o=t(364);function s(e){var a=n.useMemo((function(){return e.actions.sort((function(e,a){return e.order-a.order}))}),[e.actions]),t=[],s=[];a.forEach((function(e){e.button?t.push(e):s.push(e)}));var u="d-flex";return e.className&&(u+=" ".concat(e.className)),t.length||s.length?n.createElement("div",{className:u},n.createElement(n.Fragment,null,n.createElement("span",{className:"d-flex align-items-center"},t.length?t.map((function(e,a){return n.createElement(n.Fragment,{key:a},function(){if(e.label){var a=r.a.isFunction(e.label)?e.label:function(){return e.label};return n.createElement(o.a,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},a())}var t=n.createElement(i.a,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?n.createElement(c.a,{title:e.tooltip,spanHack:!0},t):t}())})):n.createElement(n.Fragment,null),e.sortComponent&&e.sortComponent,s.length?n.createElement(l.a,{actions:s,dropdownToggleClassName:e.actionsDropdownClassName}):n.createElement(n.Fragment,null)))):n.createElement(n.Fragment,null)}},1054:function(e,a,t){"use strict";t.d(a,"a",(function(){return v}));var n=t(0),r=t(3),i=t(216),c=t(38),l=t(31),o=t(76),s=t(57),u=t(107),d=t(27),m=t(1059),p=t.n(m);function f(e){var a="dropdown-item";return e&&(a+=" ".concat(e)),a}function g(e){var a=c.a.isFunction(e.action.label)?e.action.label:function(){return e.action.label};if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:f(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},a());function t(a){a.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&l.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),c.a.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&r.a.LocationUtils.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?n.createElement("a",{className:f(e.action.className),onClick:t,href:e.action.href},a()):n.createElement("span",{className:"cursor-pointer ".concat(f(e.action.className)),onClick:t,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(e)}},a())}function v(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var a="dropdown";e.className&&(a+=" ".concat(e.className));var t="actions-dropdown-".concat(i.a.getRandomInt()),r="dropdown-toggle px-0 ".concat(p.a.dropdownToggle);return e.dropdownToggleClassName&&(r+=" ".concat(e.dropdownToggleClassName)),n.createElement("div",{className:a},n.createElement("button",{className:r,type:"button",id:t,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(o.a,{svgName:d.b.More,size:o.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":t},e.actions.map((function(e,a){return e.tooltip?n.createElement(u.a,{key:a,title:e.tooltip,spanHack:!0},n.createElement(g,{action:e})):n.createElement(g,{key:a,action:e})}))))}v.defaultProps={dropdownToggleClassName:"btn btn-light"}},1059:function(e,a,t){e.exports={dropdownToggle:"AYBvQ"}},1221:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(78),r=t(11),i=t(35);function c(e,a){var t=Object(n.useDispatch)();return Object(n.useSelector)((function(n){if(!(null==e?void 0:e.length))return{items:null,isFetching:!1};for(var c=i.a.uniq(e),l={},o={},s=0;s<c.length;s+=25){var u=c.slice(s,s+25),d=a(u),m=r.a.getResponse(n,d.key);o[s]=m,m.shouldFetch&&r.a.fetch(t,d),m.data&&m.data.forEach((function(e){return l[e.id]=e}))}return{items:Object.keys(o).every((function(e){return!!o[e].data}))?l:null,isFetching:!!Object.keys(o).some((function(e){return o[e].isFetching}))}}))}},1354:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(28),r=t(23),i={getObjectUrl:function(e,a){var t=e.analyticsWebUrl;if(t){var i="";switch(a.typeId){case r.a.Video:i="/videos/".concat(a.id,"/overview");break;case r.a.Interactive:i="/interactives/".concat(a.id,"/overview")}if(i)return n.a.safeUrlConcat(t,i)}}}},1713:function(e,a,t){e.exports={avatarContainer:"_3yYYJ",avatarWrapper:"_1P2Yd"}},1714:function(e,a,t){e.exports={row:"_2eIHH",imageColumn:"_2-eH-",nameColumn:"_1d0zl",sharedToColumn:"_33d-p",dateSharedColumn:"_37ENa",heading:"_2CI0m",image:"_2KHWY",name:"_2BHvI",avatar:"_2A4Ga",date:"_3G76R"}},1715:function(e,a,t){e.exports={headerCell:"_3XcXD"}},1949:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),i=t(78),c=t(11),l=t(7),o=t(35),s=t(248),u=t(119),d=t(1525),m=t(307),p=t(2),f=t(1040),g=t(263),v=t(1469),h=t(23),E=t(249),b=t(356),y=t(76),N=t(27),C=t(107),k=t(1713),w=t.n(k),S=l.a.encloseNamespace("reportsShare.sharedToAvatarList");function I(e){var a,t,n,i,c,l,s,u,d,m=(null===(a=e.recipient)||void 0===a?void 0:a.typeId)===h.a.User&&e.recipient,p=(null===(t=e.recipient)||void 0===t?void 0:t.typeId)===h.a.Classroom&&e.recipient,f=(null===(n=e.recipient)||void 0===n?void 0:n.typeId)===h.a.ClassroomGroup&&e.recipient,g="d-flex justify-content-center align-items-center text-white rounded-circle h-100 w-100";return r.a.createElement("div",{className:"".concat(w.a.avatarContainer," position-relative d-inline-block")},r.a.createElement("div",{className:"".concat(w.a.avatarWrapper," position-absolute w-100 h-100 bg-white rounded-circle"),style:{left:"".concat(-15*e.index,"%"),zIndex:5-e.index}},!!m&&r.a.createElement(C.a,{title:"".concat(m.name," ").concat(m.surname),spanHack:!0,spanHackClassName:"h-100 w-100"},r.a.createElement(b.a,{imageUrl:null===(i=m.avatar)||void 0===i?void 0:i.url,imageCdnUrl:e.imageCdnUrl,initials:E.a.getInitials(m.name,m.surname)})),!!p&&r.a.createElement(C.a,{title:p.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r.a.createElement("div",{className:"".concat(g," bg-purple")},r.a.createElement(y.a,{svgName:N.b.Classrooms,size:y.b.Large}))),!!f&&r.a.createElement(C.a,{title:f.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r.a.createElement("div",{className:"".concat(g," bg-indigo")},r.a.createElement(y.a,{svgName:N.b.Group}))),!!e.hiddenRecipients&&r.a.createElement(C.a,{title:(c=e.hiddenRecipients,l=o.a.countBy(c,"typeId"),s=l[h.a.User],u=l[h.a.Classroom],d=l[h.a.ClassroomGroup],s&&u&&d?S("classroomsGroupsAndUsers",{userCount:s,classroomCount:u,groupCount:d}):s&&u?S("classroomsAndUsers",{userCount:s,classroomCount:u}):s&&d?S("groupsAndUsers",{userCount:s,groupCount:d}):u&&d?S("classroomsAndGroups",{classroomCount:u,groupCount:d}):s?S("users",{userCount:s}):u?S("classrooms",{classroomCount:u}):d?S("groups",{groupCount:d}):void 0),spanHack:!0,spanHackClassName:"h-100 w-100"},r.a.createElement("div",{className:"d-flex justify-content-center align-items-center border border-dark rounded-circle h-100 w-100"},"+".concat(e.hiddenRecipients.length)))))}function j(){return r.a.createElement("div",{className:w.a.avatarContainer},r.a.createElement(C.a,{title:S("anonymous"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r.a.createElement(y.a,{svgName:N.b.Anonymous})))}function x(){return r.a.createElement("div",{className:w.a.avatarContainer},r.a.createElement(C.a,{title:S("sharedLink"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r.a.createElement(y.a,{svgName:N.b.Link})))}function O(e){var a=e.recipients.length>5?e.recipients.slice(0,4):e.recipients,t=e.recipients.length>a.length?e.recipients.slice(4):[];return r.a.createElement("div",null,a.map((function(a,t){return r.a.createElement(I,{key:t,index:t,recipient:a,imageCdnUrl:e.imageCdnUrl})})),!!t.length&&r.a.createElement(I,{index:a.length,imageCdnUrl:e.imageCdnUrl,hiddenRecipients:t}))}var T=t(1235),A=t(57);var L=l.a.encloseNamespace("share.sharedByMeTable");function D(e){var a;if(e.type===g.a.ShareLink||!(null===(a=null==e?void 0:e.recipients)||void 0===a?void 0:a.length))return e.dateCreated;var t=e.recipients.map((function(e){return e.dateShared}));return t.sort((function(e,a){return m.a.isSame(e,a)?0:m.a.isAfter(e,a)?1:-2})),t.length?o.a.last(t):""}function F(e,a,t,n,i){return[{Header:a,accessor:"sharedObject",id:"image",Cell:function(e){var a=e.value;return r.a.createElement("div",{className:"w-100"},r.a.createElement(v.a,{object:a,appLink:t(a),showVideoMetadata:!0,locationContext:p.LocationContext.SharedByMe}))},width:30},{accessor:"sharedObject",id:"name",Cell:function(e){var a=e.value;return r.a.createElement(A.a,{appLink:t(a),className:"text-truncate"},a.name)},width:60},{Header:0===e?L("sharedTo"):"",accessor:"shareRecipients",Cell:function(e){var a=e.value;return a?a.length?r.a.createElement(O,{recipients:a,imageCdnUrl:i}):r.a.createElement(j,null):r.a.createElement(x,null)},width:40},{Header:0===e?L("shared"):"",id:"dateShared",accessor:function(e){return T.a.formatDateShared(e.dateShared)},width:40},{accessor:"sharedObject",id:"actions",Cell:function(e){var a=e.value;return r.a.createElement(f.a,{actions:n(a),className:"w-100 justify-content-end pr-2"})},width:20}]}function H(e,a,t,n,i){return r.a.useMemo((function(){var r,i,c,l=[];return e.forEach((function(e){var n,r,i=a.find((function(a){return a.id===e.objectId}));i&&l.push({share:e,sharedObject:i,shareRecipients:e.type===g.a.DirectShare?null!==(r=null===(n=e.recipients)||void 0===n?void 0:n.map((function(e){return t.find((function(a){return a.id===e.id}))})))&&void 0!==r?r:[]:null,dateShared:D(e)})})),n?T.a.groupByDateShared(l):(r={},i=L("title"),c=l,i in r?Object.defineProperty(r,i,{value:c,enumerable:!0,configurable:!0,writable:!0}):r[i]=c,r)}),[i])}function U(e){var a=H(e.sentShares,e.sharedObjects,e.shareRecipients,!!e.groupByDateShared,!!e.refreshTable);return r.a.createElement(r.a.Fragment,null,Object.keys(a).map((function(t,n){return r.a.createElement(d.a,{key:n,columns:F(n,t,e.getObjectAppLink,e.getObjectActions,e.imageCdnUrl),data:a[t],theme:e.theme})})))}var _=t(79),R=t(1069),B=t(1066),M=t(1221),P=t(1470),V=t(50),Y=t(44),G=t(1354),W=t(5),z=t(8);function q(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,i=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw i}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return J(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return J(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var K=l.a.encloseNamespace("liteShare.sharedByMe");function X(e){return o.a.uniq(o.a.flatten(function(e){var a;return null!==(a=null==e?void 0:e.filter((function(e){return e.type===g.a.DirectShare})))&&void 0!==a?a:[]}(e).map((function(e){var a;return null!==(a=e.recipients)&&void 0!==a?a:[]}))),"id").map((function(e){return e.id}))}function Q(e){return e.items?Object.values(e.items):[]}function $(e){return Y.a.isInteractive(e)?{application:W.a.INTERACTIVES,action:z.a.Interactives.VIEW_INTERACTIVE,args:[e.id,V.a.slugify(e.name)]}:Y.a.isClip(e)?{application:W.a.DEFAULT,action:z.a.Default.PLAY_CLIP,args:[e.id,V.a.slugify(e.name)]}:Y.a.isVideo(e)?{application:W.a.DEFAULT,action:z.a.Default.PLAY_VIDEO,args:[e.id,V.a.slugify(e.name)]}:e.typeId===h.a.Playlist?{application:W.a.PLAYLISTS,action:z.a.Playlists.PLAYLIST,args:[e.id,V.a.slugify(e.name)]}:e.typeId===h.a.Series?{application:W.a.DEFAULT,action:z.a.Default.SERIES,args:[e.id,V.a.slugify(e.name)]}:void 0}function Z(e,a){return{label:K("editShareSettings"),appLink:{application:W.a.DEFAULT,action:z.a.Default.SHARE,args:[e.id],params:{entityType:a}}}}function ee(e){return e.url?r.a.createElement(C.a,{title:e.label,spanHack:!0},r.a.createElement("a",{href:e.url,target:"_blank"},r.a.createElement(y.a,{svgName:N.b.Chart}))):r.a.createElement(C.a,{title:K("comingSoon"),spanHack:!0,spanHackClassName:"text-muted"},r.a.createElement(y.a,{svgName:N.b.Chart}))}function ae(){var e=c.a.useBasicFetch(u.a.config());if(e.data)return function(a){return function(e,a){var t,n="seeUsage";Y.a.isVideo(e)&&(t="video"),Y.a.isInteractive(e)&&(t="interactive",n="seeResults"),Y.a.isClip(e)&&(t="clip"),e.typeId===h.a.Series&&(t="series"),e.typeId===h.a.Playlist&&(t="playlist");var i=G.a.getObjectUrl(a,e);return[{label:function(){return r.a.createElement(ee,{label:K(n),url:i})},className:"btn btn-link".concat(i?"":"disabled"),button:!0,disabled:!i},Z(e,t)]}(a,e.data)}}var te=t(1714),ne=t.n(te);function re(){return r.a.createElement("div",{className:"d-flex striped-row rounded py-3 ".concat(ne.a.row)},r.a.createElement("div",{className:"d-flex align-items-center justify-content-center px-3 ".concat(ne.a.imageColumn)},r.a.createElement("div",{className:"partial-loading-background rounded ".concat(ne.a.image)})),r.a.createElement("div",{className:"d-flex align-items-center pr-3 ".concat(ne.a.nameColumn)},r.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.name)})),r.a.createElement("div",{className:"d-flex align-items-center pr-3 ".concat(ne.a.sharedToColumn)},r.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.avatar)})),r.a.createElement("div",{className:"d-flex align-items-center pr-3 ".concat(ne.a.dateSharedColumn)},r.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.partialDate)})))}function ie(e){return r.a.createElement("div",{className:"d-flex py-2 mb-1"},r.a.createElement("div",{className:"".concat(ne.a.imageColumn," pr-2")},r.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.heading)})),r.a.createElement("div",{className:"".concat(ne.a.nameColumn," pr-2")}," "),r.a.createElement("div",{className:"".concat(ne.a.sharedToColumn," pr-2")},e.fullHeader?r.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.heading)}):r.a.createElement(r.a.Fragment,null," ")),r.a.createElement("div",{className:"".concat(ne.a.dateSharedColumn," pr-2")},e.fullHeader?r.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.heading)}):r.a.createElement(r.a.Fragment,null," ")))}function ce(){return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"mb-3"},r.a.createElement(ie,{fullHeader:!0}),r.a.createElement("div",{className:"striped-list no-full-width"},r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null))),r.a.createElement("div",{className:"mb-3"},r.a.createElement(ie,null),r.a.createElement("div",{className:"striped-list no-full-width"},r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null))),r.a.createElement("div",{className:"mb-3"},r.a.createElement(ie,null),r.a.createElement("div",{className:"striped-list no-full-width"},r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null),r.a.createElement(re,null))))}var le=t(1715),oe=t.n(le);t.d(a,"SharedByMeView",(function(){return de}));var se=l.a.encloseNamespace("liteShare.sharedByMe"),ue={table:"striped-list no-full-width pb-3",header:"font-weight-500 pb-1",headerCell:"p-2 ".concat(oe.a.headerCell),row:"striped-row rounded",cell:"d-flex align-items-center py-3 px-2"};function de(){var e,a=Object(i.useDispatch)(),t=function(e){return _.a.sentShare(e)},n=function(e){return c.a.getFetch(a,t(e))()},l=Object(R.a)(t,n),d=l.items,m=l.hasMore,p=l.isFetching,f=l.nextCursor,g=o.a.uniq(null!==(e=null==d?void 0:d.map((function(e){return e.objectId})))&&void 0!==e?e:[]),v=Object(M.a)(g,(function(e){return _.a.sharedObjectsById(e)})),h=X(d),E=Object(M.a)(h,(function(e){return _.a.getRecipientsById(e)})),b=c.a.useBasicFetch(u.a.config());Object(s.a)(se("sharedByMe"));var y=ae(),N=function(e,a,t,n,i){var c=q(r.a.useState(a),2),l=c[0],o=c[1],s=q(r.a.useState(n),2),u=s[0],d=s[1];return r.a.useEffect((function(){a&&o(!0)}),[a]),r.a.useEffect((function(){n&&d(!0)}),[n]),!e||!l||t.length&&!u||!i.data}(d,!!v.items,h,!!E.items,b),C=p||v.isFetching||E.isFetching;return r.a.createElement("div",{className:"px-3"},r.a.createElement(P.a,null),N?r.a.createElement(ce,null):r.a.createElement(r.a.Fragment,null,r.a.createElement(U,{sentShares:d,sharedObjects:Q(v),shareRecipients:Q(E),getObjectAppLink:$,getObjectActions:y,imageCdnUrl:b.data.imageCdnUrl,theme:ue,groupByDateShared:!0,refreshTable:C}),(m||C)&&r.a.createElement(B.a,{isFetching:C,onClick:n,nextCursor:f})))}}}]);