@designcrowd/fe-shared-lib 1.0.0-test-publish

package/.storybook-static/assets/SellDomainNameListModal.stories-DqoSMxKs.js

@@ -0,0 +1,71 @@
+import{d}from"./SellDomainNameList.fixtures-LC6fjr_b.js";import{S as o}from"./SellDomainNameListModal-PFmHb8L4.js";import"./Modal-BLdvoK5M.js";import"./Icon-CLd6chSw.js";import"./vue.esm-bundler-BuzEyh6o.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./SellDomainNameListSearchResult-BC9dwpco.js";import"./Button-C9BkIo_w.js";import"./ButtonPrimary-BD3XC-26.js";import"./TextInput-AbeV01jN.js";import"./FormControl.mixin-BBDP7qRp.js";import"./Loader-CIm9SBxn.js";import"./Picture-zuMOWzvt.js";import"./Price-C2LQcwTh.js";import"./event-constants-6ydiL1p5.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-BC9dwpco.js

@@ -0,0 +1 @@
+import{B as p}from"./Button-C9BkIo_w.js";import{T as D}from"./TextInput-AbeV01jN.js";import{g as l,o as n,c as s,a as r,t as c,e as f,n as m,i as u,F as I,f as T,b as B,A as L,B as C,j as g}from"./vue.esm-bundler-BuzEyh6o.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{L as P}from"./Loader-CIm9SBxn.js";import{P as k}from"./Picture-zuMOWzvt.js";import{P as V}from"./Price-C2LQcwTh.js";import{E as b}from"./event-constants-6ydiL1p5.js";const q="Search",U="Search domain names",M=2,j="Domain name",_={components:{Button:p,TextInput:D},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}},emits:["onSearch","onSearchTextInputChange"],data(){return{searchBarLabel:q,searchBarPlaceholder:U,searchText:this.initialSearchTerm??"",searchBarPreText:j}},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<M||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"},F={key:1,class:"tw-text-center tw-mb-8 tw-text-grayscale-600"},W={key:0,class:"tw-flex tw-items-center"},A={class:"tw-font-bold"};function O(t,i,e,S,w,a){const d=l("TextInput"),h=l("Button");return n(),s("div",{class:m({"tw-bg-white tw-py-4 tw-px-2 tw-align-middle tw-drop-shadow-sm tw-flex tw-justify-center":e.showWhiteSearchBackground})},[r("div",{class:m({"tw-container":e.showWhiteSearchBackground})},[e.headerTitle?(n(),s("div",E,c(e.headerTitle),1)):f("",!0),e.headerSubtitle?(n(),s("div",F,c(e.headerSubtitle),1)):f("",!0),r("div",{class:m([{"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,[r("span",A,c(w.searchBarPreText),1)])):f("",!0),u(d,{"model-value":w.searchText,class:"tw-grow",icon:"search","element-classes":a.searchTextFieldClasses,"enable-clear":!0,placeholder:w.searchBarPlaceholder,"onUpdate:modelValue":a.onSearchTextInputChange,onOnClear:a.onSearchTextInputClear,onEnterKeyUp:a.onSearchTextInputEnterKeyUp},null,8,["model-value","element-classes","placeholder","onUpdate:modelValue","onOnClear","onEnterKeyUp"]),u(h,{classes:a.searchButtonClasses,variant:"primary",label:"Search",disabled:!1,onOnClick:a.onSearchBarClick},null,8,["classes","onOnClick"])],2)],2)],2)}const we=y(_,[["render",O]]);_.__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}],events:[{name:"onSearch",type:{names:["undefined"]}},{name:"onSearchTextInputChange",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/SellDomainNameSearch/SellDomainNameSearch.vue"]};const v={components:{Button:p,Price:V},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"],methods:{onBuyNowClick(t){const i=t;typeof this.domainSearchLocation<"u"&&(i.domainSearchLocation=this.domainSearchLocation),window.dispatchEvent(new CustomEvent(b.DomainSelectedEvent,{detail:i})),this.isUserAuthenticated&&(window.location.href=t.checkoutUrl)},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)?"Free Domain":"Buy Now"}}},R=t=>(L("data-v-b479a292"),t=t(),C(),t),K={class:"tw-flex tw-w-full tw-flex-col"},Y={class:"tw-grow tw-flex tw-flex-col sm:tw-flex-row tw-justify-start"},z={key:0,class:"tw-text-xs tw-text-grayscale-600 tw-flex tw-items-center"},G=R(()=>r("span",{class:"tw-mr-2"}," Cost Price: ",-1)),H={key:1,class:"tw-px-0 tw-mt-4 sm:tw-px-4 sm:tw-mt-0"};function J(t,i,e,S,w,a){const d=l("Price"),h=l("Button");return n(),s("div",K,[r("ul",{class:m({"tw-ml-4":!e.hasBorderBoxListStyling})},[(n(!0),s(I,null,T(e.domainNameItems,(o,x)=>(n(),s("li",{key:`${o.domainName}-${x}`,class:m(["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":x>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}])},[r("div",Y,[r("div",{class:m([{"tw-text-lg":e.hasBorderBoxListStyling},"tw-grow tw-font-bold tw-break-all"])},c(o.domainName),3),o.costPrice?(n(),s("div",z,[G,u(d,{class:"tw-font-bold",amount:a.getCostPrice(o),"always-show-fraction":!0,currency:e.currency,fraction:"2","show-abbreviation":!1,suffix:"/yr"},null,8,["amount","currency"])])):f("",!0),!a.isFree(o)||o.costPrice?(n(),s("div",H,[u(d,{class:"tw-font-bold",amount:a.getPrice(o),"always-show-fraction":!0,currency:e.currency,fraction:"2","show-abbreviation":!1,suffix:"/yr"},null,8,["amount","currency"])])):f("",!0)]),u(h,{label:a.getPurchaseLabel(o),class:"c-sell-domain-name-list--button tw-flex tw-justify-end",variant:"outline-success",onOnClick:re=>a.onBuyNowClick(o)},null,8,["label","onOnClick"])],2))),128))],2),e.shouldShowLoadMoreDomainsButton?(n(),B(h,{key:0,label:e.loadMoreDomainsButtonText,class:"tw-self-center",variant:"outline",onOnClick:i[0]||(i[0]=o=>t.$emit("load-more-domains"))},null,8,["label"])):f("",!0)])}const Q=y(v,[["render",J],["__scopeId","data-v-b479a292"]]);v.__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"}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/SellDomainNameList/SellDomainNameList.vue"]};const N={components:{SellDomainNameList:Q,Loader:P,Picture:k},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}},data(){return{domainNameItemsInView:void 0}},computed:{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(b.DomainLoadMoreEvent)),this.domainNameItemsInView+=this.domainNameItemsPerPage},resetDomainNameItemsInView(){this.domainNameItemsInView=this.domainNameItemsPerPage}}},X={key:0,class:"tw-h-full tw-flex tw-items-center tw-justify-center tw-p-2"},Z={key:1,class:"tw-flex tw-items-center tw-flex-col tw-py-10 tw-my-10"},$={class:"tw-flex tw-flex-col tw-items-center"},ee={class:"tw-font-bold tw-text-2xl tw-mt-2 tw-text-center"},te={class:"tw-text-lg tw-mt-2 tw-text-center"},ae={key:3,class:"tw-flex tw-justify-center tw-text-center"},ne=r("br",null,null,-1),se={key:4};function oe(t,i,e,S,w,a){const d=l("Loader"),h=l("Picture"),o=l("SellDomainNameList");return n(),s("div",{class:m([{"tw-container":e.isContainerWidth},"tw-px-4"])},[e.isBusy?(n(),s("div",X,[u(d)])):a.shouldShowEmptyDomainSearch?(n(),s("div",Z,[u(h,{"default-image-url":e.emptyDomainSearch.imageUrl,alt:e.emptyDomainSearch.imageAlt,sources:[{srcset:`${e.emptyDomainSearch.imageUrl}`}]},null,8,["default-image-url","alt","sources"]),r("div",$,[r("p",ee,c(e.emptyDomainSearch.title),1),r("p",te,c(e.emptyDomainSearch.description),1)])])):a.shouldShowSellDomainNameList?(n(),B(o,{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},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"])):a.shouldShowDomainNameNotFound?(n(),s("div",ae,[g(` Sorry, we couldn't find any domain for "`+c(e.previousSearchText)+'". ',1),ne,g(" Try searching with another domain name. ")])):(n(),s("div",se))],2)}const ye=y(N,[["render",oe]]);N.__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"}}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/SellDomainNameSearchResult/SellDomainNameListSearchResult.vue"]};export{we as S,ye as a,U as b,M as c,q as s};

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

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

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

