@stackshift-ui/signin-signup 7.0.0-beta.0 → 7.0.0-beta.1
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.
- package/dist/chunk-JTKLKDVQ.mjs +1 -0
- package/dist/chunk-SJU4OADH.mjs +1 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/signin-signup.js +1 -1
- package/dist/signin-signup.mjs +1 -1
- package/dist/signin_signup_a.js +1 -1
- package/dist/signin_signup_a.mjs +1 -1
- package/dist/signin_signup_b.js +1 -1
- package/dist/signin_signup_b.mjs +1 -1
- package/package.json +10 -10
- package/dist/chunk-ZB5SS6U5.mjs +0 -1
- package/dist/chunk-ZJJ6VT3F.mjs +0 -1
- /package/dist/{chunk-G3QOBYBY.mjs → chunk-OLWLBKEF.mjs} +0 -0
|
@@ -0,0 +1 @@
|
|
|
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};
|
|
@@ -0,0 +1 @@
|
|
|
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};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var ht=Object.create;var w=Object.defineProperty;var yt=Object.getOwnPropertyDescriptor;var wt=Object.getOwnPropertyNames;var vt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var N=(t,e)=>()=>(t&&(e=t(t=0)),e);var o=(t,e)=>{for(var s in e)w(t,s,{get:e[s],enumerable:!0})},E=(t,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of wt(e))!gt.call(t,r)&&r!==s&&w(t,r,{get:()=>e[r],enumerable:!(i=yt(e,r))||i.enumerable});return t};var D=(t,e,s)=>(s=t!=null?ht(vt(t)):{},E(e||!t||!t.__esModule?w(s,"default",{value:t,enumerable:!0}):s,t)),Nt=t=>E(w({},"__esModule",{value:!0}),t);var x,v,L=N(()=>{"use strict";x=t=>{var e,s,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(s=(e=t==null?void 0:t.internalLink)==null?void 0:e.toLowerCase())!=null&&s.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"},v=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you"});var tt={};o(tt,{SigninSignup_A:()=>m,default:()=>m});function m({logo:t,form:e,formLinks:s,signInLink:i}){return(0,n.jsx)(I.Section,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:(0,n.jsxs)(S.Container,{maxWidth:576,className:"px-4",children:[(0,n.jsx)(ot,{logo:t}),(0,n.jsxs)(S.Container,{className:"mb-6 px-4 text-center lg:mb-10",children:[(0,n.jsx)(Lt,{form:e}),(0,n.jsx)(St,{form:e,signInLink:i,thankYouPage:v(e==null?void 0:e.thankYouPage)})]}),(0,n.jsx)(Ct,{formLinks:s})]})})}function ot({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(Z.Link,{"aria-label":`Go to ${x(t)==="/"?"home page":x(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:x(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(X.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 Lt({form:t}){return(0,n.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,n.jsx)(F.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,n.jsx)(Q.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function St({form:t,signInLink:e,thankYouPage:s}){var c,p;if(!(t!=null&&t.fields))return null;let[i,r]=f.default.useState({}),a=l=>{r(b=>({...b,[l]:!b[l]}))};return(0,n.jsxs)(O.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:s,children:[(0,n.jsx)(Pt,{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)(h.Button,{as:"button",variant:"custom",ariaLabel:(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)(Rt,{signInLink:e})]})}function Pt({form:t,showPasswords:e,togglePasswordVisibility:s}){var i,r;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(J.Flex,{wrap:!0,className:"-mx-2",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 mb-3 lg:w-1/2",children:a.type==="inputText"?(0,n.jsx)(R.Input,{textSize:"sm",variant:"primary",noLabel:!0,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,ariaLabel:a==null?void 0:a.label,...a,type:"text"}):(0,n.jsx)(P.FormField,{className:"py-4",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)})}),(r=t==null?void 0:t.fields)==null?void 0:r.slice(2).map((a,c)=>{var p;return(0,n.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,n.jsx)(mt,{formFields:a,showPassword:e[a.name]||!1,togglePassword:()=>s(a.name)}):(0,n.jsx)(P.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:(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 Rt({signInLink:t}){return t!=null&&t.label?(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)(h.Button,{as:"link",variant:"link",link:t,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:t==null?void 0:t.label,children:t==null?void 0:t.label})]}):null}function mt({formFields:t,showPassword:e,togglePassword:s}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center",children:[(0,n.jsx)(R.Input,{className:"py-4",textSize:"sm",noLabel:!0,"aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,variant:"primary",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)(h.Button,{variant:"unstyled",as:"button",ariaLabel:e?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:s,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 Ct({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,s,{length:i})=>(0,n.jsxs)("span",{children:[(0,n.jsx)(h.Button,{as:"link",variant:"link",link:e,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),s===i-1?null:s===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},s))}):null}function zt({showPassword:t}){return(0,n.jsx)(n.Fragment,{children:t?(0,n.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,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 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,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 h,S,J,O,P,Q,X,R,Z,I,F,f,n,C=N(()=>{"use strict";h=require("@stackshift-ui/button"),S=require("@stackshift-ui/container"),J=require("@stackshift-ui/flex"),O=require("@stackshift-ui/form"),P=require("@stackshift-ui/form-field"),Q=require("@stackshift-ui/heading"),X=require("@stackshift-ui/image"),R=require("@stackshift-ui/input"),Z=require("@stackshift-ui/link"),I=require("@stackshift-ui/section"),F=require("@stackshift-ui/text"),f=D(require("react"));L();n=require("react/jsx-runtime")});var bt={};o(bt,{SigninSignup_B:()=>A,default:()=>A});function A({logo:t,form:e,formLinks:s,signInLink:i}){return(0,u.jsx)(I.Section,{className:"py-10 bg-primary lg:py-20",children:(0,u.jsx)(S.Container,{maxWidth:1280,children:(0,u.jsxs)(S.Container,{maxWidth:576,children:[(0,u.jsx)(Bt,{logo:t}),(0,u.jsxs)(et.Card,{borderRadius:"md",className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12",children:[(0,u.jsx)(At,{form:e}),(0,u.jsx)(Mt,{form:e,signInLink:i})]}),(0,u.jsx)(Yt,{formLinks:s})]})})})}function Bt({logo:t}){var e;return t?(0,u.jsx)("div",{className:"mb-10",children:(0,u.jsx)(Z.Link,{"aria-label":`Go to ${x(t)==="/"?"home page":x(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:x(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,u.jsx)(X.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 At({form:t}){return(0,u.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,u.jsx)(F.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,u.jsx)(Q.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function Mt({form:t,signInLink:e}){var a;if(!(t!=null&&t.fields))return null;let[s,i]=g.default.useState({}),r=c=>{i(p=>({...p,[c]:!p[c]}))};return(0,u.jsxs)(O.Form,{id:(a=t==null?void 0:t.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:v(t==null?void 0:t.thankYouPage),children:[(0,u.jsx)(dt,{form:t,showPassword:s,togglePasswordVisibility:r}),(0,u.jsx)("div",{children:(0,u.jsx)("div",{className:"webriq-recaptcha"})}),(0,u.jsxs)("div",{className:"text-center",children:[(0,u.jsx)(Tt,{form:t}),(0,u.jsx)(kt,{signInLink:e})]})]})}function dt({form:t,showPassword:e,togglePasswordVisibility:s}){var i,r,a,c;return(0,u.jsxs)(g.default.Fragment,{children:[(0,u.jsx)(J.Flex,{className:"flex-col lg:flex-row gap-3",children:(r=(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2))==null?void 0:r.map((p,l)=>{var b;return(0,u.jsx)("div",{className:"w-full",children:(0,u.jsx)(P.FormField,{noLabel:!0,variant:"secondary",placeholder:p==null?void 0:p.placeholder,required:p==null?void 0:p.isRequired,name:(b=p==null?void 0:p.name)!=null?b:"",items:p==null?void 0:p.items,type:p==null?void 0:p.type,...p})},l)})}),(c=(a=t==null?void 0:t.fields)==null?void 0:a.slice(2))==null?void 0:c.map((p,l)=>{var b;return(0,u.jsx)("div",{className:"my-3",children:(p==null?void 0:p.type)==="inputPassword"&&p.name?(0,u.jsx)(qt,{formFields:p,showPassword:e[p.name]||!1,togglePassword:()=>s(p.name)}):(0,u.jsx)(P.FormField,{noLabel:!0,variant:"secondary",name:(b=p==null?void 0:p.name)!=null?b:"",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})},l)})]})}function qt({formFields:t,showPassword:e,togglePassword:s}){var i;return(0,u.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center",children:[(0,u.jsx)(R.Input,{noLabel:!0,ariaLabel:(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,variant:"secondary",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,u.jsxs)(y.Button,{variant:"unstyled",as:"button",ariaLabel:e?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:s,children:[(0,u.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,u.jsx)("span",{className:"hidden sm:block",children:(0,u.jsx)(Ht,{showPassword:e})})]})]})}function Tt({form:t}){var e;return t!=null&&t.buttonLabel?(0,u.jsx)(y.Button,{as:"button",className:"w-full py-4 mb-3",ariaLabel:(e=t==null?void 0:t.buttonLabel)!=null?e:"Sign Up form submit button",variant:"custom",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function kt({signInLink:t}){return t!=null&&t.label?(0,u.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,u.jsx)("span",{children:"Already have an account?"})," ",(0,u.jsx)(y.Button,{as:"link",variant:"link",link:t,className:"text-xs text-primary hover:underline",ariaLabel:t==null?void 0:t.label,children:t==null?void 0:t.label})]}):null}function Yt({formLinks:t}){return t?(0,u.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((e,s,{length:i})=>(0,u.jsxs)("span",{children:[(0,u.jsx)(y.Button,{as:"link",variant:"link",link:e,className:"text-xs underline text-secondary-foreground hover:text-gray-50",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),s===i-1?null:s===i-2?(0,u.jsx)("span",{children:"\xA0and\xA0"}):(0,u.jsx)("span",{children:"\xA0,\xA0"})]},s))}):null}function Ht({showPassword:t}){return(0,u.jsx)(g.default.Fragment,{children:t?(0,u.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,u.jsxs)("g",{fill:"currentColor",children:[(0,u.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,u.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,u.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,u.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,u.jsxs)("g",{fill:"currentColor",children:[(0,u.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,u.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,et,S,J,O,P,Q,X,R,Z,I,F,g,u,M=N(()=>{"use strict";y=require("@stackshift-ui/button"),et=require("@stackshift-ui/card"),g=D(require("react"));L();u=require("react/jsx-runtime")});var Vt={};o(Vt,{SigninSignup:()=>lt,SigninSignup_A:()=>m,SigninSignup_B:()=>A});module.exports=Nt(Vt);var q=require("react"),xt=require("react/jsx-runtime"),d={variant_a:(0,q.lazy)(()=>Promise.resolve().then(()=>(C(),tt))),variant_b:(0,q.lazy)(()=>Promise.resolve().then(()=>(M(),bt)))},Ut="SigninSignup",lt=({data:t})=>{var r,a,c,p,l,b,T,k,Y,H,U,V,W,_,K,$,G,j;let e=t==null?void 0:t.variant,s=e&&(d==null?void 0:d[e]),i={logo:(a=(r=t==null?void 0:t.variants)==null?void 0:r.logo)!=null?a:void 0,title:(p=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?p:void 0,subtitle:(b=(l=t==null?void 0:t.variants)==null?void 0:l.subtitle)!=null?b:void 0,text:(k=(T=t==null?void 0:t.variants)==null?void 0:T.plainText)!=null?k:void 0,firstButton:(H=(Y=t==null?void 0:t.variants)==null?void 0:Y.primaryButton)!=null?H:void 0,secondButton:(V=(U=t==null?void 0:t.variants)==null?void 0:U.secondaryButton)!=null?V:void 0,formLinks:(_=(W=t==null?void 0:t.variants)==null?void 0:W.formLinks)!=null?_:void 0,signInLink:($=(K=t==null?void 0:t.variants)==null?void 0:K.signinLink)!=null?$:void 0,form:(j=(G=t==null?void 0:t.variants)==null?void 0:G.form)!=null?j:void 0};return s?(0,xt.jsx)(s,{...i}):null};lt.displayName=Ut;C();M();0&&(module.exports={SigninSignup,SigninSignup_A,SigninSignup_B});
|
|
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});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";import{a as e}from"./chunk-
|
|
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};
|
package/dist/signin-signup.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var ht=Object.create;var w=Object.defineProperty;var yt=Object.getOwnPropertyDescriptor;var wt=Object.getOwnPropertyNames;var vt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var N=(t,e)=>()=>(t&&(e=t(t=0)),e);var L=(t,e)=>{for(var s in e)w(t,s,{get:e[s],enumerable:!0})},K=(t,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of wt(e))!gt.call(t,r)&&r!==s&&w(t,r,{get:()=>e[r],enumerable:!(i=yt(e,r))||i.enumerable});return t};var $=(t,e,s)=>(s=t!=null?ht(vt(t)):{},K(e||!t||!t.__esModule?w(s,"default",{value:t,enumerable:!0}):s,t)),Nt=t=>K(w({},"__esModule",{value:!0}),t);var x,v,o=N(()=>{"use strict";x=t=>{var e,s,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(s=(e=t==null?void 0:t.internalLink)==null?void 0:e.toLowerCase())!=null&&s.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"},v=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you"});var I={};L(I,{SigninSignup_A:()=>Z,default:()=>Z});function Z({logo:t,form:e,formLinks:s,signInLink:i}){return(0,n.jsx)(O.Section,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:(0,n.jsxs)(S.Container,{maxWidth:576,className:"px-4",children:[(0,n.jsx)(Lt,{logo:t}),(0,n.jsxs)(S.Container,{className:"mb-6 px-4 text-center lg:mb-10",children:[(0,n.jsx)(ot,{form:e}),(0,n.jsx)(St,{form:e,signInLink:i,thankYouPage:v(e==null?void 0:e.thankYouPage)})]}),(0,n.jsx)(mt,{formLinks:s})]})})}function Lt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(J.Link,{"aria-label":`Go to ${x(t)==="/"?"home page":x(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:x(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(D.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 ot({form:t}){return(0,n.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,n.jsx)(Q.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,n.jsx)(E.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function St({form:t,signInLink:e,thankYouPage:s}){var c,u;if(!(t!=null&&t.fields))return null;let[i,r]=X.default.useState({}),a=l=>{r(b=>({...b,[l]:!b[l]}))};return(0,n.jsxs)(j.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:s,children:[(0,n.jsx)(Pt,{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)(h.Button,{as:"button",variant:"custom",ariaLabel:(u=t==null?void 0:t.buttonLabel)!=null?u:"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)(Rt,{signInLink:e})]})}function Pt({form:t,showPasswords:e,togglePasswordVisibility:s}){var i,r;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(G.Flex,{wrap:!0,className:"-mx-2",children:(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2).map((a,c)=>{var u;return(0,n.jsx)("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:a.type==="inputText"?(0,n.jsx)(R.Input,{textSize:"sm",variant:"primary",noLabel:!0,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,ariaLabel:a==null?void 0:a.label,...a,type:"text"}):(0,n.jsx)(P.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",name:(u=a==null?void 0:a.name)!=null?u:"",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)})}),(r=t==null?void 0:t.fields)==null?void 0:r.slice(2).map((a,c)=>{var u;return(0,n.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,n.jsx)(Ct,{formFields:a,showPassword:e[a.name]||!1,togglePassword:()=>s(a.name)}):(0,n.jsx)(P.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:(u=a==null?void 0:a.name)!=null?u:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})]})}function Rt({signInLink:t}){return t!=null&&t.label?(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)(h.Button,{as:"link",variant:"link",link:t,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:t==null?void 0:t.label,children:t==null?void 0:t.label})]}):null}function Ct({formFields:t,showPassword:e,togglePassword:s}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center",children:[(0,n.jsx)(R.Input,{className:"py-4",textSize:"sm",noLabel:!0,"aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,variant:"primary",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)(h.Button,{variant:"unstyled",as:"button",ariaLabel:e?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:s,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 mt({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,s,{length:i})=>(0,n.jsxs)("span",{children:[(0,n.jsx)(h.Button,{as:"link",variant:"link",link:e,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),s===i-1?null:s===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},s))}):null}function zt({showPassword:t}){return(0,n.jsx)(n.Fragment,{children:t?(0,n.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,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 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,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 h,S,G,j,P,E,D,R,J,O,Q,X,n,F=N(()=>{"use strict";h=require("@stackshift-ui/button"),S=require("@stackshift-ui/container"),G=require("@stackshift-ui/flex"),j=require("@stackshift-ui/form"),P=require("@stackshift-ui/form-field"),E=require("@stackshift-ui/heading"),D=require("@stackshift-ui/image"),R=require("@stackshift-ui/input"),J=require("@stackshift-ui/link"),O=require("@stackshift-ui/section"),Q=require("@stackshift-ui/text"),X=$(require("react"));o();n=require("react/jsx-runtime")});var ct={};L(ct,{SigninSignup_B:()=>rt,default:()=>rt});function rt({logo:t,form:e,formLinks:s,signInLink:i}){return(0,p.jsx)(O.Section,{className:"py-10 bg-primary lg:py-20",children:(0,p.jsx)(S.Container,{maxWidth:1280,children:(0,p.jsxs)(S.Container,{maxWidth:576,children:[(0,p.jsx)(Bt,{logo:t}),(0,p.jsxs)(f.Card,{borderRadius:"md",className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12",children:[(0,p.jsx)(At,{form:e}),(0,p.jsx)(Mt,{form:e,signInLink:i})]}),(0,p.jsx)(Yt,{formLinks:s})]})})})}function Bt({logo:t}){var e;return t?(0,p.jsx)("div",{className:"mb-10",children:(0,p.jsx)(J.Link,{"aria-label":`Go to ${x(t)==="/"?"home page":x(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:x(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,p.jsx)(D.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 At({form:t}){return(0,p.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,p.jsx)(Q.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,p.jsx)(E.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function Mt({form:t,signInLink:e}){var a;if(!(t!=null&&t.fields))return null;let[s,i]=g.default.useState({}),r=c=>{i(u=>({...u,[c]:!u[c]}))};return(0,p.jsxs)(j.Form,{id:(a=t==null?void 0:t.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:v(t==null?void 0:t.thankYouPage),children:[(0,p.jsx)(dt,{form:t,showPassword:s,togglePasswordVisibility:r}),(0,p.jsx)("div",{children:(0,p.jsx)("div",{className:"webriq-recaptcha"})}),(0,p.jsxs)("div",{className:"text-center",children:[(0,p.jsx)(Tt,{form:t}),(0,p.jsx)(kt,{signInLink:e})]})]})}function dt({form:t,showPassword:e,togglePasswordVisibility:s}){var i,r,a,c;return(0,p.jsxs)(g.default.Fragment,{children:[(0,p.jsx)(G.Flex,{className:"flex-col lg:flex-row gap-3",children:(r=(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2))==null?void 0:r.map((u,l)=>{var b;return(0,p.jsx)("div",{className:"w-full",children:(0,p.jsx)(P.FormField,{noLabel:!0,variant:"secondary",placeholder:u==null?void 0:u.placeholder,required:u==null?void 0:u.isRequired,name:(b=u==null?void 0:u.name)!=null?b:"",items:u==null?void 0:u.items,type:u==null?void 0:u.type,...u})},l)})}),(c=(a=t==null?void 0:t.fields)==null?void 0:a.slice(2))==null?void 0:c.map((u,l)=>{var b;return(0,p.jsx)("div",{className:"my-3",children:(u==null?void 0:u.type)==="inputPassword"&&u.name?(0,p.jsx)(qt,{formFields:u,showPassword:e[u.name]||!1,togglePassword:()=>s(u.name)}):(0,p.jsx)(P.FormField,{noLabel:!0,variant:"secondary",name:(b=u==null?void 0:u.name)!=null?b:"",placeholder:u==null?void 0:u.placeholder,required:u==null?void 0:u.isRequired,items:u==null?void 0:u.items,type:u==null?void 0:u.type,...u})},l)})]})}function qt({formFields:t,showPassword:e,togglePassword:s}){var i;return(0,p.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center",children:[(0,p.jsx)(R.Input,{noLabel:!0,ariaLabel:(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,variant:"secondary",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,p.jsxs)(y.Button,{variant:"unstyled",as:"button",ariaLabel:e?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:s,children:[(0,p.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,p.jsx)("span",{className:"hidden sm:block",children:(0,p.jsx)(Ht,{showPassword:e})})]})]})}function Tt({form:t}){var e;return t!=null&&t.buttonLabel?(0,p.jsx)(y.Button,{as:"button",className:"w-full py-4 mb-3",ariaLabel:(e=t==null?void 0:t.buttonLabel)!=null?e:"Sign Up form submit button",variant:"custom",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function kt({signInLink:t}){return t!=null&&t.label?(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,{as:"link",variant:"link",link:t,className:"text-xs text-primary hover:underline",ariaLabel:t==null?void 0:t.label,children:t==null?void 0:t.label})]}):null}function Yt({formLinks:t}){return t?(0,p.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((e,s,{length:i})=>(0,p.jsxs)("span",{children:[(0,p.jsx)(y.Button,{as:"link",variant:"link",link:e,className:"text-xs underline text-secondary-foreground hover:text-gray-50",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),s===i-1?null:s===i-2?(0,p.jsx)("span",{children:"\xA0and\xA0"}):(0,p.jsx)("span",{children:"\xA0,\xA0"})]},s))}):null}function Ht({showPassword:t}){return(0,p.jsx)(g.default.Fragment,{children:t?(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,f,S,G,j,P,E,D,R,J,O,Q,g,p,bt=N(()=>{"use strict";y=require("@stackshift-ui/button"),f=require("@stackshift-ui/card"),g=$(require("react"));o();p=require("react/jsx-runtime")});var Vt={};L(Vt,{SigninSignup:()=>lt});module.exports=Nt(Vt);var B=require("react"),xt=require("react/jsx-runtime"),z={variant_a:(0,B.lazy)(()=>Promise.resolve().then(()=>(F(),I))),variant_b:(0,B.lazy)(()=>Promise.resolve().then(()=>(bt(),ct)))},Ut="SigninSignup",lt=({data:t})=>{var r,a,c,u,l,b,A,M,d,q,T,k,Y,H,U,V,W,_;let e=t==null?void 0:t.variant,s=e&&(z==null?void 0:z[e]),i={logo:(a=(r=t==null?void 0:t.variants)==null?void 0:r.logo)!=null?a:void 0,title:(u=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?u:void 0,subtitle:(b=(l=t==null?void 0:t.variants)==null?void 0:l.subtitle)!=null?b:void 0,text:(M=(A=t==null?void 0:t.variants)==null?void 0:A.plainText)!=null?M:void 0,firstButton:(q=(d=t==null?void 0:t.variants)==null?void 0:d.primaryButton)!=null?q:void 0,secondButton:(k=(T=t==null?void 0:t.variants)==null?void 0:T.secondaryButton)!=null?k:void 0,formLinks:(H=(Y=t==null?void 0:t.variants)==null?void 0:Y.formLinks)!=null?H:void 0,signInLink:(V=(U=t==null?void 0:t.variants)==null?void 0:U.signinLink)!=null?V:void 0,form:(_=(W=t==null?void 0:t.variants)==null?void 0:W.form)!=null?_:void 0};return s?(0,xt.jsx)(s,{...i}):null};lt.displayName=Ut;0&&(module.exports={SigninSignup});
|
|
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});
|
package/dist/signin-signup.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-OLWLBKEF.mjs";export{a as SigninSignup};
|
package/dist/signin_signup_a.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
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});
|
package/dist/signin_signup_a.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-SJU4OADH.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
|
|
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});
|
package/dist/signin_signup_b.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-JTKLKDVQ.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
|
+
"version": "7.0.0-beta.1",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,25 +29,25 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/
|
|
33
|
-
"@stackshift-ui/
|
|
32
|
+
"@stackshift-ui/typescript-config": "6.0.10",
|
|
33
|
+
"@stackshift-ui/eslint-config": "6.0.10"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
37
|
"@stackshift-ui/system": "6.1.0-beta.0",
|
|
38
|
-
"@stackshift-ui/card": "7.0.0-beta.0",
|
|
39
|
-
"@stackshift-ui/heading": "7.0.0-beta.0",
|
|
40
38
|
"@stackshift-ui/button": "6.1.0-beta.0",
|
|
39
|
+
"@stackshift-ui/card": "7.0.0-beta.0",
|
|
41
40
|
"@stackshift-ui/input": "7.0.0-beta.0",
|
|
42
|
-
"@stackshift-ui/
|
|
41
|
+
"@stackshift-ui/heading": "7.0.0-beta.0",
|
|
43
42
|
"@stackshift-ui/text": "7.0.0-beta.0",
|
|
44
|
-
"@stackshift-ui/form": "7.0.0-beta.0",
|
|
45
43
|
"@stackshift-ui/link": "6.0.12-beta.0",
|
|
46
44
|
"@stackshift-ui/image": "6.1.0-beta.0",
|
|
47
|
-
"@stackshift-ui/form-field": "7.0.0-beta.
|
|
45
|
+
"@stackshift-ui/form-field": "7.0.0-beta.1",
|
|
46
|
+
"@stackshift-ui/scripts": "6.1.0-beta.0",
|
|
47
|
+
"@stackshift-ui/form": "7.0.0-beta.0",
|
|
48
|
+
"@stackshift-ui/flex": "7.0.0-beta.0",
|
|
48
49
|
"@stackshift-ui/section": "7.0.0-beta.0",
|
|
49
|
-
"@stackshift-ui/container": "7.0.0-beta.0"
|
|
50
|
-
"@stackshift-ui/flex": "7.0.0-beta.0"
|
|
50
|
+
"@stackshift-ui/container": "7.0.0-beta.0"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@types/react": "16.8 - 19",
|
package/dist/chunk-ZB5SS6U5.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as b,b as y}from"./chunk-4DDN6JI4.mjs";import{Button as x}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Flex as S}from"@stackshift-ui/flex";import{Form as P}from"@stackshift-ui/form";import{FormField as g}from"@stackshift-ui/form-field";import{Heading as z}from"@stackshift-ui/heading";import{Image as R}from"@stackshift-ui/image";import{Input as v}from"@stackshift-ui/input";import{Link as A}from"@stackshift-ui/link";import{Section as L}from"@stackshift-ui/section";import{Text as C}from"@stackshift-ui/text";import M from"react";import{Fragment as N,jsx as e,jsxs as c}from"react/jsx-runtime";function d({logo:a,form:n,formLinks:u,signInLink:p}){return e(L,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:c(w,{maxWidth:576,className:"px-4",children:[e(q,{logo:a}),c(w,{className:"mb-6 px-4 text-center lg:mb-10",children:[e(B,{form:n}),e(T,{form:n,signInLink:p,thankYouPage:y(n==null?void 0:n.thankYouPage)})]}),e(V,{formLinks:u})]})})}function q({logo:a}){var n;return a?e("div",{className:"mb-10",children:e(A,{"aria-label":`Go to ${b(a)==="/"?"home page":b(a)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(a),target:a==null?void 0:a.linkTarget,rel:(a==null?void 0:a.linkTarget)==="_blank"?"noopener noreferrer":"",children:e(R,{src:a==null?void 0:a.image,alt:(n=a==null?void 0:a.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function B({form:a}){return c("div",{className:"mb-6",children:[a!=null&&a.subtitle?e(C,{muted:!0,children:a==null?void 0:a.subtitle}):null,a!=null&&a.name?e(z,{className:"text-2xl lg:text-2xl",children:a==null?void 0:a.name}):null]})}function T({form:a,signInLink:n,thankYouPage:u}){var l,s;if(!(a!=null&&a.fields))return null;let[p,i]=M.useState({}),t=h=>{i(r=>({...r,[h]:!r[h]}))};return c(P,{id:(l=a==null?void 0:a.id)!=null?l:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[e(Y,{form:a,showPasswords:p,togglePasswordVisibility:t}),e("div",{children:e("div",{className:"webriq-recaptcha"})}),e("div",{className:"text-center",children:(a==null?void 0:a.buttonLabel)&&e(x,{as:"button",variant:"custom",ariaLabel:(s=a==null?void 0:a.buttonLabel)!=null?s:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:a==null?void 0:a.buttonLabel})}),n&&e(H,{signInLink:n})]})}function Y({form:a,showPasswords:n,togglePasswordVisibility:u}){var p,i;return c(N,{children:[e(S,{wrap:!0,className:"-mx-2",children:(p=a==null?void 0:a.fields)==null?void 0:p.slice(0,2).map((t,l)=>{var s;return e("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:t.type==="inputText"?e(v,{textSize:"sm",variant:"primary",noLabel:!0,placeholder:t==null?void 0:t.placeholder,required:t==null?void 0:t.isRequired,className:"w-full py-4 text-xs bg-white",name:t==null?void 0:t.name,ariaLabel:t==null?void 0:t.label,...t,type:"text"}):e(g,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",name:(s=t==null?void 0:t.name)!=null?s:"",placeholder:t==null?void 0:t.placeholder,required:t==null?void 0:t.isRequired,items:t==null?void 0:t.items,type:t==null?void 0:t.type,...t})},l)})}),(i=a==null?void 0:a.fields)==null?void 0:i.slice(2).map((t,l)=>{var s;return e("div",{className:"my-3",children:t.type==="inputPassword"&&t.name?e(U,{formFields:t,showPassword:n[t.name]||!1,togglePassword:()=>u(t.name)}):e(g,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",placeholder:t==null?void 0:t.placeholder,required:t==null?void 0:t.isRequired,name:(s=t==null?void 0:t.name)!=null?s:"",items:t==null?void 0:t.items,type:t==null?void 0:t.type,...t})},l)})]})}function H({signInLink:a}){return a!=null&&a.label?c("div",{className:"w-full text-center mt-3",children:[e("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),e(x,{as:"link",variant:"link",link:a,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:a==null?void 0:a.label,children:a==null?void 0:a.label})]}):null}function U({formFields:a,showPassword:n,togglePassword:u}){var p;return c("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center",children:[e(v,{className:"py-4",textSize:"sm",noLabel:!0,"aria-label":(p=a==null?void 0:a.placeholder)!=null?p:a==null?void 0:a.name,variant:"primary",type:n?"text":"password",placeholder:a==null?void 0:a.placeholder,name:a==null?void 0:a.name,required:a==null?void 0:a.isRequired}),c(x,{variant:"unstyled",as:"button",ariaLabel: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 V({formLinks:a}){return a?e("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:a==null?void 0:a.map((n,u,{length:p})=>c("span",{children:[e(x,{as:"link",variant:"link",link:n,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:n==null?void 0:n.label,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:a}){return e(N,{children:a?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: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 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: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{d as a};
|
package/dist/chunk-ZJJ6VT3F.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as b,b as w}from"./chunk-4DDN6JI4.mjs";import{Button as x}from"@stackshift-ui/button";import{Card as o}from"@stackshift-ui/card";import{Container as y}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Form as N}from"@stackshift-ui/form";import{FormField as v}from"@stackshift-ui/form-field";import{Heading as P}from"@stackshift-ui/heading";import{Image as S}from"@stackshift-ui/image";import{Input as C}from"@stackshift-ui/input";import{Link as R}from"@stackshift-ui/link";import{Section as L}from"@stackshift-ui/section";import{Text as M}from"@stackshift-ui/text";import g from"react";import{jsx as e,jsxs as c}from"react/jsx-runtime";function A({logo:a,form:n,formLinks:u,signInLink:p}){return e(L,{className:"py-10 bg-primary lg:py-20",children:e(y,{maxWidth:1280,children:c(y,{maxWidth:576,children:[e(B,{logo:a}),c(o,{borderRadius:"md",className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12",children:[e(m,{form:n}),e(z,{form:n,signInLink:p})]}),e(V,{formLinks:u})]})})})}function B({logo:a}){var n;return a?e("div",{className:"mb-10",children:e(R,{"aria-label":`Go to ${b(a)==="/"?"home page":b(a)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(a),target:a==null?void 0:a.linkTarget,rel:(a==null?void 0:a.linkTarget)==="_blank"?"noopener noreferrer":"",children:e(S,{src:a==null?void 0:a.image,alt:(n=a==null?void 0:a.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function m({form:a}){return c("div",{className:"mb-6 text-center sm:text-left",children:[e(M,{muted:!0,className:"text-sm lg:text-base",children:a==null?void 0:a.subtitle}),e(P,{className:"text-xl lg:text-2xl",children:a==null?void 0:a.name})]})}function z({form:a,signInLink:n}){var s;if(!(a!=null&&a.fields))return null;let[u,p]=g.useState({}),l=r=>{p(t=>({...t,[r]:!t[r]}))};return c(N,{id:(s=a==null?void 0:a.id)!=null?s:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:w(a==null?void 0:a.thankYouPage),children:[e(q,{form:a,showPassword:u,togglePasswordVisibility:l}),e("div",{children:e("div",{className:"webriq-recaptcha"})}),c("div",{className:"text-center",children:[e(T,{form:a}),e(U,{signInLink:n})]})]})}function q({form:a,showPassword:n,togglePasswordVisibility:u}){var p,l,s,r;return c(g.Fragment,{children:[e(d,{className:"flex-col lg:flex-row gap-3",children:(l=(p=a==null?void 0:a.fields)==null?void 0:p.slice(0,2))==null?void 0:l.map((t,h)=>{var i;return e("div",{className:"w-full",children:e(v,{noLabel:!0,variant:"secondary",placeholder:t==null?void 0:t.placeholder,required:t==null?void 0:t.isRequired,name:(i=t==null?void 0:t.name)!=null?i:"",items:t==null?void 0:t.items,type:t==null?void 0:t.type,...t})},h)})}),(r=(s=a==null?void 0:a.fields)==null?void 0:s.slice(2))==null?void 0:r.map((t,h)=>{var i;return e("div",{className:"my-3",children:(t==null?void 0:t.type)==="inputPassword"&&t.name?e(H,{formFields:t,showPassword:n[t.name]||!1,togglePassword:()=>u(t.name)}):e(v,{noLabel:!0,variant:"secondary",name:(i=t==null?void 0:t.name)!=null?i:"",placeholder:t==null?void 0:t.placeholder,required:t==null?void 0:t.isRequired,items:t==null?void 0:t.items,type:t==null?void 0:t.type,...t})},h)})]})}function H({formFields:a,showPassword:n,togglePassword:u}){var p;return c("div",{className:"flex flex-col sm:flex-row gap-2 items-center",children:[e(C,{noLabel:!0,ariaLabel:(p=a==null?void 0:a.placeholder)!=null?p:a==null?void 0:a.name,variant:"secondary",type:n?"text":"password",placeholder:a==null?void 0:a.placeholder,name:a==null?void 0:a.name,required:a==null?void 0:a.isRequired}),c(x,{variant:"unstyled",as:"button",ariaLabel: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(Y,{showPassword:n})})]})]})}function T({form:a}){var n;return a!=null&&a.buttonLabel?e(x,{as:"button",className:"w-full py-4 mb-3",ariaLabel:(n=a==null?void 0:a.buttonLabel)!=null?n:"Sign Up form submit button",variant:"custom",type:"submit",children:a==null?void 0:a.buttonLabel}):null}function U({signInLink:a}){return a!=null&&a.label?c("span",{className:"text-xs text-gray-900",children:[e("span",{children:"Already have an account?"})," ",e(x,{as:"link",variant:"link",link:a,className:"text-xs text-primary hover:underline",ariaLabel:a==null?void 0:a.label,children:a==null?void 0:a.label})]}):null}function V({formLinks:a}){return a?e("p",{className:"text-xs text-center text-secondary-foreground",children:a==null?void 0:a.map((n,u,{length:p})=>c("span",{children:[e(x,{as:"link",variant:"link",link:n,className:"text-xs underline text-secondary-foreground hover:text-gray-50",ariaLabel:n==null?void 0:n.label,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 Y({showPassword:a}){return e(g.Fragment,{children:a?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{A as a};
|
|
File without changes
|