https://members.retentionscience.com/app/starter_templates.18ad348c5a29c0e8.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[177],{49483:(e,t,s)=>{s.r(t),s.d(t,{default:()=>$e});var a=s(7267),n=s(72387),l=s(99800),i=s(77963),r=s(85731),d=s(94497),c=s(53705),o=s(2784),p=s(63955),u=s(64157),m=s(40519),h=s(18672),g=s(22893),x=s(74063),j=s(6812),T=s(76635),C=s(83365),v=s(1161),b=s(62577),f=s(24511);let y;!function(e){e.ID="id",e.NAME="templateName",e.USAGE_TYPE="usageType",e.STAGE_TYPE="stageType",e.STAGE_ID="stageId",e.HTML="html",e.JSON="json",e.JSON_CHANGED="jsonChanged"}(y||(y={}));const S=f.Ry({[y.NAME]:f.Z_().required(h.Ozq).max(255,h._Ti),[y.USAGE_TYPE]:f.Z_().required(h.Ozq),[y.STAGE_TYPE]:f.Z_().when(y.USAGE_TYPE,{is:x.aB.cortex,then:f.Z_().required(h.Ozq)})}).required();var k=s(5667);const I=e=>e.starterTemplates.templateEditor,L=e=>I(e).template,E=e=>{const t=L(e);return t&&t.templateType?t.templateType:null},_=e=>I(e).status.INIT,w=e=>I(e).status.CREATE,Z=e=>(0,k.hg)(I(e).status.UPDATE),M=e=>(0,k.kR)(I(e).status.UPDATE),N=e=>I(e).error,A={templateName:"",usageType:x.aB.default,stageType:x.aB.default,html:"",jsonChanged:!1};function O(){const[e,t]=(0,o.useState)(!1),s=(0,o.useRef)(A),a=(0,u.v9)(N),n=(0,p.cI)({mode:"onTouched",resolver:(0,j.X)(S),defaultValues:A,shouldUnregister:!0}),{setError:l,getValues:i,setValue:r,reset:d,watch:c,formState:{isValid:m}}=n,h=i();(0,v.VA)({errors:a,setError:l});const{id:g,stageId:f,stageType:k,usageType:I,name:E="",html:_,json:w}=(0,u.v9)((e=>L(e)||{})),Z=_||"",M=(0,u.v9)(b.iF),O=(0,o.useCallback)((()=>{d(A)}),[d]),P=(0,o.useCallback)((e=>{if(!e)return;if(e.value===x.aB.default||e.value===x.aB.experiments)return r(y.USAGE_TYPE,e.value),r(y.STAGE_TYPE,e.value),void r(y.STAGE_ID,void 0);const t=(0,T.first)(M.list)||new C.Dt;r(y.USAGE_TYPE,e.value),r(y.STAGE_TYPE,t.type),r(y.STAGE_ID,t.id)}),[M,r]),B=(0,o.useCallback)((e=>{if(!e)return;const t=M.list.find((t=>t.type===e.value));t&&t.id&&r(y.STAGE_ID,t.id),r(y.STAGE_TYPE,e.value)}),[M,r]),U=(0,o.useCallback)((({name:e,value:t})=>{r(e,t)}),[r]);return(0,o.useEffect)((()=>{d({id:g,templateName:E,stageId:f,usageType:I,stageType:k,html:Z,json:w,jsonChanged:!1})}),[g,E,k,I,f,Z,w,d]),c((e=>t(!(0,T.isEmpty)(e)&&(e.templateName!==E||e.usageType!==I||e.stageType!==k||e.jsonChanged||e.html!==Z)))),s.current=Object.assign({},h),[h,{methods:n,onFieldChange:U,onSelectUsageType:P,onSelectStageType:B,hasChanged:e,onReset:O,fieldsRef:s,isValid:m}]}var P=s(87949),B=s(81691),U=s(19908),R=s(17282);const D=m.ZP.div.withConfig({displayName:"TemplateFieldsHolder",componentId:"sc-23xbuk-0"})(["width:100%;"]);var z=s(52322);const F=[{label:"All",value:x.aB.default},{label:"Cortex",value:x.aB.cortex},{label:"Experiments",value:x.aB.experiments}

