https://carsandcrypto.io/_next/static/chunks/app/misc/page-4d6ce0c4012b9d97.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1754],{34101:function(e,s,a){Promise.resolve().then(a.bind(a,14373))},14373:function(e,s,a){"use strict";a.d(s,{MiscPaymentCheckout:function(){return b}});var r=a(57437),t=a(48059),i=a.n(t),n=a(2265);let c="other",o=[{value:"oil-change",label:"Oil change"},{value:"tire-service",label:"Tire service"},{value:"brake-service",label:"Brake service"},{value:"battery-service",label:"Battery service"},{value:c,label:"Other"}];function l(e){if(!e)return null;let s=e.trim().replace(/\s+/g," ");return s.length>0?s:null}var d=a(24070),x=a(9339),p=a(40391),m=a(1933);let u=["Certified Motorsports","PG Luxury Services","Cars and Crypto"];function b(){let[e,s]=(0,n.useState)(!1),[a,t]=(0,n.useState)("form"),[b,g]=(0,n.useState)("Certified Motorsports"),[h,f]=(0,n.useState)(!1),[j,w]=(0,n.useState)("oil-change"),[k,v]=(0,n.useState)(""),[y,N]=(0,n.useState)(""),[z,S]=(0,n.useState)(""),[C,E]=(0,n.useState)(null),[M,_]=(0,n.useState)(null),[U,R]=(0,n.useState)(""),[D,I]=(0,n.useState)(!1),[O,T]=(0,n.useState)(null),W=j===c;function L(){C&&E(null),M&&_(null),O&&T(null),U&&R(""),"checkout"===a&&t("form")}async function P(e){var s,a;if(e.preventDefault(),R(""),T(null),!o.some(e=>e.value===j)){R("Choose a valid service type.");return}let r=j===c?l(k):null!==(a=null===(s=o.find(e=>e.value===j))||void 0===s?void 0:s.label)&&void 0!==a?a:null;if(!r){R("Enter the service name when selecting Other.");return}let i=l(y);if(!i){R("Enter the make and model.");return}let n=function(e){let s="number"==typeof e?e:Number.parseFloat(String(e).trim());if(!Number.isFinite(s)||s<=0)return null;let a=Math.round(100*s)/100;return a<=0||a>1e5?null:a}(z);if(null==n){R("Enter a valid service price in USD.");return}I(!0);try{await (0,d.Id)({submission_kind:"misc_payment_request",serviceType:j,serviceLabel:r,makeModel:i,amountUsd:n,email_permission_granted:h,source:"web"});let e=await (0,p.US)({serviceType:j,otherService:W?k:null,makeModel:i,amountUsd:n,source:"web"});if("error"in e)throw Error(e.error);E(e),_({serviceLabel:r,makeModelLabel:i,amountUsd:n}),t("checkout")}catch(e){E(null),_(null),R(e instanceof Error?e.message:"Unable to prepare checkout.")}finally{I(!1)}}return(0,n.useEffect)(()=>{if(!e)return;let s=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=s}},[e]),(0,n.useEffect)(()=>{if(!e)return;let a=e=>{"Escape"===e.key&&s(!1)};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[e]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 launchWrap",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>{R(""),s(!0),t(C?"checkout":"form")},className:"jsx-6ce9ec503d59104 launch",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 label",children:"Start service payment"}),(0,r.jsx)("span",{"aria-hidden":!0,className:"jsx-6ce9ec503d59104 arrow",children:"→"})]}),(0,r.jsx)("p",{className:"jsx-6ce9ec503d59104 note",children:"Use this for everyday shop items like oil changes, brakes, tires, batteries, or another basic vehicle service."})]}),e&&(0,r.jsxs)("div",{role:"dialog","aria-modal":"true","aria-label":"Service payment checkout",className:"jsx-6ce9ec503d59104 overlay",children:[(0,r.jsx)("div",{onClick:()=>s(!1),className:"jsx-6ce9ec503d59104 backdrop"}),(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 panel",children:[(0,r.jsx)("button",{type:"button","aria-label":"Close payment modal",onClick:()=>s(!1),className:"jsx-6ce9ec503d59104 close",children:"✕"}),"form"===a&&(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 step",children:[(0,r.jsx)("div",{className:"jsx-6ce9ec503d59104 stepEyebrow mono",children:"Step 1 of 2"}),(0,r.jsx)("h2",{className:"jsx-6ce9ec503d59104 title",children:"Tell us what service you are paying for."}),(0,r.jsx)("p",{className:"jsx-6ce9ec503d59104 lede",children:"Keep it simple for now: choose the service type, enter the make and model, and enter the quoted USD price."}),(0,r.jsxs)("form",{onSubmit:P,className:"jsx-6ce9ec503d59104 form",children:[(0,r.jsxs)("label",{className:"jsx-6ce9ec503d59104 field",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 lbl mono",children:"Dealership"}),(0,r.jsx)("select",{value:b,onChange:e=>g(e.target.value),className:"jsx-6ce9ec503d59104 input",children:u.map(e=>(0,r.jsx)("option",{value:e,className:"jsx-6ce9ec503d59104",children:e},e))})]}),(0,r.jsxs)("label",{className:"jsx-6ce9ec503d59104 field",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 lbl mono",children:"Service type"}),(0,r.jsx)("select",{value:j,onChange:e=>{L(),w(e.target.value)},className:"jsx-6ce9ec503d59104 input",children:o.map(e=>(0,r.jsx)("option",{value:e.value,className:"jsx-6ce9ec503d59104",children:e.label},e.value))})]}),W&&(0,r.jsxs)("label",{className:"jsx-6ce9ec503d59104 field",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 lbl mono",children:"Other service"}),(0,r.jsx)("input",{value:k,onChange:e=>{L(),v(e.target.value)},placeholder:"Alignment, inspection, detailing, etc.",className:"jsx-6ce9ec503d59104 input"})]}),(0,r.jsxs)("label",{className:"jsx-6ce9ec503d59104 field",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 lbl mono",children:"Make and model"}),(0,r.jsx)("input",{value:y,onChange:e=>{L(),N(e.target.value)},placeholder:"2022 BMW X7 M50i",className:"jsx-6ce9ec503d59104 input"})]}),(0,r.jsxs)("label",{className:"jsx-6ce9ec503d59104 field",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 lbl mono",children:"Service price (USD)"}),(0,r.jsx)("input",{inputMode:"decimal",value:z,onChange:e=>{L(),S(e.target.value)},placeholder:"129.99",className:"jsx-6ce9ec503d59104 input"})]}),(0,r.jsxs)("label",{className:"jsx-6ce9ec503d59104 consent",children:[(0,r.jsx)("input",{type:"checkbox",checked:h,onChange:e=>f(e.target.checked),className:"jsx-6ce9ec503d59104"}),(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104",children:"I give permission to receive follow-up emails from Cars & Crypto."})]}),(0,r.jsx)("button",{type:"submit",disabled:D,className:"jsx-6ce9ec503d59104 submit",children:D?"Preparing checkout…":"Continue to checkout"}),U&&(0,r.jsx)("p",{className:"jsx-6ce9ec503d59104 error",children:U})]})]}),"checkout"===a&&M&&C&&(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 step",children:[(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 checkoutHead",children:[(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104",children:[(0,r.jsx)("div",{className:"jsx-6ce9ec503d59104 stepEyebrow mono",children:"Step 2 of 2"}),(0,r.jsx)("h2",{className:"jsx-6ce9ec503d59104 title",children:"Review and complete the payment."})]}),(0,r.jsx)("button",{type:"button",onClick:()=>t("form"),className:"jsx-6ce9ec503d59104 edit",children:"Edit details"})]}),(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 summary",children:[(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 summaryRow",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 lbl mono",children:"Service"}),(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104",children:M.serviceLabel})]}),(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 summaryRow",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 lbl mono",children:"Make / model"}),(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104",children:M.makeModelLabel})]}),(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 summaryRow",children:[(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 lbl mono",children:"Amount"}),(0,r.jsx)("strong",{className:"jsx-6ce9ec503d59104",children:(0,x.gC)(M.amountUsd)})]})]}),(0,r.jsx)("div",{className:"jsx-6ce9ec503d59104 widgetWrap",children:(0,r.jsx)(m.D,{config:C,onIntentSuccess:e=>{T(e),(0,p.tV)({listingId:C.lineItem.listingId,listingType:"misc",intentId:e,source:"web"})}})}),O&&(0,r.jsxs)("div",{className:"jsx-6ce9ec503d59104 success",children:[(0,r.jsx)("div",{className:"jsx-6ce9ec503d59104 successTitle mono",children:"Payment intent submitted"}),(0,r.jsxs)("p",{className:"jsx-6ce9ec503d59104",children:["Trustware reported success for intent"," ",(0,r.jsx)("span",{className:"jsx-6ce9ec503d59104 mono",children:O}),"."]})]})]})]})]}),(0,r.jsx)(i(),{id:"6ce9ec503d59104",children:".launchWrap.jsx-6ce9ec503d59104{display:grid;gap:12px;justify-items:center;text-align:center;width:min(100%,560px)}.launch.jsx-6ce9ec503d59104{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:16px 26px;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;border:none;background:-webkit-linear-gradient(315deg,var(--glow)0%,var(--glow-2)100%);background:-moz-linear-gradient(315deg,var(--glow)0%,var(--glow-2)100%);background:-o-linear-gradient(315deg,var(--glow)0%,var(--glow-2)100%);background:linear-gradient(135deg,var(--glow)0%,var(--glow-2)100%);

