@designcrowd/fe-shared-lib 1.5.23 → 1.6.0

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

@@ -0,0 +1,324 @@
+import{d as X,c as d,e as s,b as w,t as h,g as c,f as C,h as m,o,Q as r,a as u,n as A,x as v,z as Y,C as Z,F as $,r as ee,y as B,H as ae}from"./iframe-B3A6OXQU.js";import{B as D}from"./Button-DKdQT6Fq.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{M as ne}from"./Modal-CydTNprT.js";import{S as se}from"./SellDomainNameListModal-ymtVclFP.js";import{b as te}from"./brand-crowd-api.client-D45NKshX.js";import{s as H,E as le}from"./event-constants-CMO9VQVu.js";import{m as T}from"./mediaQueryMixin-CISNqd93.js";import{T as ie}from"./TextCopyField-B66NKTk_.js";import{S as re}from"./SellDomainNameSearchWithResults-bX--zu97.js";import{T as U}from"./TextInput-CMoUjT_5.js";import{a as oe,D as de}from"./DropdownItem-DA6TdpDb.js";import"./preload-helper-PPVm8Dsz.js";import"./ButtonPrimary-BvWW6Duz.js";import"./Icon-C17LFvsP.js";import"./SellDomainNameListSearchResult-D-1CrQyf.js";import"./Loader-BWGoT_xC.js";import"./Picture-B8m1I9xN.js";import"./Price-C4GZbDSa.js";import"./index-QquxUozE.js";import"./api-lSJGRrF2.js";import"./FormControl.mixin-DcEBwrV3.js";const ue={class:"tw-bg-white tw-border tw-border-grayscale-500 tw-rounded tw-p-4"},me={class:"tw-flex tw-flex-row tw-items-center"},ce={class:"tw-flex tw-flex-col tw-mx-auto tw-max-w-1/3 tw-text-center tw-align-top tw-px-2"},he=["src"],ge={class:"tw-flex tw-flex-col tw-px-2 tw-w-full"},be={class:"tw-flex tw-flex-col md:tw-flex-row tw-text-center md:tw-text-left tw-items-center"},pe={class:"tw-flex tw-flex-col tw-w-full md:tw-grow tw-text-left"},fe={class:"tw-flex tw-flex-col md:tw-flex-row tw-gap-2"},we={key:0,class:"tw-text-xs tw-h-4 tw-w-fit tw-text-primary-500 tw-border tw-border-solid tw-border-primary-500 tw-rounded-full tw-px-2 tw-font-sans tw-uppercase"},ye={class:"tw-mt-2 md:tw-mt-0 tw-text-grayscale-600 tw-text-sm"},Pe={class:"desktop-cta tw-mt-2"},ve={key:0,class:"tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4 desktop-cta"},Se={class:"tw-mt-2 tw-px-2 tw-flex tw-flex-col tw-w-full"},Ce={class:"mobile-cta"},De={key:0,class:"tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4 mobile-cta tw-mt-2"},z=X({__name:"PublishBrandPageCard",props:{title:{type:String,default:""},description:{type:String,default:""},imgUrl:{type:String,default:""},isDesignCom:{type:Boolean,default:!1},hasSearchButton:{type:Boolean,default:!0},searchButtonLabel:{type:String,default:()=>"Search"},pillLabel:{type:String,default:null}},emits:["on-show-domain-list-modal"],setup(e,{emit:l}){const n=l,i=()=>{n("on-show-domain-list-modal")};return(t,a)=>(o(),d("div",ue,[s("div",me,[s("div",ce,[s("img",{src:e.imgUrl,alt:"icon",class:"md:tw-max-w-full"},null,8,he)]),s("div",ge,[s("div",be,[s("div",pe,[s("div",fe,[s("p",{class:w(["tw-font-bold tw-text-sm",{"tw-text-grayscale-800":e.isDesignCom}])},h(e.title),3),e.pillLabel?(o(),d("span",we,h(e.pillLabel),1)):c("",!0)]),s("p",ye,h(e.description),1),s("div",Pe,[C(t.$slots,"slug",{},void 0,!0)])]),e.hasSearchButton?(o(),d("div",ve,[m(D,{label:e.searchButtonLabel,class:w(["tw-flex tw-items-center tw-justify-center md:tw-ml-2 tw-mt-2 md:tw-mt-0 tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24",{"tw-uppercase":!e.isDesignCom}]),"data-test-brand-page-search-button":"",variant:"primary",size:"small-medium",onOnClick:i},null,8,["label","class"])])):c("",!0)])])]),s("div",Se,[s("div",Ce,[C(t.$slots,"slug",{},void 0,!0)]),e.hasSearchButton?(o(),d("div",De,[m(D,{label:e.searchButtonLabel,class:w(["tw-flex tw-items-center tw-justify-center md:tw-ml-2 tw-mt-2 md:tw-mt-0 tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24",{"tw-uppercase":!e.isDesignCom}]),"data-test-brand-page-search-button":"",variant:"primary",size:"small-medium","full-width":!0,onOnClick:i},null,8,["label","class"])])):c("",!0)])]))}}),F=x(z,[["__scopeId","data-v-76a233f5"]]);z.__docgenInfo={exportName:"default",displayName:"PublishBrandPageCard",description:"",tags:{},props:[{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"description",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"imgUrl",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isDesignCom",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasSearchButton",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"searchButtonLabel",type:{name:"string"},defaultValue:{func:!0,value:"() => 'Search'"}},{name:"pillLabel",type:{name:"string"},defaultValue:{func:!1,value:"null"}}],events:[{name:"on-show-domain-list-modal"}],slots:[{name:"slug"}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue"]};const j={components:{Button:D,TextCopyField:ie,SellDomainNameSearchWithResults:re},mixins:[T],props:{brandPageUrl:{type:String,required:!0,default:void 0},isDesignCom:{type:Boolean,required:!0,default:!1},showUpsellRotation:{type:Boolean,required:!0,default:!1},isSubsequentPublish:{type:Boolean,required:!0,default:!1},searchText:{type:String,required:!1,default:""},brandPageDisplayName:{type:String,required:!0,default:void 0},hasPurchasedDomains:{type:Boolean,required:!0,default:!1},showUpsellRotationContainer:{type:Boolean,required:!0,default:!1},userCurrency:{type:String,required:!0,default:void 0}},emits:["copy-url-clicked","on-brand-page-url-click","on-view-more-domains","on-buy-now-clicked","on-search-text-changed"],setup(){return{sitePublishedModal:H,publishBrandPageModalTr:r,copyLabel:r("copyLabel"),copySuccessLabel:r("copySuccessLabel")}},computed:{viewMyWebsiteLabel(){return this.publishBrandPageModalTr("viewMyWebsiteLabel",{brandPageDisplayName:this.brandPageDisplayName})}},methods:{onCopyUrlClick(){this.$emit("copy-url-clicked")},onBrandPageUrlClick(){this.$emit("on-brand-page-url-click")},onViewMore(){this.$emit("on-view-more-domains")},onSearchTextChanged(e){this.$emit("on-search-text-changed",e)},onBuyNowClick(){this.$emit("on-buy-now-clicked")}}},xe={class:"tw-font-sans"},Be={key:0,class:"tw-mb-6 tw-text-left"},Me={class:"tw-mb-6"},Ve={key:1,class:"tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5"};function _e(e,l,n,i,t,a){const b=u("SellDomainNameSearchWithResults"),g=u("TextCopyField"),p=u("Button");return o(),d("div",xe,[n.showUpsellRotationContainer?c("",!0):(o(),d("div",Be,[s("div",Me,[m(b,{"is-design-com":n.isDesignCom,"initial-search-term":n.searchText,currency:n.userCurrency,"display-result-limit":4,"domain-search-location":i.sitePublishedModal,"show-view-more-button":"",onOnChangeSearch:a.onSearchTextChanged,onOnBuyNowClick:a.onBuyNowClick,onOnViewMore:a.onViewMore},null,8,["is-design-com","initial-search-term","currency","domain-search-location","onOnChangeSearch","onOnBuyNowClick","onOnViewMore"])])])),s("div",{class:w(["tw-px-4 tw-text-center",{"lg:tw-px-20":n.hasPurchasedDomains}])},[m(g,{"button-variant":"secondary",text:n.brandPageUrl,"default-copy-button-text":i.copyLabel,"copied-button-text":i.copySuccessLabel,"data-test-brand-page-copy-input":"",onOnClick:a.onCopyUrlClick},null,8,["text","default-copy-button-text","copied-button-text","onOnClick"]),m(p,{label:a.viewMyWebsiteLabel,variant:n.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:n.brandPageUrl,"full-width":e.isMobile,onOnClick:a.onBrandPageUrlClick},null,8,["label","variant","url","full-width","onOnClick"])],2),n.showUpsellRotationContainer?(o(),d("div",Ve,[C(e.$slots,"upsellContainer")])):c("",!0)])}const qe=x(j,[["render",_e]]);j.__docgenInfo={exportName:"default",displayName:"PublishedView",description:"",tags:{},props:[{name:"brandPageUrl",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"isDesignCom",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"showUpsellRotation",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isSubsequentPublish",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"searchText",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"brandPageDisplayName",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"hasPurchasedDomains",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"showUpsellRotationContainer",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"userCurrency",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"copy-url-clicked"},{name:"on-brand-page-url-click"},{name:"on-view-more-domains"},{name:"on-buy-now-clicked"},{name:"on-search-text-changed",type:{names:["undefined"]}}],slots:[{name:"upsellContainer"}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/PublishBrandPageModal/views/PublishedView.vue","/home/zknowles/repos/fe-shared-lib/src/experiences/mixins/mediaQueryMixin.js"]};const Q={components:{TextInput:U,Button:D},mixins:[T],props:{brandPageBaseUrl:{type:String,required:!0,default:void 0},brandPageSlug:{type:String,required:!0,default:void 0},slugValidationError:{type:String,required:!0,default:void 0},errorMessage:{type:String,required:!1,default:void 0},publishErrorMessage:{type:String,required:!1,default:void 0},isPublishing:{type:Boolean,required:!0,default:!1},isDesignCom:{type:Boolean,required:!0,default:!1},brandPageType:{type:String,required:!0,default:""}},emits:["close-modal","internal-publish-brand-page","on-slug-changed"],setup(){return{publishBrandPageModalTr:r,slugInputPlaceholderYourNameLabel:r("slugInputPlaceholderYourNameLabel"),slugInputPlaceholderYourBusinessNameLabel:r("slugInputPlaceholderYourBusinessNameLabel"),setUrlLabel:r("setUrlLabel"),hasAlreadyPurchasedDomainCloseButtonLabel:r("hasAlreadyPurchasedDomainCloseButtonLabel")}},data(){return{domainTypeValue:this.radioValue,internalSlug:this.brandPageSlug}},computed:{brandPageBaseUrlWithoutHttps(){return this.brandPageBaseUrl.replace("https://","")},allowPublish(){return this.internalSlug&&!this.slugValidationError},slugErrorMessage(){return this.slugValidationError?this.slugValidationError:this.publishErrorMessage},isInputEnabled(){return this.isPublishing},isPublishingDisabled(){return!this.allowPublish||this.isPublishing},getPlaceHolder(){return this.brandPageType==="brandContact"?this.slugInputPlaceholderYourNameLabel:this.slugInputPlaceholderYourBusinessNameLabel}},watch:{brandPageSlug(e){this.internalSlug=e}},mounted(){this.internalSlug=this.brandPageSlug},methods:{onCloseModal(){this.$emit("close-modal")},onSlugChanged(e){this.$emit("on-slug-changed",e)},onPublish(){this.$emit("internal-publish-brand-page",this.internalSlug,void 0)}}},ke={class:"tw-mt-4"},Le={key:0,class:"tw-mt-2 tw-text-sm tw-text-left tw-text-error-500 tw-font-normal"};function Ne(e,l,n,i,t,a){const b=u("TextInput"),g=u("Button");return o(),d("div",null,[s("div",ke,[s("div",null,[m(b,{modelValue:t.internalSlug,"onUpdate:modelValue":l[0]||(l[0]=p=>t.internalSlug=p),"element-classes":"tw-mb-0 !tw-rounded-l-none tw-text-lg","prefix-text":`${a.brandPageBaseUrlWithoutHttps}/`,error:!!n.slugValidationError,disabled:a.isInputEnabled,placeholder:a.getPlaceHolder,"data-test-brand-page-slug-input":"",attrs:{"data-test-set-url-text-field":""},onInput:a.onSlugChanged},null,8,["modelValue","prefix-text","error","disabled","placeholder","onInput"]),a.slugErrorMessage?(o(),d("div",Le,h(a.slugErrorMessage),1)):c("",!0)])]),s("div",{class:"tw-font-sans tw-text-center",style:A(e.isMobile?"padding-left: 1.5rem; padding-right: 1.5rem;":"")},[m(g,{label:i.setUrlLabel,variant:n.isDesignCom?"primary":"primary-with-icon",icon:"chevron-right-wide",disabled:a.isPublishingDisabled,class:"tw-my-4","full-width":e.isMobile,"data-test-brand-page-publish-button":"",onOnClick:a.onPublish},null,8,["label","variant","disabled","full-width","onOnClick"]),m(g,{label:i.hasAlreadyPurchasedDomainCloseButtonLabel,variant:"no-border",size:"large",class:"tw-my-4","full-width":e.isMobile,onOnClick:a.onCloseModal},null,8,["label","full-width","onOnClick"])],4)])}const Te=x(Q,[["render",Ne]]);Q.__docgenInfo={exportName:"default",displayName:"SetUrlView",description:"",tags:{},props:[{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:"slugValidationError",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:"isPublishing",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isDesignCom",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"brandPageType",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"''"}}],events:[{name:"close-modal"},{name:"internal-publish-brand-page",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"on-slug-changed",type:{names:["undefined"]}}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/PublishBrandPageModal/views/SetUrlView.vue","/home/zknowles/repos/fe-shared-lib/src/experiences/mixins/mediaQueryMixin.js"]};const Ee="https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/publish/dcom-free-url.svg",Ie="https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/publish/bc-free-url.svg",G={components:{TextInput:U,Button:D,PublishBrandPageCard:F},mixins:[T],props:{brandPageBaseUrl:{type:String,required:!0,default:void 0},brandPageSlug:{type:String,required:!0,default:void 0},slugValidationError:{type:String,required:!0,default:void 0},errorMessage:{type:String,required:!1,default:void 0},publishErrorMessage:{type:String,required:!1,default:void 0},isPublishing:{type:Boolean,required:!0,default:!1},isDesignCom:{type:Boolean,required:!0,default:!1},brandPageType:{type:String,required:!0,default:""}},emits:["internal-publish-brand-page","on-slug-changed","on-use-existing-domain"],setup(){return{publishBrandPageModalTr:r,freePublishCardTitleLabel:r("freePublishCardTitleLabel"),freePublishCardDescriptionLabel:r("freePublishCardDescriptionLabel"),slugInputPlaceholderYourNameLabel:r("slugInputPlaceholderYourNameLabel"),slugInputPlaceholderYourBusinessNameLabel:r("slugInputPlaceholderYourBusinessNameLabel"),publishLabel:r("publishLabel"),alreadyHaveADomainLabel:r("alreadyHaveADomainLabel"),useExistingDomainLabel:r("useExistingDomainLabel")}},data(){return{internalSlug:this.brandPageSlug}},computed:{brandPageBaseUrlWithoutHttps(){return this.brandPageBaseUrl.replace("https://","")},allowPublish(){return this.internalSlug&&!this.slugValidationError},slugErrorMessage(){return this.slugValidationError?this.slugValidationError:this.publishErrorMessage},iconUrl(){return this.isDesignCom?Ee:Ie},isInputEnabled(){return this.isPublishing},isPublishingDisabled(){return!this.allowPublish||this.isPublishing},getPlaceHolder(){return this.brandPageType==="brandContact"?this.slugInputPlaceholderYourNameLabel:this.slugInputPlaceholderYourBusinessNameLabel}},watch:{brandPageSlug(e){this.internalSlug=e}},mounted(){this.internalSlug=this.brandPageSlug},methods:{onSlugChanged(e){this.$emit("on-slug-changed",e)},onPublish(){this.$emit("internal-publish-brand-page",this.internalSlug)},onUseExistingDomain(){this.$emit("on-use-existing-domain")}}},Ue={class:"tw-mt-4"},Oe={class:"tw-flex tw-flex-col md:tw-flex-row tw-justify-between"},Re={class:"tw-grow md:tw-mr-2"},We={key:0,class:"tw-mt-2 tw-text-sm tw-text-left tw-text-error-500 tw-font-normal"},Ae={class:"tw-mt-4"},Ye={class:"tw-m-4 tw-text-center"};function He(e,l,n,i,t,a){const b=u("TextInput"),g=u("Button"),p=u("PublishBrandPageCard");return o(),d("div",null,[s("div",Ue,[m(p,{"img-url":a.iconUrl,title:i.freePublishCardTitleLabel,description:i.freePublishCardDescriptionLabel,"is-design-com":n.isDesignCom,"has-search-button":!1},{slug:v(()=>[s("div",Oe,[s("div",Re,[m(b,{modelValue:t.internalSlug,"onUpdate:modelValue":l[0]||(l[0]=y=>t.internalSlug=y),"element-classes":"tw-mb-0 !tw-rounded-l-none tw-text-md","prefix-text":`${a.brandPageBaseUrlWithoutHttps}/`,error:!!n.slugValidationError,disabled:a.isInputEnabled,placeholder:a.getPlaceHolder,"data-test-brand-page-slug-input":"",attrs:{"data-test-set-url-text-field":""},onInput:a.onSlugChanged},null,8,["modelValue","prefix-text","error","disabled","placeholder","onInput"]),a.slugErrorMessage?(o(),d("div",We,h(a.slugErrorMessage),1)):c("",!0)]),m(g,{label:i.publishLabel,disabled:a.isPublishingDisabled,class:w(["tw-flex tw-items-center tw-justify-center tw-mt-2 md:tw-mt-0 tw-font-bold tw-transition-colors tw-duration-300",{"tw-uppercase":!n.isDesignCom}]),"data-test-brand-page-publish-button":"",variant:"primary",size:"small-medium","full-width":e.isMobile,onOnClick:a.onPublish},null,8,["label","disabled","full-width","class","onOnClick"])])]),_:1},8,["img-url","title","description","is-design-com"])]),s("div",Ae,[C(e.$slots,"recommended")]),s("div",Ye,[s("p",{class:w({"tw-text-grayscale-600":n.isDesignCom})},[Y(h(i.alreadyHaveADomainLabel)+" ",1),s("a",{href:"#",class:"tw-text-primary-500 hover:tw-text-primary-600",onClick:l[1]||(l[1]=Z((...y)=>a.onUseExistingDomain&&a.onUseExistingDomain(...y),["prevent"]))},h(i.useExistingDomainLabel),1)],2)])])}const ze=x(G,[["render",He]]);G.__docgenInfo={exportName:"default",displayName:"PublishWhenNoDomainsView",description:"",tags:{},props:[{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:"slugValidationError",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:"isPublishing",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isDesignCom",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"brandPageType",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"''"}}],events:[{name:"internal-publish-brand-page",type:{names:["undefined"]}},{name:"on-slug-changed",type:{names:["undefined"]}},{name:"on-use-existing-domain"}],slots:[{name:"recommended"}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/PublishBrandPageModal/views/PublishWhenNoDomainsView.vue","/home/zknowles/repos/fe-shared-lib/src/experiences/mixins/mediaQueryMixin.js"]};const I={slug:"slug",purchased:"purchased"},K={components:{TextInput:U,Dropdown:de,DropdownItem:oe,Button:D},mixins:[T],props:{radioValue:{type:String,required:!0,default:I.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},slugValidationError:{type:String,required:!0,default:void 0},errorMessage:{type:String,required:!1,default:void 0},publishErrorMessage:{type:String,required:!1,default:void 0},isPublishing:{type:Boolean,required:!0,default:!1},isDesignCom:{type:Boolean,required:!0,default:!1},brandPageType:{type:String,required:!0,default:""}},emits:["close-modal","radio-button-changed","internal-publish-brand-page","on-select-domain","on-slug-changed"],setup(){return{publishBrandPageModalTr:r,slugInputPlaceholderYourNameLabel:r("slugInputPlaceholderYourNameLabel"),slugInputPlaceholderYourBusinessNameLabel:r("slugInputPlaceholderYourBusinessNameLabel"),freeDomainLabel:r("freeDomainLabel"),purchasedDomainLabel:r("purchasedDomainLabel"),publishLabel:r("publishLabel"),hasAlreadyPurchasedDomainCloseButtonLabel:r("hasAlreadyPurchasedDomainCloseButtonLabel"),selectDomainDropdownPlaceholder:r("selectDomainDropdownPlaceholder")}},data(){return{DOMAIN_TYPES:I,domainTypeValue:this.radioValue,internalSlug:this.brandPageSlug,selectedCustomDomain:this.customDomain}},computed:{brandPageBaseUrlWithoutHttps(){return this.brandPageBaseUrl.replace("https://","")},allowPublish(){return this.domainTypeValue===I.slug?this.internalSlug&&!this.slugValidationError:this.selectedCustomDomain},hasPurchasedDomains(){return this.domains&&this.domains.length>0},slugErrorMessage(){return this.slugValidationError?this.slugValidationError:this.publishErrorMessage},isInputEnabled(){return this.isPublishing||this.domainTypeValue===I.purchased},isPublishingDisabled(){return!this.allowPublish||this.isPublishing},getPlaceHolder(){return this.brandPageType==="brandContact"?this.slugInputPlaceholderYourNameLabel:this.slugInputPlaceholderYourBusinessNameLabel}},watch:{brandPageSlug(e){this.internalSlug=e},customDomain(e){this.selectedCustomDomain=e}},mounted(){this.internalSlug=this.brandPageSlug},methods:{onDomainTypeRadioButtonClick(e){this.domainTypeValue=e,this.closePurchasedDomainDropdown(),this.$emit("radio-button-changed",e)},onCloseModal(){this.$emit("close-modal")},onSlugChanged(e){this.$emit("on-slug-changed",e)},onPublish(){this.$emit("internal-publish-brand-page",this.internalSlug,this.selectedCustomDomain)},onSelectPurchasedDomain(e){this.selectedCustomDomain=e,this.$emit("on-select-domain",e),this.closePurchasedDomainDropdown()},closePurchasedDomainDropdown(){this.$refs.dropdown?.hideMenu&&this.$refs.dropdown.hideMenu()}}},Fe=["checked","value"],je={for:"domain-type",class:"tw-font-sans tw-w-full tw-text-grayscale-600 tw-text-sm tw-cursor-pointer tw-ml-2"},Qe={class:"tw-inline-block tw-rounded-full"},Ge={class:"tw-mt-4"},Ke={key:0,class:"tw-mt-2 tw-text-sm tw-text-left tw-text-error-500 tw-font-normal"},Je={class:"tw-mt-4"},Xe=["checked","value"],Ze={for:"domain-type",class:"tw-font-sans tw-w-full tw-text-grayscale-600 tw-text-sm tw-cursor-pointer tw-ml-2"},$e={class:"tw-inline-block tw-rounded-full"},ea={class:"tw-mt-4 domain-dropdown"},aa={key:0,class:"tw-mt-2 tw-text-sm tw-text-left tw-text-error-500 tw-font-normal"};function na(e,l,n,i,t,a){const b=u("TextInput"),g=u("DropdownItem"),p=u("Dropdown"),y=u("Button");return o(),d("div",{class:w({"tw-mb-8":!a.hasPurchasedDomains})},[s("div",{class:"tw-flex tw-items-center tw-mr-2 tw-mb-1",onClick:l[0]||(l[0]=f=>a.onDomainTypeRadioButtonClick(t.DOMAIN_TYPES.slug))},[s("input",{type:"radio",class:"tw-w-6 tw-h-8 tw-cursor-pointer tw-mb-0",style:{"accent-color":"rgb(242 27 63)"},name:"domainTypeValue",checked:t.domainTypeValue===t.DOMAIN_TYPES.slug,value:t.domainTypeValue===t.DOMAIN_TYPES.slug},null,8,Fe),s("label",je,[s("span",Qe,h(i.freeDomainLabel),1)])]),s("div",Ge,[s("div",null,[m(b,{modelValue:t.internalSlug,"onUpdate:modelValue":l[1]||(l[1]=f=>t.internalSlug=f),"element-classes":"tw-mb-0 !tw-rounded-l-none tw-text-lg","prefix-text":`${a.brandPageBaseUrlWithoutHttps}/`,error:!!n.slugValidationError,disabled:a.isInputEnabled,placeholder:a.getPlaceHolder,"data-test-brand-page-slug-input":"",attrs:{"data-test-set-url-text-field":""},onInput:a.onSlugChanged},null,8,["modelValue","prefix-text","error","disabled","placeholder","onInput"]),a.slugErrorMessage?(o(),d("div",Ke,h(a.slugErrorMessage),1)):c("",!0)])]),s("div",Je,[s("div",{class:"tw-flex tw-items-center tw-mr-2 tw-mb-1",onClick:l[2]||(l[2]=f=>a.onDomainTypeRadioButtonClick(t.DOMAIN_TYPES.purchased))},[s("input",{type:"radio",class:"tw-w-6 tw-h-8 tw-cursor-pointer tw-mb-0",style:{"accent-color":"rgb(242 27 63)"},name:"domainTypeValue",checked:t.domainTypeValue===t.DOMAIN_TYPES.purchased,value:t.domainTypeValue===t.DOMAIN_TYPES.purchased},null,8,Xe),s("label",Ze,[s("span",$e,h(i.purchasedDomainLabel),1)])]),s("div",ea,[m(p,{ref:"dropdown","element-classes":{"tw-h-12":!0},"menu-element-classes":"tw-w-full",disabled:t.domainTypeValue===t.DOMAIN_TYPES.slug,class:w({"tw-text-grayscale-600 tw-font-normal":!t.selectedCustomDomain}),title:t.selectedCustomDomain&&t.selectedCustomDomain.domainName||i.selectDomainDropdownPlaceholder},{default:v(()=>[(o(!0),d($,null,ee(n.domains,f=>(o(),B(g,{key:f.domainName,class:"tw-font-bold tw-break-all tw-flex tw-gap-2 tw-text-black",onClick:O=>a.onSelectPurchasedDomain(f)},{default:v(()=>[Y(h(f.domainName),1)]),_:2},1032,["onClick"]))),128))]),_:1},8,["disabled","class","title"])]),n.errorMessage?(o(),d("div",aa,h(n.errorMessage),1)):c("",!0)]),s("div",{class:"tw-font-sans tw-text-center",style:A(e.isMobile?"padding-left: 1.5rem; padding-right: 1.5rem;":"")},[m(y,{label:i.publishLabel,variant:n.isDesignCom?"primary":"primary-with-icon",icon:"chevron-right-wide",disabled:a.isPublishingDisabled,class:"tw-my-4","full-width":e.isMobile,"data-test-brand-page-publish-button":"",onOnClick:a.onPublish},null,8,["label","variant","disabled","full-width","onOnClick"]),m(y,{label:i.hasAlreadyPurchasedDomainCloseButtonLabel,variant:"no-border",size:"large",class:"tw-my-4","full-width":e.isMobile,onOnClick:a.onCloseModal},null,8,["label","full-width","onOnClick"])],4)],2)}const sa=x(K,[["render",na]]);K.__docgenInfo={exportName:"default",displayName:"PublishWhenHasDomainsView",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:"slugValidationError",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:"isPublishing",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isDesignCom",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"brandPageType",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"''"}}],events:[{name:"close-modal"},{name:"radio-button-changed",type:{names:["undefined"]}},{name:"internal-publish-brand-page",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"on-select-domain",type:{names:["undefined"]}},{name:"on-slug-changed",type:{names:["undefined"]}}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/PublishBrandPageModal/views/PublishWhenHasDomainsView.vue","/home/zknowles/repos/fe-shared-lib/src/experiences/mixins/mediaQueryMixin.js"]};const W={slug:"slug",purchased:"purchased"},ta="Website",la="Digital Business Card",J={components:{Modal:ne,SellDomainNameListModal:se,PublishedView:qe,SetUrlView:Te,PublishWhenNoDomainsView:ze,PublishWhenHasDomainsView:sa},mixins:[T],props:{radioValue:{type:String,required:!0,default:W.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},brandPageType:{type:String,required:!0,default:""},showUpsellRotation:{type:Boolean,required:!0,default:!1},isSubsequentPublish:{type:Boolean,required:!0,default:!1}},emits:["close-modal","radio-button-changed","copy-url-clicked","internal-publish-brand-page","on-select-domain","on-brand-page-url-click","on-view-more-domains","on-slug-changed","on-show-domain-modal","on-use-existing-domain"],setup(){return{publishBrandPageModalTr:r,sitePublishedLabel:r("sitePublishedLabel"),publishedSuccessDescriptionLabel:r("publishedSuccessDescriptionLabel")}},data(){return{DOMAIN_TYPES:W,domainTypeValue:this.radioValue,internalSlug:this.brandPageSlug,selectedCustomDomain:this.customDomain,userCurrency:void 0,isModalVisible:!1,isLoading:!1,previousSearchText:"",domainNameItems:void 0,sitePublishedModal:H,searchText:this.brandPageSlug||this.businessName||""}},computed:{firstTimePublishHeaderLabel(){const e=this.getLanguageAwareBrandPageDisplayName(this.brandPageDisplayName);return this.publishBrandPageModalTr("firstTimePublishHeaderLabel",{brandPageDisplayName:e})},publishSuccessLabel(){return this.publishBrandPageModalTr("publishSuccessLabel",{brandPageDisplayName:this.brandPageDisplayName})},hasPurchasedDomains(){return this.domains&&this.domains.length>0},isNotPublished(){return!this.isPublished||!this.shouldPublish},isSlugEditMode(){return this.isPublished&&this.shouldPublish&&this.isBrandPageSlugEditMode},showUpsellRotationContainer(){return this.isSubsequentPublish?this.showUpsellRotation:!1}},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:{getLanguageAwareBrandPageDisplayName(e){switch(e){case ta:return this.publishBrandPageModalTr("websiteFriendlyName");case la:return this.publishBrandPageModalTr("digitalBusinessCardFriendlyName");default:return e}},onCloseModal(){this.$emit("close-modal"),this.$emit("on-hide-domain-modal")},onViewMore(){this.$emit("on-show-domain-modal"),this.searchText&&this.searchDomainName(!0)},onSearchTextChanged(e){this.searchText=e,this.$emit("on-change-search",e)},onSellDomainNameListCloseModal(){this.$emit("on-hide-domain-modal")},onSlugChanged(e){this.$emit("on-slug-changed",e)},onUseExistingDomain(){this.$emit("on-use-existing-domain")},onInternalPublishBrandPage(e,l){this.$emit("internal-publish-brand-page",e,l)},onRadioButtonChanged(e){this.$emit("radio-button-changed",e)},onSelectDomain(e){this.$emit("on-select-domain",e)},onCopyUrlClick(e){this.$emit("copy-url-clicked",e)},onBrandPageUrlClick(e){this.$emit("on-brand-page-url-click",e)},onBuyNow(e){this.$emit("on-buy-now-clicked",e)},async searchDomainName(e){this.isLoading=!0;let l="";this.searchText&&(l=this.cleanText(this.searchText)),this.previousSearchText=this.searchText;try{const n={keyword:l,isUserTriggered:e,userText:this.brandPageSlug};this.designDraftToken&&(n.designDraftToken=this.designDraftToken),n.domainSearchLocation=this.sitePublishedModal,window.dispatchEvent(new CustomEvent(le.DomainSearchEvent,{detail:n}));const i=await te.searchDomainNamesByKeywordAsync(n);if(!i){this.domainNameItems=[];return}this.domainNameItems=i.items,this.userCurrency=i.currency}catch{this.domainNameItems=[]}finally{this.isLoading=!1}},cleanText(e){return e.replace(/[^\p{L}\p{N}\-.]+/gu,"").toLowerCase()}}},ia={class:"publish-bp--container"},ra={key:0,class:"tw-text-center tw-font-bold tw-mb-8 tw-mt-8 tw-text-4xl"},oa={key:1,class:"tw-text-center tw-font-bold tw-mt-8 tw-mb-8"},da={class:"tw-font-bold tw-text-black tw-mb-2 tw-text-4xl"},ua={key:0},ma={key:0,class:"tw-text-grayscale-600 tw-mb-8"},ca={key:1,class:"tw-text-grayscale-600 tw-mb-8 tw-font-normal"};function ha(e,l,n,i,t,a){const b=u("PublishWhenNoDomainsView"),g=u("PublishWhenHasDomainsView"),p=u("SetUrlView"),y=u("PublishedView"),f=u("Modal"),O=u("SellDomainNameListModal");return o(),d("div",ia,[m(f,{classes:"publish-bp--modal tw-p-4","close-on-esc":"",visible:n.visible,"hide-scrollbar":!1,"show-modal-background-image":n.showModalBackgroundImage,"content-classes":n.isBusy?["tw-overflow-y-hidden"]:[],"remove-horizontal-padding":a.showUpsellRotationContainer,class:w({"tw-px-2 md:tw-px-8":!a.showUpsellRotationContainer}),onCloseModal:a.onCloseModal},{header:v(()=>[a.isNotPublished||a.isSlugEditMode?(o(),d("div",ra,[s("span",null,h(a.firstTimePublishHeaderLabel),1)])):c("",!0),n.isPublished&&!a.isSlugEditMode?(o(),d("div",oa,[s("p",da,h(i.sitePublishedLabel),1),a.showUpsellRotationContainer?c("",!0):(o(),d("div",ua,[a.hasPurchasedDomains||n.isCustomDomainActive?(o(),d("p",ma,h(a.publishSuccessLabel),1)):(o(),d("p",ca,h(i.publishedSuccessDescriptionLabel),1))]))])):c("",!0)]),default:v(()=>[a.isNotPublished&&!a.hasPurchasedDomains?(o(),B(b,{key:0,"brand-page-base-url":n.brandPageBaseUrl,"brand-page-slug":n.brandPageSlug,"slug-validation-error":n.slugValidationError,"error-message":n.errorMessage,"publish-error-message":n.publishErrorMessage,"is-publishing":n.isPublishing,"is-design-com":n.isDesignCom,"brand-page-type":n.brandPageType,onOnSlugChanged:a.onSlugChanged,onInternalPublishBrandPage:a.onInternalPublishBrandPage,onOnUseExistingDomain:a.onUseExistingDomain},{recommended:v(()=>[C(e.$slots,"recommended",{},void 0,!0)]),_:3},8,["brand-page-base-url","brand-page-slug","slug-validation-error","error-message","publish-error-message","is-publishing","is-design-com","brand-page-type","onOnSlugChanged","onInternalPublishBrandPage","onOnUseExistingDomain"])):c("",!0),a.isNotPublished&&n.showRadioButtons&&a.hasPurchasedDomains?(o(),B(g,{key:1,"radio-value":n.radioValue,domains:n.domains,"brand-page-base-url":n.brandPageBaseUrl,"brand-page-slug":n.brandPageSlug,"custom-domain":n.customDomain,"slug-validation-error":n.slugValidationError,"error-message":n.errorMessage,"publish-error-message":n.publishErrorMessage,"is-publishing":n.isPublishing,"is-design-com":n.isDesignCom,"brand-page-type":n.brandPageType,onCloseModal:a.onCloseModal,onOnSlugChanged:a.onSlugChanged,onRadioButtonChanged:a.onRadioButtonChanged,onOnSelectDomain:a.onSelectDomain,onInternalPublishBrandPage:a.onInternalPublishBrandPage},null,8,["radio-value","domains","brand-page-base-url","brand-page-slug","custom-domain","slug-validation-error","error-message","publish-error-message","is-publishing","is-design-com","brand-page-type","onCloseModal","onOnSlugChanged","onRadioButtonChanged","onOnSelectDomain","onInternalPublishBrandPage"])):c("",!0),a.isSlugEditMode?(o(),B(p,{key:2,"brand-page-base-url":n.brandPageBaseUrl,"brand-page-slug":n.brandPageSlug,"slug-validation-error":n.slugValidationError,"error-message":n.errorMessage,"publish-error-message":n.publishErrorMessage,"is-publishing":n.isPublishing,"is-design-com":n.isDesignCom,"brand-page-type":n.brandPageType,onCloseModal:a.onCloseModal,onOnSlugChanged:a.onSlugChanged,onInternalPublishBrandPage:a.onInternalPublishBrandPage},null,8,["brand-page-base-url","brand-page-slug","slug-validation-error","error-message","publish-error-message","is-publishing","is-design-com","brand-page-type","onCloseModal","onOnSlugChanged","onInternalPublishBrandPage"])):c("",!0),!a.isNotPublished&&!a.isSlugEditMode?(o(),B(y,{key:3,"brand-page-url":n.brandPageUrl,"is-design-com":n.isDesignCom,"show-upsell-rotation":n.showUpsellRotation,"is-subsequent-publish":n.isSubsequentPublish,"search-text":t.searchText,"brand-page-display-name":n.brandPageDisplayName,"has-purchased-domain":a.hasPurchasedDomains,"show-upsell-rotation-container":a.showUpsellRotationContainer,"user-currency":t.userCurrency,onCopyUrlClicked:a.onCopyUrlClick,onOnBrandPageUrlClick:a.onBrandPageUrlClick,onOnViewMoreDomains:a.onViewMore,onOnBuyNowClicked:e.onBuyNowClick,onOnSearchTextChanged:a.onSearchTextChanged},{upsellContainer:v(()=>[C(e.$slots,"upsellContainer",{},void 0,!0)]),_:3},8,["brand-page-url","is-design-com","show-upsell-rotation","is-subsequent-publish","search-text","brand-page-display-name","has-purchased-domain","show-upsell-rotation-container","user-currency","onCopyUrlClicked","onOnBrandPageUrlClick","onOnViewMoreDomains","onOnBuyNowClicked","onOnSearchTextChanged"])):c("",!0)]),_:3},8,["visible","show-modal-background-image","content-classes","remove-horizontal-padding","class","onCloseModal"]),m(O,{modelValue:t.searchText,"onUpdate:modelValue":l[0]||(l[0]=R=>t.searchText=R),currency:t.userCurrency,"is-busy":t.isLoading,"is-design-com":n.isDesignCom,"domain-name-items":t.domainNameItems,"previous-search-text":t.previousSearchText,visible:t.isModalVisible,"domain-search-location":t.sitePublishedModal,onCloseModal:a.onSellDomainNameListCloseModal,onSearch:l[1]||(l[1]=R=>a.searchDomainName(!0))},null,8,["modelValue","currency","is-busy","is-design-com","domain-name-items","previous-search-text","visible","domain-search-location","onCloseModal"])])}const P=x(J,[["render",ha],["__scopeId","data-v-70e87ecf"]]);J.__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"}},{name:"brandPageType",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"''"}},{name:"showUpsellRotation",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isSubsequentPublish",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}}],events:[{name:"close-modal"},{name:"radio-button-changed",type:{names:["undefined"]}},{name:"copy-url-clicked",type:{names:["undefined"]}},{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",type:{names:["undefined"]}},{name:"on-view-more-domains"},{name:"on-slug-changed",type:{names:["undefined"]}},{name:"on-show-domain-modal"},{name:"on-use-existing-domain"},{name:"on-hide-domain-modal"},{name:"on-change-search",type:{names:["undefined"]}},{name:"on-buy-now-clicked",type:{names:["undefined"]}}],slots:[{name:"recommended"},{name:"upsellContainer"}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue","/home/zknowles/repos/fe-shared-lib/src/experiences/mixins/mediaQueryMixin.js"]};const E=[{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"}],Ua={title:"Components/PublishBrandPageModal",component:P},ga="en-US",S=async()=>{await ae(ga)},M=()=>({components:{PublishBrandPageModal:P},data(){return{domains:E,show:!1}},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"
+      />
+    `});M.loaders=[S];const V=()=>({components:{PublishBrandPageModal:P},data(){return{domains:E,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"
+      />
+    `});V.loaders=[S];const _=()=>({components:{PublishBrandPageModal:P},data(){return{domains:E}},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"
+      />
+    `});_.loaders=[S];const q=()=>({components:{PublishBrandPageModal:P},data(){return{domains:E}},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"
+      />
+    `});q.loaders=[S];const k=()=>({components:{PublishBrandPageModal:P},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"
+      />
+  `});k.loaders=[S];const L=()=>({components:{PublishBrandPageModal:P},data(){return{domains:E}},methods:{},template:`
+     <PublishBrandPageModal
+        visible
+        is-design-com
+        is-published
+        should-publish
+        :domains="domains"
+        isSubsequentPublish="true"
+        showUpsellRotation="true"
+        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"
+      >
+        <template #upsell>
+          <div>Upsell container goes here 111111</div>
+        </template>
+      </PublishBrandPageModal>
+    `});L.loaders=[S];const N=()=>({components:{PublishBrandPageModal:P,Card:F},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>
+            <Card
+              :imgUrl="'https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/addon/add-ons-domain-name.svg'"
+              title="Custom Domain"
+              description="Make it easy for customers to find you with a domain that matches your business"
+              :is-design-com="isDesignCom"
+              :has-search-button="true"
+              :show-label="true"
+            />
+        </template>
+      </PublishBrandPageModal>
+    `});N.loaders=[S];M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal
+    },
+    data() {
+      return {
+        domains,
+        show: false
+      };
+    },
+    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"
+      />
+    \`
+  };
+}`,...M.parameters?.docs?.source}}};V.parameters={...V.parameters,docs:{...V.parameters?.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"
+      />
+    \`
+  };
+}`,...V.parameters?.docs?.source}}};_.parameters={..._.parameters,docs:{..._.parameters?.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"
+      />
+    \`
+  };
+}`,..._.parameters?.docs?.source}}};q.parameters={...q.parameters,docs:{...q.parameters?.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"
+      />
+    \`
+  };
+}`,...q.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.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"
+      />
+  \`
+  };
+}`,...k.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal
+    },
+    data() {
+      return {
+        domains
+      };
+    },
+    methods: {},
+    template: \`
+     <PublishBrandPageModal
+        visible
+        is-design-com
+        is-published
+        should-publish
+        :domains="domains"
+        isSubsequentPublish="true"
+        showUpsellRotation="true"
+        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"
+      >
+        <template #upsell>
+          <div>Upsell container goes here 111111</div>
+        </template>
+      </PublishBrandPageModal>
+    \`
+  };
+}`,...L.parameters?.docs?.source}}};N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PublishBrandPageModal,
+      Card
+    },
+    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>
+            <Card
+              :imgUrl="'https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/addon/add-ons-domain-name.svg'"
+              title="Custom Domain"
+              description="Make it easy for customers to find you with a domain that matches your business"
+              :is-design-com="isDesignCom"
+              :has-search-button="true"
+              :show-label="true"
+            />
+        </template>
+      </PublishBrandPageModal>
+    \`
+  };
+}`,...N.parameters?.docs?.source}}};const Oa=["NotPublishedWithPurchasedDomains","PublishWithSelectedDomain","SetSlug","Published","PublishedNoDomains","PublishedWithContent","Free"];export{N as Free,M as NotPublishedWithPurchasedDomains,V as PublishWithSelectedDomain,q as Published,k as PublishedNoDomains,L as PublishedWithContent,_ as SetSlug,Oa as __namedExportsOrder,Ua as default};

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

