https://guardian.com.my/3.fa3eb0c8f0bc42920aca.js

1/*!
2 * @version da10c90
3 * 
4 */
5(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"8n84":function(n,e,t){n.exports=t.p+"points-hwu.png"},"91y5":function(n,e,t){n.exports=t.p+"coupons-8EP.png"},BZbD:function(n,e,t){"use strict"
6t.r(e)
7var a=t("y1Xp"),r=t("Wgwc"),o=t.n(r),i=t("q1tI"),c=t.n(i),l=t("Ty5D"),s=t("iLX2"),d=t.n(s),p=t("dals"),m=t.n(p)
8var u=function MemberFeature_MemberFeature(n){var e=n.imgSrc,t=n.imgAlt,r=n.title,o=n.description,i=Object(a.a)(m.a,n.classes)
9return c.a.createElement("div",{className:i.feature},c.a.createElement("img",{loading:"lazy",src:e,alt:t,className:i.featureImage}),c.a.createElement("div",{className:i.featureTitle},r),c.a.createElement("div",{className:i.featureDescription},o))},f=t("PSLe"),y=t("QuvX"),g=t.n(y),h=function LoyaltyCard(n){var e=Object(f.a)(),r=e.initialValues,i=e.isSignedIn,s=e.goLoyalty,p=e.accountInformoationLoading,m=e.expiryPoints,y=e.goCoupons,h=e.goRewards,x=e.goReferrals,b=(r||{customer:null}).customer,w=n.forceMobile,C=n.height,L=b||{firstname:"",lastname:"",freeGoLoyalty:null},v=L.firstname,_=L.lastname,I=L.freeGoLoyalty,k=Object(a.a)(d.a,n.classes),E=Object(l.g)(),N=0,A=0
10I&&(N=I.point_balance,A=Number(I.point_convert_rate))
11var T=Math.abs(N*A).toFixed(2),j=I&&I.age_group&&"Not identified"!=I.age_group,z=r&&b&&I.member_id&&c.a.createElement("section",{className:w?k.cardNoMargin:k.card,style:C?{height:C}:{}},c.a.createElement("div",{className:k.cardContent},c.a.createElement("div",{className:k.columns},c.a.createElement("div",{className:k.columnLeft},c.a.createElement("h3",{className:k.greeting},"Hi ",v+" "+_),c.a.createElement("div",{className:k.pointsWrapper},c.a.createElement("div",{className:k.pointsValue},c.a.createElement("span",{className:k.pointsValueAmount},Number(N).toLocaleString("en-MY")),c.a.createElement("span",{className:k.pointsValueText},"MYpoints")),c.a.createElement("div",{className:k.pointsConverted},"= RM",T),m&&m.point_amount>0?c.a.createElement("span",{className:k.expiringPoints},"".concat(Number(m.point_amount).toLocaleString("en-MY")," MYpoints expiring on ").concat(o()(m.expire_date.split(" ")[0]).format("DD MMM YYYY"))):null)),c.a.createElement("div",{className:k.columnRight},c.a.createElement("div",{className:k.logoWrapper},c.a.createElement("img",{src:j&&I.age_group_icon?"".concat("https://guardian.com.my").concat(I.age_group_icon,"?quality=80&format=webp"):t("uTYu"),alt:"MYGuardian Reward",className:j&&I.age_group_icon?k.logoAgeGroup:k.logo,width:(j&&I.age_group_icon,182),height:j&&I.age_group_icon?64:52})),c.a.createElement("div",{className:k.qrCodeWrapper},c.a.createElement(g.a,{size:36,className:k.qrCode,value:I.member_id}),c.a.createElement("div",{className:k.accountNumber},I.member_id)))),c.a.createElement("div",{className:k.cardActions},c.a.createElement("div",{className:k.cardActionItem,onClick:x},c.a.createElement("div",{className:k.cardActionItemContent},c.a.createElement("img",{src:t("Scj3"),alt:"",width:16,height:16,className:k.cardActionItemIcon}),c.a.createElement("span",null,"MYreferrals"),c.a.createElement("div",{className:k.cardActionNumberLabelTransparent,"aria-hidden":"true"}))),c.a.createElement("div",{className:k.cardActionItem,onClick:h},c.a.createElement("div",{className:k.cardActionItemContent},c.a.createElement("img",{src:t("X3ge"),alt:"",width:16,height:16,className:k.cardActionItemIcon}),c.a.createElement("span",null,"MYrewards"),c.a.createElement("div",{className:k.cardActionNumberLabel25OrMore},"20+"))),c.a.createElement("div",{className:k.cardActionItem,onClick:y},c.a.createElement("div",{className:k.cardActionItemContent},c.a.createElement("img",{src:t("91y5"),alt:"",width:16,height:16,className:k.cardActionItemIcon}),c.a.createElement("span",null,"MYcoupons"),c.a.createElement("div",{className:I.coupon_count&&I.coupon_count>=20?k.cardActionNumberLabel25OrMore:k.cardActionNumberLabel},I.coupon_count&&I.coupon_count>=20?"20+":I.coupon_count)))),c.a.createElement("div",{className:k.accountType,onClick:s},c.a.createElement("div",{className:k.accountTypeText},"Check Out More Rewards"),c.a.createElement("img",{src:t("Unxv"),alt:"",width:20,height:20,className:k.accountTypeIcon})))),M=c.a.createElement("section",{className:k.signUpContainer,style:C?{height:C}:{}},c.a.createElement("div",{className:k.memberBenefitsCard},c.a.createElement("div",{className:k.featuresContainer},c.a.createElement("img",{src:t("uTYu"),alt:"MYGuardian Reward",width:182,height:52,className:k.logoNotLogin}),c.a.createElement("button",{onClick:function onClick(){E.push("/create-account")},className:k.signUpButton},"Sign Up Now!")),c.a.createElement("div",{className:k.featuresContainer},c.a.createElement(u,{imgSrc:t("asAT"),imgAlt:"Free membership",title:"Free membership",description:"No fees or purchase needed"}),c.a.createElement(u,{imgSrc:t("8n84"),imgAlt:"RM1 = 1 MYpoint",title:"RM1 = 1 MYpoint",description:"Collect MYpoints with every purchase"}),c.a.createElement(u,{imgSrc:t("pQ9Y"),imgAlt:"Rewards",title:"Rewards",de

11scription:"Exclusive member offers and events"}))))
12return p?null:i&&I?z:M}
13e.default=h},PSLe:function(n,e,t){"use strict"
14var a,r,o=t("cDf5"),i=t.n(o),c=t("yXPU"),l=t.n(c),s=t("J4zp"),d=t.n(s),p=t("VX74"),m=t("FITH"),u=t("q1tI"),f=t("VkAN"),y=t.n(f),g=Object(p.gql)(a||(a=y()(["\n    fragment AccountInformationPageFragment on Customer {\n        id\n        firstname\n        lastname\n        email\n        date_of_birth\n        gender\n        staff_code\n\n        country_code \n        referral_code \n        home_address_postcode \n        referral_code\n        mobile_no \n        \n        freeGoLoyalty { \n            access_key\n            age_group\n            age_group_icon\n            expire_point {  \n                point_amount  \n                expire_date  \n            }\n            code\n            coupon_count\n            coupon_access_key\n            member_id \n            message\n            point_balance \n            point_convert_rate \n            point_value \n            reward_access_key\n            referral_access_key\n            success\n            token\n            user_code\n        }\n    }\n"]))),h=Object(p.gql)(r||(r=y()(["\n    query GetCustomerInformation {\n        customer {\n            id\n            ...AccountInformationPageFragment\n        }\n    }\n    ","\n"])),g)
15function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e}
16var n,e={},t=Object.prototype,a=t.hasOwnProperty,r=Object.defineProperty||function(n,e,t){n[e]=t.value},o="function"==typeof Symbol?Symbol:{},c=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag"
17function define(n,e,t){return Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}),n[e]}try{define({},"")}catch(n){define=function define(n,e,t){return n[e]=t}}function wrap(n,e,t,a){var o=e&&e.prototype instanceof Generator?e:Generator,i=Object.create(o.prototype),c=new Context(a||[])
18return r(i,"_invoke",{value:makeInvokeMethod(n,t,c)}),i}function tryCatch(n,e,t){try{return{type:"normal",arg:n.call(e,t)}}catch(n){return{type:"throw",arg:n}}}e.wrap=wrap
19var d="suspendedStart",p="suspendedYield",m="executing",u="completed",f={}
20function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var y={}
21define(y,c,function(){return this})
22var g=Object.getPrototypeOf,h=g&&g(g(values([])))
23h&&h!==t&&a.call(h,c)&&(y=h)
24var x=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(y)
25function defineIteratorMethods(n){["next","throw","return"].forEach(function(e){define(n,e,function(n){return this._invoke(e,n)})})}function AsyncIterator(n,e){function invoke(t,r,o,c){var l=tryCatch(n[t],n,r)
26if("throw"!==l.type){var s=l.arg,d=s.value
27return d&&"object"==i()(d)&&a.call(d,"__await")?e.resolve(d.__await).then(function(n){invoke("next",n,o,c)},function(n){invoke("throw",n,o,c)}):e.resolve(d).then(function(n){s.value=n,o(s)},function(n){return invoke("throw",n,o,c)})}c(l.arg)}var t
28r(this,"_invoke",{value:function value(n,a){function callInvokeWithMethodAndArg(){return new e(function(e,t){invoke(n,a,e,t)})}return t=t?t.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,t,a){var r=d
29return function(o,i){if(r===m)throw Error("Generator is already running")
30if(r===u){if("throw"===o)throw i
31return{value:n,done:!0}}for(a.method=o,a.arg=i;;){var c=a.delegate
32if(c){var l=maybeInvokeDelegate(c,a)
33if(l){if(l===f)continue
34return l}}if("next"===a.method)a.sent=a._sent=a.arg
35else if("throw"===a.method){if(r===d)throw r=u,a.arg
36a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg)
37r=m
38var s=tryCatch(e,t,a)
39if("normal"===s.type){if(r=a.done?u:p,s.arg===f)continue
40return{value:s.arg,done:a.done}}"throw"===s.type&&(r=u,a.method="throw",a.arg=s.arg)}}}function maybeInvokeDelegate(e,t){var a=t.method,r=e.iterator[a]
41if(r===n)return t.delegate=null,"throw"===a&&e.iterator.return&&(t.method="return",t.arg=n,maybeInvokeDelegate(e,t),"throw"===t.method)||"return"!==a&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+a+"' method")),f
42var o=tryCatch(r,e.iterator,t.arg)
43if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,f
44var i=o.arg
45return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=n),t.delegate=null,f):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function pushTryEntry(n){var e={tryLoc:n[0]}

461 in n&&(e.catchLoc=n[1]),2 in n&&(e.finallyLoc=n[2],e.afterLoc=n[3]),this.tryEntries.push(e)}function resetTryEntry(n){var e=n.completion||{}
47e.type="normal",delete e.arg,n.completion=e}function Context(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var t=e[c]
48if(t)return t.call(e)
49if("function"==typeof e.next)return e
50if(!isNaN(e.length)){var r=-1,o=function next(){for(;++r<e.length;)if(a.call(e,r))return next.value=e[r],next.done=!1,next
51return next.value=n,next.done=!0,next}
52return o.next=o}}throw new TypeError(i()(e)+" is not iterable")}return GeneratorFunction.prototype=GeneratorFunctionPrototype,r(x,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),r(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,s,"GeneratorFunction"),e.isGeneratorFunction=function(n){var e="function"==typeof n&&n.constructor
53return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,GeneratorFunctionPrototype):(n.__proto__=GeneratorFunctionPrototype,define(n,s,"GeneratorFunction")),n.prototype=Object.create(x),n},e.awrap=function(n){return{__await:n}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,l,function(){return this}),e.AsyncIterator=AsyncIterator,e.async=function(n,t,a,r,o){void 0===o&&(o=Promise)
54var i=new AsyncIterator(wrap(n,t,a,r),o)
55return e.isGeneratorFunction(t)?i:i.next().then(function(n){return n.done?n.value:i.next()})},defineIteratorMethods(x),define(x,s,"Generator"),define(x,c,function(){return this}),define(x,"toString",function(){return"[object Generator]"}),e.keys=function(n){var e=Object(n),t=[]
56for(var a in e)t.push(a)
57return t.reverse(),function next(){for(;t.length;){var n=t.pop()
58if(n in e)return next.value=n,next.done=!1,next}return next.done=!0,next}},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=n,this.done=!1,this.delegate=null,this.method="next",this.arg=n,this.tryEntries.forEach(resetTryEntry),!e)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=n)},stop:function stop(){this.done=!0
59var n=this.tryEntries[0].completion
60if("throw"===n.type)throw n.arg
61return this.rval},dispatchException:function dispatchException(e){if(this.done)throw e
62var t=this
63function handle(a,r){return i.type="throw",i.arg=e,t.next=a,r&&(t.method="next",t.arg=n),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion
64if("root"===o.tryLoc)return handle("end")
65if(o.tryLoc<=this.prev){var c=a.call(o,"catchLoc"),l=a.call(o,"finallyLoc")
66if(c&&l){if(this.prev<o.catchLoc)return handle(o.catchLoc,!0)
67if(this.prev<o.finallyLoc)return handle(o.finallyLoc)}else if(c){if(this.prev<o.catchLoc)return handle(o.catchLoc,!0)}else{if(!l)throw Error("try statement without catch or finally")
68if(this.prev<o.finallyLoc)return handle(o.finallyLoc)}}}},abrupt:function abrupt(n,e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t]
69if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r
70break}}o&&("break"===n||"continue"===n)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null)
71var i=o?o.completion:{}
72return i.type=n,i.arg=e,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(i)},complete:function complete(n,e){if("throw"===n.type)throw n.arg
73return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&e&&(this.next=e),f},finish:function finish(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e]
74if(t.finallyLoc===n)return this.complete(t.completion,t.afterLoc),resetTryEntry(t),f}},catch:function _catch(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e]
75if(t.tryLoc===n){var a=t.completion
76if("throw"===a.type){var r=a.arg
77resetTryEntry(t)}return r}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,t,a){return this.delegate={iterator:values(e),resultName:t,nextLoc:a},"next"===this.method&&(this.arg=n),f}},e}t.d(e,"a",function(){return x})
78var x=function useLoyalty(n){var e=Object(m.b)(),t=d()(e,1)[0].isSignedIn,a=Object(p.useLazyQuery)(h,{fetchPolicy:"network-only",nextFetchPolicy:"network-first"}),r=d()(a,2),o=r[0],i=r[1],c=i.data,s=i.loading
79Object(u.useEffect)(function(){t&&o()},[o,t])
80var f=c&&c.customer,y=f&&f.freeGoLoyalty,g=y&&y.token,x=y&&y.access_key,b=y&&y.coupon_access_key,w=y&&y.reward_access_key,C=y&&y.referral_access_key,L=Object(u.useMemo)(function(){return f?{customer:f}:void 0},[f]),v=Object(u.useMemo)(function(){return y&&y.expire_point&&y.expire_point.length>0?y.expire_point[0]:{point_amount:0,expire_date:""}},[y]),_=Object(u.useCallback)(l()(_regeneratorRuntime().mark(function _callee(){var n
81return _regeneratorRuntime().wrap(function _callee$(e){for(;;)switch(e.prev=e.next){case 0:n="https://member.guardian.com.my"+"?access_key=".concat(b||""),window.open(n,"_blank"),o()
82case 3:case"end":return e.stop()}},_callee)})),[b,o]),I=Object(u.useCallback)(l()(_regeneratorRuntime().mark(function _callee2(){var n
83return _regeneratorRuntime().wrap(function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:n="https://member.guardian.com.my"+"?access_key=".concat(w||""),window.open(n,"_blank"),o()
84case 3:case"end":return e.stop()}},_callee2)}

84)),[o,w]),k=Object(u.useCallback)(l()(_regeneratorRuntime().mark(function _callee3(){var n
85return _regeneratorRuntime().wrap(function _callee3$(e){for(;;)switch(e.prev=e.next){case 0:g&&C&&(n="https://member.guardian.com.my"+"?access_key=".concat(C),window.open(n,"_blank"),o())
86case 1:case"end":return e.stop()}},_callee3)})),[g,C]),E=Object(u.useCallback)(l()(_regeneratorRuntime().mark(function _callee4(){var n
87return _regeneratorRuntime().wrap(function _callee4$(e){for(;;)switch(e.prev=e.next){case 0:g&&(n="https://member.guardian.com.my"+"?access_key=".concat(x),window.open(n,"_blank"),o())
88case 1:case"end":return e.stop()}},_callee4)})),[g,x])
89return{initialValues:L,expiryPoints:v,isSignedIn:t,accountInformoationLoading:s,goLoyalty:E,goCoupons:_,goRewards:I,goReferrals:k}}},Scj3:function(n,e,t){n.exports=t.p+"referrals-48g.png"},Unxv:function(n,e,t){n.exports=t.p+"arrow-right-cmb.png"},X3ge:function(n,e,t){n.exports=t.p+"rewards-oDV.png"},asAT:function(n,e,t){n.exports=t.p+"membership-cdf.png"},cAfe:function(n,e,t){(e=n.exports=t("JPst")(!1)).push([n.i,".LoyaltyCard-accountButton-xKt {\n  border-radius: 18px;\n  background-color: #ff8200;\n  display: flex;\n  /* margin-top: 30px; */\n  gap: 4px;\n  color: #fff;\n  text-align: right;\n  padding: 6px 6px 6px 13px;\n  align-self: self-end;\n  cursor: pointer;\n}\n\n.LoyaltyCard-accountButtonText-1I6 {\n  flex-grow: 1;\n  margin: auto 0;\n}\n\n.LoyaltyCard-accountButtonIcon-Dh1 {\n  aspect-ratio: 1;\n  object-fit: contain;\n  object-position: center;\n  width: 20px;\n  margin-top: 0px !important;\n}\n\n.LoyaltyCard-visually-hidden-PRp {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.LoyaltyCard-signUpContainer-376 {\n  border-radius: 0;\n  display: grid;\n  /* max-width: 450px; */\n  font-family: Noto Sans, sans-serif;\n}\n\n.LoyaltyCard-memberBenefitsCard-1VB {\n  border-radius: 10px;\n  background-color: rgba(255, 255, 255, 1);\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n  display: grid;\n  width: 100%;\n  flex-direction: column;\n  padding: 18px;\n  /* margin-top: 30px; */\n  max-height: 261px;\n  position: relative;\n  row-gap: 5px;\n}\n\n.LoyaltyCard-memberTitle-2fI {\n  color: rgba(0, 0, 0, 1);\n  font-size: 16px !important;\n  font-weight: 500 !important;\n  align-self: start;\n  margin: 0 !important;\n}\n\n.LoyaltyCard-featuresContainer-1CO {\n  display: grid;\n  gap: 10px;\n  text-align: center;\n  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));\n}\n\n.LoyaltyCard-signUpButton-1Fh {\n  border-radius: 42px;\n  align-self: center;\n  max-width: 100%;\n  font-size: 14px;\n  color: rgba(255, 130, 0, 1);\n  font-weight: 600;\n  text-align: center;\n  padding: 6px 15px;\n  border: 1px solid rgba(255, 130, 0, 1);\n  justify-self: center;\n  max-width: 140px;\n  flex: 1;\n  justify-self: end;\n  align-self: start;\n}\n\n.LoyaltyCard-card-1YH {\n  display: flex;\n  /* max-width: 343px; */\n  flex-direction: column;\n  font-family: Noto Sans, sans-serif;\n  min-height: 261px !important;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n@media only screen and (max-width: 768px) {\n  .LoyaltyCard-card-1YH {\n    min-height: calc(\n      (100vw - 2rem) * 5 / 8\n    ) !important; /* (device width - outter padding) * height ratio */\n  }\n\n  .LoyaltyCard-columns-2Ld {\n    padding: 1rem !important;\n    gap: 6px !important;\n  }\n\n  .LoyaltyCard-logo-3Pw {\n    max-width: min(150px, 46vw) !important;\n  }\n\n  .LoyaltyCard-logoAgeGroup-1o_ {\n    max-width: min(120px, 40vw) !important;\n  }\n\n  .LoyaltyCard-logoWrapper-QWu {\n    max-width: 85%;\n    justify-content: flex-end;\n    overflow: visible;\n  }\n\n  .LoyaltyCard-qrCodeWrapper-3iw {\n    margin-top: 0;\n    max-width: 100%;\n    align-self: flex-end;\n  }\n\n  .LoyaltyCard-qrCode-1d3 {\n    height: auto;\n    max-height: 88px;\n    width: auto;\n    max-width: 64px;\n    padding-top: 0.5rem;\n  }\n\n  .LoyaltyCard-cardActionItem-3a6 {\n    padding-left: 0.3rem;\n    padding-right: 0.3rem;\n  }\n\n  .LoyaltyCard-cardActionItem-3a6 span {\n    font-size: 10px;\n  }\n\n  .LoyaltyCard-cardActionItemIcon-2jN {\n    width: 14px;\n    height: 14px;\n    flex-shrink: 0;\n  }\n}\n\n.LoyaltyCard-cardNoMargin-3WX {\n  margin: 0;\n  /* width: 80%; */\n}\n\n.LoyaltyCard-cardContent-1Ot {\n  border-radius: 10px;\n  /* background-color: #fff; */\n  /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); */\n  display: flex;\n  /* padding: 16px; */\n  /* min-height: 90%; */\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n.LoyaltyCard-columns-2Ld {\n  font-family: 'Quicksand', sans-serif !important;\n  display: flex;\n  gap: 10px;\n  justify-content: space-between;\n  /* flex: 1; */\n  padding: 1rem 2rem;\n  /* padding-top: 0; */\n  border-radius: 10px;\n  /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); */\n  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);\n  background-color: white;\n  z-index: 6;\n  box-sizing: border-box;\n  min-width: 0;\n  max-width: 100%;\n  overflow: visible;\n  height: 187px;\n}\n\n.LoyaltyCard-columnLeft-3e- {\n  margin-top: 1.4rem;\n  align-self: start;\n  display: grid;\n  align-items: start;\n  color: #000;\n  max-width: 100%;\n  height: fit-content;\n  row-gap: 0.75rem;\n  flex: 1;\n  min-width: 0;

89\n  overflow-wrap: anywhere;\n}\n\n.LoyaltyCard-logoWrapper-QWu {\n  display: flex;\n  justify-content: flex-end;\n  margin-top:-22px;\n}\n\n.LoyaltyCard-logo-3Pw {\n  position: relative;\n  right: 0;\n  top: 0;\n  width: 100%;\n  max-width: 150px !important;\n  height: auto;\n  margin-bottom: 0.35rem !important;\n  z-index: 7;\n  object-fit: contain;\n  display: block;\n}\n\n.LoyaltyCard-logoAgeGroup-1o_ {\n  position: relative;\n  right: 0;\n  top: 0;\n  width: auto;\n  max-width: 120px !important;\n  /* max-height: 34px;\n    height: 100%; */\n  margin-bottom: 0.35rem !important;\n  z-index: 7;\n  object-fit: contain;\n  display: block;\n}\n\n.LoyaltyCard-logoNotLogin-1e1 {\n  max-width: 180px !important;\n  height: auto;\n  flex: 1;\n  align-self: center;\n  align-self: start;\n  width: 100%;\n}\n\nh3.LoyaltyCard-greeting-321 {\n  font-size: 20px !important;\n  line-height: 1.2 !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.32px;\n  margin: 0 !important;\n  color: #58595b;\n  font-family: 'Quicksand', sans-serif !important;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n}\n\n.LoyaltyCard-pointsWrapper-EuS {\n  display: flex;\n  gap: 8px;\n  flex-direction: column;\n  font-family: 'Quicksand', sans-serif !important;\n}\n\n.LoyaltyCard-pointsValue-2iU {\n  font-size: 34px;\n  line-height: 1.2;\n  font-weight: 600;\n  color: #ff8200;\n  letter-spacing: 0.7px;\n  text-wrap: auto;\n  font-family: 'Quicksand', sans-serif !important;\n  display: flex;\n  flex-direction: row;\n  justify-items: center;\n  align-items: flex-end;\n  column-gap: 0.5rem;\n  flex-wrap: wrap;\n  white-space: nowrap;\n}\n\n.LoyaltyCard-pointsValueAmount-2LW {\n  font-size: 34px;\n  line-height: 1;\n  font-weight: 600;\n  color: #ff8200;\n  letter-spacing: 0.7px;\n  text-wrap: auto;\n  font-family: 'Quicksand', sans-serif !important;\n}\n\n.LoyaltyCard-pointsValueText-3rT {\n  font-size: 16px;\n  line-height: 1.2;\n  color: #58595b;\n  font-weight: 600;\n  font-family: 'Quicksand', sans-serif !important;\n  margin-bottom: 2px;\n}\n\n.LoyaltyCard-pointsConverted-1zI {\n  font-size: 18px;\n  line-height: 1.2;\n  font-weight: 600;\n  color: #ff8200;\n  align-self: start;\n  font-family: 'Quicksand', sans-serif !important;\n}\n\n.LoyaltyCard-expiringPoints-g49 {\n  font-size: 10px;\n  line-height: 10px;\n  font-weight: 500;\n  /* border-top: 1px solid #e5e5e5; */\n  /* padding-top: 12px; */\n  color: #58595b;\n  font-family: 'Quicksand', sans-serif !important;\n  white-space: normal;\n}\n\n.LoyaltyCard-columnRight-17y {\n  display: flex;\n  flex-direction: column;\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.2px;\n  flex: 1;\n  min-width: 0;\n  max-width: min(200px, 42%);\n  align-items: flex-end;\n}\n\n.LoyaltyCard-qrCodeWrapper-3iw {\n  display: flex;\n  flex-direction: column;\n  color: #000;\n  white-space: nowrap;\n  text-align: center;\n  align-self: end;\n  margin-top: 0;\n}\n\n.LoyaltyCard-qrCode-1d3 {\n  height: auto;\n  max-height: 124px;\n  max-width: 100%;\n  width: auto;\n  box-sizing: border-box;\n  /* margin-bottom: 8px; */\n  /* border: 1px solid #E5E7EB; */\n  padding: 10px;\n  padding-right: 0px;\n  padding-left: 0px;\n  border-radius: 6px;\n}\n\n.LoyaltyCard-accountNumber-oBB {\n  align-self: center;\n  font-family: 'Quicksand', sans-serif !important;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.LoyaltyCard-cardActions-142 {\n  display: flex;\n  position: relative;\n  margin-top: -1rem;\n  /* gap: 1rem; */\n  /* background-color: #F2A900; */\n  /* padding: 2rem 0rem 1rem 0em; */\n  justify-content: space-between;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n.LoyaltyCard-cardActionItem-3a6 {\n  font-family: 'Quicksand', sans-serif !important;\n  font-size: 12px;\n  font-weight: 600;\n  color: #fff;\n  flex: 1 1 0;\n  min-width: 0;\n  text-align: center;\n  padding: 0.75rem;\n  cursor: pointer;\n  padding-top: 1.5rem;\n  padding-bottom: 0.8rem;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n  background-color: #f2a900;\n  z-index: 5;\n  transition: all 0.3s ease;\n  display: flex;\n  align-items: center;\n  /* gap: .5rem; */\n}

89\n\n.LoyaltyCard-cardActionItemContent-IkI {\n  width: 100%;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  /* gap: .5rem; */\n}\n\n.LoyaltyCard-cardActionItemContent-IkI span {\n  min-width: 0;\n  flex-shrink: 1;\n}\n\n.LoyaltyCard-cardActionNumberLabel-2BU {\n  height: 18px;\n  width: 18px;\n  background-color: #ff585d;\n  border-radius: 100px;\n  padding-top: 2px;\n  padding-right: 6px;\n  padding-left: 6px;\n  padding-bottom: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 400;\n  font-family: 'Quicksand', sans-serif !important;\n}\n\n.LoyaltyCard-cardActionNumberLabel25OrMore-34e {\n  height: 18px;\n  width: 18px;\n  background-color: #ff585d;\n  border-radius: 100px;\n  padding-top: 2px;\n  padding-right: 9px;\n  padding-left: 9px;\n  padding-bottom: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-size: 8px;\n  font-weight: 400;\n  font-family: 'Quicksand', sans-serif !important;\n}\n\n.LoyaltyCard-cardActionNumberLabelTransparent-27I {\n  opacity: 0;\n  height: 16px;\n  width: 16px;\n  background-color: #ff585d;\n  border-radius: 100px;\n  padding-top: 2px;\n  padding-right: 6px;\n  padding-left: 6px;\n  padding-bottom: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.LoyaltyCard-cardActionItem-3a6 span {\n  font-family: 'Quicksand', sans-serif !important;\n  font-size: 12px;\n  font-weight: 600;\n  color: #fff;\n}\n\n.LoyaltyCard-cardActionItem-3a6:hover {\n  filter: brightness(95%);\n}\n\n.LoyaltyCard-cardActionItemIcon-2jN {\n  /* filter: brightness(2) saturate(0.1); */\n  aspect-ratio: 1;\n  object-fit: contain;\n  object-position: center;\n  width: 18px;\n  height: 18px;\n  margin: 0 !important;\n  /* background: #fff; */\n  /* border-radius: 1rem; */\n}\n\n.LoyaltyCard-cardActionItem-3a6:nth-child(1) {\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n  z-index: 4;\n}\n\n.LoyaltyCard-cardActionItem-3a6:nth-child(2) {\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n  z-index: 3;\n}\n.LoyaltyCard-cardActionItem-3a6:nth-child(3) {\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n  z-index: 2;\n}\n\n.LoyaltyCard-accountType-1ut {\n  position: relative;\n  margin-top: -1.5rem;\n  z-index: 1;\n  /* border-radius: 8px; */\n  background-color: #ff585d;\n  display: flex;\n  /* margin-top: 14px; */\n  gap: 4px;\n  color: #fff;\n  padding: 8px 12px;\n  padding-top: 2rem;\n  padding-bottom: 0.75rem;\n  cursor: pointer;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n  transition: all 0.3s ease;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n.LoyaltyCard-accountType-1ut:hover {\n  filter: brightness(95%);\n}\n\n.LoyaltyCard-accountTypeText-dTE {\n  font-family: 'Quicksand', sans-serif !important;\n  flex-grow: 1;\n  font-weight: 600;\n  font-size: 12px;\n  align-content: center;\n  text-align: right;\n  min-width: 0;\n}\n\n.LoyaltyCard-accountTypeIcon-2Dz {\n  /* filter: brightness(2) saturate(0.1); */\n  aspect-ratio: 1;\n  object-fit: contain;\n  object-position: center;\n  width: 20px;\n  height: 20px;\n  margin: 0 !important;\n  /* background: #fff; */\n  border-radius: 1rem;\n}\n\n@media only screen and (max-width: 1280px) {\n  .LoyaltyCard-memberTitle-2fI {\n    font-size: 14px !important;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .LoyaltyCard-pointsWrapper-EuS {\n    margin: 10px 0;\n  }\n  .LoyaltyCard-memberBenefitsCard-1VB {\n    gap: 15px;\n  }\n}\n\n@media only screen and (max-width: 800px) {\n  .LoyaltyCard-signUpContainer-376 {\n  }\n\n  .LoyaltyCard-memberTitle-2fI {\n    font-size: 12px !important;\n    width: 50%;\n    min-width: 150px;\n    line-height: 16px !important;\n  }\n\n  .LoyaltyCard-signUpButton-1Fh {\n    padding: 4px 15px;\n    font-size: 10px;\n    min-height: 28px;\n  }\n\n  .LoyaltyCard-logoAgeGroup-1o_ {\n    right: 0;\n  }\n}\n\n/* @media only screen and (min-width: 800px) and (max-width: 1280px) {\n  .qrCodeWrapper {\n    font-size: 7px;\n  }\n} */\n\n@media only screen and (max-width: 480px) {\n  .LoyaltyCard-columnLeft-3e- {\n    margin-top: 1rem;\n  }\n  h3.LoyaltyCard-greeting-321 {\n    font-size: 16px !important;\n  }\n  .LoyaltyCard-pointsValue-2iU {\n    font-size: 20px;\n  }\n  .LoyaltyCard-expiringPoints-g49 {\n    font-size: 9px;\n  }\n  .LoyaltyCard-pointsConverted-1zI {\n    font-size: 14px;\n  }\n  .LoyaltyCard-expiringPoints-g49,\n  .LoyaltyCard-columnRight-17y {\n    width: auto;\n    min-width: auto;\n  }

89\n  .LoyaltyCard-columnRight-17y {\n    align-self: flex-start;\n  }\n  .LoyaltyCard-qrCodeWrapper-3iw {\n    font-size: 7px;\n  }\n\n  .LoyaltyCard-qrCode-1d3 {\n    height: 120px;\n  }\n\n  .LoyaltyCard-logoAgeGroup-1o_ {\n    right: 0;\n  }\n\n  .LoyaltyCard-cardActionItem-3a6 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n  }\n\n  .LoyaltyCard-cardActionItemIcon-2jN {\n    width: 14px !important;\n    height: 14px !important;\n  }\n  .LoyaltyCard-cardActionItemContent-IkI span {\n    font-size: 10px !important; \n  }\n  .LoyaltyCard-cardActionNumberLabel-2BU {\n    font-size: 8px;\n    width: 16px;\n    height: 16px;\n  }\n  .LoyaltyCard-cardActionNumberLabel25OrMore-34e {\n   font-size: 8px;\n   width: 16px;\n   height: 16px;\n  }\n}\n\n.LoyaltyCard-swal2Popup-2YT {\n  padding: 1.25rem 1.563rem;\n  width: 25rem;\n}\n\n.LoyaltyCard-swal2Title-2qM {\n  color: var(--main-color);\n  font-size: var(--venia-global-fontSize-300);\n  font-weight: 600;\n  padding-top: 1.25rem;\n}\n\n.LoyaltyCard-swal2Popup-2YT .LoyaltyCard-swal2HtmlContainer-1qW {\n  font-size: 1rem;\n  font-weight: 400;\n  padding: 1.25rem 0;\n  color: #666666;\n}\n\n.LoyaltyCard-swal2Popup-2YT .LoyaltyCard-swal2HtmlActions-jje {\n  margin-top: 0;\n  width: 100%;\n}\n",""]),e.locals={accountButton:"LoyaltyCard-accountButton-xKt",accountButtonText:"LoyaltyCard-accountButtonText-1I6",accountButtonIcon:"LoyaltyCard-accountButtonIcon-Dh1","visually-hidden":"LoyaltyCard-visually-hidden-PRp",signUpContainer:"LoyaltyCard-signUpContainer-376",memberBenefitsCard:"LoyaltyCard-memberBenefitsCard-1VB",memberTitle:"LoyaltyCard-memberTitle-2fI",featuresContainer:"LoyaltyCard-featuresContainer-1CO",signUpButton:"LoyaltyCard-signUpButton-1Fh",card:"LoyaltyCard-card-1YH",columns:"LoyaltyCard-columns-2Ld",logo:"LoyaltyCard-logo-3Pw",logoAgeGroup:"LoyaltyCard-logoAgeGroup-1o_",logoWrapper:"LoyaltyCard-logoWrapper-QWu",qrCodeWrapper:"LoyaltyCard-qrCodeWrapper-3iw",qrCode:"LoyaltyCard-qrCode-1d3",cardActionItem:"LoyaltyCard-cardActionItem-3a6",cardActionItemIcon:"LoyaltyCard-cardActionItemIcon-2jN",cardNoMargin:"LoyaltyCard-cardNoMargin-3WX LoyaltyCard-card-1YH",cardContent:"LoyaltyCard-cardContent-1Ot",columnLeft:"LoyaltyCard-columnLeft-3e-",logoNotLogin:"LoyaltyCard-logoNotLogin-1e1",greeting:"LoyaltyCard-greeting-321",pointsWrapper:"LoyaltyCard-pointsWrapper-EuS",pointsValue:"LoyaltyCard-pointsValue-2iU",pointsValueAmount:"LoyaltyCard-pointsValueAmount-2LW",pointsValueText:"LoyaltyCard-pointsValueText-3rT",pointsConverted:"LoyaltyCard-pointsConverted-1zI",expiringPoints:"LoyaltyCard-expiringPoints-g49",columnRight:"LoyaltyCard-columnRight-17y",accountNumber:"LoyaltyCard-accountNumber-oBB",cardActions:"LoyaltyCard-cardActions-142",cardActionItemContent:"LoyaltyCard-cardActionItemContent-IkI",cardActionNumberLabel:"LoyaltyCard-cardActionNumberLabel-2BU",cardActionNumberLabel25OrMore:"LoyaltyCard-cardActionNumberLabel25OrMore-34e",cardActionNumberLabelTransparent:"LoyaltyCard-cardActionNumberLabelTransparent-27I",accountType:"LoyaltyCard-accountType-1ut",accountTypeText:"LoyaltyCard-accountTypeText-dTE",accountTypeIcon:"LoyaltyCard-accountTypeIcon-2Dz",swal2Popup:"LoyaltyCard-swal2Popup-2YT",swal2Title:"LoyaltyCard-swal2Title-2qM",swal2HtmlContainer:"LoyaltyCard-swal2HtmlContainer-1qW",swal2HtmlActions:"LoyaltyCard-swal2HtmlActions-jje"}},dals:function(n,e,t){var a=t("omoC")
90"string"==typeof a&&(a=[[n.i,a,""]])
91var r={hmr:!0,transform:void 0,insertInto:void 0}
92t("aET+")(a,r)
93a.locals&&(n.exports=a.locals)},iLX2:function(n,e,t){var a=t("cAfe")
94"string"==typeof a&&(a=[[n.i,a,""]])
95var r={hmr:!0,transform:void 0,insertInto:void 0}
96t("aET+")(a,r)
97a.locals&&(n.exports=a.locals)},omoC:function(n,e,t){(e=n.exports=t("JPst")(!1)).push([n.i,".MemberFeature-feature-1hh {\n  background-color: rgba(255, 255, 255, 1);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  /* padding: 7px; */\n}\n\n.MemberFeature-featureImage-2We {\n  object-fit: contain;\n  object-position: center;\n  width: 70px;\n}\n\n.MemberFeature-featureTitle-1r4 {\n  color: rgba(0, 0, 0, 1);\n  font-size: 12px;\n  font-weight: 600;\n  margin-top: 4px;\n  align-items: center;\n  display: flex;\n  line-height: 19px;\n}\n\n.MemberFeature-featureDescription-3Zf {\n  color: rgba(102, 102, 102, 1);\n  font-size: 10px;\n  font-weight: 400;\n  align-self: stretch;\n  margin-top: 4px;\n  line-height: 15px;\n}\n\n\n@media only screen and (max-width: 1280px) {\n    .MemberFeature-featureImage-2We {\n        width: 60px;\n    }\n    .MemberFeature-featureTitle-1r4 {\n        line-height: 16px;\n        min-height: 32px;\n    }\n    .MemberFeature-featureDescription-3Zf {\n        font-size: 9px;\n        line-height: 12px;\n    }\n}",""]),e.locals={feature:"MemberFeature-feature-1hh",featureImage:"MemberFeature-featureImage-2We",featureTitle:"MemberFeature-featureTitle-1r4",featureDescription:"MemberFeature-featureDescription-3Zf"}},pQ9Y:function(n,e,t){n.exports=t.p+"rewards-vz5.png"},uTYu:function(n,e,t){n.exports=t.p+"logoReward-dQo.png"}}])