https://www.builtabot.com/_next/static/chunks/3686-ea21a1c0aae48444.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3686],{83686:function(e,s,t){t.d(s,{Z1:function(){return i},cV:function(){return n}});var l=t(57437),a=t(2265),r=t(33044),o=t(93109);function n(e){let{isOpen:s,onClose:t,onConfirm:n,title:i,message:c,confirmText:d="Confirm",cancelText:u="Cancel",variant:m="info",isLoading:x=!1}=e,h={danger:{button:"bg-red-600 hover:bg-red-700 focus:ring-red-500",icon:(0,l.jsx)("div",{className:"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-red-100",children:(0,l.jsx)("svg",{className:"h-6 w-6 text-red-600",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"})})})},warning:{button:"bg-yellow-600 hover:bg-yellow-700 focus:ring-yellow-500",icon:(0,l.jsx)("div",{className:"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-yellow-100",children:(0,l.jsx)("svg",{className:"h-6 w-6 text-yellow-600",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"})})})},info:{button:"bg-blue-600 hover:bg-blue-700 focus:ring-blue-500",icon:(0,l.jsx)("div",{className:"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-blue-100",children:(0,l.jsx)("svg",{className:"h-6 w-6 text-blue-600",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"})})})}}[m];return(0,l.jsx)(r.u,{appear:!0,show:s,as:a.Fragment,children:(0,l.jsxs)(o.V,{as:"div",className:"relative z-50",onClose:t,children:[(0,l.jsx)(r.u.Child,{as:a.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,l.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-25"})}),(0,l.jsx)("div",{className:"fixed inset-0 overflow-y-auto",children:(0,l.jsx)("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:(0,l.jsx)(r.u.Child,{as:a.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,l.jsxs)(o.V.Panel,{className:"w-full max-w-md transform overflow-hidden rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all",children:[(0,l.jsxs)("div",{children:[h.icon,(0,l.jsxs)("div",{className:"mt-3 text-center sm:mt-5",children:[(0,l.jsx)(o.V.Title,{as:"h3",className:"text-lg font-medium leading-6 text-gray-900",children:i}),(0,l.jsx)("div",{className:"mt-2",children:(0,l.jsx)("p",{className:"text-sm text-gray-500",children:c})})]})]}),(0,l.jsxs)("div",{className:"mt-5 sm:mt-6 sm:grid sm:grid-flow-row-dense sm:grid-cols-2 sm:gap-3",children:[(0,l.jsx)("button",{type:"button",disabled:x,className:"inline-flex w-full justify-center rounded-md border border-transparent px-4 py-2 text-base font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 sm:col-start-2 sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed ".concat(h.button),onClick:n,children:x?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-4 w-4 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,l.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,l.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Processing..."]}):d}),(0,l.jsx)("button",{type:"button",disabled:x,className:"mt-3 inline-flex w-full justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-base font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 sm:col-start-1 sm:mt-0 sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed",onClick:t,children:u})]})]})})})})]})})}function i(e){let{isOpen:s,onClose:t,onSubmit:n,isLoading:i=!1}=e,[d,u]=(0,a.useState)(""),[m,x]=(0,a.useState)(""),[h,b]=(0,a.useState)(""),[g,f]=(0,a.useState)(""),p="yes"===h,v=()=>{u(""),x(""),b(""),f("")},y=()=>{v(),t()};return(0,l.jsx)(r.u,{appear:!0,show:s,as:a.Fragment,children:(0,l.jsxs)(o.V,{as:"div",className:"relative z-50",onClose:y,children:[(0,l.jsx)(r.u.Child,{as:a.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,l.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-25"})}),(0,l.jsx)("div",{className:"fixed inset-0 overflow-y-auto",children:(0,l.jsx)("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:(0,l.jsx)(r.u.Child,{as:a.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,l.jsxs)(o.V.Panel,{className:"w-full max-w-md transform overflow-hidden rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,l.jsx)(o.V.Title,{as:"h3",className:"text-lg font-medium leading-6 text-gray-900",children:"Help us improve"}),(0,l.jsxs)("button",{type:"button",className:"rounded-md bg-white text-gray-400 hover:text-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500",onClick:y,disabled:i,children:[(0,l.jsx)("span",{className:"sr-only",children:"Close"}),(0,l.jsx)(c,{})]})]}),(0,l.jsxs)("form",{onSubmit:e=>{e.preventDefault(),n({reason:d,comments:m,wouldReturnIfResolved:h||void 0,returnConditions:p?g:void 0})},children:[(0,l.jsxs)("div",{className:"mb-4",children:[(0,l.jsx)("p",{className:"text-sm text-gray-600 mb-4",children:"We're sorry to see you go. Could you help us understand why you're canceling your subscription?"}),(0,l.jsxs)("fieldset",{className:"space-y-2",children:[(0,l.jsx)("legend",{className:"text-sm font-medium text-gray-900 mb-3",children:"What's the main reason for canceling?"}),[{value:"too_expensive",label:"Too expensive"},{value:"not_using_enough",label:"Not using it enough"},{value:"missing_features",label:"Missing features I need"},{value:"poor_performance",label:"Poor performance or reliability"},{value:"difficult_to_use",label:"Difficult to use"},{value:"found_alternative",label:"Found a better alternative"},{value:"temporary_break",label:"Taking a temporary break"},{value:"business_changes",label:"Business changes/no longer needed"},{value:"other",label:"Other"}].map(e=>(0,l.jsxs)("label",{className:"flex items-center",children:[(0,l.jsx)("input",{type:"radio",name:"reason",value:e.value,checked:d===e.value,onChange:e=>u(e.target.value),className:"h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",disabled:i}),(0,l.jsx)("span",{className:"ml-2 text-sm text-gray-700",children:e.label})]},e.value))]})]}),(0,l.jsxs)("div",{className:"mb-6",children:[(0,l.jsx)("label",{htmlFor:"comments",className:"block text-sm font-medium text-gray-900 mb-2",children:"Additional comments (optional)"}),(0,l.jsx)("textarea",{id:"comments",name:"comments",rows:3,value:m,onChange:e=>x(e.target.value),placeholder:"Please share any additional feedback...",className:"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 text-sm",disabled:i})]}),(0,l.jsx)("div",{className:"mb-6",children:(0,l.jsxs)("fieldset",{children:[(0,l.jsx)("legend",{className:"block text-sm font-medium text-gray-900 mb-2",children:"If we resolved this, would you come back? (optional)"}),(0,l.jsx)("div",{className:"grid grid-cols-2 gap-2",children:[{value:"yes",label:"Yes"},{value:"no",label:"No"}].map(e=>{let s=h===e.value;return(0,l.jsxs)("label",{className:"flex items-center justify-center px-3 py-2 rounded-md border text-sm cursor-pointer transition-colors ".concat(s?"border-blue-600 bg-blue-50 text-blue-700":"border-gray-300 bg-white text-gray-700 hover:bg-gray-50"," ").concat(i?"opacity-50 cursor-not-allowed":""),children:[(0,l.jsx)("input",{type:"radio",name:"would_return",value:e.value,checked:s,onChange:()=>b(e.value),className:"sr-only",disabled:i}),e.label]},e.value)})})]})}),p&&(0,l.jsxs)("div",{className:"mb-6",children:[(0,l.jsx)("label",{htmlFor:"return_conditions",className:"block text-sm font-medium text-gray-900 mb-2",children:"What would need to change for you to return? (optional)"}),(0,l.jsx)("textarea",{id:"return_conditions",name:"return_conditions",rows:3,value:g,onChange:e=>f(e.target.value),placeholder:"e.g. lower price, specific feature, better support response time...",className:"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 text-sm",disabled:i})]}),(0,l.jsxs)("div",{className:"flex space-x-3",children:[(0,l.jsx)("button",{type:"submit",disabled:!d||i,className:"flex-1 bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed text-sm",children:i?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-4 w-4 text-white inline",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,l.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,l.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),"Submitting..."]}):"Submit & Cancel Subscription"}),(0,l.jsx)("button",{type:"button",onClick:y,disabled:i,className:"flex-1 bg-gray-200 text-gray-800 px-4 py-2 rounded-md hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-gray-500 disabled:opacity-50 disabled:cursor-not-allowed text-sm",children:"Cancel"})]})]})]})})})})]})})}let c=()=>(0,l.jsx)("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}}]);