@@ -0,0 +1,12 @@
+import{B as l}from"./ButtonPrimary-BvWW6Duz.js";import{c,e as r,h as d,x as i,a as p,o as m,z as u,t as h}from"./iframe-B3A6OXQU.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-PPVm8Dsz.js";const t={components:{ButtonPrimary:l},props:{label:{type:String,required:!0},placeholder:{type:String,required:!0},searchInputDisabled:{type:Boolean,required:!1,default:!1}},methods:{onClick(){this.$emit("click")}}},_={class:"tw-flex"},B=["placeholder","disabled"];function S(b,y,a,g,x,n){const s=p("ButtonPrimary");return m(),c("div",_,[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,B),r("div",null,[d(s,{class:"tw-flex-none tw-p-1","rounded-left":!1,rounded:!1,"rounded-right":!0,"on-click":n.onClick},{default:i(()=>[u(h(a.label),1)]),_:1},8,["on-click"])])])}const o=f(t,[["render",S]]);t.__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:["/home/zknowles/repos/fe-shared-lib/src/atoms/components/SearchBar/SearchBar.vue"]};const C={title:"Components/Search Bar",component:o},e=()=>({components:{SearchBar:o},template:`
+      <SearchBar label="Search" placeholder="Business name"/>
+    `});e.story={name:"SearchBar"};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SearchBar
+    },
+    template: \`
+      <SearchBar label="Search" placeholder="Business name"/>
+    \`
+  };
+}`,...e.parameters?.docs?.source}}};const N=["Sample"];export{e as Sample,N as __namedExportsOrder,C as default};

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

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

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

