@designcrowd/fe-shared-lib 1.5.26 → 1.5.27

package/.storybook-static/assets/Auth-BEjq1pFf.css

@@ -0,0 +1 @@
+.email-input[data-v-cce70fef]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-cce70fef]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-cce70fef]{padding-left:2.5rem!important}.email-input[data-v-91cb4060]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-91cb4060]{padding-left:2.5rem!important}.password-input[data-v-524c1521]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-524c1521]{padding-left:2.5rem!important}

package/.storybook-static/assets/Auth.stories-6JyBk-uq.js

@@ -0,0 +1,490 @@
+import{t as Ke,A as Te,S as D,a as Je,i as Qe,b as h}from"./SignIn-IL0CRcdp.js";import{H as j}from"./HelloBar-YB27gvZE.js";import{B as Re}from"./Button-DUOSTNbh.js";import{c as d,o as a,f as m,e as n,h as w,x as V,y as z,a as c,b as p,t as i,A as k,N as S,z as Me,O as W,g as Xe}from"./iframe-Dd7cBPzL.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{I as Ye}from"./Icon-BKxOWZPO.js";import"./ButtonPrimary-C1HLT2L3.js";const Ve={components:{HelloBar:j,SocialSignIn:Je,SubmissionButton:D,Button:Re,AuthLegal:Te},mixins:[Ke],props:{title:{type:String,required:!1,default:void 0},formBackgroundClass:{type:String,required:!1,default:void 0},signInUrl:{type:String,required:!0},loginWithGoogleUrl:{type:String,required:!1,default:void 0},loginWithFacebookUrl:{type:String,required:!1,default:void 0},termsOfUseUrl:{type:String,required:!0},privacyPolicyUrl:{type:String,required:!0},antiForgeryToken:{type:String,required:!0},helloBar:{type:Object,required:!1,default:void 0},recommendedActionLink:{type:String,default:void 0},initialUserName:{type:String,required:!1,default:void 0},isDesignCom:{type:Boolean,default:!1},termsAndConditions:{type:Object,required:!1,default:void 0},termsAndConditionsContentKeyPath:{type:String,required:!1,default:void 0},signUpContent:{type:Object,required:!1,default:()=>{}}},data(){return{isLoading:!1,aUserName:this.initialUserName,password:null,passwordError:void 0,userNameError:null,invalidUsernameErrorLabel:this.signUpContent.invalidUsernameErrorLabel??"Please enter a valid email address",missingPasswordErrorLabel:this.signUpContent.missingPasswordErrorLabel??"Please enter a password",submissionButtonLabel:this.signUpContent.submissionButtonLabel??"Sign Up",loginWithGoogleLabel:this.signUpContent.loginWithGoogleLabel,loginWithFacebookLabel:this.signUpContent.loginWithFacebookLabel,emailLabel:this.signUpContent.emailLabel??"Email",emailPlaceholderLabel:this.signUpContent.emailPlaceholderLabel??"Email",passwordPlaceholderLabel:this.signUpContent.passwordPlaceholderLabel??"Password",alreadyHaveAnAccountLabel:this.signUpContent.alreadyHaveAnAccountLabel??"Already have an account?",orLabel:this.signUpContent.orLabel??"or",loginLabel:this.signUpContent.loginLabel??"Login",resetPasswordButtonLabel:this.signUpContent.resetPasswordButtonLabel??"RESET PASSWORD"}},computed:{getRedirectToRecommendedActionUrl(){if(typeof window>"u")return null;const o=new URL(`https://${window.location.host}${this.recommendedActionLink}`);return this.aUserName&&!o.searchParams.has("email")&&o.searchParams.append("email",this.aUserName),o==null?void 0:o.toString()},currentLocale(){return W()}},methods:{validate(o){return this.isLoading=!1,this.userNameError=void 0,this.passwordError=void 0,!this.aUserName||!Qe(this.aUserName)?(this.userNameError=this.invalidUsernameErrorLabel,o.preventDefault(),!1):this.password?(this.isLoading=!0,!0):(this.passwordError=this.missingPasswordErrorLabel,o.preventDefault(),!1)}}},Ze={class:"tw-mx-2 sm:tw-mx-8"},$e={key:0,class:"tw-relative tw-text-left tw-mt-8"},et={class:"lg:tw-flex tw-items-start tw-justify-center tw-py-8"},tt={class:"tw-w-full tw-py-8 tw-px-4 md:tw-p-8"},nt={key:0,class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-6"},rt=["value"],ot=["value"],st={for:"userName",class:"tw-sr-only"},at=["aria-invalid","placeholder"],it={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},lt={for:"password",class:"tw-sr-only"},dt=["aria-invalid","placeholder"],ut={key:1,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},ct={key:1,class:"tw-text-center tw-text-grayscale-600"},wt={class:"tw-w-full tw-inline-flex tw-items-center tw-mb-4"},mt={class:"tw-inline tw-px-4"},ft={class:"tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-pt-6 tw-pb-8 tw-text-grayscale-600"},gt=["href"];function pt(o,r,e,f,t,s){const l=c("Button"),u=c("HelloBar"),g=c("SubmissionButton"),y=c("AuthLegal"),He=c("SocialSignIn");return a(),d("div",Ze,[e.helloBar?(a(),d("div",$e,[w(u,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},{cta:V(()=>[e.recommendedActionLink?(a(),z(l,{key:0,variant:"secondary",size:"small",label:t.resetPasswordButtonLabel,class:"tw-hidden sm:tw-inline",url:s.getRedirectToRecommendedActionUrl},null,8,["label","url"])):m("",!0),e.recommendedActionLink?(a(),z(l,{key:1,variant:"secondary",size:"medium",label:t.resetPasswordButtonLabel,"full-width":!0,class:"sm:tw-hidden tw-mt-2",url:s.getRedirectToRecommendedActionUrl},null,8,["label","url"])):m("",!0)]),_:1},8,["label","description","variant"])])):m("",!0),n("div",et,[n("div",{class:p(["lg:tw-max-w-xl tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto tw-bg-white tw-border tw-border-solid tw-border-grayscale-400",e.formBackgroundClass])},[n("div",tt,[e.title?(a(),d("h2",nt,i(e.title),1)):m("",!0),n("form",{id:"signup",action:"/identity/account/signup",method:"post",onSubmit:r[2]||(r[2]=(...v)=>s.validate&&s.validate(...v))},[n("input",{name:"__RequestVerificationToken",type:"hidden",value:e.antiForgeryToken},null,8,rt),n("input",{name:"requestLocale",type:"hidden",value:s.currentLocale},null,8,ot),n("label",st,i(t.emailLabel),1),k(n("input",{"onUpdate:modelValue":r[0]||(r[0]=v=>t.aUserName=v),name:"userName",type:"text","aria-required":"true","aria-invalid":!!t.userNameError,autocomplete:"”email”",placeholder:t.emailPlaceholderLabel,class:p(["email-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700",{"tw-border-error-500":!!t.userNameError}])},null,10,at),[[S,t.aUserName]]),t.userNameError?(a(),d("p",it,i(t.userNameError),1)):m("",!0),n("label",lt,i(t.passwordPlaceholderLabel),1),k(n("input",{"onUpdate:modelValue":r[1]||(r[1]=v=>t.password=v),name:"password",type:"password","aria-required":"true","aria-invalid":!!t.passwordError,autocomplete:"new-password",placeholder:t.passwordPlaceholderLabel,class:p(["password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700",{"tw-border-error-500":!!t.passwordError}])},null,10,dt),[[S,t.password]]),t.passwordError?(a(),d("p",ut,i(t.passwordError),1)):m("",!0),w(g,{variant:"primary",size:"medium",label:t.submissionButtonLabel,"label-size":"smaller","is-loading":t.isLoading,disabled:t.isLoading},null,8,["label","is-loading","disabled"])],32),w(y,{"terms-of-use-url":e.termsOfUseUrl,"privacy-policy-url":e.privacyPolicyUrl,theme:o.theme,"available-themes":o.availableThemes,"is-design-com":e.isDesignCom,"terms-and-conditions":e.termsAndConditions,"terms-and-conditions-content-key-path":e.termsAndConditionsContentKeyPath},null,8,["terms-of-use-url","privacy-policy-url","theme","available-themes","is-design-com","terms-and-conditions","terms-and-conditions-content-key-path"]),e.loginWithFacebookUrl||e.loginWithGoogleUrl?(a(),d("div",ct,[n("div",wt,[r[3]||(r[3]=n("div",{class:"tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"},null,-1)),n("span",mt,i(t.orLabel),1),r[4]||(r[4]=n("div",{class:"tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"},null,-1))]),w(He,{"login-with-google-url":e.loginWithGoogleUrl,"login-with-facebook-url":e.loginWithFacebookUrl,"anti-forgery-token":e.antiForgeryToken,"login-with-google-label":t.loginWithGoogleLabel,"login-with-facebook-label":t.loginWithFacebookLabel},null,8,["login-with-google-url","login-with-facebook-url","anti-forgery-token","login-with-google-label","login-with-facebook-label"])])):m("",!0)]),n("p",ft,[Me(i(t.alreadyHaveAnAccountLabel)+" ",1),n("a",{href:e.signInUrl,class:"tw-text-info-500"},i(t.loginLabel),9,gt)])],2)])])}const _=b(Ve,[["render",pt],["__scopeId","data-v-cce70fef"]]);Ve.__docgenInfo={exportName:"default",displayName:"SignUp",description:"",tags:{},props:[{name:"theme",mixin:{name:"themeMixin",path:"../../mixins/themeMixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'brandCrowd'"}},{name:"availableThemes",mixin:{name:"themeMixin",path:"../../mixins/themeMixin.js"},type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"formBackgroundClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signInUrl",type:{name:"string"},required:!0},{name:"loginWithGoogleUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"loginWithFacebookUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"termsOfUseUrl",type:{name:"string"},required:!0},{name:"privacyPolicyUrl",type:{name:"string"},required:!0},{name:"antiForgeryToken",type:{name:"string"},required:!0},{name:"helloBar",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"recommendedActionLink",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"initialUserName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isDesignCom",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"termsAndConditions",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"termsAndConditionsContentKeyPath",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signUpContent",type:{name:"object"},required:!1,defaultValue:{func:!0,value:"() => {}"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/SignUp.vue","/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};const De={components:{Icon:Ye},props:{showCancelButton:{type:Boolean,required:!1,default:!0}},methods:{cancel(){this.$emit("on-cancel")}}},ht={class:"tw-relative tw-h-auto tw-bg-white lg:tw-rounded tw-shadow-md tw-w-full lg:tw-max-w-xl tw-flex-col tw-pt-12"},bt={class:"tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto"},yt={class:"lg:tw-flex tw-items-start tw-justify-center tw-flex-col"};function vt(o,r,e,f,t,s){const l=c("Icon");return a(),d("div",ht,[e.showCancelButton?(a(),d("button",{key:0,class:"tw-absolute tw-top-0 tw-right-0 tw-pt-6 tw-pr-6 tw-cursor-pointer",onClick:r[0]||(r[0]=(...u)=>s.cancel&&s.cancel(...u))},[w(l,{name:"close",size:"sm"})])):m("",!0),n("div",bt,[n("div",yt,[Xe(o.$slots,"content")])])])}const O=b(De,[["render",vt]]);De.__docgenInfo={exportName:"default",displayName:"AuthModal",description:"",tags:{},props:[{name:"showCancelButton",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}}],events:[{name:"on-cancel"}],slots:[{name:"content"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/AuthModal.vue"]};const je={components:{AuthModal:O,SignUp:_},props:{title:{type:String,required:!1,default:void 0},formBackgroundClass:{type:String,required:!1,default:void 0},signUpUrl:{type:String,required:!0},signInUrl:{type:String,required:!0},loginWithGoogleUrl:{type:String,required:!1,default:void 0},loginWithFacebookUrl:{type:String,required:!1,default:void 0},termsOfUseUrl:{type:String,required:!0},privacyPolicyUrl:{type:String,required:!0},antiForgeryToken:{type:String,required:!0},helloBar:{type:Object,required:!1,default:void 0},recommendedActionLink:{type:String,default:void 0},isDesignCom:{type:Boolean,default:!1}}},kt={class:"tw-fixed tw-w-full tw-h-full tw-z-50 tw-top-0 tw-left-0 tw-bg-black tw-bg-opacity-80 lg:tw-flex tw-items-start tw-justify-center lg:tw-pt-20"};function St(o,r,e,f,t,s){const l=c("SignUp"),u=c("AuthModal");return a(),d("div",kt,[w(u,{"show-cancel-button":!0,"form-background-class":e.formBackgroundClass},{content:V(()=>[w(l,{title:e.title,"form-background-class":e.formBackgroundClass,"sign-up-url":e.signUpUrl,"sign-in-url":e.signInUrl,"login-with-google-url":e.loginWithGoogleUrl,"login-with-facebook-url":e.loginWithFacebookUrl,"terms-of-use-url":e.termsOfUseUrl,"privacy-policy-url":e.privacyPolicyUrl,"anti-forgery-token":e.antiForgeryToken,"hello-bar":e.helloBar,"recommended-action-link":e.recommendedActionLink,"is-design-com":e.isDesignCom},null,8,["title","form-background-class","sign-up-url","sign-in-url","login-with-google-url","login-with-facebook-url","terms-of-use-url","privacy-policy-url","anti-forgery-token","hello-bar","recommended-action-link","is-design-com"])]),_:1},8,["form-background-class"])])}const _t=b(je,[["render",St]]);je.__docgenInfo={exportName:"default",displayName:"SignUpModal",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"formBackgroundClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signUpUrl",type:{name:"string"},required:!0},{name:"signInUrl",type:{name:"string"},required:!0},{name:"loginWithGoogleUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"loginWithFacebookUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"termsOfUseUrl",type:{name:"string"},required:!0},{name:"privacyPolicyUrl",type:{name:"string"},required:!0},{name:"antiForgeryToken",type:{name:"string"},required:!0},{name:"helloBar",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"recommendedActionLink",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"isDesignCom",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/SignUpModal.vue"]};const We={components:{HelloBar:j,SubmissionButton:D},props:{email:{type:String,required:!1,default:void 0},formBackgroundClass:{type:String,required:!1,default:void 0},signInUrl:{type:String,required:!0},antiForgeryToken:{type:String,required:!0},helloBar:{type:Object,required:!1,default:void 0},onGoBackToSignIn:{type:Function,required:!1,default:void 0},submitAction:{type:String,required:!1,default:void 0},hideTitle:{type:Boolean,required:!1,default:!1},forgotPasswordContent:{type:Object,required:!1,default:()=>{}}},data(){var o,r,e,f,t,s,l,u,g;return{isLoading:!1,aEmail:this.email,emailError:void 0,resendPasswordEmailLabel:((o=this.forgotPasswordContent)==null?void 0:o.resendPasswordEmailLabel)??"RESEND EMAIL",resetPasswordLabel:((r=this.forgotPasswordContent)==null?void 0:r.resetPasswordLabel)??"RESET PASSWORD",rememberedPasswordLabel:((e=this.forgotPasswordContent)==null?void 0:e.rememberedPasswordLabel)??"It's ok, I remembered my password",goBackToLoginLabel:((f=this.forgotPasswordContent)==null?void 0:f.goBackToLoginLabel)??"Go back to login",emailAddressPlaceholderLabel:((t=this.forgotPasswordContent)==null?void 0:t.emailAddressPlaceholderLabel)??"Email address",emailLabel:((s=this.forgotPasswordContent)==null?void 0:s.emailLabel)??"Email",emailErrorMessage:((l=this.forgotPasswordContent)==null?void 0:l.emailErrorMessage)??"Please enter a valid email address",modalDescription:((u=this.forgotPasswordContent)==null?void 0:u.description)??"Enter your email below. We will then send a reset-password link to your email address.",title:((g=this.forgotPasswordContent)==null?void 0:g.title)??"Forgot your password?"}},computed:{currentLocale(){return W()},getRedirectToSignInUrl(){const o=new URL(`https://${window.location.host}${this.signInUrl}`);return this.aEmail&&o.searchParams.set("initialUserName",this.aEmail),o},isModalMode(){return this.onGoBackToSignIn!==void 0},showTitle(){return this.title&&!this.hideTitle}},watch:{email(o){this.aEmail=o}},mounted(){this.aEmail=this.email},methods:{submitForgotPasswordForm(){this.$refs.forgotPasswordForm.submit()},validate(o){if(this.submitAction){const r=new URL(this.submitAction,window.location.origin);r.searchParams.set("locale",this.currentLocale),this.$refs.forgotPasswordForm.action=r.toString()}return this.emailError=void 0,this.aEmail?this.$refs.emailInput.checkValidity()?(this.isLoading=!0,!0):(this.isLoading=!1,this.emailError=this.emailErrorMessage,o.preventDefault(),!1):(this.isLoading=!1,this.emailError=this.emailErrorMessage,o.preventDefault(),!1)},async goBackToLoginClick(){if(this.onGoBackToSignIn){await this.onGoBackToSignIn();return}window.location.href=this.getRedirectToSignInUrl}}},Pt={class:"tw-mx-2 sm:tw-mx-8"},Ut={key:0,class:"tw-relative tw-text-left tw-mt-8"},xt={class:"tw-w-full tw-p-4 md:tw-p-8"},Lt={key:0,class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-10"},qt={class:"tw-mb-8 tw-text-grayscale-600"},Bt=["value"],Ft={for:"email",class:"tw-sr-only"},Ct=["placeholder"],Et={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left"},It={class:"tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-pt-6 tw-pb-8 tw-text-grayscale-600"};function At(o,r,e,f,t,s){const l=c("HelloBar"),u=c("Button"),g=c("SubmissionButton");return a(),d("div",Pt,[e.helloBar?(a(),d("div",Ut,[w(l,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},null,8,["label","description","variant"]),w(u,{variant:"secondary",size:"small",label:t.resendPasswordEmailLabel,class:"tw-hidden sm:tw-inline tw-absolute tw-right-2 md:tw-right-6 tw-top-1/2 tw-transform tw--translate-y-1/2",onOnClick:s.submitForgotPasswordForm},null,8,["label","onOnClick"]),w(u,{variant:"secondary",size:"medium",label:t.resendPasswordEmailLabel,"full-width":!0,class:"sm:tw-hidden tw-mt-2",onOnClick:s.submitForgotPasswordForm},null,8,["label","onOnClick"])])):m("",!0),n("div",{class:p(["lg:tw-flex tw-items-start tw-justify-center",{"tw-py-8":!s.isModalMode}])},[n("div",{class:p(["tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto",{"tw-bg-white tw-border tw-border-solid tw-border-grayscale-400":!s.isModalMode,formBackgroundClass:e.formBackgroundClass}])},[n("div",xt,[s.showTitle?(a(),d("h2",Lt,i(t.title),1)):m("",!0),n("p",qt,i(t.modalDescription),1),n("form",{id:"forgotPassword",ref:"forgotPasswordForm",method:"post",novalidate:"",onSubmit:r[1]||(r[1]=(...y)=>s.validate&&s.validate(...y))},[n("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,Bt),n("label",Ft,i(t.emailLabel),1),k(n("input",{ref:"emailInput","onUpdate:modelValue":r[0]||(r[0]=y=>t.aEmail=y),name:"email",class:p([{"tw-border-error-500":!!t.emailError},"email-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"]),type:"email",placeholder:t.emailAddressPlaceholderLabel},null,10,Ct),[[S,t.aEmail]]),t.emailError?(a(),d("p",Et,i(t.emailError),1)):m("",!0),w(g,{variant:"primary",size:"medium",label:t.resetPasswordLabel,"label-size":"larger","is-loading":t.isLoading,disabled:t.isLoading},null,8,["label","is-loading","disabled"])],544)]),n("p",It,[Me(i(t.rememberedPasswordLabel)+" ",1),n("button",{class:"tw-text-info-500 tw-cursor-pointer",onClick:r[2]||(r[2]=y=>s.goBackToLoginClick())},i(t.goBackToLoginLabel),1)])],2)],2)])}const Nt=b(We,[["render",At],["__scopeId","data-v-91cb4060"]]);We.__docgenInfo={exportName:"default",displayName:"ForgotPassword",description:"",tags:{},props:[{name:"email",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"formBackgroundClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signInUrl",type:{name:"string"},required:!0},{name:"antiForgeryToken",type:{name:"string"},required:!0},{name:"helloBar",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"onGoBackToSignIn",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"submitAction",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"hideTitle",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"forgotPasswordContent",type:{name:"object"},required:!1,defaultValue:{func:!0,value:"() => {}"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/ForgotPassword.vue"]};const Oe={components:{HelloBar:j,SubmissionButton:D},props:{title:{type:String,required:!1,default:void 0},description:{type:String,required:!1,default:void 0},userName:{type:String,required:!0},resetPasswordToken:{type:String,required:!0},formBackgroundClass:{type:String,required:!1,default:void 0},antiForgeryToken:{type:String,required:!0},helloBar:{type:Object,required:!1,default:void 0},submitAction:{type:String,required:!1,default:void 0},resetPasswordContent:{type:Object,required:!1,default:()=>{}}},data(){var o,r,e,f,t,s,l;return{isLoading:!1,password:void 0,confirmPassword:void 0,passwordError:void 0,confirmPasswordError:void 0,newPasswordLabel:((o=this.resetPasswordContent)==null?void 0:o.newPasswordLabel)??"New Password",newPasswordPlaceholder:((r=this.resetPasswordContent)==null?void 0:r.newPasswordPlaceholder)??"New password",confirmPasswordLabel:((e=this.resetPasswordContent)==null?void 0:e.confirmPasswordLabel)??"Confirm Password",confirmPasswordPlaceholder:((f=this.resetPasswordContent)==null?void 0:f.confirmPasswordPlaceholder)??"Confirm new password",updatePasswordLabel:((t=this.resetPasswordContent)==null?void 0:t.updatePasswordLabel)??"UPDATE PASSWORD",passwordRequiredError:((s=this.resetPasswordContent)==null?void 0:s.passwordRequiredError)??"Please enter a password",passwordsDoNotMatchError:((l=this.resetPasswordContent)==null?void 0:l.passwordsDoNotMatchError)??"Passwords do not match"}},computed:{currentLocale(){return W()}},methods:{validate(o){if(this.submitAction){const r=new URL(this.submitAction,window.location.origin);r.searchParams.set("locale",this.currentLocale),this.$refs.resetPasswordForm.action=r.toString()}return this.password&&this.password===this.confirmPassword?(this.isLoading=!0,!0):(this.isLoading=!1,this.passwordError=void 0,this.confirmPasswordError=void 0,this.password?(!this.confirmPassword||this.password!==this.confirmPassword)&&(this.confirmPasswordError=this.passwordsDoNotMatchError):this.passwordError=this.passwordRequiredError,o.preventDefault(),!1)}}},Tt={class:"tw-mx-2 sm:tw-mx-8"},Rt={key:0,class:"tw-text-left tw-mt-8"},Mt={class:"lg:tw-flex tw-items-start tw-justify-center tw-py-8"},Vt={class:"tw-w-full tw-p-4 md:tw-p-8"},Dt={class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-2"},jt={class:"tw-mb-8 tw-text-grayscale-600"},Wt=["value"],Ot=["value"],zt=["value"],Gt=["aria-invalid","placeholder"],Ht={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},Kt={for:"confirmPassword",class:"tw-sr-only"},Jt=["aria-invalid","placeholder"],Qt={key:1,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"};function Xt(o,r,e,f,t,s){const l=c("HelloBar"),u=c("SubmissionButton");return a(),d("div",Tt,[e.helloBar?(a(),d("div",Rt,[w(l,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},null,8,["label","description","variant"])])):m("",!0),n("div",Mt,[n("div",{class:p(["tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto tw-bg-white tw-border tw-border-solid tw-border-grayscale-400",e.formBackgroundClass])},[n("div",Vt,[n("h2",Dt,i(e.title),1),n("p",jt,i(e.description),1),n("form",{id:"resetPassword",ref:"resetPasswordForm",method:"post",onSubmit:r[2]||(r[2]=(...g)=>s.validate&&s.validate(...g))},[n("input",{name:"__RequestVerificationToken",type:"hidden",value:e.antiForgeryToken},null,8,Wt),n("input",{name:"userName",type:"hidden",value:e.userName},null,8,Ot),n("input",{name:"resetPasswordToken",type:"hidden",value:e.resetPasswordToken},null,8,zt),r[3]||(r[3]=n("label",{for:"password",class:"tw-sr-only"},"New Password",-1)),k(n("input",{"onUpdate:modelValue":r[0]||(r[0]=g=>t.password=g),name:"password",type:"password","aria-required":"true","aria-invalid":!!t.passwordError,autocomplete:"new-password",placeholder:t.newPasswordPlaceholder,class:p(["password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700",{"tw-border-error-500":!!t.passwordError}])},null,10,Gt),[[S,t.password]]),t.passwordError?(a(),d("p",Ht,i(t.passwordError),1)):m("",!0),n("label",Kt,i(t.confirmPasswordLabel),1),k(n("input",{"onUpdate:modelValue":r[1]||(r[1]=g=>t.confirmPassword=g),name:"confirmPassword",type:"password","aria-required":"true","aria-invalid":!!t.confirmPasswordError,autocomplete:"off",placeholder:t.confirmPasswordPlaceholder,class:p(["password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700",{"tw-border-error-500":!!t.confirmPasswordError}])},null,10,Jt),[[S,t.confirmPassword]]),t.confirmPasswordError?(a(),d("p",Qt,i(t.confirmPasswordError),1)):m("",!0),w(u,{variant:"primary",size:"medium",label:t.updatePasswordLabel,"label-size":"larger","is-loading":t.isLoading,disabled:t.isLoading},null,8,["label","is-loading","disabled"])],544)])],2)])])}const Yt=b(Oe,[["render",Xt],["__scopeId","data-v-524c1521"]]);Oe.__docgenInfo={exportName:"default",displayName:"ResetPassword",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"description",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"userName",type:{name:"string"},required:!0},{name:"resetPasswordToken",type:{name:"string"},required:!0},{name:"formBackgroundClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"antiForgeryToken",type:{name:"string"},required:!0},{name:"helloBar",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"submitAction",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"resetPasswordContent",type:{name:"object"},required:!1,defaultValue:{func:!0,value:"() => {}"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/ResetPassword.vue"]};const ze={components:{AuthModal:O,ResetPassword:Yt},props:{title:{type:String,required:!1,default:"Reset password"},description:{type:String,required:!1,default:"Enter and confirm your new password"},userName:{type:String,required:!0},resetPasswordToken:{type:String,required:!0},formBackgroundClass:{type:String,required:!1,default:void 0},antiForgeryToken:{type:String,required:!0},helloBar:{type:Object,required:!1,default:void 0}}},Zt={class:"tw-fixed tw-w-full tw-h-full tw-z-50 tw-top-0 tw-left-0 tw-bg-black tw-bg-opacity-80 lg:tw-flex tw-items-start tw-justify-center lg:tw-pt-20"};function $t(o,r,e,f,t,s){const l=c("ResetPassword"),u=c("AuthModal");return a(),d("div",Zt,[w(u,{"show-cancel-button":!0},{content:V(()=>[w(l,{title:e.title,description:e.description,"user-name":e.userName,"reset-password-token":e.resetPasswordToken,"form-background-class":e.formBackgroundClass,"anti-forgery-token":e.antiForgeryToken,"hello-bar":e.helloBar},null,8,["title","description","user-name","reset-password-token","form-background-class","anti-forgery-token","hello-bar"])]),_:1})])}const en=b(ze,[["render",$t]]);ze.__docgenInfo={exportName:"default",displayName:"ResetPasswordModal",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Reset password'"}},{name:"description",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Enter and confirm your new password'"}},{name:"userName",type:{name:"string"},required:!0},{name:"resetPasswordToken",type:{name:"string"},required:!0},{name:"formBackgroundClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"antiForgeryToken",type:{name:"string"},required:!0},{name:"helloBar",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/ResetPasswordModal.vue"]};const Ge={components:{Button:Re,AuthModal:O},props:{title:{type:String,required:!0},description:{type:String,required:!1,default:"An email was sent to you containing the password reset information. If you haven't received the email yet, send it again."},formBackgroundClass:{type:String,required:!1,default:void 0},signInUrl:{type:String,required:!0},forgotPasswordUrl:{type:String,required:!0}}},tn={class:"tw-fixed tw-w-full tw-h-full tw-z-50 tw-top-0 tw-left-0 tw-bg-black tw-bg-opacity-80 lg:tw-flex tw-items-start tw-justify-center lg:tw-pt-20"},nn={class:"tw-w-full tw-p-4 md:tw-p-8"},rn={class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-4"},on={class:"tw-mb-8 tw-text-grayscale-600"},sn={class:"tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-py-4"},an=["href"];function ln(o,r,e,f,t,s){const l=c("Button"),u=c("AuthModal");return a(),d("div",tn,[w(u,{"show-cancel-button":!0},{content:V(()=>[n("div",nn,[n("h2",rn,i(e.title),1),n("p",on,i(e.description),1),w(l,{variant:"primary",size:"large",label:"RESEND EMAIL","full-width":!0,url:e.forgotPasswordUrl},null,8,["url"])]),n("p",sn,[n("a",{href:e.signInUrl,class:"tw-text-info-500"}," Go back to login ",8,an)])]),_:1})])}const dn=b(Ge,[["render",ln]]);Ge.__docgenInfo={exportName:"default",displayName:"ResetPasswordSuccessModal",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!0},{name:"description",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"`An email was sent to you containing the password reset information. If you haven't received the email yet, send it again.`"}},{name:"formBackgroundClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signInUrl",type:{name:"string"},required:!0},{name:"forgotPasswordUrl",type:{name:"string"},required:!0}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/ResetPasswordSuccessModal.vue"]};const hn={title:"Components/SignIn",component:h},P=()=>({components:{SignIn:h},template:`
+        <div class="tw-container tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+            />
+        </div>
+    `}),U=()=>({components:{SignIn:h},template:`
+        <div class="tw-container tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :email-loading="true"
+            />
+        </div>
+    `}),x=()=>({components:{SignIn:h},template:`
+        <div class="tw-container tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :facebook-loading="true"
+            />
+        </div>
+    `}),L=()=>({components:{SignIn:h},template:`
+        <div class="tw-container tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :google-loading="true"
+            />
+        </div>
+    `}),q=()=>({components:{SignIn:h},methods:{preFacebookLoginHook(o=()=>{}){o({antiForgeryToken:"hellofacebook",returnUrl:"/identity/account/loginwithfacebook?returnUrl=/maker/logo/assignlogodraft?logoDraftToken=d99de525-757f-4514-9459-303813b052cc&returnUrl=%2Fmaker%2Flogo%2F28ce4ec5-cf54-4091-bd3f-eed82bd7115c%2Fdraft%2Fd99de525-757f-4514-9459-303813b052cc%3FsavedDraft%3DTrue&isDownload=False"})},preGoogleLoginHook(o=()=>{}){o({antiForgeryToken:"hellogoogle",returnUrl:"/identity/account/loginwithgoogle?returnUrl=/maker/logo/assignlogodraft?logoDraftToken=d99de525-757f-4514-9459-303813b052cc&returnUrl=%2Fmaker%2Flogo%2F28ce4ec5-cf54-4091-bd3f-eed82bd7115c%2Fdraft%2Fd99de525-757f-4514-9459-303813b052cc%3FsavedDraft%3DTrue&isDownload=False"})}},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignIn
+                title="Sign In"
+                description="Enter your email below"
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :capture-password="false"
+                :pre-facebook-login-hook="preFacebookLoginHook"
+                :pre-google-login-hook="preGoogleLoginHook"
+            />
+        </div>
+    `}),B=()=>({components:{SignIn:h},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :hello-bar="{
+                  label: 'A password has not been set on this account. Please set a new password via the Reset Password function.',
+                  variant: 'warning',
+                }"
+                recommended-action-link='/hello'
+            />
+        </div>
+    `}),F=()=>({components:{SignUp:_},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUp
+                sign-in-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="#"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    `}),C=()=>({components:{SignUp:_},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUp
+                sign-in-url=""
+                login-with-google-url="#"
+                login-with-facebook-url=""
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    `}),E=()=>({components:{SignUp:_},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUp
+                sign-in-url=""
+                login-with-google-url=""
+                login-with-facebook-url="#"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    `}),I=()=>({components:{SignUp:_},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUp
+                sign-in-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="#"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+                :hello-bar="{
+                  label: 'Uh oh! We\\'re sorry, something\\'s gone wrong, we were unable to create an account',
+                  variant: 'error',
+                }"
+            />
+        </div>
+    `}),A=()=>({components:{SignUpModal:_t},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUpModal
+                title="Create a free account"
+                sign-in-url=""
+                sign-up-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="#"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    `}),N=()=>({components:{ForgotPassword:Nt},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <ForgotPassword
+                title="Forgot Password?"
+                sign-in-url=""
+                forgot-password-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    `}),T=()=>({components:{ResetPasswordModal:en},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <ResetPasswordModal
+                title="Reset Password"
+                user-name="user@email.com"
+                reset-password-token=""
+                anti-forgery-token="#"
+            />
+        </div>
+    `}),R=()=>({components:{ResetPasswordSuccessModal:dn},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <ResetPasswordSuccessModal
+                title="Reset Password Success!"
+                sign-in-url=""
+                forgot-password-url=""
+            />
+        </div>
+    `}),M=()=>({components:{AuthLegal:Te},template:`
+        <div class="tw-container tw-max-w-xl tw-font-sans">
+          <AuthLegal
+            :terms-of-use-url="termsOfUseUrl"
+            :privacy-policy-url="privacyPolicyUrl"
+          />
+        </div>
+    `});var G,H,K;P.parameters={...P.parameters,docs:{...(G=P.parameters)==null?void 0:G.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignIn
+    },
+    template: \`
+        <div class="tw-container tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+            />
+        </div>
+    \`
+  };
+}`,...(K=(H=P.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var J,Q,X;U.parameters={...U.parameters,docs:{...(J=U.parameters)==null?void 0:J.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignIn
+    },
+    template: \`
+        <div class="tw-container tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :email-loading="true"
+            />
+        </div>
+    \`
+  };
+}`,...(X=(Q=U.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Y,Z,$;x.parameters={...x.parameters,docs:{...(Y=x.parameters)==null?void 0:Y.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignIn
+    },
+    template: \`
+        <div class="tw-container tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :facebook-loading="true"
+            />
+        </div>
+    \`
+  };
+}`,...($=(Z=x.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,te,ne;L.parameters={...L.parameters,docs:{...(ee=L.parameters)==null?void 0:ee.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignIn
+    },
+    template: \`
+        <div class="tw-container tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :google-loading="true"
+            />
+        </div>
+    \`
+  };
+}`,...(ne=(te=L.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var re,oe,se;q.parameters={...q.parameters,docs:{...(re=q.parameters)==null?void 0:re.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignIn
+    },
+    methods: {
+      preFacebookLoginHook(callback = () => {}) {
+        callback({
+          antiForgeryToken: 'hellofacebook',
+          returnUrl: '/identity/account/loginwithfacebook?returnUrl=/maker/logo/assignlogodraft?logoDraftToken=d99de525-757f-4514-9459-303813b052cc&returnUrl=%2Fmaker%2Flogo%2F28ce4ec5-cf54-4091-bd3f-eed82bd7115c%2Fdraft%2Fd99de525-757f-4514-9459-303813b052cc%3FsavedDraft%3DTrue&isDownload=False'
+        });
+      },
+      preGoogleLoginHook(callback = () => {}) {
+        callback({
+          antiForgeryToken: 'hellogoogle',
+          returnUrl: '/identity/account/loginwithgoogle?returnUrl=/maker/logo/assignlogodraft?logoDraftToken=d99de525-757f-4514-9459-303813b052cc&returnUrl=%2Fmaker%2Flogo%2F28ce4ec5-cf54-4091-bd3f-eed82bd7115c%2Fdraft%2Fd99de525-757f-4514-9459-303813b052cc%3FsavedDraft%3DTrue&isDownload=False'
+        });
+      }
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignIn
+                title="Sign In"
+                description="Enter your email below"
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :capture-password="false"
+                :pre-facebook-login-hook="preFacebookLoginHook"
+                :pre-google-login-hook="preGoogleLoginHook"
+            />
+        </div>
+    \`
+  };
+}`,...(se=(oe=q.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};var ae,ie,le;B.parameters={...B.parameters,docs:{...(ae=B.parameters)==null?void 0:ae.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignIn
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :hello-bar="{
+                  label: 'A password has not been set on this account. Please set a new password via the Reset Password function.',
+                  variant: 'warning',
+                }"
+                recommended-action-link='/hello'
+            />
+        </div>
+    \`
+  };
+}`,...(le=(ie=B.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};var de,ue,ce;F.parameters={...F.parameters,docs:{...(de=F.parameters)==null?void 0:de.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignUp
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUp
+                sign-in-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="#"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    \`
+  };
+}`,...(ce=(ue=F.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var we,me,fe;C.parameters={...C.parameters,docs:{...(we=C.parameters)==null?void 0:we.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignUp
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUp
+                sign-in-url=""
+                login-with-google-url="#"
+                login-with-facebook-url=""
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    \`
+  };
+}`,...(fe=(me=C.parameters)==null?void 0:me.docs)==null?void 0:fe.source}}};var ge,pe,he;E.parameters={...E.parameters,docs:{...(ge=E.parameters)==null?void 0:ge.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignUp
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUp
+                sign-in-url=""
+                login-with-google-url=""
+                login-with-facebook-url="#"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    \`
+  };
+}`,...(he=(pe=E.parameters)==null?void 0:pe.docs)==null?void 0:he.source}}};var be,ye,ve;I.parameters={...I.parameters,docs:{...(be=I.parameters)==null?void 0:be.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignUp
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUp
+                sign-in-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="#"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+                :hello-bar="{
+                  label: 'Uh oh! We\\\\'re sorry, something\\\\'s gone wrong, we were unable to create an account',
+                  variant: 'error',
+                }"
+            />
+        </div>
+    \`
+  };
+}`,...(ve=(ye=I.parameters)==null?void 0:ye.docs)==null?void 0:ve.source}}};var ke,Se,_e;A.parameters={...A.parameters,docs:{...(ke=A.parameters)==null?void 0:ke.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignUpModal
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignUpModal
+                title="Create a free account"
+                sign-in-url=""
+                sign-up-url=""
+                login-with-google-url="#"
+                login-with-facebook-url="#"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    \`
+  };
+}`,...(_e=(Se=A.parameters)==null?void 0:Se.docs)==null?void 0:_e.source}}};var Pe,Ue,xe;N.parameters={...N.parameters,docs:{...(Pe=N.parameters)==null?void 0:Pe.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      ForgotPassword
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <ForgotPassword
+                title="Forgot Password?"
+                sign-in-url=""
+                forgot-password-url=""
+                anti-forgery-token="#"
+            />
+        </div>
+    \`
+  };
+}`,...(xe=(Ue=N.parameters)==null?void 0:Ue.docs)==null?void 0:xe.source}}};var Le,qe,Be;T.parameters={...T.parameters,docs:{...(Le=T.parameters)==null?void 0:Le.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      ResetPasswordModal
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <ResetPasswordModal
+                title="Reset Password"
+                user-name="user@email.com"
+                reset-password-token=""
+                anti-forgery-token="#"
+            />
+        </div>
+    \`
+  };
+}`,...(Be=(qe=T.parameters)==null?void 0:qe.docs)==null?void 0:Be.source}}};var Fe,Ce,Ee;R.parameters={...R.parameters,docs:{...(Fe=R.parameters)==null?void 0:Fe.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      ResetPasswordSuccessModal
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <ResetPasswordSuccessModal
+                title="Reset Password Success!"
+                sign-in-url=""
+                forgot-password-url=""
+            />
+        </div>
+    \`
+  };
+}`,...(Ee=(Ce=R.parameters)==null?void 0:Ce.docs)==null?void 0:Ee.source}}};var Ie,Ae,Ne;M.parameters={...M.parameters,docs:{...(Ie=M.parameters)==null?void 0:Ie.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      AuthLegal
+    },
+    template: \`
+        <div class="tw-container tw-max-w-xl tw-font-sans">
+          <AuthLegal
+            :terms-of-use-url="termsOfUseUrl"
+            :privacy-policy-url="privacyPolicyUrl"
+          />
+        </div>
+    \`
+  };
+}`,...(Ne=(Ae=M.parameters)==null?void 0:Ae.docs)==null?void 0:Ne.source}}};const bn=["SignInSample","SignInEmailLoadingSample","SignInFacebookLoadingSample","SignInGoogleLoadingSample","SignInNoPasswordSample","SignInWithRecommendedActionLinkSample","SignUpSample","SignUpSampleFacebookDisabled","SignUpSampleGoogleDisabled","SignUpSampleWithError","SignUpModalSample","ForgotPasswordSample","ResetPasswordModalSample","ResetPasswordSuccessModalSample","AuthLegalSample"];export{M as AuthLegalSample,N as ForgotPasswordSample,T as ResetPasswordModalSample,R as ResetPasswordSuccessModalSample,U as SignInEmailLoadingSample,x as SignInFacebookLoadingSample,L as SignInGoogleLoadingSample,q as SignInNoPasswordSample,P as SignInSample,B as SignInWithRecommendedActionLinkSample,A as SignUpModalSample,F as SignUpSample,C as SignUpSampleFacebookDisabled,E as SignUpSampleGoogleDisabled,I as SignUpSampleWithError,bn as __namedExportsOrder,hn as default};

package/.storybook-static/assets/AuthCrazyDomains.stories-DM4RpsMO.js

@@ -0,0 +1,73 @@
+import{b as m,A as c}from"./SignIn-IL0CRcdp.js";import"./HelloBar-YB27gvZE.js";import"./Icon-BKxOWZPO.js";import"./iframe-Dd7cBPzL.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-DUOSTNbh.js";import"./ButtonPrimary-C1HLT2L3.js";const l={BRAND_CROWD:"brandCrowd",CRAZY_DOMAINS:"crazyDomains"},f={title:"Components/SignIn/Crazy Domains",component:m},e=()=>({components:{SignIn:m},data(){return{themes:l}},template:`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :theme="themes.CRAZY_DOMAINS"
+                :available-themes="themes"
+            />
+        </div>
+    `}),n=()=>({components:{AuthLegal:c},data(){return{themes:l}},template:`
+        <div class="tw-container tw-max-w-xl tw-font-sans">
+          <AuthLegal
+            :terms-of-use-url="termsOfUseUrl"
+            :privacy-policy-url="privacyPolicyUrl"
+            theme="crazyDomains"
+            :available-themes="themes"
+          />
+        </div>
+    `});var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SignIn
+    },
+    data() {
+      return {
+        themes
+      };
+    },
+    template: \`
+        <div class="tw-container tw-w-1/2 tw-font-sans">
+            <SignIn
+                sign-up-text="New to BrandCrowd?"
+                sign-up-url="#"
+                login-with-google-url="#"
+                login-with-facebook-url="https://www.facebook.com"
+                terms-of-use-url=""
+                privacy-policy-url=""
+                forgot-password-url="#"
+                anti-forgery-token="#"
+                :theme="themes.CRAZY_DOMAINS"
+                :available-themes="themes"
+            />
+        </div>
+    \`
+  };
+}`,...(a=(r=e.parameters)==null?void 0:r.docs)==null?void 0:a.source}}};var o,s,i;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      AuthLegal
+    },
+    data() {
+      return {
+        themes
+      };
+    },
+    template: \`
+        <div class="tw-container tw-max-w-xl tw-font-sans">
+          <AuthLegal
+            :terms-of-use-url="termsOfUseUrl"
+            :privacy-policy-url="privacyPolicyUrl"
+            theme="crazyDomains"
+            :available-themes="themes"
+          />
+        </div>
+    \`
+  };
+}`,...(i=(s=n.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};const v=["SignInSample","AuthLegalCrazyDomainsSample"];export{n as AuthLegalCrazyDomainsSample,e as SignInSample,v as __namedExportsOrder,f as default};

package/.storybook-static/assets/Button-BkoQdoaq.css

@@ -0,0 +1 @@
+.no-rounded-l[data-v-f1e32bd0]{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.no-rounded-r[data-v-f1e32bd0]{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.no-rounded-l[data-v-3b2cd234]{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.no-rounded-r[data-v-3b2cd234]{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.no-rounded-l[data-v-963bfb6e]{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.no-rounded-r[data-v-963bfb6e]{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.button-crazy-domains[data-v-34b362ee],.button-crazy-domains[data-v-ff711790]{box-shadow:-5px -5px #f0f0f5}