https://acs-cdn-prod.vidmob.com/scripts/82.1b76344fb15e34cf033d.bundle.js

1"use strict";(self.webpackChunkvidmob_agile_creative_studio=self.webpackChunkvidmob_agile_creative_studio||[]).push([[82],{90754:function(e,t,i){var a=i(96540),n=i(5556),r=i(44275),l=i(67621);let I=e=>{let{baseClass:t,headerText:i,descriptionText:n,headerChildren:I,bodyChildren:c,footerChildren:o,buttonLabel:s,onCancel:u,onSave:M,isOpen:N,isLoading:E,hasCheckbox:d,checkboxLabel:j,descriptionTitle:S}=e,[T,L]=(0,a.useState)(!1);return a.createElement(r.Ay,{isOpen:N,id:"modal-confirmation-wrapper",className:t},a.createElement(r.Q_,{title:i,description:n,descriptionTitle:S,className:"type-body-small-default"},I),c&&a.createElement(r.cw,null,a.createElement("div",{className:"modal-body-form-wrapper-vds"},c)),d&&a.createElement("div",{className:"checkbox-container"},a.createElement(l.nX,{onClick:e=>e.stopPropagation(),label:j,control:a.createElement(l.NX,{checked:T,onChange:()=>L(!T)})})),a.createElement(l.dR,null),a.createElement(r.cP,{buttonLabel:s,isLoading:E,onCancel:d?()=>{L(!1),u()}:u,onSave:M,saveButtonDisabled:!!d&&!T},a.createElement("div",null,o)))};I.propTypes={baseClass:n.string,bodyChildren:n.node,buttonLabel:n.string,descriptionText:n.string,footerChildren:n.node,headerChildren:n.node,headerText:n.string,isLoading:n.bool,isOpen:n.bool,onCancel:n.func,onSave:n.func,hasCheckbox:n.bool,checkboxLabel:n.string,descriptionTitle:n.string},I.defaultProps={baseClass:"confirmation-modal",headerText:null,bodyChildren:null,headerChildren:null,onCancel:null,onSave:null,buttonLabel:null,descriptionText:null,footerChildren:null,isLoading:!1,isOpen:!1,hasCheckbox:!1,checkboxLabel:null,descriptionTitle:null},t.A=I},90082:function(e,t,i){i.r(t),i.d(t,{default:function(){return A}});var a=i(96540),n=i(71468),r=i(68864),l=i(56620),I=i(33551),c=i(5556),o=i(65673),s=i(59184),u=i(49340),M=i(63789);let N={[s.Zb.PROJECT_CREATE_CREATIVE_SERVICE.CREATE_NEW_VIDEO.ID]:u,[s.Zb.PROJECT_CREATE_CREATIVE_SERVICE.UPDATE_EXISTING_VIDEO.ID]:M},E=e=>{let{creativeService:t,selectedCreativeService:i,setSelectedCreativeService:n}=e,c=(0,o.A)(),s=t.ID===(null==i?void 0:i.ID);return a.createElement(a.Fragment,null,a.createElement("div",{className:`box ${s?"selected":""}`,onClick:e=>{e.stopPropagation(),e.preventDefault(),n(t)}},a.createElement("div",{className:"radio-container"},a.createElement(r.A,{label:c.messages[t.LABEL],checked:s,control:a.createElement(l.A,{size:"small"})}),a.createElement(I.A,{className:"description",variant:"body2",component:"span"},c.messages[t.DESCRIPTION])),a.createElement("div",{className:"rectangle"},a.createElement("img",{src:N[t.ID]}))))};E.propTypes={creativeService:(0,c.shape)({ICON:c.string,ID:c.number.isRequired,LABEL:c.string.isRequired}).isRequired,setSelectedCreativeService:c.func.isRequired,selectedCreativeService:(0,c.shape)({ID:c.number.isRequired,LABEL:c.string.isRequired})},E.defaultProps={selectedCreativeService:null};var d=i(9719),j=i(84025),S=i(96464),T=i(90754),L=i(52246),A=()=>{let e=(0,o.A)(),t=(0,n.wA)(),i=(0,n.d4)(d.nN),r=null==i?void 0:i.outputGroupType,l=(0,n.d4)(d.wv),c=(0,n.d4)(d.L2),[u,M]=(0,a.useState)(null),[N,A]=(0,a.useState)(!1),g=s.Zb.PROJECT_CREATE_CREATIVE_SERVICE.CREATE_NEW_VIDEO,m=s.Zb.PROJECT_CREATE_CREATIVE_SERVICE.UPDATE_EXISTING_VIDEO;(0,a.useEffect)(()=>{if(r){if(r===s.yl.OUTPUT_GROUP_TYPE[s.yl.PROJECT_TYPE.NEW_HEROES])return void M(g);if(r===s.yl.OUTPUT_GROUP_TYPE[s.yl.PROJECT_TYPE.VARIATIONS_ONLY])return void M(m)}M(g)},[]);let C=()=>(null==u?void 0:u.LABEL)==="ui.projectCreate.creativeServices.label.newVideo"?s.yl.OUTPUT_GROUP_TYPE[s.yl.PROJECT_TYPE.NEW_HEROES]:(null==u?void 0:u.LABEL)==="ui.projectCreate.creativeServices.label.existingVideo"?s.yl.OUTPUT_GROUP_TYPE[s.yl.PROJECT_TYPE.VARIATIONS_ONLY]:null;(0,a.useEffect)(()=>{if(l===s.Zb.STEP_STATUS.NEEDS_PROCESSING){let e=C();e===r&&t(L.A.actions.setCurrentStepProcessed()),r||t(L.A.actions.updateProjectAPIRequest({projectUpdates:{outputGroupType:e}})),r&&e!==r&&(i.outputGroupsData&&i.outputGroupsData.length>0?A(!0):t(L.A.actions.updateProjectAPIRequest({projectUpdates:{outputGroupType:e}})))}},[l]),(0,a.useEffect)(()=>{c===s.Xw.REDUX_LOADING_STATUS.SUCCESS&&t(L.A.actions.setCurrentStepProcessed()),c===s.Xw.REDUX_LOADING_STATUS.FAILED&&((0,j.Uq)("ui.projectCreate.api.general.error"),t(L.A.actions.setProjectAPIRequestStatusNotLoaded()),t(L.A.actions.setCurrentStepNeutral()

1))},[c]);let D=[{creativeService:g},{creativeService:m}];return a.createElement("div",{className:"narrow-project-create-step-container creative-services"},a.createElement(T.A,{headerText:e.messages["ui.projectCreate.modalConfirmation.title"],descriptionText:e.messages["ui.projectCreate.modalConfirmation.body"],isOpen:N,buttonLabel:"ui.projectCreate.modalConfirmation.button",onCancel:()=>{t(L.A.actions.setCurrentStepNeutral()),A(!1)},onSave:()=>{t(L.A.actions.updateProjectWithCreativeOutputs({projectUpdates:{outputGroupType:C(),outputGroupsData:[],totalOutputVideos:0}}))}}),a.createElement(I.A,{className:"title",component:"span",sx:{fontSize:"1.75rem",fontWeight:600,lineHeight:1.25}},e.messages["ui.projectCreate.creativeServices.subtitle"]),a.createElement(S.A,{list:D,renderItem:e=>a.createElement(E,{key:e.creativeService.ID,creativeService:e.creativeService,selectedCreativeService:u,setSelectedCreativeService:M})}))}},63789:function(e){e.exports="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgNjAgNjAiIHdpZHRoPSI2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PG1hc2sgaWQ9ImEiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im01LjEyOCAwaDQ5Ljc0NGMxLjc4MyAwIDIuNDMuMTg2IDMuMDgyLjUzNC42NTIuMzQ5IDEuMTYzLjg2IDEuNTEyIDEuNTEyLjM0OC42NTIuNTM0IDEuMjk5LjUzNCAzLjA4MnY0OS43NDRjMCAxLjc4My0uMTg2IDIuNDMtLjUzNCAzLjA4MmEzLjYzNSAzLjYzNSAwIDAgMSAtMS41MTIgMS41MTJjLS42NTIuMzQ4LTEuMjk5LjUzNC0zLjA4Mi41MzRoLTQ5Ljc0NGMtMS43ODMgMC0yLjQzLS4xODYtMy4wODItLjUzNGEzLjYzNSAzLjYzNSAwIDAgMSAtMS41MTItMS41MTJjLS4zNDgtLjY1Mi0uNTM0LTEuMjk5LS41MzQtMy4wODJ2LTQ5Ljc0NGMwLTEuNzgzLjE4Ni0yLjQzLjUzNC0zLjA4MmEzLjYzNSAzLjYzNSAwIDAgMSAxLjUxMi0xLjUxMmMuNjUyLS4zNDggMS4yOTktLjUzNCAzLjA4Mi0uNTM0eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9tYXNrPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgbWFzaz0idXJsKCNhKSI+PHBhdGggZD0ibTAgMGg2MHY2MGgtNjB6IiBmaWxsPSIjZGFjMGZmIi8+PHJlY3QgZmlsbD0iIzdjMDZlZCIgaGVpZ2h0PSI0MCIgcng9IjIiIHdpZHRoPSIyNiIgeD0iMTkuNSIgeT0iNyIvPjxyZWN0IGZpbGw9IiMzMTAwNzciIGhlaWdodD0iNDAiIHJ4PSIyIiB3aWR0aD0iMjYiIHg9IjE0LjUiIHk9IjEzIi8+PHBhdGggZD0ibTE4Ljc1NiAzNy4xMzUgMi45MjEuMDQ1IDQuNzE5LTQuNzJ2MjAuNzFoMi4yMDh2LTIwLjcxbDQuNzE5IDQuNzE5IDIuOTE5LS4wNDUtOC43NDMtOC43NDMtOC43NDMgOC43NDN6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI1Ii8+PC9nPjwvc3ZnPg=="},49340:function(e){e.exports="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAgNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNS4xMjggMGg0OS43NDRjMS43ODMgMCAyLjQzLjE4NiAzLjA4Mi41MzQuNjUyLjM0OSAxLjE2My44NiAxLjUxMiAxLjUxMi4zNDguNjUyLjUzNCAxLjI5OS41MzQgMy4wODJ2NDkuNzQ0YzAgMS43ODMtLjE4NiAyLjQzLS41MzQgMy4wODJhMy42MzUgMy42MzUgMCAwIDEtMS41MTIgMS41MTJjLS42NTIuMzQ4LTEuMjk5LjUzNC0zLjA4Mi41MzRINS4xMjhjLTEuNzgzIDAtMi40My0uMTg2LTMuMDgyLS41MzRhMy42MzUgMy42MzUgMCAwIDEtMS41MTItMS41MTJDLjE4NiA1Ny4zMDIgMCA1Ni42NTUgMCA1NC44NzJWNS4xMjhjMC0xLjc4My4xODYtMi40My41MzQtMy4wODJBMy42MzUgMy42MzUgMCAwIDEgMi4wNDYuNTM0QzIuNjk4LjE4NiAzLjM0NSAwIDUuMTI4IDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PGcgbWFzaz0idXJsKCNiKSI+PHBhdGggZD0iTTAgMGg2MHY2MEgweiIgZmlsbD0iI0FCRUJGRiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNSAxNykiIGZpbGw9IiMwMDc2QTMiPjxyZWN0IHdpZHRoPSIyOS45NDkiIGhlaWdodD0iMzAiIHJ4PSIyIi8+PHBhdGggZD0iTTIxLjI4NiAxNSA0Mi41IDIuNXYyNXoiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEgMTMpIiBmaWxsPSIjNDdDREZGIj48cmVjdCB3aWR0aD0iMjkuOTQ5IiBoZWlnaHQ9IjMwIiByeD0iMiIvPjxwYXRoIGQ9Ik0yMS4yODYgMTUgNDIuNSAyLjV2MjV6Ii8+PC9nPjxnIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik0yNS4wOSAxOWgydjE4aC0yeiIvPjxwYXRoIGQ9Ik0zNS4wOSAyN3YyaC0xOHYtMnoiLz48L2c+PC9nPjwvZz48L3N2Zz4="}}]);