@designcrowd/fe-shared-lib 1.3.0 → 1.3.2

package/src/experiences/components/SellDomainNameSearchWithResults/SellDomainNameSearchWithResults.vue

@@ -22,6 +22,14 @@
       :domain-search-location="domainSearchLocation"
       @on-buy-now-click="onBuyNowClick"
     />
+    <Button
+      v-if="showViewMoreButton"
+      :label="viewMoreDomainLabel"
+      variant="no-border"
+      size="small-medium"
+      class="tw-text-center tw-pt-6"
+      @on-click="onViewMore"
+    />
   </div>
 </template>
 <script>
@@ -30,6 +38,8 @@ import SellDomainNameSearchResult from '../SellDomainNameSearchResult/SellDomain
 
 import brandCrowdApiClient from '../../clients/brand-crowd-api.client';
 import Events from '../../constants/event-constants';
+import { publishBrandPageModalTr } from '../../../useSharedLibTranslate';
+import Button from '../../../atoms/components/Button/Button.vue';
 
 const TEXT_CHANGED_PARAM = 'textChanged';
 
@@ -37,6 +47,7 @@ export default {
   components: {
     SellDomainNameSearch,
     SellDomainNameSearchResult,
+    Button,
   },
   props: {
     currency: {
@@ -101,6 +112,16 @@ export default {
       type: Number,
       default: undefined,
     },
+    showViewMoreButton: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup() {
+    return {
+      publishBrandPageModalTr,
+      viewMoreDomainLabel: publishBrandPageModalTr('viewMoreDomainLabel'),
+    };
   },
   data: () => ({
     domainNameItems: undefined,
@@ -126,6 +147,7 @@ export default {
   methods: {
     async onSearchDomainName(args) {
       this.$emit('on-change-search', args.searchText);
+      this.$emit('on-domain-search');
       await this.searchDomainName(args.searchText, args.isUserTriggered);
     },
     async searchDomainName(searchText, isUserTriggered) {
@@ -184,6 +206,9 @@ export default {
       const urlParams = new URLSearchParams(window.location.search);
       return urlParams.get(TEXT_CHANGED_PARAM)?.toUpperCase() === 'TRUE' || false;
     },
+    onViewMore() {
+      this.$emit('on-view-more');
+    },
   },
 };
 </script>

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

@@ -1 +0,0 @@
-.email-input[data-v-bb7289b6]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-bb7289b6]{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-bb7289b6]{padding-left:2.5rem!important}.email-input[data-v-965d0268]{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-965d0268]{padding-left:2.5rem!important}.password-input[data-v-da12bb42]{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-da12bb42]{padding-left:2.5rem!important}

package/.storybook-static/assets/Auth.stories-CX3sjxh5.js

@@ -1,490 +0,0 @@
-import{t as ze,A as Te,S as j,a as Ke,b as h}from"./SignIn-Dt8OJr0J.js";import{H as D}from"./HelloBar-z54fob0q.js";import{B as Ne}from"./Button-DtVlr_q3.js";import{c as l,o as a,f as m,e as n,h as w,x as M,y as G,a as c,b as p,t as i,A as k,J as S,z as Re,g as Je}from"./iframe-C86bI_2U.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{I as Qe}from"./Icon-8mZGP41G.js";import"./ButtonPrimary-DG9wNod9.js";const Ve={components:{HelloBar:D,SocialSignIn:Ke,SubmissionButton:j,Button:Ne,AuthLegal:Te},mixins:[ze],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"}},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==null?void 0:o.toString()}},methods:{validate(o){return this.aUserName&&this.password?(this.isLoading=!0,!0):(this.isLoading=!1,this.userNameError=void 0,this.passwordError=void 0,this.aUserName||(this.userNameError=this.invalidUsernameErrorLabel),this.password||(this.passwordError=this.missingPasswordErrorLabel),o.preventDefault(),!1)}}},Xe={class:"tw-mx-2 sm:tw-mx-8"},Ye={key:0,class:"tw-relative tw-text-left tw-mt-8"},Ze={class:"lg:tw-flex tw-items-start tw-justify-center tw-py-8"},$e={class:"tw-w-full tw-py-8 tw-px-4 md:tw-p-8"},et={key:0,class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-6"},tt=["value"],nt={for:"userName",class:"tw-sr-only"},rt=["aria-invalid","placeholder"],ot={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},st={for:"password",class:"tw-sr-only"},at=["aria-invalid","placeholder"],it={key:1,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},lt={key:1,class:"tw-text-center tw-text-grayscale-600"},dt={class:"tw-w-full tw-inline-flex tw-items-center tw-mb-4"},ut={class:"tw-inline tw-px-4"},ct={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"},wt=["href"];function mt(o,r,e,g,t,s){const d=c("Button"),u=c("HelloBar"),f=c("SubmissionButton"),y=c("AuthLegal"),He=c("SocialSignIn");return a(),l("div",Xe,[e.helloBar?(a(),l("div",Ye,[w(u,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},{cta:M(()=>[e.recommendedActionLink?(a(),G(d,{key:0,variant:"secondary",size:"small",label:"RESET PASSWORD",class:"tw-hidden sm:tw-inline",url:s.getRedirectToRecommendedActionUrl},null,8,["url"])):m("",!0),e.recommendedActionLink?(a(),G(d,{key:1,variant:"secondary",size:"medium",label:"RESET PASSWORD","full-width":!0,class:"sm:tw-hidden tw-mt-2",url:s.getRedirectToRecommendedActionUrl},null,8,["url"])):m("",!0)]),_:1},8,["label","description","variant"])])):m("",!0),n("div",Ze,[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",$e,[e.title?(a(),l("h2",et,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,tt),n("label",nt,i(t.emailLabel),1),k(n("input",{"onUpdate:modelValue":r[0]||(r[0]=v=>t.aUserName=v),name:"userName",type:"email","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,rt),[[S,t.aUserName]]),t.userNameError?(a(),l("p",ot,i(t.userNameError),1)):m("",!0),n("label",st,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,at),[[S,t.password]]),t.passwordError?(a(),l("p",it,i(t.passwordError),1)):m("",!0),w(f,{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(),l("div",lt,[n("div",dt,[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",ut,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",ct,[Re(i(t.alreadyHaveAnAccountLabel)+" ",1),n("a",{href:e.signInUrl,class:"tw-text-info-500"},i(t.loginLabel),9,wt)])],2)])])}const _=b(Ve,[["render",mt],["__scopeId","data-v-bb7289b6"]]);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/jamesjoung/repo/fe-shared-lib/src/experiences/components/AuthFlow/SignUp.vue","/Users/jamesjoung/repo/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};const Me={components:{Icon:Qe},props:{showCancelButton:{type:Boolean,required:!1,default:!0}},methods:{cancel(){this.$emit("on-cancel")}}},gt={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"},ft={class:"tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto"},pt={class:"lg:tw-flex tw-items-start tw-justify-center tw-flex-col"};function ht(o,r,e,g,t,s){const d=c("Icon");return a(),l("div",gt,[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]=(...u)=>s.cancel&&s.cancel(...u))},[w(d,{name:"close",size:"sm"})])):m("",!0),n("div",ft,[n("div",pt,[Je(o.$slots,"content")])])])}const W=b(Me,[["render",ht]]);Me.__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/jamesjoung/repo/fe-shared-lib/src/experiences/components/AuthFlow/AuthModal.vue"]};const je={components:{AuthModal:W,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}}},bt={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 yt(o,r,e,g,t,s){const d=c("SignUp"),u=c("AuthModal");return a(),l("div",bt,[w(u,{"show-cancel-button":!0,"form-background-class":e.formBackgroundClass},{content:M(()=>[w(d,{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 vt=b(je,[["render",yt]]);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/jamesjoung/repo/fe-shared-lib/src/experiences/components/AuthFlow/SignUpModal.vue"]};const De={components:{HelloBar:D,SubmissionButton:j},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,g,t,s,d,u;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:((g=this.forgotPasswordContent)==null?void 0:g.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",modalDescription:((d=this.forgotPasswordContent)==null?void 0:d.description)??"Enter your email below. We will then send a reset-password link to your email address.",title:((u=this.forgotPasswordContent)==null?void 0:u.title)??"Forgot your password?"}},computed:{getRedirectToSignInUrl(){const o=new URL(`https://${window.location.host}${this.signInUrl}`);return this.aEmail&&o.searchParams.append("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){return this.submitAction&&(this.$refs.forgotPasswordForm.action=this.submitAction),this.aEmail?(this.isLoading=!0,!0):(this.isLoading=!1,this.emailError=void 0,this.aEmail||(this.emailError="Please enter a valid email address"),o.preventDefault(),!1)},async goBackToLoginClick(){if(this.onGoBackToSignIn){await this.onGoBackToSignIn();return}window.location.href=this.getRedirectToSignInUrl}}},kt={class:"tw-mx-2 sm:tw-mx-8"},St={key:0,class:"tw-relative tw-text-left tw-mt-8"},_t={class:"tw-w-full tw-p-4 md:tw-p-8"},Ut={key:0,class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-10"},xt={class:"tw-mb-8 tw-text-grayscale-600"},Pt=["value"],qt={for:"email",class:"tw-sr-only"},Lt=["placeholder"],Bt={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left"},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"};function Ct(o,r,e,g,t,s){const d=c("HelloBar"),u=c("Button"),f=c("SubmissionButton");return a(),l("div",kt,[e.helloBar?(a(),l("div",St,[w(d,{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",_t,[s.showTitle?(a(),l("h2",Ut,i(t.title),1)):m("",!0),n("p",xt,i(t.modalDescription),1),n("form",{id:"forgotPassword",ref:"forgotPasswordForm",method:"post",onSubmit:r[1]||(r[1]=(...y)=>s.validate&&s.validate(...y))},[n("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,Pt),n("label",qt,i(t.emailLabel),1),k(n("input",{"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,Lt),[[S,t.aEmail]]),t.emailError?(a(),l("p",Bt,i(t.emailError),1)):m("",!0),w(f,{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",Ft,[Re(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 Et=b(De,[["render",Ct],["__scopeId","data-v-965d0268"]]);De.__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/jamesjoung/repo/fe-shared-lib/src/experiences/components/AuthFlow/ForgotPassword.vue"]};const We={components:{HelloBar:D,SubmissionButton:j},props:{title:{type:String,required:!1,default:void 0},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}},data(){return{isLoading:!1,password:void 0,confirmPassword:void 0,passwordError:void 0,confirmPasswordError:void 0}},methods:{validate(o){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="Passwords do not match"):this.passwordError="Please enter a password",o.preventDefault(),!1)}}},It={class:"tw-mx-2 sm:tw-mx-8"},At={key:0,class:"tw-text-left tw-mt-8"},Tt={class:"lg:tw-flex tw-items-start tw-justify-center tw-py-8"},Nt={class:"tw-w-full tw-p-4 md:tw-p-8"},Rt={class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-2"},Vt={class:"tw-mb-8 tw-text-grayscale-600"},Mt=["value"],jt=["value"],Dt=["value"],Wt=["aria-invalid"],Gt={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},Ot=["aria-invalid"],Ht={key:1,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"};function zt(o,r,e,g,t,s){const d=c("HelloBar"),u=c("SubmissionButton");return a(),l("div",It,[e.helloBar?(a(),l("div",At,[w(d,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},null,8,["label","description","variant"])])):m("",!0),n("div",Tt,[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",Nt,[n("h2",Rt,i(e.title),1),n("p",Vt,i(e.description),1),n("form",{id:"resetPassword",method:"post",onSubmit:r[2]||(r[2]=(...f)=>s.validate&&s.validate(...f))},[n("input",{name:"__RequestVerificationToken",type:"hidden",value:e.antiForgeryToken},null,8,Mt),n("input",{name:"userName",type:"hidden",value:e.userName},null,8,jt),n("input",{name:"resetPasswordToken",type:"hidden",value:e.resetPasswordToken},null,8,Dt),r[3]||(r[3]=n("label",{for:"password",class:"tw-sr-only"},"New Password",-1)),k(n("input",{"onUpdate:modelValue":r[0]||(r[0]=f=>t.password=f),name:"password",type:"password","aria-required":"true","aria-invalid":!!t.passwordError,autocomplete:"new-password",placeholder:"New password",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,Wt),[[S,t.password]]),t.passwordError?(a(),l("p",Gt,i(t.passwordError),1)):m("",!0),r[4]||(r[4]=n("label",{for:"confirmPassword",class:"tw-sr-only"}," Confirm Password ",-1)),k(n("input",{"onUpdate:modelValue":r[1]||(r[1]=f=>t.confirmPassword=f),name:"confirmPassword",type:"password","aria-required":"true","aria-invalid":!!t.confirmPasswordError,autocomplete:"off",placeholder:"Confirm new password",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,Ot),[[S,t.confirmPassword]]),t.confirmPasswordError?(a(),l("p",Ht,i(t.confirmPasswordError),1)):m("",!0),w(u,{variant:"primary",size:"medium",label:"UPDATE PASSWORD","label-size":"larger","is-loading":t.isLoading,disabled:t.isLoading},null,8,["is-loading","disabled"])],32)])],2)])])}const Kt=b(We,[["render",zt],["__scopeId","data-v-da12bb42"]]);We.__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:"'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/jamesjoung/repo/fe-shared-lib/src/experiences/components/AuthFlow/ResetPassword.vue"]};const Ge={components:{AuthModal:W,ResetPassword:Kt},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}}},Jt={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 Qt(o,r,e,g,t,s){const d=c("ResetPassword"),u=c("AuthModal");return a(),l("div",Jt,[w(u,{"show-cancel-button":!0},{content:M(()=>[w(d,{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 Xt=b(Ge,[["render",Qt]]);Ge.__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/jamesjoung/repo/fe-shared-lib/src/experiences/components/AuthFlow/ResetPasswordModal.vue"]};const Oe={components:{Button:Ne,AuthModal:W},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}}},Yt={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"},Zt={class:"tw-w-full tw-p-4 md:tw-p-8"},$t={class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-4"},en={class:"tw-mb-8 tw-text-grayscale-600"},tn={class:"tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-py-4"},nn=["href"];function rn(o,r,e,g,t,s){const d=c("Button"),u=c("AuthModal");return a(),l("div",Yt,[w(u,{"show-cancel-button":!0},{content:M(()=>[n("div",Zt,[n("h2",$t,i(e.title),1),n("p",en,i(e.description),1),w(d,{variant:"primary",size:"large",label:"RESEND EMAIL","full-width":!0,url:e.forgotPasswordUrl},null,8,["url"])]),n("p",tn,[n("a",{href:e.signInUrl,class:"tw-text-info-500"}," Go back to login ",8,nn)])]),_:1})])}const on=b(Oe,[["render",rn]]);Oe.__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/jamesjoung/repo/fe-shared-lib/src/experiences/components/AuthFlow/ResetPasswordSuccessModal.vue"]};const mn={title:"Components/SignIn",component:h},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="#"
-            />
-        </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="#"
-                :email-loading="true"
-            />
-        </div>
-    `}),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="#"
-                :facebook-loading="true"
-            />
-        </div>
-    `}),q=()=>({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>
-    `}),L=()=>({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:vt},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>
-    `}),T=()=>({components:{ForgotPassword:Et},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=()=>({components:{ResetPasswordModal:Xt},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:on},template:`
-        <div class="tw-container tw-w-1/2 tw-font-sans">
-            <ResetPasswordSuccessModal
-                title="Reset Password Success!"
-                sign-in-url=""
-                forgot-password-url=""
-            />
-        </div>
-    `}),V=()=>({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 O,H,z;U.parameters={...U.parameters,docs:{...(O=U.parameters)==null?void 0:O.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>
-    \`
-  };
-}`,...(z=(H=U.parameters)==null?void 0:H.docs)==null?void 0:z.source}}};var K,J,Q;x.parameters={...x.parameters,docs:{...(K=x.parameters)==null?void 0:K.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>
-    \`
-  };
-}`,...(Q=(J=x.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,Y,Z;P.parameters={...P.parameters,docs:{...(X=P.parameters)==null?void 0:X.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=(Y=P.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,te;q.parameters={...q.parameters,docs:{...($=q.parameters)==null?void 0:$.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>
-    \`
-  };
-}`,...(te=(ee=q.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ne,re,oe;L.parameters={...L.parameters,docs:{...(ne=L.parameters)==null?void 0:ne.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>
-    \`
-  };
-}`,...(oe=(re=L.parameters)==null?void 0:re.docs)==null?void 0:oe.source}}};var se,ae,ie;B.parameters={...B.parameters,docs:{...(se=B.parameters)==null?void 0:se.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>
-    \`
-  };
-}`,...(ie=(ae=B.parameters)==null?void 0:ae.docs)==null?void 0:ie.source}}};var le,de,ue;F.parameters={...F.parameters,docs:{...(le=F.parameters)==null?void 0:le.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>
-    \`
-  };
-}`,...(ue=(de=F.parameters)==null?void 0:de.docs)==null?void 0:ue.source}}};var ce,we,me;C.parameters={...C.parameters,docs:{...(ce=C.parameters)==null?void 0:ce.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>
-    \`
-  };
-}`,...(me=(we=C.parameters)==null?void 0:we.docs)==null?void 0:me.source}}};var ge,fe,pe;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>
-    \`
-  };
-}`,...(pe=(fe=E.parameters)==null?void 0:fe.docs)==null?void 0:pe.source}}};var he,be,ye;I.parameters={...I.parameters,docs:{...(he=I.parameters)==null?void 0:he.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>
-    \`
-  };
-}`,...(ye=(be=I.parameters)==null?void 0:be.docs)==null?void 0:ye.source}}};var ve,ke,Se;A.parameters={...A.parameters,docs:{...(ve=A.parameters)==null?void 0:ve.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>
-    \`
-  };
-}`,...(Se=(ke=A.parameters)==null?void 0:ke.docs)==null?void 0:Se.source}}};var _e,Ue,xe;T.parameters={...T.parameters,docs:{...(_e=T.parameters)==null?void 0:_e.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=T.parameters)==null?void 0:Ue.docs)==null?void 0:xe.source}}};var Pe,qe,Le;N.parameters={...N.parameters,docs:{...(Pe=N.parameters)==null?void 0:Pe.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>
-    \`
-  };
-}`,...(Le=(qe=N.parameters)==null?void 0:qe.docs)==null?void 0:Le.source}}};var Be,Fe,Ce;R.parameters={...R.parameters,docs:{...(Be=R.parameters)==null?void 0:Be.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>
-    \`
-  };
-}`,...(Ce=(Fe=R.parameters)==null?void 0:Fe.docs)==null?void 0:Ce.source}}};var Ee,Ie,Ae;V.parameters={...V.parameters,docs:{...(Ee=V.parameters)==null?void 0:Ee.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>
-    \`
-  };
-}`,...(Ae=(Ie=V.parameters)==null?void 0:Ie.docs)==null?void 0:Ae.source}}};const gn=["SignInSample","SignInEmailLoadingSample","SignInFacebookLoadingSample","SignInGoogleLoadingSample","SignInNoPasswordSample","SignInWithRecommendedActionLinkSample","SignUpSample","SignUpSampleFacebookDisabled","SignUpSampleGoogleDisabled","SignUpSampleWithError","SignUpModalSample","ForgotPasswordSample","ResetPasswordModalSample","ResetPasswordSuccessModalSample","AuthLegalSample"];export{V as AuthLegalSample,T as ForgotPasswordSample,N as ResetPasswordModalSample,R as ResetPasswordSuccessModalSample,x as SignInEmailLoadingSample,P as SignInFacebookLoadingSample,q as SignInGoogleLoadingSample,L as SignInNoPasswordSample,U as SignInSample,B as SignInWithRecommendedActionLinkSample,A as SignUpModalSample,F as SignUpSample,C as SignUpSampleFacebookDisabled,E as SignUpSampleGoogleDisabled,I as SignUpSampleWithError,gn as __namedExportsOrder,mn as default};