https://app.snappr.com/_next/static/chunks/789.eca6b66947bb2b4d.js

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]="0740cd40-9019-4fb4-932a-22cc406e72e7",e._sentryDebugIdIdentifier="sentry-dbid-0740cd40-9019-4fb4-932a-22cc406e72e7")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[789],{789:(e,n,t)=>{t.r(n),t.d(n,{LongDistanceBudgetRoute:()=>_});var a=t(86739),i=t(50979),o=t(25963),s=t(32071),r=t(50844),l=t(31606),d=t(67966),c=t(17264),u=t(78762),g=t(56473),h=t(13744),m=t(21663),b=t(90490),f=t(50039),x=t(76469);function D(){let e=(0,a._)(["\n  query GetLongDistanceCoverageEstimateForConsumerBooking($bookingId: ID!) {\n    booking: bookingById(id: $bookingId) {\n      id\n      address\n    }\n    getLongDistanceCoverageEstimateSelfService(bookingId: $bookingId) {\n      lat\n      lng\n      maxRadiusMeters\n      centsPerKm\n      currency\n      distanceUnit\n      candidates {\n        distanceMeters\n        feeCents\n        lat\n        lng\n      }\n    }\n  }\n"]);return D=function(){return e},e}function p(){let e=(0,a._)(["\n  mutation BookingLongDistanceRequestSelfServiceCreateFromRadiusPicker(\n    $bookingId: ID!\n    $extraDistance: Int!\n  ) {\n    bookingLongDistanceRequestSelfServiceCreate(\n      input: { bookingId: $bookingId, extraDistanceMeters: $extraDistance }\n    ) {\n      success\n    }\n  }\n"]);return p=function(){return e},e}let R=(0,l.J1)(D()),k=(0,l.J1)(p());function _(e){var n,t,a;let{t:D}=(0,f.Bd)([x.I4.bookingFlow,x.I4.common]),[p,_]=o.useState(!1),I=null!=s.parse(e.location.search).extraDistance,v=e.match.params.bookingId,y=(0,l.IT)(R,{variables:{bookingId:null!=v?v:""},skip:null==v||!0!==I}),L=null==(n=y.data)?void 0:n.getLongDistanceCoverageEstimateSelfService,w=null==(a=y.data)||null==(t=a.booking)?void 0:t.address,{radiusMeters:C,setRadiusMeters:j,inRange:F,searchRadiusMeters:N}=(0,m.Hg)({estimate:L}),[M,S]=(0,l.n_)(k),P=async()=>{null!=v&&null!=L&&null!=C&&null!=N&&((0,b.J)(e=>{let{track:n}=e;return n("Long distance search radius set",{bookingId:v,radiusMeters:C,searchRadiusMeters:N,maxRadiusMeters:L.maxRadiusMeters,photographersInRange:F.length,photographersInMaxRadius:L.candidates.length,flow:"consumerBooking"})}),await M({variables:{bookingId:v,extraDistance:N}}),e.onNext({}))};if(!0!==I)return(0,i.jsx)(r.A,{didMount:()=>e.onNext({skipMe:!0})});let $=(e,n)=>D(e,{ns:x.I4.bookingFlow,...n});return(0,i.jsx)(h.qb,{children:e=>{let{maps:n}=e;return null!=y.error?(0,i.jsxs)("div",{className:"container d-flex flex-column flex-1",children:[(0,i.jsx)(d.d,{extraClassName:"mb-0",children:$("LongDistanceRadius_howFar")}),(0,i.jsx)("div",{"data-test":"long-distance-estimate-error",className:"text-center",style:{color:"#454F5C"},children:$("LongDistanceRadius_estimateFailed")})]}):!0===y.loading||null==L||null==C||null==n?(0,i.jsx)(g.c,{}):(0,i.jsxs)("div",{className:"container d-flex flex-column flex-1",children:[(0,i.jsx)(d.d,{extraClassName:"mb-0",children:$("LongDistanceRadius_howFar")}),(0,i.jsxs)("div",{className:"mb-3",style:{color:"#454F5C",fontSize:14},children:[null==w||""===w?$("LongDistanceRadius_widenTheRadius"):(0,i.jsxs)(f.x6,{i18nKey:"LongDistanceRadius_widenTheRadiusAt",ns:x.I4.bookingFlow,values:{address:w},children:["There are no photographers near ",(0,i.jsx)("strong",{children:w})," ","yet. Widen the radius to see who could travel to you and their estimated travel fee. We will contact photographers in order of proximity, lowest travel fee first."]})," ",p?$("LongDistanceRadius_moreDetails"):(0,i.jsx)("button",{type:"button","data-test":"long-distance-learn-more",onClick:()=>_(!0),style:{background:"none",border:0,padding:0,font:"inherit",fontWeight:700,textDecoration:"underline",color:"inherit",cursor:"pointer"},children:$("LongDistanceRadius_learnMore")})]}),(0,i.jsx)(m.Sg,{mapsLib:n,estimate:L,currency:L.currency,value:C,onChange:e=>{let{radiusMeters:n}=e;return j(n)}

1,labels:{searchRadius:$("LongDistanceRadius_searchRadius"),estimatedFee:$("LongDistanceRadius_estimatedFee"),estimatedFeeRange:$("LongDistanceRadius_estimatedFeeRange"),noPhotographersInRange:$("LongDistanceRadius_noPhotographersInRange"),potentialPhotographerOne:$("LongDistanceRadius_potentialPhotographers_one"),potentialPhotographersMany:$("LongDistanceRadius_potentialPhotographers_other"),holdNotice:$("LongDistanceRadius_holdNotice"),mile:$("LongDistanceRadius_mile"),miles:$("LongDistanceRadius_miles"),km:$("LongDistanceRadius_km")}}),(0,i.jsx)(c.v,{children:(0,i.jsx)(u.D,{disabled:0===F.length||!0===S.loading,onClick:()=>P(),children:!0===S.loading?D("saving",{ns:x.I4.common}):D("continue",{ns:x.I4.common})})})]})}})}}}]);