@designcrowd/fe-shared-lib 1.2.0 → 1.2.1-ml-input-changes

package/.storybook-static/assets/PublishBrandPageModal-BOGSPjB0.css

@@ -0,0 +1 @@
+@media (max-width: 640px){[data-v-7b512a61] .publish-bp--modal{max-height:90vh;width:90vw}}@media (min-width: 640px){[data-v-7b512a61] .publish-bp--modal{max-height:80vh;width:90vw}}

package/.storybook-static/assets/PublishBrandPageModal.stories-Bt2eK5tM.js

@@ -0,0 +1,349 @@
+import{M as te}from"./Modal-BOHOQzO4.js";import{T as ne}from"./TextInput-BepJC9nE.js";import{D as se,a as ie}from"./DropdownItem-C4PFbXSv.js";import{B as oe}from"./Button-IgCxbLvL.js";import{T as le}from"./TextCopyField-BuZ5L-lt.js";import{S as de}from"./SellDomainNameSearchWithResults--W028-5L.js";import{S as re}from"./SellDomainNameListModal-DAV6wUWy.js";import{b as ue}from"./brand-crowd-api.client-CfTgrTzo.js";import{s as me,E as ce}from"./event-constants-6ydiL1p5.js";import{c as i,i as u,A as g,g as m,o as s,a as d,t as h,e as l,h as S,b as _,F as he,f as be,j as pe,n as B,r as ge,B as we,C as fe}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as ye}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-B8lXgcc0.js";import"./FormControl.mixin-BIPKWa5J.js";import"./ButtonPrimary-Ce51KkgM.js";import"./SellDomainNameListSearchResult-DP3zr-UL.js";import"./Loader-D6_mUM4g.js";import"./Picture-AUjTe_FO.js";import"./Price-BzFp3dn5.js";import"./axios-dxcvQi4N.js";import"./api-lSJGRrF2.js";const D={SMALL:640,MEDIUM:768,LARGE:1024},ve={data(){return{isMobile:!1,isLargerThanMobile:!1,isDesktop:!1}},mounted(){this.checkWindowWidth(),window.addEventListener("resize",this.checkWindowWidth)},unmounted(){window.removeEventListener("resize",this.checkWindowWidth)},methods:{checkWindowWidth(){this.isMobile=window.innerWidth<D.SMALL,this.isLargerThanMobile=window.innerWidth>D.SMALL,this.isDesktop=window.innerWidth>=D.LARGE}}},Pe="Buy matching domain name for your brand",C={slug:"slug",purchased:"purchased"},K={components:{Modal:te,TextInput:ne,Dropdown:se,DropdownItem:ie,Button:oe,TextCopyField:le,SellDomainNameSearchWithResults:de,SellDomainNameListModal:re},mixins:[ve],props:{radioValue:{type:String,required:!0,default:C.slug},domains:{type:Array,required:!0,default:void 0},brandPageBaseUrl:{type:String,required:!0,default:void 0},brandPageSlug:{type:String,required:!0,default:void 0},customDomain:{type:Object,required:!1,default:void 0},brandPageUrl:{type:String,required:!0,default:void 0},slugValidationError:{type:String,required:!0,default:void 0},brandPageDisplayName:{type:String,required:!0,default:void 0},errorMessage:{type:String,required:!1,default:void 0},publishErrorMessage:{type:String,required:!1,default:void 0},visible:{type:Boolean,required:!0},isPublished:{type:Boolean,required:!0},isPublishing:{type:Boolean,required:!0,default:!1},isBusy:{type:Boolean,required:!0,default:!1},shouldPublish:{type:Boolean,required:!0,default:!1},isDesignCom:{type:Boolean,required:!0,default:!1},showRadioButtons:{type:Boolean,required:!0,default:!1},showModalBackgroundImage:{type:Boolean,required:!0,default:!1},isSearchDomainListModalVisible:{type:Boolean,required:!0,default:!1},isBrandPageSlugEditMode:{type:Boolean,required:!0,default:!1},businessName:{type:String,required:!1,default:""},isCustomDomainActive:{type:Boolean,required:!0,default:!1},designDraftToken:{type:String,required:!1,default:void 0}},emits:["close-modal","radio-button-changed","copy-url-click","internal-publish-brand-page","on-select-domain","on-brand-page-url-click","on-view-more-domains","on-slug-changed"],data(){return{DOMAIN_TYPES:C,domainTypeValue:this.radioValue,internalSlug:this.brandPageSlug,selectedCustomDomain:this.customDomain,headerSubtitle:Pe,userCurrency:void 0,isModalVisible:!1,isLoading:!1,previousSearchText:"",domainNameItems:void 0,sitePublishedModal:me,searchText:this.brandPageSlug||this.businessName||""}},computed:{allowPublish(){return this.domainTypeValue===C.slug?this.internalSlug&&!this.slugValidationError:this.selectedCustomDomain},hasPurchasedDomains(){return this.domains&&this.domains.length>0},slugErrorMessage(){return this.slugValidationError?this.slugValidationError:this.publishErrorMessage},isNotPublished(){return!this.isPublished||!this.shouldPublish},isSlugEditMode(){return this.isPublished&&this.shouldPublish&&this.isBrandPageSlugEditMode}},watch:{brandPageSlug(e){this.internalSlug=e},isSearchDomainListModalVisible(e){this.isModalVisible=e,(this.searchText||this.internalSlug)&&this.searchDomainName()},customDomain(e){this.selectedCustomDomain=e}},mounted(){this.internalSlug=this.brandPageSlug,this.isModalVisible=this.isSearchDomainListModalVisible},methods:{onDomainTypeRadioButtonClick(e){this.domainTypeValue=e,this.closePurchasedDomainDropdown(),this.$emit("radio-button-changed",e)},onCloseModal(){this.$emit("close-modal"),this.$emit("on-hide-domain-modal")},onCopyUrlClick(){this.$emit("copy-url-click")},onSlugChanged(e){this.searchText=e,this.$emit("on-slug-changed",e)},onPublish(){this.$emit("internal-publish-brand-page",this.internalSlug,this.selectedCustomDomain)},onBrandPageUrlClick(){this.$emit("on-brand-page-url-click")},onViewMore(){this.$emit("on-show-domain-modal"),this.searchText&&this.searchDomainName(!0)},onSearchTextChanged(e){this.searchText=e},onSelectPurchasedDomain(e){this.selectedCustomDomain=e,this.$emit("on-select-domain",e),this.closePurchasedDomainDropdown()},closePurchasedDomainDropdown(){var e;(e=this.$refs.dropdown)!=null&&e.hideMenu&&this.$refs.dropdown.hideMenu()},onSellDomainNameListCloseModal(){this.$emit("on-hide-domain-modal")},async searchDomainName(e){this.isLoading=!0;let o="";this.searchText&&(o=this.cleanText(this.searchText)),this.previousSearchText=o;try{const a={keyword:o,isUserTriggered:e,userText:this.brandPageSlug};this.designDraftToken&&(a.designDraftToken=this.designDraftToken),a.domainSearchLocation=this.sitePublishedModal,window.dispatchEvent(new CustomEvent(ce.DomainSearchEvent,{detail:a}));const b=await ue.searchDomainNamesByKeywordAsync(a);if(!b){this.domainNameItems=[];return}this.domainNameItems=b.items,this.userCurrency=b.currency}catch{this.domainNameItems=[]}finally{this.isLoading=!1}},cleanText(e){return e.replace(/[^\p{L}\p{N}\-.]+/gu,"").toLowerCase()}}},k=e=>(we("data-v-7b512a61"),e=e(),fe(),e),xe={class:"publish-bp--container"},Me={key:0,class:"tw-text-center tw-font-bold tw-mb-8 tw-mt-8 tw-text-4xl"},Se={key:1,class:"tw-text-center tw-font-bold tw-mb-8 tw-mt-8"},De=k(()=>d("p",{class:"tw-font-bold tw-text-black tw-mb-2 tw-text-4xl"},"Site published!",-1)),Ce={key:0,class:"tw-text-grayscale-600 tw-mb-8"},ke={key:1,class:"tw-text-grayscale-600 tw-mb-8 tw-font-normal"},_e={key:0},Be=["checked","value"],Te={key:1,for:"domain-type",class:"tw-font-sans tw-w-full tw-text-grayscale-600 tw-text-sm tw-cursor-pointer tw-ml-2"},Ve=k(()=>d("span",{class:"tw-inline-block tw-rounded-full"},"Free domain",-1)),Ne=[Ve],Ee={key:1,class:"tw-mt-4"},qe={key:0,class:"tw-mt-2 tw-text-sm tw-text-left tw-text-error-500 tw-font-normal"},Le={key:2,class:"tw-mt-4"},Ie={key:0},Ae=["checked","value"],Re=k(()=>d("label",{for:"domain-type",class:"tw-font-sans tw-w-full tw-text-grayscale-600 tw-text-sm tw-cursor-pointer tw-ml-2"},[d("span",{class:"tw-inline-block tw-rounded-full"},"Purchased domain")],-1)),We={class:"tw-mt-4 domain-dropdown"},Oe={key:0,class:"tw-mt-2 tw-text-sm tw-text-left tw-text-error-500 tw-font-normal"},Ue={key:1,class:"tw-font-sans"},Fe={key:0,class:"tw-mb-6 tw-text-left"},Ye={class:"tw-mb-6"};function ze(e,o,a,b,t,n){const Q=m("TextInput"),J=m("DropdownItem"),X=m("Dropdown"),p=m("Button"),Z=m("SellDomainNameSearchWithResults"),$=m("TextCopyField"),ee=m("Modal"),ae=m("SellDomainNameListModal");return s(),i("div",xe,[u(ee,{classes:"publish-bp--modal tw-px-2 md:tw-px-8","close-on-esc":"",visible:a.visible,"hide-scrollbar":!1,"show-modal-background-image":a.showModalBackgroundImage,"content-classes":a.isBusy?["tw-overflow-y-hidden"]:[],onCloseModal:n.onCloseModal},{header:g(()=>[n.isNotPublished||n.isSlugEditMode?(s(),i("div",Me,[d("span",null,"Set the URL for your "+h(a.brandPageDisplayName),1)])):l("",!0),a.isPublished&&!n.isSlugEditMode?(s(),i("div",Se,[De,n.hasPurchasedDomains||a.isCustomDomainActive?(s(),i("p",Ce," Your "+h(a.brandPageDisplayName)+" is live! Start using your link: ",1)):(s(),i("p",ke,h(t.headerSubtitle),1))])):l("",!0)]),default:g(()=>[n.isNotPublished||n.isSlugEditMode?(s(),i("div",_e,[n.isSlugEditMode?l("",!0):(s(),i("div",{key:0,class:"tw-flex tw-items-center tw-mr-2 tw-mb-1",onClick:o[0]||(o[0]=r=>n.onDomainTypeRadioButtonClick(t.DOMAIN_TYPES.slug))},[a.showRadioButtons?(s(),i("input",{key:0,type:"radio",class:"tw-w-6 tw-h-8 tw-cursor-pointer tw-mb-0",style:S({"accent-color":"rgb(242 27 63)"}),name:"domainTypeValue",checked:t.domainTypeValue===t.DOMAIN_TYPES.slug,value:t.domainTypeValue===t.DOMAIN_TYPES.slug},null,12,Be)):l("",!0),a.isPublished?l("",!0):(s(),i("label",Te,Ne))])),n.isNotPublished||n.isSlugEditMode?(s(),i("div",Ee,[u(Q,{modelValue:t.internalSlug,"onUpdate:modelValue":o[1]||(o[1]=r=>t.internalSlug=r),"element-classes":"tw-mb-0 !tw-rounded-l-none tw-text-lg","prefix-text":`${a.brandPageBaseUrl}/`,error:!!a.slugValidationError,disabled:a.isPublishing||t.domainTypeValue===t.DOMAIN_TYPES.purchased,placeholder:"your-brand-name","data-test-brand-page-slug-input":"",attrs:{"data-test-set-url-text-field":""},onInput:n.onSlugChanged},null,8,["modelValue","prefix-text","error","disabled","onInput"]),n.slugErrorMessage?(s(),i("div",qe,h(n.slugErrorMessage),1)):l("",!0)])):l("",!0),n.isNotPublished||!n.isSlugEditMode?(s(),i("div",Le,[a.showRadioButtons?(s(),i("div",Ie,[d("div",{class:"tw-flex tw-items-center tw-mr-2 tw-mb-1",onClick:o[2]||(o[2]=r=>n.onDomainTypeRadioButtonClick(t.DOMAIN_TYPES.purchased))},[d("input",{type:"radio",class:"tw-w-6 tw-h-8 tw-cursor-pointer tw-mb-0",style:S({"accent-color":"rgb(242 27 63)"}),name:"domainTypeValue",checked:t.domainTypeValue===t.DOMAIN_TYPES.purchased,value:t.domainTypeValue===t.DOMAIN_TYPES.purchased},null,12,Ae),Re]),d("div",We,[a.domains?(s(),_(X,{key:0,ref:"dropdown","element-classes":{"tw-h-12":!0},disabled:t.domainTypeValue===t.DOMAIN_TYPES.slug,class:B({"tw-text-grayscale-600 tw-font-normal":!t.selectedCustomDomain}),title:t.selectedCustomDomain&&t.selectedCustomDomain.domainName||"Select domain name"},{default:g(()=>[(s(!0),i(he,null,be(a.domains,r=>(s(),_(J,{key:r.domainName,class:"tw-font-bold tw-break-all tw-flex tw-gap-2 tw-text-black",onClick:je=>n.onSelectPurchasedDomain(r)},{default:g(()=>[pe(h(r.domainName),1)]),_:2},1032,["onClick"]))),128))]),_:1},8,["disabled","class","title"])):l("",!0)]),a.errorMessage?(s(),i("div",Oe,h(a.errorMessage),1)):l("",!0)])):l("",!0),n.hasPurchasedDomains?l("",!0):ge(e.$slots,"recommended",{key:1},void 0,!0)])):l("",!0),d("div",{class:"tw-font-sans tw-text-center",style:S(e.isMobile?"padding-left: 1.5rem; padding-right: 1.5rem;":"")},[u(p,{label:n.isSlugEditMode?"Set URL":"Publish",variant:a.isDesignCom?"primary":"primary-with-icon",icon:"chevron-right-wide",disabled:!n.allowPublish||a.isPublishing,class:"tw-my-4","full-width":e.isMobile,"data-test-brand-page-publish-button":"",onOnClick:n.onPublish},null,8,["label","variant","disabled","full-width","onOnClick"]),u(p,{label:"No thanks, maybe later",variant:"no-border",size:"large",class:"tw-my-4","full-width":e.isMobile,onOnClick:n.onCloseModal},null,8,["full-width","onOnClick"])],4)])):(s(),i("div",Ue,[!a.isCustomDomainActive&&!n.hasPurchasedDomains?(s(),i("div",Fe,[d("div",Ye,[u(Z,{"is-design-com":a.isDesignCom,"initial-search-term":t.searchText,currency:t.userCurrency,"display-result-limit":4,"domain-search-location":t.sitePublishedModal,onOnChangeSearch:n.onSearchTextChanged},null,8,["is-design-com","initial-search-term","currency","domain-search-location","onOnChangeSearch"])]),u(p,{label:"VIEW MORE DOMAINS",variant:"no-border",size:"small-medium",class:"tw-text-center",onOnClick:n.onViewMore},null,8,["onOnClick"])])):l("",!0),d("div",{class:B(["tw-px-4 tw-text-center",{"lg:tw-px-20":n.hasPurchasedDomains}])},[u($,{"button-variant":"secondary",text:a.brandPageUrl,"data-test-brand-page-copy-input":"",onOnClick:n.onCopyUrlClick},null,8,["text","onOnClick"]),u(p,{label:`View ${a.brandPageDisplayName}`,variant:a.isDesignCom?"primary":"primary-with-icon",icon:"chevron-right-wide",size:"medium","icon-view-box":"0 0 24 24",class:"tw-my-4",target:"_blank",rel:"noopener noreferrer",url:a.brandPageUrl,"full-width":e.isMobile,onOnClick:n.onBrandPageUrlClick},null,8,["label","variant","url","full-width","onOnClick"])],2)]))]),_:3},8,["visible","show-modal-background-image","content-classes","onCloseModal"]),u(ae,{modelValue:t.searchText,"onUpdate:modelValue":o[3]||(o[3]=r=>t.searchText=r),currency:t.userCurrency,"is-busy":t.isLoading,"is-design-com":a.isDesignCom,"domain-name-items":t.domainNameItems,"previous-search-text":t.previousSearchText,visible:t.isModalVisible,"domain-search-location":t.sitePublishedModal,onCloseModal:n.onSellDomainNameListCloseModal,onSearch:o[4]||(o[4]=r=>n.searchDomainName(!0))},null,8,["modelValue","currency","is-busy","is-design-com","domain-name-items","previous-search-text","visible","domain-search-location","onCloseModal"])])}const c=ye(K,[["render",ze],["__scopeId","data-v-7b512a61"]]);K.__docgenInfo={exportName:"default",displayName:"PublishBrandPageModal",description:"",tags:{},props:[{name:"radioValue",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"DOMAIN_TYPES.slug"}},{name:"domains",type:{name:"array"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"brandPageBaseUrl",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"brandPageSlug",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"customDomain",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"brandPageUrl",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"slugValidationError",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"brandPageDisplayName",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"errorMessage",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"publishErrorMessage",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"visible",type:{name:"boolean"},required:!0},{name:"isPublished",type:{name:"boolean"},required:!0},{name:"isPublishing",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isBusy",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"shouldPublish",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isDesignCom",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"showRadioButtons",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"showModalBackgroundImage",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isSearchDomainListModalVisible",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isBrandPageSlugEditMode",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"businessName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"isCustomDomainActive",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"designDraftToken",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"close-modal"},{name:"radio-button-changed",type:{names:["undefined"]}},{name:"copy-url-click"},{name:"internal-publish-brand-page",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"on-select-domain",type:{names:["undefined"]}},{name:"on-brand-page-url-click"},{name:"on-view-more-domains"},{name:"on-slug-changed",type:{names:["undefined"]}},{name:"on-hide-domain-modal"},{name:"on-show-domain-modal"}],slots:[{name:"recommended"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue","/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/mixins/mediaQueryMixin.js"]};const M=[{domainName:"brandcrowdqa.co",created:"2024-07-26T01:42:17.477",updated:null,isAutoRenewEnabled:!0,isRegistrationComplete:!1,status:"Inactive"},{domainName:"doggers.info",created:"2024-07-26T01:44:22.257",updated:null,isAutoRenewEnabled:!0,isRegistrationComplete:!1,status:"Active"},{domainName:"yourstories.live",created:"2024-08-20T00:39:25.193",updated:null,isAutoRenewEnabled:!0,isRegistrationComplete:!1,status:"Registration Started"}],ca={title:"Components/PublishBrandPageModal",component:c},w=()=>({components:{PublishBrandPageModal:c},data(){return{domains:M}},methods:{},template:`
+      <PublishBrandPageModal
+        visible
+        :is-published="false"
+        :is-search-domain-list-modal-visible="false"
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site/" 
+        radio-value="slug"
+        :show-radio-buttons="domains.length > 0"
+      />
+    `}),f=()=>({components:{PublishBrandPageModal:c},data(){return{domains:M,domainType:"purchased",customDomain:{domainName:"doggers.info",created:"2024-07-26T01:44:22.257",updated:null,isAutoRenewEnabled:!0,isRegistrationComplete:!1,status:"Active"}}},methods:{onRadioButtonChanged(e){this.domainType=e}},template:`
+      <PublishBrandPageModal
+        visible
+        :is-published="false"
+        should-publish
+        :domains="domains"
+        :custom-domain="customDomain"
+        brand-page-display-name='Website'
+        brand-page-base-url="https://brand.site/"
+        radio-value="purchased"
+        :show-radio-buttons="domains.length > 0"
+        @radio-button-changed="onRadioButtonChanged"
+      />
+    `}),y=()=>({components:{PublishBrandPageModal:c},data(){return{domains:M}},methods:{},template:`
+      <PublishBrandPageModal
+        visible
+        is-brand-page-slug-edit-mode
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website'
+        brand-page-base-url="https://brand.site/"
+        brand-page-slug='test-slug' 
+        :show-radio-buttons="domains.length > 0"
+      />
+    `}),v=()=>({components:{PublishBrandPageModal:c},data(){return{domains:M}},methods:{},template:`
+      <PublishBrandPageModal
+        visible
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site/" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/brandname"
+      />
+    `}),P=()=>({components:{PublishBrandPageModal:c},data(){return{domains:[]}},methods:{},template:`
+      <PublishBrandPageModal
+        visible
+        is-design-com
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-slug='test-slug' 
+        brand-page-base-url="https://brand.site/" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/test-slug"
+      />
+  `}),x=()=>({components:{PublishBrandPageModal:c},data(){return{domains:[],isSearchDomainListModalVisible:!1,isDesignCom:!1}},methods:{onHideDomainListModal(){this.isSearchDomainListModalVisible=!1},onShowDomainListModal(){this.isSearchDomainListModalVisible=!0}},template:`
+      <PublishBrandPageModal
+        visible
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site/" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/brandname"
+        :show-radio-buttons="domains.length > 0"
+        :is-search-domain-list-modal-visible="isSearchDomainListModalVisible"
+        @on-hide-domain-modal="onHideDomainListModal"
+      >
+        <template #recommended>
+          <div
+            class="tw-bg-white tw-border tw-border-grayscale-500 tw-rounded tw-p-4"
+          >
+            <div class="tw-flex tw-flex-col md:tw-flex-row tw-items-center">
+              <!-- Product image -->
+              <div
+                class="tw-flex tw-flex-col tw-mx-auto tw-max-w-1/3 tw-text-center tw-align-top tw-px-2"
+              >
+                <img
+                  src="https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/addon/add-ons-domain-name.svg"
+                  alt="icon"
+                  class="md:tw-max-w-full"
+                />
+              </div>
+              <div class="tw-flex tw-flex-col tw-px-2 tw-w-full">
+                <div
+                  class="tw-flex tw-flex-col md:tw-flex-row tw-text-center md:tw-text-left tw-items-center"
+                >
+                  <!-- Product title/description -->
+                  <div
+                    class="tw-flex tw-flex-col tw-w-full md:tw-grow tw-text-center md:tw-text-left"
+                  >
+                    <div>
+                      <h6
+                        class="tw-font-bold"
+                        :class="{ 'tw-text-grayscale-800': isDesignCom }"
+                      >
+                        Purchase a domain
+                      </h6>
+                      <p class="tw-text-grayscale-600">
+                        Find the perfect domain name for your brand for
+                      </p>
+                    </div>
+                  </div>
+                  <!-- CTA -->
+                  <div class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4">
+                    <button
+                      class="tw-font-sans tw-border-2 tw-border-solid tw-font-bold tw-text-success-500 tw-uppercase tw-transition-colors tw-duration-300 tw-text-sm tw-py-3 tw-px-4 tw-w-full tw-rounded tw-cursor-pointer tw-border-success-500 tw-bg-white hover:tw-bg-success-100 tw-text-success-500 tw-w-full md:tw-w-24"
+                      @click="onShowDomainListModal"
+                    >
+                      Search
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </PublishBrandPageModal>
+    `});var T,V,N;w.parameters={...w.parameters,docs:{...(T=w.parameters)==null?void 0:T.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal
+    },
+    data() {
+      return {
+        domains
+      };
+    },
+    methods: {},
+    template: \`
+      <PublishBrandPageModal
+        visible
+        :is-published="false"
+        :is-search-domain-list-modal-visible="false"
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site/" 
+        radio-value="slug"
+        :show-radio-buttons="domains.length > 0"
+      />
+    \`
+  };
+}`,...(N=(V=w.parameters)==null?void 0:V.docs)==null?void 0:N.source}}};var E,q,L;f.parameters={...f.parameters,docs:{...(E=f.parameters)==null?void 0:E.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal
+    },
+    data() {
+      return {
+        domains,
+        domainType: 'purchased',
+        customDomain: {
+          domainName: 'doggers.info',
+          created: '2024-07-26T01:44:22.257',
+          updated: null,
+          isAutoRenewEnabled: true,
+          isRegistrationComplete: false,
+          status: 'Active'
+        }
+      };
+    },
+    methods: {
+      onRadioButtonChanged(val) {
+        this.domainType = val;
+      }
+    },
+    template: \`
+      <PublishBrandPageModal
+        visible
+        :is-published="false"
+        should-publish
+        :domains="domains"
+        :custom-domain="customDomain"
+        brand-page-display-name='Website'
+        brand-page-base-url="https://brand.site/"
+        radio-value="purchased"
+        :show-radio-buttons="domains.length > 0"
+        @radio-button-changed="onRadioButtonChanged"
+      />
+    \`
+  };
+}`,...(L=(q=f.parameters)==null?void 0:q.docs)==null?void 0:L.source}}};var I,A,R;y.parameters={...y.parameters,docs:{...(I=y.parameters)==null?void 0:I.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal
+    },
+    data() {
+      return {
+        domains
+      };
+    },
+    methods: {},
+    template: \`
+      <PublishBrandPageModal
+        visible
+        is-brand-page-slug-edit-mode
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website'
+        brand-page-base-url="https://brand.site/"
+        brand-page-slug='test-slug' 
+        :show-radio-buttons="domains.length > 0"
+      />
+    \`
+  };
+}`,...(R=(A=y.parameters)==null?void 0:A.docs)==null?void 0:R.source}}};var W,O,U;v.parameters={...v.parameters,docs:{...(W=v.parameters)==null?void 0:W.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal
+    },
+    data() {
+      return {
+        domains
+      };
+    },
+    methods: {},
+    template: \`
+      <PublishBrandPageModal
+        visible
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site/" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/brandname"
+      />
+    \`
+  };
+}`,...(U=(O=v.parameters)==null?void 0:O.docs)==null?void 0:U.source}}};var F,Y,z;P.parameters={...P.parameters,docs:{...(F=P.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal
+    },
+    data() {
+      return {
+        domains: []
+      };
+    },
+    methods: {},
+    template: \`
+      <PublishBrandPageModal
+        visible
+        is-design-com
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-slug='test-slug' 
+        brand-page-base-url="https://brand.site/" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/test-slug"
+      />
+  \`
+  };
+}`,...(z=(Y=P.parameters)==null?void 0:Y.docs)==null?void 0:z.source}}};var j,H,G;x.parameters={...x.parameters,docs:{...(j=x.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal
+    },
+    data() {
+      return {
+        domains: [],
+        isSearchDomainListModalVisible: false,
+        isDesignCom: false
+      };
+    },
+    methods: {
+      onHideDomainListModal() {
+        this.isSearchDomainListModalVisible = false;
+      },
+      onShowDomainListModal() {
+        this.isSearchDomainListModalVisible = true;
+      }
+    },
+    template: \`
+      <PublishBrandPageModal
+        visible
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site/" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/brandname"
+        :show-radio-buttons="domains.length > 0"
+        :is-search-domain-list-modal-visible="isSearchDomainListModalVisible"
+        @on-hide-domain-modal="onHideDomainListModal"
+      >
+        <template #recommended>
+          <div
+            class="tw-bg-white tw-border tw-border-grayscale-500 tw-rounded tw-p-4"
+          >
+            <div class="tw-flex tw-flex-col md:tw-flex-row tw-items-center">
+              <!-- Product image -->
+              <div
+                class="tw-flex tw-flex-col tw-mx-auto tw-max-w-1/3 tw-text-center tw-align-top tw-px-2"
+              >
+                <img
+                  src="https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/addon/add-ons-domain-name.svg"
+                  alt="icon"
+                  class="md:tw-max-w-full"
+                />
+              </div>
+              <div class="tw-flex tw-flex-col tw-px-2 tw-w-full">
+                <div
+                  class="tw-flex tw-flex-col md:tw-flex-row tw-text-center md:tw-text-left tw-items-center"
+                >
+                  <!-- Product title/description -->
+                  <div
+                    class="tw-flex tw-flex-col tw-w-full md:tw-grow tw-text-center md:tw-text-left"
+                  >
+                    <div>
+                      <h6
+                        class="tw-font-bold"
+                        :class="{ 'tw-text-grayscale-800': isDesignCom }"
+                      >
+                        Purchase a domain
+                      </h6>
+                      <p class="tw-text-grayscale-600">
+                        Find the perfect domain name for your brand for
+                      </p>
+                    </div>
+                  </div>
+                  <!-- CTA -->
+                  <div class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4">
+                    <button
+                      class="tw-font-sans tw-border-2 tw-border-solid tw-font-bold tw-text-success-500 tw-uppercase tw-transition-colors tw-duration-300 tw-text-sm tw-py-3 tw-px-4 tw-w-full tw-rounded tw-cursor-pointer tw-border-success-500 tw-bg-white hover:tw-bg-success-100 tw-text-success-500 tw-w-full md:tw-w-24"
+                      @click="onShowDomainListModal"
+                    >
+                      Search
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </PublishBrandPageModal>
+    \`
+  };
+}`,...(G=(H=x.parameters)==null?void 0:H.docs)==null?void 0:G.source}}};const ha=["NotPublishedWithPurchasedDomains","PublishWithSelectedDomain","SetSlug","Published","PublishedNoDomains","Free"];export{x as Free,w as NotPublishedWithPurchasedDomains,f as PublishWithSelectedDomain,v as Published,P as PublishedNoDomains,y as SetSlug,ha as __namedExportsOrder,ca as default};

