https://hawk.toptenreviews.com/js/w/es6/master-6d42e8e5/userrewards.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9470],{5242(e,t,a){a.d(t,{c:()=>n});var r=a(6540);const s="hawk-divider-divider",n=()=>r.createElement("div",{className:s})},5707(e,t,a){a.d(t,{z:()=>o});var r=a(6540),s=a(2485),n=a.n(s);const l="hawk-highlighted-text-text",i="hawk-highlighted-text-highlight",o=({TextElement:e="h3",highlightedText:t,className:a})=>r.createElement(e,{className:n()(l,a)},t.map(({text:e,highlight:t=!1},a)=>r.createElement("span",{key:a,className:n()(t&&i)},e)))},5543(e,t,a){a.d(t,{H:()=>r});const r=(e,t)=>{const a=e.indexOf(t);return-1===a?[{text:e}]:[{text:e.slice(0,a)},{text:t,highlight:!0},{text:e.slice(a+t.length)}].filter(e=>e.text)}},6410(e,t,a){a.d(t,{R:()=>m});var r=a(6540),s=a(5242);const n="hawk-terms-and-conditions-terms-and-conditions",l="hawk-terms-and-conditions-section",i="hawk-terms-and-conditions-heading",o="hawk-terms-and-conditions-body",c="hawk-terms-and-conditions-tags",d="hawk-terms-and-conditions-tag",m=({termsAndConditions:{infoTags:e,terms:t},TermsAndConditionsHeadingElement:a="h5"})=>r.createElement("div",{className:n},e&&r.createElement("div",{className:l},r.createElement("h5",{className:i},e.heading),r.createElement("div",{className:c},e.tags.map(e=>r.createElement("div",{key:e,className:d},e)))),e&&t&&r.createElement(s.c,null),t&&r.createElement("div",{className:l},r.createElement(a,{className:i},t.heading),r.createElement("p",{className:o},t.body)))},2564(e,t,a){a.d(t,{d:()=>r});const r=e=>{const t=e.match(/[A-Za-z0-9]+/g);return`*${t?.map(e=>e.slice(1)).join("*")}*`}},1523(e,t,a){a.r(t),a.d(t,{default:()=>Ce});var r=a(6540),s=a(7188),n=a(4293),l=a(5518),i=a(1125),o=a(8425),c=a(4625),d=a(6019),m=a(7268);const h="hawk-controls-container",g="hawk-controls-button",u="hawk-controls-border",w="hawk-controls-arrow",p="hawk-controls-background",k=()=>r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{clipPath:"url(#clip0_3268_27867)"},r.createElement("rect",{width:"40",height:"40",rx:"20",className:w,fill:"currentColor"}),r.createElement("path",{className:p,d:"M0 20C0 25.3043 2.10714 30.3914 5.85786 34.1421C9.60859 37.8929 14.6957 40 20 40C25.3043 40 30.3914 37.8929 34.1421 34.1421C37.8929 30.3914 40 25.3043 40 20C40 14.6957 37.8929 9.60859 34.1421 5.85786C30.3914 2.10714 25.3043 0 20 0C14.6957 0 9.60859 2.10714 5.85786 5.85786C2.10714 9.60859 0 14.6957 0 20ZM23.2031 30.0781C22.4688 30.8125 21.2812 30.8125 20.5547 30.0781C19.8281 29.3438 19.8203 28.1562 20.5547 27.4297L26.1016 21.8828L9.375 21.875C8.33594 21.875 7.5 21.0391 7.5 20C7.5 18.9609 8.33594 18.125 9.375 18.125H26.1016L20.5547 12.5781C19.8203 11.8438 19.8203 10.6562 20.5547 9.92969C21.2891 9.20312 22.4766 9.19531 23.2031 9.92969L31.9531 18.6719C32.6875 19.4062 32.6875 20.5938 31.9531 21.3203L23.2031 30.0781Z",fill:"currentColor"})),r.createElement("rect",{x:"0.5",y:"0.5",width:"39",height:"39",rx:"19.5",className:u,stroke:"currentColor"}),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_3268_27867"},r.createElement("rect",{width:"40",height:"40",rx:"20",fill:"white"})))),E=()=>r.createElement("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{clipPath:"url(#clip0_3261_39425)"},r.createElement("rect",{width:"40",height:"40",rx:"20",className:w,fill:"currentColor"}),r.createElement("path",{className:p,d:"M40 20C40 14.6957 37.8929 9.60859 34.1421 5.85786C30.3914 2.10714 25.3043 0 20 0C14.6957 0 9.60859 2.10714 5.85786 5.85786C2.10714 9.60859 0 14.6957 0 20C0 25.3043 2.10714 30.3914 5.85786 34.1421C9.60859 37.8929 14.6957 40 20 40C25.3043 40 30.3914 37.8929 34.1421 34.1421C37.8929 30.3914 40 25.3043 40 20ZM16.7969 9.92188C17.5312 9.1875 18.7188 9.1875 19.4453 9.92188C20.1719 10.6562 20.1797 11.8438 19.4453 12.5703L13.8984 18.1172L30.625 18.125C31.6641 18.125 32.5 18.9609 32.5 20C32.5 21.0391 31.6641 21.875 30.625 21.875H13.8984L19.4453 27.4219C20.1797 28.1562 20.1797 29.3438 19.4453 30.0703C18.7109 30.7969 17.5234 30.8047 16.7969 30.0703L8.04688 21.3281C7.3125 20.5938 7.3125 19.4062 8.04688 18.6797L16.7969 9.92188Z",fill:"currentColor"})),r.createElement("rect",{x:"0.5",y:"0.5",width:"39",height:"39",rx:"19.5",className:u,stroke:"currentColor"}),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_3261_39425"},r.createElement("rect",{width:"40",height:"40",rx:"20",fill:"white"})))),v=(0,r.memo)(({currentPage:e,lastPage:t,navigate:a,sendAnalytics:s})=>{const{onPreviousClick:n,onNextClick:l}=(({currentPage:e,navigate:t,sendAnalytics:a})=>({onPreviousClick:()=>{t(e-1,"previous"),a({event:{label:`Page: ${e}`,clickType:d.X.SCROLL_TO_PREVIOUS_PAGE,type:m.Y.CLICK_FROM,areaClicked:"Pagination"}})},onNextClick:()=>{t(e+1,"next"),a({event:{label:`Page: ${e}`,clickType:d.X.SCROLL_TO_NEXT_PAGE,type:m.Y.CLICK_FROM,areaClicked:"Pagination"}})}}))({currentPage:e,navigate:a,sendAnalytics:s});return r.createElement("div",{className:h},r.createElement("button",{type:"button",disabled:1===e,onClick:n,className:g},r.createElement(E,null)),r.createElement("button",{type:"button",disabled:e>=t,onClick:l,className:g},r.createElement(k,null)))}),C=e=>`members-reward-${e}`;var y=a(2485),b=a.n(y);const f="hawk-filter-bar-wrapper",N="hawk-filter-bar-container",x="hawk-filter-bar-button",L="hawk-filter-bar-active",_="hawk-filter-bar-no-scrollbar",A="hawk-filter-bar-fade-container",R="hawk-filter-bar-has-fade",S="hawk-filter-bar-fade-left",P="hawk-filter-bar-fade-right",$=r.memo(({filters:e,activeFilterKeys:t,onClick:a,minimumFiltersToDisplay:s=1,buttonClassName:n,buttonActiveClassName:l,withHorizontalFade:i=!1,hideScrollbar:o=!1,sendAnalytics:c})=>!e.length||e.length<s?null:r.createElement("div",{className:b()(f,i&&R)},r.createElement("div",{role:"tablist",className:b()(N,i&&A,o&&_)},e.map(e=>

