@stackshift-ui/signin-signup 7.0.0-beta.0 → 7.0.0-beta.10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/signin-signup",
   "description": "",
-  "version": "7.0.0-beta.0",
+  "version": "7.0.0-beta.10",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -34,27 +34,27 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/system": "6.1.0-beta.0",
-    "@stackshift-ui/card": "7.0.0-beta.0",
-    "@stackshift-ui/heading": "7.0.0-beta.0",
-    "@stackshift-ui/button": "6.1.0-beta.0",
-    "@stackshift-ui/input": "7.0.0-beta.0",
-    "@stackshift-ui/scripts": "6.1.0-beta.0",
-    "@stackshift-ui/text": "7.0.0-beta.0",
-    "@stackshift-ui/form": "7.0.0-beta.0",
-    "@stackshift-ui/link": "6.0.12-beta.0",
-    "@stackshift-ui/image": "6.1.0-beta.0",
-    "@stackshift-ui/form-field": "7.0.0-beta.0",
-    "@stackshift-ui/section": "7.0.0-beta.0",
-    "@stackshift-ui/container": "7.0.0-beta.0",
-    "@stackshift-ui/flex": "7.0.0-beta.0"
+    "@stackshift-ui/scripts": "7.0.0-beta.4",
+    "@stackshift-ui/system": "7.0.0-beta.5",
+    "@stackshift-ui/card": "7.0.0-beta.5",
+    "@stackshift-ui/button": "7.0.0-beta.7",
+    "@stackshift-ui/input": "7.0.0-beta.5",
+    "@stackshift-ui/link": "7.0.0-beta.5",
+    "@stackshift-ui/text": "7.0.0-beta.5",
+    "@stackshift-ui/image": "7.0.0-beta.6",
+    "@stackshift-ui/section": "7.0.0-beta.5",
+    "@stackshift-ui/form": "7.0.0-beta.5",
+    "@stackshift-ui/form-field": "7.0.0-beta.6",
+    "@stackshift-ui/flex": "7.0.0-beta.5",
+    "@stackshift-ui/container": "7.0.0-beta.5",
+    "@stackshift-ui/heading": "7.0.0-beta.5"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",
     "react-dom": "16.8 - 19",