package/.storybook-static/assets/SearchBar.stories-DE7D9jqF.js

@@ -0,0 +1,12 @@
+import{B as i}from"./ButtonPrimary-Ce51KkgM.js";import{c as p,a as r,i as u,A as m,g as h,o as f,j as _,t as B}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={components:{ButtonPrimary:i},props:{label:{type:String,required:!0},placeholder:{type:String,required:!0},searchInputDisabled:{type:Boolean,required:!1,default:!1}},methods:{onClick(){this.$emit("click")}}},b={class:"tw-flex"},g=["placeholder","disabled"];function y(x,w,a,k,q,l){const d=h("ButtonPrimary");return f(),p("div",b,[r("input",{type:"text",placeholder:a.placeholder,disabled:a.searchInputDisabled,style:{"padding-top":"9px","padding-bottom":"9px"},class:"tw-grow tw-rounded tw-bg-white tw-border-grayscale-500 !tw-rounded-r-none"},null,8,g),r("div",null,[u(d,{class:"tw-flex-none tw-p-1","rounded-left":!1,rounded:!1,"rounded-right":!0,"on-click":l.onClick},{default:m(()=>[_(B(a.label),1)]),_:1},8,["on-click"])])])}const c=S(s,[["render",y]]);s.__docgenInfo={exportName:"default",displayName:"SearchBar",description:"",tags:{},props:[{name:"label",type:{name:"string"},required:!0},{name:"placeholder",type:{name:"string"},required:!0},{name:"searchInputDisabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"click"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/SearchBar/SearchBar.vue"]};const D={title:"Components/Search Bar",component:c},e=()=>({components:{SearchBar:c},template:`
+      <SearchBar label="Search" placeholder="Business name"/>
+    `});e.story={name:"SearchBar"};var t,o,n;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SearchBar
+    },
+    template: \`
+      <SearchBar label="Search" placeholder="Business name"/>
+    \`
+  };
+}`,...(n=(o=e.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const I=["Sample"];export{e as Sample,I as __namedExportsOrder,D as default};

package/.storybook-static/assets/Select-BkD_4Yie.css

@@ -0,0 +1 @@
+fieldset[disabled] .select[data-v-82c96249]{pointer-events:none}.select__spinner[data-v-82c96249]{position:absolute;top:50%;right:0;transform:translateY(-50%);width:40px;height:38px;display:block}.select__spinner[data-v-82c96249]:before,.select__spinner[data-v-82c96249]:after{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.select__spinner[data-v-82c96249]:before{animation:spinning-82c96249 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.select__spinner[data-v-82c96249]:after{animation:spinning-82c96249 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.select__loading-enter-active[data-v-82c96249],.select__loading-leave-active[data-v-82c96249]{transition:opacity .4s ease-in-out;opacity:1}.select__loading-enter[data-v-82c96249],.select__loading-leave-active[data-v-82c96249]{opacity:0}.select[data-v-82c96249],.select__input[data-v-82c96249],.select__value[data-v-82c96249]{font-family:inherit;font-size:16px;touch-action:manipulation}.select[data-v-82c96249]{box-sizing:content-box;display:block;position:relative;width:100%;min-height:50px;text-align:left;color:#000}.select *[data-v-82c96249]{box-sizing:border-box}.select[data-v-82c96249]:focus{outline:none}.select--disabled[data-v-82c96249]{background:#ededed;pointer-events:none;opacity:.6}.select--active[data-v-82c96249]{z-index:50}.select--active:not(.select--above) .select__current[data-v-82c96249],.select--active:not(.select--above) .select__input[data-v-82c96249],.select--active:not(.select--above) .select__tags[data-v-82c96249]{border-bottom-left-radius:0;border-bottom-right-radius:0}.select--active .select__caret[data-v-82c96249]{transform:rotate(180deg)}.select--above.select--active .select__current[data-v-82c96249],.select--above.select--active .select__input[data-v-82c96249],.select--above.select--active .select__tags[data-v-82c96249]{border-top-left-radius:0;border-top-right-radius:0}.select__input[data-v-82c96249],.select__value[data-v-82c96249]{position:relative;display:inline-block;min-height:20px;border:none;border-radius:5px;background:#fff;width:100%;transition:border .1s ease;box-sizing:border-box;vertical-align:top}.select__input[data-v-82c96249]::-moz-placeholder{color:#35495e}.select__input[data-v-82c96249]::placeholder{color:#35495e}.select__tag~.select__input[data-v-82c96249],.select__tag~.select__value[data-v-82c96249]{width:auto}.select__input[data-v-82c96249]:hover,.select__value[data-v-82c96249]:hover{border-color:#cfcfcf}.select__input[data-v-82c96249]:focus,.select__value[data-v-82c96249]:focus{border-color:#a8a8a8;outline:none}.select__tags[data-v-82c96249]{min-height:48px;display:block;padding:14px 40px 0 16px;border-radius:5px;background:#fff}.select__tags input[data-v-82c96249]{padding:0}.select__caret[data-v-82c96249]{line-height:16px;display:block;position:absolute;box-sizing:border-box;width:40px;height:38px;right:1px;top:5px;padding:4px 8px;margin:0;text-decoration:none;text-align:center;cursor:pointer;transition:transform .2s ease}.select__caret[data-v-82c96249]:before{position:relative;right:0;top:65%;color:#999;margin-top:50%;border-style:solid;border-width:5px 5px 0 5px;border-color:#999999 transparent transparent transparent;content:""}.select__placeholder[data-v-82c96249]{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.select__content-wrapper[data-v-82c96249]{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #d0d0d0;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.select__content[data-v-82c96249]{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.select--above .select__content-wrapper[data-v-82c96249]{bottom:100%;border-radius:5px 5px 0 0;border-bottom:none;border-top:1px solid #d0d0d0}.select__content[data-v-82c96249]::webkit-scrollbar{display:none}.select__element[data-v-82c96249]{display:block}.select__option[data-v-82c96249]{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap;color:#4b545d}.select__option[data-v-82c96249]:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.select__option--highlight[data-v-82c96249]{background:#f3f3f3;outline:none;color:#000}.select__option--highlight[data-v-82c96249]:after{content:attr(data-select);background:#f3f3f3;color:silver}.select__option--selected[data-v-82c96249]{background:#f3f3f3;color:#000;font-weight:700}.select__option--selected[data-v-82c96249]:after{content:attr(data-selected);color:silver;background:inherit}.select__option--selected.select__option--highlight[data-v-82c96249]:after{content:attr(data-deselect)}.select--disabled .select__current[data-v-82c96249],.select--disabled .select__caret[data-v-82c96249]{color:#a6a6a6}.select__option--disabled[data-v-82c96249]{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.select-enter-active[data-v-82c96249],.select-leave-active[data-v-82c96249]{transition:all .15s ease}.select-enter[data-v-82c96249],.select-leave-active[data-v-82c96249]{opacity:0}.select__strong[data-v-82c96249]{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}*[dir=rtl] .select[data-v-82c96249]{text-align:right}*[dir=rtl] .select__caret[data-v-82c96249]{right:auto;left:1px}*[dir=rtl] .select__tags[data-v-82c96249]{padding:8px 8px 0 40px}*[dir=rtl] .select__content[data-v-82c96249]{text-align:right}*[dir=rtl] .select__option[data-v-82c96249]:after{right:auto;left:0}*[dir=rtl] .select__clear[data-v-82c96249]{right:auto;left:12px}*[dir=rtl] .select__spinner[data-v-82c96249]{right:auto;left:1px}@keyframes spinning-82c96249{0%{transform:rotate(0)}to{transform:rotate(2turn)}}

package/.storybook-static/assets/Select.stories-vMzrjNuo.js

@@ -0,0 +1,108 @@
+import{c as u,r as a,e as h,a as o,i as L,A as B,T as P,h as b,w as s,k as r,n as y,o as d,x as g,y as v,j as S,t as w,F as A,f as T}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";function M(e){return e===0?!1:Array.isArray(e)&&e.length===0?!0:!e}function I(e){return(...t)=>!e(...t)}function R(e,t){let n;switch(e){case void 0:n="undefined";break;case null:n="null";break;case!1:n="false";break;default:n=e}return n.toString().toLowerCase().indexOf(t.trim())!==-1}function K(e,t,n,f){return e.filter(V=>R(f(V,n),t))}const N={data(){return{search:"",isOpen:!1,preferredOpenDirection:"below",optimizedHeight:this.maxHeight}},props:{isInternalSearch:{type:Boolean,default:!0},options:{type:Array,required:!0},modelValue:{type:[String,Object],default:null},trackBy:{type:String,default:null},label:{type:String},isSearchable:{type:Boolean,default:!0},shouldHideSelected:{type:Boolean,default:!1},placeholder:{type:String,default:"Select option"},shouldAllowEmpty:{type:Boolean,default:!0},shouldResetAfter:{type:Boolean,default:!1},shouldCloseOnSelect:{type:Boolean,default:!0},customLabel:{type:Function,default(e,t){return M(e)?"":t?e[t]:e}},shouldAllowCustom:{type:Boolean,default:!1},customPlaceholder:{type:String,default:"Press enter to create option"},customPosition:{type:String,default:"top"},id:{default:null},optionsLimit:{type:Number,default:1e3},shouldPreserveSearch:{type:Boolean,default:!1},shouldPreselectFirst:{type:Boolean,default:!1},shouldPreventAutofocus:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1}},mounted(){this.shouldPreselectFirst&&!this.modelValue&&this.options.length&&this.select(this.filteredOptions[0])},computed:{filteredOptions(){const e=this.search||"",t=e.toLowerCase().trim();let n=this.options.concat();return this.isInternalSearch&&(n=K(n,t,this.label,this.customLabel)),n=this.shouldHideSelected?n.filter(I(this.isOptionSelected)):n,this.shouldAllowCustom&&t.length&&!this.isExistingOption(t)&&(this.customPosition==="bottom"?n.push({isCustom:!0,label:e}):n.unshift({isCustom:!0,label:e})),n.slice(0,this.optionsLimit)},valueKey(){return this.modelValue?this.trackBy?this.modelValue[this.trackBy]:this.modelValue:null},optionKeys(){return this.options.map(e=>this.customLabel(e,this.label).toString().toLowerCase())},exactMatchOption(){if(!this.search)return null;const e=this.search.toLowerCase().trim();return this.filteredOptions.find(t=>this.customLabel(t,this.label).toString().toLowerCase()===e)},hasExactMatch(){return!!this.exactMatchOption}},watch:{search(){this.$emit("search-change",this.search,this.id)}},methods:{updateSearch(e){this.search=e},isExistingOption(e){return this.options?this.optionKeys.indexOf(e)>-1:!1},getOptionKey(e){return this.trackBy?e[this.trackBy]:e},isOptionSelected(e){return this.valueKey===this.getOptionKey(e)},getOptionLabel(e){if(M(e))return"";if(e.isCustom)return e.label;const t=this.customLabel(e,this.label);return M(t)?"":t},select(e,t){if(!(this.isDisabled||e.$isDisabled)&&!(t==="Tab"&&!this.pointerDirty)){if(e.isCustom)this.$emit("custom",e.label,this.id),this.search="",this.shouldCloseOnSelect&&this.deactivate();else{if(this.isOptionSelected(e)){t!=="Tab"&&this.removeElement(e);return}this.$emit("update:modelValue",e,this.id)}this.shouldCloseOnSelect&&this.deactivate()}},removeElement(e,t=!0){if(!(this.isDisabled||e.$isDisabled)){if(!this.shouldAllowEmpty&&this.modelValue){this.deactivate();return}this.$emit("update:modelValue",null,this.id),this.$emit("remove",e,this.id),this.shouldCloseOnSelect&&t&&this.deactivate()}},async activate(){this.isOpen||this.isDisabled||(this.adjustPosition(),this.isOpen=!0,this.isSearchable?(this.shouldPreserveSearch||(this.search=""),this.shouldPreventAutofocus||await this.$nextTick(()=>this.$refs.search&&this.$refs.search.focus())):this.shouldPreventAutofocus||typeof this.$el<"u"&&this.$el.focus(),this.$emit("open",this.id))},deactivate(){this.isOpen&&(this.isOpen=!1,this.isSearchable?this.isSearchEmpty()&&this.$refs.search.blur():typeof this.$el<"u"&&this.$el.blur(),this.shouldPreserveSearch||(this.search=""),this.$emit("close",this.modelValue,this.id))},toggle(){this.isOpen?this.deactivate():this.activate()},isSearchEmpty(){return this.$refs.search!==null&&typeof this.$refs.search<"u"},shouldOpenBelow(){const e=this.$el.getBoundingClientRect().top,t=window.innerHeight-this.$el.getBoundingClientRect().bottom;return t>this.maxHeight||t>e||this.openDirection==="below"||this.openDirection==="bottom"},adjustPosition(){if(typeof window>"u")return;const e=this.$el.getBoundingClientRect().top,t=window.innerHeight-this.$el.getBoundingClientRect().bottom;this.shouldOpenBelow()?(this.preferredOpenDirection="below",this.optimizedHeight=Math.min(t-40,this.maxHeight)):(this.preferredOpenDirection="above",this.optimizedHeight=Math.min(e-40,this.maxHeight))}}},z={data(){return{pointer:0,pointerDirty:!1}},props:{shouldShowPointer:{type:Boolean,default:!0},optionHeight:{type:Number,default:40},shouldCloseOnSelect:{type:Boolean,default:!0}},computed:{pointerPosition(){return this.pointer*this.optionHeight},visibleElements(){return this.optimizedHeight/this.optionHeight}},watch:{filteredOptions(){this.pointerAdjust()},isOpen(){this.pointerDirty=!1},pointer(){this.$refs.search&&this.$refs.search.setAttribute("aria-activedescendant",`${this.id}-${this.pointer.toString()}`)}},methods:{isOptionHighlighted(e){return e===this.pointer&&this.shouldShowPointer},addPointerElement({key:e}="Enter"){this.filteredOptions.length>0&&this.select(this.filteredOptions[this.pointer],e),this.pointerReset()},shouldScrollDown(){return this.$refs.list.scrollTop<=this.pointerPosition-(this.visibleElements-1)*this.optionHeight},shouldScrollUp(){return this.$refs.list.scrollTop>=this.pointerPosition},pointerForward(){this.pointer<this.filteredOptions.length-1&&(this.pointer+=1,this.shouldScrollDown()&&(this.$refs.list.scrollTop=this.pointerPosition-(this.visibleElements-1)*this.optionHeight)),this.pointerDirty=!0},pointerBackward(){this.pointer>0&&(this.pointer-=1,this.shouldScrollUp()&&(this.$refs.list.scrollTop=this.pointerPosition)),this.pointerDirty=!0},pointerReset(){this.shouldCloseOnSelect&&(this.pointer=0,this.$refs.list&&(this.$refs.list.scrollTop=0))},pointerAdjust(){this.pointer>=this.filteredOptions.length-1&&(this.pointer=this.filteredOptions.length?this.filteredOptions.length-1:0)},pointerSet(e){this.pointer=e,this.pointerDirty=!0}}},H={mixins:[N,z],props:{name:{type:String,default:""},selectLabel:{type:String,default:void 0},selectedLabel:{type:String,default:void 0},deselectLabel:{type:String,default:void 0},shouldShowLabels:{type:Boolean,default:!0},maxHeight:{type:Number,default:300},isLoading:{type:Boolean,default:!1},openDirection:{type:String,default:""},shouldShowNoResults:{type:Boolean,default:!0},tabindex:{type:Number,default:0},shouldSelectExactMatchOnBlur:{type:Boolean,default:!1},isInvalid:{type:Boolean,default:!1}},computed:{isValueVisible(){return this.isSearchable&&this.isOpen?!1:!!this.modelValue},isPlaceholderVisible(){return this.isSearchable&&this.isOpen?!1:!this.modelValue},deselectLabelText(){return this.shouldShowLabels?this.deselectLabel:""},selectLabelText(){return this.shouldShowLabels?this.selectLabel:""},selectedLabelText(){return this.shouldShowLabels?this.selectedLabel:""},inputStyle(){return this.isSearchable?this.isOpen?{width:"100%"}:{width:"0",position:"absolute",padding:"0"}:""},contentStyle(){return this.options.length?{display:"inline-block"}:{display:"block"}},isAbove(){return this.openDirection==="above"||this.openDirection==="top"?!0:this.openDirection==="below"||this.openDirection==="bottom"?!1:this.preferredOpenDirection==="above"}},watch:{isOpen(e){if(e&&this.modelValue){const t=document.getElementById(this.getListId(this.modelValue));t&&this.$nextTick(()=>{t.scrollIntoView({behavior:"instant",block:"nearest",inline:"nearest"})})}}},methods:{onBlur(){this.shouldSelectExactMatchOnBlur&&this.hasExactMatch&&(this.isOptionSelected(this.exactMatchOption)||this.select(this.exactMatchOption,this.getOptionKey(this.exactMatchOption))),this.deactivate()},getListId(e){return`${this.id}-${this.getOptionKey(e)}`}}},U=["aria-owns","tabindex"],q={class:"select__spinner"},W=["name","value"],Y=["id","aria-controls","disabled","placeholder","tabindex","value"],G=["id"],J=["id","role"],Q=["data-deselect","data-select","data-selected","onFocus","onClick","onMouseenter"],X={class:"select__option"};function Z(e,t,n,f,V,l){return d(),u("div",{"aria-owns":`listbox-${e.id}`,class:y([{"select--active":e.isOpen,"select--disabled":e.isDisabled,"select--above":l.isAbove},"select"]),tabindex:e.isSearchable?-1:n.tabindex,onBlur:t[12]||(t[12]=i=>e.isSearchable?!1:e.deactivate()),onFocus:t[13]||(t[13]=(...i)=>e.activate&&e.activate(...i)),onKeydown:[t[14]||(t[14]=r(s((...i)=>e.pointerForward&&e.pointerForward(...i),["self","prevent"]),["down"])),t[15]||(t[15]=r(s((...i)=>e.pointerBackward&&e.pointerBackward(...i),["self","prevent"]),["up"])),t[16]||(t[16]=r(s(i=>e.addPointerElement(i),["stop","self"]),["enter","tab"]))],onKeyup:t[17]||(t[17]=r((...i)=>e.deactivate&&e.deactivate(...i),["esc"]))},[n.isLoading?h("",!0):a(e.$slots,"caret",{key:0,toggle:e.toggle},()=>[o("div",{class:"select__caret",onMousedown:t[0]||(t[0]=s((...i)=>e.toggle&&e.toggle(...i),["prevent","stop"]))},null,32)],!0),a(e.$slots,"clear",{search:e.search},void 0,!0),o("div",{ref:"tags",class:y(["select__tags tw-text-grayscale-600 tw-border tw-border-solid",{"tw-border-grayscale-500 focus:tw-border-grayscale-600":!n.isInvalid,"tw-border-error-500 focus:tw-border-error-600":n.isInvalid}])},[L(P,{name:"select__loading"},{default:B(()=>[a(e.$slots,"loading",{},()=>[g(o("div",q,null,512),[[v,n.isLoading]])],!0)]),_:3}),o("input",{name:n.name,value:e.valueKey,hidden:""},null,8,W),e.isSearchable?(d(),u("input",{key:0,id:e.id,ref:"search","aria-controls":`listbox-${e.id}`,disabled:e.isDisabled,placeholder:e.placeholder,style:b(l.inputStyle),tabindex:n.tabindex,value:e.search,class:"select__input",spellcheck:"false",autocomplete:"one-time-code",type:"text",onInput:t[1]||(t[1]=s(i=>e.updateSearch(i.target.value),["stop"])),onBlur:t[2]||(t[2]=s((...i)=>l.onBlur&&l.onBlur(...i),["prevent"])),onFocus:t[3]||(t[3]=s((...i)=>e.activate&&e.activate(...i),["prevent"])),onKeyup:t[4]||(t[4]=r((...i)=>e.deactivate&&e.deactivate(...i),["esc"])),onKeydown:[t[5]||(t[5]=r(s((...i)=>e.pointerForward&&e.pointerForward(...i),["prevent"]),["down"])),t[6]||(t[6]=r(s((...i)=>e.pointerBackward&&e.pointerBackward(...i),["prevent"]),["up"])),t[7]||(t[7]=r(s(i=>e.addPointerElement(i),["prevent","stop","self"]),["enter"]))]},null,44,Y)):h("",!0),l.isValueVisible?(d(),u("span",{key:1,class:"select__value",onMousedown:t[8]||(t[8]=s((...i)=>e.toggle&&e.toggle(...i),["prevent"]))},[a(e.$slots,"label",{option:e.modelValue},()=>[S(w(e.modelValue),1)],!0)],32)):h("",!0),l.isPlaceholderVisible?(d(),u("span",{key:2,class:"select__placeholder",onMousedown:t[9]||(t[9]=s((...i)=>e.toggle&&e.toggle(...i),["prevent"]))},[a(e.$slots,"placeholder",{},()=>[S(w(e.placeholder),1)],!0)],32)):h("",!0)],2),L(P,{name:"select"},{default:B(()=>[g(o("div",{ref:"list",style:b({maxHeight:`${e.optimizedHeight}px`}),class:"select__content-wrapper",tabindex:"-1",onFocus:t[10]||(t[10]=(...i)=>e.activate&&e.activate(...i)),onMousedown:t[11]||(t[11]=s(()=>{},["prevent"]))},[o("ul",{id:`listbox-${e.id}`,style:b(l.contentStyle),class:"select__content",role:"listbox"},[a(e.$slots,"beforeList",{},void 0,!0),(d(!0),u(A,null,T(e.filteredOptions,(i,c)=>(d(),u("li",{id:l.getListId(i),key:c,role:i&&i.$isDisabled?null:"option",class:"select__element"},[i&&i.$isDisabled?h("",!0):(d(),u("span",{key:0,class:y([{"select__option--highlight":e.isOptionHighlighted(c),"select__option--selected":e.isOptionSelected(i)},"select__option"]),"data-deselect":l.deselectLabelText,"data-select":i&&i.isCustom?e.customPlaceholder:l.selectLabelText,"data-selected":l.selectedLabelText,onFocus:O=>e.select(i),onClick:s(O=>e.select(i),["stop"]),onMouseenter:s(O=>e.pointerSet(c),["self"])},[a(e.$slots,"option",{index:c,option:i,search:e.search},()=>[o("span",null,w(e.getOptionLabel(i)),1)],!0)],42,Q))],8,J))),128)),g(o("li",null,[o("span",X,[a(e.$slots,"noResult",{search:e.search},()=>[S("No results")],!0)])],512),[[v,n.shouldShowNoResults&&e.filteredOptions.length===0&&e.search&&!n.isLoading]]),a(e.$slots,"afterList",{},void 0,!0)],12,G)],36),[[v,e.isOpen]])]),_:3})],42,U)}const x=F(H,[["render",Z],["__scopeId","data-v-82c96249"]]);H.__docgenInfo={exportName:"default",displayName:"Select",description:"",tags:{},props:[{name:"isInternalSearch",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"options",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"array"},required:!0},{name:"modelValue",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string|object"},defaultValue:{func:!1,value:"null"}},{name:"trackBy",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"label",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"}},{name:"isSearchable",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"shouldHideSelected",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"placeholder",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"'Select option'"}},{name:"shouldAllowEmpty",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"shouldResetAfter",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldCloseOnSelect",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"customLabel",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"func"},defaultValue:{func:!0,value:`function(option, label) {
+  if (isEmpty(option)) return '';
+  return label ? option[label] : option;
+}`}},{name:"shouldAllowCustom",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"customPlaceholder",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"'Press enter to create option'"}},{name:"customPosition",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"'top'"}},{name:"id",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"optionsLimit",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"shouldPreserveSearch",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldPreselectFirst",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldPreventAutofocus",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDisabled",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldShowPointer",mixin:{name:"pointerMixin",path:"pointerMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"optionHeight",mixin:{name:"pointerMixin",path:"pointerMixin.js"},type:{name:"number"},defaultValue:{func:!1,value:"40"}},{name:"name",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"selectLabel",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"selectedLabel",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"deselectLabel",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"shouldShowLabels",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"maxHeight",type:{name:"number"},defaultValue:{func:!1,value:"300"}},{name:"isLoading",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"openDirection",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"shouldShowNoResults",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"tabindex",type:{name:"number"},defaultValue:{func:!1,value:"0"}},{name:"shouldSelectExactMatchOnBlur",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isInvalid",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"search-change",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"custom",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"update:modelValue",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"remove",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"open",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]}},{name:"close",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]}],slots:[{name:"caret",scoped:!0,bindings:[{name:"toggle",title:"binding"}]},{name:"clear",scoped:!0,bindings:[{name:"search",title:"binding"}]},{name:"loading"},{name:"label",scoped:!0,bindings:[{name:"option",title:"binding"}]},{name:"placeholder"},{name:"beforeList"},{name:"option",scoped:!0,bindings:[{name:"index",title:"binding"},{name:"option",title:"binding"},{name:"search",title:"binding"}]},{name:"noResult",scoped:!0,bindings:[{name:"search",title:"binding"}]},{name:"afterList"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Select/Select.vue","/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Select/pointerMixin.js","/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Select/selectMixin.js"]};const te={title:"Components/Select",component:x,args:{isLoading:!1,isSearchable:!0,shouldAllowCustom:!0,shouldCloseOnSelect:!0,isDisabled:!1,deselectLabel:void 0,selectLabel:void 0,customPosition:void 0,optionHeight:void 0,shouldHideSelected:void 0,shouldShowPointer:void 0,shouldPreserveSearch:void 0,optionsLimit:void 0,openDirection:void 0,maxHeight:void 0,customPlaceholder:void 0,id:void 0,shouldPreselectFirst:void 0,shouldPreventAutofocus:void 0,name:void 0,shouldShowLabels:void 0,customLabel:void 0,isInternalSearch:void 0,label:void 0,shouldAllowEmpty:void 0,selectedLabel:void 0,shouldPreventAutoFocus:void 0,shouldResetAfter:void 0,shouldShowNoResults:void 0,options:["Luke Skywalker","Princess Leia Organa","Han Solo","Darth Vader","Obi-Wan Kenobi","Yoda","Chewbacca","R2-D2","C-3PO","Emperor Palpatine"]},argTypes:{customPosition:{type:"string",control:{type:"select",options:["top","bottom"]}},openDirection:{type:"string",control:{type:"select",options:["top","bottom"]}}}},p=(e,{argTypes:t})=>({components:{Select:x},props:Object.keys(t),setup(){return{args:e}},data:()=>({internalValue:""}),watch:{value(n){this.internalValue=n}},template:`
+          <Select
+              v-model="internalValue"
+              v-bind="args"
+              @custom="add"
+          />
+        `,methods:{add(n){this.internalValue=n,this.args.options.push(n)}}}),m=(e,{argTypes:t})=>({components:{Select:x},props:Object.keys(t),setup(){return{args:e}},data:()=>({internalValue:""}),watch:{value(n){this.internalValue=n}},template:`
+          <Select
+              v-model="internalValue"
+              v-bind="args"
+              @custom="add"
+          >
+            <template v-slot:label="{option}">
+              <div class="tw-m-1 tw-bg-info-300">
+                {{ option }}
+              </div>
+            </template>
+            <template v-slot:option="{option}">
+              <div class="tw-italic tw-text-success-500">
+                {{ option }}
+              </div>
+            </template>
+          </Select>
+        `,methods:{add(n){this.internalValue=n,this.args.options.push(n)}}});var j,k,$;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`(args, {
+  argTypes
+}) => {
+  return {
+    components: {
+      Select
+    },
+    props: Object.keys(argTypes),
+    setup() {
+      return {
+        args
+      };
+    },
+    data: () => ({
+      internalValue: ''
+    }),
+    watch: {
+      value(v) {
+        this.internalValue = v;
+      }
+    },
+    template: \`
+          <Select
+              v-model="internalValue"
+              v-bind="args"
+              @custom="add"
+          />
+        \`,
+    methods: {
+      add(value) {
+        this.internalValue = value;
+        this.args.options.push(value);
+      }
+    }
+  };
+}`,...($=(k=p.parameters)==null?void 0:k.docs)==null?void 0:$.source}}};var D,C,E;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`(args, {
+  argTypes
+}) => {
+  return {
+    components: {
+      Select
+    },
+    props: Object.keys(argTypes),
+    setup() {
+      return {
+        args
+      };
+    },
+    data: () => ({
+      internalValue: ''
+    }),
+    watch: {
+      value(v) {
+        this.internalValue = v;
+      }
+    },
+    template: \`
+          <Select
+              v-model="internalValue"
+              v-bind="args"
+              @custom="add"
+          >
+            <template v-slot:label="{option}">
+              <div class="tw-m-1 tw-bg-info-300">
+                {{ option }}
+              </div>
+            </template>
+            <template v-slot:option="{option}">
+              <div class="tw-italic tw-text-success-500">
+                {{ option }}
+              </div>
+            </template>
+          </Select>
+        \`,
+    methods: {
+      add(value) {
+        this.internalValue = value;
+        this.args.options.push(value);
+      }
+    }
+  };
+}`,...(E=(C=m.parameters)==null?void 0:C.docs)==null?void 0:E.source}}};const ie=["Basic","CustomOptionValues"];export{p as Basic,m as CustomOptionValues,ie as __namedExportsOrder,te as default};