1color:#1a1100;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer;-webkit-box-shadow:0 12px 32px rgba(240,191,61,.35);-moz-box-shadow:0 12px 32px rgba(240,191,61,.35);box-shadow:0 12px 32px rgba(240,191,61,.35);-webkit-transition:-webkit-transform.2s ease,box-shadow.2s ease,background.2s ease;-moz-transition:-moz-transform.2s ease,box-shadow.2s ease,background.2s ease;-o-transition:-o-transform.2s ease,box-shadow.2s ease,background.2s ease;transition:-webkit-transform.2s ease,box-shadow.2s ease,background.2s ease;transition:-moz-transform.2s ease,box-shadow.2s ease,background.2s ease;transition:-o-transform.2s ease,box-shadow.2s ease,background.2s ease;transition:transform.2s ease,box-shadow.2s ease,background.2s ease}.launch.jsx-6ce9ec503d59104:hover{-webkit-transform:translatey(-1px);-moz-transform:translatey(-1px);-ms-transform:translatey(-1px);-o-transform:translatey(-1px);transform:translatey(-1px);background:-webkit-linear-gradient(315deg,#ffd45c 0%,var(--glow)100%);background:-moz-linear-gradient(315deg,#ffd45c 0%,var(--glow)100%);background:-o-linear-gradient(315deg,#ffd45c 0%,var(--glow)100%);background:linear-gradient(135deg,#ffd45c 0%,var(--glow)100%);-webkit-box-shadow:0 16px 40px rgba(240,191,61,.5);-moz-box-shadow:0 16px 40px rgba(240,191,61,.5);box-shadow:0 16px 40px rgba(240,191,61,.5)}.arrow.jsx-6ce9ec503d59104{font-size:14px;-webkit-transition:-webkit-transform.2s ease;-moz-transition:-moz-transform.2s ease;-o-transition:-o-transform.2s ease;transition:-webkit-transform.2s ease;transition:-moz-transform.2s ease;transition:-o-transform.2s ease;transition:transform.2s ease}.launch.jsx-6ce9ec503d59104:hover .arrow.jsx-6ce9ec503d59104{-webkit-transform:translatex(4px);-moz-transform:translatex(4px);-ms-transform:translatex(4px);-o-transform:translatex(4px);transform:translatex(4px)}.note.jsx-6ce9ec503d59104{margin:0;color:var(--ink-dim);font-size:13px;line-height:1.5;max-width:46ch}.overlay.jsx-6ce9ec503d59104{position:fixed;inset:0;z-index:100;display:grid;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;padding:20px}.backdrop.jsx-6ce9ec503d59104{position:absolute;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel.jsx-6ce9ec503d59104{position:relative;width:min(520px,100%);max-height:-webkit-calc(100vh - 40px);max-height:-moz-calc(100vh - 40px);max-height:calc(100vh - 40px);overflow:auto;background:var(--bg-2);border:1px solid var(--edge-strong);-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;-webkit-box-shadow:0 40px 80px rgba(0,0,0,.6);-moz-box-shadow:0 40px 80px rgba(0,0,0,.6);box-shadow:0 40px 80px rgba(0,0,0,.6);padding:30px 24px 24px}.close.jsx-6ce9ec503d59104{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;background:rgba(255,255,255,.04);color:var(--ink);font-size:14px;cursor:pointer}.close.jsx-6ce9ec503d59104:hover{background:rgba(255,255,255,.1)}.step.jsx-6ce9ec503d59104{display:grid;gap:14px;justify-items:center;text-align:center}.stepEyebrow.jsx-6ce9ec503d59104{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}.title.jsx-6ce9ec503d59104{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.03em;font-weight:500}.lede.jsx-6ce9ec503d59104{margin:0 0 4px;color:var(--ink-dim);font-size:14px;line-height:1.55;max-width:44ch}.form.jsx-6ce9ec503d59104{display:grid;gap:12px;width:min(100%,420px);text-align:left}.field.jsx-6ce9ec503d59104{display:grid;gap:6px}.lbl.jsx-6ce9ec503d59104{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.input.jsx-6ce9ec503d59104{width:100%;border:1px solid var(--edge-strong);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:var(--bg-2);color:var(--ink);padding:11px 12px;font:inherit;font-size:14px}.input.jsx-6ce9ec503d59104:focus{outline:none;border-color:var(--glow)}.submit.jsx-6ce9ec503d59104{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;