@@ -0,0 +1,108 @@
+import{c as r,f as o,g as h,e as a,h as L,x as B,T as P,G as u,C as s,n as g,b as y,o as d,A as v,B as S,z as w,t as M,F as k,r as $}from"./iframe-B3A6OXQU.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-PPVm8Dsz.js";function c(e){return e===0?!1:Array.isArray(e)&&e.length===0?!0:!e}function C(e){return(...t)=>!e(...t)}function E(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 H(e,t,n,b){return e.filter(V=>E(b(V,n),t))}const A={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},imageUrlField:{type:String,default:null},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 c(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=H(n,t,this.label,this.customLabel)),n=this.shouldHideSelected?n.filter(C(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(c(e))return"";if(e.isCustom)return e.label;const t=this.customLabel(e,this.label);return c(t)?"":t},getOptionImageUrl(e){if(this.imageUrlField&&!c(e))return e[this.imageUrlField]??void 0},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))}}},F={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}}},j={mixins:[A,F],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)}`}}},T=["aria-owns","tabindex"],I={class:"select__spinner"},R=["name","value"],K=["id","aria-controls","disabled","placeholder","tabindex","value"],N=["id"],z=["id","role"],U=["data-deselect","data-select","data-selected","onFocus","onClick","onMouseenter"],q={class:"select__item"},G={key:0},W=["src"],Y={class:"select__item__text"},J={class:"select__option"};function Q(e,t,n,b,V,l){return d(),r("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]=u(s((...i)=>e.pointerForward&&e.pointerForward(...i),["self","prevent"]),["down"])),t[15]||(t[15]=u(s((...i)=>e.pointerBackward&&e.pointerBackward(...i),["self","prevent"]),["up"])),t[16]||(t[16]=u(s(i=>e.addPointerElement(i),["stop","self"]),["enter","tab"]))],onKeyup:t[17]||(t[17]=u((...i)=>e.deactivate&&e.deactivate(...i),["esc"]))},[n.isLoading?h("",!0):o(e.$slots,"caret",{key:0,toggle:e.toggle},()=>[a("div",{class:"select__caret",onMousedown:t[0]||(t[0]=s((...i)=>e.toggle&&e.toggle(...i),["prevent","stop"]))},null,32)],!0),o(e.$slots,"clear",{search:e.search},void 0,!0),a("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(()=>[o(e.$slots,"loading",{},()=>[v(a("div",I,null,512),[[S,n.isLoading]])],!0)]),_:3}),a("input",{name:n.name,value:e.valueKey,hidden:""},null,8,R),e.isSearchable?(d(),r("input",{key:0,id:e.id,ref:"search","aria-controls":`listbox-${e.id}`,disabled:e.isDisabled,placeholder:e.placeholder,style:g(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]=u((...i)=>e.deactivate&&e.deactivate(...i),["esc"])),onKeydown:[t[5]||(t[5]=u(s((...i)=>e.pointerForward&&e.pointerForward(...i),["prevent"]),["down"])),t[6]||(t[6]=u(s((...i)=>e.pointerBackward&&e.pointerBackward(...i),["prevent"]),["up"])),t[7]||(t[7]=u(s(i=>e.addPointerElement(i),["prevent","stop","self"]),["enter"]))]},null,44,K)):h("",!0),l.isValueVisible?(d(),r("span",{key:1,class:"select__value",onMousedown:t[8]||(t[8]=s((...i)=>e.toggle&&e.toggle(...i),["prevent"]))},[o(e.$slots,"label",{option:e.modelValue},()=>[w(M(e.modelValue),1)],!0)],32)):h("",!0),l.isPlaceholderVisible?(d(),r("span",{key:2,class:"select__placeholder",onMousedown:t[9]||(t[9]=s((...i)=>e.toggle&&e.toggle(...i),["prevent"]))},[o(e.$slots,"placeholder",{},()=>[w(M(e.placeholder),1)],!0)],32)):h("",!0)],2),L(P,{name:"select"},{default:B(()=>[v(a("div",{ref:"list",style:g({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"]))},[a("ul",{id:`listbox-${e.id}`,style:g(l.contentStyle),class:"select__content",role:"listbox"},[o(e.$slots,"beforeList",{},void 0,!0),(d(!0),r(k,null,$(e.filteredOptions,(i,p)=>(d(),r("li",{id:l.getListId(i),key:p,role:i&&i.$isDisabled?null:"option",class:"select__element"},[i&&i.$isDisabled?h("",!0):(d(),r("span",{key:0,class:y([{"select__option--highlight":e.isOptionHighlighted(p),"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(p),["self"])},[o(e.$slots,"option",{index:p,option:i,search:e.search},()=>[a("span",q,[e.getOptionImageUrl(i)?(d(),r("span",G,[a("img",{class:"tw-mr-1",height:"24",width:"30",src:e.getOptionImageUrl(i),alt:""},null,8,W)])):h("",!0),a("span",Y,M(e.getOptionLabel(i)),1)])],!0)],42,U))],8,z))),128)),v(a("li",null,[a("span",J,[o(e.$slots,"noResult",{search:e.search},()=>[t[18]||(t[18]=w("No results",-1))],!0)])],512),[[S,n.shouldShowNoResults&&e.filteredOptions.length===0&&e.search&&!n.isLoading]]),o(e.$slots,"afterList",{},void 0,!0)],12,N)],36),[[S,e.isOpen]])]),_:3})],42,T)}const x=D(j,[["render",Q],["__scopeId","data-v-655dfb44"]]);j.__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:"imageUrlField",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"null"}},{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:["/home/zknowles/repos/fe-shared-lib/src/atoms/components/Select/Select.vue","/home/zknowles/repos/fe-shared-lib/src/atoms/components/Select/pointerMixin.js","/home/zknowles/repos/fe-shared-lib/src/atoms/components/Select/selectMixin.js"]};const ee={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"]}}}},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"
+          />
+        `,methods:{add(n){this.internalValue=n,this.args.options.push(n)}}}),f=(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)}}});m.parameters={...m.parameters,docs:{...m.parameters?.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);
+      }
+    }
+  };
+}`,...m.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.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);
+      }
+    }
+  };
+}`,...f.parameters?.docs?.source}}};const te=["Basic","CustomOptionValues"];export{m as Basic,f as CustomOptionValues,te as __namedExportsOrder,ee 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-DH6khE10.css

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

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

@@ -0,0 +1 @@
+import{M as f}from"./Modal-CydTNprT.js";import{R as r,y as n,x as s,a as t,o as l,g as m}from"./iframe-B3A6OXQU.js";import{S,a as y}from"./SellDomainNameListSearchResult-D-1CrQyf.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d={components:{Modal:f,SellDomainNameSearch:y,SellDomainNameSearchResult:S},props:{currency:{type:Object,required:!0},domainNameItems:{type:Array,required:!1,default:void 0},headerSubtitle:{type:String,default:null},headerTitle:{type:String,default:null},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"],setup(){return{domainSearchHeaderTitle:r("domainSearchHeaderTitle"),domainSearchHeaderSubtitle:r("domainSearchHeaderSubtitle")}},methods:{onSearch(){this.$emit("search")},onCloseModal(){this.$emit("close-modal")},onSearchTextInputChange(i){this.$emit("update:model-value",i)}}};function b(i,g,e,o,v,a){const u=t("SellDomainNameSearch"),c=t("SellDomainNameSearchResult"),h=t("Modal");return l(),n(h,{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:s(()=>[e.visible?(l(),n(u,{key:0,"is-design-com":e.isDesignCom,"header-title":e.headerTitle||o.domainSearchHeaderTitle,"header-subtitle":e.headerSubtitle||o.domainSearchHeaderSubtitle,"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"])):m("",!0)]),default:s(()=>[e.visible?(l(),n(c,{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"])):m("",!0)]),_:1},8,["visible","content-classes","onCloseModal"])}const D=p(d,[["render",b],["__scopeId","data-v-c885ce11"]]);d.__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:!1,value:"null"}},{name:"headerTitle",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{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:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.vue"]};export{D as S};