https://www.cumicumi.com/_next/static/chunks/pages/videos/ott/listcontent-c9be79dc6a1401de.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3795],{5952:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/videos/ott/listcontent",function(){return n(8912)}])},8912:function(e,t,n){"use strict";n.r(t);var r=n(7568),i=n(797),s=n(7582),a=n(5893),c=n(7294),l=n(549),o=n(1664),u=n.n(o),d=n(8533),h=n(7066);t.default=function(){var e,t,n=(0,c.useState)([]),o=n[0],m=n[1],f=(0,c.useState)(null),p=f[0],x=f[1],v=(0,c.useState)(!0),g=v[0],j=v[1],y=(0,c.useState)(!1),N=y[0],b=y[1],w=(0,c.useState)(null),_=w[0],k=w[1],A=(e=(0,r.Z)(function(){var e,t,n,r=arguments;return(0,s.__generator)(this,function(n){switch(n.label){case 0:return e=r.length>0&&void 0!==r[0]?r[0]:null,t=new URLSearchParams({part:"snippet",playlistId:"PLyg29bAblsX1F6p6l5OlPehQTMtHMiHuv",key:"AIzaSyCmpdYa_AiTc47GsknVla7wGhiGRHzYvlQ",maxResults:20}),e&&t.append("pageToken",e),[4,h.Z.get("https://www.googleapis.com/youtube/v3/playlistItems?".concat(t))];case 1:return[2,n.sent().data]}})}),function(){return e.apply(this,arguments)});(0,c.useEffect)(function(){A().then(function(e){m(e.items||[]),x(e.nextPageToken||null),b(!!e.nextPageToken),j(!1)}).catch(function(e){k(e.message),j(!1)})},[]);var S=(t=(0,r.Z)(function(){var e,t;return(0,s.__generator)(this,function(n){switch(n.label){case 0:if(!p)return[2];n.label=1;case 1:return n.trys.push([1,3,,4]),[4,A(p)];case 2:return e=n.sent(),m(function(t){return(0,i.Z)(t).concat((0,i.Z)(e.items||[]))}),x(e.nextPageToken||null),b(!!e.nextPageToken),[3,4];case 3:return t=n.sent(),console.error("Error loading more videos:",t),[3,4];case 4:return[2]}})}),function(){return t.apply(this,arguments)});return g?(0,a.jsx)(c.Fragment,{children:(0,a.jsx)("section",{className:"area-content new-vid-rbk",children:(0,a.jsx)("div",{className:"section-body row",children:(0,i.Z)(Array(10)).map(function(e,t){return(0,a.jsx)("div",{className:"col-sm-3 col-md-3 col-lg-5ths",children:(0,a.jsx)("article",{children:(0,a.jsxs)("div",{className:"single-content-post align-items-center",children:[(0,a.jsx)("div",{className:"feature-img position-relative",children:(0,a.jsx)(l.Z,{width:334,height:162})}),(0,a.jsxs)("div",{className:"mt-3 mt-lg-0",children:[(0,a.jsx)("div",{children:(0,a.jsx)(l.Z,{height:50})}),(0,a.jsx)(l.Z,{count:3}),(0,a.jsx)("ul",{className:"list-unstyled meta d-flex align-items-center",children:(0,a.jsx)("li",{children:(0,a.jsx)(l.Z,{width:100})})})]})]})})},t)})})})}):_?(0,a.jsx)(c.Fragment,{children:(0,a.jsx)("div",{className:"container",children:(0,a.jsx)("section",{className:"content pt-0",children:(0,a.jsx)("div",{className:"main-error text-center",children:(0,a.jsx)("span",{className:"error",children:"Tidak ada video ditemukan!"})})})})}):(0,a.jsx)(c.Fragment,{children:(0,a.jsx)(d.Z,{dataLength:o.length,next:S,hasMore:N,loader:(0,a.jsx)("h4",{children:"Loading..."}),endMessage:(0,a.jsx)("p",{style:{textAlign:"center"},children:(0,a.jsx)("b",{children:"No more data to load."})}),children:(0,a.jsx)("section",{className:"area-content new-vid-rbk",children:(0,a.jsx)("div",{className:"section-body row",children:o.map(function(e,t){var n,r,i,s=e.snippet.resourceId.videoId,c=(null===(n=e.snippet.thumbnails)||void 0===n?void 0:null===(r=n.medium)||void 0===r?void 0:r.url)||"https://i.ytimg.com/vi/".concat(s,"/mqdefault.jpg"),l=e.snippet.title,o=(i=e.snippet.publishedAt,new Date(i).toLocaleDateString("id-ID",{day:"numeric",month:"long",year:"numeric"}));return(0,a.jsx)("div",{className:"col-sm-3 col-md-3 col-lg-5ths",children:(0,a.jsx)("article",{children:(0,a.jsxs)("div",{className:"single-content-post align-items-center",children:[(0,a.jsx)("div",{children:(0,a.jsx)(u(),{href:"/videos/ott/".concat(s),children:(0,a.jsxs)("a",{className:"feature-img position-relative",children:[(0,a.jsx)("img",{className:"img-fluid",src:c,alt:l}),(0,a.jsx)("div",{className:"btn-play",children:(0,a.jsx)("i",{className:"fas fa-play"})})]})})}),(0,a.jsxs)("div",{className:"mt-3 mt-lg-0",children:[(0,a.jsx)(u(),{href:"/videos/ott/".concat(s),children:(0,a.jsx)("a",{children:(0,a.jsx)("h3",{className:"title",children:l})})}),(0,a.jsx)("ul",{className:"list-unstyled meta d-flex align-items-center",children:(0,a.jsx)("li",{className:"ml-5",children:o})})]})]})})},t)})})})})})}},7568:function(e,t,n){"use strict";function r(e,t,n,r,i,s,a){try{var c=e[s](a),l=c.value}catch(o){n(o);return}c.done?t(l):Promise.resolve(l).then(r,i)}function i(e){return function(){var t=this,n=arguments;return new Promise(function(i,s){var a=e.apply(t,n);function c(e){r(a,i,s,c,l,"next",e)}function l(e){r(a,i,s,c,l,"throw",e)}c(void 0)})}}n.d(t,{Z:function(){return i}})},797:function(e,t,n){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function i(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}n.d(t,{Z:function(){return i}})}},function(e){e.O(0,[1664,7066,7636,9774,2888,179],function(){return e(e.s=5952)}),_N_E=e.O()}]);