https://console.mediasmart.io/_next/static/chunks/280-8f39427a54957b04.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[280],{6315:function(e,t,i){var a=i(85893);t.Z=()=>(0,a.jsxs)("ul",{style:{margin:0,padding:"0 0 0 1rem"},children:[(0,a.jsx)("li",{children:"A title should be the name of your app or service (max. 25 characters)."}),(0,a.jsx)("li",{children:"The description should be clear and concise explaining to users why they should be interested in using your service (max. 90 characters)."}),(0,a.jsxs)("li",{children:["A call to action is the action for the user. For example ",'"Install"'," or ",'"View site"'," (max. 10 characters)."]}),(0,a.jsx)("li",{children:"The icon ad should be your application/company/service logo."}),(0,a.jsx)("li",{children:"Upload as many images as you want to associate with your ad by defining a size for each one."})]})},25898:function(e,t){t.default={ADVERTISER:"advertiser",ATTRIBUTES:"attributes",CARD_CREATIVE:"card_creative",CLICK_URL:"click_url",IMPRESSION_PIXEL:"impression_urls",ADVANCED_SETTINGS:"_advanced_settings",LANGUAGE:"language",STATE:"state",THUMBNAIL:"thumbnail_url",CUSTOMIZE_THE_ADD:"_customize_the_ad",TITLE:"native_settings.title",CALL_TO_ACTION:"native_settings.action",DESCRIPTION:"native_settings.text",CREATIVE_TYPE:"_creative_type",VIDEO:"native_settings.video_file",IMAGES:"native_settings.images"}},26696:function(e,t,i){i.d(t,{j:function(){return D}});var a=i(85893),l=i(38920),n=i(79328),r=i(66628),s=i(19738),d=i(72914),o=i(6315),u=i(25898);let{DIALOGS:{NEW_NATIVE_CAMPAIGN_CREATIVE:{VIDEO_INFO:c}}}=n.T,{CREATIVE:{TYPE:E},FORMATS:m}=n.C,{CLICK_URL:h,STATE:p,THUMBNAIL:x,IMPRESSION_PIXEL:I,CUSTOMIZE_THE_ADD:C,TITLE:T,CALL_TO_ACTION:_,DESCRIPTION:f,VIDEO:g,IMAGES:A,CREATIVE_TYPE:v}=u.default,S=[{label:"Image",value:E.IMAGE},{label:"Video",value:E.VIDEO}],D=e=>!!Array.isArray(e)&&!!e.length&&!e.some(e=>{let{size:t,file:i}=e;return!t||!i}

