@designcrowd/fe-shared-lib 1.8.8 → 1.8.9-ai-switch

package/.storybook-static/assets/SellDomainNameListModal-DH6khE10.css

@@ -0,0 +1 @@
+@media(max-width:640px){[data-v-c885ce11] .sell-domain-name-list-modal--modal{height:90vh;width:90vw}}@media(min-width:640px){[data-v-c885ce11] .sell-domain-name-list-modal--modal{height:70vh;width:100%}}

package/.storybook-static/assets/SellDomainNameListModal.stories-n-gs1OP1.js

@@ -0,0 +1,71 @@
+import{d}from"./SellDomainNameList.fixtures-LC6fjr_b.js";import{S as o}from"./SellDomainNameListModal-Cs6_cMyh.js";import"./Modal-DKAacz7P.js";import"./Icon-B_xzgi_Q.js";import"./iframe-ndUd-rmt.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./SellDomainNameListSearchResult-DGov8cKY.js";import"./Button-CkyYO9sU.js";import"./ButtonPrimary-LDY_rMmo.js";import"./TextInput-ChcUAMVU.js";import"./FormControl.mixin-Du0pWSns.js";import"./Loader-w-8rPZZr.js";import"./Picture-C-f6m6ze.js";import"./Price-DmIyQdA3.js";import"./event-constants-CMO9VQVu.js";const M={title:"Components/SellDomainNameListModal",component:o},e=()=>({components:{SellDomainNameListModal:o},data(){return{domainNamesFixture:d,isBusy:!1,currency:{id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"}}},methods:{onSearch(a){console.log("onSearch",a),this.isBusy=!0,setTimeout(()=>{this.isBusy=!1},1e3)}},template:`
+        <div>
+          <SellDomainNameListModal :visible="true" :currency="currency" :domain-name-items="domainNamesFixture" :is-busy="isBusy" @search="onSearch"/>
+        </div>
+      `}),n=()=>({components:{SellDomainNameListModal:o},data(){return{domainNamesFixture:d,isBusy:!0,currency:{id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"}}},methods:{onSearch(a){console.log(`onSearch: ignored ${a}`)}},template:`
+        <div>
+          <SellDomainNameListModal :visible="true" :currency="currency" :domain-name-items="domainNamesFixture" :is-busy="isBusy" @search="onSearch"/>
+        </div>
+      `});var r,i,s;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SellDomainNameListModal
+    },
+    data() {
+      return {
+        domainNamesFixture,
+        isBusy: false,
+        currency: {
+          id: 1,
+          name: 'United State Dollars',
+          iso4127Code: 'USD',
+          symbol: '$',
+          abbreviation: 'US'
+        }
+      };
+    },
+    methods: {
+      onSearch(payload) {
+        console.log('onSearch', payload);
+        this.isBusy = true;
+        setTimeout(() => {
+          this.isBusy = false;
+        }, 1000);
+      }
+    },
+    template: \`
+        <div>
+          <SellDomainNameListModal :visible="true" :currency="currency" :domain-name-items="domainNamesFixture" :is-busy="isBusy" @search="onSearch"/>
+        </div>
+      \`
+  };
+}`,...(s=(i=e.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};var t,m,l;n.parameters={...n.parameters,docs:{...(t=n.parameters)==null?void 0:t.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SellDomainNameListModal
+    },
+    data() {
+      return {
+        domainNamesFixture,
+        isBusy: true,
+        currency: {
+          id: 1,
+          name: 'United State Dollars',
+          iso4127Code: 'USD',
+          symbol: '$',
+          abbreviation: 'US'
+        }
+      };
+    },
+    methods: {
+      onSearch(payload) {
+        console.log(\`onSearch: ignored \${payload}\`);
+      }
+    },
+    template: \`
+        <div>
+          <SellDomainNameListModal :visible="true" :currency="currency" :domain-name-items="domainNamesFixture" :is-busy="isBusy" @search="onSearch"/>
+        </div>
+      \`
+  };
+}`,...(l=(m=n.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};const f=["Sample","SampleLoading"];export{e as Sample,n as SampleLoading,f as __namedExportsOrder,M as default};

package/.storybook-static/assets/SellDomainNameListSearchResult-Cpxq0jDA.css

@@ -0,0 +1 @@
+[data-v-3cfad5d7] .c-sell-domain-name-list--button{min-width:7rem}

package/.storybook-static/assets/SellDomainNameListSearchResult-DGov8cKY.js

@@ -0,0 +1 @@
+import{B as N}from"./Button-CkyYO9sU.js";import{T as I}from"./TextInput-ChcUAMVU.js";import{S as y,c as s,e as i,f as w,t as c,b as u,h as m,a as d,o as n,O as C,U as S,y as D,F as k,r as P,V as p,z as B}from"./iframe-ndUd-rmt.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{L as V}from"./Loader-w-8rPZZr.js";import{P as q}from"./Picture-C-f6m6ze.js";import{P as M}from"./Price-DmIyQdA3.js";import{E as L}from"./event-constants-CMO9VQVu.js";const U=2,v={components:{Button:N,TextInput:I},props:{headerSubtitle:{type:String,default:null},headerTitle:{type:String,required:!1,default:null},isDesignCom:{type:Boolean,required:!1,default:!1},initialSearchTerm:{type:String,default:null},showWhiteSearchBackground:{type:Boolean,required:!1},contentOverride:{type:Object,required:!1,default:null}},emits:["onSearch","onSearchTextInputChange"],setup(){return{searchButtonLabel:y("searchButtonLabel"),searchBarLabel:y("searchBarLabel"),searchBarPlaceholder:y("searchBarPlaceholder"),searchBarPreText:y("searchBarPreText")}},data(){return{searchText:this.initialSearchTerm??""}},computed:{searchTextFieldClasses(){let t="";return this.isDesignCom?(t+="tw-h-12 tw-mb-0 tw-rounded ",this.showWhiteSearchBackground||(t+="!tw-rounded-r-none")):(t+="tw-h-12 tw-mb-0 ",this.showWhiteSearchBackground||(t+="md:tw-rounded-r-none")),t},searchButtonClasses(){let t="tw-w-full tw-mt-2 md:tw-mt-0 ";return this.showWhiteSearchBackground||(t+="md:tw-rounded-l-none"),t}},watch:{initialSearchTerm(t){this.searchText=t}},mounted(){this.searchText=this.initialSearchTerm},methods:{onSearchTextInputClear(){this.searchText=""},onSearchBarClick(){this.onSearch()},onSearchTextInputEnterKeyUp(){this.onSearch()},onSearch(){this.searchText.length<U||this.$emit("onSearch",{searchText:this.searchText,isUserTriggered:!0})},onSearchTextInputChange(t){this.searchText=t,this.$emit("onSearchTextInputChange",this.searchText)}}},E={key:0,class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-2 tw-mt-8"},O={key:1,class:"tw-text-center tw-mb-8 tw-text-grayscale-600"},W={key:0,class:"tw-flex tw-items-center"},F={class:"tw-font-bold"};function j(t,l,e,o,g,a){const h=d("TextInput"),f=d("Button");return n(),s("div",{class:u({"tw-bg-white tw-py-4 tw-px-2 tw-align-middle tw-drop-shadow-sm tw-flex tw-justify-center":e.showWhiteSearchBackground})},[i("div",{class:u({"tw-container":e.showWhiteSearchBackground})},[e.headerTitle?(n(),s("div",E,c(e.headerTitle),1)):w("",!0),e.headerSubtitle?(n(),s("div",O,c(e.headerSubtitle),1)):w("",!0),i("div",{class:u([{"tw-gap-4":e.showWhiteSearchBackground,"tw-mb-6 tw-mx-4":!e.showWhiteSearchBackground},"tw-flex tw-flex-col md:tw-flex-row"])},[e.showWhiteSearchBackground?(n(),s("div",W,[i("span",F,c(o.searchBarPreText),1)])):w("",!0),m(h,{"model-value":g.searchText,class:"tw-grow",icon:"search","element-classes":a.searchTextFieldClasses,"enable-clear":!0,placeholder:o.searchBarPlaceholder,"onUpdate:modelValue":a.onSearchTextInputChange,onOnClear:a.onSearchTextInputClear,onEnterKeyUp:a.onSearchTextInputEnterKeyUp},null,8,["model-value","element-classes","placeholder","onUpdate:modelValue","onOnClear","onEnterKeyUp"]),m(f,{classes:a.searchButtonClasses,variant:"primary",label:o.searchButtonLabel,disabled:!1,onOnClick:a.onSearchBarClick},null,8,["classes","label","onOnClick"])],2)],2)],2)}const de=x(v,[["render",j]]);v.__docgenInfo={exportName:"default",displayName:"SellDomainNameSearch",description:"",tags:{},props:[{name:"headerSubtitle",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"headerTitle",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"initialSearchTerm",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"showWhiteSearchBackground",type:{name:"boolean"},required:!1},{name:"contentOverride",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}}],events:[{name:"onSearch",type:{names:["undefined"]}},{name:"onSearchTextInputChange",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/SellDomainNameSearch/SellDomainNameSearch.vue"]};const _={components:{Button:N,Price:M},props:{domainNameItems:{type:Array,required:!0},currency:{type:Object,required:!0},hasBorderBoxListStyling:{type:Boolean,default:!1},isUserAuthenticated:{type:Boolean,default:!0},isDesignCom:{type:Boolean,default:!1},shouldShowLoadMoreDomainsButton:{type:Boolean,default:!1},loadMoreDomainsButtonText:{type:String,default:"Load more domains"},domainSearchLocation:{type:String,default:void 0}},emits:["load-more-domains"],setup(){return{freeDomainButtonLabel:S("freeDomainButtonLabel"),buyNowButtonLabel:S("buyNowButtonLabel"),pricePerYearLabel:S("pricePerYearLabel"),costPriceLabel:S("costPriceLabel")}},methods:{onBuyNowClick(t){const l=t;if(typeof this.domainSearchLocation<"u"&&(l.domainSearchLocation=this.domainSearchLocation),this.$emit("on-buy-now-click"),window.dispatchEvent(new CustomEvent(L.DomainSelectedEvent,{detail:l})),this.isUserAuthenticated){const{checkoutUrl:e}=t,o=new URL(e,window.location.origin);o.searchParams.set("locale",C()),window.location.href=o.toString()}},getPrice(t){return t.price/(t.recurringYears??1)},getCostPrice(t){return t.costPrice/(t.recurringYears??1)},isFree(t){return parseFloat(t.price)===0},getPurchaseLabel(t){return this.isFree(t)?this.freeDomainButtonLabel:this.buyNowButtonLabel}}},A={class:"tw-flex tw-w-full tw-flex-col"},R={class:"tw-grow tw-flex tw-flex-col sm:tw-flex-row tw-justify-start"},Y={key:0,class:"tw-text-xs tw-text-grayscale-600 tw-flex tw-items-center"},z={class:"tw-mr-2"},K={key:1,class:"tw-px-0 tw-mt-4 sm:tw-px-4 sm:tw-mt-0"};function G(t,l,e,o,g,a){const h=d("Price"),f=d("Button");return n(),s("div",A,[i("ul",{class:u({"tw-ml-4":!e.hasBorderBoxListStyling})},[(n(!0),s(k,null,P(e.domainNameItems,(r,b)=>(n(),s("li",{key:`${r.domainName}-${b}`,class:u(["tw-flex tw-w-full tw-items-center tw-border-grayscale-500",{"tw-py-3":!e.hasBorderBoxListStyling,"tw-border-solid tw-border-0 tw-border-t":b>0&&!e.hasBorderBoxListStyling,"tw-border tw-bg-white tw-my-4 tw-py-5 tw-px-4 tw-drop-shadow-sm":e.hasBorderBoxListStyling,"tw-rounded":e.isDesignCom&&e.hasBorderBoxListStyling}])},[i("div",R,[i("div",{class:u([{"tw-text-lg":e.hasBorderBoxListStyling},"tw-grow tw-font-bold tw-break-all"])},c(r.domainName),3),r.costPrice?(n(),s("div",Y,[i("span",z,c(o.costPriceLabel),1),m(h,{class:"tw-font-bold",amount:a.getCostPrice(r),"always-show-fraction":!0,currency:e.currency,fraction:"2","show-abbreviation":!1,suffix:o.pricePerYearLabel},null,8,["amount","currency","suffix"])])):w("",!0),!a.isFree(r)||r.costPrice?(n(),s("div",K,[m(h,{class:"tw-font-bold",amount:a.getPrice(r),"always-show-fraction":!0,currency:e.currency,fraction:"2","show-abbreviation":!1,suffix:o.pricePerYearLabel},null,8,["amount","currency","suffix"])])):w("",!0)]),m(f,{label:a.getPurchaseLabel(r),class:"c-sell-domain-name-list--button tw-flex tw-justify-end",variant:"outline-success",onOnClick:ne=>a.onBuyNowClick(r)},null,8,["label","onOnClick"])],2))),128))],2),e.shouldShowLoadMoreDomainsButton?(n(),D(f,{key:0,label:e.loadMoreDomainsButtonText,class:"tw-self-center",variant:"outline",onOnClick:l[0]||(l[0]=r=>t.$emit("load-more-domains"))},null,8,["label"])):w("",!0)])}const H=x(_,[["render",G],["__scopeId","data-v-3cfad5d7"]]);_.__docgenInfo={exportName:"default",displayName:"SellDomainNameList",description:"",tags:{},props:[{name:"domainNameItems",type:{name:"array"},required:!0},{name:"currency",type:{name:"object"},required:!0},{name:"hasBorderBoxListStyling",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isUserAuthenticated",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDesignCom",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldShowLoadMoreDomainsButton",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"loadMoreDomainsButtonText",type:{name:"string"},defaultValue:{func:!1,value:"'Load more domains'"}},{name:"domainSearchLocation",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"load-more-domains"},{name:"on-buy-now-click"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/SellDomainNameList/SellDomainNameList.vue"]};const T={components:{SellDomainNameList:H,Loader:V,Picture:q},props:{currency:{type:Object,required:!0},domainNameItems:{type:Array,required:!1,default:void 0},isBusy:{type:Boolean,required:!0},previousSearchText:{type:String,required:!0},isDesignCom:{type:Boolean,required:!1,default:!1},isContainerWidth:{type:Boolean,default:!1},hasBorderBoxListStyling:{type:Boolean,default:!1},isUserAuthenticated:{type:Boolean,default:!0},emptyDomainSearch:{type:Object,default:null},domainNameItemsPerPage:{type:Number,default:null},loadMoreDomainsButtonText:{type:String,default:void 0},domainSearchLocation:{type:String,default:void 0}},setup(){return{searchAnotherDomainMessage:p("searchAnotherDomainMessage")}},data(){return{domainNameItemsInView:void 0}},computed:{domainSearchEmptyMessageWithUserDomainName(){return p("domainSearchEmptyMessage",{domainNameSearchTerm:this.previousSearchText})},shouldShowDomainNameNotFound(){return!this.isBusy&&this.previousSearchText.length>0&&!!this.domainNameItems&&this.domainNameItems.length===0},shouldShowSellDomainNameList(){return!!this.domainNameItems&&this.domainNameItems.length>0},shouldShowEmptyDomainSearch(){return!this.isBusy&&this.emptyDomainSearch&&!this.domainNameItems&&this.previousSearchText.length===0},shouldPaginateResults(){return!!this.domainNameItemsPerPage},visibleDomainItems(){return this.shouldPaginateResults?this.domainNameItems.slice(0,this.domainNameItemsInView):this.domainNameItems},shouldShowLoadMoreDomainsButton(){return this.shouldPaginateResults&&this.domainNameItemsInView<=this.domainNameItems.length}},watch:{domainNameItems(){this.resetDomainNameItemsInView()}},mounted(){this.resetDomainNameItemsInView()},methods:{onLoadMoreDomains(){window.dispatchEvent(new CustomEvent(L.DomainLoadMoreEvent)),this.domainNameItemsInView+=this.domainNameItemsPerPage},onBuyNowClick(){this.$emit("on-buy-now-click")},resetDomainNameItemsInView(){this.domainNameItemsInView=this.domainNameItemsPerPage}}},J={key:0,class:"tw-h-full tw-flex tw-items-center tw-justify-center tw-p-2"},Q={key:1,class:"tw-flex tw-items-center tw-flex-col tw-py-10 tw-my-10"},X={class:"tw-flex tw-flex-col tw-items-center"},Z={class:"tw-font-bold tw-text-2xl tw-mt-2 tw-text-center"},$={class:"tw-text-lg tw-mt-2 tw-text-center"},ee={key:3,class:"tw-flex tw-justify-center tw-text-center"},te={key:4};function ae(t,l,e,o,g,a){const h=d("Loader"),f=d("Picture"),r=d("SellDomainNameList");return n(),s("div",{class:u([{"tw-container":e.isContainerWidth},"tw-px-4"])},[e.isBusy?(n(),s("div",J,[m(h)])):a.shouldShowEmptyDomainSearch?(n(),s("div",Q,[m(f,{"default-image-url":e.emptyDomainSearch.imageUrl,alt:e.emptyDomainSearch.imageAlt,sources:[{srcset:`${e.emptyDomainSearch.imageUrl}`}]},null,8,["default-image-url","alt","sources"]),i("div",X,[i("p",Z,c(e.emptyDomainSearch.title),1),i("p",$,c(e.emptyDomainSearch.description),1)])])):a.shouldShowSellDomainNameList?(n(),D(r,{key:2,currency:e.currency,"domain-name-items":a.visibleDomainItems,"has-border-box-list-styling":e.hasBorderBoxListStyling,"is-user-authenticated":e.isUserAuthenticated,"is-design-com":e.isDesignCom,"should-show-load-more-domains-button":a.shouldShowLoadMoreDomainsButton,"load-more-domains-button-text":e.loadMoreDomainsButtonText,"domain-search-location":e.domainSearchLocation,onLoadMoreDomains:a.onLoadMoreDomains,onOnBuyNowClick:a.onBuyNowClick},null,8,["currency","domain-name-items","has-border-box-list-styling","is-user-authenticated","is-design-com","should-show-load-more-domains-button","load-more-domains-button-text","domain-search-location","onLoadMoreDomains","onOnBuyNowClick"])):a.shouldShowDomainNameNotFound?(n(),s("div",ee,[B(c(a.domainSearchEmptyMessageWithUserDomainName)+" ",1),l[0]||(l[0]=i("br",null,null,-1)),B(" "+c(o.searchAnotherDomainMessage),1)])):(n(),s("div",te))],2)}const he=x(T,[["render",ae]]);T.__docgenInfo={exportName:"default",displayName:"SellDomainNameListSearchResult",description:"",tags:{},props:[{name:"currency",type:{name:"object"},required:!0},{name:"domainNameItems",type:{name:"array"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isBusy",type:{name:"boolean"},required:!0},{name:"previousSearchText",type:{name:"string"},required:!0},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isContainerWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasBorderBoxListStyling",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isUserAuthenticated",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"emptyDomainSearch",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"domainNameItemsPerPage",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"loadMoreDomainsButtonText",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"domainSearchLocation",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"on-buy-now-click"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/SellDomainNameSearchResult/SellDomainNameListSearchResult.vue"]};export{he as S,de as a,U as s};

package/.storybook-static/assets/SellDomainNameSearchWithResults-DHzu6fnp.js

@@ -0,0 +1 @@
+import{S as y,a as S}from"./SellDomainNameListSearchResult-DGov8cKY.js";import{b as p}from"./brand-crowd-api.client-CMc6GnPx.js";import{E as g}from"./event-constants-CMO9VQVu.js";import{c as N,h as o,y as w,f as b,O as B,Q as l,a as r,o as m}from"./iframe-ndUd-rmt.js";import{B as D}from"./Button-CkyYO9sU.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v="textChanged",u={components:{SellDomainNameSearch:S,SellDomainNameSearchResult:y,Button:D},props:{currency:{type:Object,required:!0},designDraftToken:{type:String,required:!1,default:void 0},isDesignCom:{type:Boolean,required:!1,default:!1},initialSearchTerm:{type:String,default:null},showWhiteSearchBackground:{type:Boolean,required:!1},isContainerWidth:{type:Boolean,default:!1},hasBorderBoxListStyling:{type:Boolean,default:!1},isUserAuthenticated:{type:Boolean,default:!0},domainNameSearchOrigin:{type:String,default:void 0},domainSearchLocation:{type:String,default:void 0},emptyDomainSearch:{type:Object,default:null},domainNameSearchLimit:{type:Number,default:null},domainNameItemsPerPage:{type:Number,default:null},loadMoreDomainsButtonText:{type:String,default:void 0},displayResultLimit:{type:Number,default:void 0},showViewMoreButton:{type:Boolean,default:!1}},setup(){return{publishBrandPageModalTr:l,viewMoreDomainLabel:l("viewMoreDomainLabel")}},data:()=>({domainNameItems:void 0,userCurrency:void 0,isBusy:!1,isSearchDomainListModalVisible:!1,searchText:"",previousSearchText:""}),watch:{initialSearchTerm(e){this.searchText=e,this.searchDomainName(this.initialSearchTerm,!0)}},computed:{currentLocale(){return B()}},mounted(){if(this.initialSearchTerm){this.previousSearchText=this.initialSearchTerm;const e=this.isUserTriggered();this.searchDomainName(this.initialSearchTerm,e)}},methods:{async onSearchDomainName(e){this.$emit("on-change-search",e.searchText),this.$emit("on-domain-search"),await this.searchDomainName(e.searchText,e.isUserTriggered)},async searchDomainName(e,n){this.isBusy=!0;const a=this.cleanText(e);this.previousSearchText=e;try{const t={keyword:a,isUserTriggered:n,userText:e,limit:this.domainNameSearchLimit};this.designDraftToken&&(t.designDraftToken=this.designDraftToken),this.domainNameSearchOrigin&&(t.domainNameSearchOrigin=this.domainNameSearchOrigin),this.domainSearchLocation&&(t.domainSearchLocation=this.domainSearchLocation),this.currentLocale&&(t.locale=this.currentLocale),window.dispatchEvent(new CustomEvent(g.DomainSearchEvent,{detail:t}));const i=await p.searchDomainNamesByKeywordAsync(t);if(!i){this.domainNameItems=[];return}this.displayResultLimit?this.domainNameItems=i.items.slice(0,this.displayResultLimit):this.domainNameItems=i.items,this.userCurrency=i.currency}catch{this.domainNameItems=[]}finally{this.isBusy=!1,this.$emit("on-search-results-loaded")}},onBuyNowClick(){this.$emit("on-buy-now-click")},cleanText(e){return e.replace(/[^\p{L}\p{N}\-.]+/gu,"").toLowerCase()},isUserTriggered(){var n;return((n=new URLSearchParams(window.location.search).get(v))==null?void 0:n.toUpperCase())==="TRUE"||!1},onViewMore(){this.$emit("on-view-more")}}};function L(e,n,a,t,i,s){const c=r("SellDomainNameSearch"),d=r("SellDomainNameSearchResult"),h=r("Button");return m(),N("div",null,[o(c,{"is-design-com":a.isDesignCom,"initial-search-term":a.initialSearchTerm,"show-white-search-background":a.showWhiteSearchBackground,onOnSearch:s.onSearchDomainName},null,8,["is-design-com","initial-search-term","show-white-search-background","onOnSearch"]),o(d,{modelValue:e.searchText,"onUpdate:modelValue":n[0]||(n[0]=f=>e.searchText=f),"is-design-com":a.isDesignCom,currency:e.userCurrency||a.currency,"domain-name-items":e.domainNameItems,"previous-search-text":e.previousSearchText,"is-busy":e.isBusy,"has-border-box-list-styling":a.hasBorderBoxListStyling,"is-container-width":a.isContainerWidth,"is-user-authenticated":a.isUserAuthenticated,"empty-domain-search":a.emptyDomainSearch,"domain-name-items-per-page":a.domainNameItemsPerPage,"load-more-domains-button-text":a.loadMoreDomainsButtonText,"domain-search-location":a.domainSearchLocation,onOnBuyNowClick:s.onBuyNowClick},null,8,["modelValue","is-design-com","currency","domain-name-items","previous-search-text","is-busy","has-border-box-list-styling","is-container-width","is-user-authenticated","empty-domain-search","domain-name-items-per-page","load-more-domains-button-text","domain-search-location","onOnBuyNowClick"]),a.showViewMoreButton?(m(),w(h,{key:0,label:t.viewMoreDomainLabel,variant:"no-border",size:"small-medium",class:"tw-text-center tw-pt-6",onOnClick:s.onViewMore},null,8,["label","onOnClick"])):b("",!0)])}const O=T(u,[["render",L]]);u.__docgenInfo={exportName:"default",displayName:"SellDomainNameSearchWithResults",description:"",tags:{},props:[{name:"currency",type:{name:"object"},required:!0},{name:"designDraftToken",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"initialSearchTerm",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"showWhiteSearchBackground",type:{name:"boolean"},required:!1},{name:"isContainerWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasBorderBoxListStyling",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isUserAuthenticated",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"domainNameSearchOrigin",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"domainSearchLocation",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"emptyDomainSearch",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"domainNameSearchLimit",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"domainNameItemsPerPage",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"loadMoreDomainsButtonText",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"displayResultLimit",type:{name:"number"},defaultValue:{func:!1,value:"undefined"}},{name:"showViewMoreButton",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"on-change-search",type:{names:["undefined"]}},{name:"on-domain-search"},{name:"on-search-results-loaded"},{name:"on-buy-now-click"},{name:"on-view-more"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/SellDomainNameSearchWithResults/SellDomainNameSearchWithResults.vue"]};export{O as S};

package/.storybook-static/assets/SellDomainNameSearchWithResults.stories-CW_xjbiq.js

@@ -0,0 +1,37 @@
+import{d as a}from"./SellDomainNameList.fixtures-LC6fjr_b.js";import{S as n}from"./SellDomainNameSearchWithResults-DHzu6fnp.js";import"./SellDomainNameListSearchResult-DGov8cKY.js";import"./Button-CkyYO9sU.js";import"./ButtonPrimary-LDY_rMmo.js";import"./iframe-ndUd-rmt.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-B_xzgi_Q.js";import"./TextInput-ChcUAMVU.js";import"./FormControl.mixin-Du0pWSns.js";import"./Loader-w-8rPZZr.js";import"./Picture-C-f6m6ze.js";import"./Price-DmIyQdA3.js";import"./event-constants-CMO9VQVu.js";import"./brand-crowd-api.client-CMc6GnPx.js";import"./index-Bz4la0P9.js";import"./api-BlGvmpef.js";const W={title:"Components/SellDomainNameSearchWithResults",component:n},e=()=>({components:{SellDomainNameSearchWithResults:n},data(){return{domainNamesFixture:a,initialSearchTerm:"InitialSearch",currency:{id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"}}},template:`
+        <div>
+          <SellDomainNameSearchWithResults 
+              :initial-search-term="initialSearchTerm"
+              :currency="currency"
+              :is-design-com="false"
+              />
+        </div>
+      `});var r,i,t;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SellDomainNameSearchWithResults
+    },
+    data() {
+      return {
+        domainNamesFixture,
+        initialSearchTerm: 'InitialSearch',
+        currency: {
+          id: 1,
+          name: 'United State Dollars',
+          iso4127Code: 'USD',
+          symbol: '$',
+          abbreviation: 'US'
+        }
+      };
+    },
+    template: \`
+        <div>
+          <SellDomainNameSearchWithResults 
+              :initial-search-term="initialSearchTerm"
+              :currency="currency"
+              :is-design-com="false"
+              />
+        </div>
+      \`
+  };
+}`,...(t=(i=e.parameters)==null?void 0:i.docs)==null?void 0:t.source}}};const f=["Sample"];export{e as Sample,f as __namedExportsOrder,W as default};

package/.storybook-static/assets/SellDomainNameWidget.stories-DwaHPJv8.js

@@ -0,0 +1,36 @@
+import{c as b,z as D,e as N,h as l,t as T,W as o,a as m,o as g}from"./iframe-ndUd-rmt.js";import{B as w}from"./Button-CkyYO9sU.js";import{T as C}from"./TextInput-ChcUAMVU.js";import{S as x}from"./SellDomainNameListModal-Cs6_cMyh.js";import{s as B}from"./SellDomainNameListSearchResult-DGov8cKY.js";import{E as v}from"./event-constants-CMO9VQVu.js";import{b as L}from"./brand-crowd-api.client-CMc6GnPx.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-LDY_rMmo.js";import"./Icon-B_xzgi_Q.js";import"./FormControl.mixin-Du0pWSns.js";import"./Modal-DKAacz7P.js";import"./Loader-w-8rPZZr.js";import"./Picture-C-f6m6ze.js";import"./Price-DmIyQdA3.js";import"./index-Bz4la0P9.js";import"./api-BlGvmpef.js";const h={components:{Button:w,TextInput:C,SellDomainNameListModal:x},props:{currency:{type:Object,required:!0},businessName:{type:String,required:!1,default:""},designDraftToken:{type:String,required:!1,default:void 0},isDesignCom:{type:Boolean,required:!1,default:!1}},setup(){return{searchButtonLabel:o("searchButtonLabel"),searchBarLabel:o("searchBarLabel"),searchBarPlaceholder:o("searchBarPlaceholder"),domainSearchOrConnectHeaderSubtitle:o("domainSearchOrConnectHeaderSubtitle")}},data:()=>({domainNameItems:void 0,userCurrency:void 0,isBusy:!1,isSearchDomainListModalVisible:!1,searchText:"",previousSearchText:""}),created(){this.businessName&&(this.searchText=this.businessName)},methods:{async showModal(){this.domainNameItems=[],this.previousSearchText="",this.isSearchDomainListModalVisible=!0,this.searchText.length>B&&await this.onSearchDomainName(!0)},onSearchTextInputClear(){this.searchText=""},async onSearchTextInputEnterKeyUp(){await this.showModal()},async onSearchBarClick(){await this.showModal()},onSellDomainNameListCloseModal(){this.isSearchDomainListModalVisible=!1},async onSearchDomainName(e){await this.searchDomainName(e)},async searchDomainName(e){this.isBusy=!0;const a=this.cleanText(this.searchText);this.previousSearchText=this.searchText;try{const n={keyword:a,isUserTriggered:e,userText:this.searchText};this.designDraftToken&&(n.designDraftToken=this.designDraftToken),window.dispatchEvent(new CustomEvent(v.DomainSearchEvent,{detail:n}));const t=await L.searchDomainNamesByKeywordAsync(n);if(!t){this.domainNameItems=[];return}this.domainNameItems=t.items,this.userCurrency=t.currency}catch{this.domainNameItems=[]}finally{this.isBusy=!1}},cleanText(e){return e.replace(/[^\p{L}\p{N}\-.]+/gu,"").toLowerCase()}}},M={class:"tw-flex tw-flex-col md:tw-flex-row tw-mt-4 tw-mb-4"};function I(e,a,n,t,k,s){const f=m("TextInput"),S=m("Button"),y=m("SellDomainNameListModal");return g(),b("div",null,[D(T(t.domainSearchOrConnectHeaderSubtitle)+" ",1),N("div",M,[l(f,{modelValue:e.searchText,"onUpdate:modelValue":a[0]||(a[0]=r=>e.searchText=r),class:"tw-grow",icon:"search","element-classes":{"tw-h-12 tw-mb-0 tw-rounded !tw-rounded-r-none":n.isDesignCom,"tw-h-12 md:tw-rounded-r-none tw-mb-0":!n.isDesignCom},"enable-clear":!0,placeholder:t.searchBarPlaceholder,onOnClear:s.onSearchTextInputClear,onEnterKeyUp:s.onSearchTextInputEnterKeyUp},null,8,["modelValue","element-classes","placeholder","onOnClear","onEnterKeyUp"]),l(S,{classes:"tw-w-full tw-mt-2 md:tw-rounded-l-none md:tw-mt-0",variant:"primary",label:t.searchButtonLabel,disabled:!1,onOnClick:s.onSearchBarClick},null,8,["label","onOnClick"])]),l(y,{modelValue:e.searchText,"onUpdate:modelValue":a[1]||(a[1]=r=>e.searchText=r),currency:e.userCurrency||n.currency,"is-busy":e.isBusy,"is-design-com":n.isDesignCom,"domain-name-items":e.domainNameItems,"previous-search-text":e.previousSearchText,visible:e.isSearchDomainListModalVisible,"search-button-label":t.searchButtonLabel,onCloseModal:s.onSellDomainNameListCloseModal,onSearch:a[2]||(a[2]=r=>s.onSearchDomainName(!0))},null,8,["modelValue","currency","is-busy","is-design-com","domain-name-items","previous-search-text","visible","search-button-label","onCloseModal"])])}const p=V(h,[["render",I]]);h.__docgenInfo={exportName:"default",displayName:"SellDomainNameWidget",description:"",tags:{},props:[{name:"currency",type:{name:"object"},required:!0},{name:"businessName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"designDraftToken",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue"]};const X={title:"Components/SellDomainNameWidget",component:p},i=()=>({components:{SellDomainNameWidget:p},data(){return{currency:{id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"}}},methods:{onSearch(e){console.log("onSearch",e),this.isBusy=!0,setTimeout(()=>{this.isBusy=!1},1e3)}},template:`
+      <div>
+        <SellDomainNameWidget business-name="Acme Corporation" :currency="currency"/>
+      </div>
+    `});var c,d,u;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SellDomainNameWidget
+    },
+    data() {
+      return {
+        currency: {
+          id: 1,
+          name: 'United State Dollars',
+          iso4127Code: 'USD',
+          symbol: '$',
+          abbreviation: 'US'
+        }
+      };
+    },
+    methods: {
+      onSearch(payload) {
+        console.log('onSearch', payload);
+        this.isBusy = true;
+        setTimeout(() => {
+          this.isBusy = false;
+        }, 1000);
+      }
+    },
+    template: \`
+      <div>
+        <SellDomainNameWidget business-name="Acme Corporation" :currency="currency"/>
+      </div>
+    \`
+  };
+}`,...(u=(d=i.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};const Y=["Sample"];export{i as Sample,Y as __namedExportsOrder,X as default};

package/.storybook-static/assets/SideNavigationPanel-CcuQm_Sc.css

@@ -0,0 +1 @@
+.menu-item[data-v-7f7fe821]{display:flex;cursor:pointer;align-items:center;gap:.5rem;border-radius:.75rem;padding:.5rem;font-weight:400;height:36px}.menu-item[data-v-39ede828]{margin-bottom:.25rem;display:flex;cursor:pointer;align-items:center;gap:.5rem;border-radius:.75rem;padding:.5rem;height:36px}.icon svg[data-v-39ede828]{color:var(--text-secondary, rgba(61, 61, 61, 1))}.sidebar[data-v-5faf9aed]{display:flex;height:100%;width:14rem;flex-direction:column;justify-content:space-between;padding:.5rem;background-color:#f5f5f5;border-right:1px rgba(227,227,227,1) solid}.ctas[data-v-5faf9aed]{text-align:center}

package/.storybook-static/assets/SideNavigationPanel.stories-BkDnJq6A.js

@@ -0,0 +1,143 @@
+import{d as N,q as y,y as s,K as J,m as Q,x as X,o as i,f as C,e as w,t as Y,h as se,c as x,F as oe,r as re}from"./iframe-ndUd-rmt.js";import{I as Z}from"./Icon-B_xzgi_Q.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";const ee=N({__name:"MenuCta",props:{label:{},variant:{default:"primary"},icon:{},iconSize:{default:"sm"},url:{},action:{}},emits:["click"],setup(e,{emit:a}){const t=e,n=a,A=y(()=>t.action?"button":"a"),d=y(()=>t.action?{}:{href:t.url}),k=y(()=>{switch(t.variant){case"primary":return"tw-bg-primary-500 tw-text-white hover:tw-bg-primary-700";case"secondary":return"tw-justify-center tw-bg-secondary-500 tw-text-white hover:tw-bg-secondary-700";case"empty":return"tw-justify-center tw-text-grayscale-700 hover:tw-bg-gray-600 tw-text-center";default:return""}}),ae=u=>{t.action&&t.action(),n("click",u)};return(u,ve)=>(i(),s(J(A.value),Q({class:["menu-item",k.value]},d.value,{onClick:ae}),{default:X(()=>[u.icon?(i(),s(Z,{key:0,name:u.icon,size:u.iconSize},null,8,["name","size"])):C("",!0),w("span",null,Y(u.label),1)]),_:1},16,["class"]))}}),S=D(ee,[["__scopeId","data-v-7f7fe821"]]);ee.__docgenInfo={exportName:"default",displayName:"MenuCta",description:"",tags:{},props:[{name:"label",required:!0,type:{name:"string"}},{name:"variant",required:!1,type:{name:"MenuCtaVariant"},defaultValue:{func:!1,value:"'primary'"}},{name:"icon",required:!1,type:{name:"string"}},{name:"iconSize",required:!1,type:{name:"union",elements:[{name:'"sm"'},{name:'"md"'},{name:'"lg"'}]},defaultValue:{func:!1,value:"'sm'"}},{name:"url",required:!1,type:{name:"string"}},{name:"action",required:!1,type:{name:"TSFunctionType"}}],events:[{name:"click",type:{names:["MouseEvent"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/SideNavigationPanel/MenuCta.vue"]};const le={class:"tw-text-md tw-font-medium tw-text-grayscale-700"},ne=N({__name:"MenuItem",props:{label:{},url:{},action:{type:Function},icon:{},isActive:{type:Boolean}},setup(e){const a=e,t=y(()=>a.action?"button":"a"),n=y(()=>a.action?{}:{href:a.url}),A=()=>{a.action&&a.action()};return(d,k)=>(i(),s(J(t.value),Q({class:["menu-item",{"tw-bg-grayscale-400":d.isActive,"hover:tw-bg-grayscale-300":!d.isActive}]},n.value,{onClick:A}),{default:X(()=>[se(Z,{class:"icon",name:d.icon,size:"sm"},null,8,["name"]),w("span",le,Y(d.label),1)]),_:1},16,["class"]))}}),ce=D(ne,[["__scopeId","data-v-39ede828"]]);ne.__docgenInfo={exportName:"default",displayName:"MenuItem",description:"",tags:{},props:[{name:"label",required:!0,type:{name:"string"}},{name:"url",required:!1,type:{name:"string"}},{name:"action",required:!1,type:{name:"TSFunctionType"}},{name:"icon",required:!0,type:{name:"string"}},{name:"isActive",required:!0,type:{name:"boolean"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/SideNavigationPanel/MenuItem.vue"]};const de={class:"sidebar"},ue={class:"menu tw-mb-4"},me={class:"menuitemcontainer"},pe={class:"ctas tw-flex tw-flex-col tw-gap-2"},te=N({__name:"SideNavigationPanel",props:{menuItems:{type:Array,required:!0},createNewDesignCta:{type:Object,required:!0},upgradeCta:{type:Object,default:void 0},rateCta:{type:Object,default:void 0}},setup(e){return(a,t)=>(i(),x("div",de,[w("div",ue,[e.createNewDesignCta?(i(),s(S,{key:0,class:"tw-mt-2 tw-mb-4",label:e.createNewDesignCta.label,url:e.createNewDesignCta.url,action:e.createNewDesignCta.action,variant:"primary",icon:"plus","icon-size":"xs"},null,8,["label","url","action"])):C("",!0),w("div",me,[(i(!0),x(oe,null,re(e.menuItems,n=>(i(),s(ce,{key:n.label,label:n.label,url:n.action?"":n.url,icon:n.icon,"is-active":n.isActive},null,8,["label","url","icon","is-active"]))),128))])]),w("div",pe,[e.upgradeCta?(i(),s(S,{key:0,label:e.upgradeCta.label,url:e.upgradeCta.url,action:e.upgradeCta.action,variant:"secondary",icon:"crown","icon-size":"sm"},null,8,["label","url","action"])):C("",!0),e.rateCta?(i(),s(S,{key:1,label:e.rateCta.label,action:e.rateCta.action,variant:"empty"},null,8,["label","action"])):C("",!0)])]))}}),ie=D(te,[["__scopeId","data-v-5faf9aed"]]);te.__docgenInfo={exportName:"default",displayName:"SideNavigationPanel",description:"",tags:{},props:[{name:"menuItems",type:{name:"Array<IMenuItem>"},required:!0},{name:"createNewDesignCta",type:{name:"Object as () => CtaConfig"},required:!0},{name:"upgradeCta",type:{name:"Object as () => CtaConfig | undefined"},defaultValue:{func:!1,value:"undefined"}},{name:"rateCta",type:{name:"Object as () => CtaConfig | undefined"},defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/SideNavigationPanel/SideNavigationPanel.vue"]};const ye={title:"Experiences/SideNavigationPanel",component:ie,argTypes:{menuItems:{control:"object",description:"Array of menu items with label, url, icon, and isActive properties"},createNewDesignCta:{control:"object",description:'CTA object for "Create New Design" button with url property'},upgradeCta:{control:"object",description:'CTA object for "Upgrade" button with url property'},rateCta:{control:"object",description:'CTA object for "Rate Design.com" button with action property'}},parameters:{layout:"fullscreen"}},ge=[{label:"Logos",icon:"star-hollow",url:"#logos",isActive:!0,action:void 0},{label:"Designs",icon:"designs",url:"#designs",isActive:!1,action:void 0},{label:"Printing",icon:"printing",url:"#printing",isActive:!1,action:void 0},{label:"Websites",icon:"website",url:"#websites",isActive:!1,action:void 0},{label:"Domains",icon:"globe",url:"#domains",isActive:!1,action:void 0},{label:"Settings",icon:"settings",url:"#settings",isActive:!1,action:void 0}],o={url:"#create-new-design"},r={url:"#upgrade"},l={action:()=>console.log("Rate Design.com clicked")},c=e=>({components:{SideNavigationPanel:ie},setup(){return{args:e}},template:`
+    <div style="width: 100vw; height: 100vh; display: flex;">
+      <SideNavigationPanel v-bind="args" />
+      <div style="flex: 1; padding: 2rem; background: white;">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem;">Content Area</h1>
+        <p>This is where your main content would appear. The side navigation panel is on the left.</p>
+        <p style="margin-top: 1rem;">Click on the menu items to see the active state change (in a real app).</p>
+      </div>
+    </div>
+  `}),m=c.bind({});m.args={menuItems:ge,createNewDesignCta:o,upgradeCta:r,rateCta:l};m.parameters={docs:{description:{story:"Default side navigation panel with all CTAs and the first menu item active."}}};const p=c.bind({});p.args={menuItems:[{label:"Logos",icon:"star-hollow",url:"#logos",isActive:!1,action:void 0},{label:"Designs",icon:"designs",url:"#designs",isActive:!0,action:void 0},{label:"Printing",icon:"printing",url:"#printing",isActive:!1,action:void 0},{label:"Websites",icon:"website",url:"#websites",isActive:!1,action:void 0},{label:"Domains",icon:"globe",url:"#domains",isActive:!1,action:void 0},{label:"Settings",icon:"settings",url:"#settings",isActive:!1,action:void 0}],createNewDesignCta:o,upgradeCta:r,rateCta:l};p.parameters={docs:{description:{story:'Side navigation panel with the "Designs" menu item active.'}}};const g=c.bind({});g.args={menuItems:[{label:"Logos",icon:"star-hollow",url:"#logos",isActive:!1,action:void 0},{label:"Designs",icon:"designs",url:"#designs",isActive:!1,action:void 0},{label:"Printing",icon:"printing",url:"#printing",isActive:!1,action:void 0},{label:"Websites",icon:"website",url:"#websites",isActive:!1,action:void 0},{label:"Domains",icon:"globe",url:"#domains",isActive:!1,action:void 0},{label:"Settings",icon:"settings",url:"#settings",isActive:!0,action:void 0}],createNewDesignCta:o,upgradeCta:r,rateCta:l};g.parameters={docs:{description:{story:'Side navigation panel with the "Settings" menu item active.'}}};const v=c.bind({});v.args={menuItems:[{label:"Logos",icon:"star-hollow",url:"#logos",isActive:!1,action:void 0},{label:"Designs",icon:"designs",url:"#designs",isActive:!1,action:void 0},{label:"Printing",icon:"printing",url:"#printing",isActive:!1,action:void 0},{label:"Websites",icon:"website",url:"#websites",isActive:!1,action:void 0},{label:"Domains",icon:"globe",url:"#domains",isActive:!1,action:void 0},{label:"Settings",icon:"settings",url:"#settings",isActive:!1,action:void 0}],createNewDesignCta:o,upgradeCta:r,rateCta:l};v.parameters={docs:{description:{story:"Side navigation panel with no active menu item."}}};const f=c.bind({});f.args={menuItems:[{label:"Logos",icon:"star-hollow",url:"#logos",isActive:!0,action:void 0},{label:"Designs",icon:"designs",url:"#designs",isActive:!1,action:void 0},{label:"Export Data",icon:"download",url:void 0,isActive:!1,action:()=>console.log("Export data action triggered")},{label:"Websites",icon:"website",url:"#websites",isActive:!1,action:void 0},{label:"Settings",icon:"settings",url:"#settings",isActive:!1,action:void 0}],createNewDesignCta:o,upgradeCta:r,rateCta:l};f.parameters={docs:{description:{story:"Side navigation panel with an action-based menu item (Export Data) that triggers a function instead of navigation. Check console for action output."}}};const h=c.bind({});h.args={menuItems:[{label:"Dashboard",icon:"star-hollow",url:"#dashboard",isActive:!0,action:void 0},{label:"Projects",icon:"designs",url:"#projects",isActive:!1,action:void 0},{label:"Help",icon:"help",url:"#help",isActive:!1,action:void 0}],createNewDesignCta:o,upgradeCta:r,rateCta:l};h.parameters={docs:{description:{story:"Side navigation panel with a minimal set of menu items."}}};const b=c.bind({});b.args={menuItems:[{label:"Logos",icon:"star-hollow",url:"#logos",isActive:!1,action:void 0},{label:"Designs",icon:"designs",url:"#designs",isActive:!1,action:void 0},{label:"Printing",icon:"printing",url:"#printing",isActive:!1,action:void 0},{label:"Websites",icon:"website",url:"#websites",isActive:!0,action:void 0},{label:"Domains",icon:"globe",url:"#domains",isActive:!1,action:void 0},{label:"Marketing",icon:"megaphone",url:"#marketing",isActive:!1,action:void 0},{label:"Analytics",icon:"chart",url:"#analytics",isActive:!1,action:void 0},{label:"Billing",icon:"creditcard",url:"#billing",isActive:!1,action:void 0},{label:"Settings",icon:"settings",url:"#settings",isActive:!1,action:void 0}],createNewDesignCta:o,upgradeCta:r,rateCta:l};b.parameters={docs:{description:{story:"Side navigation panel with an extended list of menu items to test scrolling behavior."}}};var I,P,T;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`args => ({
+  components: {
+    SideNavigationPanel
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <div style="width: 100vw; height: 100vh; display: flex;">
+      <SideNavigationPanel v-bind="args" />
+      <div style="flex: 1; padding: 2rem; background: white;">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem;">Content Area</h1>
+        <p>This is where your main content would appear. The side navigation panel is on the left.</p>
+        <p style="margin-top: 1rem;">Click on the menu items to see the active state change (in a real app).</p>
+      </div>
+    </div>
+  \`
+})`,...(T=(P=m.parameters)==null?void 0:P.docs)==null?void 0:T.source}}};var M,z,_;p.parameters={...p.parameters,docs:{...(M=p.parameters)==null?void 0:M.docs,source:{originalSource:`args => ({
+  components: {
+    SideNavigationPanel
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <div style="width: 100vw; height: 100vh; display: flex;">
+      <SideNavigationPanel v-bind="args" />
+      <div style="flex: 1; padding: 2rem; background: white;">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem;">Content Area</h1>
+        <p>This is where your main content would appear. The side navigation panel is on the left.</p>
+        <p style="margin-top: 1rem;">Click on the menu items to see the active state change (in a real app).</p>
+      </div>
+    </div>
+  \`
+})`,...(_=(z=p.parameters)==null?void 0:z.docs)==null?void 0:_.source}}};var j,q,E;g.parameters={...g.parameters,docs:{...(j=g.parameters)==null?void 0:j.docs,source:{originalSource:`args => ({
+  components: {
+    SideNavigationPanel
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <div style="width: 100vw; height: 100vh; display: flex;">
+      <SideNavigationPanel v-bind="args" />
+      <div style="flex: 1; padding: 2rem; background: white;">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem;">Content Area</h1>
+        <p>This is where your main content would appear. The side navigation panel is on the left.</p>
+        <p style="margin-top: 1rem;">Click on the menu items to see the active state change (in a real app).</p>
+      </div>
+    </div>
+  \`
+})`,...(E=(q=g.parameters)==null?void 0:q.docs)==null?void 0:E.source}}};var B,F,V;v.parameters={...v.parameters,docs:{...(B=v.parameters)==null?void 0:B.docs,source:{originalSource:`args => ({
+  components: {
+    SideNavigationPanel
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <div style="width: 100vw; height: 100vh; display: flex;">
+      <SideNavigationPanel v-bind="args" />
+      <div style="flex: 1; padding: 2rem; background: white;">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem;">Content Area</h1>
+        <p>This is where your main content would appear. The side navigation panel is on the left.</p>
+        <p style="margin-top: 1rem;">Click on the menu items to see the active state change (in a real app).</p>
+      </div>
+    </div>
+  \`
+})`,...(V=(F=v.parameters)==null?void 0:F.docs)==null?void 0:V.source}}};var W,L,O;f.parameters={...f.parameters,docs:{...(W=f.parameters)==null?void 0:W.docs,source:{originalSource:`args => ({
+  components: {
+    SideNavigationPanel
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <div style="width: 100vw; height: 100vh; display: flex;">
+      <SideNavigationPanel v-bind="args" />
+      <div style="flex: 1; padding: 2rem; background: white;">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem;">Content Area</h1>
+        <p>This is where your main content would appear. The side navigation panel is on the left.</p>
+        <p style="margin-top: 1rem;">Click on the menu items to see the active state change (in a real app).</p>
+      </div>
+    </div>
+  \`
+})`,...(O=(L=f.parameters)==null?void 0:L.docs)==null?void 0:O.source}}};var R,U,$;h.parameters={...h.parameters,docs:{...(R=h.parameters)==null?void 0:R.docs,source:{originalSource:`args => ({
+  components: {
+    SideNavigationPanel
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <div style="width: 100vw; height: 100vh; display: flex;">
+      <SideNavigationPanel v-bind="args" />
+      <div style="flex: 1; padding: 2rem; background: white;">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem;">Content Area</h1>
+        <p>This is where your main content would appear. The side navigation panel is on the left.</p>
+        <p style="margin-top: 1rem;">Click on the menu items to see the active state change (in a real app).</p>
+      </div>
+    </div>
+  \`
+})`,...($=(U=h.parameters)==null?void 0:U.docs)==null?void 0:$.source}}};var H,K,G;b.parameters={...b.parameters,docs:{...(H=b.parameters)==null?void 0:H.docs,source:{originalSource:`args => ({
+  components: {
+    SideNavigationPanel
+  },
+  setup() {
+    return {
+      args
+    };
+  },
+  template: \`
+    <div style="width: 100vw; height: 100vh; display: flex;">
+      <SideNavigationPanel v-bind="args" />
+      <div style="flex: 1; padding: 2rem; background: white;">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem;">Content Area</h1>
+        <p>This is where your main content would appear. The side navigation panel is on the left.</p>
+        <p style="margin-top: 1rem;">Click on the menu items to see the active state change (in a real app).</p>
+      </div>
+    </div>
+  \`
+})`,...(G=(K=b.parameters)==null?void 0:K.docs)==null?void 0:G.source}}};const we=["Default","DesignsActive","SettingsActive","NoActiveItem","WithActionBasedMenuItems","MinimalMenuItems","ExtendedMenuItems"];export{m as Default,p as DesignsActive,b as ExtendedMenuItems,h as MinimalMenuItems,v as NoActiveItem,g as SettingsActive,f as WithActionBasedMenuItems,we as __namedExportsOrder,ye as default};

package/.storybook-static/assets/SignIn-CE_SoJx-.css

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

package/.storybook-static/assets/SignIn-CVWfb7be.js

@@ -0,0 +1 @@
+import{H as I}from"./HelloBar-DEIIHhYa.js";import{B as q}from"./Button-CkyYO9sU.js";import{c as s,f as l,h,b as f,e as i,a as m,o as r,x as L,z as y,t as d,A as v,y as _,N as S,O as E}from"./iframe-ndUd-rmt.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{I as V}from"./Icon-B_xzgi_Q.js";const x={components:{Button:q},props:{variant:{type:String,required:!0},size:{type:String,required:!0},label:{type:String,required:!0},labelSize:{type:String,required:!0},disabled:{type:Boolean,required:!0},isLoading:{type:Boolean,required:!0}}},O={class:"tw-relative tw-w-full"};function D(t,a,e,u,n,o){const c=m("Button");return r(),s("div",O,[e.isLoading?(r(),s("div",{key:0,class:f(["tw-absolute tw-top-1/2 tw-left-1/2 tw-transform tw--translate-y-1/2",{"tw-translate-x-8":e.labelSize==="smaller","tw-translate-x-12":e.labelSize==="medium","tw-translate-x-20":e.labelSize==="larger"}])},a[0]||(a[0]=[i("img",{class:"tw-animate-spin tw-align-middle",src:"https://dcstatic.com/images/icons/loading/loading-white-2e291087b2.svg",alt:"Submitting"},null,-1)]),2)):l("",!0),h(c,{variant:e.variant,size:e.size,label:e.label,"full-width":!0,disabled:e.disabled},null,8,["variant","size","label","disabled"])])}const G=b(x,[["render",D]]);x.__docgenInfo={exportName:"default",displayName:"SubmissionButton",description:"",tags:{},props:[{name:"variant",type:{name:"string"},required:!0},{name:"size",type:{name:"string"},required:!0},{name:"label",type:{name:"string"},required:!0},{name:"labelSize",type:{name:"string"},required:!0},{name:"disabled",type:{name:"boolean"},required:!0},{name:"isLoading",type:{name:"boolean"},required:!0}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/SubmissionButton.vue"]};const C={props:{theme:{type:String,required:!1,default:"brandCrowd"},availableThemes:{type:Object,required:!1,default:void 0}},computed:{isPartnerTheme(){return this.availableThemes&&this.theme?this.theme.toLowerCase()!==this.availableThemes.BRAND_CROWD.toLowerCase():!1}}},k={LINK_CLASSES:{crazyDomains:"tw-text-primary-500 hover:tw-text-primary-600 tw-underline"},BY_PROCEEDING_TEXT:{crazyDomains:"By proceeding you accept CrazyDomains"},TERMS_AND_CONDITIONS_TEXT:{crazyDomains:"General Terms"},PRIVACY_POLICY_TEXT:{crazyDomains:"Privacy Policy"},TERMS_AND_CONDITIONS_LINK:{crazyDomains:"https://www.crazydomains.com/privacy/"},PRIVACY_POLICY_LINK:{crazyDomains:"https://www.crazydomains.com/privacy/terms-privacy-policy/"}},z={SIGN_UP_TEXT:{crazyDomains:"Don't have an account?"}},P={mixins:[C],props:{termsOfUseUrl:{type:String,required:!0},privacyPolicyUrl:{type:String,required:!0},isDesignCom:{type:Boolean,default:!1},termsAndConditions:{type:Object,required:!1,default:void 0},termsAndConditionsContentKeyPath:{type:String,required:!1,default:void 0}},data(){var t,a,e;return{legal:k,termsAndConditionsLabel:((t=this.termsAndConditions)==null?void 0:t.label)??"By proceeding you accept our {termsOfUseLabel} and {privacyPolicyLabel} and agree to receive future updates from",termsOfUseLabel:((a=this.termsAndConditions)==null?void 0:a.termsOfUseLabel)??"Terms of Use",privacyPolicyLabel:((e=this.termsAndConditions)==null?void 0:e.privacyPolicyLabel)??"Privacy Policy"}},computed:{termsAndConditionsLink(){return this.isPartnerTheme?k.TERMS_AND_CONDITIONS_LINK[this.theme]:this.termsOfUseUrl},privacyPolicyLink(){return this.isPartnerTheme?k.PRIVACY_POLICY_LINK[this.theme]:this.privacyPolicyUrl},showKeypathTermsAndConditions(){return!this.isPartnerTheme&&!!this.termsAndConditionsContentKeyPath&&!!this.termsAndConditions}}},R={key:0,class:"tw-text-center tw-text-sm tw-mt-4 tw-mb-2 tw-text-grayscale-600"},M=["href"],W=["href"],j={key:1,class:"tw-text-center tw-text-sm tw-mt-4 tw-mb-2 tw-text-grayscale-600"},K={key:0},H=["href"],Y=["href"],X={key:1},Z={key:2},Q=["href"],J=["href"];function $(t,a,e,u,n,o){const c=m("i18n-t");return o.showKeypathTermsAndConditions?(r(),s("div",R,[h(c,{keypath:e.termsAndConditionsContentKeyPath},{termsOfUseLabel:L(()=>[i("a",{href:o.termsAndConditionsLink,target:"_blank",class:f(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},d(n.termsOfUseLabel),11,M)]),privacyPolicyLabel:L(()=>[i("a",{href:o.privacyPolicyLink,target:"_blank",class:f(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},d(n.privacyPolicyLabel),11,W)]),_:1},8,["keypath"])])):(r(),s("p",j,[t.isPartnerTheme?(r(),s("span",K,[y(d(n.legal.BY_PROCEEDING_TEXT[t.theme])+" ",1),i("a",{href:o.termsAndConditionsLink,target:"_blank",class:f(n.legal.LINK_CLASSES[t.theme])},d(n.legal.TERMS_AND_CONDITIONS_TEXT[t.theme]),11,H),a[0]||(a[0]=y(" and ")),i("a",{href:o.privacyPolicyLink,target:"_blank",class:f(n.legal.LINK_CLASSES[t.theme])},d(n.legal.PRIVACY_POLICY_TEXT[t.theme]),11,Y)])):l("",!0),t.isPartnerTheme?(r(),s("span",X," and BrandCrowd's ")):(r(),s("span",Z,"By proceeding you accept our ")),i("a",{href:e.termsOfUseUrl,target:"_blank",class:f(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Terms of Use",10,Q),a[1]||(a[1]=y(" and ")),i("a",{href:e.privacyPolicyUrl,target:"_blank",class:f(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Privacy Policy",10,J),i("span",null," and agree to receive future updates from "+d(e.isDesignCom?"Design.com":"BrandCrowd")+".",1)]))}const ee=b(P,[["render",$]]);P.__docgenInfo={exportName:"default",displayName:"AuthLegal",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:"termsOfUseUrl",type:{name:"string"},required:!0},{name:"privacyPolicyUrl",type:{name:"string"},required:!0},{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"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/AuthLegal.vue","/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};function te(t){return/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(t).toLowerCase())}const U={FACEBOOK:"facebook",GOOGLE:"google"},F={components:{Icon:V},props:{label:{type:String,required:!0},url:{type:String,required:!0},type:{type:String,required:!0},disabled:{type:Boolean,required:!1,default:!1},isLoading:{type:Boolean,required:!1,default:!1}},data(){return{types:U,loadingSrc:null}},mounted(){this.loadingSrc=this.type===U.FACEBOOK?"https://bcassetcdn.com/images/icons/loading/loading-fb.svg":"https://bcassetcdn.com/images/icons/loading/loading-google.svg"}},ne=["disabled"],ae={class:"tw-flex tw-items-stretch"},ie={class:"tw-flex tw-items-center tw-z-10 tw-flex-none tw-transform -tw-translate-x-px"},re={class:"tw-relative tw-w-full tw-inline-flex tw-text-grayscale-700"},oe={key:0,class:"tw-absolute tw-top-1/2 tw-right-0 tw-transform tw--translate-y-1/2 tw--translate-x-3"},se=["src"],le={class:"tw-grow tw-my-auto tw-text-center tw-w-full tw-font-semibold tw-text-sm"};function de(t,a,e,u,n,o){const c=m("Icon");return r(),s("button",{class:f(["tw-h-full c-social-button tw-w-full tw-bg-white tw-border tw-border-solid tw-border-grayscale-500 tw-content-start tw-cursor-pointer tw-rounded tw-transition-colors tw-duration-300 tw-text-base hover:tw-bg-secondary-100",{"tw-opacity-50":e.disabled}]),disabled:e.disabled},[i("span",ae,[i("span",ie,[h(c,{name:`auth-${e.type}`,class:"tw-z-20 tw-py-3 tw-pl-3",size:"md"},null,8,["name"])]),i("span",re,[e.isLoading?(r(),s("div",oe,[i("img",{class:"tw-animate-spin tw-align-middle",src:n.loadingSrc,alt:"Submitting"},null,8,se)])):l("",!0),i("span",le,d(e.label),1)])])],10,ne)}const ue=b(F,[["render",de]]);F.__docgenInfo={exportName:"default",displayName:"SocialSignInButton",description:"",tags:{},props:[{name:"label",type:{name:"string"},required:!0},{name:"url",type:{name:"string"},required:!0},{name:"type",type:{name:"string"},required:!0},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/SocialSignInButton.vue"]};const T={components:{SocialSignInButton:ue},props:{loginWithGoogleUrl:{type:String,required:!1,default:void 0},loginWithFacebookUrl:{type:String,required:!1,default:void 0},antiForgeryToken:{type:String,required:!0},isLoading:{type:Boolean,required:!1,default:!1},facebookLoading:{type:Boolean,required:!1,default:!1},googleLoading:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},preFacebookLoginHook:{type:Function,required:!1,default:void 0},preGoogleLoginHook:{type:Function,required:!1,default:void 0},loginWithGoogleLabel:{type:String,required:!1,default:void 0},loginWithFacebookLabel:{type:String,required:!1,default:void 0}},data(){return{formFacebookUrl:this.loginWithFacebookUrl,formGoogleUrl:this.loginWithGoogleUrl,formAntiForgeryToken:this.antiForgeryToken,googleLoginLabel:this.loginWithGoogleLabel??"Continue with Google",facebookLoginLabel:this.loginWithFacebookLabel??"Continue with Facebook"}},methods:{updateFormAndSubmit(t,a={}){const{antiForgeryToken:e,returnUrl:u}=a;if(!e||!u)throw new Error("Missing antiForgeryToken or action in `updateFormAndSubmit`");switch(this.formAntiForgeryToken=e,t){case"FACEBOOK":this.formFacebookUrl=this.appendReturnUrl(this.loginWithFacebookUrl,u),setTimeout(()=>this.$refs.facebookForm.submit(),0);break;case"GOOGLE":this.formGoogleUrl=this.appendReturnUrl(this.loginWithGoogleUrl,u),setTimeout(()=>this.$refs.googleForm.submit(),0);break;default:throw new Error(`Function updateFormAndSubmit - Unknown type: ${t}`)}},appendReturnUrl(t,a){const e=t.indexOf("?")===-1?"?":"&";return`${t}${e}returnUrl=${encodeURIComponent(a)}`},appendMakerTypeStringAndRegistrationSource(t){var o,c,g,p;const a=(c=(o=window==null?void 0:window.location)==null?void 0:o.search)==null?void 0:c.match(/[?&]makerTypeString=([^&]*)/),e=(p=(g=window==null?void 0:window.location)==null?void 0:g.search)==null?void 0:p.match(/[?&]registrationSource=([^&]*)/),u=[];a&&a.length>0&&u.push(`makerTypeString=${a[1]}`),e&&e.length>0&&u.push(`registrationSource=${e[1]}`);const n=t.indexOf("?")===-1?"?":"&";return`${t}${n}${u.join("&")}`},handleFacebookFormSubmit(t){if(this.preFacebookLoginHook){t.preventDefault(),this.preFacebookLoginHook(this.updateFormAndSubmit.bind(this,"FACEBOOK"));return}this.formFacebookUrl=this.appendMakerTypeStringAndRegistrationSource(this.formFacebookUrl)},handleGoogleFormSubmit(t){if(this.preGoogleLoginHook){t.preventDefault(),this.preGoogleLoginHook(this.updateFormAndSubmit.bind(this,"GOOGLE"));return}this.formGoogleUrl=this.appendMakerTypeStringAndRegistrationSource(this.formGoogleUrl)}}},fe={class:"tw-flex tw-flex-col tw-w-full tw-gap-2"},ce=["action"],me=["value"],ge=["action"],he=["value"];function we(t,a,e,u,n,o){const c=m("SocialSignInButton");return r(),s("div",fe,[n.formGoogleUrl?(r(),s("form",{key:0,ref:"googleForm",action:n.formGoogleUrl,method:"post",onSubmit:a[0]||(a[0]=(...g)=>o.handleGoogleFormSubmit&&o.handleGoogleFormSubmit(...g))},[i("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,me),h(c,{label:n.googleLoginLabel,type:"google",disabled:e.disabled,"is-loading":e.googleLoading,url:n.formGoogleUrl},null,8,["label","disabled","is-loading","url"])],40,ce)):l("",!0),n.formFacebookUrl?(r(),s("form",{key:1,ref:"facebookForm",action:n.formFacebookUrl,method:"post",class:"tw-w-full",onSubmit:a[1]||(a[1]=(...g)=>o.handleFacebookFormSubmit&&o.handleFacebookFormSubmit(...g))},[i("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,he),h(c,{label:n.facebookLoginLabel,type:"facebook",disabled:e.disabled,"is-loading":e.facebookLoading,url:n.formFacebookUrl},null,8,["label","disabled","is-loading","url"])],40,ge)):l("",!0)])}const be=b(T,[["render",we]]);T.__docgenInfo={exportName:"default",displayName:"SocialSignIn",description:"",tags:{},props:[{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:"antiForgeryToken",type:{name:"string"},required:!0},{name:"isLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"facebookLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"googleLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"preFacebookLoginHook",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"preGoogleLoginHook",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"loginWithGoogleLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"loginWithFacebookLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/SocialSignIn.vue"]};const A={components:{HelloBar:I,Button:q,SocialSignIn:be,SubmissionButton:G,AuthLegal:ee},mixins:[C],props:{title:{type:String,required:!1,default:void 0},description:{type:String,required:!1,default:void 0},formBackgroundClass:{type:String,required:!1,default:void 0},signUpText:{type:String,required:!1,default:void 0},signUpUrl:{type:String,required:!1,default:void 0},forgotPasswordUrl:{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},isModal:{type:Boolean,required:!1,default:!1},capturePassword:{type:Boolean,default:!0},resetPasswordDescription:{type:String,default:void 0},emailLoading:{type:Boolean,required:!1,default:!1},facebookLoading:{type:Boolean,required:!1,default:!1},googleLoading:{type:Boolean,required:!1,default:!1},onForgotPassword:{type:Function,required:!1,default:void 0},submissionButtonLabel:{type:String,required:!1,default:"Continue"},isDesignCom:{type:Boolean,default:!1},preFacebookLoginHook:{type:Function,required:!1,default:void 0},preGoogleLoginHook:{type:Function,required:!1,default:void 0},termsAndConditions:{type:Object,required:!1,default:void 0},termsAndConditionsContentKeyPath:{type:String,required:!1,default:void 0},signInContent:{type:Object,required:!1,default:()=>{}}},data(){return{aUserName:this.initialUserName,password:void 0,userNameError:void 0,passwordError:void 0,loginWithGoogleLabel:this.signInContent.loginWithGoogleLabel,loginWithFacebookLabel:this.signInContent.loginWithFacebookLabel,invalidUsernameErrorLabel:this.signInContent.invalidUsernameErrorLabel??"Please enter a valid email address",missingPasswordErrorLabel:this.signInContent.missingPasswordErrorLabel??"Please enter a password",emailLabel:this.signInContent.emailLabel??"Email",emailPlaceholderLabel:this.signInContent.emailPlaceholderLabel??"Email Address",passwordPlaceholderLabel:this.signInContent.passwordPlaceholderLabel??"Password",forgotPasswordLabel:this.signInContent.forgotPasswordLabel??"Forgot Password?",resetPasswordButtonLabel:this.signInContent.resetPasswordButtonLabel??"RESET PASSWORD",orLabel:this.signInContent.orLabel??"or",signUpLabel:this.signInContent.signUpLabel??"Sign Up"}},computed:{isLoading(){return this.emailLoading||this.facebookLoading||this.googleLoading},currentLocale(){return E()},submissionButtonLabelLowercase(){return this.submissionButtonLabel.toLowerCase()},getForgotPasswordUrl(){if(typeof window>"u")return null;const t=new URL(`https://${window.location.host}${this.forgotPasswordUrl}`);return this.aUserName&&t.searchParams.set("email",this.aUserName),t},getRedirectToRecommendedActionUrl(){if(typeof window>"u")return null;const t=new URL(`https://${window.location.host}${this.recommendedActionLink}`);return this.aUserName&&t.searchParams.set("email",this.aUserName),t==null?void 0:t.toString()},submissionButtonLabelSize(){return this.submissionButtonLabel==="LOGIN"?"smaller":"medium"},getSignUpText(){return this.isPartnerTheme?z.SIGN_UP_TEXT[this.theme]:this.signUpText},getSignInAction(){var a;const t=new URLSearchParams;return t.set("locale",this.currentLocale),(a=this.$route)!=null&&a.query&&Object.entries(this.$route.query).forEach(([e,u])=>{if(e!=="locale"&&u!=null){const n=Array.isArray(u)?u[0]:u;t.set(e,n)}}),`/identity/account/signin?${t.toString()}`}},watch:{capturePassword(){this.clearErrorMessages()},initialUserName(t){t&&t!==this.aUserName&&(this.aUserName=t)}},methods:{validate(t){return this.clearErrorMessages(),!this.aUserName||!te(this.aUserName)?(this.userNameError=this.invalidUsernameErrorLabel,t.preventDefault(),!1):this.capturePassword&&!this.password?(this.passwordError=this.missingPasswordErrorLabel,t.preventDefault(),!1):this.aUserName&&this.isModal?(t.preventDefault(),this.capturePassword&&this.password?this.$emit("sign-in-request-submitted",this.aUserName,this.password):this.$emit("sign-in-request-submitted",this.aUserName),!0):this.aUserName&&this.password?!0:(t.preventDefault(),!1)},forgotPasswordClick(){if(this.onForgotPassword){this.onForgotPassword(this.aUserName);return}window.location.href=this.getForgotPasswordUrl},clearErrorMessages(){this.userNameError=void 0,this.passwordError=void 0}}},pe={key:0,class:"tw-text-left tw-mt-2 tw-mb-2"},ye={key:1,class:"tw-text-center tw-mb-6 tw-text-grayscale-600 tw-mt-0"},_e={key:2,class:"tw-text-center tw-mb-6 tw-font-semibold tw-text-info-500 tw-mt-0"},ke={class:"tw-flex tw-flex-col"},Le=["action"],ve=["value"],Se={for:"userName",class:"tw-sr-only"},Ue=["aria-invalid","placeholder"],qe={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},xe={key:1,for:"password",class:"tw-sr-only"},Ce=["aria-invalid","placeholder"],Pe={key:3,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},Fe={key:4,class:"tw-w-full tw-text-left tw-mb-4"},Te={key:0,class:"tw-text-center tw-text-grayscale-600"},Ae={class:"tw-w-full tw-inline-flex tw-items-center tw-mb-4"},Be={class:"tw-px-4"},Ne={key:0,class:"tw-order-last 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"},Ie=["href"];function Ee(t,a,e,u,n,o){const c=m("Button"),g=m("HelloBar"),p=m("SubmissionButton"),B=m("AuthLegal"),N=m("SocialSignIn");return r(),s("div",{class:f({"tw-mx-2 sm:tw-mx-8":!e.isModal})},[e.helloBar?(r(),s("div",pe,[h(g,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},{cta:L(()=>[e.recommendedActionLink?(r(),_(c,{key:0,variant:"secondary",size:"small",label:n.resetPasswordButtonLabel,class:"tw-hidden sm:tw-inline",url:o.getRedirectToRecommendedActionUrl},null,8,["label","url"])):l("",!0),e.recommendedActionLink?(r(),_(c,{key:1,variant:"secondary",size:"medium",label:n.resetPasswordButtonLabel,"full-width":!0,class:"sm:tw-hidden tw-mt-2",url:o.getRedirectToRecommendedActionUrl},null,8,["label","url"])):l("",!0)]),_:1},8,["label","description","variant"])])):l("",!0),i("div",{class:f(["lg:tw-flex tw-items-start tw-justify-center",{"tw-px-2 tw-pb-8":e.isModal,"tw-py-8":!e.isModal}])},[i("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",[e.formBackgroundClass,{"tw-border tw-border-solid tw-border-grayscale-400":!e.isModal}]])},[i("div",{class:f(["tw-w-full",{"tw-p-4 md:tw-p-8":!e.isModal}])},[e.title?(r(),s("h2",{key:0,class:f(["tw-text-center tw-text-4xl tw-font-bold",{"tw-mb-6":!e.description,"tw-mb-2":e.description}])},d(e.title),3)):l("",!0),e.description&&!e.resetPasswordDescription?(r(),s("p",ye,d(e.description),1)):l("",!0),e.resetPasswordDescription?(r(),s("p",_e,d(e.resetPasswordDescription),1)):l("",!0),i("div",ke,[i("div",null,[i("form",{id:"signin",action:o.getSignInAction,method:"post",onSubmit:a[3]||(a[3]=(...w)=>o.validate&&o.validate(...w))},[i("input",{name:"__RequestVerificationToken",type:"hidden",value:e.antiForgeryToken},null,8,ve),i("label",Se,d(n.emailLabel),1),v(i("input",{"onUpdate:modelValue":a[0]||(a[0]=w=>n.aUserName=w),name:"userName",type:"text","data-test-email-input":"","aria-required":"true","aria-invalid":!!n.userNameError,autocomplete:"email",placeholder:n.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":!!n.userNameError}])},null,10,Ue),[[S,n.aUserName]]),n.userNameError?(r(),s("p",qe,d(n.userNameError),1)):l("",!0),e.capturePassword?(r(),s("label",xe,d(n.passwordPlaceholderLabel),1)):l("",!0),e.capturePassword?v((r(),s("input",{key:2,"onUpdate:modelValue":a[1]||(a[1]=w=>n.password=w),name:"password",type:"password","data-test-password-input":"","aria-required":"true","aria-invalid":!!n.passwordError,autocomplete:"current-password",placeholder:n.passwordPlaceholderLabel,class:f(["password-input tw-h-12 tw-mb-4 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":!!n.passwordError}])},null,10,Ce)),[[S,n.password]]):l("",!0),e.capturePassword&&n.passwordError?(r(),s("p",Pe,d(n.passwordError),1)):l("",!0),e.capturePassword||e.resetPasswordDescription?(r(),s("p",Fe,[i("a",{class:"tw-text-info-500 tw-cursor-pointer hover:tw-underline",onClick:a[2]||(a[2]=w=>o.forgotPasswordClick())},d(n.forgotPasswordLabel),1)])):l("",!0),e.resetPasswordDescription?l("",!0):(r(),_(p,{key:5,"data-test-login-button":"",variant:"primary",size:"medium",label:e.submissionButtonLabel,"label-size":o.submissionButtonLabelSize,"is-loading":e.emailLoading,disabled:e.emailLoading},null,8,["label","label-size","is-loading","disabled"]))],40,Le),h(B,{"terms-of-use-url":e.termsOfUseUrl,"privacy-policy-url":e.privacyPolicyUrl,theme:t.theme,"available-themes":t.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?(r(),s("div",Te,[i("div",Ae,[a[4]||(a[4]=i("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)),i("span",Be,d(n.orLabel),1),a[5]||(a[5]=i("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))])])):l("",!0),i("div",null,[h(N,{"login-with-google-url":e.loginWithGoogleUrl,"login-with-facebook-url":e.loginWithFacebookUrl,"anti-forgery-token":e.antiForgeryToken,"pre-facebook-login-hook":e.preFacebookLoginHook,"pre-google-login-hook":e.preGoogleLoginHook,disabled:o.isLoading,"facebook-loading":e.facebookLoading,"google-loading":e.googleLoading,"login-with-google-label":n.loginWithGoogleLabel,"login-with-facebook-label":n.loginWithFacebookLabel},null,8,["login-with-google-url","login-with-facebook-url","anti-forgery-token","pre-facebook-login-hook","pre-google-login-hook","disabled","facebook-loading","google-loading","login-with-google-label","login-with-facebook-label"])])])],2),e.isModal===!1&&e.signUpText&&e.signUpUrl?(r(),s("div",Ne,[i("p",null,[y(d(o.getSignUpText)+" ",1),i("a",{href:e.signUpUrl,class:f(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},d(n.signUpLabel),11,Ie)])])):l("",!0)],2)],2)],2)}const Re=b(A,[["render",Ee],["__scopeId","data-v-ee8ff552"]]);A.__docgenInfo={exportName:"default",displayName:"SignIn",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:"description",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"formBackgroundClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signUpText",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signUpUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"forgotPasswordUrl",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:"isModal",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"capturePassword",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"resetPasswordDescription",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"emailLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"facebookLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"googleLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"onForgotPassword",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"submissionButtonLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Continue'"}},{name:"isDesignCom",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"preFacebookLoginHook",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"preGoogleLoginHook",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{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:"signInContent",type:{name:"object"},required:!1,defaultValue:{func:!0,value:"() => {}"}}],events:[{name:"sign-in-request-submitted",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/AuthFlow/SignIn.vue","/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};export{ee as A,G as S,be as a,Re as b,te as i,C as t};

package/.storybook-static/assets/Slider-Cog2FFdj.css

@@ -0,0 +1 @@
+input[data-v-76c998ff]::-webkit-outer-spin-button,input[data-v-76c998ff]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-76c998ff]{-moz-appearance:textfield}.transparent-slider[data-v-76c998ff]{-webkit-appearance:none;background:transparent}.transparent-slider[data-v-76c998ff]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:#d0d0d0;border:1px solid rgb(230 230 230)}.transparent-slider[data-v-76c998ff]::-webkit-slider-thumb{border:1px solid #d0d0d0;height:30px;width:30px;border-radius:100%;background:#fff;margin-top:-12px;cursor:pointer;-webkit-appearance:none;box-shadow:0 2px 4px #0000001a}.transparent-slider[data-v-76c998ff]:focus::-webkit-slider-thumb{border:1px solid #595959}.transparent-slider[data-v-76c998ff]::-moz-range-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:#d0d0d0;border:1px solid rgb(230 230 230)}.transparent-slider[data-v-76c998ff]::-moz-range-thumb{border:1px solid #d0d0d0;height:30px;width:30px;border-radius:100%;background:#fff;margin-top:-12px;cursor:pointer;-webkit-appearance:none;box-shadow:0 2px 4px #0000001a}