1-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;min-height:52px;width:100%;border:0;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;background:-webkit-linear-gradient(315deg,var(--glow)0%,var(--glow-2)100%);background:-moz-linear-gradient(315deg,var(--glow)0%,var(--glow-2)100%);background:-o-linear-gradient(315deg,var(--glow)0%,var(--glow-2)100%);background:linear-gradient(135deg,var(--glow)0%,var(--glow-2)100%);color:#1a1100;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer}.submit.jsx-6ce9ec503d59104:disabled{opacity:.72;cursor:wait}.error.jsx-6ce9ec503d59104{margin:0;color:#ff9b9b;font-size:13px;line-height:1.45}.consent.jsx-6ce9ec503d59104{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;color:var(--ink-dim);font-size:13px;line-height:1.45;text-align:left}.consent.jsx-6ce9ec503d59104 input.jsx-6ce9ec503d59104{margin:2px 0 0;accent-color:var(--glow);-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.checkoutHead.jsx-6ce9ec503d59104{display:grid;gap:10px;justify-items:center;width:100%}.edit.jsx-6ce9ec503d59104{border:0;background:transparent;color:var(--glow);cursor:pointer;font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:0}.summary.jsx-6ce9ec503d59104,.success.jsx-6ce9ec503d59104{border:1px solid rgba(240,191,61,.14);-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background:rgba(255,255,255,.03);padding:16px;width:min(100%,420px)}.summary.jsx-6ce9ec503d59104{display:grid;gap:10px}.summaryRow.jsx-6ce9ec503d59104{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:14px;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.summaryRow.jsx-6ce9ec503d59104:first-child{border-top:0;padding-top:0}.summaryRow.jsx-6ce9ec503d59104 strong.jsx-6ce9ec503d59104{font-size:18px;color:var(--glow)}.widgetWrap.jsx-6ce9ec503d59104{width:min(100%,420px);margin:0 auto}.successTitle.jsx-6ce9ec503d59104{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--glow)}.success.jsx-6ce9ec503d59104 p.jsx-6ce9ec503d59104{margin:8px 0 0;color:var(--ink-dim);font-size:14px;line-height:1.55}@media(max-width:600px){.launch.jsx-6ce9ec503d59104{width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px 20px}.launchWrap.jsx-6ce9ec503d59104{width:100%}.panel.jsx-6ce9ec503d59104{padding:24px 18px 18px}}"})]})}}},function(e){e.O(0,[9762,8059,7030,7747,2971,7023,1744],function(){return e(e.s=34101)}),_N_E=e.O()}]);