1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="75f12b7e-905c-4400-9f7e-f22662074523",e._sentryDebugIdIdentifier="sentry-dbid-75f12b7e-905c-4400-9f7e-f22662074523")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11565],{11565:(e,n,i)=>{i.d(n,{CA:()=>S,Wp:()=>j,k2:()=>w});var t=i(86739),l=i(50979),o=i(25963),d=i(369),s=i(31606),r=i(92954),a=i(38625),g=i(4988),c=i(12236),u=i(61062),p=i(69208),h=i(42016),b=i(41146),x=i(48629);function v(){let e=(0,t._)(["\n query EditingJobUpscalingDetails($jobId: ID!) {\n editingJob: editingJobById(id: $jobId) {\n id\n servicesSummary {\n edges {\n id\n editingJobService {\n id\n slug\n tier\n }\n details {\n croppingRatio\n croppingWidth\n croppingHeight\n croppingLongestEdge\n }\n }\n }\n thirdPartyServices {\n edges {\n id\n editingJobService {\n id\n slug\n tier\n }\n details {\n croppingRatio\n croppingWidth\n croppingHeight\n croppingLongestEdge\n }\n }\n }\n }\n }\n "]);return v=function(){return e},e}function f(){let e=(0,t._)(["\n mutation EditingJobCroppingSetDimensionsAsPartner(\n $editingJobId: ID!\n $croppingWidth: Int\n $croppingHeight: Int\n $croppingLongestEdge: Int\n $slug: String!\n ) {\n editingJobServiceSaveDetailsAsPartnerUser(\n input: {\n editingJobId: $editingJobId\n croppingWidth: $croppingWidth\n croppingHeight: $croppingHeight\n croppingLongestEdge: $croppingLongestEdge\n slug: $slug\n }\n ) {\n editingJob {\n id\n }\n }\n }\n "]);return f=function(){return e},e}function m(){let e=(0,t._)(["\n query EditingJobCroppingRatio($jobId: ID!) {\n editingJob: editingJobById(id: $jobId) {\n id\n servicesSummary {\n edges {\n id\n editingJobService {\n id\n slug\n tier\n }\n details {\n croppingRatio\n }\n }\n }\n thirdPartyServices {\n edges {\n id\n editingJobService {\n id\n slug\n tier\n }\n details {\n croppingRatio\n }\n }\n }\n }\n }\n "]);return m=function(){return e},e}function y(){let e=(0,t._)(["\n mutation EditingJobCroppingRatioSelectionAsPartner(\n $editingJobId: ID!\n $croppingRatio: String\n $slug: String!\n ) {\n editingJobServiceSaveDetailsAsPartnerUser(\n input: {\n editingJobId: $editingJobId\n croppingRatio: $croppingRatio\n slug: $slug\n }\n ) {\n editingJob {\n id\n }\n }\n }\n "]);return y=function(){return e},e}var j=function(e){return e.Original="original",e.Custom="custom",e.ThreeTwo="3:2",e.TwoThree="2:3",e.FourThree="4:3",e.ThreeFour="3:4",e.SevenFive="7:5",e.FiveSeven="5:7",e.SixNine="16:9",e.NineSix="9:16",e.OneOne="1:1",e}({});let w=e=>{var n,i,t,c,m,y,j,w,S,I,C,J,_,k;let{editingJob:L,context:R,onDismiss:A}=e,E=(0,a.p1)({step:b.oM.cropping_dimensions}),[$,P]=(0,o.useState)("width"),[W,D]=(0,o.useState)(),[q,z]=(0,o.useState)(),[T,B]=(0,o.useState)(),N=(0,s.IT)((0,s.J1)(v()),{variables:{jobId:null==L?void 0:L.id},skip:(null==L?void 0:L.id)==null,fetchPolicy:"network-only"}),F=null==N||null==(t=N.data)||null==(i=t.editingJob)||null==(n=i.thirdPartyServices)?void 0:n.edges;(null==F||(null==F?void 0:F.length)===0)&&(F=null==(k=N.data)||null==(_=k.editingJob)||null==(J=_.servicesSummary)?void 0:J.edges);let H=null==F?void 0:F.find(e=>{var n,i;return(null==e||null==(n=e.editingJobService)?void 0:n.slug)===b.XZ.ImageEnhancement||(null==e||null==(i=e.editingJobService)?void 0:i.slug)===b.XZ.ImageEnhancementAuto}),U=null==H||null==(c=H.editingJobService)?void 0:c.tier;(0,o.useEffect)(()=>{var e,n,i,t,l,o;null!=H&&(D(null==H||null==(n=H.details)||null==(e=n.croppingWidth)?void 0:e.toString()),z(null==H||null==(t=H.details)||null==(i=t.croppingHeight)?void 0:i.toString()),B(null==H||null==(o=H.details)||null==(l=o.croppingLongestEdge)?void 0:l.toString()))},[H]);
1let[Y,M]=(0,s.n_)((0,s.J1)(f())),G=(null==H||null==(m=H.details)?void 0:m.croppingRatio)==="original"?!!(0>=parseInt(null!=q?q:"0",10)&&0>=parseInt(null!=W?W:"0",10)&&0>=parseInt(null!=T?T:"0",10)):(null==H||null==(y=H.details)?void 0:y.croppingRatio)==="custom"?!!(0>=parseInt(null!=q?q:"0",10)||0>=parseInt(null!=W?W:"0",10)):!!(0>=parseInt(null!=q?q:"0",10)&&0>=parseInt(null!=W?W:"0",10));return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.z2,{progress:E.progress,prev:E.onPrev,onDismiss:()=>A({step:b.oM.cropping_dimensions,editingJob:L})}),(0,l.jsx)("div",{style:{height:32}}),N.loading&&null==N.data||(null==L?void 0:L.id)==null?(0,l.jsx)(u.c,{}):(null==(j=N.data)?void 0:j.editingJob.servicesSummary.edges)&&null==H||(null==L?void 0:L.usesPreset)===!0?(0,l.jsx)(x.e,{editingJob:L,progressData:E}):(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{style:{textAlign:"center",marginBottom:16},children:(0,l.jsx)("img",{src:"auto"===U?g.vt:g.Y$,alt:"icon"})}),(0,l.jsx)(r.vt,{title:"Image enhancement, color correction, cropping and resizing ",marginBottom:16}),(0,l.jsxs)("form",{onSubmit:e=>{e.preventDefault(),(()=>{var e;Y({variables:{editingJobId:null==L?void 0:L.id,croppingWidth:parseInt(null!=W?W:"0",10),croppingHeight:parseInt(null!=q?q:"0",10),croppingLongestEdge:parseInt(null!=T?T:"0",10),slug:null==H||null==(e=H.editingJobService)?void 0:e.slug}}).then(()=>E.onNext({extraQuery:{editingJob:L}}))})()},children:[(0,l.jsx)("p",{style:{fontSize:"14px",fontWeight:400,lineHeight:"19.6px",textAlign:"center",marginBottom:0},children:"Enter your resizing specifications"}),(null==H||null==(w=H.details)?void 0:w.croppingRatio)==="original"&&(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{style:{paddingLeft:16,paddingRight:16},children:[(0,l.jsx)(p.q,{groupName:"rdo",id:"width",value:"width",onChange:()=>{P("width")},checked:"width"===$,label:"Set width"}),(0,l.jsx)("div",{style:{paddingLeft:32},children:(0,l.jsx)(h.g,{disabled:"width"!==$,name:"width",suffix:"Px",type:"number",value:"
10"!==W&&null!=W?W:"",onChange:e=>{let{target:{value:n}}=e;D(()=>""===n?null:n),z(null),B(null)}})})]}),(0,l.jsxs)("div",{style:{paddingLeft:16,paddingRight:16},children:[(0,l.jsx)(p.q,{groupName:"rdo",id:"height",value:"height",onChange:()=>{P("height")},checked:"height"===$,label:"Set Height"}),(0,l.jsx)("div",{style:{paddingLeft:32},children:(0,l.jsx)(h.g,{disabled:"height"!==$,name:"height",suffix:"Px",value:"0"!==q&&null!=q?q:"",type:"number",onChange:e=>{let{target:{value:n}}=e;z(()=>""===n?null:n),D(null),B(null)}})})]}),(0,l.jsxs)("div",{style:{paddingLeft:16,paddingRight:16},children:[(0,l.jsx)(p.q,{groupName:"rdo",id:"edge",value:"edge",onChange:()=>{P("edge")},checked:"edge"===$,label:"Set longest edge"}),(0,l.jsx)("div",{style:{paddingLeft:32},children:(0,l.jsx)(h.g,{disabled:"edge"!==$,name:"edge",value:"0"!==T&&null!=T?T:"",onChange:e=>{let{target:{value:n}}=e;B(()=>""===n?null:n),D(null),z(null)},type:"number",suffix:"Px"})})]})]}),(null==H||null==(S=H.details)?void 0:S.croppingRatio)==="custom"&&(0,l.jsx)("div",{children:(0,l.jsxs)("div",{style:{paddingLeft:16,paddingRight:16,paddingTop:16,display:"grid",gridTemplateColumns:"1fr 1fr",gap:16},children:[(0,l.jsx)("div",{children:(0,l.jsx)(h.g,{label:"Width",labelLarge:!0,name:"width",suffix:"Px",type:"number",value:"
10"!==W&&null!=W?W:"",onChange:e=>{let{target:{value:n}}=e;D(()=>""===n?null:n)}})}),(0,l.jsx)("div",{children:(0,l.jsx)(h.g,{label:"Height",labelLarge:!0,name:"height",suffix:"Px",value:"0"!==q&&null!=q?q:"",type:"number",onChange:e=>{let{target:{value:n}}=e;z(()=>""===n?null:n)}})})]})}),(null==H||null==(I=H.details)?void 0:I.croppingRatio)!=="original"&&(null==H||null==(C=H.details)?void 0:C.croppingRatio)!=="custom"&&(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{style:{paddingLeft:16,paddingRight:16},children:[(0,l.jsx)(p.q,{groupName:"rdo",id:"width",value:"width",onChange:()=>{P("width")},checked:"width"===$,label:"Set width"}),(0,l.jsx)("div",{style:{paddingLeft:32},children:(0,l.jsx)(h.g,{disabled:"width"!==$,name:"width",suffix:"Px",type:"number",value:"0"!==W&&null!=W?W:"",onChange:e=>{let{target:{value:n}}=e;D(()=>""===n?null:n),z(null)}})})]}),(0,l.jsxs)("div",{style:{paddingLeft:16,paddingRight:16},children:[(0,l.jsx)(p.q,{groupName:"rdo",id:"height",value:"height",onChange:()=>{P("height")},checked:"height"===$,label:"Set Height"}),(0,l.jsx)("div",{style:{paddingLeft:32},children:(0,l.jsx)(h.g,{disabled:"height"!==$,name:"height",suffix:"Px",value:"0"!==q&&null!=q?q:"",type:"number",onChange:e=>{let{target:{value:n}}=e;z(()=>""===n?null:n),D(null)}})})]})]}),(0,l.jsx)("div",{style:{display:"flex",flex:1,height:1,borderTop:r.Bx}}),(0,l.jsx)("div",{style:{padding:16},children:(0,l.jsx)(r.$J,{size:"lg",type:"submit",disabled:G||M.loading,children:"Continue"})})]})]})]})},S=e=>{var n,i,t,o,p,h,v,f;let{editingJob:j,context:w,onDismiss:S}=e,I=(0,a.p1)({step:b.oM.cropping_ratio}),C=(0,s.IT)((0,s.J1)(m()),{variables:{jobId:null==j?void 0:j.id},skip:(null==j?void 0:j.id)==null,fetchPolicy:"network-only"}),J=null==C||null==(t=C.data)||null==(i=t.editingJob)||null==(n=i.thirdPartyServices)?void 0:n.edges;(null==J||(null==J?void 0:J.length)===0)&&(J=null==(f=C.data)||null==(v=f.editingJob)||null==(h=v.servicesSummary)?void 0:h.edges);let _=null==J?void 0:J.find(e=>{var n,i;return(null==e||null==(n=e.editingJobService)?void 0:n.slug)===b.XZ.ImageEnhancement||(null==e||null==(i=e.editingJobService)?void 0:i.slug)===b.XZ.ImageEnhancementAuto}),k=null==_||null==(o=_.editingJobService)?void 0:o.tier,[L,R]=(0,s.n_)((0,s.J1)(y())),A=e=>{var n;L({variables:{editingJobId:null==j?void 0:j.id,croppingRatio:e,slug:null==_||null==(n=_.editingJobService)?void 0:n.slug}}).then(()=>I.onNext({extraQuery:{editingJob:j}}))};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.z2,{progress:I.progress,prev:I.onPrev,onDismiss:()=>S({step:b.oM.cropping_ratio,editingJob:j})}),(0,l.jsx)("div",{style:{height:32}}),C.loading&&null==C.data||(null==j?void 0:j.id)==null?(0,l.jsx)(u.c,{}):(null==(p=C.data)?void 0:p.editingJob.servicesSummary.edges)&&null==_||(null==j?void 0:j.usesPreset)===!0?(0,l.jsx)(x.e,{editingJob:j,progressData:I}):(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{style:{textAlign:"center",marginBottom:16},children:(0,l.jsx)("img",{src:"auto"===k?g.vt:g.Y$,alt:"icon"})}),(0,l.jsx)(r.vt,{title:"Image enhancement, color correction, cropping and resizing",marginBottom:16}),(0,l.jsx)("p",{style:{fontSize:"14px",fontWeight:400,lineHeight:"19.6px",textAlign:"center",marginBottom:0},children:"Choose the aspect ratio"}),(0,l.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",padding:16,gap:16},children:[(0,l.jsx)(c.q,{height:94,onClick:()=>A("original"),disabled:R.loading,label:"Original ratio",secondaryLabel:"",iconAlt:"Original ratio",icon:g.Tw}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("custom"),disabled:R.loading,label:"Custom ratio",secondaryLabel:"",iconAlt:"Custom ratio",icon:g.vW}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("3:2"),disabled:R.loading,label:"3:2",secondaryLabel:"",iconAlt:"3:2",icon:g.Ki}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("2:3"),disabled:R.loading,label:"2:3",secondaryLabel:"",iconAlt:"2:3",icon:g.i}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("4:3"),disabled:R.loading,label:"4:3",secondaryLabel:"",iconAlt:"4:3",icon:g.AB}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("3:4"),disabled:R.loading,label:"3:4",secondaryLabel:"",iconAlt:"3:4",icon:g.am}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("7:5"),disabled:R.loading,label:"7:5",secondaryLabel:"",iconAlt:"7:5",icon:g.YB}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("5:7"),disabled:R.loading,label:"5:7",secondaryLabel:"",iconAlt:"5:7",icon:g.Vz}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("16:9"),disabled:R.loading,label:"16:9",secondaryLabel:"",iconAlt:"16:9",icon:g.TP}),(0,l.jsx)(c.q,{height:94,onClick:()=>A("1:1"),disabled:R.loading,label:"1:1",secondaryLabel:"",iconAlt:"1:1",icon:g.Cv})]})]})]})}},12236:(e,n,i)=>{i.d(n,{b:()=>s,q:()=>d});var t=i(50979),l=i(25963),o=i(51660);let d=e=>{let{icon:n,iconAlt:i,label:d,disabled:s,secondaryLabel:r,subLabel:a,onClick:g,height:c=95,width:u="100%",iconSize:p=40,flexDirection:h="row",labelFontSize:b=18,marginTop:x,paddingRight:v=24,paddingLeft:f=24,spaceBetween:m=0,textAlign:y="start",fontWeight:j="bold",spacerWidth:w=21,labelColor:S}=e;return(0,t.jsx)(o.y,{height:c,disabled:s,onClick:g,width:u,marginTop:x,children:(0,t.jsxs)("div",{style:{display:"flex",width:"100%",flexDirection:h,gap:"row"===h?w:void 0,alignItems:"center",flexWrap:"nowrap",paddingRight:v,paddingLeft:f},children:[n&&("string"==typeof n?(0,t.jsx)("img",{style:{width:p,alignSelf:"center",opacity:s?.4:1,marginBottom:m},src:n,alt:i}):(0,t.jsx)("div",{style:{width:p,height:p,alignSelf:"center",opacity:s?.4:1,marginBottom:m,display:"flex",alignItems:"center",justifyContent:"center"},children:l.createElement(n,{size:"fill"})})),(0,t.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",textAlign:y},children:[(0,t.jsx)("div",{"data-test":"button-icon-label",style:{fontSize:b,fontWeight:j,paddingBottom:r&&null!=a?5:0,color:null!=S?S:void 0},children:d}),null!=a&&(0,t.jsx)("div",{style:{fontSize:14,fontWeight:"normal",color:"#71767E",paddingBottom:16},children:a}),r&&(0,t.jsx)(t.Fragment,{children:"string"==typeof r?(0,t.jsx)("div",{style:{fontSize:14,fontWeight:"normal",color:"#71767E"},children:r}):r})]})]})})},s=e=>{let{icon:n,iconAlt:i,label:d,disabled:s,onClick:r,height:a=95,width:g="100%",iconSize:c=40,description:u}=e;return(0,t.jsx)(o.y,{width:g,height:a,marginTop:0,disabled:s,onClick:r,children:(0,t.jsxs)("div",{style:{display:"flex",flexDirection:"row",alignItems:"start",flexWrap:"nowrap",paddingRight:24},children:["string"==typeof n?(0,t.jsx)("img",{style:{width:c,marginLeft:24,marginRight:24},src:n,alt:i}):(0,t.jsx)("div",{style:{width:c,height:c,marginLeft:24,marginRight:24,display:"flex",alignItems:"center",justifyContent:"center"},children:l.createElement(n,{size:"fill"})}),(0,t.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,t.jsx)("div",{style:{fontSize:18,fontWeight:"bold",paddingBottom:5*!!u},children:d}),u&&(0,t.jsx)("div",{style:{fontSize:14,fontWeight:"normal",color:"#71767E"},children:u})]})]})})}},48629:(e,n,i)=>{i.d(n,{e:()=>d});var t=i(50979);i(25963);var l=i(50844),o=i(61062);function d(e){let{editingJob:n,progressData:i}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.A,{didMount:()=>i.onNext({extraQuery:{editingJob:n},skipMe:!0})}),(0,t.jsx)(o.c,{})]})}},51660:(e,n,i)=>{i.d(n,{W:()=>r,y:()=>s});var t=i(50979),l=i(46479),o=i.n(l);i(25963);var d=i(54962);let s=e=>{let{disabled:n=!1,onClick:i,children:l,height:s=104,isSelected:r=!1,width:a="100%",justifyContent:g="space-between",marginTop:c=16,marginBottom:u=0}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{style:{display:"flex",flex:1,position:"relative"},className:o().dynamic([["a0116a54c827ccdf",[r?d.Ux.GRAY_4:"#141b24"]]]),children:(0,t.jsx)("button",{onClick:i,disabled:n,"data-test":"button-transparent-base",style:{color:r?d.Ux.GRAY_4:"#454F5C",opacity:n?.8:void 0,width:a,height:s,borderRadius:2,fontSize:14,fontWeight:"bold",padding:0,margin:0,display:"flex",textAlign:"left",justifyContent:g,alignItems:"center",marginTop:c,marginBottom:u,position:"relative"},className:o().dynamic([["a0116a54c827ccdf",[r?d.Ux.GRAY_4:"#141b24"]]])+" "+"rainbow-button ".concat(r?"button-selected":""),children:l})}),(0,t.jsx)(o(),{id:"a0116a54c827ccdf",dynamic:[r?d.Ux.GRAY_4:"#141b24"],children:"button.__jsx-style-dynamic-selector{background-color:transparent;border:1px solid#e8edf5;border-radius:2px;transition:color.15s ease-in-out,background-color.15s ease-in-out,border-color.15s ease-in-out,box-shadow.15s ease-in-out}button.__jsx-style-dynamic-selector:disabled{cursor:not-allowed}button.__jsx-style-dynamic-selector:disabled img.__jsx-style-dynamic-selector{opacity:.4}.rainbow-button.__jsx-style-dynamic-selector{position:relative}.rainbow-button.__jsx-style-dynamic-selector:not([disabled]):hover,.rainbow-button.__jsx-style-dynamic-selector:not([disabled]):active,.rainbow-button.__jsx-style-dynamic-selector:not([disabled]):focus,.rainbow-button.__jsx-style-dynamic-selector:not([disabled]).active{border:1px solid ".concat(r?d.Ux.GRAY_4:"#141b24","!important}")})]})},r=e=>{let{disabled:n=!1,onClick:i,children:l,isSelected:d=!1,justifyContent:s="space-between"}=e;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("button",{onClick:i,disabled:n,style:{color:"#454F5C",opacity:n?.8:void 0,borderRadius:2,fontSize:14,fontWeight:"bold",padding:0,margin:0,display:"flex",textAlign:"left",justifyContent:s,alignItems:"center",position:"relative",width:"100%"},className:"jsx-803f97e1898e2464 "+"rainbow-button ".concat(d?"button-selected":""),children:l}),(0,t.jsx)(o(),{id:"803f97e1898e2464",children:"button.jsx-803f97e1898e2464{background-color:transparent;border:1px solid#e8edf5;border-radius:2px;transition:color.15s ease-in-out,background-color.15s ease-in-out,border-color.15s ease-in-out,box-shadow.15s ease-in-out}button.jsx-803f97e1898e2464:disabled{cursor:not-allowed}button.jsx-803f97e1898e2464:disabled img.jsx-803f97e1898e2464{opacity:.4}.rainbow-button.jsx-803f97e1898e2464{position:relative}.rainbow-button.jsx-803f97e1898e2464:not([disabled]):hover,.rainbow-button.jsx-803f97e1898e2464:not([disabled]):active,.rainbow-button.jsx-803f97e1898e2464:not([disabled]):focus,.rainbow-button.jsx-803f97e1898e2464:not([disabled]).active{border:1px solid#141b24!important}"})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.