1{const s=t.includes(e.key);return r.createElement("button",{key:e.key,type:"button",onClick:()=>{c({event:{label:e.key,clickType:d.X.FILTER,type:m.Y.CLICK_FROM}}),a(e.key)},className:b()(x,s&&L,n,s&&l)},e.getDisplayValue())})),i&&r.createElement(r.Fragment,null,r.createElement("div",{className:S}),r.createElement("div",{className:P})))),O=["not activated","approved","available","collected","activated","requested","declined","expired","error"],T="hawk-user-rewards-container",I="hawk-user-rewards-spinner",D="hawk-user-rewards-filter",U="hawk-user-rewards-control-bar",M="hawk-user-rewards-title",F="hawk-user-rewards-controls",z={container:"hawk-progress-bar-container","node-count-2":"hawk-progress-bar-node-count-2",nodeCount2:"hawk-progress-bar-node-count-2","node-count-3":"hawk-progress-bar-node-count-3",nodeCount3:"hawk-progress-bar-node-count-3","node-count-4":"hawk-progress-bar-node-count-4",nodeCount4:"hawk-progress-bar-node-count-4","node-count-5":"hawk-progress-bar-node-count-5",nodeCount5:"hawk-progress-bar-node-count-5","progress-node":"hawk-progress-bar-progress-node",progressNode:"hawk-progress-bar-progress-node","stretch-animation":"hawk-progress-bar-stretch-animation",stretchAnimation:"hawk-progress-bar-stretch-animation","progress-node-1":"hawk-progress-bar-progress-node-1",progressNode1:"hawk-progress-bar-progress-node-1","progress-node-2":"hawk-progress-bar-progress-node-2",progressNode2:"hawk-progress-bar-progress-node-2","progress-node-3":"hawk-progress-bar-progress-node-3",progressNode3:"hawk-progress-bar-progress-node-3","progress-node-4":"hawk-progress-bar-progress-node-4",progressNode4:"hawk-progress-bar-progress-node-4","stretch-bookend-animation":"hawk-progress-bar-stretch-bookend-animation",stretchBookendAnimation:"hawk-progress-bar-stretch-bookend-animation","progress-node-5":"hawk-progress-bar-progress-node-5",progressNode5:"hawk-progress-bar-progress-node-5"},K=({numberOfScrollableElements:e})=>{const t=Math.min(e,5);return r.createElement("div",{className:b()(z.container,z[`node-count-${t}`])},Array.from({length:t},(e,t)=>r.createElement("span",{key:`progress-node-${t}`,className:b()(z["progress-node"],z[`progress-node-${t+1}`])})))};var B=a(5707),W=a(6410);const H="hawk-button-button",V=({text:e,onClick:t})=>r.createElement("button",{type:"button",disabled:!t,onClick:t,className:H},e);var Z=a(7411);const X="hawk-status-container",Y="hawk-status-red",q="hawk-status-yellow",G="hawk-status-green",j="hawk-status-icon",Q="hawk-status-status",J="hawk-status-description",ee={expired:{style:Y,icon:"icons/ban.svg",alt:"a circle with a diagonal line through it"},error:{style:Y,icon:"icons/circle-exclamation-red.svg",alt:"a circle with an exclamation mark"},collected:{style:"hawk-status-grey",icon:"icons/gift-grey.svg",alt:"a gift"},declined:{style:Y,icon:"icons/circle-xmark.svg",alt:"a circle with an x mark"},notactivated:{style:q,icon:"icons/circle-exclamation-amber.svg",alt:"a circle with an exclamation mark"},available:{style:G,icon:"icons/gift-green.svg",alt:"a gift"},requested:{style:q,icon:"icons/paper-plane.svg",alt:"a paper plane"},approved:{style:G,icon:"icons/circle-check.svg",alt:"a circle with a check mark"},activated:{style:q,icon:"icons/clock-amber.svg",alt:"a clock"}},te=({status:e,description:t})=>{const a=e.replaceAll(" ","").toLowerCase();if(!(a in ee))return null;const{icon:s,style:n,alt:l}=ee[a];return r.createElement("div",{className:b()(X,n)},r.createElement("span",{className:Q},r.createElement("img",{className:j,src:(0,Z.A)(s),alt:l}),e),r.createElement("p",{className:J},t))},ae="hawk-user-reward-container",re="hawk-user-reward-exclusive-heading",se="hawk-user-reward-content",ne="hawk-user-reward-image-container",le="hawk-user-reward-image-present",ie="hawk-user-reward-title",oe="hawk-user-reward-terms-and-conditions-details",ce="hawk-user-reward-terms-and-conditions-summary",de="hawk-user-reward-terms-and-conditions-icon",me=()=>r.createElement("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:de},r.createElement("path",{d:"M9.25 0.5L4.875 7.5L0.5 0.5H9.25Z",fill:"#333333"})),he=({id:e,title:t,description:a,image:s,status:n,action:l,termsAndConditions:i,LazyImage:o,updateRewardCallback:c,getUpdatedReward:d,containerClassName:m})=>{const h=((e,t,a,r)=>a||r?async()=>

1{if(r){const a=await t(r);a&&e(a)}a&&window.open(a,a.startsWith("#")?"_self":"_blank")}:void 0)(c,d,l.href,l.apiUrl);return r.createElement("div",{id:e,className:b()(ae,m)},r.createElement("div",{className:re},"Exclusive"),r.createElement("div",{className:se},r.createElement("div",{className:b()(ne,s&&le)},s&&r.createElement(o,{src:s.src,alt:s.alt,className:"cover"})),r.createElement(B.z,{className:ie,highlightedText:t}),r.createElement(te,{status:n,description:a}),r.createElement(V,{text:l.text,onClick:h}),i&&r.createElement("details",{className:oe},r.createElement("summary",{className:ce},"Terms & Conditions",r.createElement(me,null)),r.createElement(W.R,{termsAndConditions:i}))))},ge="hawk-user-rewards-list-container",ue="hawk-user-rewards-list-paginated",we="hawk-user-rewards-list-rewards",pe="hawk-user-rewards-list-reward",ke=r.memo(({rewards:e,isPaginated:t,LazyImage:a,getUpdatedReward:s,setRewards:n,listContainerRef:l})=>r.createElement("div",{ref:l,className:b()(ge,t&&ue)},r.createElement("div",{className:we},e.map((t,l)=>{const i=C(l);return r.createElement(he,{key:i,id:i,title:t.title,description:t.description,image:t.image,status:t.status,action:t.action,LazyImage:a,termsAndConditions:t.termsAndConditions,updateRewardCallback:t=>{const a=[...e];a[l]=t,n(a)},getUpdatedReward:s,containerClassName:pe})})),e.length>1&&r.createElement(K,{numberOfScrollableElements:e.length}))),Ee=({userId:e,translate:t,site:a,Spinner:s,LazyImage:n,getUpdatedReward:l,getUserRewards:i,sendAnalytics:o})=>{const[h,g]=(0,r.useState)([]),[u,w]=(0,r.useState)("view all"),[p,k]=(0,r.useState)(1),[E,y]=(0,r.useState)(!0),[b,f]=(0,r.useState)(0),N=(0,r.useRef)(null),[x,L]=(0,r.useState)(null),_=(0,r.useMemo)(()=>h.filter(e=>"view all"===u||e.status.toLowerCase()===u),[h,u]),A=(0,r.useCallback)(e=>{L(e)},[]);(0,r.useEffect)(()=>{e&&(async(e,t,r)=>{t(await i(e,a.id)),r(!1)})(e,g,y)},[e,a.id,i]);const R=(0,r.useCallback)(()=>{if(x){const e=x;let t=Math.round(e.scrollLeft/e.clientWidth)+1;e.scrollLeft+e.clientWidth>=e.scrollWidth-10&&(t=Math.ceil(e.scrollWidth/e.clientWidth)),t!==p&&(o({event:{label:`Page: ${p}`,clickType:t<p?d.X.SCROLL_TO_PREVIOUS_PAGE:d.X.SCROLL_TO_NEXT_PAGE,type:m.Y.CLICK_FROM}}),k(t),history.replaceState(null,"",window.location.pathname+window.location.search))}},[p,o,x]);(0,r.useEffect)(()=>{const e=x;return e?.addEventListener("scroll",R),()=>{e?.removeEventListener("scroll",R)}},[x,R]),(0,r.useEffect)(()=>{const e=()=>{if(N.current){const e=N.current.clientWidth;f(2*Math.floor((e+13)/257))}};E||(e(),window.addEventListener("resize",e))},[E]);const S=_.length>b,P=((e,t,a,s)=>(0,r.useCallback)(()=>{const r=[],n=[];for(let l=0;l<t;l++){const t=Math.floor(l/e)+1;r.length<t&&r.push(s(l)),l%a===0&&(n[t-1]=s(l))}return(e,t)=>{window.location.hash="previous"===t?`#${r[e-1]}`:`#${n[e-1]}`}},[e,t,a,s])())(b,_.length,2,C),z=(e=>[{key:"view all",getDisplayValue:()=>`view all (${e.length})`,shouldDisplay:()=>e.length>0},...O.map(t=>({key:t,getDisplayValue:()=>`${t} (${e.filter(e=>e.status.toLowerCase()===t).length})`,shouldDisplay:()=>e.filter(e=>e.status.toLowerCase()===t).length>0}))])(h),K=(0,r.useMemo)(()=>z.reduce((e,t)=>t.shouldDisplay()?[...e,{key:t.key,getDisplayValue:t.getDisplayValue}]:e,[]),[z]);if(!(0,c.x)()&&!e)return r.createElement("div",{className:T},t("userRewardsError"));if(E)return r.createElement("div",{className:T},r.createElement(s,{site:a,LazyImage:n,className:I}));return r.createElement("div",{ref:N,className:T},K.length>0&&K.length>=3&&r.createElement("div",{className:D},r.createElement($,{minimumFiltersToDisplay:3,filters:K,activeFilterKeys:[u],onClick:w,sendAnalytics:o})),_.length>0&&r.createElement("div",{className:U},r.createElement("h3",{className:M},z.find(e=>e.key===u)?.getDisplayValue()),S&&r.createElement("div",{className:F},r.createElement(v,{currentPage:p,lastPage:Math.ceil(_.length/b),navigate:P,sendAnalytics:o}))),0===_.length?r.createElement("p",null,t("userRewardsNoneFound")):r.createElement(ke,{rewards:_,isPaginated:S,LazyImage:n,getUpdatedReward:l,setRewards:g,listContainerRef:A}))};(0,l.y)("userrewards");const ve=({translate:e,site:t,genericSharedComponents:a,sendAnalytics:n,getAiredaleFeeds:l})=>{const{Spinner:i,LazyImage:o}=a,d=(0,c.x)()?void 0:window.FUTR?.Kiosq?.User?.sub,m=(0,r.useCallback)(async(e,t)=>{const a=await(0,s.eY)(e,t);return(0,s.wx)(a,l)},[l]);return r.createElement(Ee,{userId:d,translate:e,site:t,Spinner:i,LazyImage:o,getUpd

1atedReward:s.ZS,getUserRewards:m,sendAnalytics:n})};ve.getInitialiserProps=async({renderProps:{placeholder:e,site:t,localiser:a},getAiredaleFeeds:r})=>({props:{translate:a.translate,site:t,placeholder:e,widget:(0,n.A)(o.x.USER_REWARDS),widgetType:o.x.USER_REWARDS,dealData:{deals:[],totalDeals:0,dealType:"",modelInfo:{}},reviews:[],getAiredaleFeeds:r},result:i.kB.SUCCESS});const Ce=ve},7188(e,t,a){a.d(t,{ZS:()=>d,eY:()=>o,wx:()=>c});var r=a(5543),s=a(2564),n=a(4452),l=a(824);const i=e=>e.action.next?{title:e.title_highlight?(0,r.H)(e.title,e.title_highlight):[{text:e.title}],status:e.status_display,internalStatus:e.status,description:e.description,site:e.site_code,merchantName:e.merchant_name,action:{text:e.action.next.text,href:e.action.next.href??void 0,apiUrl:e.action.next.apiUrl??void 0},image:e.image?{src:e.image.src,alt:e.image.alt??void 0}:void 0,value:{amount:e.giftCardValue,currency:e.giftCardCurrencyCode},termsAndConditions:e.terms_and_conditions?{terms:{heading:"Terms and Conditions",body:e.terms_and_conditions}}:void 0}:void 0,o=async(e,t)=>{const a="https://rewards-api.fie.future.net.uk/api/v1/user-reward";const r=await(0,l.hm)(`${a}/user/${e}`,void 0,{Authorization:`Bearer ${(0,n.R)(n.$.KIOSQ)}`});return r.ok?r.data.data.map(i).filter(e=>void 0!==e&&e.site===t):[]},c=async(e,t)=>{const a=(e=>{const t={};return e.forEach(e=>{e.merchantName&&(t[e.site]||(t[e.site]=[]),t[e.site].includes(e.merchantName)||t[e.site].push(e.merchantName))}),t})(e.filter(e=>e.merchantName)),r=await(async(e,t)=>{const a={};return await Promise.allSettled(Object.entries(t).map(async([t,r])=>{const n=await e({site:t,retailerCategory:r.map(s.d).join(","),fields:"thumbnail,articlevoucherretailercategory",length:r.length});a[t]=n.reduce((e,t)=>(e[t.articlevoucherretailercategory?.toLowerCase()??""]=t.thumbnail,e),{})})),a})(t,a);return e.map(e=>{if(!e.merchantName||!r[e.site])return e;const t=r[e.site][e.merchantName.toLowerCase()];return t?(e.image={src:t,alt:`the ${e.merchantName} logo`},e):e})},d=async e=>{const t=await(0,l.hm)(e,void 0,{Authorization:`Bearer ${(0,n.R)(n.$.KIOSQ)}`});if(t.ok)return i(t.data.data)}},4293(e,t,a){a.d(t,{A:()=>s});var r=a(5378);const s=e=>{const t=r.A.find(t=>t.type===e);if(!t)throw new Error(`Widget type ${e} not found in widgetConfigs`);return t}},5518(e,t,a){a.d(t,{y:()=>l});var r=a(4625),s=a(3616),n=a(5557);const l=e=>{if(!n.b&&!(0,r.x)()&&!document.getElementById(`hawkStyles-${e}`)){const t=document.createElement("link");t.rel="stylesheet",t.type="text/css",t.id=`hawkStyles-${e}`,t.href=`${(0,s.q)()}/css/browser/master-6d42e8e5/${e}.min.css`,document.head.appendChild(t)}}}}]);
2//# sourceMappingURL=userrewards.js.map