PageSourceSearch

https://www.shopback.co.id/__sbcdn/_next/static/chunks/23015.6fe89de70a759825.js

js shopback.co.id collected 2026-10-02 10:49:18 UTC 30,628 bytes, 1 lines download raw bytes

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23015],{49413:(e,s,i)=>{i.d(s,{A:()=>u});var a=i(695155),t=i(202543),n=i(268030),r=i(981980),l=i(529585),o=i(508296),d=i(567909),c=i(66591);let p=(0,d.default)(()=>Promise.resolve().then(i.bind(i,792157)),{loadableGenerated:{webpack:()=>[792157]},loading:()=>null,ssr:!1}),u=e=>{let{reward:s,onViewReward:i}=e,d=(0,t.A)(["webview","quest_v2","lucky_wheel"]),{assets:u}=null!=s?s:{},{popupCtaText:m,popupCtaLink:b}=null!=u?u:{};return(0,a.jsxs)(r.ov,{gap:"sbds-dimension-space-size-l",flexDirection:"column",zIndex:"overlay",children:[(0,a.jsx)(p,{src:"https://cloud.shopback.com/raw/upload/web/quest/a-confetti-v2.lottie",loop:!0,className:(0,n.AH)({aspectRatio:1,width:"100%",position:"absolute",top:0,zIndex:-1})}),(0,a.jsx)(c.A,{reward:s}),(0,a.jsx)(l.A,{variant:"plain",bgColor:"sbds-background-color-primary",animation:"fade_in 0.5s",onClick:()=>{b?window.location.href=b:i(s)},children:m}),(0,a.jsx)(o.A,{tone:"inverse",align:"center",position:"absolute",bottom:"sbds-dimension-space-size-l",animation:"fade_in 0.5s",children:d("Tap outside the button to close")})]})}},66591:(e,s,i)=>{i.d(s,{A:()=>o});var a=i(695155),t=i(761722),n=i(981980),r=i(508296);let l=(0,n.I4)(n.ov,{base:{w:250,h:375,bgSize:"cover",bgPosition:"center",borderRadius:"sbds-dimension-border-radius-s",p:"sbds-dimension-space-size-m",flexDir:"column",gap:"sbds-dimension-space-size-l",overflow:"hidden",position:"relative"},variants:{supportAnimation:{true:{position:"absolute",top:0,left:0,backfaceVisibility:"hidden",transform:"rotateY(-180deg)"}}}}),o=e=>{let{reward:s,supportAnimation:i=!1}=e,{assets:o}=null!=s?s:{},{cardTitle:d,cardSubtitle:c,cardFrontImageUrl:p,logo:u}=null!=o?o:{};return(0,a.jsxs)(l,{supportAnimation:i,"data-testid":"lucky-wheel-reward-card",style:{backgroundImage:"url(".concat(null!=p?p:"",")")},children:[u&&(0,a.jsx)(t.A,{src:u,alt:"Voucher Logo",width:100,height:100,borderRadius:"sbds-dimension-border-radius-xs",objectFit:"contain",noBackground:!0}),(0,a.jsxs)(n.so,{direction:"column",gap:"sbds-dimension-space-size-xs",children:[(0,a.jsx)(r.A,{variant:"metric-2",weight:"bold",align:"center",wordBreak:"break-word",children:d}),(0,a.jsx)(r.A,{align:"center",wordBreak:"break-word",children:c})]})]})}},70090:(e,s,i)=>{i.d(s,{A:()=>g});var a=i(695155),t=i(85017),n=i(981980),r=i(927651),l=i(508296),o=i(202543),d=i(212115),c=i(268030),p=i(316749),u=i(49413),m=i(980702),b=i(696368),h=i(718884);let g=e=>{let{rewardPool:s,onClose:i,onViewReward:g}=e,w=(0,o.A)(["webview","quest_v2","lucky_wheel"]),[x,v]=(0,d.useState)(!1),[k,f]=(0,d.useState)(null),{redeemSpark:_,addUnlockedReward:A}=(0,m.M)(),{showSnackbar:y}=(0,b.d)(),{pool:j}=s,{id:z,assets:S}=null!=j?j:{},{cardTitle:E,numberOfCards:C,cardBackImageUrl:N}=null!=S?S:{},T=async()=>{try{let{data:{transactionId:e,reward:s}}=await _(null!=z?z:"",!0);e&&s?f(s):(v(!1),y(w("Failed to redeem reward, please try again later."),"info"))}catch(e){y(w("Failed to redeem reward, please try again later."),"info")}},O=e=>{e.stopPropagation(),(0,h.w)("click",{ui_element_name:"open_randomized_reward"}),setTimeout(()=>{v(!0)},200),T()};return(0,a.jsx)(r.A,{open:!0,onClick:()=>{k&&A&&A(k),i()},bg:"sbds-overlay-color-dark","data-testid":"lucky-wheel-overlay",children:x?(0,a.jsx)(p.A,{cardBackImageUrl:N,reward:k,onAnimationEnd:()=>{v(!1)}}):k?(0,a.jsx)(u.A,{reward:k,onViewReward:g}):(0,a.jsxs)(n.ov,{gap:"sbds-dimension-space-size-l",flexDirection:"column",zIndex:"overlay",px:"sbds-dimension-space-size-l",w:"100%",maxW:"min(375px, 90%)",children:[(0,a.jsxs)(n.so,{direction:"column",gap:"sbds-dimension-space-size-m",children:[(0,a.jsx)(l.A,{variant:"page-heading-2",weight:"bold",tone:"inverse",align:"center","data-testid":"lucky-wheel-overlay-title",children:E}),(0,a.jsx)(l.A,{variant:"caption-1",weight:"medium",tone:"inverse",align:"center",maxW:"240px","data-testid":"lucky-wheel-overlay-tnc",children:w("By flipping a card, you agree to our {tnc}",{tnc:(0,a.jsx)("span",{className:(0,c.AH)({color:"sbds-font-color-link"}),onClick:e=>{e.stopPropagation(),j&&g(j)},"data-testid":"lucky-wheel-overlay-tnc-trigger",children:w("terms and conditions")})})})]}),(0,a.jsx)(n.xA,{gridTemplateColumns:"repeat(2, 1fr)",gap:"sbds-dimension-space-size-m","data-testid":"lucky-wheel-overlay-card-container",w:"100%",children:Array.from({length:null!=C?C:4}).map((e,s)=>(0,a.jsx)(n.az,{w:"100%",aspectRatio:2/3,position:"relative",onClick:O,children:(0,a.jsx)(t.A,{src:null!=N?N:"",alt:"Lucky Wheel Card",fill:!0,className:(0,
1c.AH)({"&:active":{filter:"drop-shadow(0 0 {sizes.sbds-dimension-size-3} {colors.sbds-color-white-a-40})"},transition:"filter 0.1s ease-in-out",objectFit:"contain"}),"data-testid":"lucky-wheel-overlay-card-".concat(s)})},s))})]})})}},167316:(e,s,i)=>{i.d(s,{A:()=>g});var a=i(695155),t=i(202543),n=i(980702),r=i(212115),l=i(981980),o=i(508296),d=i(709858),c=i(753351),p=i(718884),u=i(642819);let m={base:1.5,sm:2.5,md:3.5,lg:4.5,xl:5.5,xxl:7.5},b=(0,l.I4)(l.az,{base:{display:"grid",gridAutoFlow:"column",gridAutoRows:"1fr",gridTemplateRows:"repeat(1, 1fr)",overflowX:"auto",overflowY:"hidden",scrollBehavior:"smooth",scrollSnapType:"x mandatory",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},mx:"-sbds-dimension-space-size-m",gap:"sbds-dimension-space-size-m",scrollPadding:"sbds-dimension-space-size-m",px:"sbds-dimension-space-size-m"},variants:{hasOverflow:{true:{gridAutoColumns:Object.entries(m).reduce((e,s)=>{let[i,a]=s;return{...e,[i]:(e=>"calc((100% - (".concat(Math.ceil(e)-1," * {spacing.sbds-dimension-space-size-m})) / ").concat(e,")"))(a)}},{})},false:{gridTemplateColumns:Object.entries(m).reduce((e,s)=>{let[i,a]=s;return{...e,[i]:"repeat(".concat(Math.ceil(a),", 1fr)")}},{})}}}}),h=(0,l.I4)(l.az,{base:{display:"grid",gridTemplateColumns:Object.entries(m).reduce((e,s)=>{let[i,a]=s;return{...e,[i]:"repeat(".concat(Math.ceil(a),", 1fr)")}},{}),gap:"sbds-dimension-space-size-m"}}),g=()=>{var e,s;let i=(0,t.A)(["webview","quest_v2"]),m=(0,r.useRef)(null),[g,w]=(0,r.useState)(null),{data:x,rewardPool:v}=(0,n.M)(),k=null!=(e=null==x?void 0:x.claimedRewards)?e:[],f=null!=(s=null==x?void 0:x.availableRewards)?s:[],_=k.length>0,A=f.length>0,y=(0,r.useCallback)(e=>{(0,p.w)("click",{feature_name:"CLAIMED"===e.status?"view_claimed_reward":"view_available_reward",feature_id:e.id,ui_element_name:"spark_card"}),w(e)},[]);return((0,r.useEffect)(()=>{m.current&&(m.current.scrollLeft=0)},[k]),x)?(0,a.jsxs)(a.Fragment,{children:[_&&(0,a.jsxs)(l.BJ,{gap:"sbds-dimension-space-size-m",children:[(0,a.jsx)(o.A,{variant:"section-heading-2",weight:"bold",children:i("Unlocked rewards")}),(0,a.jsx)(b,{ref:m,hasOverflow:k.length>2,"data-testid":"sparks-claimed-list",children:k.map((e,s)=>{var i;return(0,a.jsx)(d.A,{reward:e,onSparkCardClick:y,"data-testid":"sparks-claimed-item-".concat(null==e?void 0:e.id)},"".concat(null!=(i=null==e?void 0:e.id)?i:"fallback-key","-").concat(s))})})]}),v&&(0,a.jsx)(u.A,{rewardPool:v,onViewReward:y}),A&&(0,a.jsxs)(l.BJ,{gap:"sbds-dimension-space-size-m",children:[(0,a.jsx)(o.A,{variant:"section-heading-2",weight:"bold",children:i("Want a sure thing? Pick a bonus")}),(0,a.jsx)(h,{"data-testid":"sparks-available-list",children:f.map((e,s)=>{var i;return(0,a.jsx)(d.A,{reward:e,onSparkCardClick:y,"data-testid":"sparks-available-item-".concat(null==e?void 0:e.id)},"".concat(null!=(i=null==e?void 0:e.id)?i:"fallback-key","-").concat(s))})})]}),g&&(0,a.jsx)(c.A,{spark:g,onClose:()=>w(null)})]}):null}},316749:(e,s,i)=>{i.d(s,{A:()=>u});var a=i(695155),t=i(761722),n=i(268030),r=i(981980),l=i(66591),o=i(202543),d=i(508296),c=i(212115),p=i(718884);let u=e=>{let{cardBackImageUrl:s,reward:i,onAnimationEnd:u}=e,m=(0,o.A)(["webview","quest_v2","lucky_wheel"]);return(0,c.useEffect)(()=>{var e,s;i&&(0,p.w)("impression",{ui_element_name:"see_randomized_reward",feature_name:null!=(s=null==(e=i.assets)?void 0:e.cardTitle)?s:""})},[i]),(0,a.jsxs)(r.so,{direction:"column",align:"center",justify:"center",gap:"sbds-dimension-space-size-l",w:"100%",h:"100%",zIndex:"overlay",perspective:"1000",animation:"fade_in 0.5s",onClick:e=>{e.stopPropagation()},"data-testid":"lucky-wheel-flip-animation",children:[(0,a.jsxs)(r.az,{position:"relative",w:250,h:375,transformStyle:"preserve-3d",animation:i?"card_flip 0.5s linear 1s forwards":"none",onAnimationEnd:u,children:[(0,a.jsx)(t.A,{src:null!=s?s:"",alt:"Lucky Wheel Card",width:250,height:375,noBackground:!0,objectFit:"contain",className:(0,n.AH)({position:"absolute",top:0,left:0,backfaceVisibility:"hidden"}),"data-testid":"lucky-wheel-flip-animation-card-back"}),i&&(0,a.jsx)(l.A,{reward:i,supportAnimation:!0})]}),(0,a.jsx)(r.so,{minH:"sbds-dimension-size-13",align:"center",justify:"center",children:(0,a.jsx)(d.A,{tone:"inverse",weight:"bold",children:m("Getting your reward...")})})]})}},370695:(e,s,i)=>{i.d(s,{A:()=>p});var a=i(695155),t=i(981980),n=i(983824),r=i(167316),l=i(980702),o=i(212115),d=i(878909),c=i(718884);let p=()=>{let{updateData:e,data:s,hasFetched:i}=(0,l.M)(),[p,u]=(0,o.useTransition)();return((0,o.useEffect)(()=>{!i&&e&&(u(e),(0,c.w)("view"))},[]),p)?(0,a.jsx)(t.so,{direction:"column",gap:"sbds-dimension-space-size-l",mx:"-sbds-dimension-space-size-m",children:(0,a.jsx)(d.A,{numberOfItems:3})}):s?(0,a.jsxs)(t.so,{direction:"column",gap:"sbds-dimension-space-size-l",children:[(0,a.jsx)(n.A,{}),(0,a.jsx)(r.A,{})]}):null}},421854:(e,s,i)=>{i.d(s,{default:()=>a});let a=(0,i(981980).I4)("div",{base:{"& ul":{listStyleType:"disc",listStylePosition:"inside"},"& ol":{listStyleType:"decimal",listStylePosition:"inside"},fontSize:{base:"sbds-font-size-4",md:"sbds-font-size-5"},lineHeight:{base:"{sizes.sbds-dimension-size-9}",lg:"{sizes.sbds-dimension-size-10}"},"& strong":{fontWeight:600}},variants:{isShowMore:{false:{display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis",WebkitLineClamp:2,height:{base:"{lineHeights.line-height-8}",lg:"{sizes.sbds-dimension-size-15}"}}},isNewDesign:{true:{wordBreak:"break-word","& ul":{listStylePosition:"outside",ml:"sbds-dimension-space-size-m","& li":{ml:"sbds-dimension-space-size-m","&::marker":{fontSize:"sbds-font-size-4"}},"& li:not(:first-child)":{mt:"sbds-dimension-space-size-xs"}},"& a":{textDecoration:"underline",textUnderlineOffset:"2px"},"& > p:not(:first-child), & ul > p:not(:first-child), & hr":{mt:{base:"sbds-dimension-space-size-s",md:"sbds-dimension-space-size-m"}},"& em":{fontStyle:"italic"},"& hr":{borderStyle:"dashed",borderColor:"sbds-border-color-medium"},"& img":{display:"inline-block"}}}}})},423015:(e,s,i)=>{i.r(s),i.d(s,{default:()=>a.A});var a=i(370695)},470868:(e,s,i)=>{i.d(s,{D4:()=>m,Oq:()=>d,UC:()=>u,hE:()=>p,jN:()=>b,nc:()=>o,ov:()=>c,u3:()=>g,vE:()=>h});var a=i(695155),t=i(508296),n=i(981980),r=i(116922);let l={display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},o={...l,WebkitLineClamp:2};({...l,WebkitLineClamp:3});let d={textDecoration:"underline",textUnderlineOffset:2},c=e=>(0,a.jsx)(n.so,{justify:"center",align:"center",...e}),p=e=>(0,a.jsx)(t.A,{tone:"primary",truncate:2,flex:"0 0 auto",...e}),u=e=>{let{title:s,subtitle:i,bold:r=!1,children:l,titleVariant:o}=e;return(0,a.jsxs)(n.BJ,{pointerEvents:"none",gap:"sbds-dimension-size-1",children:[l,(0,a.jsx)(t.A,{variant:o||"paragraph-2",tone:"primary",weight:"bold",truncate:3,children:s}),i&&(0,a.jsx)(t.A,{variant:"caption-1",tone:"secondary",weight:r?"medium":"normal",truncate:2,children:i})]})},m=(0,n.I4)(r.CS.div,{base:{position:"absolute",width:"100%",height:"100%",willChange:"transform",borderRadius:"sbds-dimension-border-radius-m",px:"sbds-dimension-space-size-xl",py:"sbds-dimension-space-size-m",boxShadow:"0px 2px 8px 0px rgba(64, 72, 90, 0.10)"},variants:{active:{false:{bg:"#f7f7f7","& > div":{opacity:.5}},true:{bg:"sbds-color-white"}}}}),b=(0,n.I4)("div",{base:{width:36,height:36,borderRadius:"50%",bg:"sbds-color-white",boxShadow:"0px 4px 16px 0px rgba(64, 72, 90, 0.16)",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:"calc(50% - 18px)",transition:"all 0.2s",_active:{transform:"scale(1.1)","& svg":{stroke:"sbds-color-white"}}},variants:{type:{dislike:{left:0,_active:{bg:"sbds-color-gray-80"}},like:{right:0,_active:{bg:"sbds-brand-color-primary"}}},variant:{consider:{transform:"scale(1.05)"},active:{transform:"scale(1.1)"}}},compoundVariants:[{type:"dislike",variant:"consider",css:{bg:"sbds-color-gray-40","& svg":{stroke:"sbds-color-primary"}}},{type:"dislike",variant:"active",css:{bg:"sbds-color-gray-80","& svg":{stroke:"sbds-color-white"}}},{type:"like",variant:"consider",css:{bg:"sbds-color-red-5","& svg":{stroke:"sbds-brand-color-primary",fill:"sbds-brand-color-primary"}}},{type:"like",variant:"active",css:{bg:"sbds-brand-color-primary","& svg":{stroke:"sbds-color-white"}}}]}),h=(0,n.I4)("a",{base:{WebkitTapHighlightColor:"transparent",...d}}),g=(0,n.I4)("a",{base:{WebkitTapHighlightColor:"transparent",overflow:"hidden"}})},505335:(e,s,i)=>{i.d(s,{A:()=>a.default});var a=i(421854)},641333:(e,s,i)=>{i.d(s,{A:()=>m});var a=i(695155),t=i(398122),n=i(821628),r=i(202543),l=i(654354),o=i(172127),d=i(212115),c=i(508296),p=i(445154),u=function(e){return e.MORE_THAN_ONE_DAY="MORE_THAN_ONE_DAY",e.LESS_THAN_ONE_DAY="LESS_THAN_ONE_DAY",e.LESS_THAN_ONE_HOUR="LESS_THAN_ONE_HOUR",e.ENDED="ENDED",e}(u||{});let m=e=>{let{expiresAt:s}=e,i=(0,r.A)(["webview","quest_v2"]),{TIMEZONE:u}=(0,t.T)(),{formatDate:m}=(0,n.A)(),[b,h]=(0,d.useState)(new Date().getTime()),{state:g,timeUntilNextUpdate:w,formattedDate:x,formattedTime:v}=(0,d.useMemo)(()=>{var e;let a={state:"ENDED",timeUntilNextUpdate:0,formattedDate:"",formattedTime:""};if(!s)return a;let t=new Date(s).getTime();if(isNaN(t))return a;let n=t-b,{state:r,timeUntilNextUpdate:d}=null!=(e=[{check:n<0,state:"ENDED",timeUntilNextUpdate:0},{check:n>l.x8S,state:"MORE_THAN_ONE_DAY",timeUntilNextUpdate:n-l.x8S},{check:n<l.HZ7,state:"LESS_THAN_ONE_HOUR",timeUntilNextUpdate:n}].find(e=>e.check))?e:{state:"LESS_THAN_ONE_DAY",timeUntilNextUpdate:n-l.HZ7},c=(0,o.L_)(s,u);return{state:r,timeUntilNextUpdate:d,formattedDate:m(i("d MMM"),c),formattedTime:m(i("h:mmaaa"),c)}},[s,b,u,m,i]);if((0,d.useEffect)(()=>
1{if("ENDED"!==g&&w<=l.x8S&&w>0){let e=setTimeout(()=>{h(new Date().getTime())},w);return()=>clearTimeout(e)}},[w,g]),!s)return null;let k=e=>{let s="ENDED"===g,t="LESS_THAN_ONE_HOUR"===g;return(0,a.jsx)(c.A,{variant:"caption-1",weight:"medium",tone:s?"disabled":"error",children:t?i("Expires in {time}",{time:e}):e})};return"LESS_THAN_ONE_HOUR"===g?(0,a.jsx)(p.A,{datetime:s,render:k,hideHoursFormat:!0,showInitialCountdown:!0,"data-testid":"sparks-expire-countdown"}):(()=>{let e="";switch(g){case"MORE_THAN_ONE_DAY":e=i("Expires {date}・{time}",{date:x,time:v});break;case"LESS_THAN_ONE_DAY":e=i("Expires at {time}",{time:v});break;case"ENDED":e=i("Expired {date}",{date:x})}return k(e)})()}},642819:(e,s,i)=>{i.d(s,{A:()=>a.A});var a=i(677293)},647269:(e,s,i)=>{i.d(s,{A:()=>u});var a=i(695155),t=i(981980),n=i(212115),r=i(934515),l=i(821467),o=i(803042);let d=(0,t.I4)("button",{base:{p:"sbds-dimension-space-size-m",w:"100%",display:"flex",gap:"sbds-dimension-space-size-s",outline:"none",alignItems:"center",WebkitTapHighlightColor:"transparent",transition:"all 0.3s ease-in-out",_focusVisible:{bgColor:"sbds-interaction-color-secondary-tap"},_disabled:{color:"sbds-font-color-disabled",bgColor:"sbds-interaction-color-secondary-disabled",pointerEvents:"none"}}}),c=(0,t.I4)(t.az,{base:{overflow:"hidden",display:"grid",transition:"grid-template-rows 0.3s ease-in-out",alignItems:"flex-start",gridTemplateRows:"0fr"},variants:{expanded:{true:{gridTemplateRows:"1fr"},false:{}}}}),p=(0,t.I4)(t.so,{base:{p:"sbds-dimension-space-size-m",gap:"sbds-dimension-space-size-m",flexDirection:"column"},variants:{iconSize:{xs:{pl:"calc({sizes.sbds-dimension-size-5} + {spacing.sbds-dimension-space-size-s} + {spacing.sbds-dimension-space-size-m})"},sm:{pl:"calc({sizes.sbds-dimension-size-7} + {spacing.sbds-dimension-space-size-s} + {spacing.sbds-dimension-space-size-m})"},md:{pl:"calc({sizes.sbds-dimension-size-10} + {spacing.sbds-dimension-space-size-s} + {spacing.sbds-dimension-space-size-m})"},lg:{pl:"calc({sizes.sbds-dimension-size-12} + {spacing.sbds-dimension-space-size-s} + {spacing.sbds-dimension-space-size-m})"}}}}),u=e=>{let{id:s,summary:i,summaryProps:u,details:m,detailsProps:b,actions:h,withIcon:g,iconProps:w,expandIcon:x,expandIconProps:v,hideExpandIcon:k,defaultExpanded:f=!1,expanded:_,disabled:A,onChange:y,...j}
1=e,[z,S]=(0,n.useState)(f),E=void 0!==_,C=E?_:z,[N,T]=(0,n.useState)(300),O=(0,n.useRef)(null),[R,D]=(0,n.useState)(!f),I=(0,n.useId)(),H=s||I,M="".concat(H,"-header"),L="".concat(H,"-content"),P=g?(null==w?void 0:w.size)||"sm":void 0,B=(0,n.useRef)(!0);return(0,n.useEffect)(()=>()=>{B.current=!1},[]),(0,n.useEffect)(()=>{if(!O.current)return;let e=(0,o.P)(O.current);T((0,l.P)(e)),C&&D(!1)},[C]),(0,a.jsxs)(t.az,{...j,children:[(0,a.jsxs)(d,{onClick:()=>{if(A)return;let e=!C;null==y||y(e),E||S(e)},disabled:A,"aria-expanded":C,"aria-controls":L,id:M,...u,children:[g&&(0,a.jsx)(g,{size:"sm",...w}),(0,a.jsx)(t.so,{flex:"1 0 0",children:i}),!k&&(0,a.jsx)(t.az,{transform:C?"rotate(180deg)":"rotate(0deg)",transition:"all 0.3s ease-in-out",children:x?(0,a.jsx)(x,{size:"sm",...v}):(0,a.jsx)(r.yd$,{size:"sm",color:"primary"})})]}),(0,a.jsx)(c,{visibility:R?"hidden":"visible",role:"region","aria-labelledby":M,id:L,expanded:C,style:{transitionDuration:"".concat(N,"ms")},onTransitionEnd:()=>{!C&&B.current&&D(!0)},children:(0,a.jsx)(t.az,{overflow:"hidden",children:(0,a.jsxs)(p,{ref:O,iconSize:P,...b,children:[m,h]})})})]})}},677293:(e,s,i)=>{i.d(s,{A:()=>g});var a=i(695155),t=i(761722),n=i(202543),r=i(268030),l=i(981980),o=i(508296),d=i(529585),c=i(860185),p=i(212115),u=i(70090),m=i(980702),b=i(579856),h=i(718884);let g=e=>{let{rewardPool:s,onViewReward:i}=e,g=(0,n.A)(["webview","quest_v2","lucky_wheel"]),{data:w}=(0,m.M)(),x=(0,c.A)(),[v,k]=(0,p.useState)(!1),{pool:f}=s,{sparkCost:_,assets:A}=null!=f?f:{},{cardSubtitle:y,thumbnailImageUrl:j,backgroundColor:z}=null!=A?A:{};if(!f)return null;let S=!!((null==w?void 0:w.balance)&&(null==w?void 0:w.balance)>=(_||0)),E={screen_type:"earn_more",screen_name:"sparks_reward",ui_element_name:"randomized_sparks_reward_thumbnail",feature_state:S?"available":"unavailable"};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(l.so,{direction:"column",gap:"sbds-dimension-space-size-m",...(0,b.wm)(E,"App.Impression"),children:[(0,a.jsx)(o.A,{variant:"section-heading-2",weight:"bold",children:g("Feeling lucky? Flip a card")}),(0,a.jsxs)(l.so,{direction:"column",align:"center",gap:"sbds-dimension-space-size-l",p:"sbds-dimension-space-size-l",borderRadius:"sbds-dimension-border-radius-l","data-testid":"lucky-wheel-container",style:{background:"linear-gradient(180deg, ".concat(z,"40 40%, ").concat(z," 100%)")},children:[(0,a.jsx)(o.A,{align:"center","data-testid":"lucky-wheel-title",children:y}),(0,a.jsx)(t.A,{src:null!=j?j:"",alt:"Lucky Wheel",height:198,width:257,priority:!0,noBackground:!0,"data-testid":"lucky-wheel-thumbnail-image"}),(0,a.jsx)(d.A,{variant:"highlight",disabled:!S,"data-testid":"lucky-wheel-flip-button",onClick:()=>{(0,h.w)("click",{ui_element_name:E.ui_element_name}),k(!0)},children:g("Unlock with {sparkCost}",{sparkCost:(0,a.jsxs)(a.Fragment,{children:[x(_||0),(0,a.jsx)(t.A,{src:"https://cloud.shopback.com/image/upload/web/sparks/spark.png",alt:"Spark",width:24,height:24,noBackground:!0,className:(0,r.AH)({filter:S?"none":"grayscale(100%)"})})]})})})]})]}),v&&(0,a.jsx)(u.A,{rewardPool:s,onClose:()=>{k(!1)},onViewReward:i})]})}},696368:(e,s,i)=>{i.d(s,{SnackbarProvider:()=>c,d:()=>p});var a=i(695155),t=i(654354),n=i(44075),r=i(963699),l=i(212115),o=i(257408);let d=(0,l.createContext)(void 0),c=e=>{let{children:s}=e,i=(0,l.useRef)(null),[c,p]=(0,l.useState)(!1),[u,m]=(0,l.useState)(""),[b,h]=(0,l.useState)("success"),[g,w]=(0,l.useState)({}),[x,v]=(0,l.useState)(void 0),[k,f]=(0,l.useState)(!1);(0,l.useEffect)(()=>{try{let e=localStorage.getItem(t._gO);if(e){let s=JSON.parse(e);A(s.message,s.severity),localStorage.removeItem(t._gO)}}catch(e){}},[]);let _=()=>{p(!1),clearTimeout(i.current)},A=function(e,s){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3e3,t=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],r=arguments.length>5&&void 0!==arguments[5]&&arguments[5],l=arguments.length>6?arguments[6]:void 0;v(!n&&l),f(r),m(e),h(s),p(!0),clearTimeout(i.current),a&&(i.current=setTimeout(()=>p(!1),a)),w(t)},{isDesktop:y}=(0,o.A)();return(0,a.jsxs)(d.Provider,{value:{snackbarOpen:c,snackbarMessage:u,snackbarSeverity:b,closeSnackbar:_,showSnackbar:A,showSnackbarObj:e=>{let{message:s,severity:i,timeout:a=3e3,overrideStyles:t={},hideIcon:n=!1,showClose:r=!1,icon:l}=e;A(s,i,a,t,n,r,l)}},children:[s,(0,a.jsx)(n.A,{open:c,anchorOrigin:y?{vertical:"top",horizontal:"right"}:{vertical:"bottom",horizontal:"center"},sx:{...y?{maxWidth:"350px",marginTop:"64px"}:{"&.MuiSnackbar-root":{inset:"auto 12px 20px",transform:"none"},"& .MuiPaper-root":{fontWeight:400,borderRadius:"8px"}},...g},children:(0,a.jsx)(r.A,{icon:x,variant:"filled",severity:b,onClose:k?_:void 0,sx:{"& .MuiAlert-icon":{height:"36px",alignItems:"center",mr:"8px"}},children:u})})]})},p=()=>{let e=(0,l.useContext)(d);if(e)return{...e};throw Error("Context is not init")}},709858:(e,s,i)=>{i.d(s,{A:()=>g});var a=i(695155),t=i(761722),n=i(85017),r=i(860185),l=i(529585),o=i(981980),d=i(508296),c=i(268030),p=i(641333),u=i(579856),m=i(700914),b=i(718884),h=i(980702);let g=e=>{let{reward:s,onSparkCardClick:i}=e,{data:g}=(0,h.M)(),{assets:w,status:x,sparkCost:v,id:k,expiresAt:f,rewardInfo:_}=s||{},{cardTitle:A,cardSubtitle:y,logo:j}=null!=w?w:{},{cta:z,deeplink:S}=null!=_?_:{},E="CLAIMED"===x,C="EXPIRED"===x,N=z&&S,T=(0,r.A)(),O=!!((null==g?void 0:g.balance)&&(null==g?void 0:g.balance)>=(v||0));if(!s)return null;let R={screen_type:"earn_more",screen_name:"sparks_reward",ui_element_type:"sparks_reward_card",ui_element_name:null!=A?A:"",feature_id:k,feature_state:x};return(0,a.jsxs)(o.so,{bg:E||N?"sbds-status-color-trending-lighter":"sbds-background-color-primary",scrollSnapAlign:"start",p:"sbds-dimension-space-size-m",borderRadius:"sbds-dimension-border-radius-l",border:"1px solid {colors.sbds-border-color-subtle}",direction:"column",gap:"sbds-dimension-space-size-m",justify:"space-between",onClick:()=>i(s),"data-testid":"spark-card-".concat(k),...(0,u.wm)(R,"App.Impression"),children:[(0,a.jsxs)(o.so,{direction:"column",gap:"sbds-dimension-space-size-m",children:[(0,a.jsx)(t.A,{src:j||"",alt:null!=A?A:"Reward logo",width:60,height:60,objectFit:"contain",noBackgroun
1d:!0,"data-testid":"spark-logo"}),(0,a.jsxs)(o.so,{direction:"column",gap:"sbds-dimension-space-size-xs",children:[(0,a.jsx)(d.A,{variant:"paragraph-1",weight:"bold",color:E||N?"sbds-font-color-trending":"sbds-font-color-primary","data-testid":"spark-title",children:A}),(0,a.jsx)(d.A,{variant:"caption-1",tone:"secondary",weight:"medium","data-testid":"spark-subtitle",truncate:2,children:y}),f&&!N&&(0,a.jsx)(p.A,{expiresAt:f})]})]}),!E&&!C&&(0,a.jsxs)(l.A,{variant:"highlight",disabled:!O,fullWidth:!0,"data-testid":"spark-redeem-button",children:[T(v||0),(0,a.jsx)(n.A,{src:"https://cloud.shopback.com/image/upload/web/sparks/spark.png",alt:"Spark",width:24,height:24,className:(0,c.AH)({filter:O?"none":"grayscale(100%)"})})]}),N&&(0,a.jsx)(m.A,{href:S,onClick:()=>{(0,b.w)("click",{...R,feature_name:"view_reward"})},children:(0,a.jsx)(l.A,{variant:"highlight",fullWidth:!0,"data-testid":"spark-view-reward-button",children:z})})]})}},718884:(e,s,i)=>{i.d(s,{w:()=>t});var a=i(579856);let t=(e,s)=>{let i={screen_type:"earn_more",screen_name:"sparks_reward",is_logged_in:!0,...s};switch(e){case"impression":(0,a.Cl)(i);break;case"click":(0,a.PN)(i);break;case"view":(0,a.kS)(i)}}},720602:(e,s,i)=>{i.d(s,{A:()=>c});var a=i(695155),t=i(611340),n=i(202543),r=i(268030),l=i(981980),o=i(508296);let d=(0,i(567909).default)(()=>Promise.resolve().then(i.bind(i,792157)),{loadableGenerated:{webpack:()=>[792157]},loading:()=>(0,a.jsx)(l.ov,{w:"100%",children:(0,a.jsx)(t.A,{tone:"secondary"})}),ssr:!1}),c=()=>{let e=(0,n.A)(["webview","quest_v2"]);return(0,a.jsxs)(l.so,{direction:"column",gap:"sbds-dimension-space-size-m","data-testid":"spark-redeem-success-root",children:[(0,a.jsx)(l.so,{justifyContent:"center",h:180,"data-testid":"spark-redeem-success-animation",children:(0,a.jsx)(d,{loop:!0,src:"https://cloud.shopback.com/raw/upload/web/sparks/redeemed-sparks.lottie",className:(0,r.AH)({height:180,width:180})})}),(0,a.jsx)(o.A,{variant:"section-heading-2",weight:"bold","data-testid":"spark-redeem-success-title",children:e("Yippee - reward unlocked!")}),(0,a.jsx)(o.A,{"data-testid":"spark-redeem-success-desc",children:e("Shop now to use your reward or return to Sparks.")})]})}},753351:(e,s,i)=>{i.d(s,{A:()=>_});var a=i(695155),t=i(696368),n=i(860185),r=i(202543),l=i(212115),o=i(980702),d=i(981980),c=i(761722),p=i(268030),u=i(529585),m=i(371110),b=i(641333),h=i(508296),g=i(720602),w=i(718884),x=i(815051),v=i(505335),k=i(579856),f=i(654354);let _=e=>{let{spark:s,onClose:i}=e,{showSnackbar:_}=(0,t.d)(),A=(0,r.A)(["webview","quest_v2"]),y=(0,n.A)(),[j,z]=(0,l.useState)(!1),[S,E]=(0,l.useTransition)(),{data:C,redeemSpark:N}=(0,o.M)(),{id:T,status:O,sparkCost:R,assets:D,expiresAt:I,rewardType:H,tnc:M,rewardInfo:L}=s,{logo:P,cardTitle:B,detailTitle:U,detailSubtitle:W,ctaText:F,ctaLink:q,overview:Y}=D||{},{cta:V,deeplink:J}=null!=L?L:{},Z="CLAIMED"===O||j,G="EXPIRED"===O,X=V&&J,K={screen_type:"earn_more",screen_name:"sparks_reward",ui_element_name:null!=B?B:"",feature_id:T,feature_state:O},Q=async()=>{if(Z||G)(J||q)&&((0,w.w)("click",{...K,ui_element_type:"bottom_sheet",feature_name:J?"view_reward":"shop_now"}),window.location.href=J||q||""),i();else try{(0,w.w)("click",{...K,ui_element_type:"bottom_sheet",feature_name:"claim_sparks_reward"});let{data:{transactionId:e}}=await N(T);if(e){z(!0),(0,w.w)("click",{feature_name:"redeem_reward_success",feature_id:T,ui_element_name:"redeem_success"});let e=new BroadcastChannel(f.xQR.SPARKS);e.postMessage({type:f.iZ$.REFRESH_SPARKS_BALANCE}),e.close()}else _(A("Failed to redeem spark, please try again later."),"info")}catch(e){_(A("Failed to redeem spark, please try again later."),"info")}},$=(0,l.useCallback)(()=>{(0,w.w)("click",{feature_name:"close_reward_detail",feature_id:T,ui_element_name:"close_button"}),i()},[i]);return(0,a.jsx)(m.default,{open:!0,onClose:$,renderActions:()=>{var e;if(!H||G&&!X)return null;let s=!Z&&!G&&R>(null!=(e=null==C?void 0:C.balance)?e:0)||S,i=Z||G?V||F||"":A("Unlock with {sparkCost}",{sparkCost:(0,a.jsxs)(a.Fragment,{children:[y(R||0),(0,a.jsx)(c.A,{src:"https://cloud.shopback.com/image/upload/web/s
1parks/spark.png",alt:"Spark",width:24,height:24,noBackground:!0,className:(0,p.AH)({filter:s?"grayscale(100%)":"none"})})]})});return(0,a.jsx)(u.A,{isLoading:S,loadingText:i,disabled:s,fullWidth:!0,size:"lg",onClick:()=>E(Q),"data-testid":"spark-detail-action-button",children:i})},"data-testid":"spark-detail-modal",...(0,k.wm)({...K,ui_element_type:"sparks_reward_bottom_sheet"},"App.Impression"),children:j?(0,a.jsx)(g.A,{"data-testid":"spark-redeem-success"}):(0,a.jsxs)(d.so,{direction:"column",gap:"sbds-dimension-size-7","data-testid":"spark-detail-content",children:[P&&(0,a.jsx)(d.so,{justifyContent:"center",h:100,"data-testid":"spark-detail-logo-box",children:(0,a.jsx)(c.A,{src:P,alt:null!=B?B:"Reward logo",width:100,height:100,objectFit:"contain",borderRadius:"sbds-dimension-border-radius-m",noBackground:!0,"data-testid":"spark-detail-logo"})}),(0,a.jsxs)(d.so,{direction:"column",children:[(0,a.jsxs)(d.so,{direction:"column",gap:"sbds-dimension-space-size-xs",children:[I&&!X&&(0,a.jsx)(b.A,{expiresAt:I}),(0,a.jsx)(h.A,{variant:"section-heading-2",weight:"bold","data-testid":"spark-detail-title",children:U}),W&&(0,a.jsx)(h.A,{variant:"paragraph-1",truncate:2,"data-testid":"spark-detail-subtitle",children:W})]}),(0,a.jsx)(d.cG,{color:"sbds-border-color-medium",borderStyle:"dashed",my:"sbds-dimension-space-size-l"}),(null==Y?void 0:Y.length)>0&&(0,a.jsx)(d.so,{direction:"column",gap:"sbds-dimension-space-size-m","data-testid":"spark-detail-overview",children:null==Y?void 0:Y.map((e,s)=>{let{icon:i,text:t}=e;return(0,a.jsxs)(d.so,{gap:"sbds-dimension-space-size-s","data-testid":"spark-detail-overview-item-".concat(s),children:[(0,a.jsx)(c.A,{src:i||"",alt:"overview icon",width:20,height:20,noBackground:!0,borderRadius:"sbds-dimension-border-radius-none","data-testid":"spark-detail-overview-icon"}),(0,a.jsx)(h.A,{"data-testid":"spark-detail-overview-text-".concat(s),children:t})]},s)})})]}),M&&(0,a.jsx)(x.A,{summary:(0,a.jsx)(h.A,{children:A("Terms and conditions")}),details:(0,a.jsx)(v.A,{dangerouslySetInnerHTML:{__html:M},isNewDesign:!0}),summaryProps:{px:0,py:"sbds-dimension-space-size-s"},detailsProps:{p:0,pt:"sbds-dimension-space-size-s"}})]})})}},815051:(e,s,i)=>{i.d(s,{A:()=>a.A});var a=i(647269)},983824:(e,s,i)=>{i.d(s,{A:()=>w});var a=i(695155),t=i(202543),n=i(980702),r=i(860185),l=i(981980),o=i(761722),d=i(508296),c=i(821628),p=i(172127),u=i(398122),m=i(470868),b=i(934515),h=i(700914),g=i(331485);let w=()=>{let e=(0,t.A)(["webview","quest_v2"]),{data:s}=(0,n.M)(),{syncedSparkBalance:i}=(0,g.J)(),{expiringBalance:w,expiringDate:x}=s||{},v=(0,r.A)(),{formatDate:k}=(0,c.A)(),{TIMEZONE:f}=(0,u.T)(),_=window.location.origin;return(0,a.jsxs)(h.A,{href:"shopback://web?url=".concat(_,"/webview/sparks-history"),display:"flex",p:"sbds-dimension-space-size-m",gap:"sbds-dimension-space-size-s",alignItems:"center",borderRadius:"sbds-dimension-border-radius-l",border:"1px dashed",borderColor:"sbds-border-color-medium",children:[(0,a.jsx)(o.A,{src:"https://cloud.shopback.com/image/upload/web/sparks/spark.png",alt:"Spark",width:40,height:40,noBackground:!0}),(0,a.jsxs)(l.so,{direction:"column",gap:"sbds-dimension-space-size-xs",flex:1,children:[(0,a.jsx)(d.A,{weight:"bold",tone:"secondary",children:i?e("{balance} available",{balance:v(i)}):e("Start collecting Sparks!")}),i?!!w&&x&&(0,a.jsx)(d.A,{variant:"caption-1",weight:"medium",tone:"secondary",children:e("{balance} Sparks expiring on {date}",{balance:v(w),date:k(e("d MMM yyyy"),(0,p.L_)(x,f))})}):(0,a.jsx)(d.A,{variant:"caption-1",weight:"medium",tone:"secondary",children:e("Your balance will grow with every quest.")})]}),(0,a.jsx)(m.ov,{flexShrink:0,children:(0,a.jsx)(b.Qpb,{size:"sm"})})]})}}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.