https://thesim.com/_next/static/chunks/pages/merchant-offers-d485667034686a3c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8403],{75254:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/merchant-offers",function(){return a(74265)}])},28761:function(e,t,a){"use strict";var n=a(85893),s=a(73583),i=a(67294);a(41664);var r=a(78611),l=a(16237),o=a(93967),d=a.n(o),c=a(94904);t.Z=()=>{let{setMenuShow:e}=(0,i.useContext)(r.Z),t=(0,c.PN)(),a=e=>{t({event:"Click-ApplyNow",ClickID:e})};return(0,n.jsxs)("div",{className:"MobileMenuBar-container !gap-x-2 md:!gap-x-6",children:[(0,n.jsx)("div",{className:"MobileMenuBtn ci-menu ml-4 h-3 w-5 text-white",onClick:()=>{e(!0)}}),(0,n.jsx)(l.Z,{href:"/application",className:"flex grow justify-center",children:(0,n.jsxs)("div",{className:d()("Button yellowGradient animate yellowAnimation flex-1 !px-4 text-center text-base font-bold md:!px-8"),onClick:()=>a("header-cta-application"),children:[(0,n.jsx)("span",{className:"text whitespace-nowrap",children:s.ZP.t("components.Header.apply")}),(0,n.jsxs)("span",{className:"bg",children:[(0,n.jsx)("span",{}),(0,n.jsx)("span",{})]})]})})]})}},15381:function(e,t,a){"use strict";let n=(0,a(67294).createContext)({});t.Z=n},74265:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return M},default:function(){return N}});var n=a(85893),s=a(9008),i=a.n(s),r=a(64954),l=a(67294),o=a(16237),d=e=>{let{yearRoundMerchantOfferData:t}=e;return(0,n.jsxs)("div",{className:"h-[230px] relative flex justify-between overflow-hidden md:overflow-visible",children:[(0,n.jsxs)("div",{className:"  z-10 font-poppins text-white flex flex-col justify-between",children:[(0,n.jsx)("div",{className:" relative   text-3xl  font-bold  leading-[56px]  md:text-5xl whitespace-pre-line ",children:(0,n.jsx)("div",{className:"whitespace-pre-line",dangerouslySetInnerHTML:{__html:t.title.replace(/\n/g,"<br />")}})}),(0,n.jsx)("div",{className:" text-base  font-normal  leading-normal  md:py-8 ",children:t.subTitle}),(0,n.jsx)(o.Z,{href:t.ctaButtonLink,className:" Button  bg-yellow font-semibold text-black mt-4 w-fit",children:t.ctaButtonText})]}),(0,n.jsx)("img",{alt:"",className:" scale-80 absolute  bottom-[-40px] right-[-46px] transform  opacity-40 md:min-h-[310px] md:relative md:right-0 md:bottom-0 md:scale-100  md:opacity-100",src:t.titleRightImage.data.attributes.url})]})},c=e=>{var t,a;let{id:s,cardImage:i,title:r,caption:l,onClick:o}=e;return(0,n.jsxs)("div",{className:"card",onClick:()=>{o(s)},children:[(0,n.jsx)("div",{className:"bg2"}),(0,n.jsx)("div",{className:"bg1"}),(0,n.jsxs)("div",{className:"content-wrapper",children:[(0,n.jsx)("div",{className:"icon",children:(0,n.jsx)("img",{src:null==i?void 0:null===(a=i.data)||void 0===a?void 0:null===(t=a.attributes)||void 0===t?void 0:t.url})}),(0,n.jsx)("div",{className:"title",children:r}),(0,n.jsx)("div",{className:"content",children:l})]})]})},u=a(11163),m=a(93967),f=a.n(m),x=a(73583),p=e=>{let{offerList:t}=e,a=(0,u.useRouter)(),s=[...new Set(t.map(e=>e.attributes.status))],[i,r]=(0,l.useState)([...s]),[o,d]=(0,l.useState)("");(0,l.useEffect)(()=>{var e;let a=new Set(t.map(e=>e.attributes.status)),n=[];a&&1===a.size&&a.has(null)||(n=[x.ZP.t("offers.all"),...a]);let s=null!==(e=n[0])&&void 0!==e?e:x.ZP.t("offers.all");r(n),d(s)},[t,x.ZP.t("offers.all")]);let m=(0,l.useMemo)(()=>o===x.ZP.t("offers.all")?t:t.filter(e=>e.attributes.status===o),[o]),p=e=>{a.push("/merchant-offers/".concat(e))};return(0,n.jsxs)("div",{className:"offer-listing",children:[(0,n.jsx)("div",{className:"flex w-full flex-wrap pb-10 pt-10",children:i.map((e,t)=>(0,n.jsxs)("button",{onClick:()=>d(e),className:f()("button relative flex flex-col items-center px-4 text-base text-white opacity-70",{"opacity-100":o===e}),children:[e,(0,n.jsx)("span",{className:f()({hidden:o!==e},"block h-3 w-3 rounded-full bg-yellow")})]},t))}),(0,n.jsx)("div",{className:"offer-card-container",children:m.map(e=>(0,n.jsx)(c,{onClick:p,id:e.id,...e.attributes},e.id))})]})},h=(0,l.memo)(e=>{let{serverApiData:t}=e;return(0,n.jsxs)("div",{className:"year-round-merchant-offers__page",children:[(0,n.jsx)(d,{yearRoundMerchantOfferData:t.yearRoundMerchantOffer.data.attributes}),(0,n.jsx)(p,{offerList:t.yearRoundMerchantOfferList.data})]})}),v=a(28761),j=a(94904),b=a(78611),y=a(15381),w=a(19402),M=!0;function N(e){var t,a,s,o,d,c,u,m,f,x,p;let{globalApiData:M,apiData:N}=e,{globalApiData:g,setPageHeaderTitle:R}=(0,l.useContext)(b.Z);return Object.entries(g.value).length||(g.value=M),(0,l.useEffect)(()=>{var e;R(null===(e=N.yearRoundMerchantOffer)||void 0===e?void 0:e.data.attributes.seoModule.metaTitle)},[N]),(0,n.jsx)(j.f_,{state:{id:"GTM-WKJZG7P"},children:(0,n.jsx)(y.Z.Provider,{value:{apiData:N},children:(0,n.jsxs)("div",{children:[(0,n.jsxs)(i(),{children:[(0,n.jsx)("title",{children:null==N?void 0:null===(t=N.yearRoundMerchantOffer)||void 0===t?void 0:t.data.attributes.seoModule.metaTitle}),(0,n.jsx)("meta",{charset:"utf-8"}),(0,n.jsx)("meta",{name:"description",content:null===(a=N.yearRoundMerchantOffer)||void 0===a?void 0:a.data.attributes.seoModule.metaDescription}),(0,n.jsx)("meta",{name:"keywords",content:"sim, Credit Card, Mastercard\xae, Simple. Instant, Cash, Rebate, Redemption, Airpods, Apple, 信用卡, 批核,現金, 回贈, online application, 網上申請"}),(0,n.jsx)("meta",{property:"og:title",content:null===(s=N.yearRoundMerchantOffer)||void 0===s?void 0:s.data.attributes.seoModule.metaTitle}),(0,n.jsx)("meta",{property:"og:description",content:null===(o=N.yearRoundMerchantOffer)||void 0===o?void 0:o.data.attributes.seoModule.metaDescription}),(0,n.jsx)("meta",{property:"og:image",content:null===(d=N.yearRoundMerchantOffer)||void 0===d?void 0:d.data.attributes.seoModule.metaImage.data.attributes.url}),(0,n.jsx)("meta",{property:"og:type",content:"website"}),(0,n.jsx)("meta",{property:"og:url",content:null===(c=N.yearRoundMerchantOffer)||void 0===c?void 0:c.data.attributes.seoModule.canonicalURL}),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{name:"twitter:site",content:null===(u=N.yearRoundMerchantOffer)||void 0===u?void 0:u.data.attributes.seoModule.canonicalURL}),(0,n.jsx)("meta",{name:"twitter:title",content:null===(m=N.yearRoundMerchantOffer)||void 0===m?void 0:m.data.attributes.seoModule.metaTitle}),(0,n.jsx)("meta",{name:"twitter:description",content:null===(f=N.yearRoundMerchantOffer)||void 0===f?void 0:f.data.attributes.seoModule.metaDescription}),(0,n.jsx)("meta",{name:"twitter:image",content:null===(x=N.yearRoundMerchantOffer)||void 0===x?void 0:x.data.attributes.seoModule.metaImage.data.attributes.url}),(0,n.jsx)("link",{rel:"canonical",href:null===(p=N.yearRoundMerchantOffer)||void 0===p?void 0:p.data.attributes.seoModule.canonicalURL})]}),(0,n.jsx)(r.Z,{}),(0,n.jsx)(h,{serverApiData:N}),(0,n.jsx)(w.Z,{}),(0,n.jsx)(v.Z,{})]})})})}}},function(e){e.O(0,[3662,685,8542,2888,9774,179],function(){return e(e.s=75254)}),_N_E=e.O()}]);