https://www.fashionpersonnel.co.uk/_next/static/chunks/pages/job/w…/upgrades/[...params]-8621ada086a5ff66.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="8d964be1-2f26-4f1d-80bb-ad63157ba195",e._sentryDebugIdIdentifier="sentry-dbid-8d964be1-2f26-4f1d-80bb-ad63157ba195")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1735,5176,9153],{14260:(e,r,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/job/wizard/upgrades/[...params]",function(){return n(57957)}])},21179:(e,r,n)=>{"use strict";n.d(r,{R:()=>s});var a=n(37876);n(14232);var i=n(54802),t=n.n(i),d=n(71326);function s({content:e,children:r=null}){return(0,a.jsxs)("div",{className:t().formDescription,children:[e&&(0,a.jsx)(d.B,{format:"full_html",content:e}),r]})}},26326:(e,r,n)=>{"use strict";n.d(r,{f:()=>t});var a=n(78805),i=n(69139);let t=({gssp:e,redirectTo:r="/403",addDestinationParameterFromUrl:n=!0})=>async t=>{let d=await (0,a.wz)(t),s=await (0,a.wR)(t),o=await (0,a.Gv)(d),l=await (0,a.qc)(d);if(!s){let e="/user/login";return n&&(e+="?destination="+encodeURIComponent(t.resolvedUrl)),{redirect:{destination:(0,i.OM)(t,e),permanent:!1},props:{}}}return o||l?e?await e(t):{props:{}}:{redirect:{destination:(0,i.OM)(t,r),permanent:!1},props:{}}}},28099:e=>{e.exports={formLabel:"formLabel_formLabel__Bf7rz",required:"formLabel_required__EtFG5",error:"formLabel_error__FVj8T"}},39741:(e,r,n)=>{"use strict";n.d(r,{w:()=>s});var a=n(37876),i=n(63750),t=n(62019),d=n.n(t);function s({children:e,icon:r,iconColor:n,iconWidth:t,iconHeight:o}){return(0,a.jsx)("div",{className:d().emptyElementWrapper,children:(0,a.jsxs)(i.A,{children:[(0,a.jsx)("div",{className:d().iconWrapper,style:{color:n,width:t,height:o},children:r}),e]})})}},43220:e=>{e.exports={formItem:"formItem_formItem__cwsfG"}},45062:(e,r,n)=>{"use strict";n.d(r,{A:()=>l,l:()=>o});var a=n(37876);n(14232);var i=n(17175),t=n(28099),d=n.n(t);let s=(0,i.F)([d().formLabel],{variants:{required:{true:d().required},error:{true:d().error}}}),o=({children:e,error:r,required:n,...i})=>(0,a.jsx)("label",{className:s({error:r,required:n}),...i,children:e}),l=o},54802:e=>{e.exports={formDescription:"formDescription_formDescription__tkpcZ"}},57738:(e,r,n)=>{"use strict";n.d(r,{A:()=>s,e:()=>d});var a=n(37876);n(14232);var i=n(43220),t=n.n(i);let d=({children:e})=>(0,a.jsx)("div",{className:t().formItem,children:e}),s=d},57957:(e,r,n)=>{"use strict";n.r(r),n.d(r,{__N_SSP:()=>eg,default:()=>eh});var a=n(37876),i=n(14232),t=n(31167),d=n(64177),s=n(78248),o=n(8733),l=n(62261),u=n.n(l),c=n(23384),m=n.n(c),p=n(90805),f=n.n(p),b=n(53248),g=n(90336),h=n(10582),j=n(89099),v=n.n(j),y=n(64853),k=n(60567),x=n(7317),_=n(22183),w=n(53451),N=n(90255),S=n(63424),C=n(98696),I=n(94500),E=n(80243),A=n(3098),O=n(56897),T=n(28398),q=n(11773),D=n(65656),P=n(50278),V=n(71326),z=n(44319),B=n(13880),U=n(58588),F=n(41548),$=n(77410),J=n(73168),M=n.n(J),L=n(63809),R=n(62478),W=n(89340),G=n(1529),K=n(47562),Q=n(48230),X=n.n(Q),Z=n(35581);function H({job:e,flow:r,loading:n,upgrades:t,jobBundles:d,Error:s,querystring:l,onSubmit:u,order:c}){let{user:m}=(0,i.useContext)(K.Rs),{JOBS:p}=(0,Z.WV)(),f=p.HIDE_JOB_CART,b=(0,G.A)(m),h=(0,_.e)(e.id),[j,v]=(0,i.useState)([]),[J,Q]=(0,i.useState)([]),[Y,ee]=(0,i.useState)([]),{LOADING_MESSAGE:er}=(0,R.w)();return(0,i.useEffect)(()=>{let e=[],r=d.find(e=>e.id==h);r&&r.relatedJobUpgrades?.forEach(r=>{let n=t.find(e=>e.id===r?.id);n&&!e.includes(n.id)&&e.push(n.id)}),e.length>0&&Q(e)},[d,t,h]),(0,i.useEffect)(()=>{l.subscriptions&&ee(l.subscriptions.split(",").map(e=>parseInt(e)))},[l]),(0,a.jsxs)(S.I,{size:"large",Steps:(0,a.jsx)(x.A,{flow:r}),children:[s&&(0,a.jsxs)(P.D,{children:[s,(0,a.jsx)(D.K,{size:"medium"})]}),(0,a.jsx)(L.o,{prefixLabel:!0}),(0,a.jsx)(z.E,{textTransform:"uppercase",fontWeight:600,fontSize:2,color:"gray8",children:(0,a.jsx)(o.A,{id:"job_wizard_upgrades_title",defaultMessage:"Job posting upgrades"})}),(0,a.jsx)(z.E,{color:"gray5",fontSize:2,marginTop:6,children:(0,a.jsx)(o.A,{id:"job_wizard_upgrades_instructions",defaultMessage:"Available upgrades:"})}),(0,a.jsxs)($.X,{sidebarPosition:"right",sidebar:(0,a.jsxs)(a.Fragment,{children:[f?null:(0,a.jsx)(y.o,{flow:r,job:e,order:c}),(0,a.jsx)(L.o,{}),(0,a.jsx)(W.A,{})]}),children:[n&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(E.$,{children:(0,a.jsx)(U.G,{color:"primary",height:"100",width:"100",title:er})})}),t.map(r=>{if(J.includes(r.id))return null;let n=r.productCanBePaidWithCredits,i=b.data.find(e=>e.type===n?.type&&e?.amount&&e.amount>0),t=new C.A(r.priceNumber,r.priceCurrency),d=r.jobUpgradeTypes?.map(e=>e?.label??"")??[],s=e.jobUpgrades.some(e=>d.includes(e)),l=e=>e.some(e=>e===r.id);return(0,a.jsx)(D.K,{margin:0,children:(0,a.jsx)("div",{className:"job-wizard-upgrade",children:(0,a.jsxs)(F.Q,{buttonId:r.machineName?r.machineName:r.id.toString(),icon:(0,w.m)(r.icon,r.iconCustom),selected:l(j)||l(J),onClick:()=>{l(j)?v(j.filter(e=>e!==r.id)):v([...j,r.id])},disabled:J.some(e=>r.id===e),title:r.name,children:[(0,a.jsxs)(T.x,{columns:[1,4],children:[r.description&&(0,a.jsx)(q.f,{gridColumn:"span 3",children:(0,a.jsx)(V.B,{format:"full_html",content:r.description})}),(0,a.jsxs)(q.f,{className:M().smallCell,justifyContent:"center",children:[(0,a.jsx)(z.E,{fontSize:5,fontWeight:"bold",color:"gray9",textAlign:"center",children:i?.amount&&i.amount>0&&n?.amount&&n?.amount<=i.amount?(0,a.jsx)(o.A,{id:"job_wizard_upgrades_job_credits_with_label",defaultMessage:"{amount} {name}