1],G=({onSelectUsageType:e,onSelectStageType:t,autoFocus:s=!1})=>{const{isCtCtAccount:a}=(0,B.zJ)(),n=(0,u.v9)(U.a),{availableStagesWithoutPath:l,isLoading:i}=(0,P.f9)({campaignId:n}),{field:d,fieldState:{error:c}}=(0,p.bc)({name:y.NAME}),{field:m}=(0,p.bc)({name:y.ID}),{field:h}=(0,p.bc)({name:y.JSON_CHANGED}),{field:g,fieldState:{error:j}}=(0,p.bc)({name:y.USAGE_TYPE}),{field:T,fieldState:{error:C}}=(0,p.bc)({name:y.STAGE_TYPE}),v=(0,o.useMemo)((()=>l.map((e=>({value:e.type,label:e.displayName})))),[l]),b=(0,o.useMemo)((()=>v.find((e=>e.value===T.value))),[v,T.value]),f=(0,o.useMemo)((()=>F.filter((({value:e})=>!a||e!==x.aB.experiments))),[a]),S=(0,o.useMemo)((()=>f.find((e=>e.value===g.value))),[g.value,f]);return(0,z.jsxs)(D,{children:[(0,z.jsx)("input",Object.assign({},m,{type:"hidden"})),(0,z.jsx)("input",Object.assign({},h,{type:"hidden"})),(0,z.jsxs)(r.cw,{children:[(0,z.jsx)(r.__,{size:"small",children:R.X_}),(0,z.jsx)(r.II,Object.assign({},d,{onChange:({target:{value:e}})=>d.onChange(e.trimStart()),autoFocus:s,error:null==c?void 0:c.message,"data-testid":"template-name-input"}))]}),(0,z.jsxs)(r.cw,{children:[(0,z.jsx)(r.__,{htmlFor:"select-usage-type",size:"small",children:R.hZ}),(0,z.jsx)(r.Ph,Object.assign({},g,{value:S,onChange:e,isSearchable:!1,options:f,error:null==j?void 0:j.message,inputId:"select-usage-type",className:"NewTemplateUsageSelect"}))]}),S&&S.value===x.aB.cortex&&(0,z.jsxs)(r.cw,{children:[(0,z.jsx)(r.__,{htmlFor:"select-stage-type",size:"small",children:R.IY}),(0,z.jsx)(r.Ph,Object.assign({},T,{value:b,onChange:t,options:v,error:null==C?void 0:C.message,inputId:"select-stage-type",className:"NewTemplateStageSelect",isLoading:i}))]})]})},Y=(0,m.ZP)(r.zx).attrs({variant:"primary","data-testid":"create-template-button"}).withConfig({displayName:"CreateTemplateForm__NewTemplateButton",componentId:"sc-540w6d-0"})(["width:125px;"]),H=()=>{const e=(0,a.k6)(),t=(0,u.I0)(),[s,n]=(0,o.useState)(!1),[,{methods:l,onSelectStageType:i,onSelectUsageType:d,onReset:c}]=O(),m=(0,o.useCallback)((({templateName:s,usageType:a,stageType:n})=>{t((0,x.lb)(s,a,n)),e.push("/starter_templates/new/editor")}),[t,e]),j=(0,o.useCallback)((()=>{n((e=>(c(),!e)))}),[c]),T=()=>(0,r.rR)(g.z,{content:g.m});return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Y,{onClick:j,children:R.rx}),(0,z.jsx)(r.u_,{title:R.S8,isOpen:s,onSubmit:l.handleSubmit(m,T),footer:(0,z.jsx)(r.MZ,{onCancel:j,onAccept:l.handleSubmit(m,T),acceptType:"submit",acceptLabel:h.dR9}),children:(0,z.jsx)(p.RV,Object.assign({},l,{children:(0,z.jsx)(G,{autoFocus:!0,onSelectStageType:i,onSelectUsageType:d})}))})]})};var J=s(93433),W=s(15544),X=s(25820),q=s(40803);const V=({filter:e={},setFilter:t=T.noop})=>{const{stageType:s=q.YJ.UNKNOWN}=e,{isCtCtAccount:a}=(0,B.zJ)(),n=(0,u.v9)(U.a),l=(0,u.v9)((e=>(0,b.pn)(e,s))),{availableStagesWithoutPath:i,isLoading:d}=(0,P.f9)({campaignId:n}),c=(0,o.useCallback)((s=>{t(Object.assign({},e,{stageType:s}))}),[e,t]),p=(0,o.useMemo)((()=>{const e=(0,b.j6)({stages:i,valueKey:"type"});return a||e.unshift({value:q.YJ.EXPERIMENTS,label:h.OpK}),e.unshift({value:q.YJ.UNKNOWN,label:h.Yt3}),e}),[i,a]),m=(0,T.debounce)((s=>t(Object.assign({},e,{name:s}))),300),g=(0,o.useCallback)((({target:{value:e}})=>{m(e)}),[m]);return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(J.eR,{children:(0,z.jsx)(X.Z,{selectStage:c,stageId:l.type,areStagesLoading:d,stageOptions:p})}),(0,z.jsx)(J.eR,{children:(0,z.jsx)(r.Mj,{placeholder:h.wvA,onChange:g})})]})};var $=s(33494);const K=(e,t)=>e.filter((e=>(({stageType:e,name:t,status:s},a)=>{const n=!e||e===q.YJ.UNKNOWN||a.stageType===e,l=(0,T.isEmpty)(t)||a.name.toLowerCase().includes(t.trim().toLowerCase()),i=!s||!a.status||s===$.q$||a.status===s;return n&&l&&i})(t,e)));var Q=s(93745);var ee=s(89113),te=s(42961),se=s(79199),ae=s(56533),ne=s(60066),le=s(72090),ie=s(78196),re=s(19805),de=s(90714),ce=s(6348),oe=s(16599),pe=s.n(oe),ue=s(20125);const me=({hasWriteAccess:e,template:{id:t,name:s,html:n}})=>{const l=(0,u.I0)(),i=(0,a.k6)(),d=(0,o.useCallback)((()=>{t&&l((0,x.pm)(t))}),[l,t]),c=(0,o.useCallback)((()=>{t&&l((0,x.Bs)([t]))}),[l,t]),{isModalOpened:p,openModal:m,onModalCancel:g,onModalConfirm:j}=(0,W.sG)({onConfirm:c}),T=(0,o.useCallback)((()=>

1{l((0,x.su)()),i.push(`/starter_templates/${t}/editor`)}),[l,i,t]),[C,v]=(0,o.useState)(!1),b=(0,o.useCallback)((()=>{v((e=>!e))}),[]);return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(r.Lt,{children:[(0,z.jsx)(r.Lt.Button,{"data-testid":"starter-templates-list-item-preview-action",onClick:b,children:R.c6}),(0,z.jsx)(r.Lt.Toggle,{}),(0,z.jsxs)(r.Lt.Menu,{children:[(0,z.jsx)(r.Lt.Item,{"data-testid":"starter-templates-list-item-edit-action",onClick:T,children:R.dm}),(0,z.jsx)(r.Lt.Item,{"data-testid":"starter-templates-list-item-clone-action",onClick:d,disabled:!e,children:R.bl}),(0,z.jsx)(r.Lt.Item,{"data-testid":"starter-templates-list-item-delete-action",onClick:m,children:R.yY})]})]}),(0,z.jsx)(r.u_,{title:pe().render(R.TO,{name:s}),isOpen:p,className:"delete-template-modal",footer:(0,z.jsx)(r.MZ,{onCancel:g,cancelLabel:h.zu7,onAccept:j,acceptLabel:R.yY,acceptDisabled:!e})}),(0,z.jsx)(ue.M,{isOpen:C,previewContent:n,onClose:b})]})},he=m.ZP.div.withConfig({displayName:"StarterTemplatesListItemHolder",componentId:"sc-1rtd2b-0"})(["margin-left:30px;flex:1;display:flex;align-items:center;"]),ge=(0,m.ZP)(ie.Z).withConfig({displayName:"StarterTemplatesListItem__CustomListItemColumn",componentId:"sc-1o4r5dm-0"})(["margin-left:auto;"]),xe=(0,m.ZP)(re.b0).withConfig({displayName:"StarterTemplatesListItem__TemplateTypeHolder",componentId:"sc-1o4r5dm-1"})(["padding-top:8px;","{margin-left:10px;}"],r.ZT),je=(0,m.ZP)(se.r).withConfig({displayName:"StarterTemplatesListItem__HTMLEditorIconStyled",componentId:"sc-1o4r5dm-2"})(["width:26px;height:20px;"]),Te=(0,m.ZP)(te.r).withConfig({displayName:"StarterTemplatesListItem__EmailBuilderIconStyled",componentId:"sc-1o4r5dm-3"})(["width:20px;height:20px;"]),Ce=({data:e,hasWriteAccess:t})=>{const s=(0,u.v9)((t=>(0,b.pn)(t,e.stageType)));return(0,z.jsxs)(he,{"data-testid":"starter-templates-list-item",children:[(0,z.jsx)(ie.Z,{width:"3%",minWidth:"30px",children:(0,z.jsx)(ae.Z,{title:s.displayName,iconUrl:s.ui.icon,width:20,height:26})}),(0,z.jsxs)(ie.Z,{width:"50%",minWidth:"300px",children:[(0,z.jsx)(le.XQ,{"data-testid":"starter-templates-list-item-name",children:e.name}),(0,z.jsx)(ne.Z,{lastModifiedAt:null==e?void 0:e.updatedAt})]}),(0,z.jsx)(ie.Z,{paddingLeft:"100px",children:e.templateType===ce.F.HTML?(0,z.jsxs)(xe,{children:[(0,z.jsx)(je,{}),(0,z.jsx)(r.ZT,{variant:"indicator",children:de._N})]}):(0,z.jsxs)(xe,{children:[(0,z.jsx)(Te,{}),(0,z.jsx)(r.ZT,{variant:"indicator",children:de.Bq})]})}),(0,z.jsx)(ge,{children:(0,z.jsx)(me,{template:e,hasWriteAccess:t})})]})};var ve=s(51992);const be=(0,m.ZP)(ie.Z).withConfig({displayName:"StarterTemplatesListItemSkeleton__CustomListItemColumn",componentId:"sc-1v2bmrp-0"})(["margin-left:auto;"]),fe=(0,m.ZP)(re.b0).withConfig({displayName:"StarterTemplatesListItemSkeleton__TemplateTypeHolder",componentId:"sc-1v2bmrp-1"})(["padding-top:8px;","{margin-left:10px;}"],r.ZT),ye=()=>(0,z.jsxs)(he,{children:[(0,z.jsx)(ie.Z,{width:"3%",minWidth:"30px",children:(0,z.jsx)(ae.Z,{isSkeleton:!0,title:"",iconUrl:"",width:20,height:26})}),(0,z.jsxs)(ie.Z,{width:"50%",minWidth:"300px",children:[(0,z.jsx)(le.XQ,{children:(0,z.jsx)(ve.ZP,{})}),(0,z.jsx)(ne.Z,{isSkeleton:!0,lastModifiedAt:""})]}),(0,z.jsx)(ie.Z,{paddingLeft:"100px",children:(0,z.jsx)(fe,{children:(0,z.jsx)(ve.ZP,{width:130,height:28})})}),(0,z.jsx)(be,{children:(0,z.jsx)(ve.ZP,{width:114,height:36})})]}),Se=()=>{const e=(0,u.I0)(),{canCreateTemplate:t}=(0,B.zJ)(),[s,a]=function(){const e=(0,u.I0)(),t=(0,u.v9)(Q.OF),s=(0,u.v9)(Q.k9);return(0,o.useEffect)((()=>{(0,k.wM)(s)&&e((0,x._z)())}),[e,s]),[t,(0,k.hg)(s)]}(),n=(0,u.v9)(Q.lh),[l,i]=(0,o.useState)([]),d=(0,o.useCallback)((e=>{const t=(0,ee.FX)();return!!t&&e.id===t}),[]),c=(0,o.useCallback)((()=>{e((0,x.Bs)(l.map((({id:e})=>e))))}),[e,l]),p=(0,o.useCallback)((()=>{(0,ee.Jx)()}),[]),{isModalOpened:m,openModal:g,onModalCancel:j,onModalConfirm:T}=(0,W.sG)({onConfirm:c}),C=(0,o.useCallback)((e=>{g(),i(s.filter((({id:t})=>e.includes(t))))}),[g,s]),v=(0,o.useCallback)((e=>(0,z.jsx)(Ce,Object.assign({},e,{hasWriteAccess:t}))),[t]),b=(0,o.useCallback)((()=>(0,z.jsx)(ye,{})),[]);return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(r.u_,{isOpen:n,isLoading:!0}),(0,z.jsxs)(J.ZP,{data:s,isLoading:a,isMultiSelect:!0,children:[(0,z.jsx)(J.ZP.Header,{onBulkDelete:C,children:(0,z.jsx)(J.ZP.Filter,{filterMethod:K,children:(0,z.jsx)(V,{})})}),(0,z.jsx)(J.ZP.RowView,{itemRenderer:v,skeletonRenderer:b,shouldHighlight:d,clearHighlight:p}),(0,z.jsx)(J.ZP.Footer,{})]}),(0,z.jsx)(r.u_,{title:R.M5,isOpen:m,footer:(0,z.jsx)(r.MZ,{onCancel:j,cancelLabel:h.zu7,onAccept:T,acceptLabel:R.yY,acceptDisabled:!t}),children:l.map((({name:e})=>(0,z.jsx)("div",{children:e})))})]})},ke=()=>(0,z.jsxs)(r.Xg.Content,{children:[(0,z.jsx)(d.Z,{title:c.Gj}),(0,z.jsx)(r.V1,{title:c.Gj,children:(0,z.jsx)(H,{})}),(0,z.jsx)(Se,{})]});let Ie;!function(e){e.HTML="html",e.EMAIL_BUILDER="bee"}(Ie||(Ie={}));var Le=s(46782),Ee=s.n(Le),_e=s(71076),we=s(12496),Ze=s(3042),Me=s(34635),Ne=s(26264);const Ae=()=>{const e=(0,a.k6)(),[t,s]=(0,o.useState)(!1);return{discarded:t,onDiscardCallback:(0,o.useCallback)((()=>{s(!0),setTimeout((()=>{e.push("/starter_templates")}

1),0)}),[e])}};var Oe=s(61329);const Pe=m.ZP.div.withConfig({displayName:"EditorHeader",componentId:"sc-1twz7ef-0"})(["display:flex;justify-content:space-between;"]),Be=({children:e,onBackClick:t})=>{const s=(0,u.v9)((e=>E(e)))===Ie.HTML;return(0,z.jsxs)(Pe,{children:[(0,z.jsxs)(r.qo,{children:[(0,z.jsx)(r.zx,{onClick:t,variant:"secondary","data-testid":"starter-templates-back-btn",children:R.f3}),(0,z.jsx)(Oe.Z,{isHTMLEditor:s,showMergeTags:s})]}),e]})},Ue=m.ZP.div.withConfig({displayName:"ActionButtonsHolder",componentId:"sc-1ic6wf5-0"})(["display:flex;>:first-child{margin-right:10px;}"]),Re=()=>{const e=(0,u.I0)(),t=(0,o.useRef)(null),[s,a]=(0,o.useState)(!1),[n,l]=(0,o.useState)(!1),{canCreateTemplate:i}=(0,B.zJ)(),[d,c]=(0,o.useState)(!1),[m,j]=(0,o.useState)(!1),T=(0,u.v9)(Z),C=(0,u.v9)(M),[v,{methods:f,onFieldChange:S,onSelectStageType:k,onSelectUsageType:I,hasChanged:L,fieldsRef:E}]=O(),_=!L||s||!i||!d,w=(0,u.v9)(Ne.kL),{stagelessMergeTagsOptions:A}=(0,Me.R)(),P=!(0,u.v9)((e=>(0,b.n)(e,v.stageId))),U=(0,u.v9)(b.Ot),D=(0,u.v9)(N),{discarded:F,onDiscardCallback:Y}=Ae(),{isOpened:H,openModal:J,closeModal:W}=(0,we.y)(),X=H&&C&&!T&&!s&&n,q=(0,o.useCallback)((()=>{t&&t.current&&t.current.preview()}),[t]),V=(0,o.useCallback)((()=>{t&&t.current&&(t.current.save(),a(!0))}),[]),$=(0,o.useCallback)((e=>{S({name:"json",value:JSON.parse(e)}),S({name:"jsonChanged",value:!0})}),[S]),K=(0,o.useCallback)(((t,s)=>{if(E.current){const{id:a,templateName:n,usageType:l,stageType:i}=E.current;e((0,x.z1)({id:a,name:n,usageType:l,stageType:i,editorType:ce.F.BUILDER,html:s,json:JSON.parse(t)}))}}),[E,e]),Q=(0,o.useCallback)((()=>{const{html:e}=v,t=new Blob([e],{type:"text/html"});Ee().saveAs(t,"exported_html.html")}),[v]),ee=(0,o.useCallback)((()=>{t.current&&t.current.beeInstance&&(t.current.beeInstance.toggleStructure(),j((e=>!e)))}),[t,j]),te=(0,o.useCallback)((()=>{t.current&&t.current.openInFullscreen()}),[]),se=(0,o.useCallback)((()=>{L?J():Y()}),[Y,L,J]),ae=(0,o.useCallback)((()=>{V(),l(!0)}),[V,l]),ne=()=>(0,r.rR)(g.z,{content:g.m});return(0,o.useEffect)((()=>{a(!!T)}),[T]),(0,o.useEffect)((()=>{X&&Y()}),[X,Y]),(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Be,{onBackClick:se,children:(0,z.jsxs)(Ue,{children:[(0,z.jsx)(r.fl,{isLoading:s,variant:"secondary",onClick:f.handleSubmit(V,ne),disabled:_,"data-testid":"editor-save",children:R.LE}),(0,z.jsxs)(r.Lt,{children:[(0,z.jsx)(r.Lt.Button,{onClick:q,"data-testid":"editor-preview",children:R.c6}),(0,z.jsx)(r.Lt.Toggle,{}),(0,z.jsxs)(r.Lt.Menu,{alignRight:!0,children:[(0,z.jsx)(r.Lt.Item,{onClick:ee,"data-testid":"editor-toggle-structure",children:m?h.vYl:h.Z32}),(0,z.jsx)(r.Lt.Item,{onClick:te,children:h.WXD},"open_fullscreen"),(0,z.jsx)(r.Lt.Item,{onClick:Q,"data-testid":"editor-export-html",children:R.tx})]})]})]})}),(0,z.jsxs)(p.RV,Object.assign({},f,{children:[(0,z.jsx)(G,{onSelectStageType:k,onSelectUsageType:I}),U&&(0,z.jsx)(p.Qr,{name:y.JSON,render:({field:{value:e}})=>(0,z.jsx)(Ze.Z,{uid:`uid_${w}`,ref:t,errors:D,errorsTitle:R.f4,onChange:$,showSpecialLinks:P,showMergeTags:P,mergeTagsOptions:A,saveCallback:K,onLoad:()=>{c(!0)},value:e},`bee-editor-with-merge-tags-${P}`)}),(0,z.jsx)(p.Qr,{name:y.HTML,render:e=>(0,z.jsx)("input",Object.assign({},e,{type:"hidden"}))})]})),(0,z.jsx)(_e.Z,{show:!F&&(L||T)}),H&&(0,z.jsx)(we.Y,{template:R.Ac,isOpen:H,isLoading:T||s,acceptDisabled:!i,onAccept:f.handleSubmit(ae,(()=>{W(),ne()})),onCancel:W,onDiscard:Y}),(0,z.jsx)(r.u_,{isOpen:!d,isLoading:!0})]})};var De=s(39783);const ze=()=>{const e=(0,u.I0)(),[t,s]=(0,o.useState)([]),[a,n]=(0,o.useState)(!1),l=(0,u.v9)(Z),i=(0,u.v9)(M),{canCreateTemplate:d}=(0,B.zJ)(),[c,{methods:m,onFieldChange:j,onSelectStageType:T,onSelectUsageType:C,hasChanged:v}]=O(),{stagelessMergeTagsGroupedOptions:f,isLoading:S}=(0,Me.R)(),k=!(0,u.v9)((e=>(0,b.n)(e,c.stageId))),I=(0,u.v9)(N),L=t?t.length:0,{discarded:E,onDiscardCallback:_}=Ae(),{isOpened:w,openModal:A,closeModal:P}=(0,we.y)(),U=w&&i&&!l&&a,D=(0,o.useCallback)((e=>{j({name:"html",value:e})}),[j]),F=(0,o.useCallback)((e=>s(e)),[s]),Y=(0,o.useCallback)((({id:t,templateName:s,usageType:a,stageType:n,html:l,json:i})=>{e((0,x.z1)({id:t,name:s,usageType:a,stageType:n,editorType:ce.F.HTML,html:l,json:i}))}),[e]),H=!v||l||!d,J=(0,o.useCallback)((()=>

1{v?A():_()}),[_,v,A]),W=(0,De.a)(),X=(0,o.useCallback)((e=>{Y(e),n(!0)}),[Y]),q=()=>(0,r.rR)(g.z,{content:g.m});return(0,o.useEffect)((()=>{U&&_()}),[U,_]),(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Be,{onBackClick:J,children:(0,z.jsxs)(r.Lt,{children:[(0,z.jsx)(r.Lt.Button,{isLoading:l,onClick:m.handleSubmit(Y,q),variant:"secondary",disabled:H,"data-testid":"editor-save",children:R.LE}),(0,z.jsx)(r.Lt.Toggle,{}),(0,z.jsx)(r.Lt.Menu,{alignRight:!0,children:(0,z.jsx)(r.Lt.Item,{onClick:W,children:h.WXD},"open_fullscreen")})]})}),(0,z.jsxs)(p.RV,Object.assign({},m,{children:[(0,z.jsx)(G,{onSelectStageType:T,onSelectUsageType:C}),(0,z.jsx)(p.Qr,{name:y.HTML,render:({field:{value:e}})=>(0,z.jsx)(De.Z,{showMergeTags:k,mergeTagsOptions:f,isLoadingMergeTagsOptions:S,onChange:D,onLintError:F,lintErrorsCount:L,errors:I,errorsTitle:R.f4,value:e})})]})),(0,z.jsx)(_e.Z,{show:!E&&(v||l)}),w&&(0,z.jsx)(we.Y,{template:R.Ac,isOpen:w,isLoading:l,acceptDisabled:!d,onAccept:m.handleSubmit(X,(()=>{P(),q()})),onCancel:P,onDiscard:_})]})},Fe=m.ZP.div.withConfig({displayName:"EditorHolder",componentId:"sc-1ubu2x-0"})(["flex:1;height:100%;display:flex;flex-direction:column;gap:34px;","{display:flex;flex-direction:row;> div{margin-bottom:0;margin-right:20px;width:230px;}}"],D),Ge=(0,m.ZP)(r.aN).withConfig({displayName:"StarterTemplatesEditor__LoaderStyled",componentId:"sc-1iz1s1y-0"})(["background:none;"]),Ye={[Ie.HTML]:ze,[Ie.EMAIL_BUILDER]:Re},He=()=>{const e=(0,u.I0)(),{templateId:t}=(0,a.UO)(),s=(0,u.v9)(E),n=(0,u.v9)(_);(0,o.useEffect)((()=>{t&&e((0,x.Df)(t))}),[t,e]);const l=s?Ye[s]:null;return l?(0,z.jsxs)(r.Xg.Content,{children:[(0,z.jsx)(d.Z,{title:c.Gj}),(0,z.jsx)(Fe,{children:(0,k.hg)(n)||(0,k.wM)(n)?(0,z.jsx)(Ge,{}):(0,z.jsx)(l,{})})]}):null};var Je=s(47933),We=s(41500),Xe=s(90880);const qe=m.ZP.div.withConfig({displayName:"EditorPickerTitle",componentId:"z7cnhw-0"})(["margin:32px 0 40px;"]),Ve=()=>{const e=(0,u.I0)(),t=(0,u.v9)(L),s=(0,u.v9)(w),{editorType:n,onEditorTypeChange:l,isDisabled:i}=(0,Xe.J)(),p=(0,o.useCallback)((()=>{t&&t.name&&t.usageType&&n&&e((0,x.XY)({templateId:void 0,name:t.name,usageType:t.usageType,stageType:t.stageType,editorType:n}))}),[t,n,e]);return t?(0,z.jsxs)(r.Xg.Content,{children:[(0,z.jsx)(d.Z,{title:c.Gj}),(0,z.jsxs)(r.s_,{isLoading:(0,k.hg)(s),children:[(0,z.jsx)(r.s_.Loading,{}),(0,z.jsxs)(r.s_.Content,{children:[(0,z.jsx)(r.zx,{as:Je.rU,variant:"plain",to:"/starter_templates",children:R.f3}),(0,z.jsx)(qe,{children:(0,z.jsx)(r.ZT,{as:"h1",children:R.go})}),(0,z.jsxs)(We.Z,{afterChange:l,activeTabId:n,children:[(0,z.jsx)(We.Z.HTMLEditor,{}),(0,z.jsx)(We.Z.EmailBuilder,{title:de.Bq})]}),(0,z.jsx)(r.zx,{variant:"primary",onClick:p,disabled:i,"data-testid":"editor-picker-continue",children:R.h8})]})]})]}):(0,z.jsx)(a.l_,{to:"/starter_templates"})},$e=({match:e})=>(0,z.jsx)(n.S,{navigateBackName:R.Gj,navigateBackUrl:"",children:(0,z.jsxs)(a.rs,{children:[(0,z.jsx)(i.k,{isAccessBlocked:l.Ui,path:`${e.path}/new/editor`,component:Ve}),(0,z.jsx)(i.k,{isAccessBlocked:l.Ui,path:`${e.path}/:templateId/editor`,component:He}),(0,z.jsx)(i.k,{isAccessBlocked:l.Ui,path:e.path,component:ke}),(0,z.jsx)(a.l_,{to:"/"})]})})}}]);