@stackshift-ui/signin-signup 7.0.0-beta.4 → 7.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/chunk-GXKWOC2L.mjs +1 -0
  2. package/dist/chunk-LME4QAJ6.mjs +1 -0
  3. package/dist/chunk-ZJEJUNTT.mjs +1 -0
  4. package/dist/index.js +1 -1
  5. package/dist/index.mjs +1 -1
  6. package/dist/signin-signup.d.ts +1 -1
  7. package/dist/signin-signup.js +1 -1
  8. package/dist/signin-signup.mjs +1 -1
  9. package/dist/signin_signup_a.js +1 -1
  10. package/dist/signin_signup_a.mjs +1 -1
  11. package/dist/signin_signup_b.js +1 -1
  12. package/dist/signin_signup_b.mjs +1 -1
  13. package/package.json +16 -16
  14. package/src/signin-signup.tsx +6 -4
  15. package/src/signin_signup_a.tsx +19 -27
  16. package/src/signin_signup_b.tsx +8 -15
  17. package/dist/chunk-JTKLKDVQ.mjs +0 -1
  18. package/dist/chunk-OLWLBKEF.mjs +0 -1
  19. package/dist/chunk-SJU4OADH.mjs +0 -1
package/dist/chunk-GXKWOC2L.mjs ADDED
@@ -0,0 +1 @@
1
+ import{a as b,b as w}from"./chunk-4DDN6JI4.mjs";import{Button as h}from"@stackshift-ui/button";import{Container as y}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Form as R}from"@stackshift-ui/form";import{FormField as v}from"@stackshift-ui/form-field";import{Heading as C}from"@stackshift-ui/heading";import{Image as A}from"@stackshift-ui/image";import{Input as N}from"@stackshift-ui/input";import{Link as r}from"@stackshift-ui/link";import{Section as z}from"@stackshift-ui/section";import{Text as M}from"@stackshift-ui/text";import q from"react";import{buildSanityLink as S}from"@stackshift-ui/system";import{Fragment as P,jsx as e,jsxs as c}from"react/jsx-runtime";function L({logo:t,form:n,formLinks:u,signInLink:p}){return e(z,{className:"py-10 rounded-md lg:py-20",children:c(y,{maxWidth:576,children:[e(B,{logo:t}),c(y,{className:"mb-6 text-center lg:mb-10",children:[e(T,{form:n}),e(Y,{form:n,signInLink:p,thankYouPage:w(n==null?void 0:n.thankYouPage)})]}),e(V,{formLinks:u})]})})}function B({logo:t}){var n;return t?e("div",{className:"mb-10",children:e(r,{"aria-label":`Go to ${b(t)==="/"?"home page":b(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:e(A,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function T({form:t}){return c("div",{className:"mb-6",children:[t!=null&&t.subtitle?e(M,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?e(C,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function Y({form:t,signInLink:n,thankYouPage:u}){var i,s;if(!(t!=null&&t.fields))return null;let[p,l]=q.useState({}),a=x=>{l(g=>({...g,[x]:!g[x]}))};return c(R,{id:(i=t==null?void 0:t.id)!=null?i:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[e(H,{form:t,showPasswords:p,togglePasswordVisibility:a}),e("div",{children:e("div",{className:"webriq-recaptcha"})}),e("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&e(h,{variant:"default","aria-label":(s=t==null?void 0:t.buttonLabel)!=null?s:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),n&&e(k,{signInLink:n})]})}function H({form:t,showPasswords:n,togglePasswordVisibility:u}){var p,l;return c(P,{children:[e(d,{wrap:!0,className:"-mx-2 lg:gap-0 gap-3",children:(p=t==null?void 0:t.fields)==null?void 0:p.slice(0,2).map((a,i)=>{var s;return e("div",{className:"w-full px-2 lg:w-1/2",children:a.type==="inputText"?e(N,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-base bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):e(v,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",name:(s=a==null?void 0:a.name)!=null?s:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},i)})}),(l=t==null?void 0:t.fields)==null?void 0:l.slice(2).map((a,i)=>{var s;return e("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?e(U,{formFields:a,showPassword:n[a.name]||!1,togglePassword:()=>u(a.name)}):e(v,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(s=a==null?void 0:a.name)!=null?s:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},i)})]})}function k({signInLink:t}){if(!(t!=null&&t.label))return null;let n=S(t);return c("div",{className:"w-full text-center mt-3",children:[e("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),e(h,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:e(r,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function U({formFields:t,showPassword:n,togglePassword:u}){var p;return c("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center relative",children:[e(N,{className:"py-4 bg-white pr-12","aria-label":(p=t==null?void 0:t.placeholder)!=null?p:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),c(h,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[e("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),e("span",{className:"hidden sm:block",children:e(o,{showPassword:n})})]})]})}function V({formLinks:t}){return t?e("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((n,u,{length:p})=>{let l=S(n);return c("span",{children:[e(h,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":n==null?void 0:n.label,asChild:!0,children:e(r,{href:l.href,target:l.target,rel:l.rel,children:n==null?void 0:n.label})}),u===p-1?null:u===p-2?e("span",{children:"\xA0and\xA0"}):e("span",{children:"\xA0,\xA0"})]},u)})}):null}function o({showPassword:t}){return e(P,{children:t?e("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:c("g",{fill:"currentColor",children:[e("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),e("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),e("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):e("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:c("g",{fill:"currentColor",children:[e("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),e("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}export{L as a};
package/dist/chunk-LME4QAJ6.mjs ADDED
@@ -0,0 +1 @@
1
+ import{a as h,b as y}from"./chunk-4DDN6JI4.mjs";import{Button as g}from"@stackshift-ui/button";import{Card as N}from"@stackshift-ui/card";import{Container as v}from"@stackshift-ui/container";import{Flex as S}from"@stackshift-ui/flex";import{Form as P}from"@stackshift-ui/form";import{FormField as o}from"@stackshift-ui/form-field";import{Heading as C}from"@stackshift-ui/heading";import{Image as R}from"@stackshift-ui/image";import{Input as m}from"@stackshift-ui/input";import{Link as b}from"@stackshift-ui/link";import{Section as M}from"@stackshift-ui/section";import{buildSanityLink as d}from"@stackshift-ui/system";import{Text as A}from"@stackshift-ui/text";import w from"react";import{jsx as e,jsxs as c}from"react/jsx-runtime";function B({logo:t,form:n,formLinks:u,signInLink:r}){return e(M,{className:"py-10 bg-primary lg:py-20",children:e(v,{maxWidth:1280,children:c(v,{maxWidth:576,children:[e(z,{logo:t}),c(N,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[e(L,{form:n}),e(q,{form:n,signInLink:r})]}),e(Y,{formLinks:u})]})})})}function z({logo:t}){var n;return t?e("div",{className:"mb-10",children:e(b,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:e(R,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function L({form:t}){return c("div",{className:"mb-6 text-center sm:text-left",children:[e(A,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),e(C,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function q({form:t,signInLink:n}){var s;if(!(t!=null&&t.fields))return null;let[u,r]=w.useState({}),p=i=>{r(a=>({...a,[i]:!a[i]}))};return c(P,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:y(t==null?void 0:t.thankYouPage),children:[e(H,{form:t,showPassword:u,togglePasswordVisibility:p}),e("div",{children:e("div",{className:"webriq-recaptcha"})}),c("div",{className:"text-center",children:[e(U,{form:t}),e(V,{signInLink:n})]})]})}function H({form:t,showPassword:n,togglePasswordVisibility:u}){var r,p,s,i;return c(w.Fragment,{children:[e(S,{className:"flex-col lg:flex-row gap-3",children:(p=(r=t==null?void 0:t.fields)==null?void 0:r.slice(0,2))==null?void 0:p.map((a,x)=>{var l;return e("div",{className:"w-full",children:e(o,{noLabel:!0,variant:"secondary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(l=a==null?void 0:a.name)!=null?l:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},x)})}),(i=(s=t==null?void 0:t.fields)==null?void 0:s.slice(2))==null?void 0:i.map((a,x)=>{var l;return e("div",{className:"my-3",children:(a==null?void 0:a.type)==="inputPassword"&&a.name?e(T,{formFields:a,showPassword:n[a.name]||!1,togglePassword:()=>u(a.name)}):e(o,{noLabel:!0,variant:"secondary",name:(l=a==null?void 0:a.name)!=null?l:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},x)})]})}function T({formFields:t,showPassword:n,togglePassword:u}){var r;return c("div",{className:"flex flex-col sm:flex-row gap-2 items-center relative",children:[e(m,{"aria-label":(r=t==null?void 0:t.placeholder)!=null?r:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired,className:"pr-12"}),c(g,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[e("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),e("span",{className:"hidden sm:block",children:e(W,{showPassword:n})})]})]})}function U({form:t}){var n;return t!=null&&t.buttonLabel?e(g,{className:"w-full py-4 mb-3","aria-label":(n=t==null?void 0:t.buttonLabel)!=null?n:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function V({signInLink:t}){if(!(t!=null&&t.label))return null;let n=d(t);return c("span",{className:"text-xs text-gray-900",children:[e("span",{children:"Already have an account?"})," ",e(g,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:e(b,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function Y({formLinks:t}){return t?e("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((n,u,{length:r})=>{let p=d(n);return c("span",{children:[e(g,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":n==null?void 0:n.label,asChild:!0,children:e(b,{href:p==null?void 0:p.href,target:p==null?void 0:p.target,rel:p==null?void 0:p.rel,children:n==null?void 0:n.label})}),u===r-1?null:u===r-2?e("span",{children:"\xA0and\xA0"}):e("span",{children:"\xA0,\xA0"})]},u)})}):null}function W({showPassword:t}){return e(w.Fragment,{children:t?e("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:c("g",{fill:"currentColor",children:[e("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),e("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),e("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):e("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:c("g",{fill:"currentColor",children:[e("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),e("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}export{B as a};
package/dist/chunk-ZJEJUNTT.mjs ADDED
@@ -0,0 +1 @@
1
+ import{a as x}from"./chunk-GXKWOC2L.mjs";import{a as F}from"./chunk-LME4QAJ6.mjs";import{jsx as K}from"react/jsx-runtime";var i={variant_a:x,variant_b:F},h="SigninSignup",I=({data:n})=>{var r,s,u,f,t,p,g,l,m,L,c,v,S,b,y,R,k,B;let e=n==null?void 0:n.variant,o=e&&(i==null?void 0:i[e]),P={logo:(s=(r=n==null?void 0:n.variants)==null?void 0:r.logo)!=null?s:void 0,title:(f=(u=n==null?void 0:n.variants)==null?void 0:u.title)!=null?f:void 0,subtitle:(p=(t=n==null?void 0:n.variants)==null?void 0:t.subtitle)!=null?p:void 0,text:(l=(g=n==null?void 0:n.variants)==null?void 0:g.plainText)!=null?l:void 0,firstButton:(L=(m=n==null?void 0:n.variants)==null?void 0:m.primaryButton)!=null?L:void 0,secondButton:(v=(c=n==null?void 0:n.variants)==null?void 0:c.secondaryButton)!=null?v:void 0,formLinks:(b=(S=n==null?void 0:n.variants)==null?void 0:S.formLinks)!=null?b:void 0,signInLink:(R=(y=n==null?void 0:n.variants)==null?void 0:y.signinLink)!=null?R:void 0,form:(B=(k=n==null?void 0:n.variants)==null?void 0:k.form)!=null?B:void 0};return o?K(o,{...P}):null};I.displayName=h;export{I as a};
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var we=Object.create;var w=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var S=(e,t)=>()=>(e&&(t=e(e=0)),t);var P=(e,t)=>{for(var u in t)w(e,u,{get:t[u],enumerable:!0})},j=(e,t,u,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of ge(t))!oe.call(e,s)&&s!==u&&w(e,s,{get:()=>t[s],enumerable:!(c=ve(t,s))||c.enumerable});return e};var O=(e,t,u)=>(u=e!=null?we(Ne(e)):{},j(t||!e||!e.__esModule?w(u,"default",{value:e,enumerable:!0}):u,e)),Se=e=>j(w({},"__esModule",{value:!0}),e);var b,v,R=S(()=>{"use strict";b=e=>{var t,u,c;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(u=(t=e==null?void 0:e.internalLink)==null?void 0:t.toLowerCase())!=null&&u.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(c=e==null?void 0:e.externalLink)!=null?c:"/"},v=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you"});var ne={};P(ne,{SigninSignup_A:()=>B,default:()=>B});function B({logo:e,form:t,formLinks:u,signInLink:c}){return(0,r.jsx)(ee.Section,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:(0,r.jsxs)(C.Container,{maxWidth:576,className:"px-4",children:[(0,r.jsx)(Pe,{logo:e}),(0,r.jsxs)(C.Container,{className:"mb-6 px-4 text-center lg:mb-10",children:[(0,r.jsx)(Re,{form:t}),(0,r.jsx)(Ce,{form:t,signInLink:c,thankYouPage:v(t==null?void 0:t.thankYouPage)})]}),(0,r.jsx)(Be,{formLinks:u})]})})}function Pe({logo:e}){var t;return e?(0,r.jsx)("div",{className:"mb-10",children:(0,r.jsx)(g.Link,{"aria-label":`Go to ${b(e)==="/"?"home page":b(e)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,r.jsx)(F.Image,{src:e==null?void 0:e.image,alt:(t=e==null?void 0:e.alt)!=null?t:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function Re({form:e}){return(0,r.jsxs)("div",{className:"mb-6",children:[e!=null&&e.subtitle?(0,r.jsx)(te.Text,{muted:!0,children:e==null?void 0:e.subtitle}):null,e!=null&&e.name?(0,r.jsx)(f.Heading,{className:"text-2xl lg:text-2xl",children:e==null?void 0:e.name}):null]})}function Ce({form:e,signInLink:t,thankYouPage:u}){var i,n;if(!(e!=null&&e.fields))return null;let[c,s]=ae.default.useState({}),a=l=>{s(x=>({...x,[l]:!x[l]}))};return(0,r.jsxs)(I.Form,{id:(i=e==null?void 0:e.id)!=null?i:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[(0,r.jsx)(Le,{form:e,showPasswords:c,togglePasswordVisibility:a}),(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"webriq-recaptcha"})}),(0,r.jsx)("div",{className:"text-center",children:(e==null?void 0:e.buttonLabel)&&(0,r.jsx)(h.Button,{variant:"default","aria-label":(n=e==null?void 0:e.buttonLabel)!=null?n:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:e==null?void 0:e.buttonLabel})}),t&&(0,r.jsx)(me,{signInLink:t})]})}function Le({form:e,showPasswords:t,togglePasswordVisibility:u}){var c,s;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(k.Flex,{wrap:!0,className:"-mx-2",children:(c=e==null?void 0:e.fields)==null?void 0:c.slice(0,2).map((a,i)=>{var n;return(0,r.jsx)("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:a.type==="inputText"?(0,r.jsx)(m.Input,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-xs bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):(0,r.jsx)(L.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",name:(n=a==null?void 0:a.name)!=null?n:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},i)})}),(s=e==null?void 0:e.fields)==null?void 0:s.slice(2).map((a,i)=>{var n;return(0,r.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,r.jsx)(de,{formFields:a,showPassword:t[a.name]||!1,togglePassword:()=>u(a.name)}):(0,r.jsx)(L.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(n=a==null?void 0:a.name)!=null?n:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},i)})]})}function me({signInLink:e}){var u,c,s;if(!(e!=null&&e.label))return null;let t=(0,d.buildSanityLink)({type:(u=e==null?void 0:e.type)!=null?u:"",internalLink:(c=e==null?void 0:e.internalLink)!=null?c:"",externalLink:(s=e==null?void 0:e.externalLink)!=null?s:""});return(0,r.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,r.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,r.jsx)(h.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,r.jsx)(g.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})})]})}function de({formFields:e,showPassword:t,togglePassword:u}){var c;return(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center",children:[(0,r.jsx)(m.Input,{className:"py-4","aria-label":(c=e==null?void 0:e.placeholder)!=null?c:e==null?void 0:e.name,type:t?"text":"password",placeholder:e==null?void 0:e.placeholder,name:e==null?void 0:e.name,required:e==null?void 0:e.isRequired}),(0,r.jsxs)(h.Button,{variant:"unstyled","aria-label":t?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:u,children:[(0,r.jsx)("span",{className:"block sm:hidden text-right",children:t?"Hide":"Show"}),(0,r.jsx)("span",{className:"hidden sm:block",children:(0,r.jsx)(Ae,{showPassword:t})})]})]})}function Be({formLinks:e}){return e?(0,r.jsx)("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:e==null?void 0:e.map((t,u,{length:c})=>{var a,i,n;let s=(0,d.buildSanityLink)({type:(a=t==null?void 0:t.type)!=null?a:"",internalLink:(i=t==null?void 0:t.internalLink)!=null?i:"",externalLink:(n=t==null?void 0:t.externalLink)!=null?n:""});return(0,r.jsxs)("span",{children:[(0,r.jsx)(h.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,r.jsx)(g.Link,{href:s.href,target:s.target,rel:s.rel,children:t==null?void 0:t.label})}),u===c-1?null:u===c-2?(0,r.jsx)("span",{children:"\xA0and\xA0"}):(0,r.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function Ae({showPassword:e}){return(0,r.jsx)(r.Fragment,{children:e?(0,r.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,r.jsxs)("g",{fill:"currentColor",children:[(0,r.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,r.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,r.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,r.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,r.jsxs)("g",{fill:"currentColor",children:[(0,r.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,r.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var h,C,k,I,L,f,F,m,g,ee,te,ae,d,r,A=S(()=>{"use strict";h=require("@stackshift-ui/button"),C=require("@stackshift-ui/container"),k=require("@stackshift-ui/flex"),I=require("@stackshift-ui/form"),L=require("@stackshift-ui/form-field"),f=require("@stackshift-ui/heading"),F=require("@stackshift-ui/image"),m=require("@stackshift-ui/input"),g=require("@stackshift-ui/link"),ee=require("@stackshift-ui/section"),te=require("@stackshift-ui/text"),ae=O(require("react")),d=require("@stackshift-ui/system");R();r=require("react/jsx-runtime")});var be={};P(be,{SigninSignup_B:()=>T,default:()=>T});function T({logo:e,form:t,formLinks:u,signInLink:c}){return(0,p.jsx)(ee.Section,{className:"py-10 bg-primary lg:py-20",children:(0,p.jsx)(C.Container,{maxWidth:1280,children:(0,p.jsxs)(C.Container,{maxWidth:576,children:[(0,p.jsx)(Me,{logo:e}),(0,p.jsxs)(re.Card,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[(0,p.jsx)(ze,{form:t}),(0,p.jsx)(qe,{form:t,signInLink:c})]}),(0,p.jsx)(Ve,{formLinks:u})]})})})}function Me({logo:e}){var t;return e?(0,p.jsx)("div",{className:"mb-10",children:(0,p.jsx)(g.Link,{"aria-label":`Go to ${b(e)==="/"?"home page":b(e)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,p.jsx)(F.Image,{src:e==null?void 0:e.image,alt:(t=e==null?void 0:e.alt)!=null?t:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function ze({form:e}){return(0,p.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,p.jsx)(te.Text,{muted:!0,className:"text-sm lg:text-base",children:e==null?void 0:e.subtitle}),(0,p.jsx)(f.Heading,{className:"text-xl lg:text-2xl",children:e==null?void 0:e.name})]})}function qe({form:e,signInLink:t}){var a;if(!(e!=null&&e.fields))return null;let[u,c]=o.default.useState({}),s=i=>{c(n=>({...n,[i]:!n[i]}))};return(0,p.jsxs)(I.Form,{id:(a=e==null?void 0:e.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:v(e==null?void 0:e.thankYouPage),children:[(0,p.jsx)(Te,{form:e,showPassword:u,togglePasswordVisibility:s}),(0,p.jsx)("div",{children:(0,p.jsx)("div",{className:"webriq-recaptcha"})}),(0,p.jsxs)("div",{className:"text-center",children:[(0,p.jsx)(He,{form:e}),(0,p.jsx)(Ue,{signInLink:t})]})]})}function Te({form:e,showPassword:t,togglePasswordVisibility:u}){var c,s,a,i;return(0,p.jsxs)(o.default.Fragment,{children:[(0,p.jsx)(k.Flex,{className:"flex-col lg:flex-row gap-3",children:(s=(c=e==null?void 0:e.fields)==null?void 0:c.slice(0,2))==null?void 0:s.map((n,l)=>{var x;return(0,p.jsx)("div",{className:"w-full",children:(0,p.jsx)(L.FormField,{noLabel:!0,variant:"secondary",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,name:(x=n==null?void 0:n.name)!=null?x:"",items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},l)})}),(i=(a=e==null?void 0:e.fields)==null?void 0:a.slice(2))==null?void 0:i.map((n,l)=>{var x;return(0,p.jsx)("div",{className:"my-3",children:(n==null?void 0:n.type)==="inputPassword"&&n.name?(0,p.jsx)(Ye,{formFields:n,showPassword:t[n.name]||!1,togglePassword:()=>u(n.name)}):(0,p.jsx)(L.FormField,{noLabel:!0,variant:"secondary",name:(x=n==null?void 0:n.name)!=null?x:"",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},l)})]})}function Ye({formFields:e,showPassword:t,togglePassword:u}){var c;return(0,p.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center",children:[(0,p.jsx)(m.Input,{"aria-label":(c=e==null?void 0:e.placeholder)!=null?c:e==null?void 0:e.name,type:t?"text":"password",placeholder:e==null?void 0:e.placeholder,name:e==null?void 0:e.name,required:e==null?void 0:e.isRequired}),(0,p.jsxs)(y.Button,{variant:"unstyled","aria-label":t?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:u,children:[(0,p.jsx)("span",{className:"block sm:hidden text-right",children:t?"Hide":"Show"}),(0,p.jsx)("span",{className:"hidden sm:block",children:(0,p.jsx)(We,{showPassword:t})})]})]})}function He({form:e}){var t;return e!=null&&e.buttonLabel?(0,p.jsx)(y.Button,{className:"w-full py-4 mb-3","aria-label":(t=e==null?void 0:e.buttonLabel)!=null?t:"Sign Up form submit button",variant:"default",type:"submit",children:e==null?void 0:e.buttonLabel}):null}function Ue({signInLink:e}){var u,c,s;if(!(e!=null&&e.label))return null;let t=(0,d.buildSanityLink)({type:(u=e==null?void 0:e.type)!=null?u:"",internalLink:(c=e==null?void 0:e.internalLink)!=null?c:"",externalLink:(s=e==null?void 0:e.externalLink)!=null?s:""});return(0,p.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,p.jsx)("span",{children:"Already have an account?"})," ",(0,p.jsx)(y.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,p.jsx)(g.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})})]})}function Ve({formLinks:e}){return e?(0,p.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:e==null?void 0:e.map((t,u,{length:c})=>{var a,i,n;let s=(0,d.buildSanityLink)({type:(a=t==null?void 0:t.type)!=null?a:"",internalLink:(i=t==null?void 0:t.internalLink)!=null?i:"",externalLink:(n=t==null?void 0:t.externalLink)!=null?n:""});return(0,p.jsxs)("span",{children:[(0,p.jsx)(y.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,p.jsx)(g.Link,{href:s==null?void 0:s.href,target:s==null?void 0:s.target,rel:s==null?void 0:s.rel,children:t==null?void 0:t.label})}),u===c-1?null:u===c-2?(0,p.jsx)("span",{children:"\xA0and\xA0"}):(0,p.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function We({showPassword:e}){return(0,p.jsx)(o.default.Fragment,{children:e?(0,p.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,p.jsxs)("g",{fill:"currentColor",children:[(0,p.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,p.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,p.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,p.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,p.jsxs)("g",{fill:"currentColor",children:[(0,p.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,p.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var y,re,C,k,I,L,f,F,m,g,ee,d,te,o,p,Y=S(()=>{"use strict";y=require("@stackshift-ui/button"),re=require("@stackshift-ui/card"),o=O(require("react"));R();p=require("react/jsx-runtime")});var Ke={};P(Ke,{SigninSignup:()=>he,SigninSignup_A:()=>B,SigninSignup_B:()=>T});module.exports=Se(Ke);var U=require("react"),ye=require("react/jsx-runtime"),H={variant_a:(0,U.lazy)(()=>Promise.resolve().then(()=>(A(),ne))),variant_b:(0,U.lazy)(()=>Promise.resolve().then(()=>(Y(),be)))},_e="SigninSignup",he=({data:e})=>{var s,a,i,n,l,x,V,W,_,K,$,G,E,D,J,Q,X,Z;let t=e==null?void 0:e.variant,u=t&&(H==null?void 0:H[t]),c={logo:(a=(s=e==null?void 0:e.variants)==null?void 0:s.logo)!=null?a:void 0,title:(n=(i=e==null?void 0:e.variants)==null?void 0:i.title)!=null?n:void 0,subtitle:(x=(l=e==null?void 0:e.variants)==null?void 0:l.subtitle)!=null?x:void 0,text:(W=(V=e==null?void 0:e.variants)==null?void 0:V.plainText)!=null?W:void 0,firstButton:(K=(_=e==null?void 0:e.variants)==null?void 0:_.primaryButton)!=null?K:void 0,secondButton:(G=($=e==null?void 0:e.variants)==null?void 0:$.secondaryButton)!=null?G:void 0,formLinks:(D=(E=e==null?void 0:e.variants)==null?void 0:E.formLinks)!=null?D:void 0,signInLink:(Q=(J=e==null?void 0:e.variants)==null?void 0:J.signinLink)!=null?Q:void 0,form:(Z=(X=e==null?void 0:e.variants)==null?void 0:X.form)!=null?Z:void 0};return u?(0,ye.jsx)(u,{...c}):null};he.displayName=_e;A();Y();0&&(module.exports={SigninSignup,SigninSignup_A,SigninSignup_B});
2
+ "use strict";var it=Object.create;var g=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty;var ht=(t,e)=>{for(var u in e)g(t,u,{get:e[u],enumerable:!0})},E=(t,e,u,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ct(e))!bt.call(t,s)&&s!==u&&g(t,s,{get:()=>e[s],enumerable:!(i=st(e,s))||i.enumerable});return t};var D=(t,e,u)=>(u=t!=null?it(lt(t)):{},E(e||!t||!t.__esModule?g(u,"default",{value:t,enumerable:!0}):u,t)),xt=t=>E(g({},"__esModule",{value:!0}),t);var Tt={};ht(Tt,{SigninSignup:()=>pt,SigninSignup_A:()=>o,SigninSignup_B:()=>L});module.exports=xt(Tt);var x=require("@stackshift-ui/button"),P=require("@stackshift-ui/container"),J=require("@stackshift-ui/flex"),Q=require("@stackshift-ui/form"),R=require("@stackshift-ui/form-field"),X=require("@stackshift-ui/heading"),Z=require("@stackshift-ui/image"),C=require("@stackshift-ui/input"),v=require("@stackshift-ui/link"),j=require("@stackshift-ui/section"),O=require("@stackshift-ui/text"),I=D(require("react")),d=require("@stackshift-ui/system");var h=t=>{var e,u,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(u=(e=t==null?void 0:t.internalLink)==null?void 0:e.toLowerCase())!=null&&u.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"},w=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var n=require("react/jsx-runtime");function o({logo:t,form:e,formLinks:u,signInLink:i}){return(0,n.jsx)(j.Section,{className:"py-10 rounded-md lg:py-20",children:(0,n.jsxs)(P.Container,{maxWidth:576,children:[(0,n.jsx)(yt,{logo:t}),(0,n.jsxs)(P.Container,{className:"mb-6 text-center lg:mb-10",children:[(0,n.jsx)(gt,{form:e}),(0,n.jsx)(wt,{form:e,signInLink:i,thankYouPage:w(e==null?void 0:e.thankYouPage)})]}),(0,n.jsx)(St,{formLinks:u})]})})}function yt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(v.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(Z.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function gt({form:t}){return(0,n.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,n.jsx)(O.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,n.jsx)(X.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function wt({form:t,signInLink:e,thankYouPage:u}){var c,p;if(!(t!=null&&t.fields))return null;let[i,s]=I.default.useState({}),a=b=>{s(l=>({...l,[b]:!l[b]}))};return(0,n.jsxs)(Q.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[(0,n.jsx)(vt,{form:t,showPasswords:i,togglePasswordVisibility:a}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(0,n.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,n.jsx)(x.Button,{variant:"default","aria-label":(p=t==null?void 0:t.buttonLabel)!=null?p:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),e&&(0,n.jsx)(ot,{signInLink:e})]})}function vt({form:t,showPasswords:e,togglePasswordVisibility:u}){var i,s;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(J.Flex,{wrap:!0,className:"-mx-2 lg:gap-0 gap-3",children:(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2).map((a,c)=>{var p;return(0,n.jsx)("div",{className:"w-full px-2 lg:w-1/2",children:a.type==="inputText"?(0,n.jsx)(C.Input,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-base bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):(0,n.jsx)(R.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",name:(p=a==null?void 0:a.name)!=null?p:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})}),(s=t==null?void 0:t.fields)==null?void 0:s.slice(2).map((a,c)=>{var p;return(0,n.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,n.jsx)(Nt,{formFields:a,showPassword:e[a.name]||!1,togglePassword:()=>u(a.name)}):(0,n.jsx)(R.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(p=a==null?void 0:a.name)!=null?p:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})]})}function ot({signInLink:t}){if(!(t!=null&&t.label))return null;let e=(0,d.buildSanityLink)(t);return(0,n.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,n.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:e.href,target:e.target,rel:e.rel,children:t==null?void 0:t.label})})]})}function Nt({formFields:t,showPassword:e,togglePassword:u}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center relative",children:[(0,n.jsx)(C.Input,{className:"py-4 bg-white pr-12","aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,n.jsxs)(x.Button,{variant:"unstyled","aria-label":e?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[(0,n.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,n.jsx)("span",{className:"hidden sm:block",children:(0,n.jsx)(Lt,{showPassword:e})})]})]})}function St({formLinks:t}){return t?(0,n.jsx)("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((e,u,{length:i})=>{let s=(0,d.buildSanityLink)(e);return(0,n.jsxs)("span",{children:[(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:s.href,target:s.target,rel:s.rel,children:e==null?void 0:e.label})}),u===i-1?null:u===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function Lt({showPassword:t}){return(0,n.jsx)(n.Fragment,{children:t?(0,n.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,n.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,n.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,n.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,n.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var _=require("@stackshift-ui/card"),S=D(require("react"));function L({logo:t,form:e,formLinks:u,signInLink:i}){return(0,n.jsx)(j.Section,{className:"py-10 bg-primary lg:py-20",children:(0,n.jsx)(P.Container,{maxWidth:1280,children:(0,n.jsxs)(P.Container,{maxWidth:576,children:[(0,n.jsx)(Pt,{logo:t}),(0,n.jsxs)(_.Card,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[(0,n.jsx)(Rt,{form:e}),(0,n.jsx)(Ct,{form:e,signInLink:i})]}),(0,n.jsx)(Mt,{formLinks:u})]})})})}function Pt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(v.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(Z.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function Rt({form:t}){return(0,n.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,n.jsx)(O.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,n.jsx)(X.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function Ct({form:t,signInLink:e}){var a;if(!(t!=null&&t.fields))return null;let[u,i]=S.default.useState({}),s=c=>{i(p=>({...p,[c]:!p[c]}))};return(0,n.jsxs)(Q.Form,{id:(a=t==null?void 0:t.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:w(t==null?void 0:t.thankYouPage),children:[(0,n.jsx)(dt,{form:t,showPassword:u,togglePasswordVisibility:s}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)(Bt,{form:t}),(0,n.jsx)(At,{signInLink:e})]})]})}function dt({form:t,showPassword:e,togglePasswordVisibility:u}){var i,s,a,c;return(0,n.jsxs)(S.default.Fragment,{children:[(0,n.jsx)(J.Flex,{className:"flex-col lg:flex-row gap-3",children:(s=(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2))==null?void 0:s.map((p,b)=>{var l;return(0,n.jsx)("div",{className:"w-full",children:(0,n.jsx)(R.FormField,{noLabel:!0,variant:"secondary",placeholder:p==null?void 0:p.placeholder,required:p==null?void 0:p.isRequired,name:(l=p==null?void 0:p.name)!=null?l:"",items:p==null?void 0:p.items,type:p==null?void 0:p.type,...p})},b)})}),(c=(a=t==null?void 0:t.fields)==null?void 0:a.slice(2))==null?void 0:c.map((p,b)=>{var l;return(0,n.jsx)("div",{className:"my-3",children:(p==null?void 0:p.type)==="inputPassword"&&p.name?(0,n.jsx)(mt,{formFields:p,showPassword:e[p.name]||!1,togglePassword:()=>u(p.name)}):(0,n.jsx)(R.FormField,{noLabel:!0,variant:"secondary",name:(l=p==null?void 0:p.name)!=null?l:"",placeholder:p==null?void 0:p.placeholder,required:p==null?void 0:p.isRequired,items:p==null?void 0:p.items,type:p==null?void 0:p.type,...p})},b)})]})}function mt({formFields:t,showPassword:e,togglePassword:u}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center relative",children:[(0,n.jsx)(C.Input,{"aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired,className:"pr-12"}),(0,n.jsxs)(x.Button,{variant:"unstyled","aria-label":e?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[(0,n.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,n.jsx)("span",{className:"hidden sm:block",children:(0,n.jsx)(zt,{showPassword:e})})]})]})}function Bt({form:t}){var e;return t!=null&&t.buttonLabel?(0,n.jsx)(x.Button,{className:"w-full py-4 mb-3","aria-label":(e=t==null?void 0:t.buttonLabel)!=null?e:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function At({signInLink:t}){if(!(t!=null&&t.label))return null;let e=(0,d.buildSanityLink)(t);return(0,n.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,n.jsx)("span",{children:"Already have an account?"})," ",(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:e.href,target:e.target,rel:e.rel,children:t==null?void 0:t.label})})]})}function Mt({formLinks:t}){return t?(0,n.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((e,u,{length:i})=>{let s=(0,d.buildSanityLink)(e);return(0,n.jsxs)("span",{children:[(0,n.jsx)(x.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:s==null?void 0:s.href,target:s==null?void 0:s.target,rel:s==null?void 0:s.rel,children:e==null?void 0:e.label})}),u===i-1?null:u===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function zt({showPassword:t}){return(0,n.jsx)(S.default.Fragment,{children:t?(0,n.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,n.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,n.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,n.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,n.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var M={variant_a:o,variant_b:L},qt="SigninSignup",pt=({data:t})=>{var s,a,c,p,b,l,z,q,T,Y,H,U,V,k,W,K,$,G;let e=t==null?void 0:t.variant,u=e&&(M==null?void 0:M[e]),i={logo:(a=(s=t==null?void 0:t.variants)==null?void 0:s.logo)!=null?a:void 0,title:(p=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?p:void 0,subtitle:(l=(b=t==null?void 0:t.variants)==null?void 0:b.subtitle)!=null?l:void 0,text:(q=(z=t==null?void 0:t.variants)==null?void 0:z.plainText)!=null?q:void 0,firstButton:(Y=(T=t==null?void 0:t.variants)==null?void 0:T.primaryButton)!=null?Y:void 0,secondButton:(U=(H=t==null?void 0:t.variants)==null?void 0:H.secondaryButton)!=null?U:void 0,formLinks:(k=(V=t==null?void 0:t.variants)==null?void 0:V.formLinks)!=null?k:void 0,signInLink:(K=(W=t==null?void 0:t.variants)==null?void 0:W.signinLink)!=null?K:void 0,form:(G=($=t==null?void 0:t.variants)==null?void 0:$.form)!=null?G:void 0};return u?(0,n.jsx)(u,{...i}):null};pt.displayName=qt;0&&(module.exports={SigninSignup,SigninSignup_A,SigninSignup_B});
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";import{a as e}from"./chunk-OLWLBKEF.mjs";import{a as o}from"./chunk-SJU4OADH.mjs";import{a as r}from"./chunk-JTKLKDVQ.mjs";import"./chunk-4DDN6JI4.mjs";export{e as SigninSignup,o as SigninSignup_A,r as SigninSignup_B};
2
+ "use strict";import{a as e}from"./chunk-ZJEJUNTT.mjs";import{a as o}from"./chunk-GXKWOC2L.mjs";import{a as r}from"./chunk-LME4QAJ6.mjs";import"./chunk-4DDN6JI4.mjs";export{e as SigninSignup,o as SigninSignup_A,r as SigninSignup_B};
package/dist/signin-signup.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { SectionsProps, Logo, LabeledRoute, LabeledRouteWithKey, Form } from "./types";
2
+ import { Form, LabeledRoute, LabeledRouteWithKey, Logo, SectionsProps } from "./types";
3
3
  export interface SignUpFormProps {
4
4
  logo?: Logo;
5
5
  title?: string;
package/dist/signin-signup.js CHANGED
@@ -1 +1 @@
1
- "use strict";var we=Object.create;var w=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,Se=Object.prototype.hasOwnProperty;var o=(e,t)=>()=>(e&&(t=e(e=0)),t);var P=(e,t)=>{for(var u in t)w(e,u,{get:t[u],enumerable:!0})},J=(e,t,u,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of ge(t))!Se.call(e,s)&&s!==u&&w(e,s,{get:()=>t[s],enumerable:!(c=ve(t,s))||c.enumerable});return e};var Q=(e,t,u)=>(u=e!=null?we(Ne(e)):{},J(t||!e||!e.__esModule?w(u,"default",{value:e,enumerable:!0}):u,e)),oe=e=>J(w({},"__esModule",{value:!0}),e);var b,v,R=o(()=>{"use strict";b=e=>{var t,u,c;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(u=(t=e==null?void 0:e.internalLink)==null?void 0:t.toLowerCase())!=null&&u.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(c=e==null?void 0:e.externalLink)!=null?c:"/"},v=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you"});var ee={};P(ee,{SigninSignup_A:()=>F,default:()=>F});function F({logo:e,form:t,formLinks:u,signInLink:c}){return(0,r.jsx)(k.Section,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:(0,r.jsxs)(C.Container,{maxWidth:576,className:"px-4",children:[(0,r.jsx)(Pe,{logo:e}),(0,r.jsxs)(C.Container,{className:"mb-6 px-4 text-center lg:mb-10",children:[(0,r.jsx)(Re,{form:t}),(0,r.jsx)(Ce,{form:t,signInLink:c,thankYouPage:v(t==null?void 0:t.thankYouPage)})]}),(0,r.jsx)(Be,{formLinks:u})]})})}function Pe({logo:e}){var t;return e?(0,r.jsx)("div",{className:"mb-10",children:(0,r.jsx)(g.Link,{"aria-label":`Go to ${b(e)==="/"?"home page":b(e)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,r.jsx)(O.Image,{src:e==null?void 0:e.image,alt:(t=e==null?void 0:e.alt)!=null?t:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function Re({form:e}){return(0,r.jsxs)("div",{className:"mb-6",children:[e!=null&&e.subtitle?(0,r.jsx)(I.Text,{muted:!0,children:e==null?void 0:e.subtitle}):null,e!=null&&e.name?(0,r.jsx)(j.Heading,{className:"text-2xl lg:text-2xl",children:e==null?void 0:e.name}):null]})}function Ce({form:e,signInLink:t,thankYouPage:u}){var i,n;if(!(e!=null&&e.fields))return null;let[c,s]=f.default.useState({}),a=x=>{s(l=>({...l,[x]:!l[x]}))};return(0,r.jsxs)(Z.Form,{id:(i=e==null?void 0:e.id)!=null?i:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[(0,r.jsx)(Le,{form:e,showPasswords:c,togglePasswordVisibility:a}),(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"webriq-recaptcha"})}),(0,r.jsx)("div",{className:"text-center",children:(e==null?void 0:e.buttonLabel)&&(0,r.jsx)(h.Button,{variant:"default","aria-label":(n=e==null?void 0:e.buttonLabel)!=null?n:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:e==null?void 0:e.buttonLabel})}),t&&(0,r.jsx)(de,{signInLink:t})]})}function Le({form:e,showPasswords:t,togglePasswordVisibility:u}){var c,s;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(X.Flex,{wrap:!0,className:"-mx-2",children:(c=e==null?void 0:e.fields)==null?void 0:c.slice(0,2).map((a,i)=>{var n;return(0,r.jsx)("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:a.type==="inputText"?(0,r.jsx)(d.Input,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-xs bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):(0,r.jsx)(L.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",name:(n=a==null?void 0:a.name)!=null?n:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},i)})}),(s=e==null?void 0:e.fields)==null?void 0:s.slice(2).map((a,i)=>{var n;return(0,r.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,r.jsx)(me,{formFields:a,showPassword:t[a.name]||!1,togglePassword:()=>u(a.name)}):(0,r.jsx)(L.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(n=a==null?void 0:a.name)!=null?n:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},i)})]})}function de({signInLink:e}){var u,c,s;if(!(e!=null&&e.label))return null;let t=(0,m.buildSanityLink)({type:(u=e==null?void 0:e.type)!=null?u:"",internalLink:(c=e==null?void 0:e.internalLink)!=null?c:"",externalLink:(s=e==null?void 0:e.externalLink)!=null?s:""});return(0,r.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,r.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,r.jsx)(h.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,r.jsx)(g.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})})]})}function me({formFields:e,showPassword:t,togglePassword:u}){var c;return(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center",children:[(0,r.jsx)(d.Input,{className:"py-4","aria-label":(c=e==null?void 0:e.placeholder)!=null?c:e==null?void 0:e.name,type:t?"text":"password",placeholder:e==null?void 0:e.placeholder,name:e==null?void 0:e.name,required:e==null?void 0:e.isRequired}),(0,r.jsxs)(h.Button,{variant:"unstyled","aria-label":t?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:u,children:[(0,r.jsx)("span",{className:"block sm:hidden text-right",children:t?"Hide":"Show"}),(0,r.jsx)("span",{className:"hidden sm:block",children:(0,r.jsx)(Ae,{showPassword:t})})]})]})}function Be({formLinks:e}){return e?(0,r.jsx)("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:e==null?void 0:e.map((t,u,{length:c})=>{var a,i,n;let s=(0,m.buildSanityLink)({type:(a=t==null?void 0:t.type)!=null?a:"",internalLink:(i=t==null?void 0:t.internalLink)!=null?i:"",externalLink:(n=t==null?void 0:t.externalLink)!=null?n:""});return(0,r.jsxs)("span",{children:[(0,r.jsx)(h.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,r.jsx)(g.Link,{href:s.href,target:s.target,rel:s.rel,children:t==null?void 0:t.label})}),u===c-1?null:u===c-2?(0,r.jsx)("span",{children:"\xA0and\xA0"}):(0,r.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function Ae({showPassword:e}){return(0,r.jsx)(r.Fragment,{children:e?(0,r.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,r.jsxs)("g",{fill:"currentColor",children:[(0,r.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,r.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,r.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,r.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,r.jsxs)("g",{fill:"currentColor",children:[(0,r.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,r.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var h,C,X,Z,L,j,O,d,g,k,I,f,m,r,te=o(()=>{"use strict";h=require("@stackshift-ui/button"),C=require("@stackshift-ui/container"),X=require("@stackshift-ui/flex"),Z=require("@stackshift-ui/form"),L=require("@stackshift-ui/form-field"),j=require("@stackshift-ui/heading"),O=require("@stackshift-ui/image"),d=require("@stackshift-ui/input"),g=require("@stackshift-ui/link"),k=require("@stackshift-ui/section"),I=require("@stackshift-ui/text"),f=Q(require("react")),m=require("@stackshift-ui/system");R();r=require("react/jsx-runtime")});var xe={};P(xe,{SigninSignup_B:()=>le,default:()=>le});function le({logo:e,form:t,formLinks:u,signInLink:c}){return(0,p.jsx)(k.Section,{className:"py-10 bg-primary lg:py-20",children:(0,p.jsx)(C.Container,{maxWidth:1280,children:(0,p.jsxs)(C.Container,{maxWidth:576,children:[(0,p.jsx)(Me,{logo:e}),(0,p.jsxs)(ae.Card,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[(0,p.jsx)(ze,{form:t}),(0,p.jsx)(qe,{form:t,signInLink:c})]}),(0,p.jsx)(Ve,{formLinks:u})]})})})}function Me({logo:e}){var t;return e?(0,p.jsx)("div",{className:"mb-10",children:(0,p.jsx)(g.Link,{"aria-label":`Go to ${b(e)==="/"?"home page":b(e)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(e),target:e==null?void 0:e.linkTarget,rel:(e==null?void 0:e.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,p.jsx)(O.Image,{src:e==null?void 0:e.image,alt:(t=e==null?void 0:e.alt)!=null?t:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function ze({form:e}){return(0,p.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,p.jsx)(I.Text,{muted:!0,className:"text-sm lg:text-base",children:e==null?void 0:e.subtitle}),(0,p.jsx)(j.Heading,{className:"text-xl lg:text-2xl",children:e==null?void 0:e.name})]})}function qe({form:e,signInLink:t}){var a;if(!(e!=null&&e.fields))return null;let[u,c]=S.default.useState({}),s=i=>{c(n=>({...n,[i]:!n[i]}))};return(0,p.jsxs)(Z.Form,{id:(a=e==null?void 0:e.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:v(e==null?void 0:e.thankYouPage),children:[(0,p.jsx)(Te,{form:e,showPassword:u,togglePasswordVisibility:s}),(0,p.jsx)("div",{children:(0,p.jsx)("div",{className:"webriq-recaptcha"})}),(0,p.jsxs)("div",{className:"text-center",children:[(0,p.jsx)(He,{form:e}),(0,p.jsx)(Ue,{signInLink:t})]})]})}function Te({form:e,showPassword:t,togglePasswordVisibility:u}){var c,s,a,i;return(0,p.jsxs)(S.default.Fragment,{children:[(0,p.jsx)(X.Flex,{className:"flex-col lg:flex-row gap-3",children:(s=(c=e==null?void 0:e.fields)==null?void 0:c.slice(0,2))==null?void 0:s.map((n,x)=>{var l;return(0,p.jsx)("div",{className:"w-full",children:(0,p.jsx)(L.FormField,{noLabel:!0,variant:"secondary",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,name:(l=n==null?void 0:n.name)!=null?l:"",items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},x)})}),(i=(a=e==null?void 0:e.fields)==null?void 0:a.slice(2))==null?void 0:i.map((n,x)=>{var l;return(0,p.jsx)("div",{className:"my-3",children:(n==null?void 0:n.type)==="inputPassword"&&n.name?(0,p.jsx)(Ye,{formFields:n,showPassword:t[n.name]||!1,togglePassword:()=>u(n.name)}):(0,p.jsx)(L.FormField,{noLabel:!0,variant:"secondary",name:(l=n==null?void 0:n.name)!=null?l:"",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},x)})]})}function Ye({formFields:e,showPassword:t,togglePassword:u}){var c;return(0,p.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center",children:[(0,p.jsx)(d.Input,{"aria-label":(c=e==null?void 0:e.placeholder)!=null?c:e==null?void 0:e.name,type:t?"text":"password",placeholder:e==null?void 0:e.placeholder,name:e==null?void 0:e.name,required:e==null?void 0:e.isRequired}),(0,p.jsxs)(y.Button,{variant:"unstyled","aria-label":t?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:u,children:[(0,p.jsx)("span",{className:"block sm:hidden text-right",children:t?"Hide":"Show"}),(0,p.jsx)("span",{className:"hidden sm:block",children:(0,p.jsx)(We,{showPassword:t})})]})]})}function He({form:e}){var t;return e!=null&&e.buttonLabel?(0,p.jsx)(y.Button,{className:"w-full py-4 mb-3","aria-label":(t=e==null?void 0:e.buttonLabel)!=null?t:"Sign Up form submit button",variant:"default",type:"submit",children:e==null?void 0:e.buttonLabel}):null}function Ue({signInLink:e}){var u,c,s;if(!(e!=null&&e.label))return null;let t=(0,m.buildSanityLink)({type:(u=e==null?void 0:e.type)!=null?u:"",internalLink:(c=e==null?void 0:e.internalLink)!=null?c:"",externalLink:(s=e==null?void 0:e.externalLink)!=null?s:""});return(0,p.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,p.jsx)("span",{children:"Already have an account?"})," ",(0,p.jsx)(y.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,p.jsx)(g.Link,{href:t.href,target:t.target,rel:t.rel,children:e==null?void 0:e.label})})]})}function Ve({formLinks:e}){return e?(0,p.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:e==null?void 0:e.map((t,u,{length:c})=>{var a,i,n;let s=(0,m.buildSanityLink)({type:(a=t==null?void 0:t.type)!=null?a:"",internalLink:(i=t==null?void 0:t.internalLink)!=null?i:"",externalLink:(n=t==null?void 0:t.externalLink)!=null?n:""});return(0,p.jsxs)("span",{children:[(0,p.jsx)(y.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,p.jsx)(g.Link,{href:s==null?void 0:s.href,target:s==null?void 0:s.target,rel:s==null?void 0:s.rel,children:t==null?void 0:t.label})}),u===c-1?null:u===c-2?(0,p.jsx)("span",{children:"\xA0and\xA0"}):(0,p.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function We({showPassword:e}){return(0,p.jsx)(S.default.Fragment,{children:e?(0,p.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,p.jsxs)("g",{fill:"currentColor",children:[(0,p.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,p.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,p.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,p.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,p.jsxs)("g",{fill:"currentColor",children:[(0,p.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,p.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var y,ae,C,X,Z,L,j,O,d,g,k,m,I,S,p,be=o(()=>{"use strict";y=require("@stackshift-ui/button"),ae=require("@stackshift-ui/card"),S=Q(require("react"));R();p=require("react/jsx-runtime")});var Ke={};P(Ke,{SigninSignup:()=>he});module.exports=oe(Ke);var q=require("react"),ye=require("react/jsx-runtime"),z={variant_a:(0,q.lazy)(()=>Promise.resolve().then(()=>(te(),ee))),variant_b:(0,q.lazy)(()=>Promise.resolve().then(()=>(be(),xe)))},_e="SigninSignup",he=({data:e})=>{var s,a,i,n,x,l,T,Y,H,U,V,W,_,K,$,G,E,D;let t=e==null?void 0:e.variant,u=t&&(z==null?void 0:z[t]),c={logo:(a=(s=e==null?void 0:e.variants)==null?void 0:s.logo)!=null?a:void 0,title:(n=(i=e==null?void 0:e.variants)==null?void 0:i.title)!=null?n:void 0,subtitle:(l=(x=e==null?void 0:e.variants)==null?void 0:x.subtitle)!=null?l:void 0,text:(Y=(T=e==null?void 0:e.variants)==null?void 0:T.plainText)!=null?Y:void 0,firstButton:(U=(H=e==null?void 0:e.variants)==null?void 0:H.primaryButton)!=null?U:void 0,secondButton:(W=(V=e==null?void 0:e.variants)==null?void 0:V.secondaryButton)!=null?W:void 0,formLinks:(K=(_=e==null?void 0:e.variants)==null?void 0:_.formLinks)!=null?K:void 0,signInLink:(G=($=e==null?void 0:e.variants)==null?void 0:$.signinLink)!=null?G:void 0,form:(D=(E=e==null?void 0:e.variants)==null?void 0:E.form)!=null?D:void 0};return u?(0,ye.jsx)(u,{...c}):null};he.displayName=_e;0&&(module.exports={SigninSignup});
1
+ "use strict";var it=Object.create;var g=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty;var ht=(t,e)=>{for(var u in e)g(t,u,{get:e[u],enumerable:!0})},E=(t,e,u,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ct(e))!bt.call(t,s)&&s!==u&&g(t,s,{get:()=>e[s],enumerable:!(i=st(e,s))||i.enumerable});return t};var D=(t,e,u)=>(u=t!=null?it(lt(t)):{},E(e||!t||!t.__esModule?g(u,"default",{value:t,enumerable:!0}):u,t)),xt=t=>E(g({},"__esModule",{value:!0}),t);var Tt={};ht(Tt,{SigninSignup:()=>rt});module.exports=xt(Tt);var x=require("@stackshift-ui/button"),S=require("@stackshift-ui/container"),J=require("@stackshift-ui/flex"),Q=require("@stackshift-ui/form"),L=require("@stackshift-ui/form-field"),X=require("@stackshift-ui/heading"),Z=require("@stackshift-ui/image"),P=require("@stackshift-ui/input"),v=require("@stackshift-ui/link"),j=require("@stackshift-ui/section"),O=require("@stackshift-ui/text"),I=D(require("react")),R=require("@stackshift-ui/system");var h=t=>{var e,u,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(u=(e=t==null?void 0:t.internalLink)==null?void 0:e.toLowerCase())!=null&&u.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"},w=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var n=require("react/jsx-runtime");function C({logo:t,form:e,formLinks:u,signInLink:i}){return(0,n.jsx)(j.Section,{className:"py-10 rounded-md lg:py-20",children:(0,n.jsxs)(S.Container,{maxWidth:576,children:[(0,n.jsx)(yt,{logo:t}),(0,n.jsxs)(S.Container,{className:"mb-6 text-center lg:mb-10",children:[(0,n.jsx)(gt,{form:e}),(0,n.jsx)(wt,{form:e,signInLink:i,thankYouPage:w(e==null?void 0:e.thankYouPage)})]}),(0,n.jsx)(St,{formLinks:u})]})})}function yt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(v.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(Z.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function gt({form:t}){return(0,n.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,n.jsx)(O.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,n.jsx)(X.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function wt({form:t,signInLink:e,thankYouPage:u}){var c,r;if(!(t!=null&&t.fields))return null;let[i,s]=I.default.useState({}),a=b=>{s(l=>({...l,[b]:!l[b]}))};return(0,n.jsxs)(Q.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[(0,n.jsx)(vt,{form:t,showPasswords:i,togglePasswordVisibility:a}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(0,n.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,n.jsx)(x.Button,{variant:"default","aria-label":(r=t==null?void 0:t.buttonLabel)!=null?r:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),e&&(0,n.jsx)(Nt,{signInLink:e})]})}function vt({form:t,showPasswords:e,togglePasswordVisibility:u}){var i,s;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(J.Flex,{wrap:!0,className:"-mx-2 lg:gap-0 gap-3",children:(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2).map((a,c)=>{var r;return(0,n.jsx)("div",{className:"w-full px-2 lg:w-1/2",children:a.type==="inputText"?(0,n.jsx)(P.Input,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-base bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):(0,n.jsx)(L.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",name:(r=a==null?void 0:a.name)!=null?r:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})}),(s=t==null?void 0:t.fields)==null?void 0:s.slice(2).map((a,c)=>{var r;return(0,n.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,n.jsx)(ot,{formFields:a,showPassword:e[a.name]||!1,togglePassword:()=>u(a.name)}):(0,n.jsx)(L.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(r=a==null?void 0:a.name)!=null?r:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})]})}function Nt({signInLink:t}){if(!(t!=null&&t.label))return null;let e=(0,R.buildSanityLink)(t);return(0,n.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,n.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:e.href,target:e.target,rel:e.rel,children:t==null?void 0:t.label})})]})}function ot({formFields:t,showPassword:e,togglePassword:u}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center relative",children:[(0,n.jsx)(P.Input,{className:"py-4 bg-white pr-12","aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,n.jsxs)(x.Button,{variant:"unstyled","aria-label":e?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[(0,n.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,n.jsx)("span",{className:"hidden sm:block",children:(0,n.jsx)(Lt,{showPassword:e})})]})]})}function St({formLinks:t}){return t?(0,n.jsx)("n",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((e,u,{length:i})=>{let s=(0,R.buildSanityLink)(e);return(0,n.jsxs)("span",{children:[(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:s.href,target:s.target,rel:s.rel,children:e==null?void 0:e.label})}),u===i-1?null:u===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function Lt({showPassword:t}){return(0,n.jsx)(n.Fragment,{children:t?(0,n.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{S:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,n.jsx)("path",{S:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,n.jsx)("path",{S:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,n.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{S:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,n.jsx)("path",{S:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var _=require("@stackshift-ui/card"),o=D(require("react"));function m({logo:t,form:e,formLinks:u,signInLink:i}){return(0,n.jsx)(j.Section,{className:"py-10 bg-primary lg:py-20",children:(0,n.jsx)(S.Container,{maxWidth:1280,children:(0,n.jsxs)(S.Container,{maxWidth:576,children:[(0,n.jsx)(Pt,{logo:t}),(0,n.jsxs)(_.Card,{className:"n-6 mb-6 bg-white lg:mb-10 lg:n-12 rounded-md",children:[(0,n.jsx)(Rt,{form:e}),(0,n.jsx)(Ct,{form:e,signInLink:i})]}),(0,n.jsx)(Mt,{formLinks:u})]})})})}function Pt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(v.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(Z.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function Rt({form:t}){return(0,n.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,n.jsx)(O.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,n.jsx)(X.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function Ct({form:t,signInLink:e}){var a;if(!(t!=null&&t.fields))return null;let[u,i]=o.default.useState({}),s=c=>{i(r=>({...r,[c]:!r[c]}))};return(0,n.jsxs)(Q.Form,{id:(a=t==null?void 0:t.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:w(t==null?void 0:t.thankYouPage),children:[(0,n.jsx)(dt,{form:t,showPassword:u,togglePasswordVisibility:s}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)(At,{form:t}),(0,n.jsx)(mt,{signInLink:e})]})]})}function dt({form:t,showPassword:e,togglePasswordVisibility:u}){var i,s,a,c;return(0,n.jsxs)(o.default.Fragment,{children:[(0,n.jsx)(J.Flex,{className:"flex-col lg:flex-row gap-3",children:(s=(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2))==null?void 0:s.map((r,b)=>{var l;return(0,n.jsx)("div",{className:"w-full",children:(0,n.jsx)(L.FormField,{noLabel:!0,variant:"secondary",placeholder:r==null?void 0:r.placeholder,required:r==null?void 0:r.isRequired,name:(l=r==null?void 0:r.name)!=null?l:"",items:r==null?void 0:r.items,type:r==null?void 0:r.type,...r})},b)})}),(c=(a=t==null?void 0:t.fields)==null?void 0:a.slice(2))==null?void 0:c.map((r,b)=>{var l;return(0,n.jsx)("div",{className:"my-3",children:(r==null?void 0:r.type)==="inputPassword"&&r.name?(0,n.jsx)(Bt,{formFields:r,showPassword:e[r.name]||!1,togglePassword:()=>u(r.name)}):(0,n.jsx)(L.FormField,{noLabel:!0,variant:"secondary",name:(l=r==null?void 0:r.name)!=null?l:"",placeholder:r==null?void 0:r.placeholder,required:r==null?void 0:r.isRequired,items:r==null?void 0:r.items,type:r==null?void 0:r.type,...r})},b)})]})}function Bt({formFields:t,showPassword:e,togglePassword:u}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center relative",children:[(0,n.jsx)(P.Input,{"aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired,className:"pr-12"}),(0,n.jsxs)(x.Button,{variant:"unstyled","aria-label":e?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[(0,n.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,n.jsx)("span",{className:"hidden sm:block",children:(0,n.jsx)(zt,{showPassword:e})})]})]})}function At({form:t}){var e;return t!=null&&t.buttonLabel?(0,n.jsx)(x.Button,{className:"w-full py-4 mb-3","aria-label":(e=t==null?void 0:t.buttonLabel)!=null?e:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function mt({signInLink:t}){if(!(t!=null&&t.label))return null;let e=(0,R.buildSanityLink)(t);return(0,n.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,n.jsx)("span",{children:"Already have an account?"})," ",(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:e.href,target:e.target,rel:e.rel,children:t==null?void 0:t.label})})]})}function Mt({formLinks:t}){return t?(0,n.jsx)("n",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((e,u,{length:i})=>{let s=(0,R.buildSanityLink)(e);return(0,n.jsxs)("span",{children:[(0,n.jsx)(x.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:s==null?void 0:s.href,target:s==null?void 0:s.target,rel:s==null?void 0:s.rel,children:e==null?void 0:e.label})}),u===i-1?null:u===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function zt({showPassword:t}){return(0,n.jsx)(o.default.Fragment,{children:t?(0,n.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{S:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,n.jsx)("path",{S:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,n.jsx)("path",{S:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,n.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{S:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,n.jsx)("path",{S:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var M={variant_a:C,variant_b:m},qt="SigninSignup",rt=({data:t})=>{var s,a,c,r,b,l,z,q,T,Y,H,U,V,k,W,K,$,G;let e=t==null?void 0:t.variant,u=e&&(M==null?void 0:M[e]),i={logo:(a=(s=t==null?void 0:t.variants)==null?void 0:s.logo)!=null?a:void 0,title:(r=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?r:void 0,subtitle:(l=(b=t==null?void 0:t.variants)==null?void 0:b.subtitle)!=null?l:void 0,text:(q=(z=t==null?void 0:t.variants)==null?void 0:z.plainText)!=null?q:void 0,firstButton:(Y=(T=t==null?void 0:t.variants)==null?void 0:T.primaryButton)!=null?Y:void 0,secondButton:(U=(H=t==null?void 0:t.variants)==null?void 0:H.secondaryButton)!=null?U:void 0,formLinks:(k=(V=t==null?void 0:t.variants)==null?void 0:V.formLinks)!=null?k:void 0,signInLink:(K=(W=t==null?void 0:t.variants)==null?void 0:W.signinLink)!=null?K:void 0,form:(G=($=t==null?void 0:t.variants)==null?void 0:$.form)!=null?G:void 0};return u?(0,n.jsx)(u,{...i}):null};rt.displayName=qt;0&&(module.exports={SigninSignup});
package/dist/signin-signup.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-OLWLBKEF.mjs";export{a as SigninSignup};
1
+ import{a}from"./chunk-ZJEJUNTT.mjs";import"./chunk-GXKWOC2L.mjs";import"./chunk-LME4QAJ6.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup};
package/dist/signin_signup_a.js CHANGED
@@ -1 +1 @@
1
- "use strict";var B=Object.create;var b=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var V=(t,n)=>{for(var p in n)b(t,p,{get:n[p],enumerable:!0})},S=(t,n,p,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of Y(n))!U.call(t,r)&&r!==p&&b(t,r,{get:()=>n[r],enumerable:!(u=T(n,r))||u.enumerable});return t};var W=(t,n,p)=>(p=t!=null?B(H(t)):{},S(n||!t||!t.__esModule?b(p,"default",{value:t,enumerable:!0}):p,t)),$=t=>S(b({},"__esModule",{value:!0}),t);var Q={};V(Q,{SigninSignup_A:()=>g,default:()=>g});module.exports=$(Q);var x=require("@stackshift-ui/button"),w=require("@stackshift-ui/container"),C=require("@stackshift-ui/flex"),L=require("@stackshift-ui/form"),i=require("@stackshift-ui/form-field"),R=require("@stackshift-ui/heading"),A=require("@stackshift-ui/image"),l=require("@stackshift-ui/input"),y=require("@stackshift-ui/link"),z=require("@stackshift-ui/section"),M=require("@stackshift-ui/text"),q=W(require("react")),v=require("@stackshift-ui/system");var h=t=>{var n,p,u;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(p=(n=t==null?void 0:t.internalLink)==null?void 0:n.toLowerCase())!=null&&p.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(u=t==null?void 0:t.externalLink)!=null?u:"/"},d=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var a=require("react/jsx-runtime");function g({logo:t,form:n,formLinks:p,signInLink:u}){return(0,a.jsx)(z.Section,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:(0,a.jsxs)(w.Container,{maxWidth:576,className:"px-4",children:[(0,a.jsx)(j,{logo:t}),(0,a.jsxs)(w.Container,{className:"mb-6 px-4 text-center lg:mb-10",children:[(0,a.jsx)(K,{form:n}),(0,a.jsx)(_,{form:n,signInLink:u,thankYouPage:d(n==null?void 0:n.thankYouPage)})]}),(0,a.jsx)(D,{formLinks:p})]})})}function j({logo:t}){var n;return t?(0,a.jsx)("div",{className:"mb-10",children:(0,a.jsx)(y.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(A.Image,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function K({form:t}){return(0,a.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,a.jsx)(M.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,a.jsx)(R.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function _({form:t,signInLink:n,thankYouPage:p}){var s,c;if(!(t!=null&&t.fields))return null;let[u,r]=q.default.useState({}),e=N=>{r(P=>({...P,[N]:!P[N]}))};return(0,a.jsxs)(L.Form,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:p,children:[(0,a.jsx)(E,{form:t,showPasswords:u,togglePasswordVisibility:e}),(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"webriq-recaptcha"})}),(0,a.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,a.jsx)(x.Button,{variant:"default","aria-label":(c=t==null?void 0:t.buttonLabel)!=null?c:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),n&&(0,a.jsx)(G,{signInLink:n})]})}function E({form:t,showPasswords:n,togglePasswordVisibility:p}){var u,r;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(C.Flex,{wrap:!0,className:"-mx-2",children:(u=t==null?void 0:t.fields)==null?void 0:u.slice(0,2).map((e,s)=>{var c;return(0,a.jsx)("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:e.type==="inputText"?(0,a.jsx)(l.Input,{placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,className:"w-full py-4 text-xs bg-white",name:e==null?void 0:e.name,"aria-label":e==null?void 0:e.label,...e,type:"text"}):(0,a.jsx)(i.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",name:(c=e==null?void 0:e.name)!=null?c:"",placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},s)})}),(r=t==null?void 0:t.fields)==null?void 0:r.slice(2).map((e,s)=>{var c;return(0,a.jsx)("div",{className:"my-3",children:e.type==="inputPassword"&&e.name?(0,a.jsx)(O,{formFields:e,showPassword:n[e.name]||!1,togglePassword:()=>p(e.name)}):(0,a.jsx)(i.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,name:(c=e==null?void 0:e.name)!=null?c:"",items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},s)})]})}function G({signInLink:t}){var p,u,r;if(!(t!=null&&t.label))return null;let n=(0,v.buildSanityLink)({type:(p=t==null?void 0:t.type)!=null?p:"",internalLink:(u=t==null?void 0:t.internalLink)!=null?u:"",externalLink:(r=t==null?void 0:t.externalLink)!=null?r:""});return(0,a.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,a.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,a.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,a.jsx)(y.Link,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function O({formFields:t,showPassword:n,togglePassword:p}){var u;return(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center",children:[(0,a.jsx)(l.Input,{className:"py-4","aria-label":(u=t==null?void 0:t.placeholder)!=null?u:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,a.jsxs)(x.Button,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:p,children:[(0,a.jsx)("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),(0,a.jsx)("span",{className:"hidden sm:block",children:(0,a.jsx)(J,{showPassword:n})})]})]})}function D({formLinks:t}){return t?(0,a.jsx)("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((n,p,{length:u})=>{var e,s,c;let r=(0,v.buildSanityLink)({type:(e=n==null?void 0:n.type)!=null?e:"",internalLink:(s=n==null?void 0:n.internalLink)!=null?s:"",externalLink:(c=n==null?void 0:n.externalLink)!=null?c:""});return(0,a.jsxs)("span",{children:[(0,a.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":n==null?void 0:n.label,asChild:!0,children:(0,a.jsx)(y.Link,{href:r.href,target:r.target,rel:r.rel,children:n==null?void 0:n.label})}),p===u-1?null:p===u-2?(0,a.jsx)("span",{children:"\xA0and\xA0"}):(0,a.jsx)("span",{children:"\xA0,\xA0"})]},p)})}):null}function J({showPassword:t}){return(0,a.jsx)(a.Fragment,{children:t?(0,a.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,a.jsxs)("g",{fill:"currentColor",children:[(0,a.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,a.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,a.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,a.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,a.jsxs)("g",{fill:"currentColor",children:[(0,a.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,a.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}0&&(module.exports={SigninSignup_A});
1
+ "use strict";var B=Object.create;var h=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var U=(t,n)=>{for(var p in n)h(t,p,{get:n[p],enumerable:!0})},L=(t,n,p,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let c of Y(n))!k.call(t,c)&&c!==p&&h(t,c,{get:()=>n[c],enumerable:!(u=T(n,c))||u.enumerable});return t};var V=(t,n,p)=>(p=t!=null?B(H(t)):{},L(n||!t||!t.__esModule?h(p,"default",{value:t,enumerable:!0}):p,t)),W=t=>L(h({},"__esModule",{value:!0}),t);var Q={};U(Q,{SigninSignup_A:()=>q,default:()=>q});module.exports=W(Q);var i=require("@stackshift-ui/button"),y=require("@stackshift-ui/container"),S=require("@stackshift-ui/flex"),d=require("@stackshift-ui/form"),l=require("@stackshift-ui/form-field"),C=require("@stackshift-ui/heading"),R=require("@stackshift-ui/image"),w=require("@stackshift-ui/input"),x=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),z=require("@stackshift-ui/text"),M=V(require("react")),v=require("@stackshift-ui/system");var b=t=>{var n,p,u;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(p=(n=t==null?void 0:t.internalLink)==null?void 0:n.toLowerCase())!=null&&p.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(u=t==null?void 0:t.externalLink)!=null?u:"/"},P=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var a=require("react/jsx-runtime");function q({logo:t,form:n,formLinks:p,signInLink:u}){return(0,a.jsx)(A.Section,{className:"py-10 rounded-md lg:py-20",children:(0,a.jsxs)(y.Container,{maxWidth:576,children:[(0,a.jsx)($,{logo:t}),(0,a.jsxs)(y.Container,{className:"mb-6 text-center lg:mb-10",children:[(0,a.jsx)(K,{form:n}),(0,a.jsx)(j,{form:n,signInLink:u,thankYouPage:P(n==null?void 0:n.thankYouPage)})]}),(0,a.jsx)(J,{formLinks:p})]})})}function $({logo:t}){var n;return t?(0,a.jsx)("div",{className:"mb-10",children:(0,a.jsx)(x.Link,{"aria-label":`Go to ${b(t)==="/"?"home page":b(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(R.Image,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function K({form:t}){return(0,a.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,a.jsx)(z.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,a.jsx)(C.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function j({form:t,signInLink:n,thankYouPage:p}){var s,r;if(!(t!=null&&t.fields))return null;let[u,c]=M.default.useState({}),e=N=>{c(g=>({...g,[N]:!g[N]}))};return(0,a.jsxs)(d.Form,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:p,children:[(0,a.jsx)(E,{form:t,showPasswords:u,togglePasswordVisibility:e}),(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"webriq-recaptcha"})}),(0,a.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,a.jsx)(i.Button,{variant:"default","aria-label":(r=t==null?void 0:t.buttonLabel)!=null?r:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),n&&(0,a.jsx)(G,{signInLink:n})]})}function E({form:t,showPasswords:n,togglePasswordVisibility:p}){var u,c;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(S.Flex,{wrap:!0,className:"-mx-2 lg:gap-0 gap-3",children:(u=t==null?void 0:t.fields)==null?void 0:u.slice(0,2).map((e,s)=>{var r;return(0,a.jsx)("div",{className:"w-full px-2 lg:w-1/2",children:e.type==="inputText"?(0,a.jsx)(w.Input,{placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,className:"w-full py-4 text-base bg-white",name:e==null?void 0:e.name,"aria-label":e==null?void 0:e.label,...e,type:"text"}):(0,a.jsx)(l.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",name:(r=e==null?void 0:e.name)!=null?r:"",placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},s)})}),(c=t==null?void 0:t.fields)==null?void 0:c.slice(2).map((e,s)=>{var r;return(0,a.jsx)("div",{className:"my-3",children:e.type==="inputPassword"&&e.name?(0,a.jsx)(D,{formFields:e,showPassword:n[e.name]||!1,togglePassword:()=>p(e.name)}):(0,a.jsx)(l.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,name:(r=e==null?void 0:e.name)!=null?r:"",items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},s)})]})}function G({signInLink:t}){if(!(t!=null&&t.label))return null;let n=(0,v.buildSanityLink)(t);return(0,a.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,a.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,a.jsx)(i.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,a.jsx)(x.Link,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function D({formFields:t,showPassword:n,togglePassword:p}){var u;return(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center relative",children:[(0,a.jsx)(w.Input,{className:"py-4 bg-white pr-12","aria-label":(u=t==null?void 0:t.placeholder)!=null?u:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,a.jsxs)(i.Button,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:p,children:[(0,a.jsx)("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),(0,a.jsx)("span",{className:"hidden sm:block",children:(0,a.jsx)(O,{showPassword:n})})]})]})}function J({formLinks:t}){return t?(0,a.jsx)("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((n,p,{length:u})=>{let c=(0,v.buildSanityLink)(n);return(0,a.jsxs)("span",{children:[(0,a.jsx)(i.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":n==null?void 0:n.label,asChild:!0,children:(0,a.jsx)(x.Link,{href:c.href,target:c.target,rel:c.rel,children:n==null?void 0:n.label})}),p===u-1?null:p===u-2?(0,a.jsx)("span",{children:"\xA0and\xA0"}):(0,a.jsx)("span",{children:"\xA0,\xA0"})]},p)})}):null}function O({showPassword:t}){return(0,a.jsx)(a.Fragment,{children:t?(0,a.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,a.jsxs)("g",{fill:"currentColor",children:[(0,a.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,a.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,a.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,a.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,a.jsxs)("g",{fill:"currentColor",children:[(0,a.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,a.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}0&&(module.exports={SigninSignup_A});
package/dist/signin_signup_a.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-SJU4OADH.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_A,a as default};
1
+ import{a}from"./chunk-GXKWOC2L.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_A,a as default};
package/dist/signin_signup_b.js CHANGED
@@ -1 +1 @@
1
- "use strict";var q=Object.create;var b=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var V=(t,a)=>{for(var r in a)b(t,r,{get:a[r],enumerable:!0})},P=(t,a,r,u)=>{if(a&&typeof a=="object"||typeof a=="function")for(let p of H(a))!U.call(t,p)&&p!==r&&b(t,p,{get:()=>a[p],enumerable:!(u=T(a,p))||u.enumerable});return t};var $=(t,a,r)=>(r=t!=null?q(Y(t)):{},P(a||!t||!t.__esModule?b(r,"default",{value:t,enumerable:!0}):r,t)),W=t=>P(b({},"__esModule",{value:!0}),t);var j={};V(j,{SigninSignup_B:()=>z,default:()=>z});module.exports=W(j);var h=require("@stackshift-ui/button"),C=require("@stackshift-ui/card"),v=require("@stackshift-ui/container"),L=require("@stackshift-ui/flex"),m=require("@stackshift-ui/form"),d=require("@stackshift-ui/form-field"),g=require("@stackshift-ui/heading"),R=require("@stackshift-ui/image"),M=require("@stackshift-ui/input"),w=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),N=require("@stackshift-ui/system"),B=require("@stackshift-ui/text"),y=$(require("react"));var i=t=>{var a,r,u;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(r=(a=t==null?void 0:t.internalLink)==null?void 0:a.toLowerCase())!=null&&r.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(u=t==null?void 0:t.externalLink)!=null?u:"/"},S=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var e=require("react/jsx-runtime");function z({logo:t,form:a,formLinks:r,signInLink:u}){return(0,e.jsx)(A.Section,{className:"py-10 bg-primary lg:py-20",children:(0,e.jsx)(v.Container,{maxWidth:1280,children:(0,e.jsxs)(v.Container,{maxWidth:576,children:[(0,e.jsx)(_,{logo:t}),(0,e.jsxs)(C.Card,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[(0,e.jsx)(E,{form:a}),(0,e.jsx)(G,{form:a,signInLink:u})]}),(0,e.jsx)(X,{formLinks:r})]})})})}function _({logo:t}){var a;return t?(0,e.jsx)("div",{className:"mb-10",children:(0,e.jsx)(w.Link,{"aria-label":`Go to ${i(t)==="/"?"home page":i(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:i(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,e.jsx)(R.Image,{src:t==null?void 0:t.image,alt:(a=t==null?void 0:t.alt)!=null?a:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function E({form:t}){return(0,e.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,e.jsx)(B.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,e.jsx)(g.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function G({form:t,signInLink:a}){var c;if(!(t!=null&&t.fields))return null;let[r,u]=y.default.useState({}),p=s=>{u(n=>({...n,[s]:!n[s]}))};return(0,e.jsxs)(m.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:S(t==null?void 0:t.thankYouPage),children:[(0,e.jsx)(D,{form:t,showPassword:r,togglePasswordVisibility:p}),(0,e.jsx)("div",{children:(0,e.jsx)("div",{className:"webriq-recaptcha"})}),(0,e.jsxs)("div",{className:"text-center",children:[(0,e.jsx)(K,{form:t}),(0,e.jsx)(Q,{signInLink:a})]})]})}function D({form:t,showPassword:a,togglePasswordVisibility:r}){var u,p,c,s;return(0,e.jsxs)(y.default.Fragment,{children:[(0,e.jsx)(L.Flex,{className:"flex-col lg:flex-row gap-3",children:(p=(u=t==null?void 0:t.fields)==null?void 0:u.slice(0,2))==null?void 0:p.map((n,l)=>{var x;return(0,e.jsx)("div",{className:"w-full",children:(0,e.jsx)(d.FormField,{noLabel:!0,variant:"secondary",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,name:(x=n==null?void 0:n.name)!=null?x:"",items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},l)})}),(s=(c=t==null?void 0:t.fields)==null?void 0:c.slice(2))==null?void 0:s.map((n,l)=>{var x;return(0,e.jsx)("div",{className:"my-3",children:(n==null?void 0:n.type)==="inputPassword"&&n.name?(0,e.jsx)(J,{formFields:n,showPassword:a[n.name]||!1,togglePassword:()=>r(n.name)}):(0,e.jsx)(d.FormField,{noLabel:!0,variant:"secondary",name:(x=n==null?void 0:n.name)!=null?x:"",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},l)})]})}function J({formFields:t,showPassword:a,togglePassword:r}){var u;return(0,e.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center",children:[(0,e.jsx)(M.Input,{"aria-label":(u=t==null?void 0:t.placeholder)!=null?u:t==null?void 0:t.name,type:a?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,e.jsxs)(h.Button,{variant:"unstyled","aria-label":a?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:r,children:[(0,e.jsx)("span",{className:"block sm:hidden text-right",children:a?"Hide":"Show"}),(0,e.jsx)("span",{className:"hidden sm:block",children:(0,e.jsx)(Z,{showPassword:a})})]})]})}function K({form:t}){var a;return t!=null&&t.buttonLabel?(0,e.jsx)(h.Button,{className:"w-full py-4 mb-3","aria-label":(a=t==null?void 0:t.buttonLabel)!=null?a:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function Q({signInLink:t}){var r,u,p;if(!(t!=null&&t.label))return null;let a=(0,N.buildSanityLink)({type:(r=t==null?void 0:t.type)!=null?r:"",internalLink:(u=t==null?void 0:t.internalLink)!=null?u:"",externalLink:(p=t==null?void 0:t.externalLink)!=null?p:""});return(0,e.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,e.jsx)("span",{children:"Already have an account?"})," ",(0,e.jsx)(h.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,e.jsx)(w.Link,{href:a.href,target:a.target,rel:a.rel,children:t==null?void 0:t.label})})]})}function X({formLinks:t}){return t?(0,e.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((a,r,{length:u})=>{var c,s,n;let p=(0,N.buildSanityLink)({type:(c=a==null?void 0:a.type)!=null?c:"",internalLink:(s=a==null?void 0:a.internalLink)!=null?s:"",externalLink:(n=a==null?void 0:a.externalLink)!=null?n:""});return(0,e.jsxs)("span",{children:[(0,e.jsx)(h.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":a==null?void 0:a.label,asChild:!0,children:(0,e.jsx)(w.Link,{href:p==null?void 0:p.href,target:p==null?void 0:p.target,rel:p==null?void 0:p.rel,children:a==null?void 0:a.label})}),r===u-1?null:r===u-2?(0,e.jsx)("span",{children:"\xA0and\xA0"}):(0,e.jsx)("span",{children:"\xA0,\xA0"})]},r)})}):null}function Z({showPassword:t}){return(0,e.jsx)(y.default.Fragment,{children:t?(0,e.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,e.jsxs)("g",{fill:"currentColor",children:[(0,e.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,e.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,e.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,e.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,e.jsxs)("g",{fill:"currentColor",children:[(0,e.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,e.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}0&&(module.exports={SigninSignup_B});
1
+ "use strict";var q=Object.create;var x=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var V=(t,a)=>{for(var r in a)x(t,r,{get:a[r],enumerable:!0})},N=(t,a,r,u)=>{if(a&&typeof a=="object"||typeof a=="function")for(let p of H(a))!U.call(t,p)&&p!==r&&x(t,p,{get:()=>a[p],enumerable:!(u=T(a,p))||u.enumerable});return t};var $=(t,a,r)=>(r=t!=null?q(Y(t)):{},N(a||!t||!t.__esModule?x(r,"default",{value:t,enumerable:!0}):r,t)),W=t=>N(x({},"__esModule",{value:!0}),t);var j={};V(j,{SigninSignup_B:()=>z,default:()=>z});module.exports=W(j);var h=require("@stackshift-ui/button"),P=require("@stackshift-ui/card"),v=require("@stackshift-ui/container"),S=require("@stackshift-ui/flex"),C=require("@stackshift-ui/form"),d=require("@stackshift-ui/form-field"),m=require("@stackshift-ui/heading"),R=require("@stackshift-ui/image"),M=require("@stackshift-ui/input"),l=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),g=require("@stackshift-ui/system"),B=require("@stackshift-ui/text"),w=$(require("react"));var b=t=>{var a,r,u;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(r=(a=t==null?void 0:t.internalLink)==null?void 0:a.toLowerCase())!=null&&r.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(u=t==null?void 0:t.externalLink)!=null?u:"/"},L=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var e=require("react/jsx-runtime");function z({logo:t,form:a,formLinks:r,signInLink:u}){return(0,e.jsx)(A.Section,{className:"py-10 bg-primary lg:py-20",children:(0,e.jsx)(v.Container,{maxWidth:1280,children:(0,e.jsxs)(v.Container,{maxWidth:576,children:[(0,e.jsx)(E,{logo:t}),(0,e.jsxs)(P.Card,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[(0,e.jsx)(G,{form:a}),(0,e.jsx)(D,{form:a,signInLink:u})]}),(0,e.jsx)(Z,{formLinks:r})]})})})}function E({logo:t}){var a;return t?(0,e.jsx)("div",{className:"mb-10",children:(0,e.jsx)(l.Link,{"aria-label":`Go to ${b(t)==="/"?"home page":b(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,e.jsx)(R.Image,{src:t==null?void 0:t.image,alt:(a=t==null?void 0:t.alt)!=null?a:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function G({form:t}){return(0,e.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,e.jsx)(B.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,e.jsx)(m.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function D({form:t,signInLink:a}){var s;if(!(t!=null&&t.fields))return null;let[r,u]=w.default.useState({}),p=c=>{u(n=>({...n,[c]:!n[c]}))};return(0,e.jsxs)(C.Form,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:L(t==null?void 0:t.thankYouPage),children:[(0,e.jsx)(J,{form:t,showPassword:r,togglePasswordVisibility:p}),(0,e.jsx)("div",{children:(0,e.jsx)("div",{className:"webriq-recaptcha"})}),(0,e.jsxs)("div",{className:"text-center",children:[(0,e.jsx)(Q,{form:t}),(0,e.jsx)(X,{signInLink:a})]})]})}function J({form:t,showPassword:a,togglePasswordVisibility:r}){var u,p,s,c;return(0,e.jsxs)(w.default.Fragment,{children:[(0,e.jsx)(S.Flex,{className:"flex-col lg:flex-row gap-3",children:(p=(u=t==null?void 0:t.fields)==null?void 0:u.slice(0,2))==null?void 0:p.map((n,y)=>{var i;return(0,e.jsx)("div",{className:"w-full",children:(0,e.jsx)(d.FormField,{noLabel:!0,variant:"secondary",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,name:(i=n==null?void 0:n.name)!=null?i:"",items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},y)})}),(c=(s=t==null?void 0:t.fields)==null?void 0:s.slice(2))==null?void 0:c.map((n,y)=>{var i;return(0,e.jsx)("div",{className:"my-3",children:(n==null?void 0:n.type)==="inputPassword"&&n.name?(0,e.jsx)(K,{formFields:n,showPassword:a[n.name]||!1,togglePassword:()=>r(n.name)}):(0,e.jsx)(d.FormField,{noLabel:!0,variant:"secondary",name:(i=n==null?void 0:n.name)!=null?i:"",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},y)})]})}function K({formFields:t,showPassword:a,togglePassword:r}){var u;return(0,e.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center relative",children:[(0,e.jsx)(M.Input,{"aria-label":(u=t==null?void 0:t.placeholder)!=null?u:t==null?void 0:t.name,type:a?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired,className:"pr-12"}),(0,e.jsxs)(h.Button,{variant:"unstyled","aria-label":a?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:r,children:[(0,e.jsx)("span",{className:"block sm:hidden text-right",children:a?"Hide":"Show"}),(0,e.jsx)("span",{className:"hidden sm:block",children:(0,e.jsx)(k,{showPassword:a})})]})]})}function Q({form:t}){var a;return t!=null&&t.buttonLabel?(0,e.jsx)(h.Button,{className:"w-full py-4 mb-3","aria-label":(a=t==null?void 0:t.buttonLabel)!=null?a:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function X({signInLink:t}){if(!(t!=null&&t.label))return null;let a=(0,g.buildSanityLink)(t);return(0,e.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,e.jsx)("span",{children:"Already have an account?"})," ",(0,e.jsx)(h.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,e.jsx)(l.Link,{href:a.href,target:a.target,rel:a.rel,children:t==null?void 0:t.label})})]})}function Z({formLinks:t}){return t?(0,e.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((a,r,{length:u})=>{let p=(0,g.buildSanityLink)(a);return(0,e.jsxs)("span",{children:[(0,e.jsx)(h.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":a==null?void 0:a.label,asChild:!0,children:(0,e.jsx)(l.Link,{href:p==null?void 0:p.href,target:p==null?void 0:p.target,rel:p==null?void 0:p.rel,children:a==null?void 0:a.label})}),r===u-1?null:r===u-2?(0,e.jsx)("span",{children:"\xA0and\xA0"}):(0,e.jsx)("span",{children:"\xA0,\xA0"})]},r)})}):null}function k({showPassword:t}){return(0,e.jsx)(w.default.Fragment,{children:t?(0,e.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,e.jsxs)("g",{fill:"currentColor",children:[(0,e.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,e.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,e.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,e.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,e.jsxs)("g",{fill:"currentColor",children:[(0,e.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,e.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}0&&(module.exports={SigninSignup_B});
package/dist/signin_signup_b.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-JTKLKDVQ.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_B,a as default};
1
+ import{a}from"./chunk-LME4QAJ6.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_B,a as default};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/signin-signup",
3
3
  "description": "",
4
- "version": "7.0.0-beta.4",
4
+ "version": "7.0.0-beta.7",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -34,27 +34,27 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "classnames": "^2.5.1",
37
- "@stackshift-ui/system": "6.1.0-beta.1",
38
- "@stackshift-ui/card": "7.0.0-beta.1",
39
- "@stackshift-ui/scripts": "6.1.0-beta.0",
40
- "@stackshift-ui/heading": "7.0.0-beta.1",
41
- "@stackshift-ui/button": "6.1.0-beta.3",
42
- "@stackshift-ui/image": "6.1.0-beta.1",
43
- "@stackshift-ui/input": "7.0.0-beta.1",
44
- "@stackshift-ui/text": "7.0.0-beta.1",
45
- "@stackshift-ui/link": "6.0.12-beta.1",
46
- "@stackshift-ui/section": "7.0.0-beta.1",
47
- "@stackshift-ui/form": "7.0.0-beta.1",
48
- "@stackshift-ui/flex": "7.0.0-beta.1",
49
- "@stackshift-ui/form-field": "7.0.0-beta.2",
50
- "@stackshift-ui/container": "7.0.0-beta.1"
37
+ "@stackshift-ui/system": "6.1.0-beta.3",
38
+ "@stackshift-ui/button": "6.1.0-beta.5",
39
+ "@stackshift-ui/card": "7.0.0-beta.3",
40
+ "@stackshift-ui/heading": "7.0.0-beta.3",
41
+ "@stackshift-ui/input": "7.0.0-beta.3",
42
+ "@stackshift-ui/text": "7.0.0-beta.3",
43
+ "@stackshift-ui/image": "6.1.0-beta.4",
44
+ "@stackshift-ui/link": "6.1.0-beta.3",
45
+ "@stackshift-ui/scripts": "6.1.0-beta.2",
46
+ "@stackshift-ui/form": "7.0.0-beta.3",
47
+ "@stackshift-ui/form-field": "7.0.0-beta.4",
48
+ "@stackshift-ui/container": "7.0.0-beta.3",
49
+ "@stackshift-ui/section": "7.0.0-beta.3",
50
+ "@stackshift-ui/flex": "7.0.0-beta.3"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@types/react": "16.8 - 19",
54
54
  "next": "10 - 14",
55
55
  "react": "16.8 - 19",
56
56
  "react-dom": "16.8 - 19",
57
- "@stackshift-ui/system": ">=6.1.0-beta.1"
57
+ "@stackshift-ui/system": ">=6.1.0-beta.3"
58
58
  },
59
59
  "peerDependenciesMeta": {
60
60
  "next": {
package/src/signin-signup.tsx CHANGED
@@ -1,9 +1,11 @@
1
- import React, { lazy } from "react";
2
- import { SectionsProps, Logo, LabeledRoute, LabeledRouteWithKey, Form } from "./types";
1
+ import React from "react";
2
+ import SigninSignupA from "./signin_signup_a";
3
+ import SigninSignupB from "./signin_signup_b";
4
+ import { Form, LabeledRoute, LabeledRouteWithKey, Logo, SectionsProps } from "./types";
3
5
 
4
6
  const Variants = {
5
- variant_a: lazy(() => import("./signin_signup_a")),
6
- variant_b: lazy(() => import("./signin_signup_b")),
7
+ variant_a: SigninSignupA,
8
+ variant_b: SigninSignupB,
7
9
  };
8
10
 
9
11
  export interface SignUpFormProps {
package/src/signin_signup_a.tsx CHANGED
@@ -18,10 +18,10 @@ import { LabeledRoute, LabeledRouteWithKey, Logo, Form as iForm } from "./types"
18
18
 
19
19
  export default function SigninSignup_A({ logo, form, formLinks, signInLink }: SignUpFormProps) {
20
20
  return (
21
- <Section className="py-10 rounded-md bg-gray-50 lg:py-20">
22
- <Container maxWidth={576} className="px-4">
21
+ <Section className="py-10 rounded-md lg:py-20">
22
+ <Container maxWidth={576}>
23
23
  <LogoSection logo={logo} />
24
- <Container className="mb-6 px-4 text-center lg:mb-10">
24
+ <Container className="mb-6 text-center lg:mb-10">
25
25
  <SubtitleAndHeadingText form={form} />
26
26
  <SignupForm
27
27
  form={form}
@@ -129,14 +129,14 @@ function FormFields({
129
129
  }) {
130
130
  return (
131
131
  <>
132
- <Flex wrap className="-mx-2">
132
+ <Flex wrap className="-mx-2 lg:gap-0 gap-3">
133
133
  {form?.fields?.slice(0, 2).map((formFields, index) => (
134
- <div className="w-full px-2 mb-3 lg:w-1/2" key={index}>
134
+ <div className="w-full px-2 lg:w-1/2" key={index}>
135
135
  {formFields.type === "inputText" ? (
136
136
  <Input
137
137
  placeholder={formFields?.placeholder}
138
138
  required={formFields?.isRequired}
139
- className="w-full py-4 text-xs bg-white"
139
+ className="w-full py-4 text-base bg-white"
140
140
  name={formFields?.name}
141
141
  aria-label={formFields?.label}
142
142
  {...formFields}
@@ -144,7 +144,7 @@ function FormFields({
144
144
  />
145
145
  ) : (
146
146
  <FormField
147
- className="py-4"
147
+ className="py-4 bg-white"
148
148
  textSize="sm"
149
149
  noLabel
150
150
  variant="primary"
@@ -169,7 +169,7 @@ function FormFields({
169
169
  />
170
170
  ) : (
171
171
  <FormField
172
- className="py-4"
172
+ className="py-4 bg-white"
173
173
  textSize="sm"
174
174
  noLabel
175
175
  variant="primary"
@@ -190,11 +190,7 @@ function FormFields({
190
190
  function SignInLink({ signInLink }: { signInLink?: LabeledRoute }) {
191
191
  if (!signInLink?.label) return null;
192
192
 
193
- const link = buildSanityLink({
194
- type: signInLink?.type ?? "",
195
- internalLink: signInLink?.internalLink ?? "",
196
- externalLink: signInLink?.externalLink ?? "",
197
- });
193
+ const link = buildSanityLink(signInLink);
198
194
 
199
195
  return (
200
196
  <div className="w-full text-center mt-3">
@@ -222,9 +218,9 @@ function PasswordField({
222
218
  togglePassword: () => void;
223
219
  }) {
224
220
  return (
225
- <div className="flex flex-col sm:flex-row gap-2 sm:items-center">
221
+ <div className="flex flex-col sm:flex-row gap-2 sm:items-center relative">
226
222
  <Input
227
- className="py-4"
223
+ className="py-4 bg-white pr-12"
228
224
  aria-label={formFields?.placeholder ?? formFields?.name}
229
225
  type={showPassword ? "text" : "password"}
230
226
  placeholder={formFields?.placeholder}
@@ -235,7 +231,7 @@ function PasswordField({
235
231
  <Button
236
232
  variant="unstyled"
237
233
  aria-label={showPassword ? "Show password" : "Hide password"}
238
- className="focus:outline-none"
234
+ className="focus:outline-none px-0 py-0 absolute right-4"
239
235
  type="button"
240
236
  onClick={togglePassword}>
241
237
  <span className="block sm:hidden text-right">{showPassword ? "Hide" : "Show"}</span>
@@ -252,22 +248,18 @@ function FormLinks({ formLinks }: { formLinks?: LabeledRouteWithKey[] }) {
252
248
 
253
249
  return (
254
250
  <p className="mt-10 lg:mt-3 text-xs text-center text-gray-700">
255
- {formLinks?.map((link: any, index: number, { length }: any) => {
256
- const linkObj = buildSanityLink({
257
- type: link?.type ?? "",
258
- internalLink: link?.internalLink ?? "",
259
- externalLink: link?.externalLink ?? "",
260
- });
251
+ {formLinks?.map((link_: any, index: number, { length }: any) => {
252
+ const link = buildSanityLink(link_ as LabeledRoute);
261
253
 
262
254
  return (
263
255
  <span key={index}>
264
256
  <Button
265
257
  variant="link"
266
258
  className="text-xs text-primary cursor-pointer hover:underline"
267
- aria-label={link?.label}
259
+ aria-label={link_?.label}
268
260
  asChild>
269
- <Link href={linkObj.href} target={linkObj.target} rel={linkObj.rel}>
270
- {link?.label}
261
+ <Link href={link.href} target={link.target} rel={link.rel}>
262
+ {link_?.label}
271
263
  </Link>
272
264
  </Button>
273
265
  {index === length - 1 ? null : index === length - 2 ? (
@@ -287,7 +279,7 @@ function PasswordIcon({ showPassword }: { showPassword: boolean }) {
287
279
  <>
288
280
  {showPassword ? (
289
281
  <svg
290
- className="w-5 h-5 my-auto ml-4 text-gray-500"
282
+ className="w-5 h-5 my-auto text-gray-500"
291
283
  xmlns="http://www.w3.org/2000/svg"
292
284
  aria-hidden="true"
293
285
  role="img"
@@ -303,7 +295,7 @@ function PasswordIcon({ showPassword }: { showPassword: boolean }) {
303
295
  </svg>
304
296
  ) : (
305
297
  <svg
306
- className="w-5 h-5 my-auto ml-4 text-gray-500"
298
+ className="w-5 h-5 my-auto text-gray-500"
307
299
  xmlns="http://www.w3.org/2000/svg"
308
300
  aria-hidden="true"
309
301
  role="img"
package/src/signin_signup_b.tsx CHANGED
@@ -166,19 +166,20 @@ function PasswordField({
166
166
  togglePassword: () => void;
167
167
  }) {
168
168
  return (
169
- <div className="flex flex-col sm:flex-row gap-2 items-center">
169
+ <div className="flex flex-col sm:flex-row gap-2 items-center relative">
170
170
  <Input
171
171
  aria-label={formFields?.placeholder ?? formFields?.name}
172
172
  type={showPassword ? "text" : "password"}
173
173
  placeholder={formFields?.placeholder}
174
174
  name={formFields?.name}
175
175
  required={formFields?.isRequired}
176
+ className="pr-12"
176
177
  />
177
178
  {/* SVG icon on the right of the password input field */}
178
179
  <Button
179
180
  variant="unstyled"
180
181
  aria-label={showPassword ? "Show password" : "Hide password"}
181
- className="focus:outline-none"
182
+ className="focus:outline-none px-0 py-0 absolute right-4"
182
183
  type="button"
183
184
  onClick={togglePassword}>
184
185
  <span className="block sm:hidden text-right">{showPassword ? "Hide" : "Show"}</span>
@@ -207,11 +208,7 @@ function FormButtonLabel({ form }: { form?: iForm }) {
207
208
  function SigninLink({ signInLink }: { signInLink?: LabeledRoute }) {
208
209
  if (!signInLink?.label) return null;
209
210
 
210
- const link = buildSanityLink({
211
- type: signInLink?.type ?? "",
212
- internalLink: signInLink?.internalLink ?? "",
213
- externalLink: signInLink?.externalLink ?? "",
214
- });
211
+ const link = buildSanityLink(signInLink);
215
212
 
216
213
  return (
217
214
  <span className="text-xs text-gray-900">
@@ -234,22 +231,18 @@ function FormLinks({ formLinks }: { formLinks?: LabeledRoute[] }) {
234
231
 
235
232
  return (
236
233
  <p className="text-xs text-center text-secondary-foreground">
237
- {formLinks?.map((link, index, { length }) => {
238
- const linkObj = buildSanityLink({
239
- type: link?.type ?? "",
240
- internalLink: link?.internalLink ?? "",
241
- externalLink: link?.externalLink ?? "",
242
- });
234
+ {formLinks?.map((link_, index, { length }) => {
235
+ const linkObj = buildSanityLink(link_);
243
236
 
244
237
  return (
245
238
  <span key={index}>
246
239
  <Button
247
240
  variant="link"
248
241
  className="text-xs underline text-secondary-foreground hover:text-gray-50"
249
- aria-label={link?.label}
242
+ aria-label={link_?.label}
250
243
  asChild>
251
244
  <Link href={linkObj?.href} target={linkObj?.target} rel={linkObj?.rel}>
252
- {link?.label}
245
+ {link_?.label}
253
246
  </Link>
254
247
  </Button>
255
248
  {index === length - 1 ? null : index === length - 2 ? (
package/dist/chunk-JTKLKDVQ.mjs DELETED
@@ -1 +0,0 @@
1
- import{a as h,b as g}from"./chunk-4DDN6JI4.mjs";import{Button as b}from"@stackshift-ui/button";import{Card as N}from"@stackshift-ui/card";import{Container as v}from"@stackshift-ui/container";import{Flex as S}from"@stackshift-ui/flex";import{Form as P}from"@stackshift-ui/form";import{FormField as o}from"@stackshift-ui/form-field";import{Heading as C}from"@stackshift-ui/heading";import{Image as R}from"@stackshift-ui/image";import{Input as M}from"@stackshift-ui/input";import{Link as i}from"@stackshift-ui/link";import{Section as m}from"@stackshift-ui/section";import{buildSanityLink as d}from"@stackshift-ui/system";import{Text as A}from"@stackshift-ui/text";import y from"react";import{jsx as e,jsxs as u}from"react/jsx-runtime";function B({logo:t,form:n,formLinks:c,signInLink:p}){return e(m,{className:"py-10 bg-primary lg:py-20",children:e(v,{maxWidth:1280,children:u(v,{maxWidth:576,children:[e(z,{logo:t}),u(N,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[e(q,{form:n}),e(H,{form:n,signInLink:p})]}),e(L,{formLinks:c})]})})})}function z({logo:t}){var n;return t?e("div",{className:"mb-10",children:e(i,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:e(R,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function q({form:t}){return u("div",{className:"mb-6 text-center sm:text-left",children:[e(A,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),e(C,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function H({form:t,signInLink:n}){var s;if(!(t!=null&&t.fields))return null;let[c,p]=y.useState({}),r=l=>{p(a=>({...a,[l]:!a[l]}))};return u(P,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:g(t==null?void 0:t.thankYouPage),children:[e(T,{form:t,showPassword:c,togglePasswordVisibility:r}),e("div",{children:e("div",{className:"webriq-recaptcha"})}),u("div",{className:"text-center",children:[e(V,{form:t}),e(Y,{signInLink:n})]})]})}function T({form:t,showPassword:n,togglePasswordVisibility:c}){var p,r,s,l;return u(y.Fragment,{children:[e(S,{className:"flex-col lg:flex-row gap-3",children:(r=(p=t==null?void 0:t.fields)==null?void 0:p.slice(0,2))==null?void 0:r.map((a,w)=>{var x;return e("div",{className:"w-full",children:e(o,{noLabel:!0,variant:"secondary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(x=a==null?void 0:a.name)!=null?x:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},w)})}),(l=(s=t==null?void 0:t.fields)==null?void 0:s.slice(2))==null?void 0:l.map((a,w)=>{var x;return e("div",{className:"my-3",children:(a==null?void 0:a.type)==="inputPassword"&&a.name?e(U,{formFields:a,showPassword:n[a.name]||!1,togglePassword:()=>c(a.name)}):e(o,{noLabel:!0,variant:"secondary",name:(x=a==null?void 0:a.name)!=null?x:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},w)})]})}function U({formFields:t,showPassword:n,togglePassword:c}){var p;return u("div",{className:"flex flex-col sm:flex-row gap-2 items-center",children:[e(M,{"aria-label":(p=t==null?void 0:t.placeholder)!=null?p:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),u(b,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:c,children:[e("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),e("span",{className:"hidden sm:block",children:e(W,{showPassword:n})})]})]})}function V({form:t}){var n;return t!=null&&t.buttonLabel?e(b,{className:"w-full py-4 mb-3","aria-label":(n=t==null?void 0:t.buttonLabel)!=null?n:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function Y({signInLink:t}){var c,p,r;if(!(t!=null&&t.label))return null;let n=d({type:(c=t==null?void 0:t.type)!=null?c:"",internalLink:(p=t==null?void 0:t.internalLink)!=null?p:"",externalLink:(r=t==null?void 0:t.externalLink)!=null?r:""});return u("span",{className:"text-xs text-gray-900",children:[e("span",{children:"Already have an account?"})," ",e(b,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:e(i,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function L({formLinks:t}){return t?e("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((n,c,{length:p})=>{var s,l,a;let r=d({type:(s=n==null?void 0:n.type)!=null?s:"",internalLink:(l=n==null?void 0:n.internalLink)!=null?l:"",externalLink:(a=n==null?void 0:n.externalLink)!=null?a:""});return u("span",{children:[e(b,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":n==null?void 0:n.label,asChild:!0,children:e(i,{href:r==null?void 0:r.href,target:r==null?void 0:r.target,rel:r==null?void 0:r.rel,children:n==null?void 0:n.label})}),c===p-1?null:c===p-2?e("span",{children:"\xA0and\xA0"}):e("span",{children:"\xA0,\xA0"})]},c)})}):null}function W({showPassword:t}){return e(y.Fragment,{children:t?e("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:u("g",{fill:"currentColor",children:[e("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),e("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),e("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):e("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:u("g",{fill:"currentColor",children:[e("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),e("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}export{B as a};
package/dist/chunk-OLWLBKEF.mjs DELETED
@@ -1 +0,0 @@
1
- import{lazy as x}from"react";import{jsx as I}from"react/jsx-runtime";var i={variant_a:x(()=>import("./signin_signup_a.mjs")),variant_b:x(()=>import("./signin_signup_b.mjs"))},P="SigninSignup",h=({data:n})=>{var r,s,u,t,f,l,p,m,g,L,c,v,b,y,R,k,S,B;let e=n==null?void 0:n.variant,o=e&&(i==null?void 0:i[e]),F={logo:(s=(r=n==null?void 0:n.variants)==null?void 0:r.logo)!=null?s:void 0,title:(t=(u=n==null?void 0:n.variants)==null?void 0:u.title)!=null?t:void 0,subtitle:(l=(f=n==null?void 0:n.variants)==null?void 0:f.subtitle)!=null?l:void 0,text:(m=(p=n==null?void 0:n.variants)==null?void 0:p.plainText)!=null?m:void 0,firstButton:(L=(g=n==null?void 0:n.variants)==null?void 0:g.primaryButton)!=null?L:void 0,secondButton:(v=(c=n==null?void 0:n.variants)==null?void 0:c.secondaryButton)!=null?v:void 0,formLinks:(y=(b=n==null?void 0:n.variants)==null?void 0:b.formLinks)!=null?y:void 0,signInLink:(k=(R=n==null?void 0:n.variants)==null?void 0:R.signinLink)!=null?k:void 0,form:(B=(S=n==null?void 0:n.variants)==null?void 0:S.form)!=null?B:void 0};return o?I(o,{...F}):null};h.displayName=P;export{h as a};
package/dist/chunk-SJU4OADH.mjs DELETED
@@ -1 +0,0 @@
1
- import{a as b,b as v}from"./chunk-4DDN6JI4.mjs";import{Button as x}from"@stackshift-ui/button";import{Container as i}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Form as C}from"@stackshift-ui/form";import{FormField as g}from"@stackshift-ui/form-field";import{Heading as R}from"@stackshift-ui/heading";import{Image as A}from"@stackshift-ui/image";import{Input as N}from"@stackshift-ui/input";import{Link as h}from"@stackshift-ui/link";import{Section as z}from"@stackshift-ui/section";import{Text as M}from"@stackshift-ui/text";import q from"react";import{buildSanityLink as S}from"@stackshift-ui/system";import{Fragment as P,jsx as e,jsxs as r}from"react/jsx-runtime";function B({logo:t,form:n,formLinks:u,signInLink:p}){return e(z,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:r(i,{maxWidth:576,className:"px-4",children:[e(T,{logo:t}),r(i,{className:"mb-6 px-4 text-center lg:mb-10",children:[e(Y,{form:n}),e(H,{form:n,signInLink:p,thankYouPage:v(n==null?void 0:n.thankYouPage)})]}),e(j,{formLinks:u})]})})}function T({logo:t}){var n;return t?e("div",{className:"mb-10",children:e(h,{"aria-label":`Go to ${b(t)==="/"?"home page":b(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:e(A,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function Y({form:t}){return r("div",{className:"mb-6",children:[t!=null&&t.subtitle?e(M,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?e(R,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function H({form:t,signInLink:n,thankYouPage:u}){var s,l;if(!(t!=null&&t.fields))return null;let[p,c]=q.useState({}),a=y=>{c(w=>({...w,[y]:!w[y]}))};return r(C,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[e(U,{form:t,showPasswords:p,togglePasswordVisibility:a}),e("div",{children:e("div",{className:"webriq-recaptcha"})}),e("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&e(x,{variant:"default","aria-label":(l=t==null?void 0:t.buttonLabel)!=null?l:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),n&&e(V,{signInLink:n})]})}function U({form:t,showPasswords:n,togglePasswordVisibility:u}){var p,c;return r(P,{children:[e(d,{wrap:!0,className:"-mx-2",children:(p=t==null?void 0:t.fields)==null?void 0:p.slice(0,2).map((a,s)=>{var l;return e("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:a.type==="inputText"?e(N,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-xs bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):e(g,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",name:(l=a==null?void 0:a.name)!=null?l:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},s)})}),(c=t==null?void 0:t.fields)==null?void 0:c.slice(2).map((a,s)=>{var l;return e("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?e(W,{formFields:a,showPassword:n[a.name]||!1,togglePassword:()=>u(a.name)}):e(g,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(l=a==null?void 0:a.name)!=null?l:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},s)})]})}function V({signInLink:t}){var u,p,c;if(!(t!=null&&t.label))return null;let n=S({type:(u=t==null?void 0:t.type)!=null?u:"",internalLink:(p=t==null?void 0:t.internalLink)!=null?p:"",externalLink:(c=t==null?void 0:t.externalLink)!=null?c:""});return r("div",{className:"w-full text-center mt-3",children:[e("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),e(x,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:e(h,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function W({formFields:t,showPassword:n,togglePassword:u}){var p;return r("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center",children:[e(N,{className:"py-4","aria-label":(p=t==null?void 0:t.placeholder)!=null?p:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),r(x,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:u,children:[e("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),e("span",{className:"hidden sm:block",children:e(K,{showPassword:n})})]})]})}function j({formLinks:t}){return t?e("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((n,u,{length:p})=>{var a,s,l;let c=S({type:(a=n==null?void 0:n.type)!=null?a:"",internalLink:(s=n==null?void 0:n.internalLink)!=null?s:"",externalLink:(l=n==null?void 0:n.externalLink)!=null?l:""});return r("span",{children:[e(x,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":n==null?void 0:n.label,asChild:!0,children:e(h,{href:c.href,target:c.target,rel:c.rel,children:n==null?void 0:n.label})}),u===p-1?null:u===p-2?e("span",{children:"\xA0and\xA0"}):e("span",{children:"\xA0,\xA0"})]},u)})}):null}function K({showPassword:t}){return e(P,{children:t?e("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:r("g",{fill:"currentColor",children:[e("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),e("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),e("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):e("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:r("g",{fill:"currentColor",children:[e("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),e("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}export{B as a};