-    "@stackshift-ui/system": ">=6.1.0-beta.0"
+    "@stackshift-ui/system": ">=7.0.0-beta.5"
   },
   "peerDependenciesMeta": {
     "next": {

package/src/signin-signup.tsx

@@ -1,9 +1,11 @@
-import React, { lazy } from "react";
-import { SectionsProps, Logo, LabeledRoute, LabeledRouteWithKey, Form } from "./types";
+import React from "react";
+import SigninSignupA from "./signin_signup_a";
+import SigninSignupB from "./signin_signup_b";
+import { Form, LabeledRoute, LabeledRouteWithKey, Logo, SectionsProps } from "./types";
 
 const Variants = {
-  variant_a: lazy(() => import("./signin_signup_a")),
-  variant_b: lazy(() => import("./signin_signup_b")),
+  variant_a: SigninSignupA,
+  variant_b: SigninSignupB,
 };
 
 export interface SignUpFormProps {

package/src/signin_signup_a.tsx

@@ -8,20 +8,19 @@ import { Image } from "@stackshift-ui/image";
 import { Input } from "@stackshift-ui/input";
 import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
+import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
-
-import { buildSanityLink } from "@stackshift-ui/system";
 import { SignUpFormProps } from ".";
 import { logoLink, thankYouPageLink } from "./helper";
 import { LabeledRoute, LabeledRouteWithKey, Logo, Form as iForm } from "./types";
 
 export default function SigninSignup_A({ logo, form, formLinks, signInLink }: SignUpFormProps) {
   return (
-    <Section className="py-10 rounded-md bg-gray-50 lg:py-20">
-      <Container maxWidth={576} className="px-4">
+    <Section className="py-10 rounded-md lg:py-20">
+      <Container maxWidth={576}>
         <LogoSection logo={logo} />
-        <Container className="mb-6 px-4 text-center lg:mb-10">
+        <Container className="mb-6 text-center lg:mb-10">
           <SubtitleAndHeadingText form={form} />
           <SignupForm
             form={form}
@@ -129,14 +128,14 @@ function FormFields({
 }) {
   return (
     <>
-      <Flex wrap className="-mx-2">
+      <Flex wrap className="-mx-2 lg:gap-0 gap-3">
         {form?.fields?.slice(0, 2).map((formFields, index) => (
-          <div className="w-full px-2 mb-3 lg:w-1/2" key={index}>
+          <div className="w-full px-2 lg:w-1/2" key={index}>
             {formFields.type === "inputText" ? (
               <Input
                 placeholder={formFields?.placeholder}
                 required={formFields?.isRequired}
-                className="w-full py-4 text-xs bg-white"
+                className="w-full py-4 text-base bg-white"
                 name={formFields?.name}
                 aria-label={formFields?.label}
                 {...formFields}
@@ -144,7 +143,7 @@ function FormFields({
               />
             ) : (
               <FormField
-                className="py-4"
+                className="py-4 bg-white"
                 textSize="sm"
                 noLabel
                 variant="primary"
@@ -169,7 +168,7 @@ function FormFields({
             />
           ) : (
             <FormField
-              className="py-4"
+              className="py-4 bg-white"
               textSize="sm"
               noLabel
               variant="primary"
@@ -190,23 +189,15 @@ function FormFields({
 function SignInLink({ signInLink }: { signInLink?: LabeledRoute }) {
   if (!signInLink?.label) return null;
 
-  const link = buildSanityLink({
-    type: signInLink?.type ?? "",
-    internalLink: signInLink?.internalLink ?? "",
-    externalLink: signInLink?.externalLink ?? "",
-  });
-
   return (
     <div className="w-full text-center mt-3">
       <span className="text-xs text-gray-500">Already have an account? </span>
       <Button
+        as="link"
+        link={signInLink}
         variant="link"
-        className="text-xs text-primary cursor-pointer hover:underline"
-        aria-label={signInLink?.label}
-        asChild>
-        <Link href={link.href} target={link.target} rel={link.rel}>
-          {signInLink?.label}
-        </Link>
+        className="text-xs text-primary cursor-pointer hover:underline">
+        {signInLink?.label}
       </Button>
     </div>
   );
@@ -222,9 +213,9 @@ function PasswordField({
   togglePassword: () => void;
 }) {
   return (
-    <div className="flex flex-col sm:flex-row gap-2 sm:items-center">
+    <div className="flex flex-col sm:flex-row gap-2 sm:items-center relative">
       <Input
-        className="py-4"
+        className="py-4 bg-white pr-12"
         aria-label={formFields?.placeholder ?? formFields?.name}
         type={showPassword ? "text" : "password"}
         placeholder={formFields?.placeholder}
@@ -235,7 +226,7 @@ function PasswordField({
       <Button
         variant="unstyled"
         aria-label={showPassword ? "Show password" : "Hide password"}
-        className="focus:outline-none"
+        className="focus:outline-none px-0 py-0 absolute right-4"
         type="button"
         onClick={togglePassword}>
         <span className="block sm:hidden text-right">{showPassword ? "Hide" : "Show"}</span>
@@ -252,32 +243,22 @@ function FormLinks({ formLinks }: { formLinks?: LabeledRouteWithKey[] }) {
 
   return (
     <p className="mt-10 lg:mt-3 text-xs text-center text-gray-700">
-      {formLinks?.map((link: any, index: number, { length }: any) => {
-        const linkObj = buildSanityLink({
-          type: link?.type ?? "",
-          internalLink: link?.internalLink ?? "",
-          externalLink: link?.externalLink ?? "",
-        });
-
-        return (
-          <span key={index}>
-            <Button
-              variant="link"
-              className="text-xs text-primary cursor-pointer hover:underline"
-              aria-label={link?.label}
-              asChild>
-              <Link href={linkObj.href} target={linkObj.target} rel={linkObj.rel}>
-                {link?.label}
-              </Link>
-            </Button>
-            {index === length - 1 ? null : index === length - 2 ? (
-              <span>&nbsp;and&nbsp;</span>
-            ) : (
-              <span>&nbsp;,&nbsp;</span>
-            )}
-          </span>
-        );
-      })}
+      {formLinks?.map((link_: any, index: number, { length }: any) => (
+        <span key={index}>
+          <Button
+            as="link"
+            link={link_}
+            variant="link"
+            className="text-xs text-primary cursor-pointer hover:underline">
+            {link_?.label}
+          </Button>
+          {index === length - 1 ? null : index === length - 2 ? (
+            <span>&nbsp;and&nbsp;</span>
+          ) : (
+            <span>&nbsp;,&nbsp;</span>
+          )}
+        </span>
+      ))}
     </p>
   );
 }
@@ -287,7 +268,7 @@ function PasswordIcon({ showPassword }: { showPassword: boolean }) {
     <>
       {showPassword ? (
         <svg
-          className="w-5 h-5 my-auto ml-4 text-gray-500"
+          className="w-5 h-5 my-auto text-gray-500"
           xmlns="http://www.w3.org/2000/svg"
           aria-hidden="true"
           role="img"
@@ -303,7 +284,7 @@ function PasswordIcon({ showPassword }: { showPassword: boolean }) {
         </svg>
       ) : (
         <svg
-          className="w-5 h-5 my-auto ml-4 text-gray-500"
+          className="w-5 h-5 my-auto text-gray-500"
           xmlns="http://www.w3.org/2000/svg"
           aria-hidden="true"
           role="img"

package/src/signin_signup_b.tsx

@@ -166,19 +166,20 @@ function PasswordField({
   togglePassword: () => void;
 }) {
   return (
-    <div className="flex flex-col sm:flex-row gap-2 items-center">
+    <div className="flex flex-col sm:flex-row gap-2 items-center relative">
       <Input
         aria-label={formFields?.placeholder ?? formFields?.name}
         type={showPassword ? "text" : "password"}
         placeholder={formFields?.placeholder}
         name={formFields?.name}
         required={formFields?.isRequired}
+        className="pr-12"
       />
       {/* SVG icon on the right of the password input field */}
       <Button
         variant="unstyled"
         aria-label={showPassword ? "Show password" : "Hide password"}
-        className="focus:outline-none"
+        className="focus:outline-none px-0 py-0 absolute right-4"
         type="button"
         onClick={togglePassword}>
         <span className="block sm:hidden text-right">{showPassword ? "Hide" : "Show"}</span>
@@ -207,23 +208,15 @@ function FormButtonLabel({ form }: { form?: iForm }) {
 function SigninLink({ signInLink }: { signInLink?: LabeledRoute }) {
   if (!signInLink?.label) return null;
 
-  const link = buildSanityLink({
-    type: signInLink?.type ?? "",
-    internalLink: signInLink?.internalLink ?? "",
-    externalLink: signInLink?.externalLink ?? "",
-  });
-
   return (
     <span className="text-xs text-gray-900">
       <span>Already have an account?</span>{" "}
       <Button
+        as="link"
+        link={signInLink}
         variant="link"
-        className="text-xs text-primary hover:underline"
-        aria-label={signInLink?.label}
-        asChild>
-        <Link href={link.href} target={link.target} rel={link.rel}>
-          {signInLink?.label}
-        </Link>
+        className="text-xs text-primary hover:underline">
+        {signInLink?.label}
       </Button>
     </span>
   );
@@ -234,32 +227,24 @@ function FormLinks({ formLinks }: { formLinks?: LabeledRoute[] }) {
 
   return (
     <p className="text-xs text-center text-secondary-foreground">
-      {formLinks?.map((link, index, { length }) => {
-        const linkObj = buildSanityLink({
-          type: link?.type ?? "",
-          internalLink: link?.internalLink ?? "",
-          externalLink: link?.externalLink ?? "",
-        });
-
-        return (
-          <span key={index}>
-            <Button
-              variant="link"
-              className="text-xs underline text-secondary-foreground hover:text-gray-50"
-              aria-label={link?.label}
-              asChild>
-              <Link href={linkObj?.href} target={linkObj?.target} rel={linkObj?.rel}>
-                {link?.label}
-              </Link>
-            </Button>
-            {index === length - 1 ? null : index === length - 2 ? (
-              <span>&nbsp;and&nbsp;</span>
-            ) : (
-              <span>&nbsp;,&nbsp;</span>
-            )}
-          </span>
-        );
-      })}
+      {formLinks?.map((link_, index, { length }) => (
+        <span key={index}>
+          <Button
+            as="link"
+            link={link_}
+            variant="link"
+            className="text-xs underline text-secondary-foreground hover:text-gray-50"
+            aria-label={link_?.label}
+            asChild>
+            {link_?.label}
+          </Button>
+          {index === length - 1 ? null : index === length - 2 ? (
+            <span>&nbsp;and&nbsp;</span>
+          ) : (
+            <span>&nbsp;,&nbsp;</span>
+          )}
+        </span>
+      ))}
     </p>
   );
 }

package/dist/chunk-4DDN6JI4.mjs

@@ -1 +0,0 @@
-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};

package/dist/chunk-G3QOBYBY.mjs

@@ -1 +0,0 @@
-import{lazy as x}from"react";import{jsx as I}from"react/jsx-runtime";var i={variant_a:x(()=>import("./signin_signup_a.mjs")),variant_b:x(()=>import("./signin_signup_b.mjs"))},P="SigninSignup",h=({data:n})=>{var r,s,u,t,f,l,p,m,g,L,c,v,b,y,R,k,S,B;let e=n==null?void 0:n.variant,o=e&&(i==null?void 0:i[e]),F={logo:(s=(r=n==null?void 0:n.variants)==null?void 0:r.logo)!=null?s:void 0,title:(t=(u=n==null?void 0:n.variants)==null?void 0:u.title)!=null?t:void 0,subtitle:(l=(f=n==null?void 0:n.variants)==null?void 0:f.subtitle)!=null?l:void 0,text:(m=(p=n==null?void 0:n.variants)==null?void 0:p.plainText)!=null?m:void 0,firstButton:(L=(g=n==null?void 0:n.variants)==null?void 0:g.primaryButton)!=null?L:void 0,secondButton:(v=(c=n==null?void 0:n.variants)==null?void 0:c.secondaryButton)!=null?v:void 0,formLinks:(y=(b=n==null?void 0:n.variants)==null?void 0:b.formLinks)!=null?y:void 0,signInLink:(k=(R=n==null?void 0:n.variants)==null?void 0:R.signinLink)!=null?k:void 0,form:(B=(S=n==null?void 0:n.variants)==null?void 0:S.form)!=null?B:void 0};return o?I(o,{...F}):null};h.displayName=P;export{h as a};

package/dist/chunk-ZB5SS6U5.mjs

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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};

package/dist/helper/index.d.ts

@@ -1,3 +0,0 @@
-import { Logo } from "../types";
-export declare const logoLink: (logo: Logo) => string;
-export declare const thankYouPageLink: (link: any) => any;

package/dist/helper/index.js

@@ -1 +0,0 @@
-"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});

package/dist/helper/index.mjs

@@ -1 +0,0 @@
-import{a,b}from"../chunk-4DDN6JI4.mjs";export{a as logoLink,b as thankYouPageLink};

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./signin-signup";
-export * from "./signin_signup_a";
-export * from "./signin_signup_b";

package/dist/index.js

@@ -1,2 +0,0 @@
-"use client";
-"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});

package/dist/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a as e}from"./chunk-G3QOBYBY.mjs";import{a as o}from"./chunk-ZB5SS6U5.mjs";import{a as r}from"./chunk-ZJJ6VT3F.mjs";import"./chunk-4DDN6JI4.mjs";export{e as SigninSignup,o as SigninSignup_A,r as SigninSignup_B};

package/dist/signin-signup.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { SectionsProps, Logo, LabeledRoute, LabeledRouteWithKey, Form } from "./types";
-export interface SignUpFormProps {
-    logo?: Logo;
-    title?: string;
-    subtitle?: string;
-    text?: string;
-    firstButton?: LabeledRoute;
-    secondButton?: LabeledRoute;
-    formLinks?: LabeledRouteWithKey[];
-    signInLink?: LabeledRoute;
-    form?: Form;
-}
-export declare const SigninSignup: React.FC<SectionsProps>;

package/dist/signin-signup.js

@@ -1 +0,0 @@
-"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});

package/dist/signin-signup.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-G3QOBYBY.mjs";export{a as SigninSignup};

package/dist/signin_signup_a.d.ts

@@ -1,3 +0,0 @@
-import { SignUpFormProps } from ".";
-export default function SigninSignup_A({ logo, form, formLinks, signInLink }: SignUpFormProps): import("react/jsx-runtime").JSX.Element;
-export { SigninSignup_A };

package/dist/signin_signup_a.js

@@ -1 +0,0 @@
-"use strict";var q=Object.create;var x=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var U=(t,n)=>{for(var p in n)x(t,p,{get:n[p],enumerable:!0})},N=(t,n,p,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let c of T(n))!H.call(t,c)&&c!==p&&x(t,c,{get:()=>n[c],enumerable:!(u=B(n,c))||u.enumerable});return t};var V=(t,n,p)=>(p=t!=null?q(Y(t)):{},N(n||!t||!t.__esModule?x(p,"default",{value:t,enumerable:!0}):p,t)),k=t=>N(x({},"__esModule",{value:!0}),t);var J={};U(J,{SigninSignup_A:()=>d,default:()=>d});module.exports=k(J);var i=require("@stackshift-ui/button"),h=require("@stackshift-ui/container"),S=require("@stackshift-ui/flex"),P=require("@stackshift-ui/form"),y=require("@stackshift-ui/form-field"),g=require("@stackshift-ui/heading"),z=require("@stackshift-ui/image"),w=require("@stackshift-ui/input"),R=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),C=require("@stackshift-ui/text"),M=V(require("react"));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:"/"},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 a=require("react/jsx-runtime");function d({logo:t,form:n,formLinks:p,signInLink:u}){return(0,a.jsx)(A.Section,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:(0,a.jsxs)(h.Container,{maxWidth:576,className:"px-4",children:[(0,a.jsx)(W,{logo:t}),(0,a.jsxs)(h.Container,{className:"mb-6 px-4 text-center lg:mb-10",children:[(0,a.jsx)($,{form:n}),(0,a.jsx)(K,{form:n,signInLink:u,thankYouPage:L(n==null?void 0:n.thankYouPage)})]}),(0,a.jsx)(G,{formLinks:p})]})})}function W({logo:t}){var n;return t?(0,a.jsx)("div",{className:"mb-10",children:(0,a.jsx)(R.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)(z.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 $({form:t}){return(0,a.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,a.jsx)(C.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,a.jsx)(g.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function K({form:t,signInLink:n,thankYouPage:p}){var r,s;if(!(t!=null&&t.fields))return null;let[u,c]=M.default.useState({}),e=l=>{c(v=>({...v,[l]:!v[l]}))};return(0,a.jsxs)(P.Form,{id:(r=t==null?void 0:t.id)!=null?r:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:p,children:[(0,a.jsx)(_,{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,{as:"button",variant:"custom",ariaLabel:(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&&(0,a.jsx)(j,{signInLink:n})]})}function _({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",children:(u=t==null?void 0:t.fields)==null?void 0:u.slice(0,2).map((e,r)=>{var s;return(0,a.jsx)("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:e.type==="inputText"?(0,a.jsx)(w.Input,{textSize:"sm",variant:"primary",noLabel:!0,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,ariaLabel:e==null?void 0:e.label,...e,type:"text"}):(0,a.jsx)(y.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",name:(s=e==null?void 0:e.name)!=null?s:"",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})},r)})}),(c=t==null?void 0:t.fields)==null?void 0:c.slice(2).map((e,r)=>{var s;return(0,a.jsx)("div",{className:"my-3",children:e.type==="inputPassword"&&e.name?(0,a.jsx)(E,{formFields:e,showPassword:n[e.name]||!1,togglePassword:()=>p(e.name)}):(0,a.jsx)(y.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:(s=e==null?void 0:e.name)!=null?s:"",items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},r)})]})}function j({signInLink:t}){return t!=null&&t.label?(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,{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 E({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)(w.Input,{className:"py-4",textSize:"sm",noLabel:!0,"aria-label":(u=t==null?void 0:t.placeholder)!=null?u:t==null?void 0:t.name,variant:"primary",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",as:"button",ariaLabel: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)(D,{showPassword:n})})]})]})}function G({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})=>(0,a.jsxs)("span",{children:[(0,a.jsx)(i.Button,{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}),p===u-1?null:p===u-2?(0,a.jsx)("span",{children:"\xA0and\xA0"}):(0,a.jsx)("span",{children:"\xA0,\xA0"})]},p))}):null}function D({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

@@ -1 +0,0 @@
-import{a}from"./chunk-ZB5SS6U5.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_A,a as default};

package/dist/signin_signup_b.d.ts

@@ -1,3 +0,0 @@
-import { SignUpFormProps } from ".";
-export default function SigninSignup_B({ logo, form, formLinks, signInLink }: SignUpFormProps): import("react/jsx-runtime").JSX.Element;
-export { SigninSignup_B };

package/dist/signin_signup_b.js

@@ -1 +0,0 @@
-"use strict";var z=Object.create;var x=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var U=(t,n)=>{for(var r in n)x(t,r,{get:n[r],enumerable:!0})},d=(t,n,r,p)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of T(n))!Y.call(t,u)&&u!==r&&x(t,u,{get:()=>n[u],enumerable:!(p=q(n,u))||p.enumerable});return t};var V=(t,n,r)=>(r=t!=null?z(H(t)):{},d(n||!t||!t.__esModule?x(r,"default",{value:t,enumerable:!0}):r,t)),$=t=>d(x({},"__esModule",{value:!0}),t);var O={};U(O,{SigninSignup_B:()=>B,default:()=>B});module.exports=$(O);var b=require("@stackshift-ui/button"),L=require("@stackshift-ui/card"),l=require("@stackshift-ui/container"),g=require("@stackshift-ui/flex"),P=require("@stackshift-ui/form"),v=require("@stackshift-ui/form-field"),S=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),R=require("@stackshift-ui/input"),m=require("@stackshift-ui/link"),M=require("@stackshift-ui/section"),A=require("@stackshift-ui/text"),w=V(require("react"));var h=t=>{var n,r,p;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(r=(n=t==null?void 0:t.internalLink)==null?void 0:n.toLowerCase())!=null&&r.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(p=t==null?void 0:t.externalLink)!=null?p:"/"},N=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 B({logo:t,form:n,formLinks:r,signInLink:p}){return(0,a.jsx)(M.Section,{className:"py-10 bg-primary lg:py-20",children:(0,a.jsx)(l.Container,{maxWidth:1280,children:(0,a.jsxs)(l.Container,{maxWidth:576,children:[(0,a.jsx)(k,{logo:t}),(0,a.jsxs)(L.Card,{borderRadius:"md",className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12",children:[(0,a.jsx)(W,{form:n}),(0,a.jsx)(_,{form:n,signInLink:p})]}),(0,a.jsx)(J,{formLinks:r})]})})})}function k({logo:t}){var n;return t?(0,a.jsx)("div",{className:"mb-10",children:(0,a.jsx)(m.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)(C.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 text-3xl font-bold leading-none text-white"})})}):null}function W({form:t}){return(0,a.jsxs)("div",{className:"mb-6 text-center sm:text-left",children:[(0,a.jsx)(A.Text,{muted:!0,className:"text-sm lg:text-base",children:t==null?void 0:t.subtitle}),(0,a.jsx)(S.Heading,{className:"text-xl lg:text-2xl",children:t==null?void 0:t.name})]})}function _({form:t,signInLink:n}){var s;if(!(t!=null&&t.fields))return null;let[r,p]=w.default.useState({}),u=c=>{p(e=>({...e,[c]:!e[c]}))};return(0,a.jsxs)(P.Form,{id:(s=t==null?void 0:t.id)!=null?s:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:N(t==null?void 0:t.thankYouPage),children:[(0,a.jsx)(j,{form:t,showPassword:r,togglePasswordVisibility:u}),(0,a.jsx)("div",{children:(0,a.jsx)("div",{className:"webriq-recaptcha"})}),(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)(G,{form:t}),(0,a.jsx)(D,{signInLink:n})]})]})}function j({form:t,showPassword:n,togglePasswordVisibility:r}){var p,u,s,c;return(0,a.jsxs)(w.default.Fragment,{children:[(0,a.jsx)(g.Flex,{className:"flex-col lg:flex-row gap-3",children:(u=(p=t==null?void 0:t.fields)==null?void 0:p.slice(0,2))==null?void 0:u.map((e,y)=>{var i;return(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(v.FormField,{noLabel:!0,variant:"secondary",placeholder:e==null?void 0:e.placeholder,required:e==null?void 0:e.isRequired,name:(i=e==null?void 0:e.name)!=null?i:"",items:e==null?void 0:e.items,type:e==null?void 0:e.type,...e})},y)})}),(c=(s=t==null?void 0:t.fields)==null?void 0:s.slice(2))==null?void 0:c.map((e,y)=>{var i;return(0,a.jsx)("div",{className:"my-3",children:(e==null?void 0:e.type)==="inputPassword"&&e.name?(0,a.jsx)(E,{formFields:e,showPassword:n[e.name]||!1,togglePassword:()=>r(e.name)}):(0,a.jsx)(v.FormField,{noLabel:!0,variant:"secondary",name:(i=e==null?void 0:e.name)!=null?i:"",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})},y)})]})}function E({formFields:t,showPassword:n,togglePassword:r}){var p;return(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row gap-2 items-center",children:[(0,a.jsx)(R.Input,{noLabel:!0,ariaLabel:(p=t==null?void 0:t.placeholder)!=null?p:t==null?void 0:t.name,variant:"secondary",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)(b.Button,{variant:"unstyled",as:"button",ariaLabel:n?"Show password":"Hide password",className:"focus:outline-none",type:"button",onClick:r,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)(K,{showPassword:n})})]})]})}function G({form:t}){var n;return t!=null&&t.buttonLabel?(0,a.jsx)(b.Button,{as:"button",className:"w-full py-4 mb-3",ariaLabel:(n=t==null?void 0:t.buttonLabel)!=null?n:"Sign Up form submit button",variant:"custom",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function D({signInLink:t}){return t!=null&&t.label?(0,a.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,a.jsx)("span",{children:"Already have an account?"})," ",(0,a.jsx)(b.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 J({formLinks:t}){return t?(0,a.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((n,r,{length:p})=>(0,a.jsxs)("span",{children:[(0,a.jsx)(b.Button,{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}),r===p-1?null:r===p-2?(0,a.jsx)("span",{children:"\xA0and\xA0"}):(0,a.jsx)("span",{children:"\xA0,\xA0"})]},r))}):null}function K({showPassword:t}){return(0,a.jsx)(w.default.Fragment,{children:t?(0,a.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,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 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_B});

package/dist/signin_signup_b.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-ZJJ6VT3F.mjs";import"./chunk-4DDN6JI4.mjs";export{a as SigninSignup_B,a as default};

package/dist/types.d.ts

@@ -1,362 +0,0 @@
-export type StyleVariants<T extends string> = Record<T, string>;
-export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
-export interface MainImage {
-    image: string;
-    alt?: string;
-}
-export interface LabeledRoute extends ConditionalLink {
-    ariaLabel?: string;
-    label?: string;
-    linkTarget?: string;
-    linkType?: string;
-    _type?: string;
-    linkInternal?: any;
-}
-export interface ConditionalLink {
-    type?: string;
-    internalLink?: string | null;
-    externalLink?: string | null;
-}
-export interface StatItems {
-    label?: string;
-    mainImage?: MainImage;
-    value?: string;
-    _key?: string;
-    _type?: string;
-}
-export interface Logo extends ConditionalLink {
-    alt?: string;
-    linkTarget?: string;
-    image?: string;
-}
-export interface Images {
-    image?: string;
-    _key?: string;
-    _type?: string;
-    alt?: string;
-}
-export interface ContactDetails {
-    addressInfo?: string;
-    contactInfo?: string;
-    emailInfo?: string;
-    _key?: string;
-}
-export interface SocialLink {
-    socialMedia?: string | null;
-    socialMediaLink?: string | null;
-    _key?: string | null;
-    _type?: string | null;
-    socialMediaIcon?: {
-        alt?: string;
-        image?: string;
-    } | null;
-    socialMediaPlatform?: string | null;
-}
-export interface LabeledRouteWithKey extends LabeledRoute {
-    _key?: string;
-}
-export interface ArrayOfImageTitleAndText {
-    mainImage?: {
-        alt?: string;
-        image?: string;
-    };
-    plainText?: string;
-    title?: string;
-    _key?: string;
-    _type?: string;
-}
-export interface FeaturedItem {
-    description?: string;
-    mainImage?: MainImage;
-    title?: string;
-    subtitle?: string;
-    _key?: string;
-    _type?: string;
-}
-export interface ArrayOfTitleAndText {
-    _key?: string;
-    plainText?: string;
-    title?: string;
-}
-export interface BlogPost extends SanityBody {
-    authors?: Author[] | null;
-    body?: any;
-    categories?: Category[] | null;
-    excerpt?: string | null;
-    link?: string | null;
-    mainImage?: string | null;
-    publishedAt?: string;
-    seo?: Seo | null;
-    slug?: SanitySlug | null;
-    title?: string;
-}
-export interface Seo {
-    _type?: string;
-    seoTitle?: string;
-    seoDescription?: string;
-    seoImage?: string;
-    seoKeywords?: string;
-    seoSynonyms?: string;
-}
-export interface SanitySlug {
-    current?: string;
-    _type?: "slug";
-}
-export interface SanityBody {
-    _createdAt?: string;
-    _id?: string;
-    _rev?: string;
-    _type?: string;
-    _updatedAt?: string;
-}
-export interface Author extends SanityBody {
-    link?: string | null;
-    bio?: string | null;
-    name?: string | null;
-    slug?: SanitySlug | null;
-    image?: string | null;
-    profile?: {
-        alt: string;
-        image: string;
-    } | null;
-}
-export interface Category extends SanityBody {
-    title?: string;
-}
-export interface Form {
-    id?: string | null;
-    buttonLabel?: string | null;
-    name?: string | null;
-    subtitle?: string | null;
-    fields?: FormFields[] | null;
-    thankYouPage?: ThankYouPage | null;
-}
-export interface FormFields {
-    name?: string;
-    placeholder?: string;
-    pricingType?: string;
-    type?: FormTypes;
-    _key?: string;
-    _type?: string;
-    isRequired?: boolean;
-    label?: string;
-    items?: string[];
-}
-export type FormTypes = "inputText" | "inputEmail" | "inputPassword" | "inputNumber" | "textarea" | "inputFile" | "inputRadio" | "inputCheckbox" | "inputSelect";
-export interface ThankYouPage {
-    externalLink?: string | null;
-    internalLink?: string | null;
-    linkInternal?: any;
-    linkTarget?: string;
-    linkType?: string;
-    type?: string;
-}
-export interface SectionsProps {
-    template?: Template;
-    data?: Sections;
-    variant?: string | null | undefined;
-    schema?: Variants;
-}
-export interface Sections extends SanityBody {
-    label?: string;
-    variant?: string;
-    variants?: Variants;
-    _key?: string;
-}
-export interface Variants {
-    template?: Template;
-    multipleMenus?: any;
-    arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
-    logo?: Logo | null;
-    primaryButton?: LabeledRoute | null;
-    secondaryButton?: LabeledRoute | null;
-    routes?: LabeledRouteWithKey[] | null;
-    menu?: LabeledRouteWithKey[] | null;
-    plans?: Plans[] | null;
-    formLinks?: LabeledRouteWithKey[] | null;
-    portfolios?: Portfolios[] | null;
-    portfoliosWithCategories?: PortfoliosWithCategories[] | null;
-    length?: number;
-    signInLink?: LabeledRoute | null;
-    signinLink?: LabeledRoute | null;
-    tags?: string[] | null;
-    posts?: BlogPost[] | null;
-    blogsPerPage?: number | null;
-    form?: Form | null;
-    collections?: Collection | null;
-    products?: CollectionProduct | null;
-    allProducts?: Collection[];
-    subtitle?: string | null;
-    caption?: string | null;
-    title?: string | null;
-    plainText?: string | null;
-    contactDescription?: string | null;
-    officeInformation?: string | null;
-    contactEmail?: string | null;
-    contactNumber?: string | null;
-    socialLinks?: SocialLink[] | null;
-    block?: any;
-    heading?: string | null;
-    acceptButtonLabel?: string | null;
-    declineButtonLabel?: string | null;
-    faqsWithCategories?: FaqsWithCategory[] | null;
-    faqs?: AskedQuestion[] | null;
-    arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
-    description?: string | null;
-    featuredItems?: FeaturedItem[] | null;
-    images?: Images[] | null;
-    contactDetails?: ContactDetails[] | null;
-    copyright?: string | null;
-    mainImage?: MainImage | null;
-    youtubeLink?: string | null;
-    banner?: any;
-    stats?: StatItems[] | null;
-    teams?: Team[] | null;
-    testimonials?: Testimonial[] | null;
-    selectStripeAccount?: string;
-    annualBilling?: string;
-    monthlyBilling?: string;
-    productDetails?: ProductDetail[];
-    btnLabel?: string;
-    selectAccount?: string;
-    hashtags?: string[];
-    numberOfPosts?: number;
-    text?: string;
-    button?: LabeledRoute;
-    features?: string[];
-    config?: {
-        enableAnalytics: boolean;
-        cookiePolicy?: {
-            siteName: string;
-            cookiePolicyPage: Reference;
-        };
-        consentModalPosition?: string;
-    };
-    contactLink?: LabeledRoute;
-}
-export interface Template {
-    bg?: string;
-    color?: string;
-}
-export type Plans = {
-    _key?: string | null;
-    _type?: "planItems" | null;
-    checkoutButtonName?: string | null;
-    description?: string | null;
-    monthlyPrice?: string | null;
-    planType?: string | null;
-    yearlyPrice?: string | null;
-    planIncludes?: string[] | null;
-    primaryButton?: LabeledRoute | null;
-} & Record<string, string>;
-export interface Portfolios {
-    dateAdded?: string | null;
-    mainImage?: {
-        image?: string | null;
-        alt?: string | null;
-    } | null;
-    primaryButton?: LabeledRoute | null;
-    title?: string | null;
-    _key?: string | null;
-    _type?: string | null;
-}
-export interface PortfoliosWithCategories {
-    category?: string | null;
-    content?: Content[] | null;
-    primaryButton?: LabeledRoute | null;
-    _key?: string | null;
-    _type?: string | null;
-}
-export interface Content extends Portfolios {
-    description?: string | null;
-    subtitle?: string | null;
-}
-export interface Collection extends SanityBody {
-    collectionInfoVariant?: {
-        variant?: string;
-    } | null;
-    name?: string | null;
-    products?: CollectionProduct[] | null;
-    sections?: any;
-    seo?: Seo | null;
-    slug?: SanitySlug | null;
-}
-export interface CollectionProduct extends SanityBody {
-    compareToPrice?: number | null;
-    description?: string | null;
-    ecwidProductId?: number | null;
-    name?: string | null;
-    price?: number | null;
-    productInfo?: ProductInfo | null;
-    productInfoVariant?: {
-        variant?: string;
-    } | null;
-    sections?: any;
-    seo?: Seo | null;
-    slug?: SanitySlug | null;
-}
-interface ProductInfo {
-    btnLabel?: string | null;
-    images?: ProductInfoImage[] | null;
-    productDetails?: ProductDetail[] | null;
-    socialLinks?: SocialLink[] | null;
-    subtitle?: string | null;
-}
-export interface ProductDetail {
-    blockContent?: any;
-    contentType?: string;
-    tabName?: string;
-    _key?: string;
-    [key: string]: any;
-}
-interface ProductInfoImage {
-    alt?: string | null;
-    _key: string;
-    _type: string;
-    image?: string | null;
-}
-export interface FaqsWithCategory {
-    askedQuestions?: AskedQuestion[] | null;
-    category?: string | null;
-    _key?: string;
-    _type?: string;
-}
-export interface AskedQuestion {
-    answer?: string | null;
-    question?: string | null;
-    hidden?: boolean;
-    _key?: string;
-    _type?: string;
-}
-export interface Team {
-    jobTitle?: string;
-    mainImage?: MainImage;
-    name?: string;
-    plainText?: string;
-    _key?: string;
-    _type?: string;
-}
-export interface Testimonial {
-    jobTitle?: string;
-    mainImage?: MainImage;
-    name?: string;
-    rating?: string;
-    testimony?: string;
-    _key?: string;
-    _type?: string;
-}
-export declare interface Reference {
-    _type: string;
-    _ref: string;
-    _key?: string;
-    _weak?: boolean;
-    _strengthenOnPublish?: {
-        type: string;
-        weak?: boolean;
-        template?: {
-            id: string;
-            params: Record<string, string | number | boolean>;
-        };
-    };
-}
-export {};

package/dist/types.js

@@ -1 +0,0 @@
-"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);