https://ommo.ai/assets/subscription-16eff471.js

1import{r as e,a}from"./react-vendor-690ef4bc.js";import{u as t}from"./index-d3072779.js";import"./utils-b81ec68d.js";import"./mui-core-0fc19580.js";const l="_container_1aol1_1",n="_topRow_1aol1_11",s="_stbar_1aol1_25",r="_mbar_1aol1_27",c="_stl_1aol1_41",m="_stv_1aol1_59",o="_bdg_1aol1_71",i="_bdgG_1aol1_89",_="_ml_1aol1_99",d="_mbg_1aol1_137",u="_mfg_1aol1_153",p="_mpct_1aol1_167",E="_toggleWrap_1aol1_179",v="_toggleGroup_1aol1_191",N="_toggleBtn_1aol1_207",h="_toggleBtnOn_1aol1_233",g="_saveBadge_1aol1_243",b="_cards_1aol1_261",y="_card_1aol1_261",f="_cardCurrent_1aol1_291",k="_cardBadge_1aol1_299",$="_cardBadgeCurrent_1aol1_319",C="_cardBadgePopular_1aol1_329",w="_cardName_1aol1_339",S="_cardDesc_1aol1_353",B="_priceAmount_1aol1_367",x="_pricePeriod_1aol1_379",j="_priceSub_1aol1_389",M="_btn_1aol1_403",L="_btnPrimary_1aol1_427",T="_btnCurrent_1aol1_445",P="_divider_1aol1_459",A="_featureItem_1aol1_471",I="_featureIcon_1aol1_489",R="_featureIconOn_1aol1_509",G="_featureIconOff_1aol1_517",W="_bottomRow_1aol1_525",D="_actionLink_1aol1_545",F="_actionLinkGreen_1aol1_559",q="_actionLinkRed_1aol1_567",O="_actionLinkPurple_1aol1_575",K="_actionLinkGray_1aol1_583",H="_bottomLinks_1aol1_591",U="_separator_1aol1_603",V="_overlay_1aol1_611",Y="_dialog_1aol1_631",J="_dialogTop_1aol1_649",z="_dialogTitle_1aol1_663",Q="_dialogClose_1aol1_675",X="_dialogSub_1aol1_713",Z="_planCompare_1aol1_727",ee="_planCompareBox_1aol1_751",ae="_planCompareLabel_1aol1_759",te="_planCompareName_1aol1_775",le="_planComparePrice_1aol1_787",ne="_planCompareArrow_1aol1_799",se="_checkboxRow_1aol1_811",re="_checkboxRowChecked_1aol1_835",ce="_checkboxBox_1aol1_845",me="_checkboxBoxOn_1aol1_873",oe="_checkboxText_1aol1_883",ie="_dialogBtns_1aol1_907",_e="_dialogBtn_1aol1_907",de="_dialogBtnCancel_1aol1_939",ue="_dialogBtnConfirm_1aol1_957",pe="_dialogBtnConfirmActive_1aol1_971",Ee="_pageHeader_fo0ap_1",ve="_pageTitle_fo0ap_15",Ne="_backLink_fo0ap_27",he="_summaryGrid_fo0ap_75",ge="_sumCard_fo0ap_89",be="_sumLabel_fo0ap_103",ye="_sumVal_fo0ap_121",fe="_sumValSm_fo0ap_133",ke="_sumSub_fo0ap_143",$e="_tableWrap_fo0ap_155",Ce="_tableHeader_fo0ap_169",we="_tableRow_fo0ap_171",Se="_th_fo0ap_201",Be="_td_fo0ap_247",xe="_tdMuted_fo0ap_257",je="_tdUnused_fo0ap_267",Me="_tdAmount_fo0ap_275",Le="_badge_fo0ap_283",Te="_badgeG_fo0ap_299",Pe="_badgeY_fo0ap_309",Ae="_pkgName_fo0ap_319",Ie="_pkgInterval_fo0ap_331",Re="_minBarWrap_fo0ap_343",Ge="_minBarBg_fo0ap_351",We="_minBarFill_fo0ap_367",De="_minUsedTotal_fo0ap_379",Fe="_pagination_fo0ap_389",qe="_pagInfo_fo0ap_407",Oe="_pagBtns_fo0ap_417",Ke="_pagBtn_fo0ap_417",He="_pagBtnActive_fo0ap_469",Ue=[{pkg:"Growth-monthly",start:"Apr 1, 2026",end:"Apr 30, 2026",used:312,total:750,amount:299,status:"active"},{pkg:"Growth-monthly",start:"Mar 1, 2026",end:"Mar 31, 2026",used:598,total:750,amount:299,status:"paid"},{pkg:"Growth-monthly",start:"Feb 1, 2026",end:"Feb 28, 2026",used:510,total:750,amount:299,status:"paid"},{pkg:"Starter-monthly",start:"Jan 1, 2026",end:"Jan 31, 2026",used:427,total:200,amount:299,status:"paid"}],Ve=({used:e,total:t})=>{const l=Math.min(100,Math.round(e/t*100));return a.createElement(a.Fragment,null,a.createElement("div",null,e.toLocaleString()," ",a.createElement("span",{className:De},"/ ",t.toLocaleString())),a.createElement("div",{className:Re},a.createElement("div",{className:Ge},a.createElement("div",{className:We,style:{width:`${l}%`}}))))},Ye=({currentPlanName:t,currentPlanPrice:l,onBack:n})=>{const[s,r]=e.useState(1),c=e.useMemo(()=>Ue.reduce((e,a)=>e+a.amount,0),[]),m=e.useMemo(()=>Ue.reduce((e,a)=>e+a.used,0),[]),o=Math.max(1,Math.ceil(Ue.length/4)),i=4*(s-1),_=Ue.slice(i,i+4),d=0===Ue.length?0:i+1,u=Math.min(i+4,Ue.length);return a.createElement("div",null,a.createElement("div",{className:Ee},a.createElement("div",null,a.createElement("button",{type:"button",className:Ne,onClick:n},a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2"},a.createElement("polyline",{points:"15,18 9,12 15,6"})),"Back to Subscription"),a.createElement("div",{className:ve},"Billing History"))),a.createElement("div",{className:he},a.createElement("div",{className:ge},a.createElement("div",{className:be},"Total billed"),a.createElement("div",{className:ye},"$",c.toFixed(2)),a.createElement("div",{className:ke},"Last ",Ue.length," billing cycles")),a.createElement("div",{className:ge},a.createElement("div",{className:be},"Total minutes used"),a.createElement("div",{className:ye}

1,m.toLocaleString()),a.createElement("div",{className:ke},"Across all periods")),a.createElement("div",{className:ge},a.createElement("div",{className:be},"Current plan"),a.createElement("div",{className:`${ye} ${fe}`},t),a.createElement("div",{className:ke},"$",l.toFixed(2)," / month"))),a.createElement("div",{className:$e},a.createElement("div",{className:Ce},a.createElement("div",{className:Se},"Plan"),a.createElement("div",{className:Se},"Period"),a.createElement("div",{className:Se},"Minutes used"),a.createElement("div",{className:Se},"Minutes unused"),a.createElement("div",{className:Se},"Amount"),a.createElement("div",{className:Se},"Status")),_.map(e=>{const t=(e=>{const[a,t]=e.split("-");return{name:a,interval:t}})(e.pkg);return a.createElement("div",{key:`${e.start}-${e.end}`,className:we},a.createElement("div",{className:Be},a.createElement("div",{className:Ae},t.name),a.createElement("div",{className:Ie},t.interval)),a.createElement("div",{className:Be},a.createElement("div",null,e.start),a.createElement("div",{className:xe},e.end)),a.createElement("div",{className:Be},a.createElement(Ve,{used:e.used,total:e.total})),a.createElement("div",{className:`${Be} ${je}`},(e.total-e.used).toLocaleString()," min"),a.createElement("div",{className:`${Be} ${Me}`},"$",e.amount.toFixed(2)),a.createElement("div",{className:Be},a.createElement("span",{className:`${Le} ${"active"===e.status?Pe:Te}`},"active"===e.status?"Current":"Paid")))}),a.createElement("div",{className:Fe},a.createElement("div",{className:qe},"Showing ",d,"–",u," of ",Ue.length," records"),a.createElement("div",{className:Oe},a.createElement("button",{type:"button",className:Ke,disabled:1===s,onClick:()=>r(e=>e-1)},"Previous"),Array.from({length:o},(e,a)=>a+1).map(e=>a.createElement("button",{key:e,type:"button",className:`${Ke} ${e===s?He:""}`,onClick:()=>r(e)},e)),a.createElement("button",{type:"button",className:Ke,disabled:s===o,onClick:()=>r(e=>e+1)},"Next")))))},Je="_overlay_1jh2r_1",ze="_dialog_1jh2r_23",Qe="_dialogTop_1jh2r_41",Xe="_dialogTitle_1jh2r_55",Ze="_dialogClose_1jh2r_67",ea="_dialogSub_1jh2r_105",aa="_divider_1jh2r_119",ta="_grid2_1jh2r_131",la="_field_1jh2r_145",na="_label_1jh2r_153",sa="_required_1jh2r_173",ra="_hint_1jh2r_181",ca="_optional_1jh2r_195",ma="_input_1jh2r_209",oa="_textarea_1jh2r_211",ia="_inputError_1jh2r_257",_a="_charCount_1jh2r_277",da="_submitBtn_1jh2r_291",ua="_successToast_1jh2r_339",pa="_toastIcon_1jh2r_365",Ea={email:"",minutes:"",concurrency:"",users:"",message:""},va=["email","minutes","concurrency","users"],Na=({open:l,onClose:n})=>{const{userInfo:s}=t({silent:!0}),[r,c]=e.useState(Ea),[m,o]=e.useState({}),[i,_]=e.useState(!1),[d,u]=e.useState(!1);if(e.useEffect(()=>{l&&(c(e=>({...Ea,email:s.email||e.email})),o({}),_(!1),u(!1))},[l,s.email]),!l)return null;const p=(e,a)=>{const t="message"===e?a.slice(0,500):a;c(a=>({...a,[e]:t})),m[e]&&o(a=>({...a,[e]:!1}))};return a.createElement("div",{className:Je,onClick:e=>{e.target===e.currentTarget&&n()},role:"presentation"},a.createElement("div",{className:ze,role:"dialog","aria-modal":"true","aria-labelledby":"custom-plan-title"},a.createElement("div",{className:Qe},a.createElement("div",{className:Xe,id:"custom-plan-title"},"Request a custom plan"),a.createElement("button",{type:"button",className:Ze,onClick:n,"aria-label":"Close"},"✕")),a.createElement("div",{className:ea},"Tell us what you need and our team will get back to you within 24 hours."),a.createElement("div",{className:aa}),a.createElement("form",{onSubmit:e=>{e.preventDefault();const a={};va.forEach(e=>{r[e].trim()||(a[e]=!0)}),o(a),Object.keys(a).length>0||(_(!0),setTimeout(()=>{_(!1),u(!0)},1e3))}},a.createElement("div",{className:la},a.createElement("div",{className:na},"Contact email ",a.createElement("span",{className:sa},"*")),a.createElement("input",{type:"email",className:`${ma} ${m.email?ia:""}`,placeholder:"[email protected]",value:r.email,onChange:e=>p("email",e.target.value)})),a.createElement("div",{className:ta},a.createElement("div",{className:la},a.createElement("div",{className:na},"Estimated minutes ",a.createElement("span",{className:sa},"*"),a.createElement("span",{className:ra},"/ month")),a.createElement("input",{type:"number",className:`${ma} ${m.minutes?ia:""}`,placeholder:"e.g. 5000",min:1,value:r.minutes,onChange:e=>p("minutes",e.target.value)})),a.createElement("div",{className:la},a.createElement("div",{className:na},"Concurrent calls ",a.createElement("span",{className:sa},"*")),a.createElement("input",{type:"number",className:`${ma} ${m.concurrency?ia:""}`,placeholder:"e.g. 10",min:1,value:r.concurrency,onChange:e=>p("concurrency",e.target.value)}))),a.createElement("div",{className:la},a.createElement("div",{className:na},"Number of users ",a.createElement("span",{className:sa},"*")),a.createElement("input",{type:"number",className:`${ma} ${m.users?ia:""}`,placeholder:"e.g. 12",min:1,value:r.users,onChange:e=>p("users",e.target.value)})),a.createElement("div",{className:la},a.createElement("div",{className:na},"Additional notes ",a.createElement("span",{className:ca},"optional")),a.createElement("textarea",{className:oa,placeholder:"Tell us about your use case or any specific requirements...",value:r.message,onChange:e=>p("message",e.target.value)}),a.createElement("div",{className:_a},r.message.length," / 500")),!d&&a.createElement("button",{type:"submit",className:da,disabled:i,style:i?{background:"#149148"}:void 0},i?"Submitting...":"Submit Request"),d&&a.createElement("div",{className:ua},a.createElement("div",{className:pa},a.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",stroke:"#fff",strokeWidth:"2.5"},a.createElement("polyline",{points:"2,5 4,7 8,3"}))),"Request submitted successfully. Our team will reach out within 24 hours."))))},ha=[{plan_id:3,plan_name:"Basic-annual",interval:"annual",price:950,concurrency:2,allowed_users:2,est_minute:2400},{plan_id:4,plan_name:"Startup-annual",interval:"annual",price:2870,concurrency:4,allowed_users:4,est_minute:9e3,popular:!0},{plan_id:5,plan_name:"Enterprise-annual",interval:"annual",price:5750,concurrency:6,allowed_users:8,est_minute:19200},{plan_id:6,plan_name:"Basic-monthly",interval:"monthly",price:99,concurrency:2,allowed_users:2,est_minute:200},{plan_id:7,plan_name:"Startup-monthly",interval:"monthly",price:299,concurrency:4,allowed_users:4,est_minute:750,popular:!0},{plan_id:8,plan_name:"Enterprise-monthly",interval:"monthly",price:599,concurrency:6,allowed_users:8,est_minute:1600}],ga={Basic:"Starter",Startup:"Growth",Enterprise:"Scale"},ba={Basic:"Best for small teams getting started",Startup:"Best for growing sales teams",Enterprise:"Best for high-volume operations"},ya=e=>e.split("-")[0],fa=(e,a)=>

1"monthly"===a?e.price:Math.round(e.price/12),ka=({enabled:e})=>a.createElement("div",{className:`${I} ${e?R:G}`},e?a.createElement("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"#1a7a4a",strokeWidth:"2.5"},a.createElement("polyline",{points:"2,5 4,7 8,3"})):a.createElement("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"#bbb",strokeWidth:"2.5"},a.createElement("line",{x1:"3",y1:"3",x2:"7",y2:"7"}),a.createElement("line",{x1:"7",y1:"3",x2:"3",y2:"7"}))),$a=()=>{const[t,I]=e.useState("monthly"),[R,G]=e.useState({subscription_plan:7,minutes_used:312,cancel_at_period_end:!1}),[Ee,ve]=e.useState(null),[Ne,he]=e.useState(!1),[ge,be]=e.useState(!1),[ye,fe]=e.useState(!1),[ke,$e]=e.useState(!1),[Ce,we]=e.useState(!1),Se=e.useMemo(()=>ha.find(e=>e.plan_id===R.subscription_plan),[R.subscription_plan]),Be=e.useMemo(()=>ha.filter(e=>e.interval===t),[t]),xe=e.useMemo(()=>Se?Math.min(100,Math.round(R.minutes_used/Se.est_minute*100)):0,[Se,R.minutes_used]),je=()=>{fe(!1),ve(null),he(!1),be(!1)},Me=()=>{G(e=>({...e,cancel_at_period_end:!e.cancel_at_period_end}))};return Ce?a.createElement("div",{className:l},a.createElement(Ye,{currentPlanName:Se?ga[ya(Se.plan_name)]:"—",currentPlanPrice:Se?.price??0,onBack:()=>we(!1)})):a.createElement("div",{className:l},a.createElement("div",{className:n},a.createElement("div",{className:s},a.createElement("div",{className:c},"Current plan"),a.createElement("div",{className:m},Se?`${ga[ya(Se.plan_name)]} — ${"monthly"===Se.interval?"Monthly":"Annual"}`:"—"),a.createElement("div",null,a.createElement("span",{className:`${o} ${i}`},"Active"))),a.createElement("div",{className:r},a.createElement("div",{className:_},a.createElement("span",null,"Minutes used"),a.createElement("strong",null,R.minutes_used.toLocaleString()," /"," ",Se?Se.est_minute.toLocaleString():"—")),a.createElement("div",{className:d},a.createElement("div",{className:u,style:{width:`${xe}%`}})),a.createElement("div",{className:p},xe,"% used this period"))),a.createElement("div",{className:E},a.createElement("div",{className:v},a.createElement("button",{type:"button",className:`${N} ${"monthly"===t?h:""}`,onClick:()=>I("monthly")},"Monthly"),a.createElement("button",{type:"button",className:`${N} ${"annual"===t?h:""}`,onClick:()=>I("annual")},"Yearly ",a.createElement("span",{className:g},"Save 20%")))),a.createElement("div",{className:b},Be.map(e=>{const l=e.plan_id===R.subscription_plan,n=ya(e.plan_name),s=fa(e,t),r="annual"===t?`$${e.price.toLocaleString()} billed annually`:" ";return a.createElement("div",{key:e.plan_id,className:`${y} ${l?f:""}`},l?a.createElement("div",{className:`${k} ${$}`},"Current plan"):e.popular?a.createElement("div",{className:`${k} ${C}`},"Most popular"):null,a.createElement("div",{className:w},ga[n]||n),a.createElement("div",{className:S},ba[n]||""),a.createElement("div",null,a.createElement("span",{className:B},"$",s),a.createElement("span",{className:x}," /mo")),a.createElement("div",{className:j},r),l?a.createElement("button",{type:"button",className:`${M} ${T}`},"Current plan"):a.createElement("button",{type:"button",className:`${M} ${L}`,onClick:()=>(e=>{const a=ha.find(a=>a.plan_id===e);a&&(ve(a),he(!1),be(!1),fe(!0))})(e.plan_id)},"Switch to this plan"),a.createElement("div",{className:P}),a.createElement("div",{className:A},a.createElement(ka,{enabled:!0}),e.est_minute.toLocaleString()," minutes/month"),a.createElement("div",{className:A},a.createElement(ka,{enabled:!0}),"Up to ",e.allowed_users," users"),a.createElement("div",{className:A},a.createElement(ka,{enabled:!0}),e.concurrency," concurrent calls"),a.createElement("div",{className:A},a.createElement(ka,{enabled:e.concurrency>=4}),"Live transfer"),a.createElement("div",{className:A},a.createElement(ka,{enabled:e.concurrency>=4}),"Transcripts"),a.createElement("div",{className:A},a.createElement(ka,{enabled:e.concurrency>=6}),"Inbound calls"),a.createElement("div",{className:A},a.createElement(ka,{enabled:e.concurrency>=6}),"Dedicated support"))})),a.createElement("div",{className:W},a.createElement("span",{role:"button",tabIndex:0,className:`${D} ${K}`,onClick:()=>we(!0),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||we(!0)}}

1,"View billing history →"),a.createElement("div",{className:H},a.createElement("span",{role:"button",tabIndex:0,className:`${D} ${O}`,onClick:()=>$e(!0),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||$e(!0)}},"Request custom plan"),a.createElement("span",{className:U},"|"),a.createElement("span",{role:"button",tabIndex:0,className:`${D} ${R.cancel_at_period_end?F:q}`,onClick:Me,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||Me()}},R.cancel_at_period_end?"Resume subscription":"Cancel subscription"))),a.createElement(Na,{open:ke,onClose:()=>$e(!1)}),ye&&Se&&Ee&&a.createElement("div",{className:V,onClick:e=>{e.target===e.currentTarget&&je()},role:"presentation"},a.createElement("div",{className:Y,role:"dialog","aria-modal":"true","aria-labelledby":"plan-change-title"},a.createElement("div",{className:J},a.createElement("div",{className:z,id:"plan-change-title"},"Confirm plan change"),a.createElement("button",{type:"button",className:Q,onClick:je,"aria-label":"Close"},"✕")),a.createElement("div",{className:X},"You're about to switch your subscription. Please review the change below."),a.createElement("div",{className:Z},a.createElement("div",{className:ee},a.createElement("div",{className:ae},"Current"),a.createElement("div",{className:te},ga[ya(Se.plan_name)]),a.createElement("div",{className:le},"$",fa(Se,t),"/mo")),a.createElement("div",{className:ne},"→"),a.createElement("div",{className:ee},a.createElement("div",{className:ae},"New plan"),a.createElement("div",{className:te},ga[ya(Ee.plan_name)]),a.createElement("div",{className:le},"$",fa(Ee,t),"/mo"))),a.createElement("div",{className:`${se} ${Ne?re:""}`,onClick:()=>he(e=>!e),role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||he(e=>!e)}},a.createElement("div",{className:`${ce} ${Ne?me:""}`},Ne&&a.createElement("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",stroke:"#fff",strokeWidth:"2"},a.createElement("polyline",{points:"1,4 4,7 9,1"}))),a.createElement("div",{className:oe},a.createElement("strong",null,"Apply changes immediately"),"I understand this plan change will take effect right away and my next invoice will reflect the new pricing.")),a.createElement("div",{className:ie},a.createElement("button",{type:"button",className:`${_e} ${de}`,onClick:je},"Cancel"),a.createElement("button",{type:"button",className:`${_e} ${ue} ${Ne?pe:""}`,onClick:()=>{Ne&&Ee&&!ge&&(be(!0),setTimeout(()=>{G(e=>({...e,subscription_plan:Ee.plan_id})),je()},1e3))},disabled:!Ne||ge},ge?"Switching...":"Confirm switch")))))};export{$a as default};