1),y=[{name:x,type:s.FIELD_TYPES.IMAGE_UPLOAD_INPUT,label:"Choose Image",required:!0,size:6},r.default.templates.creativeState({name:p,size:6,smSize:12,xsSize:12}),r.default.templates.url({name:h,label:"Click URL",size:12,itemGridStyles:{alignSelf:"center"}}),r.default.templates.impressionUrls({name:I,inputLabel:"Impression Pixel",showDefaultInput:!0,size:12}),{name:C,Icon:l.Z,label:"Customize the Ad",size:12,type:s.FIELD_TYPES.TITLE,tooltipTitle:(0,a.jsx)(o.Z,{})},{name:T,type:s.FIELD_TYPES.INPUT,label:"Title",required:!0,maxLength:25},{name:_,type:s.FIELD_TYPES.INPUT,label:"Call to Action",required:!0,maxLength:15},{name:f,type:s.FIELD_TYPES.TEXT_AREA,label:"Description",multiline:!0,required:!0,maxLength:90,size:12},{name:v,type:s.FIELD_TYPES.RADIO_GROUP,label:"Creative type",options:S,required:!0,row:!0,size:3,mdSize:3,xsSize:12,defaultValue:E.IMAGE},{name:g,type:s.FIELD_TYPES.UPLOAD_INPUT,description:c,required:!0,format:m.MP4,text:"Upload",size:8,xsSize:12,smSize:6,parser:{dependencies:[v],parse:(e,t)=>{let i=(0,s.NA)(v,t)!==E.VIDEO;return{...e,hidden:i}}}},{name:A,type:s.FIELD_TYPES.CUSTOM,Component:d.U,validationErrorMessage:n.E.field.required,required:!0,defaultValue:[],size:12,parser:{dependencies:[v],parse:(e,t)=>{let i=(0,s.NA)(v,t)!==E.IMAGE;return{...e,hidden:i,...!i&&{validator:D}}}}}];t.Z=y},61100:function(e,t,i){i.d(t,{Z:function(){return f}});var a=i(85893),l=i(79328),n=i(48187),r=i(33214),s=i(65389),d=i(91808),o=i(42042),u=i(67294),c=i(2081);let{CREATIVE:E,NEXD:{CREATIVE_TYPE:m}}=l.C,h=e=>{let{studioRef:t,nexdId:i,onCreativeCreated:l}=e,{data:n}=d.Z.useAuthNexD(),r=(0,u.useRef)(null),{client_id:s,sdk_key:o}=n||{};return(0,u.useEffect)(()=>{if(s&&o&&r.current&&!t.current){t.current=new NexdSeamless(s,o,r.current);let{current:e}=t,a=c.ZP.getCreativeStudioSizes(),n=null==a?void 0:a.map(e=>({width:e.split("x")[0],height:e.split("x")[1]}));e.configurePlacementSizelist("infeed",n),e.addStylesheet("".concat(window.location.origin,"/nexd/styles.css"));let d=e.EVENTS.CREATIVE;e.on(d.CREATED,()=>{null==l||l()}),e.on(d.LOADED,()=>{null==l||l()}),e.initialize().then(()=>{i?e.openCreative(i):e.newCreative()})}},[s,o,t,l,i]),(0,a.jsx)("div",{ref:r,style:{height:"575px",width:"1340px"}})};var p=e=>{let t=(0,u.useRef)(null),{id:i}=(null==e?void 0:e.rich_media.nexd)||{},a=(0,u.useCallback)(()=>{var e;null===(e=t.current)||void 0===e||e.unload(),t.current=null},[]);return{onNexdCreative:(0,u.useCallback)(async()=>{let a=t.current.getCreativeData(),l=(await t.current.publishCreative(a)).getHtmlTag(),n={rich_media:{nexd:{id:a.creative_id,type:a.has_video?m.VIDEO:m.OTHER}},name:a.name,width:a.width,height:a.height,html:l,templateName:a.layout_name,userInitiatedVideo:a.has_video&&(!function(e){let{assets:t}=e;return Object.values(t).some(e=>e.autoplay)}(a.settings)||a.layout_name.includes("Scratch"))};return i&&e?await d.Z.update({...n,id:e.id}):await d.Z.add({...n,type:E.TYPE.RICH_MEDIA})},[e,i]),unloadStudio:a,studioRef:t}};let{DIALOGS:x,DIALOG:{ACTIONS:I}}=l.C,{COMMON:C,CREATIVES:{NEW_CREATIVES:T}}=l.T,_=x.CREATIVE_STUDIO;var f=()=>{let e=(0,r.DA)(_,"creative"),t=(0,o.D)(),[i,l]=(0,u.useState)(!1),{id:c}=(null==e?void 0:e.rich_media.nexd)||{},{onNexdCreative:E,unloadStudio:m,studioRef:x}=p(e),f=async()=>{try{await E(),d.Z.mutateCreativeList();let e=c?T.SUCCESSFULLY_UPDATED:T.SUCCESSFULLY_CREATED;t.success({message:e}),m(),s.default.closeDialog(_)}catch(e){t.error({error:e})}},g=(0,u.useCallback)(()=>{l(!0)},[]),A=[{label:C.CANCEL,onClick:()=>{m(),l(!1),s.default.closeDialog(_)},type:I.TYPE.RESET},{label:C.ADD,onClick:f,disabled:!(c||i)}];return(0,a.jsx)(n.ZP,{dialogId:_,maxWidth:"xl",content:(0,a.jsx)(h,{nexdId:c,onCreativeCreated:g,studioRef:x}),actions:A,sxDialogContent:{paddingX:0,paddingY:0}})}},55299:function(e,t,i){i.d(t,{Z:function(){return a.Z}});var a=i(61100)},72914:function(e,t,i){i.d(t,{U:function(){return v}});var a=i(85893),l=i(92048),n=i(97365),r=i(38296),s=i(54453),d=i(76258),o=i(19663),u=i(89587),c=i(56819),E=i(56243),m=i(26082),h=i(17976);let{FORMATS:p}=d.default,{COMMON:{ADD_MORE:x},CREATIVES:{CONFIGURATION:{DESCRIPTIONS:{NATIVE_DYNAMIC_CARD_DESCRIPTION:I}}}}=o.default,C={file:"",size:void 0},T={display:"flex",alignItems:"flex-start",flexDirection:"column",width:"100%"},_={display:"flex",flexDirection:"column",width:"100%"},f={color:e=>e.palette.text.secondary,height:"fit-content",alignSelf:"center"},g={display:"flex",width:"100%",paddingBottom:e=>e.spacing(1)};var A=e=>{let{arrayHelpers:t,onChange:i,value:l,disabled:d}=e,o=Object.entries(r.native_sizes).reduce((e,t)=>

1{let[i,a]=t,n=l&&l.some(e=>{let{size:t}=e;return t===a});return[...e,{label:i,value:a,disabled:n}]},[]),A=Array.isArray(l)&&!l.some(e=>!e||!e.size||!e.file),v=(e,t)=>{let a=e.target.value;i(l&&l.length?l.map((e,i)=>i===t?{...e,size:a}:e):[{size:a}])},S=(e,t)=>{i(l.map((i,a)=>a===t?{...i,file:e[0]}:i))},D=(null==l?void 0:l.length)?l:[C];return(0,a.jsxs)(n.Z,{sx:T,children:[(0,a.jsx)(n.Z,{sx:_,children:D.map((e,i)=>{let{file:l,size:r}=e;return(0,a.jsxs)(n.Z,{sx:g,children:[(0,a.jsxs)(E.Z.Container,{width:"100%",alignItems:"center",children:[(0,a.jsx)(E.Z.Item,{xl:4,lg:4,md:4,sm:4,xs:4,children:(0,a.jsx)(m.Z,{name:"size",label:"Size",options:o,disabled:d,value:r,onChange:e=>v(e,i)})}),(0,a.jsx)(E.Z.Item,{xl:8,lg:8,md:8,sm:8,xs:8,children:(0,a.jsx)(h.Z,{text:"Upload",name:r,disabled:d,onChange:e=>S(e,i),value:l?[l]:[],format:p.IMAGE,description:I})})]}),(0,a.jsx)(u.Z,{sx:f,onClick:()=>t.remove(i),disabled:d,children:(0,a.jsx)(s.Z,{})})]},r)})}),A&&(0,a.jsx)(c.Z,{secondary:!0,onClick:()=>t.push(C),disabled:d,children:x})]})},v=e=>{let{name:t,value:i=[],...r}=e;return(0,a.jsx)(l.Z,{name:t,children:e=>{let{onChange:t,...l}=r;return(0,a.jsx)(n.Z,{display:"flex",flexDirection:"column",children:(0,a.jsx)(A,{onChange:t,arrayHelpers:e,value:i,...l})})}})}}}]);