@clickview/lite 0.0.24-rc.3 → 0.0.24-rc.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/lite",
-  "version": "0.0.24-rc.3",
+  "version": "0.0.24-rc.4",
   "description": "ClickView Lite",
   "main": "dist/scripts/bundle.js",
   "types": "dist/projects/lite/src/index.d.ts",
@@ -28,7 +28,7 @@
     "@types/react-custom-scrollbars": "4.0.6"
   },
   "dependencies": {
-    "@clickview/styles": "1.0.10-rc.3",
+    "@clickview/styles": "1.0.10-rc.4",
     "@microsoft/immersive-reader-sdk": "1.0.0",
     "intersection-observer": "0.11.0",
     "js-cookie": "2.2.1",

package/dist/scripts/2-5cbf4f9833.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[2],{1019:function(e,t,n){"use strict";var i=n(0),a=n(228),r=n(950),o=n(35),c=new Image;c.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var s=function(e){e.dataTransfer.setDragImage&&!o.a.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(c,0,0)};n.d(t,"a",(function(){return u}));var l=a.a.isTouchScreen();var u=i.forwardRef((function(e,t){var n,a,o,c,u=e.children,d=e.positionType,f=e.onDrag,m=e.onDragEnd,v=e.onTouchMove,p=e.onTouchEnd,g=e.percentageDragged,b=e.position,y=void 0===b?0:b;return i.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(a=y,o=d,c=g,o===r.a.Percentage&&c&&(a-=c),{transform:"translate3d(".concat(a).concat(o,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},f&&m&&(n.draggable=!0,n.onDrag=f,n.onDragEnd=m,n.onDragStart=s,n.onDragOver=function(e){return e.preventDefault()}),v&&p&&l&&(n.onTouchMoveCapture=v,n.onTouchEndCapture=p),n)),u)}))},1066:function(e,t,n){e.exports={leftOverflowGradient:"u_MPi",rightOverflowGradient:"_38ooL",partialHeading:"OVsdA",partialDescription:"_1HtA2",partialItem:"_3G2hG",largePartialItem:"NnK8O",heading:"BQnCC",link:"ph0Qy"}},1067:function(e,t,n){"use strict";n.d(t,"g",(function(){return d})),n.d(t,"f",(function(){return f})),n.d(t,"b",(function(){return m})),n.d(t,"a",(function(){return v})),n.d(t,"c",(function(){return p})),n.d(t,"e",(function(){return A})),n.d(t,"d",(function(){return E}));var i=n(0),a=n(57),r=n(35),o=n(47),c=n(45),s=n(875),l=n(917),u=n(158);function d(e,t,n,o){var c,l=e.fetch,u=e.setData,d=e.type,f=e.collection,m=e.prefetched,v=e.contents,p=f;return(!p||a.a.isEmpty(p)&&!m)&&(c=l(o),p=c.data),i.useEffect((function(){p&&!a.a.isEmpty(p)&&t({type:s.a.Init,payload:{collection:r.a.isFunction(u)?u(p):p,mediaQuery:n,type:d,contents:v}})}),[p]),c}function f(e){for(var t=e.offset,n=e.viewableItems,i=e.collection,a=t,r=[],o=0;o<a+n;o++)r.push(o);return function(e){var t=i.indexOf(e);return r.includes(t)}}function m(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,o.a.slugify(t.name)]})}function v(e,t){var n=e.name,i=e.description,a={};return Array.isArray(t)?{name:n,description:i}:(e.name&&(a.name=n),e.description&&(a.description=i),Object.assign(Object.assign({},t),a))}function p(e){switch(e){case l.a.Playlists:return g;case l.a.Videos:return b;case l.a.Subjects:return y;case l.a.UserChannels:return h;case l.a.Interactives:return S;case l.a.Clips:return O;case l.a.Series:default:return w}}function g(e,t,n){var i=5;return e===c.a.XS?i=2:e===c.a.SM?i=3:e===c.a.MD&&(i=4),n<i&&(i=n),i}function b(e,t,n){var i=4;return e===c.a.XS?i=2:e===c.a.SM?i=3:e===c.a.MD?i=4:e!==c.a.LG&&e!==c.a.XL&&e!==c.a.XXL||(i=t===u.c.LargeRow||n<4?3:4),n<i&&(i=n),i}function y(e,t,n){var i=6;return e===c.a.SM||e===c.a.XS?i=3:e===c.a.MD?i=4:e===c.a.LG?i=5:e!==c.a.XL&&e!==c.a.XXL||(i=6),n<i&&(i=n),i}function h(e,t,n){var i=6;return e===c.a.XS?i=2:e===c.a.SM?i=3:e===c.a.MD?i=4:e===c.a.LG?i=5:e!==c.a.XL&&e!==c.a.XXL||(i=6),n<i&&(i=n),i}function S(e,t,n){var i=3;return e!==c.a.MD&&e!==c.a.SM||(i=2),e===c.a.XS&&(i=1),n<Math.ceil(i)&&(i=n),i}function O(e,t,n){var i=3;return e!==c.a.MD&&e!==c.a.SM||(i=2),e===c.a.XS&&(i=1),n<Math.ceil(i)&&(i=n),i}function w(e,t,n){var i=4;return e===c.a.XS?i=2:e===c.a.SM&&(i=3),n<i&&(i=n),i}function A(e,t,n,i,a,r,o){return function(c){var s=c.touches.item(0).clientX;a||(t.current.style.transition="",i(t.current.getBoundingClientRect().width),r(s));var l=(a-s)/n*100;(l<0&&e.offset===e.viewableItems||l>0&&e.offset===e.collection.length)&&(l=0),o(l)}}function E(e,t,n,i,a){return function(){if(e.current.style.transition="transform .4s ease-in-out",t(null),Math.abs(n)>=7.5){var r=n>0?s.a.Next:s.a.Previous;a({type:r})}i(0)}}},1225:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},875:function(e,t,n){"use strict";var i;n.d(t,"a",(function(){return i})),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag"}(i||(i={}))},909:function(e,t,n){"use strict";n.d(t,"a",(function(){return L}));var i=n(0),a=n(7),r=n(950),o=n(985),c=n(1019),s=n(236),l=n(918),u=n(158),d=n(875),f=n(908),m=n(51),v=n(55),p=n(13),g=n(838),b=n(986),y=n(40),h=n(919),S=n(1067),O=n(920),w=n(1066),A=n.n(w);function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],i=!0,a=!1,r=void 0;try{for(var o,c=e[Symbol.iterator]();!(i=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);i=!0);}catch(e){a=!0,r=e}finally{try{i||null==c.return||c.return()}finally{if(a)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return j(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function I(e){var t,n,w,j,I,L=e.type,C=e.analyticsData,k=void 0===C?{}:C;L===u.c.ResourcesTile&&(L=u.c.Row);var N=E(i.useState(null),2),x=N[0],D=N[1],M=E(i.useState(null),2),z=M[0],R=M[1],T=E(i.useState(0),2),_=T[0],P=T[1],X=E(i.useReducer(O.a,O.b,O.c),2),G=X[0],Q=X[1],F=i.useRef(null),B=E(Object(l.a)(),2),U=B[0],H=B[1],V=E(i.useState(!1),2),J=V[0],W=V[1],q=E(i.useState(!1),2),K=q[0],$=q[1],Y=Object(f.a)(!e.lazyLoad),Z=Y.ref,ee=Y.inView,te=Object(s.a)();i.useEffect((function(){Q({type:d.a.Resize,payload:{mediaQuery:te,type:L,contents:e.contents,collection:G.collection}})}),[te]),i.useEffect((function(){e.prefetched&&Q({type:d.a.Init,payload:{mediaQuery:te,type:L,contents:e.contents,collection:e.collection}})}),[e.collection,e.prefetched]);var ne=Object(S.g)(e,Q,te,ee);var ie={type:G.type,size:G.currentSize,collectionSize:G.collection.length,contents:e.contents},ae=Object(S.a)(e,(null===(t=ne)||void 0===t?void 0:t.data)||e.collection);if(null===(n=ne)||void 0===n?void 0:n.hasError)return i.createElement(i.Fragment,null);if(!e.prefetched&&!(null===(w=ne)||void 0===w?void 0:w.statusCode))return i.createElement("div",{ref:Z},i.createElement(h.a,{type:L}));if(!G.collection.length||G.collection.length<e.minimumItemCount)return i.createElement(i.Fragment,null);var re=e.childComponent,oe=function(t){var n,i;return Object.assign({id:null===(n=ae)||void 0===n?void 0:n.id,name:null===(i=ae)||void 0===i?void 0:i.name,direction:t===d.a.Next?"right":"left"},e.analyticsData)};return i.createElement("div",{className:"pb-3 px-".concat(e.paddingSize," mx-n").concat(e.paddingSize," overflow-hidden-x")},i.createElement("div",{className:"mb-1"},i.createElement(m.a,{appLink:Object(S.b)(e.appLink,ae),analyticsData:Object.assign({id:null===(j=ae)||void 0===j?void 0:j.id,name:null===(I=ae)||void 0===I?void 0:I.name},e.analyticsData),analyticsOptions:b.a.getSliderHeadingAnalyticsOptions()},i.createElement("h2",{className:"".concat(A.a.heading," ").concat(e.appLink?A.a.link:""," h4 mb-0 d-inline-block align-top pl-1")},ae.name,!!e.appLink&&i.createElement(v.a,{svgName:p.b.ChevronRight,size:v.b.Small})),e.settingsAppLink&&i.createElement(m.a,{appLink:e.settingsAppLink},i.createElement(v.a,{svgName:p.b.Cog,className:"d-inline-block svg-container cursor-pointer",title:a.a.getPhrase("shared.fixedWidget","preferencesTooltip"),tooltipPlacement:"right"}))),ae.description&&i.createElement("p",{className:"text-truncate pl-1 mb-0 description"},ae.description)),i.createElement("div",{ref:U,className:"position-relative"},!J&&i.createElement("div",{className:A.a.leftOverflowGradient}),i.createElement(o.a,{direction:o.b.Left,onClick:function(){Q({type:d.a.Previous}),y.a.logUserAction(oe(d.a.Previous),b.a.getSliderAnalyticsOptions())},hide:J||G.offset<=G.collection.length&&!(H&&G.offset!==G.viewableItems),contents:e.contents}),i.createElement(c.a,{position:G.position,positionType:r.a.Percentage,onTouchMove:Object(S.e)(G,F,z,R,x,D,P),onTouchEnd:Object(S.d)(F,D,_,P,Q),ref:F,percentageDragged:_},G.collection.map((function(t,n){var a;return i.createElement(re,{key:t.id,data:t,appLink:e.childAppLink,context:ie,preloadImage:Object(S.f)(G)(t),thumbnailSize:e.thumbnailSize||g.a.Medium,analyticsData:Object.assign({widgetId:ae.id,widgetName:ae.name,itemIndex:n},k),analyticsOptions:Object.assign(Object.assign({},null===(a=e)||void 0===a?void 0:a.analyticsOptions),b.a.getSliderItemAnalyticsOptions()),onHover:function(e){window.setTimeout((function(){!function(e,t){if(G.collection.length===G.viewableItems)return W(e),void $(e);t+1!==G.collection.length?0!==t?(t+1-G.offset%G.viewableItems)%G.viewableItems!=0?(t-G.offset%G.viewableItems)%G.viewableItems!=0||W(e):$(e):W(e):$(e)}(e,n)}),e?0:200)}})}))),i.createElement(o.a,{direction:o.b.Right,onClick:function(){Q({type:d.a.Next}),y.a.logUserAction(oe(d.a.Next),b.a.getSliderAnalyticsOptions())},hide:K||(G.offset>G.viewableItems||G.offset===G.collection.length)&&!(H&&G.offset<G.collection.length),contents:e.contents}),!K&&i.createElement("div",{className:A.a.rightOverflowGradient})))}I.defaultProps={type:u.c.Row,minimumItemCount:0,paddingSize:"3"};var L=i.memo(I)},917:function(e,t,n){"use strict";var i;n.d(t,"a",(function(){return i})),function(e){e.Videos="videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.UserChannels="user channels",e.Interactives="interactives",e.Clips="clips"}(i||(i={}))},918:function(e,t,n){"use strict";n.d(t,"a",(function(){return s})),n.d(t,"b",(function(){return l}));var i=n(0),a=n(35);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],i=!0,a=!1,r=void 0;try{for(var o,c=e[Symbol.iterator]();!(i=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);i=!0);}catch(e){a=!0,r=e}finally{try{i||null==c.return||c.return()}finally{if(a)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}var c={className:"",delay:0};function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c,t=i.useState(!1),n=r(t,2),o=n[0],s=n[1],l=i.useRef(null),u=a.a.throttle((function(){var t,n;e.className&&(null===(n=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===n||n.add(e.className)),s(!0)}),e.delay,{leading:!1}),d=function(){var t,n;a.a.isFunction(u.cancel)&&u.cancel(),e.className&&(null===(n=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===n||n.remove(e.className)),s(!1)};return i.useLayoutEffect((function(){var e=l.current;if(e)return e.addEventListener("mouseenter",u),e.addEventListener("mouseleave",d),function(){e.removeEventListener("mouseenter",u),e.removeEventListener("mouseleave",d)}}),[l.current,u,d]),[l,o]}function l(e){return s({className:e,delay:275})}},919:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var i=n(0),a=n(45),r=n(236),o=n(1066),c=n.n(o);var s=function(e){var t=e.colSize;return i.createElement("div",{className:"col-".concat(t)},i.createElement("div",{className:"".concat(c.a.partialItem," mx-1 partial-loading-background")}))};function l(e){for(var t,n=(t=Object(r.a)())===a.a.XS?{itemCount:1,colSize:12}:t===a.a.SM?{itemCount:2,colSize:6}:t===a.a.MD?{itemCount:3,colSize:4}:{itemCount:4,colSize:3},o=n.itemCount,l=n.colSize,u=[],d=0;d<o;d++)u.push(i.createElement(s,{key:d,colSize:l}));return i.createElement("div",{className:"widget pb-3"},i.createElement("div",{className:"".concat(c.a.partialHeading," mx-1 mb-1 partial-loading-background")}),i.createElement("div",{className:"".concat(c.a.partialDescription," mx-1 my-1 partial-loading-background")}),i.createElement("div",{className:"".concat(c.a.slidingContainer," row")},u))}},920:function(e,t,n){"use strict";n.d(t,"b",(function(){return c})),n.d(t,"a",(function(){return s})),n.d(t,"c",(function(){return l}));var i=n(45),a=n(875),r=n(158),o=n(1067),c={offset:0,viewableItems:4,position:0,collection:[],currentSize:i.a.LG,type:r.c.Row};function s(e,t){var n,i,r=t.type,c=t.payload,s=void 0===c?{}:c;switch(r){case a.a.Next:return Object.assign(Object.assign({},e),function(e){var t=e.collection,n=e.viewableItems,i=e.offset,a=e.position,r=t.length-i;return r%n==0||r>n?{position:a-100,offset:i+n}:r<n?{position:a-r/n*100,offset:i+r}:{position:a,offset:i}}(e));case a.a.Previous:return Object.assign(Object.assign({},e),function(e){var t=e.viewableItems,n=e.offset,i=e.position,a=n-t;return a%t==0||a>t?{position:i+100,offset:n-t}:a<t?{position:i+a/t*100,offset:n-a}:{position:i,offset:n}}(e));case a.a.Resize:var u=Object(o.c)(s.contents)(s.mediaQuery,s.type,null===(n=s.collection)||void 0===n?void 0:n.length);return Object.assign(Object.assign({},e),{currentSize:s.mediaQuery,position:0,offset:u,viewableItems:u,type:s.type});case a.a.Init:var d=Object(o.c)(s.contents)(s.mediaQuery,s.type,null===(i=s.collection)||void 0===i?void 0:i.length);return l(Object.assign(Object.assign({},e),{collection:s.collection,currentSize:s.mediaQuery,offset:d,viewableItems:d,type:s.type}));default:return e}}function l(e){return Object.assign(Object.assign({},c),e)}},950:function(e,t,n){"use strict";var i;n.d(t,"a",(function(){return i})),function(e){e.Percentage="%",e.Pixels="px"}(i||(i={}))},985:function(e,t,n){"use strict";n.d(t,"b",(function(){return i})),n.d(t,"a",(function(){return l}));var i,a=n(0),r=n(55),o=n(13),c=n(1225),s=n.n(c);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(i||(i={}));var l=a.memo((function(e){var t,n,c=e.direction===i.Left,l=c?o.b.ChevronLeft:o.b.ChevronRight,u=(e.contents,t=c,n=s.a.topPos,n+=t?" "+s.a.left:" "+s.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(u," ").concat(s.a.button),onClick:e.onClick},a.createElement(r.a,{svgName:l,size:r.b.Medium,className:"svg-container d-inline-block ".concat(s.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:c?s.a.gradientLeft:s.a.gradientRight}),a.createElement("div",{role:"button",onClick:e.onClick,className:c?s.a.extendedClickableAreaLeft:s.a.extendedClickableAreaRight}))}),(function(e,t){return e.hide===t.hide}))},986:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var i=n(3),a={getSliderAnalyticsOptions:function(){return{actionType:i.n.Click,location:i.j.SlidingList,entity:i.d.Widget,descriptor:i.b.Slide}},getSliderItemAnalyticsOptions:function(){return{location:i.j.SlidingListItem}},getSliderHeadingAnalyticsOptions:function(){return{actionType:i.n.Click,location:i.j.SlidingList,entity:i.d.Widget,descriptor:i.b.Title}}}}}]);