@@ -0,0 +1 @@
+import{S as d,a as h}from"./SellDomainNameListSearchResult-BC9dwpco.js";import{b as f}from"./brand-crowd-api.client-CfTgrTzo.js";import{E as y}from"./event-constants-6ydiL1p5.js";import{c as S,i as s,g as r,o as g}from"./vue.esm-bundler-BuzEyh6o.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const N="textChanged",o={components:{SellDomainNameSearch:d,SellDomainNameSearchResult:h},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}},data:()=>({domainNameItems:void 0,userCurrency:void 0,isBusy:!1,isSearchDomainListModalVisible:!1,searchText:"",previousSearchText:""}),watch:{initialSearchTerm(e){this.searchText=e,this.searchDomainName(this.initialSearchTerm,!0)}},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),await this.searchDomainName(e.searchText,e.isUserTriggered)},async searchDomainName(e,n){this.isBusy=!0;const a=this.cleanText(e);this.previousSearchText=a;try{const i={keyword:a,isUserTriggered:n,userText:e,limit:this.domainNameSearchLimit};this.designDraftToken&&(i.designDraftToken=this.designDraftToken),this.domainNameSearchOrigin&&(i.domainNameSearchOrigin=this.domainNameSearchOrigin),this.domainSearchLocation&&(i.domainSearchLocation=this.domainSearchLocation),window.dispatchEvent(new CustomEvent(y.DomainSearchEvent,{detail:i}));const t=await f.searchDomainNamesByKeywordAsync(i);if(!t){this.domainNameItems=[];return}this.displayResultLimit?this.domainNameItems=t.items.slice(0,this.displayResultLimit):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()},isUserTriggered(){var n;return((n=new URLSearchParams(window.location.search).get(N))==null?void 0:n.toUpperCase())==="TRUE"||!1}}};function T(e,n,a,i,t,m){const l=r("SellDomainNameSearch"),u=r("SellDomainNameSearchResult");return g(),S("div",null,[s(l,{"is-design-com":a.isDesignCom,"initial-search-term":a.initialSearchTerm,"show-white-search-background":a.showWhiteSearchBackground,onOnSearch:m.onSearchDomainName},null,8,["is-design-com","initial-search-term","show-white-search-background","onOnSearch"]),s(u,{modelValue:e.searchText,"onUpdate:modelValue":n[0]||(n[0]=c=>e.searchText=c),"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},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"])])}const w=p(o,[["render",T]]);o.__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"}}],events:[{name:"on-change-search",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/SellDomainNameSearchWithResults/SellDomainNameSearchWithResults.vue"]};export{w as S};

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

@@ -0,0 +1,37 @@
+import{d as a}from"./SellDomainNameList.fixtures-LC6fjr_b.js";import{S as n}from"./SellDomainNameSearchWithResults-CdmFjQux.js";import"./SellDomainNameListSearchResult-BC9dwpco.js";import"./Button-C9BkIo_w.js";import"./ButtonPrimary-BD3XC-26.js";import"./vue.esm-bundler-BuzEyh6o.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-CLd6chSw.js";import"./TextInput-AbeV01jN.js";import"./FormControl.mixin-BBDP7qRp.js";import"./Loader-CIm9SBxn.js";import"./Picture-zuMOWzvt.js";import"./Price-C2LQcwTh.js";import"./event-constants-6ydiL1p5.js";import"./brand-crowd-api.client-CfTgrTzo.js";import"./axios-dxcvQi4N.js";import"./api-lSJGRrF2.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-CSH2m1ht.js

@@ -0,0 +1,36 @@
+import{B as S}from"./Button-C9BkIo_w.js";import{T as D}from"./TextInput-AbeV01jN.js";import{S as N}from"./SellDomainNameListModal-PFmHb8L4.js";import{s as b,b as g,c as T}from"./SellDomainNameListSearchResult-BC9dwpco.js";import{E as w}from"./event-constants-6ydiL1p5.js";import{b as x}from"./brand-crowd-api.client-CfTgrTzo.js";import{c as C,j as v,a as B,i,g as l,o as V}from"./vue.esm-bundler-BuzEyh6o.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-BD3XC-26.js";import"./Icon-CLd6chSw.js";import"./FormControl.mixin-BBDP7qRp.js";import"./Modal-BLdvoK5M.js";import"./Loader-CIm9SBxn.js";import"./Picture-zuMOWzvt.js";import"./Price-C2LQcwTh.js";import"./axios-dxcvQi4N.js";import"./api-lSJGRrF2.js";const u={components:{Button:S,TextInput:D,SellDomainNameListModal:N},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}},data:()=>({domainNameItems:void 0,userCurrency:void 0,isBusy:!1,isSearchDomainListModalVisible:!1,searchBarLabel:b,searchBarPlaceholder:g,searchText:"",previousSearchText:""}),created(){this.businessName&&(this.searchText=this.businessName)},methods:{async showModal(){this.domainNameItems=[],this.previousSearchText="",this.isSearchDomainListModalVisible=!0,this.searchText.length>T&&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=a;try{const n={keyword:a,isUserTriggered:e,userText:this.searchText};this.designDraftToken&&(n.designDraftToken=this.designDraftToken),window.dispatchEvent(new CustomEvent(w.DomainSearchEvent,{detail:n}));const t=await x.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()}}},I={class:"tw-flex tw-flex-col md:tw-flex-row tw-mt-4 tw-mb-4"};function L(e,a,n,t,k,s){const p=l("TextInput"),f=l("Button"),y=l("SellDomainNameListModal");return V(),C("div",null,[v(" Buy matching domain name for your brand or connect your existing domain "),B("div",I,[i(p,{modelValue:e.searchText,"onUpdate:modelValue":a[0]||(a[0]=o=>e.searchText=o),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:e.searchBarPlaceholder,onOnClear:s.onSearchTextInputClear,onEnterKeyUp:s.onSearchTextInputEnterKeyUp},null,8,["modelValue","element-classes","placeholder","onOnClear","onEnterKeyUp"]),i(f,{classes:"tw-w-full tw-mt-2 md:tw-rounded-l-none md:tw-mt-0",variant:"primary",label:"Search",disabled:!1,onOnClick:s.onSearchBarClick},null,8,["onOnClick"])]),i(y,{modelValue:e.searchText,"onUpdate:modelValue":a[1]||(a[1]=o=>e.searchText=o),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,onCloseModal:s.onSellDomainNameListCloseModal,onSearch:a[2]||(a[2]=o=>s.onSearchDomainName(!0))},null,8,["modelValue","currency","is-busy","is-design-com","domain-name-items","previous-search-text","visible","onCloseModal"])])}const h=M(u,[["render",L]]);u.__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/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue"]};const X={title:"Components/SellDomainNameWidget",component:h},r=()=>({components:{SellDomainNameWidget:h},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 m,c,d;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.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>
+    \`
+  };
+}`,...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const Y=["Sample"];export{r as Sample,Y as __namedExportsOrder,X as default};

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

@@ -0,0 +1 @@
+import{H as E}from"./HelloBar-DtIRdNgP.js";import{B as x}from"./Button-C9BkIo_w.js";import{g,o as i,c as s,n as d,e as l,i as w,a as r,j as y,t as m,C as A,x as k,G as S,b as v,A as V,B as O}from"./vue.esm-bundler-BuzEyh6o.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{I as D}from"./Icon-CLd6chSw.js";const q={components:{Button:x},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}}},G={class:"tw-relative tw-w-full"},R=r("img",{class:"tw-animate-spin tw-align-middle",src:"https://dcstatic.com/images/icons/loading/loading-white-2e291087b2.svg",alt:"Submitting"},null,-1),z=[R];function M(t,n,e,u,a,o){const c=g("Button");return i(),s("div",G,[e.isLoading?(i(),s("div",{key:0,class:d(["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"}])},z,2)):l("",!0),w(c,{variant:e.variant,size:e.size,label:e.label,"full-width":!0,disabled:e.disabled},null,8,["variant","size","label","disabled"])])}const j=p(q,[["render",M]]);q.__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/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/AuthFlow/SubmissionButton.vue"]};const L={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}}},_={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/"}},W={SIGN_UP_TEXT:{crazyDomains:"Don't have an account?"}},F={mixins:[L],props:{termsOfUseUrl:{type:String,required:!0},privacyPolicyUrl:{type:String,required:!0},isDesignCom:{type:Boolean,default:!1}},data(){return{legal:_}},computed:{termsAndConditionsLink(){return this.isPartnerTheme?_.TERMS_AND_CONDITIONS_LINK[this.theme]:this.termsOfUseUrl},privacyPolicyLink(){return this.isPartnerTheme?_.PRIVACY_POLICY_LINK[this.theme]:this.privacyPolicyUrl}}},H={class:"tw-text-center tw-text-sm tw-mt-4 tw-mb-2 tw-text-grayscale-600"},K={key:0},Y=["href"],X=["href"],Z={key:1},Q={key:2},J=["href"],$=["href"];function ee(t,n,e,u,a,o){return i(),s("p",H,[t.isPartnerTheme?(i(),s("span",K,[y(m(a.legal.BY_PROCEEDING_TEXT[t.theme])+" ",1),r("a",{href:o.termsAndConditionsLink,target:"_blank",class:d(a.legal.LINK_CLASSES[t.theme])},m(a.legal.TERMS_AND_CONDITIONS_TEXT[t.theme]),11,Y),y(" and "),r("a",{href:o.privacyPolicyLink,target:"_blank",class:d(a.legal.LINK_CLASSES[t.theme])},m(a.legal.PRIVACY_POLICY_TEXT[t.theme]),11,X)])):l("",!0),t.isPartnerTheme?(i(),s("span",Z," and BrandCrowd's ")):(i(),s("span",Q,"By proceeding you accept our ")),r("a",{href:e.termsOfUseUrl,target:"_blank",class:d(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Terms of Use",10,J),y(" and "),r("a",{href:e.privacyPolicyUrl,target:"_blank",class:d(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Privacy Policy",10,$),r("span",null," and agree to receive future updates from "+m(e.isDesignCom?"Design.com":"BrandCrowd")+".",1)])}const te=p(F,[["render",ee]]);F.__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"}}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/AuthFlow/AuthLegal.vue","/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/mixins/themeMixin.js"]};function ae(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"},T={components:{Icon:D},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"}},re=["disabled"],ne={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"},oe={class:"tw-relative tw-w-full tw-inline-flex tw-text-grayscale-700"},se={key:0,class:"tw-absolute tw-top-1/2 tw-right-0 tw-transform tw--translate-y-1/2 tw--translate-x-3"},le=["src"],de={class:"tw-grow tw-my-auto tw-text-center tw-w-full tw-font-semibold tw-text-sm"};function ue(t,n,e,u,a,o){const c=g("Icon");return i(),s("button",{class:d(["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},[r("span",ne,[r("span",ie,[w(c,{name:`auth-${e.type}`,class:"tw-z-20 tw-py-3 tw-pl-3",size:"md"},null,8,["name"])]),r("span",oe,[e.isLoading?(i(),s("div",se,[r("img",{class:"tw-animate-spin tw-align-middle",src:a.loadingSrc,alt:"Submitting"},null,8,le)])):l("",!0),r("span",de,m(e.label),1)])])],10,re)}const ce=p(T,[["render",ue]]);T.__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/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/AuthFlow/SocialSignInButton.vue"]};const N={components:{SocialSignInButton:ce},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}},data(){return{formFacebookUrl:this.loginWithFacebookUrl,formGoogleUrl:this.loginWithGoogleUrl,formAntiForgeryToken:this.antiForgeryToken}},methods:{updateFormAndSubmit(t,n={}){const{antiForgeryToken:e,returnUrl:u}=n;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,n){const e=t.indexOf("?")===-1?"?":"&";return`${t}${e}returnUrl=${encodeURIComponent(n)}`},appendMakerTypeStringAndRegistrationSource(t){var o,c,f,b;const n=(c=(o=window==null?void 0:window.location)==null?void 0:o.search)==null?void 0:c.match(/[?&]makerTypeString=([^&]*)/),e=(b=(f=window==null?void 0:window.location)==null?void 0:f.search)==null?void 0:b.match(/[?&]registrationSource=([^&]*)/),u=[];n&&n.length>0&&u.push(`makerTypeString=${n[1]}`),e&&e.length>0&&u.push(`registrationSource=${e[1]}`);const a=t.indexOf("?")===-1?"?":"&";return`${t}${a}${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)}}},me={class:"tw-flex tw-flex-col tw-w-full tw-gap-2"},fe=["action"],ge=["value"],we=["action"],he=["value"];function pe(t,n,e,u,a,o){const c=g("SocialSignInButton");return i(),s("div",me,[a.formGoogleUrl?(i(),s("form",{key:0,ref:"googleForm",action:a.formGoogleUrl,method:"post",onSubmit:n[0]||(n[0]=(...f)=>o.handleGoogleFormSubmit&&o.handleGoogleFormSubmit(...f))},[r("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,ge),w(c,{label:"Continue with Google",type:"google",disabled:e.disabled,"is-loading":e.googleLoading,url:a.formGoogleUrl},null,8,["disabled","is-loading","url"])],40,fe)):l("",!0),a.formFacebookUrl?(i(),s("form",{key:1,ref:"facebookForm",action:a.formFacebookUrl,method:"post",class:"tw-w-full",onSubmit:n[1]||(n[1]=(...f)=>o.handleFacebookFormSubmit&&o.handleFacebookFormSubmit(...f))},[r("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,he),w(c,{label:"Continue with Facebook",type:"facebook",disabled:e.disabled,"is-loading":e.facebookLoading,url:a.formFacebookUrl},null,8,["disabled","is-loading","url"])],40,we)):l("",!0)])}const be=p(N,[["render",pe]]);N.__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"}}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/AuthFlow/SocialSignIn.vue"]};const P={components:{HelloBar:E,Button:x,SocialSignIn:be,SubmissionButton:j,AuthLegal:te},mixins:[L],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,required:!1,default:!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}},data(){return{aUserName:this.initialUserName,password:void 0,userNameError:void 0,passwordError:void 0}},computed:{isLoading(){return this.emailLoading||this.facebookLoading||this.googleLoading},submissionButtonLabelLowercase(){return this.submissionButtonLabel.toLowerCase()},getSignUpUrl(){if(typeof window>"u")return null;const t=new URL(`https://${window.location.host}${this.signUpUrl}`);return this.aUserName&&t.searchParams.append("initialUserName",this.aUserName),t},getForgotPasswordUrl(){if(typeof window>"u")return null;const t=new URL(`https://${window.location.host}${this.forgotPasswordUrl}`);return this.aUserName&&t.searchParams.append("email",this.aUserName),t},getRedirectToRecommendedActionUrl(){const t=new URL(`https://${window.location.host}${this.recommendedActionLink}`);return this.aUserName&&t.searchParams.append("email",this.aUserName),t==null?void 0:t.toString()},submissionButtonLabelSize(){return this.submissionButtonLabel==="LOGIN"?"smaller":"medium"},getSignUpText(){return this.isPartnerTheme?W.SIGN_UP_TEXT[this.theme]:this.signUpText}},watch:{capturePassword(){this.clearErrorMessages()},initialUserName(t){this.aUserName=t}},methods:{validate(t){return this.clearErrorMessages(),!this.aUserName||!ae(this.aUserName)?(this.userNameError="Please enter a valid email address",t.preventDefault(),!1):this.capturePassword&&!this.password?(this.passwordError="Please enter a password",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}}},B=t=>(V("data-v-1c82119d"),t=t(),O(),t),ye={key:0,class:"tw-text-left tw-mt-8"},_e={key:1,class:"tw-text-center tw-mb-6 tw-text-grayscale-600 tw-mt-0"},ke={class:"tw-flex tw-flex-col"},Se=["value"],ve=B(()=>r("label",{for:"userName",class:"tw-sr-only"}," Email ",-1)),Ue=["aria-invalid"],xe={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},qe={key:1,for:"password",class:"tw-sr-only"},Le=["aria-invalid"],Fe={key:3,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},Te={key:4,class:"tw-w-full tw-text-left tw-mb-4"},Ne={key:0,class:"tw-text-center tw-text-grayscale-600"},Pe=B(()=>r("div",{class:"tw-w-full tw-inline-flex tw-items-center tw-mb-4"},[r("div",{class:"tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"}),r("span",{class:"tw-px-4"}," or "),r("div",{class:"tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"})],-1)),Be=[Pe],Ce={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,n,e,u,a,o){const c=g("Button"),f=g("HelloBar"),b=g("SubmissionButton"),C=g("AuthLegal"),I=g("SocialSignIn");return i(),s("div",{class:d({"tw-mx-2 sm:tw-mx-8":!e.isModal})},[e.helloBar?(i(),s("div",ye,[w(f,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},{cta:A(()=>[e.recommendedActionLink?(i(),v(c,{key:0,variant:"secondary",size:"small",label:"RESET PASSWORD",class:"tw-hidden sm:tw-inline",url:o.getRedirectToRecommendedActionUrl},null,8,["url"])):l("",!0),e.recommendedActionLink?(i(),v(c,{key:1,variant:"secondary",size:"medium",label:"RESET PASSWORD","full-width":!0,class:"sm:tw-hidden tw-mt-2",url:o.getRedirectToRecommendedActionUrl},null,8,["url"])):l("",!0)]),_:1},8,["label","description","variant"])])):l("",!0),r("div",{class:d(["lg:tw-flex tw-items-start tw-justify-center",{"tw-px-2 tw-pb-8":e.isModal,"tw-py-8":!e.isModal}])},[r("div",{class:d(["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}]])},[r("div",{class:d(["tw-w-full",{"tw-p-4 md:tw-p-8":!e.isModal}])},[e.title?(i(),s("h2",{key:0,class:d(["tw-text-center tw-text-4xl tw-font-bold",{"tw-mb-6":!e.description,"tw-mb-2":e.description}])},m(e.title),3)):l("",!0),e.description?(i(),s("p",_e,m(e.description),1)):l("",!0),r("div",ke,[r("div",null,[r("form",{id:"signin",method:"post",onSubmit:n[3]||(n[3]=(...h)=>o.validate&&o.validate(...h))},[r("input",{name:"__RequestVerificationToken",type:"hidden",value:e.antiForgeryToken},null,8,Se),ve,k(r("input",{"onUpdate:modelValue":n[0]||(n[0]=h=>a.aUserName=h),name:"userName",type:"email","data-test-email-input":"","aria-required":"true","aria-invalid":!!a.userNameError,autocomplete:"email",placeholder:"Email address",class:d(["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":!!a.userNameError}])},null,10,Ue),[[S,a.aUserName]]),a.userNameError?(i(),s("p",xe,m(a.userNameError),1)):l("",!0),e.capturePassword?(i(),s("label",qe," Password ")):l("",!0),e.capturePassword?k((i(),s("input",{key:2,"onUpdate:modelValue":n[1]||(n[1]=h=>a.password=h),name:"password",type:"password","data-test-password-input":"","aria-required":"true","aria-invalid":!!a.passwordError,autocomplete:"current-password",placeholder:"Password",class:d(["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":!!a.passwordError}])},null,10,Le)),[[S,a.password]]):l("",!0),e.capturePassword&&a.passwordError?(i(),s("p",Fe,m(a.passwordError),1)):l("",!0),e.capturePassword?(i(),s("p",Te,[r("a",{class:"tw-text-info-500 tw-cursor-pointer hover:tw-underline",onClick:n[2]||(n[2]=h=>o.forgotPasswordClick())}," Forgot Password? ")])):l("",!0),w(b,{"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"])],32),w(C,{"terms-of-use-url":e.termsOfUseUrl,"privacy-policy-url":e.privacyPolicyUrl,theme:t.theme,"available-themes":t.availableThemes,"is-design-com":e.isDesignCom},null,8,["terms-of-use-url","privacy-policy-url","theme","available-themes","is-design-com"])]),e.loginWithFacebookUrl||e.loginWithGoogleUrl?(i(),s("div",Ne,Be)):l("",!0),r("div",null,[w(I,{"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},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"])])])],2),e.isModal===!1&&e.signUpText&&e.signUpUrl?(i(),s("div",Ce,[r("p",null,[y(m(o.getSignUpText)+" ",1),r("a",{href:o.getSignUpUrl,class:d(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Sign Up",10,Ie)])])):l("",!0)],2)],2)],2)}const Re=p(P,[["render",Ee],["__scopeId","data-v-1c82119d"]]);P.__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"},required:!1,defaultValue:{func:!1,value:"true"}},{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"}}],events:[{name:"sign-in-request-submitted",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/components/AuthFlow/SignIn.vue","/Users/brooke.couchman/Projects/bc-shared-experience-library/src/experiences/mixins/themeMixin.js"]};export{te as A,Re as S,be as a,j as b,L as t};

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

@@ -0,0 +1 @@
+@import"https://www.design.com/dist/css/app.css?v=DsRrpysI6eCx0491iE-huMIizNDbk9BnFNJjtY4_814";.email-input[data-v-1c82119d]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-1c82119d]{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-1c82119d]{padding-left:2.5rem!important}

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

