https://thepeartreewellness.com/static/js/async/2041.3ea7a65e07.js

1"use strict";(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[2041],{96976(e,i,t){t.r(i),t.d(i,{default:()=>A});var n=t(74848),s=t(98767),a=t(96540);let o={pageTitle:"pageTitle-RuOjTB",segmentContainer:"segmentContainer-QlhPSh",segmentLabelTitle:"segmentLabelTitle-oG6MT0",saveButtonContainer:"saveButtonContainer-Z9UrSY",NotificationAllBusiness:"NotificationAllBusiness-qYcfIQ",notificationAllBusiness:"NotificationAllBusiness-qYcfIQ",notificationBusinessList:"notificationBusinessList-M3GxOR",card:"card-eKtZRI",notificationBusinessDataList:"notificationBusinessDataList-C8UDcd",notificationSettingsDescription:"notificationSettingsDescription-zlLDjK",notificationBusinessListHeader:"notificationBusinessListHeader-x8Dg5G",notificationVagaroEmail:"notificationVagaroEmail-appFT1",SubscribePhoneContainer:"SubscribePhoneContainer-aMHt0N",subscribePhoneContainer:"SubscribePhoneContainer-aMHt0N",segmentLabelContainer:"segmentLabelContainer-rcXUUY"},l={card:"card-eXga_0",businessInfoContainer:"businessInfoContainer-Tj_Sva",businessInfoContainerPill:"businessInfoContainerPill-h_YdKV",businessTitle:"businessTitle-lasFWD"};var r=t(72834);function d(e){let{business:i,onNotificationPreferenceChange:t}=e,{profileData:o}=(0,r.J)(),[d,c]=(0,a.useState)(""),m=0===i.promotionNotification?["none"]:3===i.promotionNotification?["email","text"]:1===i.promotionNotification?["email"]:2===i.promotionNotification?["text"]:["none"];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:`${l.card} ${l.businessCard}`,children:[(0,n.jsxs)("div",{className:l.businessInfoContainer,children:[(0,n.jsx)("div",{children:(0,n.jsx)("img",{src:i.businessImage,alt:"business-image",height:45,width:68,onError:e=>e.currentTarget.style.display="none"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:`${l.businessTitle} vg-subheading-font web-subheading-font web-builder-font-color`,children:i.businessName}),(0,n.jsxs)("div",{className:"web-body-font vg-body-font web-builder-font-color",children:[i.city,", ",i.stateName]})]})]}),(0,n.jsx)("div",{className:l.businessInfoContainerPill,children:(0,n.jsx)(s.YU,{ButtonVariant:"PillTab",PillTabData:{LeftLabel:{id:"email",name:"Email",pillColor:"primary"},SquareLabel:[{id:"text",name:"Text",pillColor:"primary"}],RightLabel:{id:"none",name:"None",pillColor:"primary",isCloseOtherPills:!0}},SelectedIds:m,OnChange:e=>{e.includes("text")&&0==o?.cell?.length&&(e=e.filter(e=>"text"!==e),c("Cell phone is required for SMS.")),t(i.businessId,{isEmail:e.includes("email"),isText:e.includes("text")})}})})]}),(0,n.jsx)(a.Suspense,{children:""!==d&&(0,n.jsx)(s.W_,{ButtonPrimary:"OK",ButtonSecondary:"Secondary",ButtonThird:"Back",CloseBackTitle:"From Control",CloseButton:!0,Footer:2,FooterButton:"primaryButton",OnClickPrimary:()=>{c("")},PopupId:"PopupId",PopupSubTitle:"",PopupTitle:"Oops!",Popupopen:!0,PrimaryButtonVariant:"primary",SecondaryButtonVariant:"secondary",Size:"small",TextDescription:d,ThirdButtonVariant:"primary",TimerCount:0,VagaroToolkit:1,customClassName:"customPosition",onClose:()=>{c("")},BodyClass:"vg-popup-open"})})]})}var c=t(75563),m=t(86172),u=t(8221),b=t(28733);let p="vg_amp_fallback_device_id";async function f(e,i){let t={Step:140,UserIDEnc:i.userIdEnc,RecipientEmail:i.recipientEmail,NotificationChannel:"Email",EmailSubscriptionStatus:e?"Subscribed":"Unsubscribed",AmplitudeDeviceId:function(){try{let e=window.amplitude?.getInstance?.(),i=e?.getDeviceId?.();if(i)return i}catch{}try{let e=localStorage.getItem(p);return e||(e=`vgfb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,12)}`,localStorage.setItem(p,e)),e}catch{return""}}(),PageURL:window.location.href,UserAgent:navigator.userAgent.toLowerCase()};try{let e;await m.A.post((e=window.CoreApiUrl||"https://api.vagaro.com/",`${e}us02/api/v2/amplitude/addloginamplitude`),t)}catch(e){console.error("Failed to log amplitude notification subscription event",e)}}class g{static async getNotificationSettings(e){let{notifyByAdminEmail:i,notifyByAdminText:t,notifyByEmail:n,notifyBySMS:s,notifyByPushNotification:a,businessData:o}=(await u.Ay.post(b.Mt.getNotificationSetting(),e)).data.data;return o&&o.length>0?o.map(e=>

1({...e,notifyByAdminEmail:i,notifyByAdminText:t,notifyByEmail:n,notifyBySMS:s,notifyByPushNotification:a})):[{businessName:"",city:"",stateName:"",businessImage:"",cdnUrl:"",cellNo:"",mobileProviderID:0,promotionNotification:0,totalPage:0,region:"",businessId:"",notifyByAdminEmail:i,notifyByAdminText:t,notifyByEmail:n,notifyBySMS:s,notifyByPushNotification:a}]}static async saveNotificationSettings(e,i){let t=(await u.Ay.post(b.Mt.saveNotificationSetting(),e)).data.data;return t&&i&&e.notifyByAdminEmail!==i.previousNotifyByAdminEmail&&f(e.notifyByAdminEmail,i),t}}var h=t(24708),y=t(92656),v=t(67359),x=t(27291),N=t(79874);let C=[{businessName:"Bella Beauty Salon",city:"Los Angeles",stateName:"CA",businessImage:"https://via.placeholder.com/68x45/f0f0f0/999999?text=Business"},{businessName:"Elite Fitness Center",city:"New York",stateName:"NY",businessImage:"https://via.placeholder.com/68x45/f0f0f0/999999?text=Business"},{businessName:"Zen Spa & Wellness",city:"Miami",stateName:"FL",businessImage:"https://via.placeholder.com/68x45/f0f0f0/999999?text=Business"}],w=0;function j(){let e=w%C.length;return C[e],w++,(0,n.jsxs)("div",{className:(0,N.A)(l.card,l.businessCard),children:[(0,n.jsxs)("div",{className:l.businessInfoContainer,children:[(0,n.jsx)("div",{children:(0,n.jsx)("div",{style:{width:"68px",height:"45px"},className:"stencil-item"})}),(0,n.jsxs)("div",{style:{width:"100%"},children:[(0,n.jsx)("div",{className:(0,N.A)(l.businessTitle,"vg-subheading-font","web-subheading-font","web-builder-font-color","stencil-item"),style:{width:"50%",marginBottom:"4px"}}),(0,n.jsx)("div",{className:(0,N.A)("web-body-font vg-body-font web-builder-font-color","stencil-item"),style:{width:"25%"}})]})]}),(0,n.jsx)("div",{className:l.businessInfoContainerPill,children:(0,n.jsx)("div",{style:{backgroundColor:"blue",width:"206px",height:"40px",borderRadius:"var(--radius_full)"},className:"stencil-item"})})]})}var B=t(60458);function S(){let e=(0,B.G)(),i=[,,,].fill(null);return(0,n.jsx)(a.Suspense,{fallback:(0,n.jsx)(y.A,{isLoading:!0}),children:(0,n.jsxs)("div",{className:(0,N.A)("vg-body-font","MyaccountWrapper","web-body-font","web-builder-font-color",o.notificationSettingsPage,{stenciled:!0}),children:[(0,n.jsx)("div",{className:(0,N.A)(o.pageTitle,"vg-display-large","web-display-large","web-builder-font-color"),children:(0,n.jsx)("span",{className:(0,N.A)({"stencil-item":!0}),children:"Notification Settings"})}),(0,n.jsxs)("div",{className:o.notificationSettingsDescription,children:[(0,n.jsxs)("div",{className:o.segmentContainer,children:[(0,n.jsxs)("div",{className:o.segmentLabelContainer,children:[(0,n.jsx)("div",{className:(0,N.A)(o.segmentLabelTitle,"vg-display-small","web-display-small","web-builder-font-color"),children:(0,n.jsx)("span",{className:(0,N.A)({"stencil-item":!0}),children:"Appointment Reminders"})}),(0,n.jsx)("div",{className:"vg-body-font web-body-font web-builder-font-color stencil-item",children:"Select which type of reminders and confirmations you would like to receive for upcoming appointments."})]}),(0,n.jsx)("div",{className:(0,N.A)(o.segmentOptionsContainer),style:{position:"relative"},children:(0,n.jsx)("div",{style:{backgroundColor:"blue",width:"358px",height:"40px",borderRadius:"var(--radius_full)"},className:(0,N.A)({"stencil-item":!0})})})]}),(0,n.jsxs)("div",{className:o.notificationBusinessDataList,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:(0,N.A)(o.segmentLabelTitle,"vg-display-small","web-display-small","web-builder-font-color"),children:(0,n.jsx)("span",{className:(0,N.A)({"stencil-item":!0}),children:"Subscribe to Marketing Campaigns"})}),(0,n.jsx)("div",{className:(0,N.A)("vg-body-font web-body-font web-builder-font-color",{"stencil-item":!0})})]}),(0,n.jsx)("div",{className:(0,N.A)("vg-subheading-font","web-subheading-font","web-builder-font-color",o.notificationBusinessListHeader),children:(0,n.jsx)("span",{className:"stencil-item",children:"Businesses"})}),(0,n.jsx)("div",{className:o.notificationBusinessList,children:i.map((e,i)=>(0,n.jsx)(j,{},`business-skeleton-${i}`))})]})]}),(0,n.jsx)("div",{className:(0,N.A)(o.NotificationAllBusiness,o.segmentContainer,"stencil-wrapper"),children:(0,n.jsxs)(s.YU,{ButtonIcon:"dropdown",ButtonVariant:"ghost",ButtononClick:()=>{},ButtononHover:()=>{},DropdownClick:()=>{},IconPlacement:"suffix",children:["See All Businesses"," "]})}),(0,n.jsxs)("div",{className:(0,N.A)(o.segmentContainer,o.notificationVagaroEmail),children:[(0,n.jsxs)("div",{className:o.segmentLabelContainer,children:[(0,n.jsx)("div",{className:(0,N.A)(o.segmentLabelTitle,"vg-display-small","web-display-small","web-builder

1-font-color",{"stencil-item":!0}),style:e?{width:"50%"}:{}}),(0,n.jsx)("div",{className:"vg-body-font web-body-font  web-builder-font-color stencil-item",style:e?{width:"75%"}:{}})]}),(0,n.jsx)("div",{className:o.segmentOptionsContainer,children:(0,n.jsx)("div",{style:{backgroundColor:"blue",width:"111px",height:"40px",borderRadius:"var(--radius_full)"},className:(0,N.A)({"stencil-item":!0})})})]}),(0,n.jsxs)("div",{className:o.segmentContainer,style:{marginTop:"var(--spacing_20)",paddingBottom:"var(--spacing_20)",borderBottom:"var(--border_width_default) var(--border_style_solid) var(--border_neutral_strong)"},children:[(0,n.jsxs)("div",{className:o.segmentLabelContainer,children:[(0,n.jsx)("div",{className:(0,N.A)(o.segmentLabelTitle,"vg-display-small","web-display-small","web-builder-font-color",{"stencil-item":!0}),style:e?{width:"50%"}:{}}),(0,n.jsx)("div",{className:"vg-body-font web-body-font stencil-item",style:e?{width:"75%"}:{}})]}),(0,n.jsx)("div",{className:o.segmentOptionsContainer,children:(0,n.jsx)("div",{style:{backgroundColor:"blue",width:"111px",height:"40px",borderRadius:"var(--radius_full)"},className:(0,N.A)({"stencil-item":!0})})})]}),(0,n.jsx)("div",{className:(0,N.A)(o.saveButtonContainer,"stencil-wrapper"),children:(0,n.jsx)(s.YU,{ButtonType:"primary",ButtononClick:()=>{},ButtonDisabled:!1,children:"Save Changes"})})]})})}var T=t(80736),P=t(75538);function A(){let{profileData:e,module:i,device:t}=(0,r.J)(),[l,m]=(0,a.useState)(0),u={resource:x.N.notifications,params:{pageSize:5,module:i,device:t,brandedApp:(0,P.IN)()??!1,merchantId:(0,P.IN)()?"QX9p3jq6~mMP6js9ReeSqw==":(0,T.db)(),appNo:(0,P.IN)()?window.BrandedAppBID:null}},{items:b,loadMore:p,initialFetchDone:f,loading:C,invalidateQuery:w}=(0,v.X)({queryKey:u,fetcher:(e,i)=>g.getNotificationSettings({...i,pageNumber:e}),initialPage:1,pageSize:5,onSuccess(e,i){m(i)}}),j=b??[],{mutate:B,isPending:A}=(0,c.n)({mutationKey:h.lH.notificationSettings.save,mutationFn:e=>{let{data:i,amplitudeContext:t}=e;return g.saveNotificationSettings(i,t)},meta:{mutationId:"save-notification-settings",successMessage:"Notification settings saved successfully",errorMessage:"Failed to save notification settings",invalidateQueries:[h.lH.notificationSettings.get]}}),[I,L]=(0,a.useState)([]),[k,E]=(0,a.useState)(""),[_,D]=(0,a.useState)([]),[O,M]=(0,a.useState)([]),[V,U]=(0,a.useState)([]);(0,a.useEffect)(()=>{if(j&&j.length>0&&(L(e=>{let i=[...e];return j.forEach(e=>{if(!e.businessId)return;let t=i.findIndex(i=>i.businessId===e.businessId);t>-1?i[t]={...e,promotionNotification:i[t].promotionNotification}:i.push(e)}),i}),1===l)){M([j[0].notifyByAdminEmail?"on":"off"]),U([j[0].notifyByAdminText?"on":"off"]);let e=[];

1if(!j[0].notifyByEmail&&!j[0].notifyBySMS&&!j[0].notifyByPushNotification)return void D(["none"]);j[0].notifyByEmail&&e.push("email"),j[0].notifyBySMS&&e.push("text"),j[0].notifyByPushNotification&&e.push("push_notification"),D(e)}},[j]),(0,a.useEffect)(()=>{window.scrollTo(0,0)},[]);let $=(e,i)=>{let t=i.isEmail&&i.isText?3:i.isEmail?1:2*!!i.isText;L(i=>i.map(i=>i.businessId===e?{...i,promotionNotification:t}:i))};return C?(0,n.jsx)(S,{}):(0,n.jsxs)(a.Suspense,{fallback:(0,n.jsx)(y.A,{isLoading:!0}),children:[(0,n.jsx)(y.A,{isLoading:C||A}),(0,n.jsxs)("div",{className:`vg-body-font MyaccountWrapper web-body-font web-builder-font-color ${o.notificationSettingsPage} stenciled`,children:[(0,n.jsx)("div",{className:`${o.pageTitle} vg-display-large web-display-large web-builder-font-color`,children:"Notification Settings"}),(0,n.jsxs)("div",{className:o.notificationSettingsDescription,children:[(0,n.jsxs)("div",{className:o.segmentContainer,children:[(0,n.jsxs)("div",{className:o.segmentLabelContainer,children:[(0,n.jsx)("div",{className:`${o.segmentLabelTitle} vg-display-small web-display-small web-builder-font-color`,children:"Appointment Reminders"}),(0,n.jsx)("div",{className:"vg-body-font web-body-font web-builder-font-color",children:"Select which type of reminders and confirmations you would like to receive for upcoming appointments."})]}),(0,n.jsx)("div",{className:(0,N.A)(o.segmentOptionsContainer),children:(0,n.jsx)(s.YU,{ButtonVariant:"PillTab",PillTabData:{LeftLabel:{id:"email",name:"Email",pillColor:"primary"},SquareLabel:[{id:"text",name:"Text",pillColor:"primary"},{id:"push_notification",name:"Push Notification",pillColor:"primary"}],RightLabel:{id:"none",name:"None",pillColor:"primary",isCloseOtherPills:!0}},SelectedIds:_,OnChange:i=>{var t;(t=i).includes("text")&&0==e?.cell?.length&&(t=t.filter(e=>"text"!==e),E("Cell phone is required for SMS.")),D(t.length>0?t:["none"])}})})]}),I&&I.length>0&&(0,n.jsxs)("div",{className:o.notificationBusinessDataList,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:`${o.segmentLabelTitle} vg-display-small web-display-small web-builder-font-color`,children:"Subscribe to Marketing Campaigns"}),(0,n.jsx)("div",{className:"vg-body-font web-body-font  web-builder-font-color",children:"Select which type of marketing emails and texts you would like to receive from each business."}),(0,n.jsx)("br",{}),(0,n.jsx)("div",{className:`vg-body-font web-body-font  web-builder-font-color ${o.subscribeTextSection}`,children:"I consent to receive marketing text messages from the selected businesses below. Message frequency may vary. Standard message and data rates may apply. You may unsubscribe at any time by replying STOP."})]}),(0,n.jsx)("br",{}),(0,n.jsx)("div",{className:o.SubscribePhoneContainer,children:(0,n.jsx)(s.P2,{EnvironmentUrl:window.CoreApiUrl||"https://api.vagaro.com/",CloseBackTitle:"",CurrentCountry:e?.cellCountryID??1,Footer:2,MaximumLength:20,Name:"MarketingCampaignsMobileNumber",NativeActionVal:13,OnBlur:()=>{},OnChange:()=>{},OnClick:()=>{},OnCountryChange:()=>{},OnKeyUp:()=>{},OnValidation:()=>{},PhoneControlId:"MarketingCampaignsMobilePhone",PlaceHolder:"Enter Phone Number",SearchCountry:!0,SetValue:e?.cell,TimerCount:1e3,Title:"Mobile Phone:",VagaroToolkit:1,Validation:"Default",Disable:!0,isCountrylable:!0,AllCountry:!0})}),(0,n.jsx)("div",{className:`vg-subheading-font web-subheading-font web-builder-font-color ${o.notificationBusinessListHeader}`,children:"Businesses"}),(0,n.jsx)("div",{className:o.notificationBusinessList,children:I.length>0?I.map(e=>(0,n.jsx)(d,{business:e,onNotificationPreferenceChange:$},e.businessId)):(0,n.jsx)(n.Fragment,{children:"You are not subscribed to any business"})})]})]}),j.length>0&&j[0].totalPage>5&&(0,n.jsx)("div",{className:`${o.NotificationAllBusiness} ${o.segmentContainer}`,children:(0,n.jsxs)(s.YU,{ButtonIcon:"dropdown",ButtonVariant:"ghost",ButtononClick:()=>{p()},ButtononHover:()=>{},DropdownClick:()=>{},IconPlacement:"suffix",children:["See All Businesses"," "]})}),(0,n.jsxs)("div",{className:`${o.segmentContainer} ${o.notificationVagaroEmail}`,children:[(0,n.jsxs)("div",{className:o.segmentLabelContainer,children:[(0,n.jsx)("div",{className:`${o.segmentLabelTitle}

1 vg-display-small web-display-small  web-builder-font-color`,children:"Vagaro Email"}),(0,n.jsx)("div",{className:"vg-body-font web-body-font  web-builder-font-color",children:"Receive promotional emails from Vagaro. We won't bombard you."})]}),(0,n.jsx)("div",{className:o.segmentOptionsContainer,children:(0,n.jsx)(s.YU,{ButtonVariant:"PillTab",PillTabData:{LeftLabel:{id:"on",name:"On",pillColor:"primary"},RightLabel:{id:"off",name:"Off",pillColor:"primary"}},SelectedIds:O,ToggleMode:!0,OnChange:e=>{M(e)}})})]}),e?.userType&&e?.userType!=="1"?(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:o.segmentContainer,style:{marginTop:"var(--spacing_20)",paddingBottom:"var(--spacing_20)",borderBottom:"var(--border_width_default) var(--border_style_solid) var(--border_neutral_strong)"},children:[(0,n.jsxs)("div",{className:o.segmentLabelContainer,children:[(0,n.jsx)("div",{className:`${o.segmentLabelTitle} vg-display-small web-display-small web-builder-font-color`,children:"Vagaro Text Notification"}),(0,n.jsx)("div",{className:"vg-body-font web-body-font",children:"Allow Vagaro to send special text notifications"})]}),(0,n.jsx)("div",{className:o.segmentOptionsContainer,children:(0,n.jsx)(s.YU,{ButtonVariant:"PillTab",PillTabData:{LeftLabel:{id:"on",name:"On",pillColor:"primary"},RightLabel:{id:"off",name:"Off",pillColor:"primary"}},SelectedIds:V,ToggleMode:!0,OnChange:e=>{U(e)}})})]})}):null,(0,n.jsx)("div",{className:o.saveButtonContainer,children:(0,n.jsx)(s.YU,{ButtonType:"primary",ButtononClick:()=>{let n=I.map(e=>({merchantId:e.businessId,promotionType:e.promotionNotification.toString(),groupId:e.region}));B({data:{module:i,device:t,notifyByAdminEmail:O.includes("on"),notifyByAdminText:V.includes("on"),notifyByEmail:_.includes("email"),notifyBySMS:_.includes("text"),notifyByPushNotification:_.includes("push_notification"),notificationJsonDetail:n},amplitudeContext:j[0]?{recipientEmail:e?.emailId??"",userIdEnc:e?.userId??"",previousNotifyByAdminEmail:j[0].notifyByAdminEmail}:void 0},{onSuccess:()=>{w({queryKey:u})},onError:e=>{}})},ButtonDisabled:A,children:A?"Saving...":"Save Changes"})})]}),""!==k&&(0,n.jsx)(s.W_,{ButtonPrimary:"OK",ButtonSecondary:"Secondary",ButtonThird:"Back",CloseBackTitle:"From Control",CloseButton:!0,Footer:2,FooterButton:"primaryButton",OnClickPrimary:()=>{E("")},PopupId:"PopupId",PopupSubTitle:"",PopupTitle:"Oops!",Popupopen:!0,PrimaryButtonVariant:"primary",SecondaryButtonVariant:"secondary",Size:"small",TextDescription:k,ThirdButtonVariant:"primary",TimerCount:0,VagaroToolkit:1,customClassName:"customPosition",onClose:()=>{E("")},BodyClass:"vg-popup-open"})]})}},60458(e,i,t){t.d(i,{G:()=>s});var n=t(96540);function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:768,[i,t]=(0,n.useState)(window.innerWidth>=e);return(0,n.useEffect)(()=>{let i=()=>{t(window.innerWidth>=e)};return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[e]),i}}}]);