npm - @designcrowd/fe-shared-lib - Versions diffs - 1.7.0 → 1.8.0 - Mend

@designcrowd/fe-shared-lib 1.7.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (911) hide show

package/.storybook-static/assets/Auth.stories-C6eXcTSu.js ADDED Viewed

@@ -0,0 +1,490 @@
+import{t as ne,A as G,S as D,a as re,i as oe,b as p}from"./SignIn-DI0DSDFe.js";import{H as j}from"./HelloBar-CYEZR2kQ.js";import{B as H}from"./Button-DKdQT6Fq.js";import{N as W,o as a,c as l,h as u,x as V,y as z,g as m,e as n,b as f,t as i,A as k,O as S,z as K,a as d,f as se}from"./iframe-B3A6OXQU.js";import{_ as h}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{I as ae}from"./Icon-C17LFvsP.js";import"./ButtonPrimary-BvWW6Duz.js";import"./preload-helper-PPVm8Dsz.js";const J={components:{HelloBar:j,SocialSignIn:re,SubmissionButton:D,Button:H,AuthLegal:G},mixins:[ne],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.append("email",this.aUserName),o?.toString()},currentLocale(){return W()}},methods:{validate(o){return this.isLoading=!1,this.userNameError=void 0,this.passwordError=void 0,!this.aUserName||!oe(this.aUserName)?(this.userNameError=this.invalidUsernameErrorLabel,o.preventDefault(),!1):this.password?(this.isLoading=!0,!0):(this.passwordError=this.missingPasswordErrorLabel,o.preventDefault(),!1)}}},ie={class:"tw-mx-2 sm:tw-mx-8"},le={key:0,class:"tw-relative tw-text-left tw-mt-8"},de={class:"lg:tw-flex tw-items-start tw-justify-center tw-py-8"},ue={class:"tw-w-full tw-py-8 tw-px-4 md:tw-p-8"},ce={key:0,class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-6"},we=["value"],me=["value"],ge={for:"userName",class:"tw-sr-only"},fe=["aria-invalid","placeholder"],pe={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},he={for:"password",class:"tw-sr-only"},be=["aria-invalid","placeholder"],ye={key:1,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},ve={key:1,class:"tw-text-center tw-text-grayscale-600"},ke={class:"tw-w-full tw-inline-flex tw-items-center tw-mb-4"},Se={class:"tw-inline tw-px-4"},_e={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"},Pe=["href"];function Ue(o,r,e,b,t,s){const c=d("Button"),w=d("HelloBar"),g=d("SubmissionButton"),y=d("AuthLegal"),te=d("SocialSignIn");return a(),l("div",ie,[e.helloBar?(a(),l("div",le,[u(w,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},{cta:V(()=>[e.recommendedActionLink?(a(),z(c,{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(c,{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",de,[n("div",{class:f(["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",ue,[e.title?(a(),l("h2",ce,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,we),n("input",{name:"requestLocale",type:"hidden",value:s.currentLocale},null,8,me),n("label",ge,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:f(["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,fe),[[S,t.aUserName]]),t.userNameError?(a(),l("p",pe,i(t.userNameError),1)):m("",!0),n("label",he,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:f(["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,be),[[S,t.password]]),t.passwordError?(a(),l("p",ye,i(t.passwordError),1)):m("",!0),u(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),u(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(),l("div",ve,[n("div",ke,[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",Se,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))]),u(te,{"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",_e,[K(i(t.alreadyHaveAnAccountLabel)+" ",1),n("a",{href:e.signInUrl,class:"tw-text-info-500"},i(t.loginLabel),9,Pe)])],2)])])}const _=h(J,[["render",Ue],["__scopeId","data-v-777ace40"]]);J.__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:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/SignUp.vue","/home/zknowles/repos/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};const Q={components:{Icon:ae},props:{showCancelButton:{type:Boolean,required:!1,default:!0}},methods:{cancel(){this.$emit("on-cancel")}}},xe={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"},Le={class:"tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto"},qe={class:"lg:tw-flex tw-items-start tw-justify-center tw-flex-col"};function Be(o,r,e,b,t,s){const c=d("Icon");return a(),l("div",xe,[e.showCancelButton?(a(),l("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]=(...w)=>s.cancel&&s.cancel(...w))},[u(c,{name:"close",size:"sm"})])):m("",!0),n("div",Le,[n("div",qe,[se(o.$slots,"content")])])])}const O=h(Q,[["render",Be]]);Q.__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:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/AuthModal.vue"]};const X={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}}},Fe={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 Ce(o,r,e,b,t,s){const c=d("SignUp"),w=d("AuthModal");return a(),l("div",Fe,[u(w,{"show-cancel-button":!0,"form-background-class":e.formBackgroundClass},{content:V(()=>[u(c,{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 Ee=h(X,[["render",Ce]]);X.__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:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/SignUpModal.vue"]};const Y={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(){return{isLoading:!1,aEmail:this.email,emailError:void 0,resendPasswordEmailLabel:this.forgotPasswordContent?.resendPasswordEmailLabel??"RESEND EMAIL",resetPasswordLabel:this.forgotPasswordContent?.resetPasswordLabel??"RESET PASSWORD",rememberedPasswordLabel:this.forgotPasswordContent?.rememberedPasswordLabel??"It's ok, I remembered my password",goBackToLoginLabel:this.forgotPasswordContent?.goBackToLoginLabel??"Go back to login",emailAddressPlaceholderLabel:this.forgotPasswordContent?.emailAddressPlaceholderLabel??"Email address",emailLabel:this.forgotPasswordContent?.emailLabel??"Email",emailErrorMessage:this.forgotPasswordContent?.emailErrorMessage??"Please enter a valid email address",modalDescription:this.forgotPasswordContent?.description??"Enter your email below. We will then send a reset-password link to your email address.",title:this.forgotPasswordContent?.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}}},Ie={class:"tw-mx-2 sm:tw-mx-8"},Ae={key:0,class:"tw-relative tw-text-left tw-mt-8"},Ne={class:"tw-w-full tw-p-4 md:tw-p-8"},Te={key:0,class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-10"},Re={class:"tw-mb-8 tw-text-grayscale-600"},Me=["value"],Ve={for:"email",class:"tw-sr-only"},De=["placeholder"],je={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left"},We={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 Oe(o,r,e,b,t,s){const c=d("HelloBar"),w=d("Button"),g=d("SubmissionButton");return a(),l("div",Ie,[e.helloBar?(a(),l("div",Ae,[u(c,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},null,8,["label","description","variant"]),u(w,{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"]),u(w,{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:f(["lg:tw-flex tw-items-start tw-justify-center",{"tw-py-8":!s.isModalMode}])},[n("div",{class:f(["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",Ne,[s.showTitle?(a(),l("h2",Te,i(t.title),1)):m("",!0),n("p",Re,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,Me),n("label",Ve,i(t.emailLabel),1),k(n("input",{ref:"emailInput","onUpdate:modelValue":r[0]||(r[0]=y=>t.aEmail=y),name:"email",class:f([{"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,De),[[S,t.aEmail]]),t.emailError?(a(),l("p",je,i(t.emailError),1)):m("",!0),u(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",We,[K(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 ze=h(Y,[["render",Oe],["__scopeId","data-v-91cb4060"]]);Y.__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:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/ForgotPassword.vue"]};const Z={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(){return{isLoading:!1,password:void 0,confirmPassword:void 0,passwordError:void 0,confirmPasswordError:void 0,newPasswordLabel:this.resetPasswordContent?.newPasswordLabel??"New Password",newPasswordPlaceholder:this.resetPasswordContent?.newPasswordPlaceholder??"New password",confirmPasswordLabel:this.resetPasswordContent?.confirmPasswordLabel??"Confirm Password",confirmPasswordPlaceholder:this.resetPasswordContent?.confirmPasswordPlaceholder??"Confirm new password",updatePasswordLabel:this.resetPasswordContent?.updatePasswordLabel??"UPDATE PASSWORD",passwordRequiredError:this.resetPasswordContent?.passwordRequiredError??"Please enter a password",passwordsDoNotMatchError:this.resetPasswordContent?.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)}}},Ge={class:"tw-mx-2 sm:tw-mx-8"},He={key:0,class:"tw-text-left tw-mt-8"},Ke={class:"lg:tw-flex tw-items-start tw-justify-center tw-py-8"},Je={class:"tw-w-full tw-p-4 md:tw-p-8"},Qe={class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-2"},Xe={class:"tw-mb-8 tw-text-grayscale-600"},Ye=["value"],Ze=["value"],$e=["value"],et=["aria-invalid","placeholder"],tt={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},nt={for:"confirmPassword",class:"tw-sr-only"},rt=["aria-invalid","placeholder"],ot={key:1,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"};function st(o,r,e,b,t,s){const c=d("HelloBar"),w=d("SubmissionButton");return a(),l("div",Ge,[e.helloBar?(a(),l("div",He,[u(c,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},null,8,["label","description","variant"])])):m("",!0),n("div",Ke,[n("div",{class:f(["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",Je,[n("h2",Qe,i(e.title),1),n("p",Xe,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,Ye),n("input",{name:"userName",type:"hidden",value:e.userName},null,8,Ze),n("input",{name:"resetPasswordToken",type:"hidden",value:e.resetPasswordToken},null,8,$e),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:f(["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,et),[[S,t.password]]),t.passwordError?(a(),l("p",tt,i(t.passwordError),1)):m("",!0),n("label",nt,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:f(["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,rt),[[S,t.confirmPassword]]),t.confirmPasswordError?(a(),l("p",ot,i(t.confirmPasswordError),1)):m("",!0),u(w,{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 at=h(Z,[["render",st],["__scopeId","data-v-524c1521"]]);Z.__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:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/ResetPassword.vue"]};const $={components:{AuthModal:O,ResetPassword:at},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}}},it={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 lt(o,r,e,b,t,s){const c=d("ResetPassword"),w=d("AuthModal");return a(),l("div",it,[u(w,{"show-cancel-button":!0},{content:V(()=>[u(c,{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 dt=h($,[["render",lt]]);$.__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:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/ResetPasswordModal.vue"]};const ee={components:{Button:H,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}}},ut={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"},ct={class:"tw-w-full tw-p-4 md:tw-p-8"},wt={class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-4"},mt={class:"tw-mb-8 tw-text-grayscale-600"},gt={class:"tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-py-4"},ft=["href"];function pt(o,r,e,b,t,s){const c=d("Button"),w=d("AuthModal");return a(),l("div",ut,[u(w,{"show-cancel-button":!0},{content:V(()=>[n("div",ct,[n("h2",wt,i(e.title),1),n("p",mt,i(e.description),1),u(c,{variant:"primary",size:"large",label:"RESEND EMAIL","full-width":!0,url:e.forgotPasswordUrl},null,8,["url"])]),n("p",gt,[n("a",{href:e.signInUrl,class:"tw-text-info-500"}," Go back to login ",8,ft)])]),_:1})])}const ht=h(ee,[["render",pt]]);ee.__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:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/ResetPasswordSuccessModal.vue"]};const xt={title:"Components/SignIn",component:p},P=()=>({components:{SignIn:p},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:p},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:p},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:p},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:p},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:p},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:Ee},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:ze},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:dt},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:ht},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:G},template:`
+        <div class="tw-container tw-max-w-xl tw-font-sans">
+          <AuthLegal
+            :terms-of-use-url="termsOfUseUrl"
+            :privacy-policy-url="privacyPolicyUrl"
+          />
+        </div>
+    `});P.parameters={...P.parameters,docs:{...P.parameters?.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>
+    \`
+  };
+}`,...P.parameters?.docs?.source}}};U.parameters={...U.parameters,docs:{...U.parameters?.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>
+    \`
+  };
+}`,...U.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.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>
+    \`
+  };
+}`,...x.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.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>
+    \`
+  };
+}`,...L.parameters?.docs?.source}}};q.parameters={...q.parameters,docs:{...q.parameters?.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>
+    \`
+  };
+}`,...q.parameters?.docs?.source}}};B.parameters={...B.parameters,docs:{...B.parameters?.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>
+    \`
+  };
+}`,...B.parameters?.docs?.source}}};F.parameters={...F.parameters,docs:{...F.parameters?.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>
+    \`
+  };
+}`,...F.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.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>
+    \`
+  };
+}`,...C.parameters?.docs?.source}}};E.parameters={...E.parameters,docs:{...E.parameters?.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>
+    \`
+  };
+}`,...E.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.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>
+    \`
+  };
+}`,...I.parameters?.docs?.source}}};A.parameters={...A.parameters,docs:{...A.parameters?.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>
+    \`
+  };
+}`,...A.parameters?.docs?.source}}};N.parameters={...N.parameters,docs:{...N.parameters?.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>
+    \`
+  };
+}`,...N.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.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>
+    \`
+  };
+}`,...T.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.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>
+    \`
+  };
+}`,...R.parameters?.docs?.source}}};M.parameters={...M.parameters,docs:{...M.parameters?.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>
+    \`
+  };
+}`,...M.parameters?.docs?.source}}};const Lt=["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,Lt as __namedExportsOrder,xt as default};

package/.storybook-static/assets/AuthCrazyDomains.stories-DGvEoWCa.js ADDED Viewed

@@ -0,0 +1,73 @@
+import{b as t,A as a}from"./SignIn-DI0DSDFe.js";import"./HelloBar-CYEZR2kQ.js";import"./Icon-C17LFvsP.js";import"./iframe-B3A6OXQU.js";import"./preload-helper-PPVm8Dsz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-DKdQT6Fq.js";import"./ButtonPrimary-BvWW6Duz.js";const r={BRAND_CROWD:"brandCrowd",CRAZY_DOMAINS:"crazyDomains"},w={title:"Components/SignIn/Crazy Domains",component:t},e=()=>({components:{SignIn:t},data(){return{themes:r}},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:a},data(){return{themes:r}},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>
+    `});e.parameters={...e.parameters,docs:{...e.parameters?.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>
+    \`
+  };
+}`,...e.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.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>
+    \`
+  };
+}`,...n.parameters?.docs?.source}}};const g=["SignInSample","AuthLegalCrazyDomainsSample"];export{n as AuthLegalCrazyDomainsSample,e as SignInSample,g as __namedExportsOrder,w as default};

package/.storybook-static/assets/Button-5UzSGUF6.css ADDED Viewed

@@ -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-9bb23e4f]{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.no-rounded-r[data-v-9bb23e4f]{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}