@@ -0,0 +1 @@
+input[data-v-6fdf3f31]::-webkit-outer-spin-button,input[data-v-6fdf3f31]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-6fdf3f31]{-moz-appearance:textfield}.transparent-slider[data-v-6fdf3f31]{-webkit-appearance:none;background:transparent}.transparent-slider[data-v-6fdf3f31]::-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-6fdf3f31]::-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-6fdf3f31]:focus::-webkit-slider-thumb{border:1px solid #595959}.transparent-slider[data-v-6fdf3f31]::-moz-range-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:#d0d0d0;border:1px solid rgb(230 230 230)}.transparent-slider[data-v-6fdf3f31]::-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}

package/.storybook-static/assets/Slider.stories-Soa4tvwi.js

@@ -0,0 +1,129 @@
+import{c as u,t as S,e as V,a as r,n as m,w as s,k as c,o as d}from"./vue.esm-bundler-BuzEyh6o.js";import{_ as G}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{B as H}from"./Button-C9BkIo_w.js";import"./ButtonPrimary-BD3XC-26.js";import"./Icon-CLd6chSw.js";const P={props:{min:{type:Number,required:!1,default:0},max:{type:Number,required:!1,default:100},modelValue:{type:String,required:!1,default:void 0},suffix:{type:String,required:!1,default:void 0},label:{type:String,required:!1,default:void 0},transparent:{type:Boolean,required:!1,default:!1},step:{type:Number,required:!1,default:1},sliderRangeInputId:{type:String,required:!1,default:void 0},sliderValueInputId:{type:String,required:!1,default:void 0},onSliderMouseDown:{type:Function,required:!1,default:void 0},onSliderMouseUp:{type:Function,required:!1,default:void 0}},data(){return{sliderValue:this.modelValue,decimalRegex:/^[0-9]*\.[0-9]*$/,isInteracting:!1}},computed:{isDecimal(){return!!this.decimalRegex.test(this.step)}},watch:{modelValue(t){this.sliderValue=t}},methods:{focus(){this.$refs.inputSlider.focus()},setValue(t){this.sliderValue=this.sliderValue>this.max?this.max:Number.parseFloat(t),this.$emit("update:model-value",t)},setInput(t){if(t.target.value===""||t.target.value==="-")return;const e=this.isDecimal?t.target.value:Math.round(parseFloat(t.target.value));let n=0;if(e>this.max?n=this.max:Number.isNaN(e)?n=this.min:n=e,this.isDecimal)if(this.decimalRegex.test(n))this.updateValue(n,t);else{const x=e.replace(/[^\d.]/g,"");this.updateValue(x,t)}else this.updateValue(n,t)},checkLimit(t){let e=0;if(Number.isNaN(this.sliderValue)?e=this.min:this.sliderValue<=this.min?e=this.min:this.sliderValue>this.max?e=this.max:e=this.sliderValue,this.decimalRegex.test(this.sliderValue)){const n=parseFloat(e).toFixed(1);this.updateValue(n,t)}else this.updateValue(e,t)},limitToMinimum(t){if(this.sliderValue<=this.min)t.preventDefault(),this.updateValue(this.min,t);else{let e=0;this.isDecimal?e=(parseFloat(t.target.value)-this.step).toFixed(1):e=parseFloat(t.target.value)-this.step,this.updateValue(e,t)}},limitToMaximum(t){if(this.sliderValue>=this.max)t.preventDefault(),this.updateValue(this.max,t);else{let e=0;this.isDecimal?e=(parseFloat(t.target.value)+this.step).toFixed(1):e=parseFloat(t.target.value)+this.step,this.updateValue(e,t)}},updateValue(t,e){this.sliderValue=t,e.target.value=t,this.$emit("update:model-value",t)},handleSliderMouseDown(){typeof this.onSliderMouseDown=="function"&&(this.isInteracting=!0,this.onSliderMouseDown())},handleSliderMouseUp(){typeof this.onSliderMouseUp=="function"&&this.isInteracting&&(this.isInteracting=!1,this.onSliderMouseUp())}}},J={key:0},Q={key:0,class:"tw-w-full tw-mr-4"},X=["id","value","min","max","step"],Y=["id","value","step"],Z={key:0,class:"tw-w-full tw-mr-4"},_=["value","min","max"],$=["value","step"];function ee(t,e,n,x,o,l){return d(),u("div",{onMouseup:e[14]||(e[14]=(...a)=>l.handleSliderMouseUp&&l.handleSliderMouseUp(...a))},[n.suffix?(d(),u("div",{key:1,class:m({"tw-flex tw-flex-row tw-gap-4 tw-items-center":n.label,"tw-grid tw-grid-cols-3 tw-gap-3":!n.label})},[n.label?(d(),u("p",Z,S(n.label),1)):V("",!0),r("input",{value:o.sliderValue,type:"range",min:n.min,max:n.max,class:m(["slider",{"tw-w-full":n.label,"tw-col-span-2":!n.label,"transparent-slider":n.transparent}]),onInput:e[6]||(e[6]=a=>l.setValue(a.target.value)),onMousedown:e[7]||(e[7]=(...a)=>l.handleSliderMouseDown&&l.handleSliderMouseDown(...a))},null,42,_),r("div",{class:"tw-rounded-r tw-rounded-l tw-py-2 tw-bg-white tw-text-grayscale-600 tw-box-border tw-w-full tw-text-base tw-px-4 tw-border tw-border-solid focus:tw-outline-none tw-transition-colors tw-duration-300 tw-ease-out tw-shadow-inner tw-flex",onClick:e[13]||(e[13]=s((...a)=>l.focus&&l.focus(...a),["stop"]))},[r("input",{ref:"inputSlider",value:o.sliderValue,type:"text",step:n.step,class:"tw-border-none focus:tw-outline-none tw-w-full",onInput:e[8]||(e[8]=s((...a)=>l.setInput&&l.setInput(...a),["stop"])),onBlur:e[9]||(e[9]=s((...a)=>l.checkLimit&&l.checkLimit(...a),["stop"])),onKeydown:[e[10]||(e[10]=c((...a)=>l.limitToMinimum&&l.limitToMinimum(...a),["down"])),e[11]||(e[11]=c((...a)=>l.limitToMaximum&&l.limitToMaximum(...a),["up"]))]},null,40,$),r("span",{class:"tw-cursor-text",onClick:e[12]||(e[12]=s((...a)=>l.focus&&l.focus(...a),["stop"]))},S(n.suffix),1)])],2)):(d(),u("div",J,[n.label?(d(),u("p",Q,S(n.label),1)):V("",!0),r("div",{class:m({"tw-flex tw-flex-row tw-gap-4 tw-items-center":n.label,"tw-grid tw-grid-cols-3 tw-gap-3":!n.label})},[r("input",{id:n.sliderRangeInputId,value:o.sliderValue,type:"range",min:n.min,max:n.max,step:n.step,class:m(["slider",{"tw-w-full":n.label,"tw-col-span-2":!n.label,"transparent-slider":n.transparent}]),onInput:e[0]||(e[0]=a=>l.setValue(a.target.value)),onMousedown:e[1]||(e[1]=(...a)=>l.handleSliderMouseDown&&l.handleSliderMouseDown(...a))},null,42,X),r("input",{id:n.sliderValueInputId,value:o.sliderValue,type:"text",step:n.step,class:"tw-rounded-r tw-rounded-l tw-py-2 tw-bg-white tw-text-grayscale-600 tw-box-border tw-w-full tw-text-base tw-px-4 tw-border tw-border-solid focus:tw-outline-none tw-transition-colors tw-duration-300 tw-ease-out tw-shadow-inner",onInput:e[2]||(e[2]=s((...a)=>l.setInput&&l.setInput(...a),["stop"])),onBlur:e[3]||(e[3]=s((...a)=>l.checkLimit&&l.checkLimit(...a),["stop"])),onKeydown:[e[4]||(e[4]=c((...a)=>l.limitToMinimum&&l.limitToMinimum(...a),["down"])),e[5]||(e[5]=c((...a)=>l.limitToMaximum&&l.limitToMaximum(...a),["up"]))]},null,40,Y)],2)]))],32)}const i=G(P,[["render",ee],["__scopeId","data-v-6fdf3f31"]]);P.__docgenInfo={exportName:"default",displayName:"Slider",description:"",tags:{},props:[{name:"min",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"max",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"100"}},{name:"modelValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"suffix",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"label",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"transparent",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"step",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"1"}},{name:"sliderRangeInputId",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"sliderValueInputId",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"onSliderMouseDown",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"onSliderMouseUp",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"update:model-value",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/atoms/components/Slider/Slider.vue"]};const re={title:"Components/Slider",component:i,parameters:{layout:"centered"}},f=()=>({components:{Slider:i},template:`
+        <Slider :min="12" :max="128"  :model-value="16"/>
+      `}),p=()=>({components:{Slider:i},template:`
+        <Slider :min="1" :max="2.5" :step="0.1" :model-value="1.2"/>
+      `}),w=()=>({components:{Slider:i},template:`
+        <Slider :min="0" :max="100" suffix="%" />
+      `}),b=()=>({components:{Slider:i},template:`
+        <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="50" />
+      `}),h=()=>({components:{Slider:i,Button:H},data(){return{obj1:{value:20},obj2:{value:30},currentObj:null}},mounted(){this.currentObj=this.obj1},template:`
+        <div class="tw-flex tw-gap-4">
+          <Button variant="secondary" label="Obj1" @click="buttonClick(obj1)"/>
+          <Button variant="secondary" label="Obj2" @click="buttonClick(obj2)"/>
+        </div>
+        <div class="tw-w-96">
+          <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="currentObj.value" />
+        </div>
+      `,methods:{buttonClick(t){this.currentObj=t}}}),g=()=>({components:{Slider:i},template:`
+        <div class="tw-flex-col tw-gap-2" >
+          <p>{{ isInteracting ? 'Interacting' : 'Not interacting' }}</p>
+          <Slider :min="0" :max="100" :model-value="50" :on-slider-mouse-down="onMouseDown" :on-slider-mouse-up="onMouseUp" />
+        </div>
+      `,data(){return{isInteracting:!1}},methods:{onMouseDown(){this.isInteracting=!0},onMouseUp(){this.isInteracting=!1}}}),v=()=>({components:{Slider:i},template:`
+        <Slider :min="-100" :max="100"  :model-value="0"/>
+      `});var y,M,I;f.parameters={...f.parameters,docs:{...(y=f.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="12" :max="128"  :model-value="16"/>
+      \`
+  };
+}`,...(I=(M=f.parameters)==null?void 0:M.docs)==null?void 0:I.source}}};var j,k,D;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="1" :max="2.5" :step="0.1" :model-value="1.2"/>
+      \`
+  };
+}`,...(D=(k=p.parameters)==null?void 0:k.docs)==null?void 0:D.source}}};var q,N,O;w.parameters={...w.parameters,docs:{...(q=w.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="0" :max="100" suffix="%" />
+      \`
+  };
+}`,...(O=(N=w.parameters)==null?void 0:N.docs)==null?void 0:O.source}}};var F,U,B;b.parameters={...b.parameters,docs:{...(F=b.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="50" />
+      \`
+  };
+}`,...(B=(U=b.parameters)==null?void 0:U.docs)==null?void 0:B.source}}};var L,T,C;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider,
+      Button
+    },
+    data() {
+      return {
+        obj1: {
+          value: 20
+        },
+        obj2: {
+          value: 30
+        },
+        currentObj: null
+      };
+    },
+    mounted() {
+      this.currentObj = this.obj1;
+    },
+    template: \`
+        <div class="tw-flex tw-gap-4">
+          <Button variant="secondary" label="Obj1" @click="buttonClick(obj1)"/>
+          <Button variant="secondary" label="Obj2" @click="buttonClick(obj2)"/>
+        </div>
+        <div class="tw-w-96">
+          <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="currentObj.value" />
+        </div>
+      \`,
+    methods: {
+      buttonClick(obj) {
+        this.currentObj = obj;
+      }
+    }
+  };
+}`,...(C=(T=h.parameters)==null?void 0:T.docs)==null?void 0:C.source}}};var W,R,z;g.parameters={...g.parameters,docs:{...(W=g.parameters)==null?void 0:W.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <div class="tw-flex-col tw-gap-2" >
+          <p>{{ isInteracting ? 'Interacting' : 'Not interacting' }}</p>
+          <Slider :min="0" :max="100" :model-value="50" :on-slider-mouse-down="onMouseDown" :on-slider-mouse-up="onMouseUp" />
+        </div>
+      \`,
+    data() {
+      return {
+        isInteracting: false
+      };
+    },
+    methods: {
+      onMouseDown() {
+        this.isInteracting = true;
+      },
+      onMouseUp() {
+        this.isInteracting = false;
+      }
+    }
+  };
+}`,...(z=(R=g.parameters)==null?void 0:R.docs)==null?void 0:z.source}}};var K,A,E;v.parameters={...v.parameters,docs:{...(K=v.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="-100" :max="100"  :model-value="0"/>
+      \`
+  };
+}`,...(E=(A=v.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};const se=["SliderFontSize","SliderLineheight","SliderOpacity","SliderWithLabel","SliderWithSwappingTargetvalue","SliderWithMouseDownAndUp","SliderWithNegativeMinValue"];export{f as SliderFontSize,p as SliderLineheight,w as SliderOpacity,b as SliderWithLabel,g as SliderWithMouseDownAndUp,v as SliderWithNegativeMinValue,h as SliderWithSwappingTargetvalue,se as __namedExportsOrder,re as default};

package/.storybook-static/assets/StarRating-BRQqs_py.css

@@ -0,0 +1 @@
+li[data-v-3c4d624f]:not(:last-child){margin-right:.25rem}

package/.storybook-static/assets/StarRating.stories-Bbx4rxr_.js

@@ -0,0 +1,45 @@
+import{I as F}from"./Icon-CLd6chSw.js";import{c as m,F as E,f as H,g as N,o as a,b as d}from"./vue.esm-bundler-BuzEyh6o.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const b={components:{Icon:F},props:{maxRating:{type:Number,required:!1,default:5},rating:{type:Number,required:!1,default:0},size:{type:String,required:!1,default:"sm"},color:{type:String,required:!1,default:"warning-500"},isInteractive:{type:Boolean,required:!1,default:!1}},data(){return{currentRating:this.rating,hoverRating:void 0}},methods:{shouldShowFilledOnHover(e){return this.isInteractive&&this.hoverRating&&this.hoverRating>=e},onRate(e){this.isInteractive&&(this.currentRating=e,this.$emit("on-rated",e))},applyHoverEffect(e){this.isInteractive&&(this.hoverRating=e)},removeHoverEffect(){this.hoverRating=void 0}}},O={class:"tw-flex tw-justify-center"},V=["onClick","onMouseover"];function B(e,f,t,C,w,o){const u=N("Icon");return a(),m("ul",O,[(a(!0),m(E,null,H(t.maxRating,n=>(a(),m("li",{key:n,class:"tw-list-none",onClick:g=>o.onRate(n),onMouseover:g=>o.applyHoverEffect(n),onMouseleave:f[0]||(f[0]=g=>o.removeHoverEffect())},[n<=w.currentRating?(a(),d(u,{key:0,name:"star-filled",size:t.size,color:t.color},null,8,["size","color"])):o.shouldShowFilledOnHover(n)?(a(),d(u,{key:1,name:"star-filled",size:t.size,color:t.color},null,8,["size","color"])):(a(),d(u,{key:2,name:"star-hollow",size:t.size,color:t.color},null,8,["size","color"]))],40,V))),128))])}const r=M(b,[["render",B],["__scopeId","data-v-3c4d624f"]]);b.__docgenInfo={exportName:"default",displayName:"StarRating",description:"",tags:{},props:[{name:"maxRating",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"5"}},{name:"rating",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"size",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'sm'"}},{name:"color",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'warning-500'"}},{name:"isInteractive",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"on-rated",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/atoms/components/StarRating/StarRating.vue"]};const U={title:"Components/Star Rating",component:r},s=()=>({components:{StarRating:r},template:`
+        <StarRating :maxRating="5" />
+      `}),i=()=>({components:{StarRating:r},template:`
+      <StarRating :maxRating="8" :rating="1" :is-interactive="true"/>
+    `}),l=()=>({components:{StarRating:r},template:`
+        <StarRating :maxRating="10" :rating="6"/>
+      `}),c=()=>({components:{StarRating:r},template:`
+        <StarRating :maxRating="5" :rating="5" :is-interactive="true"/>
+      `});var p,R,v;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      StarRating
+    },
+    template: \`
+        <StarRating :maxRating="5" />
+      \`
+  };
+}`,...(v=(R=s.parameters)==null?void 0:R.docs)==null?void 0:v.source}}};var S,h,y;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      StarRating
+    },
+    template: \`
+      <StarRating :maxRating="8" :rating="1" :is-interactive="true"/>
+    \`
+  };
+}`,...(y=(h=i.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var _,x,z;l.parameters={...l.parameters,docs:{...(_=l.parameters)==null?void 0:_.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      StarRating
+    },
+    template: \`
+        <StarRating :maxRating="10" :rating="6"/>
+      \`
+  };
+}`,...(z=(x=l.parameters)==null?void 0:x.docs)==null?void 0:z.source}}};var I,k,q;c.parameters={...c.parameters,docs:{...(I=c.parameters)==null?void 0:I.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      StarRating
+    },
+    template: \`
+        <StarRating :maxRating="5" :rating="5" :is-interactive="true"/>
+      \`
+  };
+}`,...(q=(k=c.parameters)==null?void 0:k.docs)==null?void 0:q.source}}};const A=["NoStar","OneStar","Middle","Full"];export{c as Full,l as Middle,s as NoStar,i as OneStar,A as __namedExportsOrder,U as default};