1",values:{amount:n?.amount,name:i.label??"job credit"}}):(0,a.jsx)("span",{children:t.getPriceRepresentation()})}),(0,a.jsx)(D.K,{})]})]}),s&&(0,a.jsx)(D.K,{marginTop:7,children:(0,a.jsxs)(A.q,{alignItems:"center",gap:4,children:[(0,a.jsx)(B.m,{color:"primary",title:""}),(0,a.jsx)(z.E,{margin:0,color:"gray9",children:(0,a.jsx)(o.A,{id:"job_upgrade_booked_info",defaultMessage:"This job may already include active functionalities that this upgrade includes. Please check already booked upgrades carefully."})})]})})]})})},r.id)}),(0,a.jsx)(D.K,{size:"large"}),(0,a.jsxs)(A.q,{alignItems:"center",justifyContent:"flex-end",children:[(0,a.jsx)(O.Z,{marginRight:5,children:(0,a.jsx)(N.A,{asChild:!0,href:{pathname:`/job/wizard/edit/${e.id}`,...!!l.bundle&&{query:{bundle:l.bundle}}},children:(0,a.jsx)(I.z,{linkElement:X(),raised:!1,buttonStyle:"default",children:(0,a.jsx)(o.A,{id:"job_upgrade_back",defaultMessage:"Back"})})})}),(0,a.jsx)(O.Z,{children:(0,a.jsx)(k.A,{flow:r,disabled:n||r===g.xr.Upgrades&&0===j.length,onSubmit:(e,r)=>{u(Array.from(new Set([...j,...h?[h]:[],...Y])),e,r)}})})]})]})]})}var Y=n(54827),ee=n(62545),er=n(80841),en=n(66874),ea=n(32521),ei=n(39741),et=n(88564),ed=n(17067),es=n.n(ed),eo=n(23216),el=n.n(eo),eu=n(5970);function ec({job:e,flow:r=g.xr.New,querystring:n,orderId:l}){let c=(0,i.useContext)(h.B),p=(0,i.useContext)(h.f),{stepsInfo:j}=(0,Y.$)(r),y=j.findIndex(e=>e.page===p.pathname),{loading:k,error:x,data:w}=(0,t.I)(u(),{variables:{language:c.locale,jobId:e.id}}),N=[],S=null,[C,{data:I,loading:E,error:A}]=(0,d.n)(f()),[O,{data:T,error:q}]=(0,d.n)(es(),{update(e,r){e.evict({fieldName:"getOrderById"})}});(q||A)&&(S=(0,a.jsx)(er.s,{alertStyle:"danger",type:"assertive",children:(0,a.jsx)(o.A,{id:"job_order_create_error",defaultMessage:"There was an error creating the order."})}));let D=[...I?.jobCheckoutOrder?.errors||[],...T?.jobCheckoutOrder?.errors||[]];if(D.length>0&&(S=(0,a.jsx)(b.k,{errors:D})),x&&w?.jobUpgrades?.errors?.length>0)return(0,a.jsx)(en.g,{children:(0,a.jsx)(ei.w,{icon:(0,a.jsx)(ea.X,{title:"error"}),children:(0,a.jsx)(et.a,{children:(0,a.jsx)(o.A,{id:"job_wizard_upgrades_error",defaultMessage:"There was an error getting upgrades"})})})});w?.jobUpgrades&&(N=Array.from(w.jobUpgrades)).sort(ee.C),(0,i.useEffect)(()=>{window.onpopstate=()=>{r===g.xr.New&&v().pathname===j[y].page&&v().replace({pathname:`/job/wizard/edit/${e.id}`,query:{...n.bundle&&{bundle:n.bundle}}})}},[r,v()]);let[P,{data:V,loading:z}]=(0,s._)(m(),{variables:{language:c.locale}}),B=V?.jobBundles??[];(0,i.useEffect)(()=>{P()},[c.locale]);let{data:U,error:F}=(0,t.I)(el(),{variables:{id:l,language:c.locale},fetchPolicy:"no-cache",skip:!l});(U&&!U.getOrderById||F)&&(S=(0,a.jsx)(er.s,{alertStyle:"danger",type:"assertive",children:(0,a.jsx)(o.A,{id:"job_wizard_upgrades_get_order_error",defaultMessage:"There was an error loading your order."})}));let $=(0,eu.y0)(B,n),J=(0,_.U)(!!$,c.locale);return!$&&J&&J?.relatedJobUpgrades&&J?.relatedJobUpgrades?.length>0&&(N=N.filter(e=>!J?.relatedJobUpgrades?.map(e=>e?.id).includes(e.id))),(0,a.jsx)(H,{job:e,flow:r,loading:E||z||k,Error:S,upgrades:N,jobBundles:B,querystring:n,order:U?.getOrderById,onSubmit:async(a,i,t)=>{let d=a.filter(e=>B.map(e=>e.id).includes(e)||N.map(e=>e.id).includes(e)),s=j[t+1].page;if(!l)return(0,eu.VT)(e.id,n,s,i,C,r,c.locale,d);{let e=d.map(e=>({count:1,id:e}))||[],r=U?.getOrderById?.items.filter(e=>"job_upgrade"!==e.product.type).map(e=>({count:e.quantity,id:e.product.id}))||[],n=await O({variables:{id:l,products:[...e,...r]}}).catch(()=>null);if(!n||n.data?.updateOrder?.errors?.length>0)return}v().push({pathname:s,query:{...p.querystring}})}})}var em=n(62656),ep=n(32422),ef=n(26326),eb=n(51666);(0,ef.f)({gssp:async e=>{let r,n,a;(Array.isArray(e.query.params)?e.query.params:[e.query.params]).forEach(e=>{Number(e)?r?n=e:r=e:a=e});let i=(0,em.Ay)({},e),{loading:t,error:d,data:s}=await i.query({query:(0,ep.Y)(),variables:{id:Number(r)},fetchPolicy:"network-only"});return{props:{job:s?.jobById?.job,error:d||!t&&!s?.jobById?.job,querystring:e.query,orderId:Number(n)??null,flow:a===g.xr.Republish?g.xr.Republish:a===g.xr.Upgrades?g.xr.Upgrades:g.xr.New}}}});var eg=!0;let eh=({user:e,job:r,flow:n,querystring:i,orderId:t})=>e?(0,a.jsx)(eb.V,{children:(0,a.jsx)(ec,{querystring:i,job:r,flow:n,orderId:t})}):null},62019:e=>{e.exports={emptyElementWrapper:"empty_emptyElementWrapper__TBUS5",iconWrapper:"empty_iconWrapper__av1Tx"}},73168:e=>{e.exports={smallCell:"upgrades_smallCell__tJ_xq"}},78248:(e,r,n)=>{"use strict";n.d(r,{_:()=>l});var a=n(33612),i=n(14232),t=n(18877),d=n(31167),s=n(67994),o=["refetch","reobserve","fetchMore","updateQuery","startPolling","subscribeToMore"];

