(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5061,8151],{24654:function(){},44813:function(e,t,s){"use strict";function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n])}return e}).apply(this,arguments)}s.r(t),s.d(t,{default:function(){return o}});var a=s(2265),r=s(40923);function o(e){let{locale:t,...s}=e;if(!t)throw Error("Failed to determine locale in `NextIntlClientProvider`, please provide the `locale` prop explicitly.\n\nSee https://next-intl-docs.vercel.app/docs/configuration#locale");return a.createElement(r.IntlProvider,n({locale:t},s))}},11886:function(e,t,s){Promise.resolve().then(s.t.bind(s,40734,23)),Promise.resolve().then(s.t.bind(s,34244,23)),Promise.resolve().then(s.t.bind(s,24929,23)),Promise.resolve().then(s.bind(s,44813)),Promise.resolve().then(s.t.bind(s,81749,23)),Promise.resolve().then(s.bind(s,16005)),Promise.resolve().then(s.bind(s,4797)),Promise.resolve().then(s.bind(s,38118)),Promise.resolve().then(s.bind(s,99123)),Promise.resolve().then(s.bind(s,22754)),Promise.resolve().then(s.bind(s,95447)),Promise.resolve().then(s.bind(s,65516)),Promise.resolve().then(s.bind(s,8151))},78919:function(e,t,s){"use strict";s.d(t,{FN:function(){return N},Q8:function(){return j},Sk:function(){return p},Vk:function(){return C},Z:function(){return x},bC:function(){return g},eM:function(){return v},jX:function(){return w},l2:function(){return S},lV:function(){return y},xA:function(){return k},xz:function(){return b},zF:function(){return _}});var n=s(92173),a=s(76548),r=s.n(a);let o=null,i=null;o="https://data.hkeid.com",i="https://hkeid.com/api";let l=async()=>{let e=(await n.Z.get(i+"/config/credential")).data;return Promise.resolve((await n.Z.get(o+"/members/oauth_secret",{params:{clientId:e}})).data)},c=async(e,t)=>Promise.resolve((await n.Z.get(o+"/auth/authorize",{params:{client_id:e,state:t,response_type:"code",redirectUri:["http://localhost:3001/hkeid"]}})).data),u=async(e,t)=>{let s={client_id:t.clientId,client_secret:t.clientSecret,grant_type:"authorization_code",code:e};return Promise.resolve((await n.Z.post(o+"/auth/token",r().stringify(s),{headers:{"Content-Type":"application/x-www-form-urlencoded"}})).data)},d=async(e,t)=>{let s={client_id:t.clientId,client_secret:t.clientSecret,grant_type:"refresh_token",refresh_token:e||"hkeid_client"};return Promise.resolve((await n.Z.post(o+"/auth/token",r().stringify(s),{headers:{"Content-Type":"application/x-www-form-urlencoded"}})).data)},h=async()=>{let e=await l(),t=null;if(!sessionStorage.getItem("oauth_token")){let s=(await c(e.clientId,e.clientSecret)).authorizationCode;t=await u(s,e),sessionStorage.setItem("oauth_token",t.accessToken),sessionStorage.setItem("refresh_token",t.refreshToken)}},m=async()=>{let e=await l(),t=await d(sessionStorage.getItem("refresh_token"),e);sessionStorage.setItem("oauth_token",t.accessToken),sessionStorage.setItem("refresh_token",t.refreshToken)},f=()=>{sessionStorage.removeItem("oauth_token"),sessionStorage.removeItem("refresh_token")},g=async(e,t)=>{let s={};return void 0!==t&&(s={params:t}),Promise.resolve((await n.Z.get(o+e,s)).data)},p=async(e,t)=>{try{let s=(await n.Z.post(o+e,t)).data;return Promise.resolve(s)}catch(e){return Promise.reject(e.response.data)}},v=async(e,t)=>{let s={};return void 0!==t&&(s={params:t}),Promise.resolve((await n.Z.get(i+e,s)).data)},_=async(e,t)=>Promise.resolve((await n.Z.post(i+e,t)).data),j=async(e,t)=>Promise.resolve((await n.Z.patch(i+e,t)).data),x=async(e,t)=>{let s={},a=()=>void 0!==t?{params:t,...s}:s;try{await h(),sessionStorage.getItem("oauth_token")&&(s={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}});let t=(await n.Z.get(o+e,a(s))).data;return Promise.resolve(t)}catch(r){if(502!==r.response.status)try{await m(),s={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}};let t=(await n.Z.get(o+e,a(s))).data;return Promise.resolve(t)}catch(s){if(502!==s.response.status)return f(),x(e,t)}}},y=async(e,t)=>{let s={};try{await h(),sessionStorage.getItem("oauth_token")&&(s={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}});let a=(await n.Z.post(o+e,t,s)).data;return Promise.resolve(a)}catch(a){if(502===a.response.status)return Promise.reject(a.response.data);try{await m(),s={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}};let a=(await n.Z.post(o+e,t,s)).data;return Promise.resolve(a)}catch(s){if(502!==s.response.status)return f(),y(e,t)}}},b=async(e,t)=>{let s={headers:{"content-type":"multipart/form-data"}};try{await h(),sessionStorage.getItem("oauth_token")&&(s.headers.Authorization="Bearer "+sessionStorage.getItem("oauth_token"));let a=(await n.Z.post(o+e,t,s)).data;return Promise.resolve(a)}catch(a){if(502===a.response.status)return Promise.reject(a.response.data);try{await m(),s={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}};let a=(await n.Z.post(o+e,t,s)).data;return Promise.resolve(a)}catch(s){if(502!==s.response.status)return f(),b(e,t)}}},S=async(e,t)=>{let s={};try{await h(),sessionStorage.getItem("oauth_token")&&(s={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}});let a=(await n.Z.patch(o+e,t,s)).data;return Promise.resolve(a)}catch(a){if(502!==a.response.status){if(403!==a.response.status)return Promise.reject(a.response.data);try{await m(),s={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}};let a=(await n.Z.patch(o+e,t,s)).data;return Promise.resolve(a)}catch(s){if(502!==s.response.status)return f(),S(e,t)}}}},C=async e=>{let t={};try{await h(),sessionStorage.getItem("oauth_token")&&(t={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}});let s=(await n.Z.delete(o+e,t)).data;return Promise.resolve(s)}catch(s){if(502!==s.response.status)try{await m(),t={headers:{Authorization:"Bearer "+sessionStorage.getItem("oauth_token")}};let s=(await n.Z.delete(o+e,t)).data;return Promise.resolve(s)}catch(t){if(502!==t.response.status)return f(),C(e)}}},k=async(e,t)=>Promise.resolve((await n.Z.get(e,t)).data),w=async(e,t)=>n.Z.post(o+e,t,{headers:{"content-type":"multipart/form-data"}}).then(e=>Promise.resolve(e.data)),N=async e=>n.Z.delete(o+e).then(e=>Promise.resolve(e.data))},43780:function(e,t,s){"use strict";s.d(t,{G:function(){return i},Sk:function(){return m},Sn:function(){return c},Xi:function(){return o},_r:function(){return d},kQ:function(){return l},mY:function(){return h},sc:function(){return u}});var n=s(94660),a=s(78919),r=s(74810);let o=(0,n.Ue)(e=>({lang:"en",setLang:t=>e(e=>({lang:t}))})),i=(0,n.Ue)(e=>({isLogined:!1,setIsLogined:t=>e(e=>({isLogined:t})),fetchIsLogined:async()=>{let t=await (0,a.eM)("/dataplatform/is-logined");return e({isLogined:t}),Promise.resolve(t)}}));(0,n.Ue)(e=>({searchResults:[],setSearchResults:t=>e(e=>({searchResults:t}))})),(0,n.Ue)(e=>({searchResults:[],setSearchResults:t=>e(e=>({searchResults:t}))}));let l=(0,n.Ue)(e=>({show:!1,hide:!0,showWheel:()=>e(e=>({show:!0,hide:!1})),hideWheel:()=>e(e=>({show:!1,hide:!0}))})),c=(0,n.Ue)(e=>({submenuTag:"shopping",setSubMenuTag:t=>e(e=>({submenuTag:t}))})),u=(0,n.Ue)(e=>({imgFile:null,setImgFile:t=>e(e=>({imgFile:t}))})),d=(0,n.Ue)(e=>({activeIcons:[],inactiveIcons:[],socialMedia:null,setActiveIcons:t=>e(e=>({activeIcons:t})),setInactiveIcons:t=>e(e=>({inactiveIcons:t})),setSocialMedia:t=>e(e=>({socialMedia:t}))})),h=(0,n.Ue)((e,t)=>({selected:[],doSelect:s=>e(e=>t().selected.indexOf(s)>-1?{selected:t().selected.filter(e=>e!==s)}:{selected:[...t().selected,s]}),clearSelected:()=>e(e=>({selected:[]}))})),m=(0,n.Ue)((0,r.tJ)((e,t)=>({authorized:!1,setAuthorized:t=>e(e=>({authorized:t}))}),{name:"hkeid-admin-auth",storage:(0,r.FL)(()=>sessionStorage)}))},24930:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o}});let n=s(21024);s(2265);let a=n._(s(84795));function r(e){return{default:(null==e?void 0:e.default)||e}}function o(e,t){let s=a.default,n={loading:e=>{let{error:t,isLoading:s,pastDelay:n}=e;return null}};"function"==typeof e&&(n.loader=e),Object.assign(n,t);let o=n.loader;return s({...n,loader:()=>null!=o?o().then(r):Promise.resolve(r(()=>null))})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},16005:function(e,t,s){"use strict";function n(e){let{children:t}=e;return t}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"NoSSR",{enumerable:!0,get:function(){return n}}),s(46491)},84795:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r}});let n=s(21024)._(s(2265)),a=s(16005),r=function(e){let t=Object.assign({loader:null,loading:null,ssr:!0},e);function s(e){let s=t.loading,r=n.default.createElement(s,{isLoading:!0,pastDelay:!0,error:null}),o=t.ssr?n.default.Fragment:a.NoSSR,i=t.lazy;return n.default.createElement(n.default.Suspense,{fallback:r},n.default.createElement(o,null,n.default.createElement(i,e)))}return t.lazy=n.default.lazy(t.loader),s.displayName="LoadableComponent",s}},46993:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"RouterContext",{enumerable:!0,get:function(){return n}});let n=s(21024)._(s(2265)).default.createContext(null)},4797:function(e,t,s){"use strict";s.r(t);var n=s(57437),a=s(24930),r=s.n(a),o=s(78919),i=s(2265),l=s(24033),c=s(16691),u=s.n(c),d=s(43780),h=s(50116);s(92080);let m=r()(()=>Promise.all([s.e(9263),s.e(4255)]).then(s.bind(s,64150)),{loadableGenerated:{webpack:()=>[64150]}}),f=async()=>{let e=[];return(await (0,o.bC)("/wc/card_carousel")).map(t=>{if(t){let s={img:t.img,url:t.link};e.push(s)}}),Promise.resolve(e.filter((e,t)=>1!==t))},g=e=>(0,n.jsx)("div",{className:"pic_holder",children:(0,n.jsx)(u(),{src:e.img,objectFit:"contain",loading:"lazy",blurDataURL:"test",layout:"fill"})});t.default=e=>{let[t,s]=(0,i.useState)([]),[a,r]=(0,i.useState)(0),[o,c]=(0,i.useState)(!1),u=(0,d.Xi)(e=>e.lang),p=(0,l.useRouter)(),v=(0,h.useTranslations)();(0,i.useEffect)(()=>{f().then(e=>{s(e),c(!0)})},[s,c]);let _=(0,i.useCallback)(()=>{let e=t[a].url;p.push(e)},[t]);return o?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{onClick:e=>_(),className:"_top",children:[(0,n.jsx)("img",{src:"/circle_play.png"}),(0,n.jsx)("div",{className:"_title _".concat(u,"_title"),children:v("Buy Now")})]}),(0,n.jsx)("div",{className:"_lower",children:(0,n.jsx)(m,{autoplay:!0,afterChange:e=>{r(e)},arrowAft:void 0!==e.noArrow?null:(0,n.jsx)("div",{className:"_circle",children:(0,n.jsx)("img",{src:"/arrow_right.png"})}),children:t.map((e,t)=>(0,n.jsx)(g,{idx:t,img:e.img}))})})]}):null}},38118:function(e,t,s){"use strict";s.r(t);var n=s(57437),a=s(24930),r=s.n(a),o=s(2265),i=s(80504),l=s(72759);s(7756);let c=r()(()=>Promise.all([s.e(9263),s.e(4255)]).then(s.bind(s,64150)),{loadableGenerated:{webpack:()=>[64150]}}),u=[{customer:"WillYouth",content:"Easy to use and good operating system and customer service"},{customer:"Mr Ho",content:"The card is detailed and has a lot of content \uD83D\uDC4D"},{customer:"Precious Photobooth",content:"Zhang Card is easy to use, environmentally friendly and convenient\uD83D\uDC4D\uD83D\uDC4D\uD83D\uDC4D"},{customer:"Miss Tam",content:"The EiD NFC name card is fantastic, and the platform is incredibly user-friendly! I love this products!"},{customer:"Chan Kathy",content:"Easy to use and good operating system and customer service"}],d=e=>(0,n.jsxs)("div",{className:"feedback_instance",children:[(0,n.jsx)("div",{className:"_name",children:e.customer}),(0,n.jsx)("div",{children:e.content})]});t.default=e=>((0,o.useRef)(),(0,n.jsxs)("div",{className:"_customers_feedback",children:[(0,n.jsxs)("div",{className:"_header",children:[(0,n.jsx)("div",{children:"Customers'"}),(0,n.jsx)("div",{children:"Feedback"})]}),(0,n.jsx)("div",{className:"_feedback",children:(0,n.jsx)(c,{arrowPrev:(0,n.jsx)("span",{className:"arrow_left",children:(0,n.jsx)(i.G,{icon:l.Uu6})}),slidesToShow:3,arrowAft:(0,n.jsx)("span",{className:"arrow_right",children:(0,n.jsx)(i.G,{icon:l.I4f})}),children:u.map(e=>(0,n.jsx)(d,{...e}))})})]}))},99123:function(e,t,s){"use strict";s.r(t);var n=s(57437),a=s(50116);s(8926);let r=()=>{let e=(0,a.useTranslations)();return(0,n.jsxs)("div",{className:"_why_use_eid",children:[(0,n.jsx)("div",{className:"_title",children:e("Why use EiD?")}),(0,n.jsxs)("div",{className:"_bottom",children:[(0,n.jsx)("div",{className:"_img_holder",children:(0,n.jsx)("img",{src:"/mountain_triangle.png"})}),(0,n.jsxs)("div",{className:"_caption",children:[(0,n.jsx)("div",{children:e("Start using")}),(0,n.jsx)("div",{children:e("EiD Cards")})]})]})]})};t.default=e=>((0,a.useTranslations)(),(0,n.jsxs)("div",{className:"_main_esg",children:[(0,n.jsxs)("div",{className:"_row_one",children:[(0,n.jsx)(r,{}),(0,n.jsx)("div",{className:"_vertical_connector"})]}),(0,n.jsxs)("div",{className:"_forest_holder",children:[(0,n.jsxs)("div",{className:"_forest_one",children:[(0,n.jsx)("div",{className:"_slogan_holder",children:(0,n.jsxs)("div",{className:"_slogan",children:[(0,n.jsx)("div",{children:"Your BEST"}),(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:"green",children:"ESG"})," Solution"]})]})}),(0,n.jsx)("span",{className:"_tree",children:(0,n.jsx)("img",{src:"/tree.png"})})]}),(0,n.jsxs)("div",{className:"_forest_box",children:[(0,n.jsxs)("div",{className:"_caption",children:[(0,n.jsx)("div",{children:"1 Tree = 10000 Cards + 6700 Sheets"}),(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{children:"1 Tree "}),"= materials for 10 business person use in 1 year"]})]}),(0,n.jsx)("div",{className:"_10_to_1",children:(0,n.jsx)("img",{src:"10_to_1.png"})})]})]})]}))},22754:function(e,t,s){"use strict";s.r(t);var n=s(57437);s(48827),t.default=()=>(0,n.jsxs)("div",{className:"_movie_holder",children:[(0,n.jsx)("img",{src:"/phone_outline.png"}),(0,n.jsx)("div",{className:"_movie_main",children:(0,n.jsx)("responsive-video-background",{class:"_top_mov",mp4:"https://data.hkeid.com/diyassets/hkeid-top.mov",children:(0,n.jsx)("span",{})})})]})},95447:function(e,t,s){"use strict";s.r(t);var n=s(57437),a=s(24930),r=s.n(a),o=s(78919),i=s(50116),l=s(43780),c=s(2265);s(85503);let u=r()(()=>Promise.all([s.e(9263),s.e(4255)]).then(s.bind(s,64150)),{loadableGenerated:{webpack:()=>[64150]}}),d=r()(()=>s.e(3655).then(s.bind(s,93655)).then(e=>e.Interweave),{loadableGenerated:{webpack:()=>[93655]}}),h=async e=>Promise.resolve(await (0,o.eM)("/shopping/purchase-steps/",{lang:e})),m=e=>(0,n.jsxs)("div",{className:"_slide",children:[(0,n.jsx)("img",{src:"Buying-Steps-Blank_"+(e.idx+1)+".png"}),(0,n.jsx)("div",{className:"_caption",children:(0,n.jsx)(d,{content:e.content})})]});t.default=()=>{let[e,t]=(0,c.useState)([]),[s,a]=(0,c.useState)(1),[r,d]=(0,l.Xi)(e=>[e.lang,e.setLang]),f=(0,i.useTranslations)();return(0,c.useEffect)(()=>{(async()=>{let e=await (0,o.eM)("/config/current-lang");t(await h(e))})()},[t]),(0,n.jsx)(c.Suspense,{fallback:"",children:(0,n.jsxs)("div",{className:"_inter_buying",children:[(0,n.jsxs)("div",{className:"_head_box",children:[(0,n.jsx)("div",{className:"".concat(r,"_title _title"),children:f("輕鬆5步曲")}),(0,n.jsx)("div",{className:"".concat(r,"_title _title"),children:s+"/5"})]}),(0,n.jsxs)(u,{afterChange:e=>a(e+1),arrowPrev:(0,n.jsx)("span",{className:"arrow_left",children:(0,n.jsx)("img",{src:"/greyarrow.png"})}),arrowAft:(0,n.jsx)("span",{className:"arrow_right",children:(0,n.jsx)("img",{src:"/greyarrow.png"})}),children:[(0,n.jsx)(m,{idx:0,content:e[0]}),(0,n.jsx)(m,{idx:1,content:e[1]}),(0,n.jsx)(m,{idx:2,content:e[2]}),(0,n.jsx)(m,{idx:3,content:e[3]}),(0,n.jsx)(m,{idx:4,content:e[4]})]})]})})}},65516:function(e,t,s){"use strict";s.r(t);var n=s(57437),a=s(80504),r=s(72759),o=s(2265),i=s(50116),l=s(78919),c=s(43780);let u=async()=>Promise.resolve(await (0,l.eM)("/config/about-us"));t.default=e=>{let[t,s]=(0,o.useState)([]);(0,i.useTranslations)();let d=(0,c.Xi)(e=>e.lang),[h,m]=(0,o.useState)(!1);return((0,o.useEffect)(()=>{(async()=>{let e=await u();await (0,l.eM)("/config/current-lang"),s(e.selling_points),m(!0)})()},[s,m]),h)?(0,n.jsx)("ul",{className:"".concat(d,"_selling_points"),children:t.map(e=>(0,n.jsxs)("li",{children:[(0,n.jsx)("span",{children:(0,n.jsx)(a.G,{icon:r.qtD})}),(0,n.jsx)("div",{children:e[d]})]}))}):null}},8151:function(e,t,s){"use strict";s.r(t);var n=s(57437),a=s(24930),r=s.n(a),o=s(2265);s(78919);var i=s(43780),l=s(24033),c=s(50116);s(41145),s(22964),s(69400);let u=r()(()=>s.e(890).then(s.bind(s,890)),{loadableGenerated:{webpack:()=>[890]}}),d=e=>{let t=(0,c.useTranslations)();return(0,n.jsxs)("div",{className:"category_choice",children:[(0,n.jsx)("div",{className:"_title",children:t(e.title)}),e.children]})},h=e=>{let t=(0,c.useTranslations)(),[s,a]=(0,i.Xi)(e=>[e.lang,e.setLang]);return(0,n.jsxs)("div",{className:"_material_chooser",children:[(0,n.jsxs)("div",{className:"_searcher",children:[(0,n.jsx)("div",{className:"_search_bar",children:(0,n.jsx)("input",{type:"text",onChange:t=>e.setQuery(t.target.value)})}),(0,n.jsx)("div",{onClick:t=>e.handleSearch(),className:"_mag",children:(0,n.jsx)("img",{src:"/magnifier.png"})})]}),(0,n.jsxs)("div",{className:"_materials",children:[(0,n.jsx)("div",{className:"_title ".concat(s,"_title"),children:t("Materials")}),(0,n.jsxs)("div",{className:"_container",children:[(0,n.jsxs)("div",{className:"_left",children:[(0,n.jsx)("div",{className:"choice ".concat(s,"_choice"),children:(0,n.jsx)(u,{checked:"pvc"==e.materialChosen,onCheck:t=>e.handleMaterialSelect("pvc"),children:"PVC"})}),(0,n.jsx)("div",{className:"choice ".concat(s,"_choice"),children:(0,n.jsx)(u,{checked:"wood"==e.materialChosen,onCheck:t=>e.handleMaterialSelect("wood"),children:t("Wood")})}),(0,n.jsx)("div",{className:"choice ".concat(s,"_choice"),children:(0,n.jsxs)(u,{checked:"paper"==e.materialChosen,onCheck:e=>null,children:[t("Paper")," ",(0,n.jsx)("span",{className:"badge",children:t("Soon")})]})})]}),(0,n.jsxs)("div",{className:"_right",children:[(0,n.jsx)("div",{className:"choice ".concat(s,"_choice"),children:(0,n.jsx)(u,{checked:"leather"==e.materialChosen,onCheck:t=>e.handleMaterialSelect("leather"),children:t("Leather")})}),(0,n.jsx)("div",{className:"choice ".concat(s,"_choice"),children:(0,n.jsx)(u,{checked:"metal"==e.materialChosen,onCheck:t=>e.handleMaterialSelect("metal"),children:t("Metal")})})]})]})]}),(0,n.jsxs)("div",{className:"_color",children:[(0,n.jsx)("div",{className:"_title ".concat(s,"_title"),children:t("Colors")}),(0,n.jsxs)("div",{className:"_color_choices",children:[(0,n.jsx)("span",{className:"_circle",onClick:t=>e.handleColorSelect("black"),style:{backgroundColor:"#1B1211"}}),(0,n.jsx)("span",{className:"_circle",onClick:t=>e.handleColorSelect("white"),style:{backgroundColor:"#FFFFFF"}}),(0,n.jsx)("span",{className:"_circle",onClick:t=>e.handleColorSelect("red"),style:{backgroundColor:"#DC0011"}}),(0,n.jsx)("span",{className:"_circle",onClick:t=>e.handleColorSelect("pink"),style:{backgroundColor:"#DA006C"}})]}),(0,n.jsxs)("div",{className:"_color_choices",children:[(0,n.jsx)("span",{className:"_circle",onClick:t=>e.handleColorSelect("orange"),style:{backgroundColor:"#F5A923"}}),(0,n.jsx)("span",{className:"_circle",onClick:t=>e.handleColorSelect("yellow"),style:{backgroundColor:"#FFF109"}}),(0,n.jsx)("span",{className:"_circle",onClick:t=>e.handleColorSelect("green"),style:{backgroundColor:"#22A12B"}}),(0,n.jsx)("span",{className:"_circle",onClick:t=>e.handleColorSelect("blue"),style:{backgroundColor:"#0D58A9"}})]})]}),(0,n.jsx)("div",{className:"_following",children:(0,n.jsx)("div",{className:"_title ".concat(s,"_title"),children:t("Start using EiD Cards")})})]})},m=e=>{let t=(0,c.useTranslations)();return(0,n.jsx)("div",{className:"_online_shop_control",children:(0,n.jsxs)("div",{className:"_online_shop_left",children:[(0,n.jsxs)("div",{className:"_search_holder",children:[(0,n.jsx)("div",{className:"_searcher",children:(0,n.jsx)("input",{type:"text",onChange:t=>e.setQuery(t.target.value)})}),(0,n.jsx)("div",{onClick:t=>e.handleSearch(e.query),className:"_mag",children:(0,n.jsx)("img",{src:"/magnifier.png"})})]}),(0,n.jsxs)(d,{title:"Category",children:[(0,n.jsx)(u,{checked:"name card"==e.categoryChosen,onCheck:t=>e.triggerCategorySearch("name card"),children:t("EiD NFC Name Card")}),(0,n.jsx)(u,{checked:"accessories"==e.categoryChosen,onCheck:t=>e.triggerCategorySearch("accessories"),children:t("EiD NFC Accessories")})]}),(0,n.jsxs)(d,{title:"Material",children:[(0,n.jsx)(u,{checked:"pvc"==e.materialChosen,onCheck:t=>e.handleMaterialSelect("pvc"),children:t("PVC")}),(0,n.jsx)(u,{checked:"wood"==e.materialChosen,onCheck:t=>e.handleMaterialSelect("wood"),children:t("Wood")}),(0,n.jsx)(u,{checked:"leather"==e.materialChosen,onCheck:t=>e.handleMaterialSelect("leather"),children:t("Leather")}),(0,n.jsx)(u,{checked:"metal"==e.materialChosen,onCheck:t=>e.handleMaterialSelect("metal"),children:t("Metal")}),(0,n.jsxs)(u,{checked:"paper"==e.materialChosen,onCheck:e=>null,children:[t("Paper")," ",(0,n.jsx)("span",{className:"badge",children:t("Soon")})]})]})]})})};t.default=e=>{let[t,s]=(0,o.useState)(0),[a,r]=(0,o.useState)(null),[i,c]=(0,o.useState)(null),[u,d]=(0,o.useState)(null),f=(0,l.useRouter)(),g=(0,o.useCallback)(t=>{s(t),f.push("/products/search?q="+t+"&page=1&perPage=10"),(null==e?void 0:e.closeMenu)&&e.closeMenu()},[s,e.closeMenu]),p=(0,o.useCallback)(t=>{r(t),f.push("/products/search?material="+t+"&page=1&perPage=10"),(null==e?void 0:e.closeMenu)&&e.closeMenu()},[a,r,e.closeMenu]),v=(0,o.useCallback)(t=>{f.push("/products/search?color="+t+"&page=1&perPage=10"),(null==e?void 0:e.closeMenu)&&e.closeMenu()},[i,c,e.closeMenu]),_=(0,o.useCallback)(()=>{f.push("/products/search?q="+u+"&page=1&perPage=10"),(null==e?void 0:e.closeMenu)&&e.closeMenu()},[u,e.closeMenu]);return void 0!==e.materialChooser?(0,n.jsx)(h,{categoryChosen:t,setCategoryChosen:s,materialChosen:a,setMaterialChosen:r,setColorChosen:c,handleMaterialSelect:p,handleColorSelect:v,triggerCategorySearch:g,query:u,setQuery:d,handleSearch:_}):(0,n.jsx)(m,{categoryChosen:t,setCategoryChosen:s,materialChosen:a,setMaterialChosen:r,setColorChosen:c,handleMaterialSelect:p,handleColorSelect:v,triggerCategorySearch:g,query:u,setQuery:d,handleSearch:_})}},24929:function(){},34244:function(){},40734:function(){},92080:function(){},7756:function(){},8926:function(){},22964:function(){},69400:function(){},41145:function(){},85503:function(){},30622:function(e,t,s){"use strict";var n=s(2265),a=Symbol.for("react.element"),r=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,s){var n,r={},c=null,u=null;for(n in void 0!==s&&(c=""+s),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)o.call(t,n)&&!l.hasOwnProperty(n)&&(r[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===r[n]&&(r[n]=t[n]);return{$$typeof:a,type:e,key:c,ref:u,props:r,_owner:i.current}}t.Fragment=r,t.jsx=c,t.jsxs=c},57437:function(e,t,s){"use strict";e.exports=s(30622)},24033:function(e,t,s){e.exports=s(15313)},81853:function(e,t,s){"use strict";/**
 * @license React
 * use-sync-external-store-shim.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var n=s(2265),a="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},r=n.useState,o=n.useEffect,i=n.useLayoutEffect,l=n.useDebugValue;function c(e){var t=e.getSnapshot;e=e.value;try{var s=t();return!a(e,s)}catch(e){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var s=t(),n=r({inst:{value:s,getSnapshot:t}}),a=n[0].inst,u=n[1];return i(function(){a.value=s,a.getSnapshot=t,c(a)&&u({inst:a})},[e,s,t]),o(function(){return c(a)&&u({inst:a}),e(function(){c(a)&&u({inst:a})})},[e]),l(s),s};t.useSyncExternalStore=void 0!==n.useSyncExternalStore?n.useSyncExternalStore:u},78704:function(e,t,s){"use strict";/**
 * @license React
 * use-sync-external-store-shim/with-selector.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var n=s(2265),a=s(26272),r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},o=a.useSyncExternalStore,i=n.useRef,l=n.useEffect,c=n.useMemo,u=n.useDebugValue;t.useSyncExternalStoreWithSelector=function(e,t,s,n,a){var d=i(null);if(null===d.current){var h={hasValue:!1,value:null};d.current=h}else h=d.current;var m=o(e,(d=c(function(){function e(e){if(!l){if(l=!0,o=e,e=n(e),void 0!==a&&h.hasValue){var t=h.value;if(a(t,e))return i=t}return i=e}if(t=i,r(o,e))return t;var s=n(e);return void 0!==a&&a(t,s)?t:(o=e,i=s)}var o,i,l=!1,c=void 0===s?null:s;return[function(){return e(t())},null===c?void 0:function(){return e(c())}]},[t,s,n,a]))[0],d[1]);return l(function(){h.hasValue=!0,h.value=m},[m]),u(m),m}},26272:function(e,t,s){"use strict";e.exports=s(81853)},65401:function(e,t,s){"use strict";e.exports=s(78704)},94660:function(e,t,s){"use strict";s.d(t,{Ue:function(){return d}});let n=e=>{let t;let s=new Set,n=(e,n)=>{let a="function"==typeof e?e(t):e;if(!Object.is(a,t)){let e=t;t=(null!=n?n:"object"!=typeof a||null===a)?a:Object.assign({},t,a),s.forEach(s=>s(t,e))}},a=()=>t,r={setState:n,getState:a,subscribe:e=>(s.add(e),()=>s.delete(e)),destroy:()=>{console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."),s.clear()}};return t=e(n,a,r),r},a=e=>e?n(e):n;var r=s(2265),o=s(65401);let{useDebugValue:i}=r,{useSyncExternalStoreWithSelector:l}=o,c=!1,u=e=>{"function"!=typeof e&&console.warn("[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`.");let t="function"==typeof e?a(e):e,s=(e,s)=>(function(e,t=e.getState,s){s&&!c&&(console.warn("[DEPRECATED] Use `createWithEqualityFn` instead of `create` or use `useStoreWithEqualityFn` instead of `useStore`. They can be imported from 'zustand/traditional'. https://github.com/pmndrs/zustand/discussions/1937"),c=!0);let n=l(e.subscribe,e.getState,e.getServerState||e.getState,t,s);return i(n),n})(t,e,s);return Object.assign(s,t),s},d=e=>e?u(e):u}},function(e){e.O(0,[3676,2878,116,504,6691,4408,4680,5848,2971,4938,1744],function(){return e(e.s=11886)}),_N_E=e.O()}]);