https://cdn.shopify.com/shopifycloud/world/brochure/production-blog/assets/Conversion-s4BnbzV9.js

1import{H as e,N as t,j as n,z as r}from"./chunk-62JRHF6Z-CS0B5gRj.js";import{E as i}from"./paths-CTMSnpBZ.js";import{t as a}from"./jsx-runtime-Dv7-ob3D.js";import{S as o,T as s,g as c,h as l,m as u,v as d,x as f}from"./Wrapper-Qou99p7r.js";import{t as p}from"./HeadingGroup-WwSS19AO.js";import{C as m,n as h}from"./I18N-DbcewOge.js";import{r as g}from"./useSignup-By7IaEZI.js";import{l as _,o as v,s as y,t as b,u as x}from"./safeWithZod-CAn7nMHC.js";import{t as S}from"./FormButton-C4yyHqB5.js";import{t as C}from"./useIntlLocale-DTyKPUJ-.js";var w=a();function T({link:e,className:t,...n}){return e.url?(0,w.jsxs)(`a`,{href:e.url,className:s([`text-base overflow-hidden font-bold group leading-6`,`default:inline-flex`,`hover:text-zinc-700`,`font-sans`],t),...n,children:[(0,w.jsx)(`span`,{className:`underline group-hover:no-underline`,children:e.text}),(0,w.jsx)(c,{icon:d.Arrow,className:`size-4 reduced-motion:group-hover:translate-x-0 ml-1.5 origin-left translate-x-0 self-center opacity-100 transition-all duration-500 will-change-transform group-hover:translate-x-full group-hover:opacity-0`})]}):null}var E=e(r(),1),D=e(u(),1),O=f([`w-full mt-2 sm:mt-0 md:text-base relative py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap`,`hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none`],{variants:{isSuccess:{true:`disabled:text-black`}}});function k({children:e}){return(0,w.jsxs)(`span`,{className:`py-2 pl-6 text-xs`,children:[(0,w.jsx)(c,{icon:d.Information,className:`inline text-state-error size-4 mr-2`}),e]})}function A(){return(0,w.jsx)(`input`,{className:`sr-only`,id:(0,E.useId)(),name:`address`,"aria-label":`address`})}var j=b(v({email:y().min(1,{message:`subscribe.errors.email`}).email(`subscribe.errors.email`)})),M=({children:e,disabled:t=!1,success:n=!1})=>{let{t:r}=h();return(0,w.jsx)(S,{className:O({isSuccess:n}),intent:`secondary`,type:`submit`,disabled:t||n,componentName:`join-waitlist-form-button`,children:n?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(c,{icon:d.Check,className:`inline size-10 absolute top-1/2 -translate-y-1/2`}),(0,w.jsx)(`span`,{className:`ml-10`,children:r(`shared/global/translations:waitlistForm.successMessage`)})]}):e})};function N({buttonText:e,placeholder:r,label:a,formWrapperClass:o,inputWrapperClass:s,subscriptionId:c,successMessage:u,mode:d=`light`,blogType:f=m.BLOG,disclaimer:p,isRetailArticle:g}){let{t:v,localizePath:y}=h(),b=t(),S=n(),T=C(),O=(0,E.useId)(),[N,P]=(0,E.useState)(),F=`email-input-${(0,E.useId)()}`,I=y(`/blog/api/subscribe`),L=v(`shared/global/translations:waitlistForm.placeholder`),R=v(`shared/global/translations:waitlistForm.buttonText`),z=!g&&(0,w.jsxs)(`div`,{"aria-live":`polite`,className:`p-6 bg-white text-black rounded-2xl shadow-light space-y-2 text-left mt-4 w-full`,children:[(0,w.jsx)(l,{as:`p`,size:`t7`,children:u?.heading}),(0,w.jsx)(l,{as:`p`,size:`p`,children:u?.contentHtml})]}),B=_({validator:j,method:`post`,action:I}),{onSubmit:V,...H}=B.getFormProps(),U=async e=>{e.preventDefault(),V(e);let t=e.target,n=new FormData(e.target),r=new URLSearchParams(n),i=await fetch(t.action,{method:t.method,body:r});if(!i.ok)throw Error(`[BlogDataSubscribe] Something went wrong when submitting the form data`);P(await i.json())};return(0,w.jsxs)(w.Fragment,{children:[a&&(0,w.jsx)(l,{as:`p`,className:`sr-only`,children:a}),(0,w.jsx)(x,{scope:B.scope(),children:(0,w.jsxs)(`form`,{...H,onSubmit:U,className:o,"data-mode":d,children:[(0,w.jsxs)(`div`,{id:O,"data-component-name":`waitlist-form-input-wrapper`,"data-mode":d,className:(0,D.default)(s,{"border-state-error":N&&!N.success}),children:[(0,w.jsx)(`label`,{htmlFor:F,className:`sr-only`,children:r??L}),(0,w.jsx)(`input`,{id:F,className:`text-shade-70 h-14 w-full bg-transparent outline-none placeholder:text-black placeholder:font-normal`,type:`email`,required:!0,spellCheck:`false`,autoComplete:`email`,name:`email`,placeholder:r??L,disabled:b.state===`submitting`||N?.success}),(0,w.jsx)(`input`,{type:`hidden`,name:`subscriptionId`,value:c}),(0,w.jsx)(`input`,{type:`hidden`,name:`signup_page`,value:S.pathname}),(0,w.jsx)(`input`,{type:`hidden`,name:`locale`,value:T}),(0,w.jsx)(`input`,{type:`hidden`,name:`blogHandle`,value:f}),(0,w.jsx)(`input`,{type:`hidden`,name:`form_type`,value:i.Subscribe}),(0,w.jsx)(`div`,{className:`hidden sm:block`,children:(0,w.jsx)(M,{success:N?.success,disabled:b.state===`submitting`,children:e??R})})]}),p&&(0,w.jsx)(l,{className:`text-sm mt-7 sm:mt-sm mb-xl`,children:p}),(0,w.jsx)(`div`,{className:`block w-full sm:hidden`,children:(0,w.jsx)(M,{success:N?.success,disabled:b.state===`submitting`,children:e??R})}),(0,w.jsx)(A,{}),N&&!N.success&&(0,w.jsx)(k,{children:v(`shared/global/translations:waitlistForm.errors.general`)}),N?.success&&z]})})]})}var P=f(`flex w-full flex-col justify-center [&_button]:bg-[#7BE986]`,{variants:{center:{true:`items-center m-auto`,false:`items-start`},mode:{light:`text-black`,dark:`text-white`}}}),F=f(`box-border flex h-14 w-full justify-between rounded-full border border-shades-60 border-shade-60 pl-6 pr-1 items-center`,{variants:{center:{true:`items-center`,false:`items-start`},mode:{light:`text-black bg-white`,dark:`text-white bg-white`}}}),I=f(`pt-sm sm:w-[406px] w-full`,{variants:{center:{true:`text-center m-auto`,false:`items-left`},mode:{light:`text-black`,dark:`text-white`}},defaultVariants:{center:!1,mode:`light`}});function L({cta:e,subscriptionId:t,className:n,center:r,disclaimerHtml:i,mode:a=`light`,blogType:

1o=m.BLOG}){return(0,w.jsx)(w.Fragment,{children:e&&(0,w.jsxs)(`div`,{className:n,"data-mode":a,"data-center":r,children:[t&&(0,w.jsx)(N,{mode:a,buttonText:e.text,placeholder:e.emailPlaceholder,label:e?.label,inputWrapperClass:F({mode:a,center:r}),formWrapperClass:P({mode:a,center:r}),subscriptionId:t||``,successMessage:e?.successMessage,blogType:o}),i&&(0,w.jsx)(l,{size:`body-sm`,className:I({center:r,mode:a}),as:`p`,children:i})]})})}var R=o(`[&_span]:font-medium`,`[&_span]:font-sans`,`[&_span]:tracking-[-.02em] [&_span]:tablet:tracking-[-.01em]`,`[&_span]:text-[34px] [&_span]:leading-[38px]`,`[&_span]:tablet:text-[32px] [&_span]:tablet:leading-[40px]`,`[&_span]:desktop:text-[40px] [&_span]:desktop:leading-[48px]`,`[&_p]:pt-4 [&_p]:pb-6`,`[&_p]:font-normal [&_p]:tracking-[-.02em]`,`[&_p]:text-[18px] [&_p]:leading-[26px]`,`[&_p]:tablet:text-xl`,`[&_p]:desktop:text-[22px] [&_p]:desktop:leading-8`,`[&_p]:max-w-prose [&_p]:mx-auto`),z=o(`[&_span]:tracking-[-.68px] [&_span]:tablet:tracking-[-.8px] [&_span]:desktop:tracking-[-.4px]`,`[&_span]:text-[34px] [&_span]:leading-[38px]`,`[&_span]:tablet:text-[40px] [&_span]:tablet:leading-[48px]`,`[&_p]:pt-4 [&_p]:pb-6`,`[&_p]:text-[18px] [&_p]:leading-[26px] [&_p]:tracking-[-.36px] [&_p]:tablet:text-[22px] [&_p]:tablet:leading-8 [&_p]:tablet:tracking-[-.44px]`),B=f(`[&_p]:text-xs [&_p]:pt-1`,{variants:{blogType:{[m.BLOG]:[`[&_form]:max-w-3xl [&_form]:mx-auto [&_form]:py-sm`,`[&_p]:text-sm`],[m.RETAIL]:``,[m.PARTNERS]:[`[&_button[type="submit"]]:bg-[#390279] [&_button[type="submit"]:hover]:bg-[#390279] [&_button[type="submit"]:focus]:bg-[#390279] [&_button[type="submit"]:active]:bg-[#390279]`,`[&_button[type="submit"]]:text-white`],[m.ENTERPRISE]:[`[&_button[type="submit"]]:btn-primary [&_button[type="submit"]]:font-faktum [&_button[type="submit"]]:mt-0`,`[&_form>div+div]:hidden [&_form>div>input+div]:inline-block`,`[&_form]:max-w-3xl [&_form]:mx-auto [&_form]:py-sm`,`[&_p]:text-sm`],[m.ENGINEERING]:``}}}),V={light:`t2`,dark:`t4`},H={light:`[&_span]:normal-case [&_span]:text-shade-100 [&_span]:font-sans [&_.opacity-body]:text-black/60 [&_p]:font-sans [&_p]:pt-4 [&_p]:pb-6 [&_p]:max-w-prose [&_p]:mx-auto`,dark:`[&_span]:normal-case [&_span]:font-sans [&_.opacity-body]:text-white/70 [&_p]:font-sans [&_p]:pt-4 [&_p]:pb-6 [&_p]:max-w-prose [&_p]:mx-auto`},U={light:`no-opacity-body [&_p]:text-body-sm [&_p]:text-black/60 [&_p]:font-sans`,dark:`no-opacity-body [&_p]:text-body-sm [&_p]:text-white/70 [&_p]:font-sans`};function W({className:e,headingClassName:t,headingLayoutClassName:n,buttonsClassName:r,ctaClassName:i,cta:a,subscriptionId:o,mode:c=`light`,center:l=!0,kicker:u,headingHtml:d,subheadHtml:f,buttons:h,disclaimerHtml:_,blogType:v=m.BLOG,subheadAs:y,upliftMigration:b=!1}){let x={className:b?s(H[c],`no-opacity-body`,n):t,headingAs:`span`,kicker:u,headingHtml:d,subheadHtml:f,center:l,mode:c,size:b?V[c]:void 0,subheadAs:y},S={className:s(`mt-md`,r,b&&U[c]),buttons:h,disclaimerHtml:_,center:l,mode:c,size:`large`},C={className:s(i,b&&U[c]),subscriptionId:o,cta:a,disclaimerHtml:_,center:l,mode:c,blogType:v};return(0,w.jsxs)(`div`,{className:s(e,b&&c===`light`&&`text-black/60`),children:[(0,w.jsx)(p,{...x}),h?.length>0&&(0,w.jsx)(g,{...S}),(0,w.jsx)(L,{...C})]})}export{P as a,T as c,R as i,B as n,F as o,z as r,N as s,W as t};
2//# sourceMappingURL=Conversion-s4BnbzV9.js.map