https://ailikeme.ai/static/3634.6b430dccab8d331b8ce7.js

1"use strict";(self.webpackChunkmy_webpack_project=self.webpackChunkmy_webpack_project||[]).push([[3634],{37573(e,t,n){n.r(t),n.d(t,{BuyStepTwo:()=>A,PurchaseCard:()=>O,SubStepTwo:()=>_});var r,o=n(86822),i=n(5185),l=n(39471);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(null,arguments)}const c=e=>l.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",width:21,height:26,fill:"none"},e),r||(r=l.createElement("path",{fill:"#34B5B1",stroke:"#34B5B1",strokeWidth:3,d:"M1.5 3.474 18 13 1.5 22.526z"})));var s=n(35256);const d=n.p+"b0d57eb8d3b4d7046786.png",p=n.p+"8ed445ff23a84d6f5163.png",u=n.p+"8347fd7144c149bf30ff.png",f=n.p+"0f5193d7330d274ca045.png",m=n.p+"61af6a4c474ef23e66c3.png",h=n.p+"6503466bb2250b42295e.png",g=["tier","credits","height","style"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(null,arguments)}function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach(function(t){x(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function x(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const E={1:d,2:p,3:u,4:f,5:m,6:h},w=[{tier:6,min:13500},{tier:5,min:6500},{tier:4,min:4500},{tier:3,min:2800},{tier:2,min:1380},{tier:1,min:0}],k=e=>{let t=e.tier,n=e.credits,r=e.height,o=void 0===r?96:r,i=e.style,a=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,g);const c=null!=n?(e=>{const t=(e=>{if(null==e||""===e)return 0;const t="string"==typeof e?e.replace(/,/g,""):e,n=Number(t);return Number.isFinite(n)?n:0})(e);for(const e of w){const n=e.tier;if(t>=e.min)return n}return 1})(n):null!=t?t:1,s=E[c]||E[1];return l.createElement("img",b({src:s,alt:"","aria-hidden":"true",draggable:!1,style:v({display:"block",height:o,width:"auto",userSelect:"none"},i||{})},a))},A=e=>{let t=e.bundles,n=void 0===t?[]:t,r=e.isFetchingBundles,a=e.selectedBundleId,c=e.setSelectedBundleId,d=e.fetchCreditBundles;(0,l.useEffect)(()=>{!n.length&&d&&d()},[]);const p=(0,l.useMemo)(()=>{const e=n.find(e=>e.is_popular);return e?e.id:null},[n]);return r?l.createElement(o.A,{sx:{display:"flex",justifyContent:"center",py:4}},l.createElement(s.A,null)):n.length?l.createElement(o.A,{sx:{width:"100%",alignSelf:"stretch",minWidth:0,py:1}},l.createElement(i.A,{className:"!my-2 !font-bold",sx:{textAlign:"center"}},"Choose your bundle:"),l.createElement(o.A,{sx:{display:"flex",flexWrap:"wrap",gap:2.5,width:"100%",py:1,px:1,justifyContent:"center",alignItems:"stretch"}},n.map(e=>l.createElement(S,{key:e.id,bundle:e,selected:e.id===a,isPopular:e.id===p,onSelect:c})))):l.createElement(i.A,{className:"!my-4 text-center",color:"textSecondary"},"No One-Time Purchases are available right now.")},S=e=>{let t=e.bundle,n=e.selected,r=e.isPopular,o=e.onSelect;const i=F(t.cost_of_token),a=F(t.no_of_token),c=F(t.bonus_credits),s=Math.max(0,a-c);return l.createElement(O,{role:"button",tabIndex:0,onClick:()=>o(t.id),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),o(t.id))},ariaPressed:n,selected:n,isPopular:r,totalCredits:a,baseCredits:s,bonusCredits:c,cost:i,onSelect:()=>o(t.id)})},j=(e,t)=>{const n=t,r=e;return"M ".concat(r+n," ").concat(r,"\n    L ").concat(200-r-n," ").concat(r,"\n    A ").concat(n," ").concat(n," 0 0 0 ").concat(200-r," ").concat(r+n,"\n    L ").concat(200-r," ").concat(200-r-n,"\n    A ").concat(n," ").concat(n," 0 0 0 ").concat(200-r-n," ").concat(200-r,"\n    L ").concat(r+n," ").concat(200-r,"\n    A ").concat(n," ").concat(n," 0 0 0 ").concat(r," ").concat(200-r-n,"\n    L ").concat(r," ").concat(r+n,"\n    A ").concat(n," ").concat(n," 0 0 0 ").concat(r+n," ").concat(r," Z")},C=e=>{let t=e.color,n=void 0===t?"#34B5B1":t,r=e.fill,o=void 0===r?"transparent":r,i=e.outerInset,a=void 0===i?1:i,c=e.outerRadius,s=void 0===c?8:c,d=e.outerWidth,p=void 0===d?2.5:d,u=e.innerInset,f=void 0===u?7:u,m=e.innerRadius,h=void 0===m?8:m,g=e.innerWidth,b=void 0===g?1.5:g;return l.createElement("svg",{"aria-hidden":"true",style:{position:"absolute",inset:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:-1},viewBox:"0 0 200 200",preserveAspectRatio:"none"},l.createElement("path",{d:j(a,s),fill:o,stroke:n,strokeWidth:p,vectorEffect:"non-scaling-stroke"}),l.createElement("path",{d:j(f,h),fill:"none",stroke:n,strokeWidth:b,vectorEffect:"non-scaling-stroke"}))},P=e=>{let t=e.color,n=void 0===t?"#34B5B1":t,r=e.interior,o=void 0===r?"#F7BF79":r;return l.createElement("span",{style:{position:"absolute",top:0,left:"50%",transform:"translateX(-50%)",width:130,height:32,zIndex:3,pointerEvents:"none"}},l.createElement("svg",{viewBox:"0 0 120 32",width:"100%",height:"100%",style:{display:"block",overflow:"visible"},preserveAspectRatio:"none"},l.createElement("polygon",{points:"4,1 116,1 92,31 28,31",fill:o,stroke:n,strokeWidth:"2",strokeLinejoin:"miter",vectorEffect:"non-scaling-stroke"})),l.createElement("span",{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:12,fontWeight:800,letterSpacing:"0.18em",color:"#2B2A2A",textTransform:"uppercase",paddingBottom:4}},"Popular"))},O=e=>{let t=e.selected,n=e.isActive,r=void 0!==n&&n,o=e.isPopular,a=e.totalCredits,c=e.baseCredits,s=e.bonusCredits,d=e.cost,p=e.cycleLabel,u=(e.onSelect,e.onKeyDown),f=e.onClick,m=e.ariaPressed,h=e.role,g=void 0===h?"button":h,b=e.tabIndex,y=void 0===b?0:b;const v=Math.round(F(s))>0,x=r?"#cfd8d6":t?"#E5A75E":"#F7BF79",E=r?"#9AC1BF":"#34B5B1",w=r?"#2B2A2A":"#3a2e1f";return l.createElement("div",{role:g,tabIndex:r?-1:y,onClick:r?void 0:f,onKeyDown:r?void 0:u,"aria-pressed":m,"aria-disabled":r,style:{position:"relative",overflow:"visible",cursor:r?"not-allowed":"pointer",opacity:r?.85:1,width:"100%",maxWidth:"12.5rem",backgroundColor:"transparent",filter:t?"drop-shadow(0 6px 10px rgba(0,0,0,0.22))":"drop-shadow(0 4px 8px rgba(0,0,0,0.18))",padding:"22px 14px 12px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",ga

1p:3,transition:"filter 120ms ease"}},l.createElement(C,{color:E,fill:x,outerInset:1,outerRadius:8,outerWidth:2.5,innerInset:6,innerRadius:8,innerWidth:1.5}),r&&l.createElement("span",{style:{position:"absolute",top:8,right:8,backgroundColor:"#158480",color:"#ffffff",fontSize:10,fontWeight:700,letterSpacing:"0.05em",textTransform:"uppercase",padding:"2px 8px",borderRadius:999,zIndex:3}},"Active"),o&&!r&&l.createElement(P,{color:E,interior:x}),l.createElement("div",{style:{width:"100%",height:104,display:"flex",alignItems:"center",justifyContent:"center"}},l.createElement(k,{credits:a,height:104})),l.createElement(i.A,{sx:{fontSize:22,fontWeight:800,color:"#2B2A2A",lineHeight:1.1,letterSpacing:"0.02em"}},B(a)," AILM"),v&&l.createElement(i.A,{sx:{fontSize:12,fontWeight:600,textAlign:"center",color:w,lineHeight:1.1}},B(c)," + ",l.createElement("span",{style:{color:"#1f7a77",fontWeight:700}},B(s))," bonus"),p&&l.createElement(i.A,{sx:{fontSize:11,color:w,opacity:.85,lineHeight:1.1}},"every ",p),l.createElement("div",{style:{position:"relative",marginTop:8,backgroundColor:"#FFFFFF",border:"2px solid ".concat(E),borderRadius:6,padding:"7px 16px",textAlign:"center",zIndex:2}},l.createElement(i.A,{sx:{fontSize:19,fontWeight:800,color:"#2B2A2A",lineHeight:1,letterSpacing:"0.04em"}},"$",F(d).toFixed(2)),l.createElement("span",{"aria-hidden":"true",style:{position:"absolute",top:"calc(100% + 2px)",left:-18,right:-18,height:8,backgroundColor:x,zIndex:1,pointerEvents:"none"}}),l.createElement("svg",{"aria-hidden":"true",width:"12",height:"34",viewBox:"0 0 16 26",style:{position:"absolute",top:"calc(50% - 1px)",left:-15.5,overflow:"visible",zIndex:3,pointerEvents:"none"}},l.createElement("polyline",{points:"18,0 10,7 10,23 -8,23",fill:"none",stroke:E,strokeWidth:"2",strokeLinecap:"square",strokeLinejoin:"miter"})),l.createElement("svg",{"aria-hidden":"true",width:"12",height:"34",viewBox:"0 0 16 26",style:{position:"absolute",top:"calc(50% - 1px)",right:-14,overflow:"visible",zIndex:3,pointerEvents:"none"}},l.createElement("polyline",{points:"0,0 8,7 8,23 24,23",fill:"none",stroke:E,strokeWidth:"2",strokeLinecap:"square",strokeLinejoin:"miter"}))),t&&!r&&l.createElement("div",{style:{position:"absolute",top:-12,left:-12,width:32,height:32,borderRadius:"50%",background:"linear-gradient(135deg, #5fd0cb 0%, #34B5B1 60%, #1f7a77 100%)",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 0 0 3px #FFFFFF, 0 4px 10px rgba(0,0,0,0.25)",zIndex:4},"aria-hidden":"true"},l.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"M5 12.5L10 17.5L19 7.5",stroke:"#FFFFFF",strokeWidth:"3.2",strokeLinecap:"round",strokeLinejoin:"round"}))))},F=e=>{if(null==e||""===e)return 0;const t="string"==typeof e?e.replace(/,/g,""):e,n=Number(t);return Number.isFinite(n)?n:0},B=e=>{const t=F(e);return t?String(Math.round(t)):"0"},I=e=>{let t=e.plan,n=e.selected,r=e.isActive,o=e.isPopular,i=e.onSelect;const a=F(t.cost_of_token),c=F(t.no_of_token),s=F(t.bonus_credits),d=Math.max(0,c-s),p=t.duration_display||"cycle";return l.createElement(O,{selected:n,isActive:r,isPopular:o,totalCredits:c,baseCredits:d,bonusCredits:s,cost:a,cycleLabel:p,onClick:()=>{r||i(t.id)},onKeyDown:e=>{r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),i(t.id))},ariaPressed:n,onSelect:()=>{r||i(t.id)}})},_=e=>{let t=e.plans,n=void 0===t?[]:t,r=e.isFetching,a=e.selectedPlanId,d=e.setSelectedPlanId,p=e.fetchCreditPlans;const u=e.activePlanIds||new Set;(0,l.useEffect)(()=>{!n.length&&p&&p()},[]);const f=e=>{d(e)},m=(0,l.useMemo)(()=>{const e=n.find(e=>e.is_popular);return e?e.id:null},[n]);if(r)return l.createElement(o.A,{sx:{display:"flex",justifyContent:"center",py:4}},l.createElement(s.A,null));if(!n.length)return l.createElement(i.A,{className:"!my-4 text-center",color:"textSecondary"},"No credit plans are available right now.");const h=n.find(e=>e.id===a)||null;return l.createElement(o.A,{sx:{width:"100%",alignSelf:"stretch",minWidth:0,py:1}},l.createElement(i.A,{className:"!my-2 !font-bold",sx:{textAlign:"center"}},"Choose your plan:"),l.createElement(o.A,{sx:{display:"flex",flexWrap:"wrap",gap:2.5,width:"100%",py:1,px:1,justifyContent:"center",alignItems:"stretch"}},n.map(e=>l.createElement(I,{key:e.id,plan:e,selected:e.id===a,isActive:u.has(e.id),isPopular:e.id===m,onSelect:f}))),h&&l.createElement(l.Fragment,null,l.createElement(o.A,{className:"flex flex-row p-2 justify-center items-center my-4 gap-2 sm:gap-8"},l.createElement(i.A,{className:"!font-bold"},"$ ",F(h.cost_of_token).toFixed(2)," USD"),l.createElement(c,null),l.createElement(i.A,{className:"!font-bold"},B(h.no_of_token)," credits")),l.createElement(i.A,{sx:{textAlign:"center",fontWeight:600},variant:"body1"},"You will be charged $",F(h.cost_of_token).toFixed(2)," every"," ",h.duration_display||"cycle",".")))}}}]);