package/.storybook-static/assets/TabMenu.stories-B4pbxmGz.js

@@ -0,0 +1,47 @@
+import{c as r,F as f,f as w,o as c,n as g,t as h}from"./vue.esm-bundler-BuzEyh6o.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const p={props:{tabNames:{type:Array,required:!0},selectedTabName:{type:String,required:!0},classes:{type:[String,Object],required:!1,default:""}},methods:{onTabSelected(e){this.$emit("on-tab-selected",e)}}},_={class:"tw-flex tw-w-full tw-overflow-x-auto"},x=["onClick"];function M(e,S,t,k,v,T){return c(),r("div",_,[(c(!0),r(f,null,w(t.tabNames,(a,N)=>(c(),r("div",{key:N,class:g(["tw-w-full tw-py-2 tw-text-center tw-uppercase tw-font-bold tw-font-sans tw-text-sm tw-cursor-pointer tw-border tw-border-l-0 tw-border-r-0 tw-border-t-0 tw-border-solid",[{"tw-text-secondary-500 tw-border-grayscale-500 tw-border-b-1":t.selectedTabName!==a,"tw-text-primary-500 tw-border-primary-500 tw-border-b-4":t.selectedTabName===a},t.classes]]),onClick:q=>T.onTabSelected(a)},h(a),11,x))),128))])}const o=y(p,[["render",M]]);p.__docgenInfo={exportName:"default",displayName:"TabMenu",description:"",tags:{},props:[{name:"tabNames",type:{name:"array"},required:!0},{name:"selectedTabName",type:{name:"string"},required:!0},{name:"classes",type:{name:"string|object"},required:!1,defaultValue:{func:!1,value:"''"}}],events:[{name:"on-tab-selected",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/atoms/components/TabMenu/TabMenu.vue"]};const F={title:"Components/Tab Menu",component:o},n=()=>({components:{TabMenu:o},data(){return{checked:!0,tabNames:["all","categories"],selectedTabName:"all"}},methods:{selectTab(e){this.selectedTabName=e}},template:`
+      <TabMenu :tab-names="tabNames" :selected-tab-name="selectedTabName" @on-tab-selected="selectTab" />
+    `}),s=()=>({components:{TabMenu:o},data(){return{checked:!0,tabNames:["home","gaming","food","nature","beauty","tax","legal"],selectedTabName:"gaming"}},methods:{selectTab(e){this.selectedTabName=e}},template:`
+      <TabMenu :tab-names="tabNames" :selected-tab-name="selectedTabName" @on-tab-selected="selectTab" />
+    `});var l,m,d;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      TabMenu
+    },
+    data() {
+      return {
+        checked: true,
+        tabNames: ['all', 'categories'],
+        selectedTabName: 'all'
+      };
+    },
+    methods: {
+      selectTab(tabName) {
+        this.selectedTabName = tabName;
+      }
+    },
+    template: \`
+      <TabMenu :tab-names="tabNames" :selected-tab-name="selectedTabName" @on-tab-selected="selectTab" />
+    \`
+  };
+}`,...(d=(m=n.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var b,u,i;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      TabMenu
+    },
+    data() {
+      return {
+        checked: true,
+        tabNames: ['home', 'gaming', 'food', 'nature', 'beauty', 'tax', 'legal'],
+        selectedTabName: 'gaming'
+      };
+    },
+    methods: {
+      selectTab(tabName) {
+        this.selectedTabName = tabName;
+      }
+    },
+    template: \`
+      <TabMenu :tab-names="tabNames" :selected-tab-name="selectedTabName" @on-tab-selected="selectTab" />
+    \`
+  };
+}`,...(i=(u=s.parameters)==null?void 0:u.docs)==null?void 0:i.source}}};const B=["Sample","SampleMoreTabs"];export{n as Sample,s as SampleMoreTabs,B as __namedExportsOrder,F as default};

