@stackshift-ui/signin-signup 7.0.0-beta.8 → 7.0.0-beta.9

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/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.8",
4
+ "version": "7.0.0-beta.9",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -29,32 +29,32 @@
29
29
  "typescript": "^5.6.2",
30
30
  "vite-tsconfig-paths": "^5.0.1",
31
31
  "vitest": "^2.1.1",
32
- "@stackshift-ui/eslint-config": "6.0.10",
33
- "@stackshift-ui/typescript-config": "6.0.10"
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
- "@stackshift-ui/scripts": "6.1.0-beta.2",
38
- "@stackshift-ui/system": "6.1.0-beta.3",
39
- "@stackshift-ui/button": "6.1.0-beta.5",
40
- "@stackshift-ui/card": "7.0.0-beta.3",
41
- "@stackshift-ui/heading": "7.0.0-beta.3",
42
- "@stackshift-ui/input": "7.0.0-beta.3",
43
- "@stackshift-ui/text": "7.0.0-beta.3",
44
- "@stackshift-ui/link": "6.1.0-beta.3",
45
- "@stackshift-ui/image": "6.1.0-beta.4",
46
- "@stackshift-ui/form": "7.0.0-beta.3",
47
- "@stackshift-ui/form-field": "7.0.0-beta.4",
48
- "@stackshift-ui/section": "7.0.0-beta.3",
49
- "@stackshift-ui/container": "7.0.0-beta.3",
50
- "@stackshift-ui/flex": "7.0.0-beta.3"
37
+ "@stackshift-ui/system": "7.0.0-beta.4",
38
+ "@stackshift-ui/card": "7.0.0-beta.4",
39
+ "@stackshift-ui/input": "7.0.0-beta.4",
40
+ "@stackshift-ui/button": "7.0.0-beta.6",
41
+ "@stackshift-ui/scripts": "7.0.0-beta.3",
42
+ "@stackshift-ui/form": "7.0.0-beta.4",
43
+ "@stackshift-ui/heading": "7.0.0-beta.4",
44
+ "@stackshift-ui/form-field": "7.0.0-beta.5",
45
+ "@stackshift-ui/image": "7.0.0-beta.5",
46
+ "@stackshift-ui/section": "7.0.0-beta.4",
47
+ "@stackshift-ui/flex": "7.0.0-beta.4",
48
+ "@stackshift-ui/link": "7.0.0-beta.4",
49
+ "@stackshift-ui/container": "7.0.0-beta.4",
50
+ "@stackshift-ui/text": "7.0.0-beta.4"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@types/react": "16.8 - 19",
54
54
  "next": "10 - 14",
55
55
  "react": "16.8 - 19",
56
56
  "react-dom": "16.8 - 19",
57
- "@stackshift-ui/system": ">=6.1.0-beta.3"
57
+ "@stackshift-ui/system": ">=7.0.0-beta.4"
58
58
  },
