https://www.whatchado.com/app/video-admin.2e496852a928a0acc08f.js

1(self.webpackChunkwcd2=self.webpackChunkwcd2||[]).push([[4583],{27322:(e,t,a)=>{"use strict";a.d(t,{Z:()=>u});var n=a(67294),r=a(45697),l=a.n(r),o=a(94184),i=a.n(o),s=a(35229),d=a(90424);const c=e=>{const t=(0,n.useRef)(e.value),a=(0,n.useRef)(),[r,l]=(0,n.useState)(0),{icon:o,className:c,colorSchema:u,placeholder:m,wide:p,clearOnSubmit:g,disabled:f,label:v}=e;(0,n.useEffect)((()=>{r>0&&a?.current?.input?.focus()}),[r]);const b=()=>{e?.onSubmit(t.current),g&&l((e=>e+1))},h=e=>{t.current=e};(0,n.useEffect)((()=>{h(e.value),l((e=>e+1))}),[e.value]);const E=i()(`functional-input ${c}`,{"functional-input--wide":p});return n.createElement("div",{className:E},n.createElement(s.Z,{disabled:f,name:"functional-input",value:t.current,type:"search",htmlAttributes:{...e?.htmlAttributes,placeholder:m},className:"functional-input__input",onChange:h,onKeyDown:e=>{"13"!==e.keyCode&&"Enter"!==e.key||b()},label:v,disableValidation:!0,inline:!0}),n.createElement(d.Z,{disabled:f,icon:o,type:u,className:"functional-input__button",onClick:()=>b()}))};c.propTypes={icon:l().string.isRequired,className:l().string,label:l().string,colorSchema:l().string,value:l().string,placeholder:l().string,htmlAttributes:l().object,onSubmit:l().func,wide:l().bool,clearOnSubmit:l().bool,disabled:l().bool},c.defaultProps={className:"",value:"",label:"",colorSchema:"",placeholder:"",htmlAttributes:{},onSubmit:()=>{},wide:!1,clearOnSubmit:!1,disabled:!1};const u=c},63723:(e,t,a)=>{"use strict";a.d(t,{Z:()=>u});var n=a(67294),r=a(45697),l=a.n(r),o=a(68924),i=a.n(o),s=a(64487);const d=["div","span","p","h1","h2","h3","h4"],c=e=>{const{wrapper:t,content:a,children:r,className:l,allowedTags:o}=e,c=o||{p:["class"],b:["class"],strong:["class"],span:["class"],br:[],h1:["class"],h2:["class"],h3:["class"],h4:["class"],h5:["class"],h6:["class"],a:["href","target","rel"],ul:["class"],ol:["class"],li:["class"]},u=d.includes(t)?t:"div",m=a||r,p={dangerouslySetInnerHTML:{__html:(()=>{if(!m)return"";const e={whiteList:c,stripIgnoreTag:!0,stripIgnoreTagBody:["script"]},t=i()(m,e);return t!==m&&(s.n_({category:"Text sanitized",message:`Text had to be sanitized ${m}`,level:"warning"}),s.uT(`The original text had to be sanitized: '${m}', the clean version is '${t}' `)),t})()}};return l&&(p.className=l),n.createElement(u,p)};c.propTypes={wrapper:l().oneOf(d),content:l().string,children:l().object,className:l().string,allowedTags:l().object},c.defaultProps={wrapper:"div",content:null,children:null,className:null,allowedTags:null};const u=c},9972:(e,t,a)=>{"use strict";a.d(t,{Z:()=>v});var n=a(67294),r=a(45697),l=a.n(r),o=a(44012),i=a(94184),s=a.n(i),d=a(76411),c=a(90424),u=a(95765),m=a(29001),p=a(63440),g=a(45099);const f=(0,n.forwardRef)(((e,t)=>{const a=(0,n.useRef)(),{type:r,placeholder:l,hint:i,smallPreview:f,allowDelete:v,disableButtons:b,required:h,disabled:E,error:y,progress:w,currentMedia:_}=e,N=()=>{a.current.value=null,a.current.click()};(0,n.useImperativeHandle)(t,(()=>({onBrowse:N})));const A=e=>(w?"progress":y?"error":_?"current":"empty")===e,M=e=>r===e,S=t=>{const a=s()("",{"media-uploader__cta-button":t}),r=s()("margin-half--left bg--white",{"media-uploader__cta-button":t});return n.createElement(n.Fragment,null,n.createElement(d.default,{icon:"document",className:a,onClick:()=>N(),disabled:E},n.createElement(o.Z,{id:"mediauploader.browse",defaultMessage:"Browse"})),v&&n.createElement(c.Z,{icon:"trash",className:r,disabled:E,onClick:()=>{e.onDelete&&e.onDelete()}},n.createElement(o.Z,{id:"mediauploader.delete",defaultMessage:"Delete"})))};let T="";M("IMAGE")&&(T=".jpg, .jpeg, .png"),M("VIDEO")&&(T=".avi, .mkv, .mov, .ts, .m2ts, .mp4, .mxf, .wmv, .ogg, .ogv, .webm");const C=s()(`media-uploader ${e.className}`,{"media-uploader--disabled":E});return n.createElement(n.Fragment,null,h&&n.createElement(m.Z,{name:e.name,required:!0}),n.createElement("div",{className:C},A("error")&&n.createElement(n.Fragment,null,n.createElement("div",{className:"media-uploader__illustration"},n.createElement(g.Z,{icon:"x-circle",size:32})),n.createElement("div",{className:"media-uploader__content"},n.createElement("span",{className:"block weight--bold color--error-color"},n.createElement(o.Z,{id:"mediauploader.error",defaultMessage:"Error!"})),n.createElement("span",{className:"color--error-color"},y)),!b&&n.createElement("div",{className:"media-uploader__button"},n.createElement(c.Z,{icon:"document",onClick:()=>N(),disabled:E},n.createElement(o.Z,{id:"mediauploader.browse",defaultMessage:"Browse"})))),A("empty")&&n.createElement(n.Fragment,null,n.createElement("div",{className:"media-uploader__illustration"},n.createElement(g.Z,{icon:"magnifier-sad",size:32})),n.createElement("div",{className:"media-uploader__content"},n.createElement("span",{className:"block weight--bold"},l),n.createElement("span",{className:"color--grey-2"},i)),!b&&n.createElement("div",{className:"media-uploader__button"},n.createElement(d.default,{icon:"document",onClick:()=>N(),disabled:E},n.createElement(o.Z,{id:"mediauploader.browse",defaultMessage:"Browse"})))),A("progress")&&(()=>{const{file:t,percent:a}=w;return n.createElement(n.Fragment,null,n.createElement("div",{className:"media-uploader__illustration"},n.createElement("span",{className:"weight--bold"},`${Math.ceil(a)}%`)),n.createElement("div",{className:"media-uploader__content"},n.createElement("span",{className:"block weight--bold soft-quarter--bottom"},t),n.createElement(u.Z,{progress:a,hidePercent:!0}),n.createElement("span",{className:"color--grey-2"},n.createElement(o.Z,{id:"mediauploader.progress",defaultMessage:"Uploading..."}))),n.createElement("div",{className:"media-uploader__button"},n.createElement(c.Z,{icon:"x",disabled:E,onClick:()=>e.onCancel()},n.createElement(o.Z,{id:"mediauploader.cancel",defaultMessage:"Cancel"}))))})(),A("current")&&M("IMAGE")&&(f?n.createElement(n.Fragment,null,n.createElement("div",{className:"media-uploader__small-current"},n.createElement(p.Z,{src:_,className:"media-uploader__small-current-img",width:180,height:80})),!b&&n.createElement("div",{className:"media-uploader__button"},S())):n.createElement("div",{className:"media-uploader__current"},n.createElement(p.Z,{src:_,className:"block img--max-w media-uploader__current-img",width:1280,height:800}),!b&&n.createElement("div",{className:"media-uploader__cta"},S(!0)))),A("current")&&M("VIDEO")&&n.createElement(n.Fragment,null,n.createElement("div",{className:"media-uploader__illustration"},n.createElement(g.Z,{icon:"checkmark-circled",size:32,className:"fill--grey-3"})),n.createElement("div",{className:"media-uploader__content"},n.createElement("span",{className:"block weight--bold color--success-color"},n.createElement(o.Z,{id:"mediauploader.videoUploaded",defaultMessage:"Uploaded Successfully"}))),n.createElement("div",{className:"media-uploader__button"},S())),n.createElement("input",{className:"media-uploader__input",type:"file",name:e.name,accept:T,ref:a,onChange:t=>(t=>e.onFileSelected(t))(t)})))}));f.propTypes={name:l().string,className:l().string,type:l().oneOf(["IMAGE","VIDEO"]),onFileSelected:l().func.isRequired,onCancel:l().func.isRequired,onDelete:l().func,placeholder:l().string,hint:l().string,progress:l().shape({file:l().string,percent:l().number}),currentMedia:l().string,required:l().bool,disabled:l().bool,error:l().string,

1smallPreview:l().bool,allowDelete:l().bool,disableButtons:l().bool},f.defaultProps={name:"",className:"",type:"IMAGE",onDelete:null,placeholder:"No file chosen… ",hint:"",progress:null,currentMedia:"",required:!1,disabled:!1,error:"",smallPreview:!1,allowDelete:!1,disableButtons:!1},f.displayName="MediaUploader";const v=f},41115:(e,t,a)=>{"use strict";a.d(t,{Z:()=>o});var n,r=a(22578),l=a(96204);const o=(0,r.createFragmentContainer)(l.Z,{video:(void 0!==n||(n=a(73711),n.hash&&"d80ffa6b6fb751bfaf65ed36859b3e4f"!==n.hash&&console.error("The definition of 'PlayerPlaceholder_video' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.")),n)})},73711:e=>{"use strict";const t={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PlayerPlaceholder_video",selections:[{alias:null,args:null,kind:"ScalarField",name:"image",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ratio",storageKey:null},{args:null,kind:"FragmentSpread",name:"PlyrPlayer_video"}],type:"StoryVideo",abstractKey:null,hash:"d80ffa6b6fb751bfaf65ed36859b3e4f"};e.exports=t},16228:(e,t,a)=>{"use strict";a.d(t,{Z:()=>f});var n=a(67294),r=a(45697),l=a.n(r),o=a(94184),i=a.n(o),s=a(86896),d=a(94556),c=a(45099),u=a(29001);const m=e=>{const{bottomHint:t,showErrorMessages:a,errorMessages:r}=e;return n.createElement("span",{className:"dropdown__hint-container"},t&&n.createElement("span",{className:"dropdown__typing-hint"},t),a&&n.createElement("span",{className:"dropdown__error-hint"},r))};m.propTypes={bottomHint:l().string,errorMessages:l().string,showErrorMessages:l().bool},m.defaultProps={bottomHint:"",errorMessages:"",showErrorMessages:!1};const p=m,g=(0,n.forwardRef)(((e,t)=>{const{formatMessage:a}=(0,s.Z)(),r=(0,n.useRef)(!1),[l,o]=(0,n.useState)(!1),[m,g]=(0,n.useState)(!1),[f,v]=(0,n.useReducer)((e=>e+1),0),b=(0,n.useRef)(e.value),h=(0,n.useRef)(""),{name:E,label:y,upperHint:w,bottomHint:_,mobileIcon:N,required:A,disabled:M,inline:S,locked:T,hideBottom:C,disableValidation:R,className:Z,placeholder:k,children:P,size:x}=e,F=()=>{let t=!0;h.current="";const{customValidation:n}=e,r={};A&&(r.required=!0);const l=d.ZP.validate(r,b.current,a,n);return t=l.valid,h.current=l.errorMsg,t};(0,n.useEffect)((()=>{e?.formOnRegister(E,b,F())}),[]),(0,n.useEffect)((()=>{e.value!==b.current&&(b.current=e.value,v()),e?.formOnChange(E,b.current,F())}),[e.value]),(0,n.useImperativeHandle)(t,(()=>({validate:F})));const I=i()(`dropdown ${Z}`,{"dropdown--kilo":"KILO"===x,"dropdown--mega":"MEGA"===x,"dropdown--small":"MILLI"===x,"dropdown--disabled":M,"dropdown--mobile":!!N}),L=i()("dropdown__container",{"dropdown__container--focused":m,"dropdown__container--locked":T}),D=i()("dropdown__field",{"placeholder-color":!b.current}),O=i()("dropdown__arrow",{"dropdown__arrow--big":["KILO","MEGA"].includes(x),"dropdown__arrow--small":"MILLI"===x}),H=i()("dropdown__underline",{"dropdown__underline--focused":m}),V=i()("dropdown__validatorline",{"dropdown__validatorline--valid":F()&&!m&&r.current,"dropdown__validatorline--error":!F()&&!m&&r.current});return n.createElement("div",{className:I},!S&&n.createElement(u.Z,{required:A,name:E,upperHint:w},y),n.createElement("div",{className:L},N&&n.createElement("span",{className:"dropdown__mobileicon"},n.createElement(c.Z,{icon:N})),n.createElement("select",{"aria-label":y||E,name:E,defaultValue:b.current,disabled:M||T,className:D,onChange:t=>{b.current=t?.target?.value,e?.formOnChange(E,b.current,F()),e?.onChange(b.current),l||o(!0)},onFocus:()=>{g(!0)},onBlur:()=>{r.current||(r.current=!0),g(!1),e?.formOnChange(E,b.current,F())},ref:t,key:f},k&&n.createElement("option",{value:"",disabled:!0},k),P),n.createElement("span",{className:O},n.createElement(c.Z,{icon:"arrow-corner"}))),n.createElement("span",{className:H}),!R&&n.createElement("span",{className:V}),!C&&!S&&(!R||_)&&n.createElement(p,{showErrorMessages:r.current,errorMessages:h.current,bottomHint:_}))}));g.propTypes={name:l().string.isRequired,value:l().oneOfType([l().string,l().number]),label:l().string,placeholder:l().string,className:l().string,upperHint:l().string,bottomHint:l().string,mobileIcon:l().string,required:l().bool,disabled:l().bool,locked:l().bool,inline:l().bool,hideBottom:l().bool,disableValidation:l().bool,customValidation:l().func,size:l().oneOf(["MILLI","NORMAL","KILO","MEGA"]),children:l().node,formOnRegister:l().func,formOnChange:l().func,onChange:l().func},g.defaultProps={value:"",label:"",placeholder:"",className:"",upperHint:"",bottomHint:"",mobileIcon:"",required:!1,disabled:!1,inline:!1,locked:!1,hideBottom:!1,disableValidation:!1,size:"NORMAL",children:null,customValidation:null,formOnRegister:()=>{},formOnChange:()=>{},onChange:()=>{}},g.displayName="Select";const f=g},58946:(e,t,a)=>{"use strict";a.d(t,{Z:()=>g});var n=a(67294),r=a(45697),l=a.n(r),o=a(94184),i=a.n(o),s=a(50049),d=a(86896),c=a(55448),u=a(45099);const m=(0,s.vU)({success:{id:"forms.success",defaultMessage:"All done."},error:{id:"forms.error",defaultMessage:"Something went wrong."}}),p=(0,n.forwardRef)(((e,t)=>{const a=(0,d.Z)(),{id:r,name:l,size:o,color:s,className:p,disabled:g,disableStates:f,hideMessage:v,serverResponse:b}

1=e,[h,E]=(0,n.useState)(!1),y=()=>!e?.formIsValid||e.formIsValid(),[w,_]=(0,n.useState)(!1),[N,A]=(0,n.useState)(!1);(0,n.useEffect)((()=>{y()!==w&&_(y())}),[]),(0,n.useEffect)((()=>{E(!1)}),[b]);const M=e=>{N&&A(!1),w!==e&&_(e)};(0,n.useImperativeHandle)(t,(()=>({shouldUpdateSubmit:M})));const S=i()("submit-button__wrapper",{"submit-button__wrapper--full":"full"===o}),T=i()(`submit-button submit-button--${s} ${p}`,{"submit-button--small":"small"===o,"submit-button--big":"big"===o,"submit-button--wide":"wide"===o,"submit-button--full":"full"===o,"submit-button--disabled":g||!w,"submit-button--success":N&&!h&&b?.success,"submit-button--error":N&&!h&&b&&!b.success}),C=i()("",{white:!s.includes("outline")}),R=i()("submit-button__message",{"submit-button__message--success":N&&b?.success,"submit-button__message--error":N&&!!b?.message&&!b?.success}),Z=i()("submit-button__content",{"submit-button__content--loading":h,"submit-button__content--success":N&&!h&&b});return n.createElement("div",{className:S},n.createElement("div",{className:T},n.createElement("div",{className:"submit-button__container"},n.createElement("div",{className:Z},n.createElement("button",{className:"submit-button__item submit-button__item--submit",type:"submit",id:r,name:l,onClick:t=>g||!w||h||N?(t.preventDefault(),!1):(f||(A(!0),E(!0)),e?.formOnSubmit&&e.formOnSubmit(),!0),disabled:g||!w},e.children||"Submit"),n.createElement("div",{className:"submit-button__item"},n.createElement(c.Z,{color:C})),n.createElement("div",{className:"submit-button__item"},b?.success?n.createElement(u.Z,{icon:"checkmark-circled",size:32,className:"new-submit-button__success",id:"submit-success",key:"svg-checkmark"}):n.createElement(u.Z,{icon:"x-circle",size:32,className:"new-submit-button__failed",id:"submit-failed",key:"svg-reset"}))))),!v&&n.createElement("div",{className:R,id:"submit-message"},(()=>{let t="";const{serverMessages:n}=e;if(b?.success&&(t=a.formatMessage(m.success)),b&&!b.success&&(t=a.formatMessage(m.error)),n){try{if(b?.message&&n){const e=b.message.match(/\[(.*)\]/);if(e){const t=e[1];return a.formatMessage(n[t])}return b.message}}catch(e){console.warn(e)}return""}return t||""})()))}));p.propTypes={id:l().string.isRequired,name:l().string.isRequired,color:l().string,size:l().string,disabled:l().bool,disableStates:l().bool,hideMessage:l().bool,className:l().string,children:l().node,formIsValid:l().func,formOnSubmit:l().func,serverResponse:l().object,serverMessages:l().object},p.defaultProps={color:"orange",size:"",disabled:!1,disableStates:!1,hideMessage:!1,className:"",children:null,formIsValid:()=>{},formOnSubmit:()=>{},serverResponse:null,serverMessages:null},p.displayName="Submit";const g=p},27161:(e,t,a)=>{"use strict";a.d(t,{Z:()=>v});var n=a(73126),r=a(67294),l=a(45697),o=a.n(l),i=a(94184),s=a.n(i),d=a(86896),c=a(50049),u=a(94556),m=a(29001);const p=(0,r.forwardRef)(((e,t)=>{const{bottomHint:a,showErrorMessages:n,errorMessages:l}=e,[o,i]=(0,r.useState)(a),s=()=>i(e?.updateHint());return(0,r.useImperativeHandle)(t,(()=>({updateHint:s}))),r.createElement("span",{className:"textarea__hint-container"},o&&r.createElement("span",{className:"textarea__typing-hint"},o),n&&r.createElement("span",{className:"textarea__error-hint"},l))}));p.propTypes={bottomHint:o().string,updateHint:o().func,errorMessages:o().string,showErrorMessages:o().bool},p.defaultProps={bottomHint:"",errorMessages:"",updateHint:()=>null,showErrorMessages:!1};const g=p,f=(0,r.forwardRef)(((e,t)=>{const{formatMessage:a}=(0,d.Z)(),l=(0,r.useRef)(!1),[o,i]=(0,r.useState)(!1),[p,f]=(0,r.useReducer)((e=>e+1),0),v=(0,r.useRef)(e.value),b=(0,r.useRef)(""),h=(0,r.useRef)(),{name:E,label:y,placeholder:w,htmlAttributes:_,className:N,upperHint:A,bottomHint:M,required:S,disabled:T,locked:C}=e,R=(0,c.vU)({charactersCount:{id:"forms.charactersCount",defaultMessage:"{value}/{max} characters"}}),Z=()=>{let t=!0;b.current="";const{validationRules:n}=e,r={...n};S&&(r.required=!0);const l=u.ZP.validate(r,v.current,a);return t=l.valid,b.current=l.errorMsg,t};(0,r.useEffect)((()=>{e?.formOnRegister(E,v?.current,Z())}),[]),(0,r.useEffect)((()=>{e.value!==v.current&&(v.current=e.value,f()),e?.formOnChange(E,v?.current,Z())}),[e.value]),(0,r.useImperativeHandle)(t,(()=>({validate:Z})));const k=()=>{const{validationRules:t}=e;if(t&&Object.keys(t).includes("maxChars")){const e={value:v?.current?.length||0,max:t.maxChars};return a(R.charactersCount,e)}return M},P=s()("relative",{"width--full":e?.fullWidth}),x=s()("textarea__field-container",{"textarea__field-container--disabled":T}),F=s()(`textarea ${N}`,{"textarea--validated":!o,"textarea--disabled":T,"textarea--locked":C}),I=s()("textarea__underline",{"textarea__underline--focused":o}),L=s()("textarea__validatorline",{"textarea__validatorline--valid":Z()&&!o&&l.current,"textarea__validatorline--error":!Z()&&!o&&l.current}),D={..._,disabled:T||C};return r.createElement("div",{className:P},r.createElement(m.Z,{required:S,name:E,upperHint:A},y),r.createElement("div",{className:x},r.createElement("textarea",(0,n.Z)({name:E},D,{placeholder:w,disabled:T||C,className:F,onFocus:()=>{i(!0)},onBlur:()=>{l.current||(l.current=!0),i(!1),e?.onBlur&&e?.onBlur(v.current),e?.formOnChange(E,v.current,Z())},onChange:t=>{v.current=t.target.value,e?.formOnChange(E,v.current,Z()),e?.onChange(v.current),h?.current&&h?.current?.updateHint()},defaultValue:v.current,key:p}))),r.createElement("span",{className:I}),r.createElement("span",{className:L}),!e?.hideBottom&&r.createElement(g,{ref:h,showErrorMessages:l.current&&!o,errorMessages:b.current,updateHint:k,bottomHint:k()}))}));f.propTypes={name:o().string.isRequired,value:o().string,label:o().string,htmlAttributes:o().object,placeholder:o().string,className:o().string,upperHint:o().string,bottomHint:o().string,hideBottom:o().bool,required:o().bool,fullWidth:o().bool,disabled:o().bool,locked:o().bool,validationRules:o().object,onChange:o().func,onBlur:o().func,formOnRegister:o().func,formOnChange:o().func},f.defaultProps={label:"",value:"",placeholder:"",htmlAttributes:{},className:"",upperHint:"",bottomHint:"",required:!1,fullWidth:!1,hideBottom:!1,disabled:!1,locked:!1,validationRules:{},onChange:()=>{},onBlur:()=>{},formOnRegister:()=>{},formOnChange:()=>{}},f.displayName="Textarea";const v=f},54612:(e,t,a)=>{"use strict";a.d(t,{Z:()=>c});var n=a(67294),r=a(45697),l=a.n(r),o=a(94184),i=a.n(o),s=a(45099);const d=e=>

1{const[t,a]=(0,n.useState)(!1),r=()=>{e.onClose&&e.onClose(),a(!0)},{type:l,pinned:o,oneLiner:d,deadline:c,className:u,noClose:m}=e,p=i()(`toast ${u}`,{"toast--neutral":"neutral"===l,"toast--primary":"primary"===l,"toast--job":"job"===l,"toast--error":"error"===l,"toast--success":"success"===l,"toast--white":"white"===l,"toast--purple":"purple"===l,"toast--transparent":"transparent"===l,"toast--pinned":"pinned"===l,"toast--one-liner":d}),g=i()("toast__close",{hidden:o,"toast__close--neutral":"neutral"===l,"toast__close--primary":"primary"===l,"toast__close--error":"error"===l,"toast__close--success":"success"===l,"toast__close--purple":"purple"===l});return c&&!(e=>{const t=new Date(e);if("Invalid Date"!==t&&!Number.isNaN(t)){return new Date<t}return!0})(c)||t?null:n.createElement("div",{className:p},e.children,!m&&n.createElement("button",{type:"button",onKeyPress:()=>r(),onClick:()=>r(),className:g},n.createElement(s.Z,{icon:"x"})))};d.propTypes={type:l().string,deadline:l().string,pinned:l().bool,noClose:l().bool,className:l().string,oneLiner:l().bool,onClose:l().func,children:l().node},d.defaultProps={type:"neutral",deadline:null,pinned:!1,noClose:!1,oneLiner:!1,className:"",onClose:null,children:null};const c=d},14282:(e,t,a)=>{"use strict";a.d(t,{Z:()=>o});var n=a(73126),r=a(67294),l=a(55448);const o=(0,r.forwardRef)(((e,t)=>{return(()=>{const o=r.lazy((()=>Promise.all([a.e(83234),a.e(70841)]).then(a.bind(a,70841))));return r.createElement(r.Suspense,{fallback:r.createElement(r.Fragment,null,r.createElement("div",{className:"lexical__toolbar lexical__toolbar--locked lexical__toolbar--loading"}),r.createElement("div",{className:"relative soft-double lexical__input textarea textarea--locked margin--bottom"},r.createElement(l.Z,null)))},r.createElement(o,(0,n.Z)({},e,{ref:t})))})()}))},11551:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>ne});var n=a(73126),r=a(67294),l=a(45697),o=a.n(l),i=a(64593),s=a(50049),d=a(86896),c=a(44012),u=a(22578),m=a(3569),p=a(82965),g=a(36619),f=a(68547),v=a(76411),b=a(75101),h=a(45099),E=a(54612),y=a(41115),w=a(14282),_=a(35229),N=a(58946),A=a(90424),M=a(27161),S=a(88970),T=a(16228),C=a(4599),R=a(7618),Z=a(19739);const k=e=>{const{preview:t,edit:a,sharing:n}=e;if(!t&&!a)return!1;const l=t?{...t}:{...a},{name:o,videoType:i,occupationGroup:s,jobSuffix:d,video:c}=l,u=i?.includes("Story")||i?.includes("job");return r.createElement("div",{className:"flex"},r.createElement("div",{className:"flex-grow-1"},u?r.createElement(r.Fragment,null,o&&r.createElement("span",{className:"block soft-half--top milli"},o),s&&r.createElement("span",{className:"weight--bold color--petrol inline-block margin-quarter--right"},s),c?.wcdData?.jobTitle&&r.createElement("span",{className:"weight--bold"},c.wcdData.jobTitle),d&&r.createElement("span",{className:"color--grey-2"},` • ${d}`)):r.createElement(r.Fragment,null,i&&r.createElement("span",{className:"block soft-half--top weight--bold"},i),c?.title&&r.createElement("span",null,c.title))),n&&r.createElement(Z.default,{className:"flex soft-half--top align-center",url:(()=>{if(!c?.personPath)return"";const{origin:e,pathname:t}=window.location;return`${e}/${t.split("/")[1]}/videos/${c?.personPath}`})(),title:c?.title,email:!0,linkedin:!0,facebook:!0,twitter:!0,whatsapp:!0}))};k.propTypes={preview:o().object,edit:o().object,sharing:o().bool},k.defaultProps={preview:{},edit:{},sharing:!1};const P=k;var x,F;const I=(0,u.createFragmentContainer)(P,{preview:(void 0!==x||(x=a(49900),x.hash&&"c8e946c844f3a1d7718fdc3acfba546d"!==x.hash&&console.error("The definition of 'VideoAdminPageVideoTitle_preview' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.")),x),edit:(void 0!==F||(F=a(12396),F.hash&&"2e7416cccfc1f83a9a6fa2a1da9db239"!==F.hash&&console.error("The definition of 'VideoAdminPageVideoTitle_edit' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.")),F)});var L=a(75223),D=a(26530),O=a(63118),H=a(9972),V=a(84586);let j=null,q=null;const z=e=>{const t=(0,r.useContext)(u.ReactRelayContext),a=(0,r.useContext)(D.Z),[n,l]=(0,r.useState)(null),[o,i]=(0,r.useState)(""),[m,p]=(0,r.useState)(e.currentImage),[g,f]=(0,r.useState)(null),{formatMessage:v}=(0,d.Z)(),b=(0,L.tv)(),h=new V.Z(t),E="r16_9"===e?.aspectRatio,y="r9_16"===e?.aspectRatio,w=(0,s.vU)({imagePlaceholder:{id:"videoAdm

1in.imagePlaceholder",defaultMessage:"No file chosen..."},imageHint:{id:"videoAdmin.imageHint",defaultMessage:"Suggested format: 1600 x 900px, JPG"},imageHintPortrait:{id:"videoAdmin.imageHintPortrait",defaultMessage:"Suggested format: 900 x 1600, JPG"},imageError:{id:"videoAdmin.imageError",defaultMessage:"Something went wrong"},imageErrorFileSize:{id:"videoAdmin.imageErrorFileSize",defaultMessage:"File size is limited to 10MB, please select a smaller file"},imageErrorFileType:{id:"videoAdmin.imageErrorFileType",defaultMessage:"Only jpg and png images are supported."},imageErrorResolution:{id:"videoAdmin.imageErrorResolution",defaultMessage:"The selected image's resolution should be between min: 800*450px and max: 4000*2250px."},imageErrorResolutionPortrait:{id:"videoAdmin.imageErrorResolutionPortrait",defaultMessage:"The selected image's resolution should be between min: 450 x 800px and max: 2250 x 4000px."}});(0,r.useEffect)((()=>{p(e.currentImage)}),[e.currentImage]),(0,r.useEffect)((()=>{l(null),e.onLoading&&e.onLoading(!1)}),[e.aspectRatio]);const _=t=>{new O.Z(a.getSentryEnv()).log(new Error(t)),l("null"),p(""),e.onChange&&e.onChange("")},N=t=>{l("null"),p(t),e.onChange&&e.onChange(t)};(0,r.useEffect)((()=>{(()=>{if(!g)return null;q=new XMLHttpRequest,q.upload.addEventListener("progress",(e=>{const t=e.loaded/e.total*100;l(t)}),!1),q.onreadystatechange=()=>{if(q.readyState===XMLHttpRequest.DONE){if(200===q.status||q.status>=200&&q.status<400)h.getUploadedImage(j.finalUrl,N);else{const e={msg:`XHR error, ${q.status}`,name:g?.name,size:g?.size,type:g?.type};_(JSON.stringify(e))}0===q.status&&(l(null),e.onLoading&&e.onLoading(!1),e.onChange&&e.onChange(""),i(v(w.imageError)))}};const t=h.getFormData(g,j);q.open("POST",j?.formData?.url),q.send(t)})()}),[g]);return r.createElement(r.Fragment,null,r.createElement("h4",null,r.createElement(c.Z,{id:"videoAdmin.image",defaultMessage:"Video thumbnail image"})),r.createElement(H.Z,{name:"videoImage",placeholder:v(w.imagePlaceholder),hint:v(y?w.imageHintPortrait:w.imageHint),onFileSelected:t=>(async t=>{const a=t.target.files[0];if(a&&a!==g){i("");let t="";e.onLoading&&e.onLoading(!0);let n=!0;a.size>10485760&&(t="Invalid file size",i(v(w.imageErrorFileSize)),n=!1),h.isImage(a)||(t="Invalid file type",i(v(w.imageErrorFileType)),n=!1);const r=await h.getImage(a),{width:l,height:o}=r;if(E&&(l>4e3||o>2250)&&(t="Invalid resolution",i(v(w.imageErrorResolution)),n=!1),E&&(l<800||o<450)&&(t="Invalid resolution",i(v(w.imageErrorResolution)),n=!1),y&&(l>2250||o>4e3)&&(t="Invalid resolution",i(v(w.imageErrorResolutionPortrait)),n=!1),y&&(l<450||o<800)&&(t="Invalid resolution",i(v(w.imageErrorResolutionPortrait)),n=!1),n&&h.getMediaUploadCredits(b?.match?.params?.channel,"VIDEO","THUMBNAIL",a,(t=>{j=t.createUploader,e.onLoading&&e.onLoading(!1),f(a)})),!n){const e={msg:t,name:a?.name,size:a?.size,type:a?.type};_(`Invalid file selected, ${JSON.stringify(e)}`)}!n&&e.onLoading&&e.onLoading(!1)}})(t),onCancel:()=>q.abort(),progress:(()=>{if("number"!=typeof n||!g?.name)return null;return{file:g.name,percent:n}})(),error:o,required:!0,currentMedia:m,disabled:e.disabled,smallPreview:!0}))};z.propTypes={currentImage:o().string,disabled:o().bool,aspectRatio:o().oneOf(["notset","r16_9","r9_16"]),onChange:o().func,onLoading:o().func},z.defaultProps={currentImage:"",disabled:!1,aspectRatio:"r16_9",onChange:null,onLoading:null};const K=z;var B=a(66261);let U=null,$=null;const G=e=>{const t=(0,r.useContext)(u.ReactRelayContext),a=(0,r.useContext)(D.Z),[n,l]=(0,r.useState)(null),[o,i]=(0,r.useState)(""),[m,p]=(0,r.useState)(e.currentVideo),[g,f]=(0,r.useState)(null),[v,b]=(0,r.useState)(!1),{formatMessage:h}=(0,d.Z)(),y=(0,L.tv)(),w=new V.Z(t),_="r9_16"===e?.aspectRatio,N=(0,s.vU)({videoPlaceholder:{id:"videoAdmin.videoPlaceholder",defaultMessage:"No file chosen..."},videoHint:{id:"videoAdmin.videoHint",defaultMessage:"Suggested format: FullHD, MP4 or MOV"},videoHintPortrait:{id:"videoAdmin.videoHintPortrait",defaultMessage:"Suggested format: Portrait FullHD, MP4 or MOV"},videoError:{id:"videoAdmin.videoError",defaultMessage:"Something went wrong"}

1,videoErrorFileSize:{id:"videoAdmin.videoErrorFileSize",defaultMessage:"File size is limited to 1GB, please select a smaller file"},videoErrorFileType:{id:"videoAdmin.videoErrorFileType",defaultMessage:"Only .avi, .mp4, .webm, .ogg, .ogv, .mkv, .mov, .ts, .m2ts, .mxf and .wmv videos are supported."},videoErrorResolution:{id:"videoAdmin.videoErrorResolution",defaultMessage:"The selected video's resolution should be between min: 480*480px and max: 2048*2048px."},videoErrorAspectRatio:{id:"videoAdmin.videoErrorAspectRatio",defaultMessage:"The selected video's aspect ratio should be between min: 2:1 and 1:2."},videoErrorDuration:{id:"videoAdmin.videoErrorDuration",defaultMessage:"The selected video's duration has to be between 20 seconds and 10 minutes."}});(0,r.useEffect)((()=>{p(e.currentVideo)}),[e.currentVideo]);const A=t=>{new O.Z(a.getSentryEnv()).log(new Error(t)),l("null"),p(""),e.onChange&&e.onChange("")},M=async t=>{const a=t.target.files[0];if(a&&a!==g){i("");let t="";e.onLoading&&e.onLoading(!0);let n=!0;a.size>1073741824&&(i(h(N.videoErrorFileSize)),t="Invalid file size",n=!1),w.isVideo(a)||(t="Not a video",i(h(N.videoErrorFileType)),n=!1);const r=await w.getVideo(a);if(r){const{videoWidth:a,videoHeight:l}=r;(a>2048||l>2048)&&(t=`Invalid resolution ${a}x${l}`,i(h(N.videoErrorResolution)),n=!1),(a<480||l<480)&&(t=`Invalid resolution ${a}x${l}`,i(h(N.videoErrorResolution)),n=!1);const o=a/l;(o>2||o<.5)&&(t=`Invalid aspect ratio ${o}`,i(h(N.videoErrorAspectRatio)),n=!1),n&&(t=>{if(!e.onAspectRatioDetected)return!1;let a="r16_9";t<1&&(a="r9_16"),e.onAspectRatioDetected(a)})(o)}if(n&&w.getMediaUploadCredits(y?.match?.params?.channel,"VIDEO","VIDEO",a,(t=>{U=t.createUploader,e.onLoading&&e.onLoading(!1),v||b(!0),f(a)})),!n){const e={msg:t,name:a?.name,size:a?.size,type:a?.type};A(`Invalid file selected, ${JSON.stringify(e)}`)}!n&&e.onLoading&&e.onLoading(!1)}},S=()=>{if(!g)return null;$=new XMLHttpRequest,$.upload.addEventListener("progress",(e=>{const t=e.loaded/e.total*100;l(t)}),!1),$.onreadystatechange=()=>{if($.readyState===XMLHttpRequest.DONE){if(200===$.status||$.status>=200&&$.status<400)t=U.finalUrl,l("null"),p(t),e.onChange&&e.onChange(t);else{const e={msg:`XHR error, ${$.status}`,name:g?.name,size:g?.size,type:g?.type};A(JSON.stringify(e))}0===$.status&&(l(null),e.onLoading&&e.onLoading(!1),e.onChange&&e.onChange(""),i(h(N.videoError)))}var t};const t=w.getFormData(g,U);return $.open("POST",U?.formData?.url),$.send(t),!1};(0,r.useEffect)((()=>{S()}),[g]),(0,r.useEffect)((()=>{v&&B.OK.scrollTo("fill-toast",{duration:150,smooth:!0,offset:-100})}),[v]);return r.createElement(B.W_,{name:"fill-toast"},r.createElement(H.Z,{name:"video",className:"bg--white",placeholder:h(N.videoPlaceholder),type:"VIDEO",required:!0,hint:h(_?N.videoHintPortrait:N.videoHint),onFileSelected:e=>M(e),onCancel:()=>$.abort(),progress:(()=>{if("number"!=typeof n||!g?.name)return null;return{file:g.name,percent:n}})(),error:o,currentMedia:m,smallPreview:!0}),v&&r.createElement(E.Z,{type:"primary",className:"margin--ends",pinned:!0},r.createElement("h4",null,r.createElement(c.Z,{id:"videoAdmin.videoFillToastTitle",defaultMessage:"You are not done yet!"})),r.createElement("p",{className:"soft-half--top"},r.createElement(c.Z,{id:"videoAdmin.videoFillToastText",defaultMessage:"Please fill in the rest of the page."}))))};G.propTypes={currentVideo:o().string,aspectRatio:o().oneOf(["r16_9","r9_16"]),onChange:o().func,onAspectRatioDetected:o().func,onLoading:o().func},G.defaultProps={currentVideo:"",aspectRatio:"r16_9",onChange:null,onAspectRatioDetected:null,onLoading:null};const X=G;var J=a(80605),W=a(27322);const Y=e=>{const{formatMessage:t}=(0,d.Z)(),a=(0,s.vU)({placeholder:{id:"videoAdmin.searchTermsPlaceholder",defaultMessage:"Add search term"}}),[n,l]=(0,r.useState)(e.searchTerms);(0,r.useEffect)((()=>{e.onChange&&e.onChange(n)}),[n]);const o=e=>r.createElement(J.Z,{type:"functional",icon:"close",className:"margin-quarter--right margin-quarter--top",onClick:()=>(e=>{const t=new Set(n);t.delete(e),l(Array.from(t))})(e),key:e},e);return r.createElement(r.Fragment,null,r.createElement("h4",null,r.createElement(c.Z,{id:"videoAdm

1in.searchTerms",defaultMessage:"Search terms"})),r.createElement("p",{className:"color--grey-3 hard micro-font-size"},r.createElement(c.Z,{id:"videoAdmin.searchTermsHelp",defaultMessage:"Here you can add search terms in order for users to find your video. Maximum 10 terms are allowed."})),n?.length>0&&r.createElement("div",{className:"soft-half--top"},n.map((e=>o(e)))),r.createElement("div",{className:"functional-input functional-input--legacy soft--top"},r.createElement(W.Z,{icon:"plus",placeholder:t(a.placeholder),disabled:e.disabled||n?.length>=10,onSubmit:e=>(e=>{if(!e)return!1;const t=new Set(n);return e.trim()&&t.add(e.trim().substring(0,22)),l(Array.from(t)),!0})(e),clearOnSubmit:!0,wide:!0})))};Y.propTypes={searchTerms:o().arrayOf(o().string),onChange:o().func,disabled:o().bool},Y.defaultProps={searchTerms:null,onChange:()=>{},disabled:!1};const Q=Y;var ee=a(65084);const te=(0,s.vU)({pageTitle:{id:"videoAdmin.pageTitle",defaultMessage:"Video Administration"},pagePreTitleNew:{id:"videoAdmin.pagePreTitleNew",defaultMessage:"Hello there"},pagePreTitleEdit:{id:"videoAdmin.pagePreTitleEdit",defaultMessage:"Status: {status}"},pageTitleNew:{id:"videoAdmin.pageTitleNew",defaultMessage:"New video"},pageTitleEdit:{id:"videoAdmin.pageTitleEdit",defaultMessage:"Edit {title} Video"},videoTitlePlaceholder:{id:"videoAdmin.videoTitlePlaceholder",defaultMessage:"Your awesome title"},videoTitleLabel:{id:"videoAdmin.videoTitleLabel",defaultMessage:"Title of your video"},videoOrientation:{id:"videoAdmin.videoOrientation",defaultMessage:"Video orientation"},selectPlaceholder:{id:"select.placeholder",defaultMessage:"Please select one"},descriptionLabel:{id:"videoAdmin.descriptionLabel",defaultMessage:"Video description"},descriptionPlaceholder:{id:"videoAdmin.descriptionPlaceholder",defaultMessage:"Your videos's description"},transcriptionLabel:{id:"videoAdmin.transcriptionLabel",defaultMessage:"Transcription"},transcriptionPlaceholder:{id:"videoAdmin.transcriptionPlaceholder",defaultMessage:"Your videos's transcription"},saveAndBack:{id:"videoAdmin.saveAndBack",defaultMessage:"Save and go back"},submitForApprovement:{id:"videoAdmin.submitForApprovement",defaultMessage:"Submit for Approvement"},saveAndApprove:{id:"videoAdmin.saveAndApprove",defaultMessage:"Save and Approve"}}),ae=e=>{const{videoAdmin:t,router:l,match:o}=e,Z=(0,m.Q)();if(!t)return null;const{video:k}=t;(0,r.useLayoutEffect)((()=>{Z.pageview(o.location.pathname,Z.getReferrer())}),[]);const{addChild:P,updateChild:x,removeChild:F,getChild:L,registerInput:D,registerSubmit:O}=(0,p.Z)(),H=(0,p.Z)(),V=(0,r.useContext)(u.ReactRelayContext),j=(0,r.useContext)(g.Z),q=t.thumbnail?.path||"",z=k?.sources[0]?.file||"",[B,U]=(0,r.useState)(e.videoAdmin.searchTerms),[$,G]=(0,r.useState)(!1),[J,W]=(0,r.useState)(e?.videoAdmin?.isSaving),[Y,ae]=(0,r.useState)(!1),[ne,re]=(0,r.useState)(null),[le,oe]=(0,r.useState)(null),[ie,se]=(0,r.useState)(k?.ratio||"notset"),{formatMessage:de}=(0,d.Z)(),{status:ce,description:ue,transcription:me,videoType:pe}=t,{locale:ge,channel:fe}=o.params,ve="job"===pe,{videoPath:be}=e.match.params,he=!be,Ee=e=>ce===e,ye=k?.title||t.name||"";(0,r.useEffect)((()=>(P("videoFilePath",z,!!z),P("thumbnail",q,!!q),()=>{F("videoFilePath"),F("thumbnail")})),[]);const we=e=>W(e),_e=()=>`/${ge}/admin/${fe}/videos`,Ne=e=>{if(e.preventDefault(),!V)return!1;G(!0);const t={videoPath:be,rejectReason:H.getChild("rejectReason")?.value,declined:H.getChild("declined")?.value};return(0,u.commitMutation)(V.environment,{mutation:ee.TX,variables:t,onCompleted:e=>{if(oe({success:e.rejectVideo.success,message:e.rejectVideo.message}),G(!1),e.rejectVideo.success){const e=_e();l.push({pathname:e})}},onError:()=>{console.warn("error")}}),!0};return r.createElement(r.Fragment,null,r.createElement(i.q,{key:"helmet"},r.createElement("title",null,de(te.pageTitle)),r.createElement("script",null,"dataLayer.push({page_type:'VideoAdmin'})")),r.createElement("div",null,r.createElement("form",{onSubmit:e=>{e.preventDefault();const t=e.nativeEvent?.submitter?.name;if(!t)return console.error("Missing submit name"),!1;if(!V)return!1;G(!0);const a={searchTerms:B,videoPath:be||null,videoFilePath:L("videoFilePath")?.value,videoTitle:L("title")?.value,thumbnail:L("thumbnail")?.value,description:L("description")?.value,transcription:L("transcription")?.value,ratio:L("ratio")?.value||null,channelPath:fe};let n=null;return"save"===t&&(n=ee.ub),"submitForApprovement"===t&&(n=ee.ub),"saveAndApprove"===t&&(n=ee.Sf),(0,u.commitMutation)(V.environment,{mutation:n,variables:a,onCompleted:e=>{let a=null;if("save"!==t&&"submitForApprovement"!==t||(a={success:e.saveVideoAdmin.success,message:e.saveVideoAdmin.message}),"saveAndApprove"===t&&(a={success:e.saveAndApproveVideoAdmin.success,message:e.saveAndApproveVideoAdmin.message}),re(a),G(!1),a.success){const e=_e();l.push({pathname:e})}},onError:()=>{console.warn("error")}}),!0}},r.createElement(R.Z,{data:e,items:["videos",o.params.action],hasMobileContent:!0},r.createElement("div",{className:"flex flex-wrap gap--half"}

1,r.createElement(f.default,{to:_e()},r.createElement(v.default,{type:"primary-outline",className:"grayscale"},r.createElement(c.Z,{id:"videoAdmin.discard",defaultMessage:"Discard"}))),he&&r.createElement(N.Z,(0,n.Z)({disabled:$,serverResponse:ne},O("submitForApprovement")),de(te.submitForApprovement)),(he||Ee("waitingForApproval"))&&"superadmin"===j.userRole&&r.createElement(N.Z,(0,n.Z)({disabled:$,color:"orange-outline",serverResponse:ne},O("saveAndApprove")),de(te.saveAndApprove)),Ee("online")&&r.createElement(N.Z,(0,n.Z)({disabled:$,serverResponse:ne},O("save")),de(te.saveAndBack)))),r.createElement("section",{className:"soft--ends bg--white"},r.createElement("div",{className:"grid-limiter soft-half--sides"},r.createElement("div",{className:"grid soft--bottom"},r.createElement("div",{className:"grid__item one-whole"},!he&&(()=>{const t=r.lazy((()=>a.e(25345).then(a.bind(a,25345))));return r.createElement(r.Suspense,{fallback:r.createElement("div",null)},r.createElement(t,{data:e,videoPath:be,onSetSaving:we}))})(),r.createElement(b.default,{preTitle:he?de(te.pagePreTitleNew):de(te.pagePreTitleEdit,{status:ce}),title:he?de(te.pageTitleNew):de(te.pageTitleEdit,{title:ye})}),r.createElement("div",{className:"soft--top"},he&&r.createElement(E.Z,{type:"primary",className:"margin--bottom",pinned:!0},r.createElement("h4",null,r.createElement(c.Z,{id:"videoAdmin.newTypeInfoTitle",defaultMessage:"Upload your company's video"})),r.createElement("p",{className:"soft-half--top"},r.createElement(c.Z,{id:"videoAdmin.newTypeInfoText",defaultMessage:"Currently you can only upload your company's insight videos. If you want to upload a job story video, please contact us."}))),k&&r.createElement(r.Fragment,{key:"video"},Ee("waitingForApproval")||Ee("processing")?r.createElement(r.Fragment,{key:"video-demo"},r.createElement(y.Z,{video:k,showNotPlayableFile:!0,disableTracking:!0}),"superadmin"===j.userRole&&z&&r.createElement("div",{className:"soft-quarter--top"},r.createElement(f.default,{to:{pathname:z,target:"_blank"},className:"a--orange"},r.createElement("span",{className:"soft-quarter--right"},r.createElement(c.Z,{id:"videoAdmin.directLinkToVideo",defaultMessage:"Open the video file on a new tab"})),r.createElement(h.Z,{icon:"arrow-outgoing",className:"vertical--text-bottom"})))):r.createElement(y.Z,{video:k,disableTracking:!0})),he&&r.createElement("h4",null,r.createElement(c.Z,{id:"videoAdmin.video",defaultMessage:"Video upload"})),(he||Ee("waitingForApproval"))&&r.createElement(T.Z,(0,n.Z)({},D("ratio",ie),{className:"inline-block margin--top",label:de(te.videoOrientation),placeholder:de(te.selectPlaceholder),onChange:e=>se(e),disabled:!he&&!Ee("waitingForApproval"),customValidation:e=>"notset"===e?{valid:!1,key:"videoAdmin.invalidVideoFormat",message:"Please select a video format"}:{valid:!0,key:"",message:""},required:!0}),r.createElement("option",{value:"notset"},r.createElement(c.Z,{id:"video.ratioNotSet",defaultMessage:"Not set"})),r.createElement("option",{value:"r16_9"},r.createElement(c.Z,{id:"video.ratio169",defaultMessage:"Landscape (16:9)"})),r.createElement("option",{value:"r9_16"},r.createElement(c.Z,{id:"video.ratio916",defaultMessage:"Portrait (9:16)"}))),!k&&he&&r.createElement(X,{currentVideo:"",onChange:e=>x("videoFilePath",e,!!e),onLoading:e=>G(e),aspectRatio:ie,onAspectRatioDetected:e=>se(e)}),!he&&!Ee("waitingForApproval")&&r.createElement(I,{edit:t,preview:null}),(he||Ee("waitingForApproval"))&&r.createElement("div",{className:"margin--ends"},r.createElement(_.Z,(0,n.Z)({},D("title",k?.title),{htmlAttributes:{placeholder:de(te.videoTitlePlaceholder)},label:de(te.videoTitleLabel),required:!0,size:"KILO"})))))))),!J&&r.createElement("section",{className:"soft--ends"},r.createElement("div",{className:"grid-limiter"},r.createElement("div",{className:"grid"},r.createElement("div",{className:"grid__item one-whole"},Ee("inProduction")&&r.createElement(E.Z,{type:"neutral",className:"margin--bottom flush--top",pinned:!0},r.createElement("h4",null,r.createElement(c.Z,{id:"videoAdmin.inProductionInfoTitle",defaultMessage:"This video currently in production"})),r.createElement("p",{className:"soft-half--top"}

1,r.createElement(c.Z,{id:"videoAdmin.inProductionInfoText",defaultMessage:"Currently you can only edit the subtitles for this video."}))),r.createElement("h3",{className:"hard"},r.createElement(c.Z,{id:"videoAdmin.detailsTitle",defaultMessage:"Details"})),r.createElement("div",{className:"soft--bottom"},r.createElement(K,{currentImage:q,onChange:e=>x("thumbnail",e,!!e),onLoading:e=>G(e),aspectRatio:ie,disabled:Ee("inProduction")}),"superadmin"===j.userRole&&q&&(Ee("waitingForApproval")||Ee("processing"))&&r.createElement("div",{className:"soft-quarter--top"},r.createElement(f.default,{to:{pathname:q,target:"_blank"},className:"a--orange"},r.createElement("span",{className:"soft-quarter--right"},r.createElement(c.Z,{id:"videoAdmin.directLinkToThumbnail",defaultMessage:"Open the thumbnail image file on a new tab"})),r.createElement(h.Z,{icon:"arrow-outgoing",className:"vertical--text-bottom"})))),r.createElement(M.Z,(0,n.Z)({},D("description",ue||""),{label:de(te.descriptionLabel),placeholder:de(te.descriptionPlaceholder),validationRules:{maxChars:800},disabled:Ee("inProduction"),required:ve})),r.createElement(w.Z,(0,n.Z)({disabled:Ee("inProduction")},D("transcription"),{value:me||L("transcription")?.value,label:de(te.transcriptionLabel),placeholder:de(te.transcriptionPlaceholder),validationRules:{maxChars:1e4}})),r.createElement(Q,{searchTerms:B,onChange:e=>U(e),disabled:Ee("inProduction")})),r.createElement("div",{className:"grid__item one-whole"},r.createElement("div",{className:"margin--bottom"},"superadmin"===j.userRole&&Ee("waitingForApproval")&&r.createElement(A.Z,{icon:"arrow-circle-reset",onClick:()=>ae(!0),className:"margin-quarter--right margin-quarter--bottom"},r.createElement(c.Z,{id:"videoAdmin.buttons.reject",defaultMessage:"Reject"}))))))))),r.createElement(C.default,{onClose:()=>ae(!1),isOpen:!!Y,key:"modal-reject"},(()=>{const e=(0,s.vU)({rejectTitle:{id:"videoAdmin.modalRejectTitle",defaultMessage:"Are you sure to reject this video?"},rejectPreTitle:{id:"videoAdmin.modalRejectPreTitle",defaultMessage:"Reject"},rejectReasonLabel:{id:"videoAdmin.modalRejectReasonLabel",defaultMessage:"Reason to reject"}}),t=r.createElement(h.Z,{icon:"wcd-story",size:64,className:"fill--grey-3"});return r.createElement(b.default,{preTitle:de(e.rejectPreTitle),title:de(e.rejectTitle),titleClass:"beta",width:"full",topSvg:t},r.createElement("form",{onSubmit:Ne},r.createElement(M.Z,(0,n.Z)({},H.registerInput("rejectReason"),{label:de(e.rejectReasonLabel),required:!0})),r.createElement("div",{className:"text--left"},r.createElement(S.Z,H.registerInput("declined"),r.createElement("span",{className:"milli-font-size"},r.createElement(c.Z,{id:"videoAdmin.modalRejectCheckbox",defaultMessage:"Decline"})))),r.createElement("div",{className:"flex justify-space-between"},r.createElement(v.default,{type:"primary-outline",className:"margin-half--right margin-quarter--bottom",onClick:()=>ae(!1)},r.createElement(c.Z,{id:"videoAdmin.modalCancel",defaultMessage:"Cancel"})),r.createElement(N.Z,(0,n.Z)({className:"margin-half--right margin-half--bottom",disabled:$,serverResponse:le},H.registerSubmit("reject")),r.createElement(c.Z,{id:"videoAdmin.modalRejectButton",defaultMessage:"Reject"})))))})()))};ae.propTypes={videoAdmin:o().object.isRequired,adminHub:o().object.isRequired,match:o().object.isRequired,router:o().object.isRequired};const ne=ae},12396:e=>{"use strict";const t={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"VideoAdminPageVideoTitle_edit",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"videoType",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"occupationGroup",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"jobSuffix",storageKey:null},{alias:null,args:null,concreteType:"StoryVideo",kind:"LinkedField",name:"video",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"title",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"personPath",storageKey:null},{alias:null,args:null,concreteType:"wcdData",kind:"LinkedField",name:"wcdData",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"jobTitle",storageKey:null}],storageKey:null}],storageKey:null}],type:"VideoAdminType",abstractKey:null,hash:"2e7416cccfc1f83a9a6fa2a1da9db239"};e.exports=t},49900:e=>{"use strict";const t={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"VideoAdminPageVideoTitle_preview",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"videoType",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"occupationGroup",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"jobSuffix",storageKey:null},{alias:null,args:null,concreteType:"StoryVideo",kind:"LinkedField",name:"video",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"title",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"personPath",storageKey:null},{alias:null,args:null,concreteType:"wcdData",kind:"LinkedField",name:"wcdData",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"jobTitle",storageKey:null}],storageKey:null}],storageKey:null}],type:"VideoCorrectionType",abstractKey:null,hash:"c8e946c844f3a1d7718fdc3acfba546d"};e.exports=t},20640:(e,t,a)=>{"use strict";var n=a(11742),r={"text/plain":"Text","text/html":"Url",default:"Text"};e.exports=function(e,t){var a,l,o,i,s,d,c=!1;t||(t={}),a=t.debug||!1;try{if(o=n(),i=document.createRange(),s=document.getSelection(),(d=document.createElement("span")).textContent=e,d.ariaHidden="true",d.style.all="unset",d.style.position="fixed",d.style.top=0,d.style.clip="rect(0, 0, 0, 0)",d.style.whiteSpace="pre",d.style.webkitUserSelect="text",d.style.MozUserSelect="text",d.style.msUserSelect="text",d.style.userSelect="text",d.addEventListener("copy",(function(n){if(n.stopPropagation(),t.format)if(n.preventDefault(),void 0===n.clipboardData){a&&console.warn("unable to use e.clipboardData"),a&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var l=r[t.format]||r.default;window.clipboardData.setData(l,e)}else n.clipboardData.clearData(),n.clipboardData.setData(t.format,e);t.onCopy&&(n.preventDefault(),t.onCopy(n.clipboardData))})),document.body.appendChild(d),i.selectNodeContents(d),s.addRange(i),!document.execCommand("copy"))throw new Error("copy command was unsuccessful");c=!0}catch(n){a&&console.error("unable to copy using execCommand: ",n

1),a&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),c=!0}catch(n){a&&console.error("unable to copy using clipboardData: ",n),a&&console.error("falling back to prompt"),l=function(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}("message"in t?t.message:"Copy to clipboard: #{key}, Enter"),window.prompt(l,e)}}finally{s&&("function"==typeof s.removeRange?s.removeRange(i):s.removeAllRanges()),d&&document.body.removeChild(d),o()}return c}},11742:e=>{e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,a=[],n=0;n<e.rangeCount;n++)a.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||a.forEach((function(t){e.addRange(t)})),t&&t.focus()}}}}]);