package/.storybook-static/assets/SellDomainNameList.fixtures-LC6fjr_b.js

@@ -0,0 +1 @@
+const e=[...Array(3).keys()].map(()=>[{domainName:"notloic.fr",price:"0.00",currency:"usd",checkoutUrl:"#"},{domainName:"shadyloic.fr",price:"18.00",costPrice:"12.00",currency:"usd",checkoutUrl:"#"},{domainName:"badloic.fr",price:"18.00",costPrice:"12.00",currency:"usd",checkoutUrl:"#"},{domainName:"flirtyloic.fr",price:"18.00",costPrice:"12.00",currency:"usd",checkoutUrl:"#"}]).reduce((c,r)=>c.concat(r),[]);export{e as d};

package/.storybook-static/assets/SellDomainNameListModal-DAV6wUWy.js

@@ -0,0 +1 @@
+import{M as c}from"./Modal-BOHOQzO4.js";import{S as h,a as f}from"./SellDomainNameListSearchResult-DP3zr-UL.js";import{b as n,A as o,g as t,o as i,e as r}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y="Buy matching domain name for your brand",p="Search a domain name",s={components:{Modal:c,SellDomainNameSearch:h,SellDomainNameSearchResult:f},props:{currency:{type:Object,required:!0},domainNameItems:{type:Array,required:!1,default:void 0},headerSubtitle:{type:String,default:()=>y},headerTitle:{type:String,default:()=>p},isBusy:{type:Boolean,required:!0},previousSearchText:{type:String,required:!0},modelValue:{type:String,required:!1,default:void 0},visible:{type:Boolean,required:!0},isDesignCom:{type:Boolean,required:!1,default:!1},domainSearchLocation:{type:String,default:void 0}},emits:["close-modal","input","search"],methods:{onSearch(){this.$emit("search")},onCloseModal(){this.$emit("close-modal")},onSearchTextInputChange(l){this.$emit("update:model-value",l)}}};function b(l,g,e,v,_,a){const m=t("SellDomainNameSearch"),d=t("SellDomainNameSearchResult"),u=t("Modal");return i(),n(u,{classes:"sell-domain-name-list-modal--modal tw-text-black","close-on-esc":"","full-screen-breakpoint":"md",visible:e.visible,"hide-scrollbar":!1,"show-modal-background-image":!1,"content-classes":e.isBusy?["tw-overflow-y-hidden"]:[],onCloseModal:a.onCloseModal},{header:o(()=>[e.visible?(i(),n(m,{key:0,"is-design-com":e.isDesignCom,"header-title":e.headerTitle,"header-subtitle":e.headerSubtitle,"initial-search-term":e.modelValue,onOnSearch:a.onSearch,onOnSearchTextInputChange:a.onSearchTextInputChange},null,8,["is-design-com","header-title","header-subtitle","initial-search-term","onOnSearch","onOnSearchTextInputChange"])):r("",!0)]),default:o(()=>[e.visible?(i(),n(d,{key:0,"is-design-com":e.isDesignCom,"previous-search-text":e.previousSearchText,"is-busy":e.isBusy,"domain-name-items":e.domainNameItems,currency:e.currency,"domain-search-location":e.domainSearchLocation},null,8,["is-design-com","previous-search-text","is-busy","domain-name-items","currency","domain-search-location"])):r("",!0)]),_:1},8,["visible","content-classes","onCloseModal"])}const D=S(s,[["render",b],["__scopeId","data-v-e4c9cdd9"]]);s.__docgenInfo={exportName:"default",displayName:"SellDomainNameListModal",description:"",tags:{},props:[{name:"currency",type:{name:"object"},required:!0},{name:"domainNameItems",type:{name:"array"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"headerSubtitle",type:{name:"string"},defaultValue:{func:!0,value:"() => headerSubtitle"}},{name:"headerTitle",type:{name:"string"},defaultValue:{func:!0,value:"() => headerTitle"}},{name:"isBusy",type:{name:"boolean"},required:!0},{name:"previousSearchText",type:{name:"string"},required:!0},{name:"modelValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"visible",type:{name:"boolean"},required:!0},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"domainSearchLocation",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"close-modal"},{name:"input"},{name:"search"},{name:"update:model-value",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.vue"]};export{D as S};

package/.storybook-static/assets/SellDomainNameListModal-geQc7R-K.css

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