https://111cuts.com/static/js/async/5033.cee130745b.js

1"use strict";(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[5033],{59804(e,t,n){n.d(t,{A:()=>s});let s={card:"card-vDZuA6",CardborderBottom:"CardborderBottom-JdyudW",cardborderBottom:"CardborderBottom-JdyudW",contentContainer:"contentContainer-d1YDYf",textContainer:"textContainer-eOkgIJ",statusContainer:"statusContainer-W7IUPG",pointsCardBorder:"pointsCardBorder-s9g8EC"}},54406(e,t,n){n.d(t,{A:()=>s});let s={backButtonContainer:"backButtonContainer-RAciY7",packageNameContainer:"packageNameContainer-bqL3E4",card:"card-P4En2v",contentContainer:"contentContainer-HKyj5u",textContainer:"textContainer-Tpq_uy",statusContainer:"statusContainer-ysLHeM",membershipNameAndRelationshipsContainer:"membershipNameAndRelationshipsContainer-Sol2NV",membershipPurchaseDateContainer:"membershipPurchaseDateContainer-DknNn4",buttonsContainer:"buttonsContainer-gPAog2",textContainerHeading:"textContainerHeading-u2WNhq",membershipDetailPage:"membershipDetailPage-FK1IoL",MembshpBlctabsContainer:"MembshpBlctabsContainer-e2Njuv",membshpBlctabsContainer:"MembshpBlctabsContainer-e2Njuv",noRecordsFoundState:"noRecordsFoundState-KLLyxd",noRecordsFoundStateText:"noRecordsFoundStateText-Xf7mp0",noRecordstatusdeprecated:"noRecordstatusdeprecated-VPaH90",pointsCardBorder:"pointsCardBorder-rjAk0P",textContainerheading:"textContainerheading-mS_ujG",pointListscrollContainer:"pointListscrollContainer-JnGZrt"}},14e3(e,t,n){n.r(t),n.d(t,{default:()=>E});var s=n(74848),i=n(96540),o=n(78692);let a={pageTitle:"pageTitle-bEz8qN",iconSize:"iconSize-X5SUfp",textContainerheading:"textContainerheading-e_qi5Q",pointListscrollContainer:"pointListscrollContainer-0Qw0gW"};var r=n(79874),l=n(20428),d=n(60458);let c={card:"card-T70HbE",businessNameContainer:"businessNameContainer-sxWnEm",businessPointsContainer:"businessPointsContainer-qbhnaU",businessPoints:"businessPoints-Q5DE_9"};function p(e){let{businessPoints:t,isStencil:n=!1}=e,i=(0,d.G)(768);return(0,s.jsxs)("div",{className:(0,r.A)(c.card,n&&"stenciled"),children:[(0,s.jsx)("div",{className:(0,r.A)(c.businessNameContainer,"vg-display-small web-display-small web-builder-font-color",n&&"stencil-item"),children:t.businessName}),(0,s.jsxs)("div",{className:c.businessPointsContainer,children:[(0,s.jsxs)("span",{className:(0,r.A)(c.businessPoints,"vg-display-medium web-display-medium web-display-small-green",n&&"stencil-item"),children:[t.totalPoints," pt",t.totalPoints>1?"s":""]}),!i&&(0,s.jsx)("span",{className:(0,r.A)(c.rightArrowContainer,"vg-display-medium web-display-medium web-builder-font-color",n&&"stencil-item"),children:(0,s.jsx)(l.A,{strokeWidth:2})})]})]})}let m={businessName:"",businessImage:"",totalPoints:0,sGroup:"",totalPage:0,businessId:""},u={shopName:"",serviceProviderName:"",serviceName:"",value:"",appointmentDate:"",appointmentDateFormat:"",appointmentTime:"",pointsGained:0,pointRedeem:0,reviewPoint:0,totalPage:0,pointCollections:"",isBusinessIdMatched:!1};var b=n(58011),h=n(72834),g=n(67359),v=n(8221),x=n(28733);class C{static async getBusinessPoints(e){return(await v.Ay.post(x._f.getBusinessPoints(),e)).data.data}}var w=n(80736),f=n(75538);let j=e=>{let{device:t,module:n}=(0,h.J)(),{pointType:s,merchantId:i,resourceName:o,enableFirstPageCache:a,groupId:r,appNo:l}=e;if(2===s&&!i)throw Error("merchantId is required when pointType is 2");return(0,g.X)({fetcher:(e,t)=>C.getBusinessPoints({...t,pageNumber:e}),queryKey:{resource:o,params:{device:t,module:n,brandedApp:(0,f.IN)(),pageSize:12,pageNumber:1,pointType:s,...i&&{merchantId:i},groupId:r,appNo:l,multiLocation:!!(0,f.gK)()}},initialPage:1,pageSize:12,enableFirstPageCache:a,onError:()=>b.oR.error("Error getting business points.")})};var N=n(55541),y=n(89347);function P(e){let{onBusinessPointsClick:t}=e,{items:n,hasMore:r,initialFetchDone:l,isError:d,loadMore:c}=j({pointType:1,resourceName:"businessPointsList",merchantId:(0,f.IN)()?"QX9p3jq6~mMP6js9ReeSqw==":(0,w.db)(),appNo:(0,f.IN)()?window.BrandedAppBID:null}),u=l?n:Array(12).fill({...m});(0,i.useEffect)(()=>{window.scrollTo(0,0)},[]);let b=0!==u.length||r?(0,s.jsx)("p",{style:{textAlign:"center"},children:(0,s.jsx)(N.A,{})}):(0,s.jsx)(y.A,{customElement:(0,s.jsx)("i",{className:`fa-light fa-star web-builder

1-font-color ${a.iconSize}`}),title:"No Points",message:"You don't have any points right now. Collect points by booking appointments at your favorite spots."});return window.scrollEventBack=function(e){r&&c()},(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:`vg-display-large web-display-large web-builder-font-color ${a.pageTitle}`,children:"Points"}),l?(0,s.jsx)(o.A,{dataLength:u.length,next:c,hasMore:r,loader:!d&&(0,s.jsx)(p,{isStencil:!0,businessPoints:m}),endMessage:b,children:u.map(e=>(0,s.jsx)("div",{onClick:()=>{l&&t(e)},children:(0,s.jsx)(p,{isStencil:!l,businessPoints:e})},"business-points-item-"+e.businessId))}):(0,s.jsx)(s.Fragment,{children:u.map((e,t)=>(0,s.jsx)(p,{isStencil:!0,businessPoints:e},`business-points-placeholder-${t}`))})]})}var A=n(54406),B=n(59804);function I(e){let{businessPointRecord:t,isStencil:n=!1}=e;return(0,s.jsx)("div",{className:`cardBg ${(0,r.A)(B.A.card,B.A.pointsCardBorder,"vg-body-font web-body-font web-builder-font-color","stenciled")}`,children:(0,s.jsxs)("div",{className:B.A.contentContainer,children:[(0,s.jsxs)("div",{className:`${B.A.textContainer}`,children:[(0,s.jsx)("div",{style:{fontWeight:"var(--font_weight_semibold)",marginBottom:n?"4px":"0"},className:(0,r.A)("vg-display-small web-display-small web-builder-font-color",{"stencil-item w-1/4":n}),children:t.serviceName}),(0,s.jsxs)("div",{className:(0,r.A)({"stencil-item w-1/2":n}),children:[(0,s.jsxs)("div",{className:(0,r.A)("web-body-font web-builder-font-color",{}),children:["with ",t.serviceProviderName]}),(0,s.jsx)("div",{className:(0,r.A)("web-body-font web-builder-font-color",{}),children:t.appointmentDateFormat}),!t.isBusinessIdMatched&&(0,s.jsxs)("div",{className:(0,r.A)({}),children:["Points ReedemAt : ",t.shopName]})," ",(0,s.jsx)("div",{className:(0,r.A)("web-body-font web-builder-font-color",{"stencil-item":n}),children:0!==parseInt(t.pointCollections)?"Points Collected":0!==t.pointRedeem?"Points Redeemed":""})]})]}),(0,s.jsx)("div",{className:(0,r.A)(B.A.statusContainer),children:(0,s.jsx)("span",{className:(0,r.A)(`vg-display-medium web-display-medium
2              ${t.pointsGained<0?"web-display-small-alert":parseInt(t.pointCollections)>0||0>parseInt(t.pointCollections)?"web-display-small-green":t.pointRedeem>0||t.pointRedeem<0?"web-display-small-alert":"web-display-small-green"}`,{"stencil-item":n}),style:{color:t.pointsGained<0?"var(--text_alert_default)":parseInt(t.pointCollections)>0||0>parseInt(t.pointCollections)?"var(--text_green_default)":t.pointRedeem>0||t.pointRedeem<0?"var(--text_alert_default)":"var(--text_green_default)"},children:t.pointsGained<0?t.pointsGained+(t.pointsGained>1?" pts":" pt"):parseInt(t.pointCollections)>0||0>parseInt(t.pointCollections)?`+${t.pointCollections}${+t.pointCollections>1?" pts":" pt"}`:t.pointRedeem>0||t.pointRedeem<0?`-${t.pointRedeem}${t.pointRedeem>1?" pts":" pt"}`:"+0 pt"})})]})})}var R=n(54454);function k(e){let{onBack:t,businessPoints:n}=e,{items:a,hasMore:r,initialFetchDone:l,isError:d,loadMore:c}=j({pointType:2,merchantId:n.businessId,enableFirstPageCache:!1,resourceName:"busineesPointsRecords",groupId:n.sGroup}),p=l?a:Array(12).fill({...u});(0,i.useEffect)(()=>{window.handleOperation="PointBack",window.scrollTo(0,0)},[]),window.scrollEventBack=function(e){r&&c()};let m=n.totalPoints;return(0,f.op)(),(0,s.jsxs)("div",{children:[(0,s.jsx)(R.A,{onClick:t??(()=>{}),children:"Back"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:`cardBg ${A.A.card}`,children:(0,s.jsxs)("div",{className:A.A.contentContainer,children:[(0,s.jsxs)("div",{className:A.A.textContainer,children:[(0,s.jsx)("div",{className:`${A.A.textContainerheading} vg-display-medium web-display-medium web-builder-font-color`,children:"Current Points"}),(0,s.jsx)("div",{className:"vg-body-font web-body-font web-builder-font-color",children:n.businessName})]}),(0,s.jsx)("div",{className:A.A.statusContainer,children:(0,s.jsxs)("div",{className:"vg-display-medium web-display-medium web-display-small-green",style:{color:"var(--text_green_default)"},children:[m," pt",m>1?"s":""]})})]})}),(0,s.jsx)(o.A,{dataLength:p.length,next:c,hasMore:r,loader:!d&&(0,s.jsx)(I,{isStencil:!0,businessPointRecord:u}),endMessage:(0,s.jsx)("p",{style:{textAlign:"center"},children:(0,s.jsx)(N.A,{})}),children:(0,s.jsx)("ul",{className:A.A.pointListscrollContainer,children:p.map((e,t)=>(0,s.jsx)("li",{children:(0,s.jsx)(I,{businessPointRecord:e,isStencil:!l})},"business-ponts-record-item-"+t))})})]})]})}var S=n(51850),_=n(99060);let E=()=>{let e=(0,_.zy)(),t=(0,_.Zp)(),[n,o]=(0,i.useState)("businesspoints"),[r,l]=(0,i.useState)();(0,S.A)({onReset:()=>{o("businesspoints"),l(void 0)}});let d=()=>{t("/myaccount/points"+(0,w.X_)()),window.handleOperation="",o("businesspoints")};return window.handleEventBack=d,(0,i.useEffect)(()=>{let t=e.pathname.replace("/myaccount/points","").split("/").filter(

2Boolean);if(0===t.length){o("businesspoints"),l(void 0);return}let n=t[0],s=t[1],[i,a,r,d,c,p]=s?decodeURIComponent(s).split("|$|"):[];"details"===n&&o("customerpoints"),l({businessName:i??"",businessImage:a??"",totalPoints:r?Number(r):0,sGroup:d??"",totalPage:c?Number(c):0,businessId:p??""})},[e]),(0,s.jsxs)("div",{className:`vg-body-font web-body-font web-builder-font-color MyaccountWrapper ${a.pointsPage}`,children:["businesspoints"===n&&(0,s.jsx)(P,{onBusinessPointsClick:e=>{t("/myaccount/points/details"+(e=>{let{pointDetails:t}=e,n=[t.businessName,t.businessImage,t.totalPoints.toString(),t.sGroup,t.totalPage.toString(),t.businessId].map(encodeURIComponent).join("|$|");return`/${n}`})({pointDetails:e})+(0,w.X_)()),o("customerpoints")}}),"customerpoints"===n&&r&&(0,s.jsx)(k,{onBack:d,businessPoints:r})]})}},54454(e,t,n){n.d(t,{A:()=>l});var s=n(74848),i=n(98767),o=n(60458),a=n(96540),r=n(75538);function l(e){let{children:t,onClick:n}=e,l=(0,o.G)(),d=(0,r.op)(),c={width:l?7.5:18.75,height:l?20:30};if((0,a.useEffect)(()=>{let e=document.getElementById("main");return e&&e.classList.add("innerPage"),()=>{e&&e.classList.remove("innerPage")}},[]),!1==d)return(0,s.jsx)("div",{className:"backButtonContainer-K0G0fy",children:(0,s.jsxs)("div",{onClick:n,className:"container-XhJun4",children:[(0,s.jsx)(i.qy,{name:"chevronLeft",width:c.width,height:c.height}),(0,s.jsx)("span",{children:t})]})})}},20428(e,t,n){n.d(t,{A:()=>i});var s=n(74848);function i(e){let{size:t=24,color:n="currentColor",strokeWidth:i=1.5}=e;return(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:n,strokeWidth:i,width:t,height:t,children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})})}},60458(e,t,n){n.d(t,{G:()=>i});var s=n(96540);function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:768,[t,n]=(0,s.useState)(window.innerWidth>=e);return(0,s.useEffect)(()=>{let t=()=>{n(window.innerWidth>=e)};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[e]),t}}}]);