1function l(e,r){var n=(0,d.k)((0,s.m)(r&&r.client),e),l=(0,i.useRef)(),u=l.current?(0,t.l)(r,l.current):r,c=n.useQuery((0,a.Cl)((0,a.Cl)({},u),{skip:!l.current})),m=c.observable.options.initialFetchPolicy||n.getDefaultFetchPolicy(),p=Object.assign(c,{called:!!l.current}),f=(0,i.useMemo)(function(){for(var e={},r=0;r<o.length;r++)!function(r){var a=p[r];e[r]=function(){return l.current||(l.current=Object.create(null),n.forceUpdate()),a.apply(this,arguments)}}(o[r]);return e},[]);return Object.assign(p,f),[(0,i.useCallback)(function(e){l.current=e?(0,a.Cl)((0,a.Cl)({},e),{fetchPolicy:e.fetchPolicy||m}):{fetchPolicy:m};var r=n.asyncUpdate().then(function(e){return Object.assign(e,f)});return r.catch(function(){}),r},[]),p]}},90805:(e,r,n)=>{var a={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"jobCheckoutOrder"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"id"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"language"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"acceptPublishedJob"}},type:{kind:"NamedType",name:{kind:"Name",value:"Boolean"}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"coupons"}},type:{kind:"ListType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"products"}},type:{kind:"ListType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"jobCheckoutOrder"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"id"}}},{kind:"Argument",name:{kind:"Name",value:"language"},value:{kind:"Variable",name:{kind:"Name",value:"language"}}},{kind:"Argument",name:{kind:"Name",value:"acceptPublishedJob"},value:{kind:"Variable",name:{kind:"Name",value:"acceptPublishedJob"}}},{kind:"Argument",name:{kind:"Name",value:"coupons"},value:{kind:"Variable",name:{kind:"Name",value:"coupons"}}},{kind:"Argument",name:{kind:"Name",value:"products"},value:{kind:"Variable",name:{kind:"Name",value:"products"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"errors"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"status"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"order"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"OrderFields"},directives:[]}]}}]}}]}}],loc:{start:0,end:429}};a.loc.source={body:'#import "~/jobiqo/components/Checkout/graphql/fragments/orderFragment.gql"\n\nmutation jobCheckoutOrder(\n  $id: Int!\n  $language: String\n  $acceptPublishedJob: Boolean\n  $coupons: [String]\n  $products: [Int]\n) {\n  jobCheckoutOrder(\n    id: $id\n    language: $language\n    acceptPublishedJob: $acceptPublishedJob\n    coupons: $coupons\n    products: $products\n  ) {\n    errors\n    status\n    order {\n      ...OrderFields\n    }\n  }\n}\n',name:"GraphQL request",locationOffset:{line:1,column:1}};var i={};a.definitions=a.definitions.concat(n(48882).definitions.filter(function(e){if("FragmentDefinition"!==e.kind)return!0;var r=e.name.value;return!i[r]&&(i[r]=!0,!0)}));var t={};function d(e,r){for(var n=0;n<e.definitions.length;n++){var a=e.definitions[n];if(a.name&&a.name.value==r)return a}}a.definitions.forEach(function(e){if(e.name){var r=new Set;!function e(r,n){if("FragmentSpread"===r.kind)n.add(r.name.value);else if("VariableDefinition"===r.kind){var a=r.type;"NamedType"===a.kind&&n.add(a.name.value)}r.selectionSet&&r.selectionSet.selections.forEach(function(r){e(r,n)}),r.variableDefinitions&&r.variableDefinitions.forEach(function(r){e(r,n)}),r.definitions&&r.definitions.forEach(function(r){e(r,n)})}(e,r),t[e.name.value]=r}}),e.exports=a,e.exports.jobCheckoutOrder=function(e,r){var n={kind:e.kind,definitions:[d(e,r)]};e.hasOwnProperty("loc")&&(n.loc=e.loc);var a=t[r]||new Set,i=new Set,s=new Set;

1for(a.forEach(function(e){s.add(e)});s.size>0;){var o=s;s=new Set,o.forEach(function(e){i.has(e)||(i.add(e),(t[e]||new Set).forEach(function(e){s.add(e)}))})}return i.forEach(function(r){var a=d(e,r);a&&n.definitions.push(a)}),n}(a,"jobCheckoutOrder")}},e=>{e.O(0,[8230,4133,7302,7579,8564,8618,2557,2243,2422,6820,3605,7551,8130,2582,636,6593,8792],()=>e(e.s=14260)),_N_E=e.O()}]);
2//# sourceMappingURL=[...params]-8621ada086a5ff66.js.map