package/.storybook-static/assets/TextCopyField-BYUCKh4x.js

@@ -0,0 +1 @@
+import{T as p}from"./TextInput-AbeV01jN.js";import{B as c}from"./Button-C9BkIo_w.js";import{c as d,i as a,g as n,o as f}from"./vue.esm-bundler-BuzEyh6o.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={components:{TextInput:p,Button:c},props:{text:{type:String,required:!0},buttonVariant:{type:String,required:!1,default:"primary"},defaultCopyButtonText:{type:String,required:!1,default:"Copy"},copiedButtonText:{type:String,required:!1,default:"Copied!"},reset:{type:Boolean,required:!1,default:!1}},data(){return{copyButtonText:this.defaultCopyButtonText}},watch:{reset(e,t){e!==t&&(this.copyButtonText=this.defaultCopyButtonText)}},methods:{onClick(){this.$emit("on-click"),this.copyToClipboard()},copyToClipboard(){this.copyButtonText=this.copiedButtonText,navigator.clipboard.writeText(this.text)}}},y={class:"tw-flex tw-w-full"};function x(e,t,o,T,l,u){const i=n("TextInput"),s=n("Button");return f(),d("div",y,[a(i,{"model-value":o.text,readonly:!0,"border-right":!1,"element-classes":"tw-m-0",class:"tw-w-full"},null,8,["model-value"]),a(s,{label:l.copyButtonText,variant:o.buttonVariant,rounded:!1,"rounded-right":!0,"full-height":!0,size:"small-wide",onOnClick:u.onClick},null,8,["label","variant","onOnClick"])])}const g=m(r,[["render",x]]);r.__docgenInfo={exportName:"default",displayName:"TextCopyField",description:"",tags:{},props:[{name:"text",type:{name:"string"},required:!0},{name:"buttonVariant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'primary'"}},{name:"defaultCopyButtonText",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Copy'"}},{name:"copiedButtonText",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Copied!'"}},{name:"reset",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"on-click"}],sourceFiles:["/Users/brooke.couchman/Projects/bc-shared-experience-library/src/atoms/components/TextCopyField/TextCopyField.vue"]};export{g as T};

package/.storybook-static/assets/TextCopyField.stories-D1kvx6hJ.js

@@ -0,0 +1,47 @@
+import{T}from"./TextCopyField-BYUCKh4x.js";import{B as C}from"./Button-C9BkIo_w.js";import"./TextInput-AbeV01jN.js";import"./FormControl.mixin-BBDP7qRp.js";import"./Icon-CLd6chSw.js";import"./vue.esm-bundler-BuzEyh6o.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-BD3XC-26.js";const _={title:"Components/Text Copy Field",component:T},a={components:{TextCopyField:T,Button:C},data(){return{value:"Hello world",copyButtonText:"Hello!",copiedButtonText:"Goodbye!",reset:!0}},methods:{resetCopy(){this.reset=!this.reset}}},t=()=>({...a,template:`
+      <TextCopyField button-variant="primary" :text="value" />
+    `}),e=()=>({...a,template:`
+      <TextCopyField button-variant="secondary" :text="value" />
+    `}),r=()=>({...a,template:`
+      <div>
+        <TextCopyField button-variant="primary" :text="value" :defaultCopyButtonText="copyButtonText" :copiedButtonText="copiedButtonText" />
+      </div>
+      `}),o=()=>({...a,template:`
+      <div>
+        <TextCopyField button-variant="primary" :text="value" :reset="reset" />
+        <Button label="Reset" variant="primary" size="large" @on-click="resetCopy()" />
+      </div>
+      `});var n,s,p;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextCopyField button-variant="primary" :text="value" />
+    \`
+  };
+}`,...(p=(s=t.parameters)==null?void 0:s.docs)==null?void 0:p.source}}};var i,u,d;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <TextCopyField button-variant="secondary" :text="value" />
+    \`
+  };
+}`,...(d=(u=e.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var m,c,l;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <div>
+        <TextCopyField button-variant="primary" :text="value" :defaultCopyButtonText="copyButtonText" :copiedButtonText="copiedButtonText" />
+      </div>
+      \`
+  };
+}`,...(l=(c=r.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var y,x,v;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <div>
+        <TextCopyField button-variant="primary" :text="value" :reset="reset" />
+        <Button label="Reset" variant="primary" size="large" @on-click="resetCopy()" />
+      </div>
+      \`
+  };
+}`,...(v=(x=o.parameters)==null?void 0:x.docs)==null?void 0:v.source}}};const k=["Primary","Secondary","CustomText","ResetButton"];export{r as CustomText,t as Primary,o as ResetButton,e as Secondary,k as __namedExportsOrder,_ as default};