"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[823],{5710:function(e,n,t){t.d(n,{d:function(){return i}});var r=t(1711),a=t(2322),i=function(e){var n=e.children,t=e.fetching,i=e.error,s=e.dataInitialized;return t||!1===s?(0,a.jsx)(r.Z,{}):i?(0,a.jsxs)("div",{children:["Error ",i.message]}):(0,a.jsx)("div",{className:"animate-fade-in",children:n})}},7256:function(e,n,t){t.d(n,{Z:function(){return p}});var r=t(9426),a=t(8529),i=t(5710),s=t(251),l=t(5632),o=t(2670),c=t(6806),d=t(5990),u=t(889),m=t(3329),v={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"subscription",name:{kind:"Name",value:"latestVideo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"fliz_video"},arguments:[{kind:"Argument",name:{kind:"Name",value:"limit"},value:{kind:"IntValue",value:"5"}},{kind:"Argument",name:{kind:"Name",value:"order_by"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"created_at"},value:{kind:"EnumValue",value:"desc"}}]}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"format"}},{kind:"Field",name:{kind:"Name",value:"step"}},{kind:"Field",name:{kind:"Name",value:"error"}},{kind:"Field",name:{kind:"Name",value:"created_at"}},{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"lang"}},{kind:"Field",name:{kind:"Name",value:"category"}},{kind:"Field",name:{kind:"Name",value:"images"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"url"}}]}}]}}]}}]},f=t(2322);function g(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function h(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?g(Object(t),!0).forEach(function(n){(0,r.Z)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function p(){var e,n,t,r=(0,c.mU)({query:v}),g=(0,a.Z)(r,1)[0],p=(0,l.useRouter)(),k=g.data;return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(i.d,h(h({},g),{},{children:null!=k&&null!==(e=k.fliz_video)&&void 0!==e&&e.length&&(null==k||null===(n=k.fliz_video)||void 0===n?void 0:n.length)>0?(0,f.jsxs)("div",{children:[(0,f.jsx)(s.dQ,{children:(0,f.jsx)(o.Z,{id:"thK02a",defaultMessage:[{type:0,value:"Your latest videos"}]})}),(0,f.jsx)(m.Z,{videos:null!==(t=null==k?void 0:k.fliz_video.map(function(e){var n;return{id:e.id,step:e.step,videoFormat:e.format,error:e.error,imageUrl:null===(n=e.images[0])||void 0===n?void 0:n.url,title:e.title,createdAt:e.created_at,category:e.category,lang:e.lang}}))&&void 0!==t?t:[]}),(0,f.jsx)("div",{className:"mt-4",children:(0,f.jsx)(d.Z,{className:"w-full sm:w-1/3",color:"transparent",onClick:function(){return p.push("/video-list")},children:(0,f.jsx)(o.Z,{id:"5KL4Es",defaultMessage:[{type:0,value:"See all videos"}]})})})]}):(0,f.jsx)(u.z,{})}))})}},889:function(e,n,t){t.d(n,{z:function(){return o}});var r=t(6577),a=t.n(r),i=t(2670),s=t(4330),l=t(2322),o=function(){return(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center gap-6",children:[(0,l.jsx)(a(),{src:"/NoVideo.svg",alt:"No video",width:500,height:100}),(0,l.jsx)("div",{children:(0,l.jsx)(i.Z,{id:"hxOl9k",defaultMessage:[{type:0,value:"Your video in one click just Fliz it!"}]})}),(0,l.jsx)(s.b,{isFirstVideo:!0})]})}},3329:function(e,n,t){t.d(n,{Z:function(){return p}});var r=t(9426),a=t(6990),i=t(7796),s=t(2524),l=t.n(s),o=t(5456),c=t.n(o),d=t(2670),u=t(2322),m=[i.Wc.COMPLETE,i.Wc.FAILED,i.Wc.FAILED_UNRECOVERABLE,i.Wc.USER_ACTION];function v(e){var n,t,r,s,o=e.id,v=e.step,f=e.videoFormat,g=(e.error,e.imageUrl),h=e.title,p=e.createdAt,k=e.category,b=e.lang;return(0,u.jsxs)(c(),{href:"/video/".concat(o),className:l()("boxshadow-fliz e flex w-full cursor-pointer break-inside-avoid flex-col items-center bg-white p-1 pb-6 no-underline duration-200 hover:bg-stone-50",{"!border-fliz_blue !shadow-fliz_blue":!m.includes(v),"!border-danger !shadow-danger":v===i.Wc.FAILED||v===i.Wc.FAILED_UNRECOVERABLE,"!border-emerald-500 !shadow-emerald-500":v===i.Wc.USER_ACTION}),children:[(0,u.jsx)("img",{className:l()("mb-5 w-full",{"h-44":f===i.lp.SQUARE,"h-24":f===i.lp.SIZE_16_9,"h-80":f===i.lp.SIZE_9_16,"object-cover":void 0!==g,"object-contain":void 0===g}),alt:"Fliz",src:null!=g?g:"/Logo_Fliz.svg"}),(0,u.jsxs)("div",{className:"flex w-full flex-col px-2",children:[(0,u.jsx)("span",{className:"mb-2 w-full overflow-hidden text-ellipsis text-nowrap text-center text-sm font-medium leading-4",children:h}),(0,u.jsx)("span",{className:"mb-4 text-center text-xs leading-4 text-slate-600",children:new Date(p).toLocaleString()}),(0,u.jsxs)("div",{className:"flex w-full flex-row justify-center gap-2",children:[(0,u.jsx)("div",{className:"rounded bg-stone-100 p-1 text-xs",children:(0,a.Iq)(b)}),(t=(n={step:v,category:k,videoFormat:f}).step,r=n.category,s=n.videoFormat,t===i.Wc.COMPLETE?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{className:"rounded bg-slate-950 p-1 text-xs text-white",children:[r===i.cT.PRODUCT&&(0,u.jsx)(d.Z,{id:"7TgsYJ",defaultMessage:[{type:0,value:"E-commerce"}]}),r===i.cT.AD&&(0,u.jsx)(d.Z,{id:"2At8Nj",defaultMessage:[{type:0,value:"Ad"}]}),r===i.cT.ARTICLE&&(0,u.jsx)(d.Z,{id:"jx7Hn3",defaultMessage:[{type:0,value:"Article"}]})]}),(0,u.jsxs)("div",{className:"rounded bg-fliz_yellow p-1 text-xs text-black",children:[s===i.lp.SIZE_9_16&&"9:16",s===i.lp.SIZE_16_9&&"16:9",s===i.lp.SQUARE&&(0,u.jsx)(d.Z,{id:"zX9mV/",defaultMessage:[{type:0,value:"Square"}]})]})]}):t===i.Wc.FAILED||t===i.Wc.FAILED_UNRECOVERABLE?(0,u.jsx)("div",{className:"rounded bg-danger p-1 text-xs text-white",children:(0,u.jsx)(d.Z,{id:"vXCeIi",defaultMessage:[{type:0,value:"Failed"}]})}):t===i.Wc.USER_ACTION?(0,u.jsx)("div",{className:"rounded bg-emerald-500 p-1 text-xs text-white",children:(0,u.jsx)(d.Z,{id:"W6nwjo",defaultMessage:[{type:0,value:"Draft"}]})}):(0,u.jsx)("div",{className:"rounded bg-fliz_blue p-1 text-xs text-white",children:(0,u.jsx)(d.Z,{id:"1Ia8qN",defaultMessage:[{type:0,value:"Processing"}]})}))]})]})]})}var f=t(2784),g=t(889);function h(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}var p=function(e){var n=(0,f.useState)(5),t=n[0],a=n[1];if((0,f.useEffect)(function(){var e=function(){window.innerWidth<640?a(2):window.innerWidth<1024?a(3):window.innerWidth<1280?a(4):a(5)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]),0===e.videos.length)return(0,u.jsx)(g.z,{});var i=Array.from({length:t},function(){return[]});return e.videos.forEach(function(e,n){i[n%t].push(e)}),(0,u.jsx)("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5",children:i.map(function(e,n){return(0,u.jsx)("div",{className:"flex flex-col space-y-4",children:e.map(function(e){return(0,u.jsx)(v,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?h(Object(t),!0).forEach(function(n){(0,r.Z)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}({},e),e.id)})},n)})})}},6990:function(e,n,t){t.d(n,{nC:function(){return i},eP:function(){return l},Iq:function(){return s}});var r=t(6037),a={aar:"aa",abk:"ab",afr:"af",aka:"ak",amh:"am",ara:"ar",arg:"an",asm:"as",ava:"av",ave:"ae",aym:"ay",aze:"az",bak:"ba",bam:"bm",bel:"be",ben:"bn",bis:"bi",bod:"bo",bos:"bs",bre:"br",bul:"bg",cat:"ca",ces:"cs",cha:"ch",che:"ce",chu:"cu",chv:"cv",cor:"kw",cos:"co",cre:"cr",cym:"cy",dan:"da",deu:"de",div:"dv",dzo:"dz",ell:"el",eng:"en",epo:"eo",est:"et",eus:"eu",ewe:"ee",fao:"fo",fas:"fa",fij:"fj",fin:"fi",fra:"fr",fry:"fy",ful:"ff",gla:"gd",gle:"ga",glg:"gl",glv:"gv",grn:"gn",guj:"gu",hat:"ht",hau:"ha",hbs:"sh",heb:"he",her:"hz",hin:"hi",hmo:"ho",hrv:"hr",hun:"hu",hye:"hy",ibo:"ig",ido:"io",iii:"ii",iku:"iu",ile:"ie",ina:"ia",ind:"id",ipk:"ik",isl:"is",ita:"it",jav:"jv",jpn:"ja",kal:"kl",kan:"kn",kas:"ks",kat:"ka",kau:"kr",kaz:"kk",khm:"km",kik:"ki",kin:"rw",kir:"ky",kom:"kv",kon:"kg",kor:"ko",kua:"kj",kur:"ku",lao:"lo",lat:"la",lav:"lv",lim:"li",lin:"ln",lit:"lt",ltz:"lb",lub:"lu",lug:"lg",mah:"mh",mal:"ml",mar:"mr",mkd:"mk",mlg:"mg",mlt:"mt",mon:"mn",mri:"mi",msa:"ms",mya:"my",nau:"na",nav:"nv",nbl:"nr",nde:"nd",ndo:"ng",nep:"ne",nld:"nl",nno:"nn",nob:"nb",nor:"no",nya:"ny",oci:"oc",oji:"oj",ori:"or",orm:"om",oss:"os",pan:"pa",pli:"pi",pol:"pl",por:"pt",pus:"ps",que:"qu",roh:"rm",ron:"ro",run:"rn",rus:"ru",sag:"sg",san:"sa",sin:"si",slk:"sk",slv:"sl",sme:"se",smo:"sm",sna:"sn",snd:"sd",som:"so",sot:"st",spa:"es",sqi:"sq",srd:"sc",srp:"sr",ssw:"ss",sun:"su",swa:"sw",swe:"sv",tah:"ty",tam:"ta",tat:"tt",tel:"te",tgk:"tg",tgl:"tl",tha:"th",tir:"ti",ton:"to",tsn:"tn",tso:"ts",tuk:"tk",tur:"tr",twi:"tw",uig:"ug",ukr:"uk",urd:"ur",uzb:"uz",ven:"ve",vie:"vi",vol:"vo",wln:"wa",wol:"wo",xho:"xh",yid:"yi",yor:"yo",zha:"za",zho:"zh",zul:"zu"};function i(e){var n=e.text;if(n.trim().length>0)return function(e){var n=(0,r.P)(e);if(n)return a[n]}(n)}var s=function(e){switch(e){case"ar":return"\uD83C\uDDE6\uD83C\uDDEA";case"bg":return"\uD83C\uDDE7\uD83C\uDDEC";case"zh":return"\uD83C\uDDE8\uD83C\uDDF3";case"hr":return"\uD83C\uDDED\uD83C\uDDF7";case"cs":return"\uD83C\uDDE8\uD83C\uDDFF";case"da":return"\uD83C\uDDE9\uD83C\uDDF0";case"nl":return"\uD83C\uDDF3\uD83C\uDDF1";case"en":return"\uD83C\uDDFA\uD83C\uDDF8";case"fil":return"\uD83C\uDDF5\uD83C\uDDED";case"fi":return"\uD83C\uDDEB\uD83C\uDDEE";case"fr":return"\uD83C\uDDEB\uD83C\uDDF7";case"de":return"\uD83C\uDDE9\uD83C\uDDEA";case"el":return"\uD83C\uDDEC\uD83C\uDDF7";case"hi":case"ta":return"\uD83C\uDDEE\uD83C\uDDF3";case"hu":return"\uD83C\uDDED\uD83C\uDDFA";case"id":return"\uD83C\uDDEE\uD83C\uDDE9";case"it":return"\uD83C\uDDEE\uD83C\uDDF9";case"ja":return"\uD83C\uDDEF\uD83C\uDDF5";case"ko":return"\uD83C\uDDF0\uD83C\uDDF7";case"ms":return"\uD83C\uDDF2\uD83C\uDDFE";case"no":return"\uD83C\uDDF3\uD83C\uDDF4";case"pl":return"\uD83C\uDDF5\uD83C\uDDF1";case"pt":return"\uD83C\uDDF5\uD83C\uDDF9";case"ro":return"\uD83C\uDDF7\uD83C\uDDF4";case"ru":return"\uD83C\uDDF7\uD83C\uDDFA";case"sk":return"\uD83C\uDDF8\uD83C\uDDF0";case"es":return"\uD83C\uDDEA\uD83C\uDDF8";case"sv":return"\uD83C\uDDF8\uD83C\uDDEA";case"tr":return"\uD83C\uDDF9\uD83C\uDDF7";case"uk":return"\uD83C\uDDFA\uD83C\uDDE6";case"vi":return"\uD83C\uDDFB\uD83C\uDDF3";default:return"\uD83C\uDFF3️"}},l=function(e){var n=e.langIso6391,t=e.locale;return new Intl.DisplayNames([t],{type:"language"}).of(n)}}}]);