https://cdn.stackby.com/build/4002.bfddffb566d265d99921.bundle.js

1"use strict";(self.webpackChunkStackby_webapp=self.webpackChunkStackby_webapp||[]).push([[4002],{94352:(e,t,a)=>{a.r(t),a.d(t,{SignupTestimonialCarousel:()=>ne,default:()=>re});var n=a(71083),r=a(50810),i=a(91038),s=a(84743),o=a.n(s),l=a(86663),c=a(379),u=a.n(c),d=a(74046),m=a.n(d),p=a(94311),f=a(91003),h=a.n(f),g=a(39125),v=a(98027),y=a(21372),b=a.n(y),x=a(71468),j=a(25052),S=a(76677),w=a(20054);const N=a.p+"assets/0f38ca22d23e53f31476.jpg",I=a.p+"assets/939a3c64fc60a362b098.webp",k=a.p+"assets/4cb5132a98d4643af825.webp",C=a.p+"assets/2ad8b8d778be06824540.jpeg",A=a.p+"assets/25cff8aae568c299f412.webp";var O=a(9872),P=a(77148),T=a(17851),E=a(17041),_=a(12169),D=a(70510);function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,s,o=[],l=!0,c=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(o.push(n.value),o.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=a.return&&(s=a.return(),Object(s)!==s))return}finally{if(c)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return M(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?M(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var L=["Here’s how I’ll build your app","I’ll set up your tables and fields with sample data","Then your app is ready to explore","Ready to start building? Sign up to continue"];const R=function(e){var t=e.aiDescription,a=F((0,c.useState)(""),2),n=a[0],r=a[1],i=F((0,c.useState)(!1),2),s=i[0],o=i[1],l=F((0,c.useState)(0),2),u=l[0],d=l[1],m=F((0,c.useState)(0),2),p=m[0],f=m[1];(0,c.useEffect)(function(){if(t){r(""),o(!1);var e=0,a=setInterval(function(){r(function(a){return a+t.charAt(e)}),++e>=t.length&&(clearInterval(a),o(!0))},30);return function(){return clearInterval(a)}}},[t]),(0,c.useEffect)(function(){if(u<2&&s){var e=setTimeout(function(){d(function(e){return e+1})},5e3);return function(){return clearTimeout(e)}}if(u>=2){var t=setTimeout(function(){f(function(e){return e+1})},5e3);return function(){return clearTimeout(t)}}},[u,s]);var h=function(e){var t=e.children;return(0,D.jsx)("div",{className:"signup-right verifyEmail-right",children:(0,D.jsx)("div",{className:"ai-description",children:t})})},g=function(e){var t=e.typedText;return(0,D.jsxs)("div",{className:"ai-description-heading",children:[(0,D.jsx)("span",{className:"ai-title",children:"You"}),(0,D.jsx)("div",{className:"desc",children:t})]})},v=function(){return(0,D.jsxs)("div",{className:"icon-wrapper",children:[(0,D.jsx)("svg",{style:{color:"#DD04A8"},stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1.5em",width:"1.5em",xmlns:"http://www.w3.org/2000/svg",children:(0,D.jsx)("path",{d:"M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936

1a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.73 1.73 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.73 1.73 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.73 1.73 0 0 0 3.407 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z"})}),(0,D.jsx)("span",{children:"Stackby AI"})]})},y=function(e){var t=e.message;return(0,D.jsx)("div",{className:"text-animation",children:(0,D.jsx)("p",{children:t})})},b=function(e){var t=e.message;return(0,D.jsx)("div",{className:"text-static",children:(0,D.jsx)("span",{children:t})})},x=function(){return(0,D.jsx)("img",{src:"https://static.airtable.com/images/omni_auth_app_animation_preview.png",alt:"Final step visual",className:"step-image slide-down-animation",style:{width:"315px",margin:"12px 0",borderRadius:"14px"}})},j=function(e){var t=e.step,a=e.subStep,n=e.messages;return(0,D.jsxs)("div",{className:"text-wrapper",children:[0===t&&(0,D.jsx)(y,{message:n[0]}),1===t&&(0,D.jsx)(y,{message:n[1]}),2===t&&(0,D.jsxs)("div",{className:"step-2-group",children:[0===a?(0,D.jsx)(y,{message:n[2]}):(0,D.jsx)(b,{message:n[2]}),(0,D.jsx)(x,{}),a>0&&(0,D.jsx)(y,{message:n[3]})]})]})};return(0,D.jsxs)(h,{children:[(0,D.jsx)(g,{typedText:n}),s&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(v,{}),(0,D.jsx)(j,{step:u,subStep:p,messages:L})]})]})},U=a.p+"assets/aa110e43ae5d9dfbed1a.png";var q=a(49806),z=a(96763);function G(e){return G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},G(e)}function $(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,n)}return a}function B(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?$(Object(a),!0).forEach(function(t){H(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):$(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function H(e,t,a){return(t=function(e){var t=function(e,t){if("object"!=G(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!=G(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==G(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function J(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,s,o=[],l=!0,c=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(o.push(n.value),o.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=a.return&&(s=a.return(),Object(s)!==s))return}finally{if(c)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return V(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?V(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}const W=function(e){var t=e.email,a=void 0===t?"":t,r=e.resendTimer,i=void 0===r?0:r,s=e.startResendTimer,o=e.otpPayload,u=e.utmData,d=void 0===u?{}:u,m=e.auth,p=e.history,f=e.location,h=e.fetchCurrentUserClientSide,g=e.hasAiDescription,v=void 0!==g&&g,y=e.aiDescription,b=void 0===y?""

1:y,x=(e.handleSignupRightSideHeadingText,e.handleSignupRightSideDescText,(0,_.sf)()),j=J((0,c.useState)(a),1)[0],S=J((0,c.useState)(""),2),N=S[0],I=S[1],k=J((0,c.useState)(3),2),C=k[0],A=k[1],O=J((0,c.useState)(""),2),P=O[0],T=O[1],F=J((0,c.useState)(!1),2),M=F[0],L=F[1],G=J((0,c.useState)(!1),2),$=G[0],H=G[1],V=J((0,c.useState)(i),2),W=V[0],X=V[1];(0,c.useEffect)(function(){X(i)},[i]);var Y=function(){W>0||(H(!1),T(""),n.A.post("/api/v1/signupSendOtp",o||{email:j}).then(function(){A(3),I(""),L(!1),s()}).catch(function(e){var t;T((null==e||null===(t=e.response)||void 0===t||null===(t=t.data)||void 0===t?void 0:t.error)||"Unable to resend verification code. Please try again.")}))};return(0,D.jsxs)("div",{className:"verifyEmail-container",children:[(0,D.jsx)("div",{className:"verifyEmail-left",children:0!==C?(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)("div",{className:"verifyEmail-box",children:[(0,D.jsx)("h3",{className:"verifyEmail-heading",children:"Verify your email"}),(0,D.jsxs)("h2",{className:"verifyEmail-title",children:["A verification code has been sent to",(0,D.jsxs)("span",{className:"highlight",children:[" ",j," "]})," paste it below."]}),(0,D.jsx)("input",{type:"text",maxLength:"6",inputMode:"numeric",pattern:"[0-9]*",value:N,placeholder:"Enter 6-digit code",onChange:function(e){var t=e.target.value;/^\d{0,6}$/.test(t)&&(I(t),L(6===t.length),H(!1),T(""))},onPaste:function(e){var t=e.clipboardData.getData("text").trim();/^\d{6}$/.test(t)&&(e.preventDefault(),I(t),L(!0),H(!1),T(""))},className:"otp-input-field ".concat($?"otp-error":""),disabled:0===C}),P&&(0,D.jsx)("div",{className:"otp-input-error",children:P}),(0,D.jsx)("div",{className:"verifyEmail-btnContainer",children:(0,D.jsx)("button",{className:"verifyEmail-btn",disabled:!(M&&0!==C||$),onClick:function(){var e=N,t=l.parse((null==f?void 0:f.search)||""),a=t.plan,r=t.plan_slug,i="tools"==t.createdFrom&&localStorage.getItem("usedTool")?localStorage.getItem("usedTool"):null,s=(null==o?void 0:o.type)||"signupSendOtp",c="tools"==t.createdFrom&&localStorage.getItem("journeyId")?localStorage.getItem("journeyId"):null,u={};c&&(u={journeyId:c}),n.A.post("/api/v1/signupVerifyOtp",{email:j,otp:e},{headers:u}).then(function(e){if((e||{}).data.data){if(A(3),localStorage.removeItem("isNewDashboard"),localStorage.removeItem("utm_params"),window.$FPROM&&"function"==typeof window.$FPROM.trackSignup)try{window.$FPROM.trackSignup({email:j},function(){z.log("Callback received!")})}catch(e){z.error(e)}h().then(function(){if((0,q.q)(null==m?void 0:m.id),["economy","business"].includes(a))p.push("/limitedTimeOffer-"+a);else if(["startup"].includes(a))p.push("/startup-program");else if(void 0===r){var e=t.next,n=t.copySource,s=t.copyStackFromTemplateName,o=t["ai-co-builder"],c=t.importAirtableData,u=t.createdFrom,f={};e&&"false"!==e&&"null"!==e&&""!==e.trim()&&(f.next=e),n&&(f.copySource=n),s&&(f.copyStackFromTemplateName=s),c&&(f.importAirtableData=c),u&&(f.createdFrom=u,(0,E.Io)(m,"Onboarding Create",B(B({email:j},m),{},{import_type:i},d))),o&&(f["ai-co-builder"]=o);var h=l.stringify(f);p.push("/onboarding".concat(h?"?".concat(h):""),{utmData:d||""})}else p.push("/newPricingPlan?plan_slug="+r)}).catch(function(e){var t;T((null==e||null===(t=e.response)||void 0===t||null===(t=t.data)||void 0===t?void 0:t.error)||"Unable to initialize your account. Please try again.")}),(0,E.Of)(m,"signup","User Signup to stackby"),(0,E.Io)(m,"User Signed Up",B(B({email:j},m),{},{signup_source:s},d)),(0,E.ex)(j),x.capture("user_signed_up",B({method:s},d))}else C>1?(A(C-1),T("Incorrect code, ".concat(C-1," attempts left.")),L(!1),H(!0)):(A(0),T(""),L(!1),H(!0))}).catch(function(e){var t,a;(0,E.Io)(m,"User Signed Up",B(B({email:j},m),{},{signup_source:s,status:"failure",statusReason:(null==e||null===(t=e.response)||void 0===t||null===(t=t.data)||void 0===t?void 0:t.error)||"Signup failed"},d)),H(!0),T((null==e||null===(a=e.response)||void 0===a||null===(a=a.data)||void 0===a?void 0:a.error)||"Signup failed")})},children:"Verify account"})}),(0,D.jsxs)("div",{className:"verifyEmail-footer",children:[(0,D.jsxs)("p",{children:["Something doesn't look right?"," ",(0,D.jsx)("a",{className:"resendLink",onClick:Y,disabled:W>0,children:W>0?"Resend in ".concat(W,"s"):"Resend the email"})," ","or ",(0,D.jsx)("a",{href:"/signup",children:"start over"})," with a different address."]}),(0,D.jsxs)("p",{children:["If you need help,"," ",(0,D.jsx)("a",{className:"supportLink",onClick:function(){window.Gleap&&(window.Gleap.isOpened()?(window.Gleap.close(),window.Gleap.destroy()):(window.Gleap.showFeedbackButton(!0),window.Gleap.open()))}

1,children:"reach out to support"}),"."]})]}),(0,D.jsx)("div",{className:"verifyEmail-logo",children:(0,D.jsx)("img",{src:w,alt:"Stackby Logo",className:"login-logo"})})]})}):(0,D.jsxs)("div",{className:"errorBox",children:[(0,D.jsx)("img",{src:U,alt:"Error",width:82,height:101}),(0,D.jsx)("h1",{className:"errorTitle",children:"You entered the code incorrectly"}),(0,D.jsxs)("p",{className:"errorMessage",children:["Please resend the code to try again. If this keeps happening,"," ",(0,D.jsx)("a",{onClick:function(){window.Gleap&&window.Gleap.open()},children:"contact customer support"}),"."]}),(0,D.jsx)("button",{className:"resendCode-btn",disabled:W>0,onClick:function(){A(3),I(""),H(!1),T(""),Y()},children:W>0?"Resend in ".concat(W,"s"):"Resend Code"})]})}),(0,D.jsx)("div",{className:"verifyEmail-right",children:v?(0,D.jsx)(R,{aiDescription:b}):(0,D.jsx)("div",{className:"signup-right",children:(0,D.jsx)("div",{className:"signup-right-box",children:(0,D.jsx)(ne,{})})})})]})};function X(e){return ee(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Z(e)||K()}function Y(e,t){return ee(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,s,o=[],l=!0,c=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(o.push(n.value),o.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=a.return&&(s=a.return(),Object(s)!==s))return}finally{if(c)throw r}}return o}}(e,t)||Z(e,t)||K()}function K(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Z(e,t){if(e){if("string"==typeof e)return Q(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?Q(e,t):void 0}}function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function ee(e){if(Array.isArray(e))return e}r.registerLocale(i);var te="https://cdn.stackby.com/build/assets/337ffb74818ea0aa21f2.png",ae=[{id:"chris-m",quote:"Using Stackby has completely changed how I manage data. Super easy to turn spreadsheets into no-code apps — the automation & AI features are a game changer.",name:"Chris M",role:"Small Business Owner",company:"",handle:"Chris M, Small Business Owner",photo:I,accent:"#ef4e7b"},{id:"rafael-a",quote:"I was managing everything in Excel — multiple sheets, impossible to find anything. With Stackby, everything is in one place, easily organized, and viewable in multiple ways. I can't go back.",name:"Rafael A",role:"Director",company:"Printing & Publishing",handle:"Rafael A, Director in Printing & Publishing",photo:A,accent:"#246bfe"},{id:"ilan-m",quote:"We've found uses in almost every aspect of our marketing agency — Content, Design, SEO, Social Media — everyone works on their own stacks. Loved it enough to switch from Airtable.",name:"Ilan M",role:"CIO",company:"Marketing & Advertising Agency",handle:"Ilan M, CIO in Marketing & Advertising Agency",photo:"https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=240&q=80",accent:"#13b981"},{id:"lucas-h",quote:"Flexible, fully featured, growing templates, great support. I highly recommend Stackby for any data-driven workflow — it's exceeded my expectations across 3+ years of daily use.",name:"Lucas H",role:"CTO",company:"Information Technology & Services",handle:"Lucas H — CTO, Information Technology & Services (3+ year user)",photo:C,accent:"#f59e0b"},{id:"james-h",quote:"I use Stackby as a CRM for my business. It's very easy to set up, easy to use, and the integrations + AI make it incredibly powerful. Simplicity is why I chose it.",name:"James H",role:"CIO",company:"Apparel & Fashion",handle:"James H — CIO, Apparel & Fashion (2+ year user)",photo:k,accent:"#8b5cf6"},{id:"chelle-h",quote:"We use Stackby to power a large monthly magazine and it's made everything an absolute breeze with AI, automations and powerful database capabilities.",name:"Chelle H.",role:"Managing Partner",company:"Publishing",handle:"Chelle H. — Managing Partner, Publishing",photo:N,accent:"#ec4899"}];function ne(){var e=Y((0,c.useState)(0),2),t=e[0],a=e[1],n=ae[t];(0,c.useEffect)(function(){var e=window.setInterval(function(){a(function(e){return e===ae.length-1?0:e+1})},5200);return function(){return window.clearInterval(e)}},[]);return(0,D.jsxs)("section",{className:"signup-testimonial-carousel","aria-label":"Customer testimonials",style:{"--signup-testimonial-accent":n.accent},children:[(0,D.jsxs)("div",{className:"signup-testimonial-bg",children:[(0,D.jsx)("span",{className:"orbit orbit-one"}),(0,D.jsx)("span",{className:"orbit orbit-two"}),(0,D.jsx)("span",{className:"orbit orbit-three"})]}),(0,D.jsx)("div",{className:"signup-testimonial-header",children:(0,D.jsx)("h2",{children:"Sign up for 14-days business trial. No credit card needed"})}),(0,D.jsx)("div",{className:"signup-testimonial-stage",children:(0,D.jsx)("div",{className:"signup-testimonial-track",style:{transform:"translateX(-".concat(100*t,"%)")},children:ae.map(function(e,a){return(0,D.jsxs)("article",{className:"signup-testimonial-card","aria-hidden":a!==t,children:[(0,D.jsx)("div",{className:"signup-testimonial-photo-wrap",children:(0,D.jsx)("img",{src:e.photo,alt:e.name})}),(0,D.jsxs)("div",{className:"signup-testimonial-copy",children:[(0,D.jsx)("span",{children:"Customer Story"}),(0,D.jsxs)("p",{children:['"',e.quote,'"']})]}),(0,D.jsx)("div",{className:"signup-testimonial-person",children:(0,D.jsx)("strong",{children:e.handle})})]},e.id)})})}

1),(0,D.jsx)("div",{className:"signup-testimonial-controls",children:(0,D.jsx)("div",{className:"signup-testimonial-dots",children:ae.map(function(e,n){return(0,D.jsx)("button",{type:"button",className:n===t?"active":"","aria-label":"Show ".concat(e.name," testimonial"),"aria-current":n===t,onClick:function(){return function(e){a(e)}(n)}},e.id)})})}),(0,D.jsxs)("div",{className:"signup-testimonial-proof",children:[(0,D.jsxs)("h3",{children:[(0,D.jsx)("span",{children:"100,000+"})," teams build with Stackby"]}),(0,D.jsx)("img",{src:te,alt:"Client logos"})]})]})}const re=(0,x.Ng)(function(e){return{auth:e.auth}},{fetchCurrentUserClientSide:P.jK})((0,T.A)(function(e){var t=(0,_.sf)(),a=l.parse(e.location.search),i=a["ai-co-builder"]||"",s=Y((0,c.useState)(""),2),d=s[0],f=s[1],y=Y((0,c.useState)(""),2),x=y[0],N=y[1],I=Y((0,c.useState)(!1),2),k=I[0],C=I[1],A=Y((0,c.useState)(!1),2),P=A[0],T=A[1],F=Y((0,c.useState)(""),2),M=F[0],L=F[1],U=Y((0,c.useState)(!1),2),q=U[0],z=U[1],G=Y((0,c.useState)(0),2),$=G[0],B=G[1],H=Y((0,c.useState)(!1),2),J=H[0],V=H[1],K=Y((0,c.useState)({}),2),Z=K[0],ee=K[1],te=Y((0,c.useState)(i),1)[0],ae=Y((0,c.useState)(!!i),1)[0],re=Y((0,c.useState)(""),2),ie=re[0],se=re[1],oe=Y((0,c.useState)(""),2),le=oe[0],ce=oe[1],ue=Y((0,c.useState)(""),2),de=ue[0],me=ue[1],pe=Y((0,c.useState)(!1),2),fe=pe[0],he=pe[1],ge=Y((0,c.useState)(""),2),ve=ge[0],ye=ge[1],be=Y((0,c.useState)(!1),2),xe=be[0],je=be[1],Se=Y((0,c.useState)(localStorage.getItem("userCountry")||""),2),we=Se[0],Ne=Se[1],Ie=Y((0,c.useState)(""),2),ke=Ie[0],Ce=Ie[1],Ae=(0,c.useRef)(null),Oe=le.replace(/\D/g,"").replace(/^91/,""),Pe="India"!==we||10===Oe.length,Te=ie.trim()&&de&&J&&Pe&&de.length>=8;(0,c.useEffect)(function(){p.Ay.pageview("/signup"),m().pageView("/signup"),h().dataLayer({dataLayer:{page:"/signup"}});var t=JSON.parse(localStorage.getItem("utm_params")||"{}"),a=l.parse(e.location.search),n=a.email,r=void 0===n?"":n,i=a.ismail,s=void 0!==i&&i,o=a.userRef,c=void 0===o?"":o,u=a.stackId,d=void 0!==u&&u,g=a.utm_campaign,v=void 0===g?t.utm_campaign||"":g,y=a.utm_source,b=void 0===y?t.utm_source||"":y,x=a.utm_term,j=void 0===x?t.utm_term||"":x,S=a.utm_device,w=void 0===S?t.utm_device||"":S,I=a.utm_medium,k=void 0===I?t.utm_medium||"":I,A=a.utm_content,O=void 0===A?t.utm_content||"":A,P=e.match.params.inviteId;(0,E.Io)(e.auth,"User Account Start",{entryPointPage:"signup",intent:"signup",flow:"User Action",referId:P||"",campaign:v,source:b,term:j}),f(r);V(/^\w+([-.+'&]\w+)*@\w+([-.&]\w+)*\.\w+([-.&]\w+)*$/.test(r)),N(P),C(s),L(c),T(d),ee({campaign:v,source:b,term:j,device:w,content:O,medium:k})},[]),(0,c.useEffect)(function(){if(we){var e=r.getAlpha2Code(we,"en");e&&Ce(e.toLowerCase())}},[we]),(0,c.useEffect)(function(){return function(){Ae.current&&clearInterval(Ae.current)}},[]);var Ee=function(){B(300),Ae.current&&clearInterval(Ae.current),Ae.current=setInterval(function(){B(function(e){return e<=1?(clearInterval(Ae.current),Ae.current=null,0):e-1})},1e3)},_e=function(){var e=ie.trim().replace(/\s+/g," "),t=X(e.split(" ")),a=t[0],n=Q(t).slice(1).join(" ");return{email:d,firstName:a,lastName:n,name:e,password:(0,O.w)(de),referId:x,type:k?"mail":"link",refferby:M,timezone:o().tz.guess(),stackId:P,phone:le}},De=(0,c.useMemo)(function(){return(0,D.jsxs)(g.mg,{children:[(0,D.jsx)("title",{children:"Sign up for free - Stackby"}),(0,D.jsx)("link",{rel:"canonical",href:"https://stackby.com/signup"}),(0,D.jsx)("link",{href:"https://stackby.com/signup",rel:"alternate",hreflang:"x-default"}),(0,D.jsx)("meta",{name:"description",content:"Login to Stackby and manage your workflows. Sign up for free if you have not already."})]})},[]);return(0,D.jsxs)(u().Fragment,{children:[De,q?(0,D.jsx)(W,{email:d,resendTimer:$,startResendTimer:Ee,otpPayload:_e(),auth:e.auth,history:e.history,location:e.location,fetchCurrentUserClientSide:e.fetchCurrentUserClientSide,utmData:Z,hasAiDescription:ae,aiDescription:te,handleSignupRightSideHeadingText:function(){var t=window.location.pathname,n="tools"==l.parse(e.location.search).createdFrom;t.startsWith("/invite/r/")&&(t="refferal"),n&&(t=localStorage.getItem("usedTool")),a&&(a&&a.importAirtableData&&(t="airtableImport"),a&&a.copyStackFromTemplateName&&(t="useTemplate"));var r="Build your stack";switch(t){case"csv-to-database":return"Import from CSV for free";case"excel-to-database":return"Import from Excel for free";case"json-to-database":return"Import from JSON for free";case"xml-to-database":return"Import from XML for free";case"refferal":return"Join your friends and co-workers to build a database";case"airtableImport":return"Import your Airtable Bases";case"useTemplate":return"Use ".concat(a.copyStackFromTemplateName," template and customize to your needs");default:return r}},handleSignupRightSideDescText:function(){var t=window.location.pathname,n="tools"==l.parse(e.location.search).createdFrom;t.startsWith("/invite/r/")&&(t="refferal"),n&&(t=localStorage.getItem("usedTool")),a&&(a&&a.importAirtableData&&(t="airtableImport"),a&&a.copyStackFromTemplateName&&(t="useTemplate"));var r="🎉 Sign up for 14-days business trial. No credit card needed! 🎉";switch(t){case"csv-to-database":return"Bulk import CSVs and build databases for free";case"excel-to-database":return"Convert your spreadsheets into databases for free";case"json-to-database":return"Convert your JSON files into databases for free";case"xml-to-database":return"Convert your XML files into databases for free";case"refferal":return"Invite or refer your friends and get Stackby credits";case"airtableImport":return"Move your Airtable bases to Stackby in minutes";case"useTemplate":return"Add this template to your workspace and build your workflow for free";default:return r}}}):(0,D.jsx)("div",{id:"Signup",children:(0,D.jsxs)("div",{className:"signup-container",children:[(0,D.jsx)("div",{className:"signup-left",children:(0,D.jsxs)("div",{className:"signup-page-intro",children:[(0,D.jsx)("div",{className:"signup-logo",children:(0,D.jsx)("img",{src:w,onClick:function(){return e.history.push("/")},alt:"Stackby Logo",className:"img-responsive"})}),(0,D.jsxs)("div",{className:"signup-header",children:[(0,D.jsx)("h2",{children:"Get started"}),(0,D.jsx)("p",{children:"Free forever. No credit card."})]}),(0,D.jsxs)("div",{className:"signup-page-actions",children:[(0,D.jsxs)("div",{className:"google-btn-box",children:[(0,D.jsxs)("button",{className:"google-login",onClick:function(){p.Ay.event({category:"GoogleSignup",action:"Signup from google"}),t.capture("signup_started",{method:"google"}),window.location="/api/v1/googlelogin?referId=".concat(x)},children:[(0,D.jsx)("img",{src:S,alt:"googlelogo"}

1),"Sign up with Google"]}),(0,D.jsx)("div",{className:"divider",children:"or"})]}),(0,D.jsx)("div",{className:"signup-email-box",children:(0,D.jsx)("input",{className:"email-input",placeholder:"Enter your full name",value:ie,maxLength:1e3,onChange:function(e){return se(e.target.value)},autoFocus:!0})}),(0,D.jsx)("div",{className:"signup-email-box",children:(0,D.jsx)("input",{type:"email",name:"email",className:"email-input ",placeholder:"Enter your email address",value:d,onChange:function(e){return function(e){var t=e.target.value;f(t),he(!1),ye(""),V(/^\w+([-.+'&]\w+)*@\w+([-.&]\w+)*\.\w+([-.&]\w+)*$/.test(t))}(e)},required:!0})}),(0,D.jsx)("div",{className:"signup-email-box",children:(0,D.jsxs)("div",{className:"password-wrapper",children:[(0,D.jsx)("input",{className:"email-input",placeholder:"Enter your password",type:xe?"text":"password",value:de,autoComplete:"new-password",onChange:function(e){return me(e.target.value)},minLength:8,maxLength:48}),(0,D.jsx)("span",{className:"toggle-password",onClick:function(){return je(function(e){return!e})},style:{cursor:"pointer"},children:xe?(0,D.jsx)(v.mx3,{color:"#9097a9"}):(0,D.jsx)(v.Ny1,{color:"#9097a9"})})]})}),(0,D.jsxs)("div",{className:"signup-email-box",children:[(0,D.jsxs)("h3",{children:["Phone"," ","India"==we&&(0,D.jsx)("span",{className:"required-asterisk",children:"*"})]}),(0,D.jsx)(b(),{country:ke,value:le,onChange:function(e,t){ce(e),null!=t&&t.name&&(Ne(t.name),localStorage.setItem("userCountry",t.name))},inputProps:{name:"phone_no_hidden",required:"India"===we,placeholder:"Enter phone number"}})]}),(0,D.jsx)("div",{className:"google-btn-box",children:(0,D.jsx)("button",{className:"Continue-login",onClick:function(){(function(){var e=ie.trim();if(e)if(e.match(/^[a-zA-Z\s]+$/))if("India"!==we||le)if(Pe)if(de)if(de.length<8)ye("Password should be at least 8 characters long");else{if(J)return he(!1),ye(""),!0;ye("Please enter a valid email address")}else ye("Please Enter Password");else ye("Please enter a valid 10-digit phone number");else ye("Please Enter Phone Number");else ye("Please enter alphabets only in full name");else ye("Please Enter Full Name");return he(!0),!1})()&&(t.capture("signup_started",{method:"email"}),$>0||n.A.post("/api/v1/signupSendOtp",_e()).then(function(e){(e||{}).data.data?(z(!0),Ee()):Ee()}).catch(function(e){var t;z(!1),he(!0),ye((null==e||null===(t=e.response)||void 0===t||null===(t=t.data)||void 0===t?void 0:t.error)||"Unable to send verification code. Please try again.")}))},disabled:!Te,children:"Continue with Email"})}),(0,D.jsx)("div",{className:"sign-sso-box",children:(0,D.jsx)("span",{className:"signup-sso-link",onClick:function(){return e.history.push("/sso/login")},children:"Sign in with SSO"})}),fe?(0,D.jsxs)("p",{className:"msg",children:[" ",ve," "]}):""]}),(0,D.jsxs)("div",{className:"signup-footer-links",children:[(0,D.jsxs)("span",{children:["Already have an account? ",(0,D.jsx)(j.N_,{to:"/login",children:"Login"})]}),(0,D.jsxs)("p",{children:["By creating a Stackby account, you’re agreeing to the"," ",(0,D.jsx)("a",{href:"https://stackby.com/tos",target:"_blank",rel:"noopener noreferrer",children:"Terms of Service and Privacy Policy"})]})]})]})}),ae?(0,D.jsx)(R,{aiDescription:te}):(0,D.jsx)("div",{className:"signup-right",children:(0,D.jsx)("div",{className:"signup-right-box",children:(0,D.jsx)(ne,{})})})]})})]})}))}}]);