59
59
  "peerDependenciesMeta": {
60
60
  "next": {
@@ -8,10 +8,9 @@ import { Image } from "@stackshift-ui/image";
8
8
  import { Input } from "@stackshift-ui/input";
9
9
  import { Link } from "@stackshift-ui/link";
10
10
  import { Section } from "@stackshift-ui/section";
11
+ import { buildSanityLink } from "@stackshift-ui/system";
11
12
  import { Text } from "@stackshift-ui/text";
12
13
  import React from "react";
13
-
14
- import { buildSanityLink } from "@stackshift-ui/system";
15
14
  import { SignUpFormProps } from ".";
16
15
  import { logoLink, thankYouPageLink } from "./helper";
17
16
  import { LabeledRoute, LabeledRouteWithKey, Logo, Form as iForm } from "./types";
@@ -190,19 +189,15 @@ function FormFields({
190
189
  function SignInLink({ signInLink }: { signInLink?: LabeledRoute }) {
191
190
  if (!signInLink?.label) return null;
192
191
 
193
- const link = buildSanityLink(signInLink);
194
-
195
192
  return (
196
193
  <div className="w-full text-center mt-3">
197
194
  <span className="text-xs text-gray-500">Already have an account? </span>
198
195
  <Button
196
+ as="link"
197
+ link={signInLink}
199
198
  variant="link"
200
- className="text-xs text-primary cursor-pointer hover:underline"
201
- aria-label={signInLink?.label}
202
- asChild>
203
- <Link href={link.href} target={link.target} rel={link.rel}>
204
- {signInLink?.label}
205
- </Link>
199
+ className="text-xs text-primary cursor-pointer hover:underline">
200
+ {signInLink?.label}
206
201
  </Button>
207
202
  </div>
208
203
  );
@@ -248,28 +243,22 @@ function FormLinks({ formLinks }: { formLinks?: LabeledRouteWithKey[] }) {
248
243
 
249
244
  return (
250
245
  <p className="mt-10 lg:mt-3 text-xs text-center text-gray-700">
251
- {formLinks?.map((link_: any, index: number, { length }: any) => {
252
- const link = buildSanityLink(link_ as LabeledRoute);
253
-
254
- return (
255
- <span key={index}>
256
- <Button
257
- variant="link"
258
- className="text-xs text-primary cursor-pointer hover:underline"
259
- aria-label={link_?.label}
260
- asChild>
261
- <Link href={link.href} target={link.target} rel={link.rel}>
262
- {link_?.label}
263
- </Link>
264
- </Button>
265
- {index === length - 1 ? null : index === length - 2 ? (
266
- <span>&nbsp;and&nbsp;</span>
267
- ) : (
268
- <span>&nbsp;,&nbsp;</span>
269
- )}
270
- </span>
271
- );
272
- })}
246
+ {formLinks?.map((link_: any, index: number, { length }: any) => (
247
+ <span key={index}>
248
+ <Button
249
+ as="link"
250
+ link={link_}
251
+ variant="link"
252
+ className="text-xs text-primary cursor-pointer hover:underline">
253
+ {link_?.label}
254
+ </Button>
255
+ {index === length - 1 ? null : index === length - 2 ? (
256
+ <span>&nbsp;and&nbsp;</span>
257
+ ) : (
258
+ <span>&nbsp;,&nbsp;</span>
259
+ )}
260
+ </span>
261
+ ))}
273
262
  </p>
274
263
  );
275
264
  }
@@ -208,19 +208,15 @@ function FormButtonLabel({ form }: { form?: iForm }) {
208
208
  function SigninLink({ signInLink }: { signInLink?: LabeledRoute }) {
209
209
  if (!signInLink?.label) return null;
210
210
 
211
- const link = buildSanityLink(signInLink);
212
-
213
211
  return (
214
212
  <span className="text-xs text-gray-900">
215
213
  <span>Already have an account?</span>{" "}
216
214
  <Button
215
+ as="link"
216
+ link={signInLink}
217
217
  variant="link"
218
- className="text-xs text-primary hover:underline"
219
- aria-label={signInLink?.label}
220
- asChild>
221
- <Link href={link.href} target={link.target} rel={link.rel}>
222
- {signInLink?.label}
223
- </Link>
218
+ className="text-xs text-primary hover:underline">
219
+ {signInLink?.label}
224
220
  </Button>
225
221
  </span>
226
222
  );
@@ -231,28 +227,24 @@ function FormLinks({ formLinks }: { formLinks?: LabeledRoute[] }) {
231
227
 
232
228
  return (
233
229
  <p className="text-xs text-center text-secondary-foreground">
234
- {formLinks?.map((link_, index, { length }) => {
235
- const linkObj = buildSanityLink(link_);
236
-
237
- return (
238
- <span key={index}>
239
- <Button
240
- variant="link"
241
- className="text-xs underline text-secondary-foreground hover:text-gray-50"
242
- aria-label={link_?.label}
243
- asChild>
244
- <Link href={linkObj?.href} target={linkObj?.target} rel={linkObj?.rel}>
245
- {link_?.label}
246
- </Link>
247
- </Button>
248
- {index === length - 1 ? null : index === length - 2 ? (
249
- <span>&nbsp;and&nbsp;</span>
250
- ) : (
251
- <span>&nbsp;,&nbsp;</span>
252
- )}
253
- </span>
254
- );
255
- })}
230
+ {formLinks?.map((link_, index, { length }) => (
231
+ <span key={index}>
232
+ <Button
233
+ as="link"
234
+ link={link_}
235
+ variant="link"
236
+ className="text-xs underline text-secondary-foreground hover:text-gray-50"
237
+ aria-label={link_?.label}
238
+ asChild>
239
+ {link_?.label}
240
+ </Button>
241
+ {index === length - 1 ? null : index === length - 2 ? (
242
+ <span>&nbsp;and&nbsp;</span>
243
+ ) : (
244
+ <span>&nbsp;,&nbsp;</span>
245
+ )}
246
+ </span>
247
+ ))}
256
248
  </p>
257
249
  );
258
250
  }
@@ -1 +0,0 @@
1
- var a=e=>{var r,n,t;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(n=(r=e==null?void 0:e.internalLink)==null?void 0:r.toLowerCase())!=null&&n.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(t=e==null?void 0:e.externalLink)!=null?t:"/"},L=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you";export{a,L as b};
@@ -1 +0,0 @@
1
- import{a as b,b as w}from"./chunk-4DDN6JI4.mjs";import{Button as h}from"@stackshift-ui/button";import{Container as y}from"@stackshift-ui/container";import{Flex as d}from"@stackshift-ui/flex";import{Form as R}from"@stackshift-ui/form";import{FormField as v}from"@stackshift-ui/form-field";import{Heading as C}from"@stackshift-ui/heading";import{Image as A}from"@stackshift-ui/image";import{Input as N}from"@stackshift-ui/input";import{Link as r}from"@stackshift-ui/link";import{Section as z}from"@stackshift-ui/section";import{Text as M}from"@stackshift-ui/text";import q from"react";import{buildSanityLink as S}from"@stackshift-ui/system";import{Fragment as P,jsx as e,jsxs as c}from"react/jsx-runtime";function L({logo:t,form:n,formLinks:u,signInLink:p}){return e(z,{className:"py-10 rounded-md lg:py-20",children:c(y,{maxWidth:576,children:[e(B,{logo:t}),c(y,{className:"mb-6 text-center lg:mb-10",children:[e(T,{form:n}),e(Y,{form:n,signInLink:p,thankYouPage:w(n==null?void 0:n.thankYouPage)})]}),e(V,{formLinks:u})]})})}function B({logo:t}){var n;return t?e("div",{className:"mb-10",children:e(r,{"aria-label":`Go to ${b(t)==="/"?"home page":b(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:e(A,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function T({form:t}){return c("div",{className:"mb-6",children:[t!=null&&t.subtitle?e(M,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?e(C,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function Y({form:t,signInLink:n,thankYouPage:u}){var i,s;if(!(t!=null&&t.fields))return null;let[p,l]=q.useState({}),a=x=>{l(g=>({...g,[x]:!g[x]}))};return c(R,{id:(i=t==null?void 0:t.id)!=null?i:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[e(H,{form:t,showPasswords:p,togglePasswordVisibility:a}),e("div",{children:e("div",{className:"webriq-recaptcha"})}),e("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&e(h,{variant:"default","aria-label":(s=t==null?void 0:t.buttonLabel)!=null?s:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),n&&e(k,{signInLink:n})]})}function H({form:t,showPasswords:n,togglePasswordVisibility:u}){var p,l;return c(P,{children:[e(d,{wrap:!0,className:"-mx-2 lg:gap-0 gap-3",children:(p=t==null?void 0:t.fields)==null?void 0:p.slice(0,2).map((a,i)=>{var s;return e("div",{className:"w-full px-2 lg:w-1/2",children:a.type==="inputText"?e(N,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-base bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):e(v,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",name:(s=a==null?void 0:a.name)!=null?s:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},i)})}),(l=t==null?void 0:t.fields)==null?void 0:l.slice(2).map((a,i)=>{var s;return e("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?e(U,{formFields:a,showPassword:n[a.name]||!1,togglePassword:()=>u(a.name)}):e(v,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(s=a==null?void 0:a.name)!=null?s:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},i)})]})}function k({signInLink:t}){if(!(t!=null&&t.label))return null;let n=S(t);return c("div",{className:"w-full text-center mt-3",children:[e("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),e(h,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:e(r,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function U({formFields:t,showPassword:n,togglePassword:u}){var p;return c("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center relative",children:[e(N,{className:"py-4 bg-white pr-12","aria-label":(p=t==null?void 0:t.placeholder)!=null?p:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),c(h,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[e("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),e("span",{className:"hidden sm:block",children:e(o,{showPassword:n})})]})]})}function V({formLinks:t}){return t?e("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((n,u,{length:p})=>{let l=S(n);return c("span",{children:[e(h,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":n==null?void 0:n.label,asChild:!0,children:e(r,{href:l.href,target:l.target,rel:l.rel,children:n==null?void 0:n.label})}),u===p-1?null:u===p-2?e("span",{children:"\xA0and\xA0"}):e("span",{children:"\xA0,\xA0"})]},u)})}):null}function o({showPassword:t}){return e(P,{children:t?e("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:c("g",{fill:"currentColor",children:[e("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),e("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),e("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):e("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:c("g",{fill:"currentColor",children:[e("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),e("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}export{L as a};
@@ -1 +0,0 @@
1
- import{a as h,b as y}from"./chunk-4DDN6JI4.mjs";import{Button as g}from"@stackshift-ui/button";import{Card as N}from"@stackshift-ui/card";import{Container as v}from"@stackshift-ui/container";import{Flex as S}from"@stackshift-ui/flex";import{Form as P}from"@stackshift-ui/form";import{FormField as o}from"@stackshift-ui/form-field";import{Heading as C}from"@stackshift-ui/heading";import{Image as R}from"@stackshift-ui/image";import{Input as m}from"@stackshift-ui/input";import{Link as b}from"@stackshift-ui/link";import{Section as M}from"@stackshift-ui/section";import{buildSanityLink as d}from"@stackshift-ui/system";import{Text as A}from"@stackshift-ui/text";import w from"react";import{jsx as e,jsxs as c}from"react/jsx-runtime";function B({logo:t,form:n,formLinks:u,signInLink:r}){return e(M,{className:"py-10 bg-primary lg:py-20",children:e(v,{maxWidth:1280,children:c(v,{maxWidth:576,children:[e(z,{logo:t}),c(N,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[e(L,{form:n}),e(q,{form:n,signInLink:r})]}),e(Y,{formLinks:u})]})})})}function z({logo:t}){var n;return t?e("div",{className:"mb-10",children:e(b,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:e(R,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function L({form:t}){return c("div",{className:"mb-6 text-center sm:text-left",children:[e(A,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),e(C,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function q({form:t,signInLink:n}){var s;if(!(t!=null&&t.fields))return null;let[u,r]=w.useState({}),p=i=>{r(a=>({...a,[i]:!a[i]}))};return c(P,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:y(t==null?void 0:t.thankYouPage),children:[e(H,{form:t,showPassword:u,togglePasswordVisibility:p}),e("div",{children:e("div",{className:"webriq-recaptcha"})}),c("div",{className:"text-center",children:[e(U,{form:t}),e(V,{signInLink:n})]})]})}function H({form:t,showPassword:n,togglePasswordVisibility:u}){var r,p,s,i;return c(w.Fragment,{children:[e(S,{className:"flex-col lg:flex-row gap-3",children:(p=(r=t==null?void 0:t.fields)==null?void 0:r.slice(0,2))==null?void 0:p.map((a,x)=>{var l;return e("div",{className:"w-full",children:e(o,{noLabel:!0,variant:"secondary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(l=a==null?void 0:a.name)!=null?l:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},x)})}),(i=(s=t==null?void 0:t.fields)==null?void 0:s.slice(2))==null?void 0:i.map((a,x)=>{var l;return e("div",{className:"my-3",children:(a==null?void 0:a.type)==="inputPassword"&&a.name?e(T,{formFields:a,showPassword:n[a.name]||!1,togglePassword:()=>u(a.name)}):e(o,{noLabel:!0,variant:"secondary",name:(l=a==null?void 0:a.name)!=null?l:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},x)})]})}function T({formFields:t,showPassword:n,togglePassword:u}){var r;return c("div",{className:"flex flex-col sm:flex-row gap-2 items-center relative",children:[e(m,{"aria-label":(r=t==null?void 0:t.placeholder)!=null?r:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired,className:"pr-12"}),c(g,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[e("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),e("span",{className:"hidden sm:block",children:e(W,{showPassword:n})})]})]})}function U({form:t}){var n;return t!=null&&t.buttonLabel?e(g,{className:"w-full py-4 mb-3","aria-label":(n=t==null?void 0:t.buttonLabel)!=null?n:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function V({signInLink:t}){if(!(t!=null&&t.label))return null;let n=d(t);return c("span",{className:"text-xs text-gray-900",children:[e("span",{children:"Already have an account?"})," ",e(g,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:e(b,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function Y({formLinks:t}){return t?e("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((n,u,{length:r})=>{let p=d(n);return c("span",{children:[e(g,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":n==null?void 0:n.label,asChild:!0,children:e(b,{href:p==null?void 0:p.href,target:p==null?void 0:p.target,rel:p==null?void 0:p.rel,children:n==null?void 0:n.label})}),u===r-1?null:u===r-2?e("span",{children:"\xA0and\xA0"}):e("span",{children:"\xA0,\xA0"})]},u)})}):null}function W({showPassword:t}){return e(w.Fragment,{children:t?e("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:c("g",{fill:"currentColor",children:[e("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),e("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),e("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):e("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:c("g",{fill:"currentColor",children:[e("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),e("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}export{B as a};
@@ -1 +0,0 @@
1
- import{a as x}from"./chunk-GXKWOC2L.mjs";import{a as F}from"./chunk-LME4QAJ6.mjs";import{jsx as K}from"react/jsx-runtime";var i={variant_a:x,variant_b:F},h="SigninSignup",I=({data:n})=>{var r,s,u,f,t,p,g,l,m,L,c,v,S,b,y,R,k,B;let e=n==null?void 0:n.variant,o=e&&(i==null?void 0:i[e]),P={logo:(s=(r=n==null?void 0:n.variants)==null?void 0:r.logo)!=null?s:void 0,title:(f=(u=n==null?void 0:n.variants)==null?void 0:u.title)!=null?f:void 0,subtitle:(p=(t=n==null?void 0:n.variants)==null?void 0:t.subtitle)!=null?p:void 0,text:(l=(g=n==null?void 0:n.variants)==null?void 0:g.plainText)!=null?l:void 0,firstButton:(L=(m=n==null?void 0:n.variants)==null?void 0:m.primaryButton)!=null?L:void 0,secondButton:(v=(c=n==null?void 0:n.variants)==null?void 0:c.secondaryButton)!=null?v:void 0,formLinks:(b=(S=n==null?void 0:n.variants)==null?void 0:S.formLinks)!=null?b:void 0,signInLink:(R=(y=n==null?void 0:n.variants)==null?void 0:y.signinLink)!=null?R:void 0,form:(B=(k=n==null?void 0:n.variants)==null?void 0:k.form)!=null?B:void 0};return o?K(o,{...P}):null};I.displayName=h;export{I as a};
@@ -1,3 +0,0 @@
1
- import { Logo } from "../types";
2
- export declare const logoLink: (logo: Logo) => string;
3
- export declare const thankYouPageLink: (link: any) => any;
@@ -1 +0,0 @@
1
- "use strict";var L=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var f=(e,r)=>{for(var n in r)L(e,n,{get:r[n],enumerable:!0})},p=(e,r,n,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of i(r))!s.call(e,a)&&a!==n&&L(e,a,{get:()=>r[a],enumerable:!(t=u(r,a))||t.enumerable});return e};var x=e=>p(L({},"__esModule",{value:!0}),e);var h={};f(h,{logoLink:()=>y,thankYouPageLink:()=>c});module.exports=x(h);var y=e=>{var r,n,t;return e!=null&&e.internalLink&&(e==null?void 0:e.type)==="linkInternal"?(n=(r=e==null?void 0:e.internalLink)==null?void 0:r.toLowerCase())!=null&&n.includes("home")?"/":`/${e.internalLink}`:e!=null&&e.externalLink&&(e==null?void 0:e.type)==="linkExternal"&&(t=e==null?void 0:e.externalLink)!=null?t:"/"},c=e=>e?(e==null?void 0:e.linkType)==="linkInternal"?`/${e==null?void 0:e.internalLink}`:e==null?void 0:e.externalLink:"/thank-you";0&&(module.exports={logoLink,thankYouPageLink});
@@ -1 +0,0 @@
1
- import{a,b}from"../chunk-4DDN6JI4.mjs";export{a as logoLink,b as thankYouPageLink};
package/dist/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export * from "./signin-signup";
2
- export * from "./signin_signup_a";
3
- export * from "./signin_signup_b";
package/dist/index.js DELETED
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use strict";var it=Object.create;var g=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty;var ht=(t,e)=>{for(var u in e)g(t,u,{get:e[u],enumerable:!0})},E=(t,e,u,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ct(e))!bt.call(t,s)&&s!==u&&g(t,s,{get:()=>e[s],enumerable:!(i=st(e,s))||i.enumerable});return t};var D=(t,e,u)=>(u=t!=null?it(lt(t)):{},E(e||!t||!t.__esModule?g(u,"default",{value:t,enumerable:!0}):u,t)),xt=t=>E(g({},"__esModule",{value:!0}),t);var Tt={};ht(Tt,{SigninSignup:()=>pt,SigninSignup_A:()=>o,SigninSignup_B:()=>L});module.exports=xt(Tt);var x=require("@stackshift-ui/button"),P=require("@stackshift-ui/container"),J=require("@stackshift-ui/flex"),Q=require("@stackshift-ui/form"),R=require("@stackshift-ui/form-field"),X=require("@stackshift-ui/heading"),Z=require("@stackshift-ui/image"),C=require("@stackshift-ui/input"),v=require("@stackshift-ui/link"),j=require("@stackshift-ui/section"),O=require("@stackshift-ui/text"),I=D(require("react")),d=require("@stackshift-ui/system");var h=t=>{var e,u,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(u=(e=t==null?void 0:t.internalLink)==null?void 0:e.toLowerCase())!=null&&u.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"},w=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var n=require("react/jsx-runtime");function o({logo:t,form:e,formLinks:u,signInLink:i}){return(0,n.jsx)(j.Section,{className:"py-10 rounded-md lg:py-20",children:(0,n.jsxs)(P.Container,{maxWidth:576,children:[(0,n.jsx)(yt,{logo:t}),(0,n.jsxs)(P.Container,{className:"mb-6 text-center lg:mb-10",children:[(0,n.jsx)(gt,{form:e}),(0,n.jsx)(wt,{form:e,signInLink:i,thankYouPage:w(e==null?void 0:e.thankYouPage)})]}),(0,n.jsx)(St,{formLinks:u})]})})}function yt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(v.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(Z.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function gt({form:t}){return(0,n.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,n.jsx)(O.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,n.jsx)(X.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function wt({form:t,signInLink:e,thankYouPage:u}){var c,p;if(!(t!=null&&t.fields))return null;let[i,s]=I.default.useState({}),a=b=>{s(l=>({...l,[b]:!l[b]}))};return(0,n.jsxs)(Q.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[(0,n.jsx)(vt,{form:t,showPasswords:i,togglePasswordVisibility:a}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(0,n.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,n.jsx)(x.Button,{variant:"default","aria-label":(p=t==null?void 0:t.buttonLabel)!=null?p:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),e&&(0,n.jsx)(ot,{signInLink:e})]})}function vt({form:t,showPasswords:e,togglePasswordVisibility:u}){var i,s;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(J.Flex,{wrap:!0,className:"-mx-2 lg:gap-0 gap-3",children:(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2).map((a,c)=>{var p;return(0,n.jsx)("div",{className:"w-full px-2 lg:w-1/2",children:a.type==="inputText"?(0,n.jsx)(C.Input,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-base bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):(0,n.jsx)(R.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",name:(p=a==null?void 0:a.name)!=null?p:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})}),(s=t==null?void 0:t.fields)==null?void 0:s.slice(2).map((a,c)=>{var p;return(0,n.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,n.jsx)(Nt,{formFields:a,showPassword:e[a.name]||!1,togglePassword:()=>u(a.name)}):(0,n.jsx)(R.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(p=a==null?void 0:a.name)!=null?p:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})]})}function ot({signInLink:t}){if(!(t!=null&&t.label))return null;let e=(0,d.buildSanityLink)(t);return(0,n.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,n.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:e.href,target:e.target,rel:e.rel,children:t==null?void 0:t.label})})]})}function Nt({formFields:t,showPassword:e,togglePassword:u}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center relative",children:[(0,n.jsx)(C.Input,{className:"py-4 bg-white pr-12","aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,n.jsxs)(x.Button,{variant:"unstyled","aria-label":e?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[(0,n.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,n.jsx)("span",{className:"hidden sm:block",children:(0,n.jsx)(Lt,{showPassword:e})})]})]})}function St({formLinks:t}){return t?(0,n.jsx)("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((e,u,{length:i})=>{let s=(0,d.buildSanityLink)(e);return(0,n.jsxs)("span",{children:[(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:s.href,target:s.target,rel:s.rel,children:e==null?void 0:e.label})}),u===i-1?null:u===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function Lt({showPassword:t}){return(0,n.jsx)(n.Fragment,{children:t?(0,n.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,n.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,n.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,n.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,n.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var _=require("@stackshift-ui/card"),S=D(require("react"));function L({logo:t,form:e,formLinks:u,signInLink:i}){return(0,n.jsx)(j.Section,{className:"py-10 bg-primary lg:py-20",children:(0,n.jsx)(P.Container,{maxWidth:1280,children:(0,n.jsxs)(P.Container,{maxWidth:576,children:[(0,n.jsx)(Pt,{logo:t}),(0,n.jsxs)(_.Card,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[(0,n.jsx)(Rt,{form:e}),(0,n.jsx)(Ct,{form:e,signInLink:i})]}),(0,n.jsx)(Mt,{formLinks:u})]})})})}function Pt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(v.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(Z.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function Rt({form:t}){return(0,n.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,n.jsx)(O.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,n.jsx)(X.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function Ct({form:t,signInLink:e}){var a;if(!(t!=null&&t.fields))return null;let[u,i]=S.default.useState({}),s=c=>{i(p=>({...p,[c]:!p[c]}))};return(0,n.jsxs)(Q.Form,{id:(a=t==null?void 0:t.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:w(t==null?void 0:t.thankYouPage),children:[(0,n.jsx)(dt,{form:t,showPassword:u,togglePasswordVisibility:s}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)(Bt,{form:t}),(0,n.jsx)(At,{signInLink:e})]})]})}function dt({form:t,showPassword:e,togglePasswordVisibility:u}){var i,s,a,c;return(0,n.jsxs)(S.default.Fragment,{children:[(0,n.jsx)(J.Flex,{className:"flex-col lg:flex-row gap-3",children:(s=(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2))==null?void 0:s.map((p,b)=>{var l;return(0,n.jsx)("div",{className:"w-full",children:(0,n.jsx)(R.FormField,{noLabel:!0,variant:"secondary",placeholder:p==null?void 0:p.placeholder,required:p==null?void 0:p.isRequired,name:(l=p==null?void 0:p.name)!=null?l:"",items:p==null?void 0:p.items,type:p==null?void 0:p.type,...p})},b)})}),(c=(a=t==null?void 0:t.fields)==null?void 0:a.slice(2))==null?void 0:c.map((p,b)=>{var l;return(0,n.jsx)("div",{className:"my-3",children:(p==null?void 0:p.type)==="inputPassword"&&p.name?(0,n.jsx)(mt,{formFields:p,showPassword:e[p.name]||!1,togglePassword:()=>u(p.name)}):(0,n.jsx)(R.FormField,{noLabel:!0,variant:"secondary",name:(l=p==null?void 0:p.name)!=null?l:"",placeholder:p==null?void 0:p.placeholder,required:p==null?void 0:p.isRequired,items:p==null?void 0:p.items,type:p==null?void 0:p.type,...p})},b)})]})}function mt({formFields:t,showPassword:e,togglePassword:u}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center relative",children:[(0,n.jsx)(C.Input,{"aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired,className:"pr-12"}),(0,n.jsxs)(x.Button,{variant:"unstyled","aria-label":e?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[(0,n.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,n.jsx)("span",{className:"hidden sm:block",children:(0,n.jsx)(zt,{showPassword:e})})]})]})}function Bt({form:t}){var e;return t!=null&&t.buttonLabel?(0,n.jsx)(x.Button,{className:"w-full py-4 mb-3","aria-label":(e=t==null?void 0:t.buttonLabel)!=null?e:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function At({signInLink:t}){if(!(t!=null&&t.label))return null;let e=(0,d.buildSanityLink)(t);return(0,n.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,n.jsx)("span",{children:"Already have an account?"})," ",(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:e.href,target:e.target,rel:e.rel,children:t==null?void 0:t.label})})]})}function Mt({formLinks:t}){return t?(0,n.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((e,u,{length:i})=>{let s=(0,d.buildSanityLink)(e);return(0,n.jsxs)("span",{children:[(0,n.jsx)(x.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:s==null?void 0:s.href,target:s==null?void 0:s.target,rel:s==null?void 0:s.rel,children:e==null?void 0:e.label})}),u===i-1?null:u===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function zt({showPassword:t}){return(0,n.jsx)(S.default.Fragment,{children:t?(0,n.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,n.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,n.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,n.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,n.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var M={variant_a:o,variant_b:L},qt="SigninSignup",pt=({data:t})=>{var s,a,c,p,b,l,z,q,T,Y,H,U,V,k,W,K,$,G;let e=t==null?void 0:t.variant,u=e&&(M==null?void 0:M[e]),i={logo:(a=(s=t==null?void 0:t.variants)==null?void 0:s.logo)!=null?a:void 0,title:(p=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?p:void 0,subtitle:(l=(b=t==null?void 0:t.variants)==null?void 0:b.subtitle)!=null?l:void 0,text:(q=(z=t==null?void 0:t.variants)==null?void 0:z.plainText)!=null?q:void 0,firstButton:(Y=(T=t==null?void 0:t.variants)==null?void 0:T.primaryButton)!=null?Y:void 0,secondButton:(U=(H=t==null?void 0:t.variants)==null?void 0:H.secondaryButton)!=null?U:void 0,formLinks:(k=(V=t==null?void 0:t.variants)==null?void 0:V.formLinks)!=null?k:void 0,signInLink:(K=(W=t==null?void 0:t.variants)==null?void 0:W.signinLink)!=null?K:void 0,form:(G=($=t==null?void 0:t.variants)==null?void 0:$.form)!=null?G:void 0};return u?(0,n.jsx)(u,{...i}):null};pt.displayName=qt;0&&(module.exports={SigninSignup,SigninSignup_A,SigninSignup_B});
package/dist/index.mjs DELETED
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use strict";import{a as e}from"./chunk-ZJEJUNTT.mjs";import{a as o}from"./chunk-GXKWOC2L.mjs";import{a as r}from"./chunk-LME4QAJ6.mjs";import"./chunk-4DDN6JI4.mjs";export{e as SigninSignup,o as SigninSignup_A,r as SigninSignup_B};
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { Form, LabeledRoute, LabeledRouteWithKey, Logo, SectionsProps } from "./types";
3
- export interface SignUpFormProps {
4
- logo?: Logo;
5
- title?: string;
6
- subtitle?: string;
7
- text?: string;
8
- firstButton?: LabeledRoute;
9
- secondButton?: LabeledRoute;
10
- formLinks?: LabeledRouteWithKey[];
11
- signInLink?: LabeledRoute;
12
- form?: Form;
13
- }
14
- export declare const SigninSignup: React.FC<SectionsProps>;
@@ -1 +0,0 @@
1
- "use strict";var it=Object.create;var g=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty;var ht=(t,e)=>{for(var u in e)g(t,u,{get:e[u],enumerable:!0})},E=(t,e,u,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ct(e))!bt.call(t,s)&&s!==u&&g(t,s,{get:()=>e[s],enumerable:!(i=st(e,s))||i.enumerable});return t};var D=(t,e,u)=>(u=t!=null?it(lt(t)):{},E(e||!t||!t.__esModule?g(u,"default",{value:t,enumerable:!0}):u,t)),xt=t=>E(g({},"__esModule",{value:!0}),t);var Tt={};ht(Tt,{SigninSignup:()=>rt});module.exports=xt(Tt);var x=require("@stackshift-ui/button"),S=require("@stackshift-ui/container"),J=require("@stackshift-ui/flex"),Q=require("@stackshift-ui/form"),L=require("@stackshift-ui/form-field"),X=require("@stackshift-ui/heading"),Z=require("@stackshift-ui/image"),P=require("@stackshift-ui/input"),v=require("@stackshift-ui/link"),j=require("@stackshift-ui/section"),O=require("@stackshift-ui/text"),I=D(require("react")),R=require("@stackshift-ui/system");var h=t=>{var e,u,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(u=(e=t==null?void 0:t.internalLink)==null?void 0:e.toLowerCase())!=null&&u.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"},w=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var n=require("react/jsx-runtime");function C({logo:t,form:e,formLinks:u,signInLink:i}){return(0,n.jsx)(j.Section,{className:"py-10 rounded-md lg:py-20",children:(0,n.jsxs)(S.Container,{maxWidth:576,children:[(0,n.jsx)(yt,{logo:t}),(0,n.jsxs)(S.Container,{className:"mb-6 text-center lg:mb-10",children:[(0,n.jsx)(gt,{form:e}),(0,n.jsx)(wt,{form:e,signInLink:i,thankYouPage:w(e==null?void 0:e.thankYouPage)})]}),(0,n.jsx)(St,{formLinks:u})]})})}function yt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(v.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(Z.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function gt({form:t}){return(0,n.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,n.jsx)(O.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,n.jsx)(X.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function wt({form:t,signInLink:e,thankYouPage:u}){var c,r;if(!(t!=null&&t.fields))return null;let[i,s]=I.default.useState({}),a=b=>{s(l=>({...l,[b]:!l[b]}))};return(0,n.jsxs)(Q.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:u,children:[(0,n.jsx)(vt,{form:t,showPasswords:i,togglePasswordVisibility:a}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(0,n.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,n.jsx)(x.Button,{variant:"default","aria-label":(r=t==null?void 0:t.buttonLabel)!=null?r:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),e&&(0,n.jsx)(Nt,{signInLink:e})]})}function vt({form:t,showPasswords:e,togglePasswordVisibility:u}){var i,s;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(J.Flex,{wrap:!0,className:"-mx-2 lg:gap-0 gap-3",children:(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2).map((a,c)=>{var r;return(0,n.jsx)("div",{className:"w-full px-2 lg:w-1/2",children:a.type==="inputText"?(0,n.jsx)(P.Input,{placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-base bg-white",name:a==null?void 0:a.name,"aria-label":a==null?void 0:a.label,...a,type:"text"}):(0,n.jsx)(L.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",name:(r=a==null?void 0:a.name)!=null?r:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})}),(s=t==null?void 0:t.fields)==null?void 0:s.slice(2).map((a,c)=>{var r;return(0,n.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,n.jsx)(ot,{formFields:a,showPassword:e[a.name]||!1,togglePassword:()=>u(a.name)}):(0,n.jsx)(L.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(r=a==null?void 0:a.name)!=null?r:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})]})}function Nt({signInLink:t}){if(!(t!=null&&t.label))return null;let e=(0,R.buildSanityLink)(t);return(0,n.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,n.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:e.href,target:e.target,rel:e.rel,children:t==null?void 0:t.label})})]})}function ot({formFields:t,showPassword:e,togglePassword:u}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center relative",children:[(0,n.jsx)(P.Input,{className:"py-4 bg-white pr-12","aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,n.jsxs)(x.Button,{variant:"unstyled","aria-label":e?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[(0,n.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,n.jsx)("span",{className:"hidden sm:block",children:(0,n.jsx)(Lt,{showPassword:e})})]})]})}function St({formLinks:t}){return t?(0,n.jsx)("n",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((e,u,{length:i})=>{let s=(0,R.buildSanityLink)(e);return(0,n.jsxs)("span",{children:[(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:s.href,target:s.target,rel:s.rel,children:e==null?void 0:e.label})}),u===i-1?null:u===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function Lt({showPassword:t}){return(0,n.jsx)(n.Fragment,{children:t?(0,n.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{S:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,n.jsx)("path",{S:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,n.jsx)("path",{S:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,n.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{S:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,n.jsx)("path",{S:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var _=require("@stackshift-ui/card"),o=D(require("react"));function m({logo:t,form:e,formLinks:u,signInLink:i}){return(0,n.jsx)(j.Section,{className:"py-10 bg-primary lg:py-20",children:(0,n.jsx)(S.Container,{maxWidth:1280,children:(0,n.jsxs)(S.Container,{maxWidth:576,children:[(0,n.jsx)(Pt,{logo:t}),(0,n.jsxs)(_.Card,{className:"n-6 mb-6 bg-white lg:mb-10 lg:n-12 rounded-md",children:[(0,n.jsx)(Rt,{form:e}),(0,n.jsx)(Ct,{form:e,signInLink:i})]}),(0,n.jsx)(Mt,{formLinks:u})]})})})}function Pt({logo:t}){var e;return t?(0,n.jsx)("div",{className:"mb-10",children:(0,n.jsx)(v.Link,{"aria-label":`Go to ${h(t)==="/"?"home page":h(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:h(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(Z.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function Rt({form:t}){return(0,n.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,n.jsx)(O.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,n.jsx)(X.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function Ct({form:t,signInLink:e}){var a;if(!(t!=null&&t.fields))return null;let[u,i]=o.default.useState({}),s=c=>{i(r=>({...r,[c]:!r[c]}))};return(0,n.jsxs)(Q.Form,{id:(a=t==null?void 0:t.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:w(t==null?void 0:t.thankYouPage),children:[(0,n.jsx)(dt,{form:t,showPassword:u,togglePasswordVisibility:s}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"webriq-recaptcha"})}),(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)(At,{form:t}),(0,n.jsx)(mt,{signInLink:e})]})]})}function dt({form:t,showPassword:e,togglePasswordVisibility:u}){var i,s,a,c;return(0,n.jsxs)(o.default.Fragment,{children:[(0,n.jsx)(J.Flex,{className:"flex-col lg:flex-row gap-3",children:(s=(i=t==null?void 0:t.fields)==null?void 0:i.slice(0,2))==null?void 0:s.map((r,b)=>{var l;return(0,n.jsx)("div",{className:"w-full",children:(0,n.jsx)(L.FormField,{noLabel:!0,variant:"secondary",placeholder:r==null?void 0:r.placeholder,required:r==null?void 0:r.isRequired,name:(l=r==null?void 0:r.name)!=null?l:"",items:r==null?void 0:r.items,type:r==null?void 0:r.type,...r})},b)})}),(c=(a=t==null?void 0:t.fields)==null?void 0:a.slice(2))==null?void 0:c.map((r,b)=>{var l;return(0,n.jsx)("div",{className:"my-3",children:(r==null?void 0:r.type)==="inputPassword"&&r.name?(0,n.jsx)(Bt,{formFields:r,showPassword:e[r.name]||!1,togglePassword:()=>u(r.name)}):(0,n.jsx)(L.FormField,{noLabel:!0,variant:"secondary",name:(l=r==null?void 0:r.name)!=null?l:"",placeholder:r==null?void 0:r.placeholder,required:r==null?void 0:r.isRequired,items:r==null?void 0:r.items,type:r==null?void 0:r.type,...r})},b)})]})}function Bt({formFields:t,showPassword:e,togglePassword:u}){var i;return(0,n.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center relative",children:[(0,n.jsx)(P.Input,{"aria-label":(i=t==null?void 0:t.placeholder)!=null?i:t==null?void 0:t.name,type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired,className:"pr-12"}),(0,n.jsxs)(x.Button,{variant:"unstyled","aria-label":e?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:u,children:[(0,n.jsx)("span",{className:"block sm:hidden text-right",children:e?"Hide":"Show"}),(0,n.jsx)("span",{className:"hidden sm:block",children:(0,n.jsx)(zt,{showPassword:e})})]})]})}function At({form:t}){var e;return t!=null&&t.buttonLabel?(0,n.jsx)(x.Button,{className:"w-full py-4 mb-3","aria-label":(e=t==null?void 0:t.buttonLabel)!=null?e:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function mt({signInLink:t}){if(!(t!=null&&t.label))return null;let e=(0,R.buildSanityLink)(t);return(0,n.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,n.jsx)("span",{children:"Already have an account?"})," ",(0,n.jsx)(x.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:e.href,target:e.target,rel:e.rel,children:t==null?void 0:t.label})})]})}function Mt({formLinks:t}){return t?(0,n.jsx)("n",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((e,u,{length:i})=>{let s=(0,R.buildSanityLink)(e);return(0,n.jsxs)("span",{children:[(0,n.jsx)(x.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":e==null?void 0:e.label,asChild:!0,children:(0,n.jsx)(v.Link,{href:s==null?void 0:s.href,target:s==null?void 0:s.target,rel:s==null?void 0:s.rel,children:e==null?void 0:e.label})}),u===i-1?null:u===i-2?(0,n.jsx)("span",{children:"\xA0and\xA0"}):(0,n.jsx)("span",{children:"\xA0,\xA0"})]},u)})}):null}function zt({showPassword:t}){return(0,n.jsx)(o.default.Fragment,{children:t?(0,n.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{S:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,n.jsx)("path",{S:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,n.jsx)("path",{S:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,n.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,n.jsxs)("g",{fill:"currentColor",children:[(0,n.jsx)("path",{S:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,n.jsx)("path",{S:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var M={variant_a:C,variant_b:m},qt="SigninSignup",rt=({data:t})=>{var s,a,c,r,b,l,z,q,T,Y,H,U,V,k,W,K,$,G;let e=t==null?void 0:t.variant,u=e&&(M==null?void 0:M[e]),i={logo:(a=(s=t==null?void 0:t.variants)==null?void 0:s.logo)!=null?a:void 0,title:(r=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?r:void 0,subtitle:(l=(b=t==null?void 0:t.variants)==null?void 0:b.subtitle)!=null?l:void 0,text:(q=(z=t==null?void 0:t.variants)==null?void 0:z.plainText)!=null?q:void 0,firstButton:(Y=(T=t==null?void 0:t.variants)==null?void 0:T.primaryButton)!=null?Y:void 0,secondButton:(U=(H=t==null?void 0:t.variants)==null?void 0:H.secondaryButton)!=null?U:void 0,formLinks:(k=(V=t==null?void 0:t.variants)==null?void 0:V.formLinks)!=null?k:void 0,signInLink:(K=(W=t==null?void 0:t.variants)==null?void 0:W.signinLink)!=null?K:void 0,form:(G=($=t==null?void 0:t.variants)==null?void 0:$.form)!=null?G:void 0};return u?(0,n.jsx)(u,{...i}):null};rt.displayName=qt;0&&(module.exports={SigninSignup});
@@ -1 +0,0 @@
1
- import{a}from"./chunk-ZJEJUNTT.mjs";import"./chunk-GXKWOC2L.mjs";import"./chunk-LME4QAJ6.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup};
@@ -1,3 +0,0 @@
1
- import { SignUpFormProps } from ".";
2
- export default function SigninSignup_A({ logo, form, formLinks, signInLink }: SignUpFormProps): import("react/jsx-runtime").JSX.Element;
3
- export { SigninSignup_A };
@@ -1 +0,0 @@
1
- "use strict";var B=Object.create;var h=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var U=(t,n)=>{for(var p in n)h(t,p,{get:n[p],enumerable:!0})},L=(t,n,p,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let c of Y(n))!k.call(t,c)&&c!==p&&h(t,c,{get:()=>n[c],enumerable:!(u=T(n,c))||u.enumerable});return t};var V=(t,n,p)=>(p=t!=null?B(H(t)):{},L(n||!t||!t.__esModule?h(p,"default",{value:t,enumerable:!0}):p,t)),W=t=>L(h({},"__esModule",{value:!0}),t);var Q={};U(Q,{SigninSignup_A:()=>q,default:()=>q});module.exports=W(Q);var i=require("@stackshift-ui/button"),y=require("@stackshift-ui/container"),S=require("@stackshift-ui/flex"),d=require("@stackshift-ui/form"),l=require("@stackshift-ui/form-field"),C=require("@stackshift-ui/heading"),R=require("@stackshift-ui/image"),w=require("@stackshift-ui/input"),x=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),z=require("@stackshift-ui/text"),M=V(require("react")),v=require("@stackshift-ui/system");var b=t=>{var n,p,u;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(p=(n=t==null?void 0:t.internalLink)==null?void 0:n.toLowerCase())!=null&&p.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(u=t==null?void 0:t.externalLink)!=null?u:"/"},P=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var a=require("react/jsx-runtime");function q({logo:t,form:n,formLinks:p,signInLink:u}){return(0,a.jsx)(A.Section,{className:"py-10 rounded-md lg:py-20",children:(0,a.jsxs)(y.Container,{maxWidth:576,children:[(0,a.jsx)($,{logo:t}),(0,a.jsxs)(y.Container,{className:"mb-6 text-center lg:mb-10",children:[(0,a.jsx)(K,{form:n}),(0,a.jsx)(j,{form:n,signInLink:u,thankYouPage:P(n==null?void 0:n.thankYouPage)})]}),(0,a.jsx)(J,{formLinks:p})]})})}function $({logo:t}){var n;return t?(0,a.jsx)("div",{className:"mb-10",children:(0,a.jsx)(x.Link,{"aria-label":`Go to ${b(t)==="/"?"home page":b(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(R.Image,{src:t==null?void 0:t.image,alt:(n=t==null?void 0:t.alt)!=null?n:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function K({form:t}){return(0,a.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,a.jsx)(z.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,a.jsx)(C.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function j({form:t,signInLink:n,thankYouPage:p}){var s,r;if(!(t!=null&&t.fields))return null;let[u,c]=M.default.useState({}),e=N=>{c(g=>({...g,[N]:!g[N]}))};return(0,a.jsxs)(d.Form,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:p,children:[(0,a.jsx)(E,{form:t,showPasswords:u,togglePasswordVisibility:e}),(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"webriq-recaptcha"})}),(0,a.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,a.jsx)(i.Button,{variant:"default","aria-label":(r=t==null?void 0:t.buttonLabel)!=null?r:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),n&&(0,a.jsx)(G,{signInLink:n})]})}function E({form:t,showPasswords:n,togglePasswordVisibility:p}){var u,c;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(S.Flex,{wrap:!0,className:"-mx-2 lg:gap-0 gap-3",children:(u=t==null?void 0:t.fields)==null?void 0:u.slice(0,2).map((e,s)=>{var r;return(0,a.jsx)("div",{className:"w-full px-2 lg:w-1/2",children:e.type==="inputText"?(0,a.jsx)(w.Input,{placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,className:"w-full py-4 text-base bg-white",name:e==null?void 0:e.name,"aria-label":e==null?void 0:e.label,...e,type:"text"}):(0,a.jsx)(l.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",name:(r=e==null?void 0:e.name)!=null?r:"",placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},s)})}),(c=t==null?void 0:t.fields)==null?void 0:c.slice(2).map((e,s)=>{var r;return(0,a.jsx)("div",{className:"my-3",children:e.type==="inputPassword"&&e.name?(0,a.jsx)(D,{formFields:e,showPassword:n[e.name]||!1,togglePassword:()=>p(e.name)}):(0,a.jsx)(l.FormField,{className:"py-4 bg-white",textSize:"sm",noLabel:!0,variant:"primary",placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,name:(r=e==null?void 0:e.name)!=null?r:"",items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},s)})]})}function G({signInLink:t}){if(!(t!=null&&t.label))return null;let n=(0,v.buildSanityLink)(t);return(0,a.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,a.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,a.jsx)(i.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,a.jsx)(x.Link,{href:n.href,target:n.target,rel:n.rel,children:t==null?void 0:t.label})})]})}function D({formFields:t,showPassword:n,togglePassword:p}){var u;return(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 sm:items-center relative",children:[(0,a.jsx)(w.Input,{className:"py-4 bg-white pr-12","aria-label":(u=t==null?void 0:t.placeholder)!=null?u:t==null?void 0:t.name,type:n?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,a.jsxs)(i.Button,{variant:"unstyled","aria-label":n?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:p,children:[(0,a.jsx)("span",{className:"block sm:hidden text-right",children:n?"Hide":"Show"}),(0,a.jsx)("span",{className:"hidden sm:block",children:(0,a.jsx)(O,{showPassword:n})})]})]})}function J({formLinks:t}){return t?(0,a.jsx)("p",{className:"mt-10 lg:mt-3 text-xs text-center text-gray-700",children:t==null?void 0:t.map((n,p,{length:u})=>{let c=(0,v.buildSanityLink)(n);return(0,a.jsxs)("span",{children:[(0,a.jsx)(i.Button,{variant:"link",className:"text-xs text-primary cursor-pointer hover:underline","aria-label":n==null?void 0:n.label,asChild:!0,children:(0,a.jsx)(x.Link,{href:c.href,target:c.target,rel:c.rel,children:n==null?void 0:n.label})}),p===u-1?null:p===u-2?(0,a.jsx)("span",{children:"\xA0and\xA0"}):(0,a.jsx)("span",{children:"\xA0,\xA0"})]},p)})}):null}function O({showPassword:t}){return(0,a.jsx)(a.Fragment,{children:t?(0,a.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,a.jsxs)("g",{fill:"currentColor",children:[(0,a.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,a.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,a.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,a.jsx)("svg",{className:"w-5 h-5 my-auto text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,a.jsxs)("g",{fill:"currentColor",children:[(0,a.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,a.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}0&&(module.exports={SigninSignup_A});
@@ -1 +0,0 @@
1
- import{a}from"./chunk-GXKWOC2L.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_A,a as default};
@@ -1,3 +0,0 @@
1
- import { SignUpFormProps } from ".";
2
- export default function SigninSignup_B({ logo, form, formLinks, signInLink }: SignUpFormProps): import("react/jsx-runtime").JSX.Element;
3
- export { SigninSignup_B };
@@ -1 +0,0 @@
1
- "use strict";var q=Object.create;var x=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var V=(t,a)=>{for(var r in a)x(t,r,{get:a[r],enumerable:!0})},N=(t,a,r,u)=>{if(a&&typeof a=="object"||typeof a=="function")for(let p of H(a))!U.call(t,p)&&p!==r&&x(t,p,{get:()=>a[p],enumerable:!(u=T(a,p))||u.enumerable});return t};var $=(t,a,r)=>(r=t!=null?q(Y(t)):{},N(a||!t||!t.__esModule?x(r,"default",{value:t,enumerable:!0}):r,t)),W=t=>N(x({},"__esModule",{value:!0}),t);var j={};V(j,{SigninSignup_B:()=>z,default:()=>z});module.exports=W(j);var h=require("@stackshift-ui/button"),P=require("@stackshift-ui/card"),v=require("@stackshift-ui/container"),S=require("@stackshift-ui/flex"),C=require("@stackshift-ui/form"),d=require("@stackshift-ui/form-field"),m=require("@stackshift-ui/heading"),R=require("@stackshift-ui/image"),M=require("@stackshift-ui/input"),l=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),g=require("@stackshift-ui/system"),B=require("@stackshift-ui/text"),w=$(require("react"));var b=t=>{var a,r,u;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(r=(a=t==null?void 0:t.internalLink)==null?void 0:a.toLowerCase())!=null&&r.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(u=t==null?void 0:t.externalLink)!=null?u:"/"},L=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you";var e=require("react/jsx-runtime");function z({logo:t,form:a,formLinks:r,signInLink:u}){return(0,e.jsx)(A.Section,{className:"py-10 bg-primary lg:py-20",children:(0,e.jsx)(v.Container,{maxWidth:1280,children:(0,e.jsxs)(v.Container,{maxWidth:576,children:[(0,e.jsx)(E,{logo:t}),(0,e.jsxs)(P.Card,{className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12 rounded-md",children:[(0,e.jsx)(G,{form:a}),(0,e.jsx)(D,{form:a,signInLink:u})]}),(0,e.jsx)(Z,{formLinks:r})]})})})}function E({logo:t}){var a;return t?(0,e.jsx)("div",{className:"mb-10",children:(0,e.jsx)(l.Link,{"aria-label":`Go to ${b(t)==="/"?"home page":b(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:b(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,e.jsx)(R.Image,{src:t==null?void 0:t.image,alt:(a=t==null?void 0:t.alt)!=null?a:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function G({form:t}){return(0,e.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,e.jsx)(B.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,e.jsx)(m.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function D({form:t,signInLink:a}){var s;if(!(t!=null&&t.fields))return null;let[r,u]=w.default.useState({}),p=c=>{u(n=>({...n,[c]:!n[c]}))};return(0,e.jsxs)(C.Form,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:L(t==null?void 0:t.thankYouPage),children:[(0,e.jsx)(J,{form:t,showPassword:r,togglePasswordVisibility:p}),(0,e.jsx)("div",{children:(0,e.jsx)("div",{className:"webriq-recaptcha"})}),(0,e.jsxs)("div",{className:"text-center",children:[(0,e.jsx)(Q,{form:t}),(0,e.jsx)(X,{signInLink:a})]})]})}function J({form:t,showPassword:a,togglePasswordVisibility:r}){var u,p,s,c;return(0,e.jsxs)(w.default.Fragment,{children:[(0,e.jsx)(S.Flex,{className:"flex-col lg:flex-row gap-3",children:(p=(u=t==null?void 0:t.fields)==null?void 0:u.slice(0,2))==null?void 0:p.map((n,y)=>{var i;return(0,e.jsx)("div",{className:"w-full",children:(0,e.jsx)(d.FormField,{noLabel:!0,variant:"secondary",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,name:(i=n==null?void 0:n.name)!=null?i:"",items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},y)})}),(c=(s=t==null?void 0:t.fields)==null?void 0:s.slice(2))==null?void 0:c.map((n,y)=>{var i;return(0,e.jsx)("div",{className:"my-3",children:(n==null?void 0:n.type)==="inputPassword"&&n.name?(0,e.jsx)(K,{formFields:n,showPassword:a[n.name]||!1,togglePassword:()=>r(n.name)}):(0,e.jsx)(d.FormField,{noLabel:!0,variant:"secondary",name:(i=n==null?void 0:n.name)!=null?i:"",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},y)})]})}function K({formFields:t,showPassword:a,togglePassword:r}){var u;return(0,e.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center relative",children:[(0,e.jsx)(M.Input,{"aria-label":(u=t==null?void 0:t.placeholder)!=null?u:t==null?void 0:t.name,type:a?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired,className:"pr-12"}),(0,e.jsxs)(h.Button,{variant:"unstyled","aria-label":a?"Show password":"Hide password",className:"focus:outline-none px-0 py-0 absolute right-4",type:"button",onClick:r,children:[(0,e.jsx)("span",{className:"block sm:hidden text-right",children:a?"Hide":"Show"}),(0,e.jsx)("span",{className:"hidden sm:block",children:(0,e.jsx)(k,{showPassword:a})})]})]})}function Q({form:t}){var a;return t!=null&&t.buttonLabel?(0,e.jsx)(h.Button,{className:"w-full py-4 mb-3","aria-label":(a=t==null?void 0:t.buttonLabel)!=null?a:"Sign Up form submit button",variant:"default",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function X({signInLink:t}){if(!(t!=null&&t.label))return null;let a=(0,g.buildSanityLink)(t);return(0,e.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,e.jsx)("span",{children:"Already have an account?"})," ",(0,e.jsx)(h.Button,{variant:"link",className:"text-xs text-primary hover:underline","aria-label":t==null?void 0:t.label,asChild:!0,children:(0,e.jsx)(l.Link,{href:a.href,target:a.target,rel:a.rel,children:t==null?void 0:t.label})})]})}function Z({formLinks:t}){return t?(0,e.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((a,r,{length:u})=>{let p=(0,g.buildSanityLink)(a);return(0,e.jsxs)("span",{children:[(0,e.jsx)(h.Button,{variant:"link",className:"text-xs underline text-secondary-foreground hover:text-gray-50","aria-label":a==null?void 0:a.label,asChild:!0,children:(0,e.jsx)(l.Link,{href:p==null?void 0:p.href,target:p==null?void 0:p.target,rel:p==null?void 0:p.rel,children:a==null?void 0:a.label})}),r===u-1?null:r===u-2?(0,e.jsx)("span",{children:"\xA0and\xA0"}):(0,e.jsx)("span",{children:"\xA0,\xA0"})]},r)})}):null}function k({showPassword:t}){return(0,e.jsx)(w.default.Fragment,{children:t?(0,e.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,e.jsxs)("g",{fill:"currentColor",children:[(0,e.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,e.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,e.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,e.jsx)("svg",{className:"w-5 h-5 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,e.jsxs)("g",{fill:"currentColor",children:[(0,e.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,e.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}0&&(module.exports={SigninSignup_B});
@@ -1 +0,0 @@
1
- import{a}from"./chunk-LME4QAJ6.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_B,a as default};
package/dist/types.d.ts DELETED
@@ -1,362 +0,0 @@
1
- export type StyleVariants<T extends string> = Record<T, string>;
2
- export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
3
- export interface MainImage {
4
- image: string;
5
- alt?: string;
6
- }
7
- export interface LabeledRoute extends ConditionalLink {
8
- ariaLabel?: string;
9
- label?: string;
10
- linkTarget?: string;
11
- linkType?: string;
12
- _type?: string;
13
- linkInternal?: any;
14
- }
15
- export interface ConditionalLink {
16
- type?: string;
17
- internalLink?: string | null;
18
- externalLink?: string | null;
19
- }
20
- export interface StatItems {
21
- label?: string;
22
- mainImage?: MainImage;
23
- value?: string;
24
- _key?: string;
25
- _type?: string;
26
- }
27
- export interface Logo extends ConditionalLink {
28
- alt?: string;
29
- linkTarget?: string;
30
- image?: string;
31
- }
32
- export interface Images {
33
- image?: string;
34
- _key?: string;
35
- _type?: string;
36
- alt?: string;
37
- }
38
- export interface ContactDetails {
39
- addressInfo?: string;
40
- contactInfo?: string;
41
- emailInfo?: string;
42
- _key?: string;
43
- }
44
- export interface SocialLink {
45
- socialMedia?: string | null;
46
- socialMediaLink?: string | null;
47
- _key?: string | null;
48
- _type?: string | null;
49
- socialMediaIcon?: {
50
- alt?: string;
51
- image?: string;
52
- } | null;
53
- socialMediaPlatform?: string | null;
54
- }
55
- export interface LabeledRouteWithKey extends LabeledRoute {
56
- _key?: string;
57
- }
58
- export interface ArrayOfImageTitleAndText {
59
- mainImage?: {
60
- alt?: string;
61
- image?: string;
62
- };
63
- plainText?: string;
64
- title?: string;
65
- _key?: string;
66
- _type?: string;
67
- }
68
- export interface FeaturedItem {
69
- description?: string;
70
- mainImage?: MainImage;
71
- title?: string;
72
- subtitle?: string;
73
- _key?: string;
74
- _type?: string;
75
- }
76
- export interface ArrayOfTitleAndText {
77
- _key?: string;
78
- plainText?: string;
79
- title?: string;
80
- }
81
- export interface BlogPost extends SanityBody {
82
- authors?: Author[] | null;
83
- body?: any;
84
- categories?: Category[] | null;
85
- excerpt?: string | null;
86
- link?: string | null;
87
- mainImage?: string | null;
88
- publishedAt?: string;
89
- seo?: Seo | null;
90
- slug?: SanitySlug | null;
91
- title?: string;
92
- }
93
- export interface Seo {
94
- _type?: string;
95
- seoTitle?: string;
96
- seoDescription?: string;
97
- seoImage?: string;
98
- seoKeywords?: string;
99
- seoSynonyms?: string;
100
- }
101
- export interface SanitySlug {
102
- current?: string;
103
- _type?: "slug";
104
- }
105
- export interface SanityBody {
106
- _createdAt?: string;
107
- _id?: string;
108
- _rev?: string;
109
- _type?: string;
110
- _updatedAt?: string;
111
- }
112
- export interface Author extends SanityBody {
113
- link?: string | null;
114
- bio?: string | null;
115
- name?: string | null;
116
- slug?: SanitySlug | null;
117
- image?: string | null;
118
- profile?: {
119
- alt: string;
120
- image: string;
121
- } | null;
122
- }
123
- export interface Category extends SanityBody {
124
- title?: string;
125
- }
126
- export interface Form {
127
- id?: string | null;
128
- buttonLabel?: string | null;
129
- name?: string | null;
130
- subtitle?: string | null;
131
- fields?: FormFields[] | null;
132
- thankYouPage?: ThankYouPage | null;
133
- }
134
- export interface FormFields {
135
- name?: string;
136
- placeholder?: string;
137
- pricingType?: string;
138
- type?: FormTypes;
139
- _key?: string;
140
- _type?: string;
141
- isRequired?: boolean;
142
- label?: string;
143
- items?: string[];
144
- }
145
- export type FormTypes = "inputText" | "inputEmail" | "inputPassword" | "inputNumber" | "textarea" | "inputFile" | "inputRadio" | "inputCheckbox" | "inputSelect";
146
- export interface ThankYouPage {
147
- externalLink?: string | null;
148
- internalLink?: string | null;
149
- linkInternal?: any;
150
- linkTarget?: string;
151
- linkType?: string;
152
- type?: string;
153
- }
154
- export interface SectionsProps {
155
- template?: Template;
156
- data?: Sections;
157
- variant?: string | null | undefined;
158
- schema?: Variants;
159
- }
160
- export interface Sections extends SanityBody {
161
- label?: string;
162
- variant?: string;
163
- variants?: Variants;
164
- _key?: string;
165
- }
166
- export interface Variants {
167
- template?: Template;
168
- multipleMenus?: any;
169
- arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
170
- logo?: Logo | null;
171
- primaryButton?: LabeledRoute | null;
172
- secondaryButton?: LabeledRoute | null;
173
- routes?: LabeledRouteWithKey[] | null;
174
- menu?: LabeledRouteWithKey[] | null;
175
- plans?: Plans[] | null;
176
- formLinks?: LabeledRouteWithKey[] | null;
177
- portfolios?: Portfolios[] | null;
178
- portfoliosWithCategories?: PortfoliosWithCategories[] | null;
179
- length?: number;
180
- signInLink?: LabeledRoute | null;
181
- signinLink?: LabeledRoute | null;
182
- tags?: string[] | null;
183
- posts?: BlogPost[] | null;
184
- blogsPerPage?: number | null;
185
- form?: Form | null;
186
- collections?: Collection | null;
187
- products?: CollectionProduct | null;
188
- allProducts?: Collection[];
189
- subtitle?: string | null;
190
- caption?: string | null;
191
- title?: string | null;
192
- plainText?: string | null;
193
- contactDescription?: string | null;
194
- officeInformation?: string | null;
195
- contactEmail?: string | null;
196
- contactNumber?: string | null;
197
- socialLinks?: SocialLink[] | null;
198
- block?: any;
199
- heading?: string | null;
200
- acceptButtonLabel?: string | null;
201
- declineButtonLabel?: string | null;
202
- faqsWithCategories?: FaqsWithCategory[] | null;
203
- faqs?: AskedQuestion[] | null;
204
- arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
205
- description?: string | null;
206
- featuredItems?: FeaturedItem[] | null;
207
- images?: Images[] | null;
208
- contactDetails?: ContactDetails[] | null;
209
- copyright?: string | null;
210
- mainImage?: MainImage | null;
211
- youtubeLink?: string | null;
212
- banner?: any;
213
- stats?: StatItems[] | null;
214
- teams?: Team[] | null;
215
- testimonials?: Testimonial[] | null;
216
- selectStripeAccount?: string;
217
- annualBilling?: string;
218
- monthlyBilling?: string;
219
- productDetails?: ProductDetail[];
220
- btnLabel?: string;
221
- selectAccount?: string;
222
- hashtags?: string[];
223
- numberOfPosts?: number;
224
- text?: string;
225
- button?: LabeledRoute;
226
- features?: string[];
227
- config?: {
228
- enableAnalytics: boolean;
229
- cookiePolicy?: {
230
- siteName: string;
231
- cookiePolicyPage: Reference;
232
- };
233
- consentModalPosition?: string;
234
- };
235
- contactLink?: LabeledRoute;
236
- }
237
- export interface Template {
238
- bg?: string;
239
- color?: string;
240
- }
241
- export type Plans = {
242
- _key?: string | null;
243
- _type?: "planItems" | null;
244
- checkoutButtonName?: string | null;
245
- description?: string | null;
246
- monthlyPrice?: string | null;
247
- planType?: string | null;
248
- yearlyPrice?: string | null;
249
- planIncludes?: string[] | null;
250
- primaryButton?: LabeledRoute | null;
251
- } & Record<string, string>;
252
- export interface Portfolios {
253
- dateAdded?: string | null;
254
- mainImage?: {
255
- image?: string | null;
256
- alt?: string | null;
257
- } | null;
258
- primaryButton?: LabeledRoute | null;
259
- title?: string | null;
260
- _key?: string | null;
261
- _type?: string | null;
262
- }
263
- export interface PortfoliosWithCategories {
264
- category?: string | null;
265
- content?: Content[] | null;
266
- primaryButton?: LabeledRoute | null;
267
- _key?: string | null;
268
- _type?: string | null;
269
- }
270
- export interface Content extends Portfolios {
271
- description?: string | null;
272
- subtitle?: string | null;
273
- }
274
- export interface Collection extends SanityBody {
275
- collectionInfoVariant?: {
276
- variant?: string;
277
- } | null;
278
- name?: string | null;
279
- products?: CollectionProduct[] | null;
280
- sections?: any;
281
- seo?: Seo | null;
282
- slug?: SanitySlug | null;
283
- }
284
- export interface CollectionProduct extends SanityBody {
285
- compareToPrice?: number | null;
286
- description?: string | null;
287
- ecwidProductId?: number | null;
288
- name?: string | null;
289
- price?: number | null;
290
- productInfo?: ProductInfo | null;
291
- productInfoVariant?: {
292
- variant?: string;
293
- } | null;
294
- sections?: any;
295
- seo?: Seo | null;
296
- slug?: SanitySlug | null;
297
- }
298
- interface ProductInfo {
299
- btnLabel?: string | null;
300
- images?: ProductInfoImage[] | null;
301
- productDetails?: ProductDetail[] | null;
302
- socialLinks?: SocialLink[] | null;
303
- subtitle?: string | null;
304
- }
305
- export interface ProductDetail {
306
- blockContent?: any;
307
- contentType?: string;
308
- tabName?: string;
309
- _key?: string;
310
- [key: string]: any;
311
- }
312
- interface ProductInfoImage {
313
- alt?: string | null;
314
- _key: string;
315
- _type: string;
316
- image?: string | null;
317
- }
318
- export interface FaqsWithCategory {
319
- askedQuestions?: AskedQuestion[] | null;
320
- category?: string | null;
321
- _key?: string;
322
- _type?: string;
323
- }
324
- export interface AskedQuestion {
325
- answer?: string | null;
326
- question?: string | null;
327
- hidden?: boolean;
328
- _key?: string;
329
- _type?: string;
330
- }
331
- export interface Team {
332
- jobTitle?: string;
333
- mainImage?: MainImage;
334
- name?: string;
335
- plainText?: string;
336
- _key?: string;
337
- _type?: string;
338
- }
339
- export interface Testimonial {
340
- jobTitle?: string;
341
- mainImage?: MainImage;
342
- name?: string;
343
- rating?: string;
344
- testimony?: string;
345
- _key?: string;
346
- _type?: string;
347
- }
348
- export declare interface Reference {
349
- _type: string;
350
- _ref: string;
351
- _key?: string;
352
- _weak?: boolean;
353
- _strengthenOnPublish?: {
354
- type: string;
355
- weak?: boolean;
356
- template?: {
357
- id: string;
358
- params: Record<string, string | number | boolean>;
359
- };
360
- };
361
- }
362
- export {};
package/dist/types.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var l=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var g=(n,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of a(t))!o.call(n,e)&&e!==r&&l(n,e,{get:()=>t[e],enumerable:!(i=s(t,e))||i.enumerable});return n};var u=n=>g(l({},"__esModule",{value:!0}),n);var c={};module.exports=u(c);