https://hungfooktong.com/js/index.DF2YWJH2.js

1import{a1 as e,a2 as a,a3 as l,a4 as o,d as s,a5 as t,a6 as n,J as r,a7 as i,o as u,e as d,f as c,q as m,a as p,a8 as f,Y as v,h,Q as g,V as b,P as y,N as C,a9 as k,c as w,F as _,aa as j,w as x,g as A,ab as E,ac as V,k as I,X as U,ad as N,ae as L,af as B,ag as H,ah as z,ai as S,aj as T,ak as M,al as O,am as q,an as $,ao as F,ap as Z,W as D,O as W,E as R,a0 as J,v as K,x as P,y as Q,aq as X,r as Y,ar as G,as as ee,A as ae,t as le,D as oe,H as se,C as te,R as ne,K as re}from"./index.r80arqge.js";import{E as ie}from"./el-row.DfmrrwRJ.js";import{E as ue}from"./el-col.jaEDbTUo.js";import{E as de}from"./el-dialog.BR4qLPPl.js";import{E as ce,U as me,a as pe,i as fe}from"./el-step.B5cJUQEe.js";import{E as ve}from"./el-progress.Bii2nPKM.js";import{x as he}from"./vue3-otp-input.qFus14pg.js";import{j as ge,l as be}from"./logo.Dfi5hv5C.js";import{g as ye,c as Ce,a as ke,b as we,r as _e}from"./index.BYtUSQt0.js";/* empty css                   */import"./index.B2HQ6BN1.js";const je=["primary","success","info","warning","error"],xe=e({customClass:{type:o([String,Array,Object,Boolean]),default:""},dangerouslyUseHTMLString:Boolean,duration:{type:Number,default:4500},icon:{type:l},id:{type:String,default:""},message:{type:o([String,Object,Function]),default:""},offset:{type:Number,default:0},onClick:{type:o(Function),default:()=>{}},onClose:{type:o(Function),required:!0},position:{type:String,values:["top-right","top-left","bottom-right","bottom-left"],default:"top-right"},showClose:{type:Boolean,default:!0},title:{type:String,default:""},type:{type:String,values:[...je,""],default:""},zIndex:Number,closeIcon:{type:l,default:a},progress:{type:o([Boolean,Object]),default:!1},pauseOnHover:{type:Boolean,default:!0}}),Ae=["id"],Ee=["textContent"],Ve={key:0},Ie=["innerHTML"];var Ue=s({name:"ElNotification",__name:"notification",props:xe,emits:{destroy:()=>!0},setup(e,{expose:a}){const l=e,{ns:o,zIndex:s}=t("notification"),{nextZIndex:z,currentZIndex:S}=s,T=I(!1);let M;const O=I(100);let q=0,$=0;const F=U(()=>{const e=l.type;return e&&H[l.type]?o.m(e):""}),Z=U(()=>!!l.progress&&l.duration>0),D=U(()=>{switch(l.type){case"success":return"success";case"warning":return"warning";case"error":return"exception";default:return}}),W=U(()=>({status:D.value,strokeWidth:3,showText:!1,..."object"==typeof l.progress?l.progress:void 0})),R=U(()=>l.type&&H[l.type]||l.icon),J=U(()=>l.position.endsWith("right")?"right":"left"),K=U(()=>l.position.startsWith("top")?"top":"bottom"),P=U(()=>({[K.value]:`${l.offset}px`,zIndex:l.zIndex??S.value})),{pause:Q,resume:X}=n(()=>{O.value=Math.max(0,100-(q+Date.now()-$)/l.duration*100)},100,{immediate:!1});function Y(){if(l.duration<=0)return;null==M||M(),Q(),$=Date.now();const e=Math.max(0,l.duration-q);({stop:M}=N(()=>{T.value&&oe()},e)),Z.value&&(O.value=e/l.duration*100,X())}function G(){null==M||M(),Q(),$>0&&(q+=Date.now()-$,$=0)}let ee=!1;function ae(){ee=!0,l.pauseOnHover&&G()}function le(){ee=!1,l.pauseOnHover&&Y()}function oe(){T.value=!1,G()}return r(()=>{Y(),z(),T.value=!0}),i(document,"keydown",function(e){switch(L(e)){case B.delete:case B.backspace:G();break;case B.esc:T.value&&oe();break;default:if(ee&&l.pauseOnHover)break;G(),Y()}}),a({visible:T,close:oe}),(a,l)=>(u(),d(V,{name:h(o).b("fade"),onBeforeLeave:e.onClose,onAfterLeave:l[1]||(l[1]=e=>a.$emit("destroy")),persisted:""},{default:c(()=>[m(p("div",{id:e.id,class:v([h(o).b(),e.customClass,J.value]),style:f(P.value),role:"alert",onMouseenter:ae,onMouseleave:le,onClick:l[0]||(l[0]=(...a)=>e.onClick&&e.onClick(...a))},[R.value?(u(),d(h(g),{key:0,class:v([h(o).e("icon"),F.value])},{default:c(()=>[(u(),d(b(R.value)))]),_:1},8,["class"])):y("v-if",!0),p("div",{class:v(h(o).e("group"))},[p("h2",{class:v(h(o).e("title")),textContent:C(e.title)},null,10,Ee),m(p("div",{class:v(h(o).e("content")),style:f(e.title?void 0:{margin:0})},[k(a.$slots,"default",{},()=>[e.dangerouslyUseHTMLString?(u(),w(_,{key:1},[y(" Caution here, message could've been compromised, never use user's input as message "),p("p",{innerHTML:e.message},null,8,Ie)],2112)):(u(),w("p",Ve,C(e.message),1))])],6),[[j,e.message]]),e.showClose?(u(),d(h(g),{key:0,class:v(h(o).e("closeBtn")),onClick:x(oe,["stop"])},{default:c(()=>[(u(),d(b(e.closeIcon)))]),_:1},8,["class"])):y("v-if",!0)],2),Z.value?(u(),w("div",{key:1,class:v(h(o).e("progress")),"aria-hidden":"true"},[A(h(ve),E(W.value,{percentage:O.value}),null,16,["percentage"])],2)):y("v-if",!0)],46,Ae),[[j,T.value]])]),_:3},8,["name","onBeforeLeave"]))}});const Ne={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]};let Le=1;const Be=function(e={},a){if(!z)return{close:()=>{}};(S(e)||T(e))&&(e={message:e});const l=e.position||"top-right";let o=e.offset||0;Ne[l].forEach(({vm:e})=>{var a;o+=((null==(a=e.el)?void 0:a.offsetHeight)||0)+16}),o+=16;const s="notification_"+Le++,t=e.onClose,n={...e,offset:o,id:s,onClose:()=>{!function(e,a,l){const o=Ne[a],s=o.findIndex(({vm:a})=>{var l;return(null==(l=a.component)?void 0:l.props.id)===e});if(-1===s)return;const{vm:t}=o[s];if(!t)return;null==l||l(t);const n=t.el.offsetHeight,r=a.split("-")[0];o.splice(s,1);const i=o.length;if(i<1)return;for(let u=s;u<i;u++){const{el:e,component:a}=o[u].vm,l=Number.parseInt(e.style[r],10)-n-16;a.props.offset=l}}(s,l,t)}};let r=document.body;M(e.appendTo)?r=e.appendTo:S(e.appendTo)&&(r=document.querySelector(e.appendTo)),M(r)||(O("ElNotification","the appendTo option is not an HTMLElement. Falling back to document.body."),r=document.body);const i=document.createElement("div"),u=A(Ue,n,q(n.message)?n.message:T(n.message)?()=>n.message:null);return u.appContext=$(a)?Be._context:a,u.props.onDestroy=()=>{F(null,i)},F(u,i),Ne[l].push({vm:u}),r.appendChild(i.firstElementChild),{close:()=>{u.component.exposed.close()}}};

1je.forEach(e=>{Be[e]=(a={},l)=>((S(a)||T(a))&&(a={message:a}),Be({...a,type:e},l))}),Be.closeAll=function(){for(const e of Object.values(Ne))e.forEach(({vm:e})=>{e.component.exposed.close()})},Be.updateOffsets=function(e="top-right"){var a,l,o,s;let t=(null==(o=null==(l=null==(a=Ne[e][0])?void 0:a.vm.component)?void 0:l.props)?void 0:o.offset)||0;for(const{vm:n}of Ne[e])n.component.props.offset=t,t+=((null==(s=n.el)?void 0:s.offsetHeight)||0)+16},Be._context=null;const He=Z(Be,"$notify"),ze={class:"jika-member"},Se={class:"jika-container"},Te={class:"jika-container-header"},Me={class:"jika-container-body"},Oe={class:"jika-step"},qe={key:0,class:"jika-mobile-title"},$e={key:1},Fe={key:0,class:"jika-form"},Ze={class:"checkbox-wrap"},De={class:"checkbox-wrap"},We={key:1,class:"checkbox-tips"},Re={key:1},Je={class:"sms-tips"},Ke={key:0},Pe={class:"email"},Qe={key:1},Xe={class:"phone"},Ye={class:"sms-code"},Ge={class:"sms-code-container"},ea={key:0},aa={key:1},la={key:2,class:"jika-done"},oa={class:"jika-dialog"},sa={class:"from"},ta={class:"form-item"},na={class:"form-item-value"},ra={class:"form-item"},ia={class:"form-item-value"},ua={class:"form-item"},da={class:"form-item-value"},ca={key:0},ma={key:0,class:"form-item"},pa={class:"form-item-value"},fa={class:"jika-dialog-footer"},va={__name:"index",setup(e){const a=I(!1),l=I(0),o=I(!1),s=I(null),t=I(null),n=I(!0),r=I(60),i=I("");let f=null;const v=te({idName:"",firstname:"",surname:"",phoneAreaCode:852,mobile:"",email:"",notInformation:!1,readClause:!0,verificationCode:""}),b=async(e,a,l)=>{if(!a)return l(new Error("請填寫電郵地址"));if(!/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(a))return l(new Error("您輸入的電郵地址格式錯誤"));try{if(999===v.phoneAreaCode){if(await Ce({email:v.email}))return l(new Error("該電郵地址已被註冊"))}l()}catch(o){l(new Error("電郵校驗失敗，請稍後重試"))}},k={idName:[{required:!0,validator:(e,a,l)=>a?/^[\u4e00-\u9fa5]+$/.test(a)?a.length<2?l(new Error("最少填寫2個字元")):void l():l(new Error("必須填寫中文字元")):l(new Error("必須填寫中文姓名")),trigger:"blur"}],firstname:[{required:!0,validator:(e,a,l)=>a?/^[A-Za-z\s]+$/.test(a)?void l():l(new Error("必須填寫英文字元")):l(new Error("必須填寫英文姓氏")),trigger:"blur"}],surname:[{required:!0,message:"必須填寫英文名字",trigger:"blur"}],phoneAreaCode:[{required:!0}],mobile:[{required:!0,message:"必須填寫手提電話號碼",trigger:"blur"},{validator:async(e,a,l)=>{if(!a)return l(new Error("必須填寫手提電話號碼"));const o=v.phoneAreaCode;if(852===o&&8!==a.length)return l(new Error("香港手提電話號碼格式錯誤"));if(853===o&&8!==a.length)return l(new Error("澳門手提電話號碼格式錯誤"));if(86===o&&11!==a.length)return l(new Error("中國內地手提電話號碼格式錯誤"));try{if(await ke({phoneAreaCode:v.phoneAreaCode,mobile:v.mobile}))return l(new Error("該手提電話號碼已被註冊"));l()}catch(s){l(new Error("手提電話號碼校驗失敗，請稍後重試"))}},trigger:"blur"}],email:[]},j=U(()=>{const e=k;return 999===v.phoneAreaCode?(e.email=[{required:!0,message:"請填寫電郵地址",trigger:"blur"},{validator:b,trigger:["blur"]}],e):e}),x=U(()=>999===v.phoneAreaCode?50:86===v.phoneAreaCode?11:8),E=U(()=>fe()?"100%":"40%"),V=()=>{f&&(clearInterval(f),r.value=60),n.value=!0},N=async e=>{if(!e)return;v.verificationCode=e;await(async()=>{try{return a.value=!0,await we({phoneAreaCode:v.phoneAreaCode,mobile:v.mobile,email:v.email,verificationCode:v.verificationCode})}finally{a.value=!1}})()?(async()=>{try{a.value=!0;const e=await _e({idName:v.idName,firstname:v.firstname,surname:v.surname,phoneAreaCode:v.phoneAreaCode,mobile:v.mobile,email:v.email,verificationCode:v.verificationCode});e&&(i.value=e,l.value=3)}finally{a.value=!1}})():re.error("驗證碼錯誤，請重試！")},L=async()=>{n.value&&(await(async()=>{try{a.value=!0,await ye({phoneAreaCode:v.phoneAreaCode,mobile:v.mobile,email:v.email})}finally{a.value=!1}})(),ne(()=>{var e;null==(e=t.value)||e.clearInput()}),n.value=!1,f&&clearInterval(f),f=setInterval(()=>{r.value>0?r.value--:V()},1e3))},B=e=>{v.mobile=""},H=()=>{o.value=!1,l.value++,L()},z=async()=>

1{if(0===l.value){if(!(await s.value.validate()))return;if(!v.readClause)return;o.value=!0}},S=async()=>{try{await navigator.clipboard.writeText(i.value),He.success("複製成功！")}catch(e){}};return D(()=>{V()}),(e,f)=>{const b=R,k=J,V=ce,I=pe,U=Q,T=P,M=ue,O=ie,q=ee,$=X,F=ae,Z=le,D=W("SuccessFilled"),te=g,ne=se,re=de,fe=K;return u(),w("div",ze,[p("div",Se,[p("div",Te,[A(k,{underline:!1,href:"/member/index",target:"_blank"},{default:c(()=>[A(b,{class:"image-left",src:h(ge),fit:"cover"},null,8,["src"])]),_:1}),A(k,{underline:!1,href:"/",target:"_blank"},{default:c(()=>[A(b,{class:"image-right",src:h(be),fit:"cover"},null,8,["src"])]),_:1})]),m((u(),w("div",Me,[f[23]||(f[23]=p("p",{class:"jika-title"},"成為自家CLUB會員",-1)),p("div",Oe,[A(I,{active:l.value,"finish-status":"success",class:"jika-custom-step"},{default:c(()=>[A(V,null,{title:c(()=>[h(me).isMobile()?(u(),w("span",qe,"填寫資料")):(u(),w("span",$e,"填寫會員資料"))]),_:1}),A(V,{title:"驗證"}),A(V,{title:"完成登記"})]),_:1},8,["active"])]),0===l.value?(u(),w("div",Fe,[A(Z,{model:v,rules:j.value,ref_key:"formRef",ref:s,"label-width":"auto","label-position":"top",size:"large"},{default:c(()=>[A(T,{label:"中文姓名",prop:"idName"},{default:c(()=>[A(U,{modelValue:v.idName,"onUpdate:modelValue":f[0]||(f[0]=e=>v.idName=e),placeholder:"中文姓名"},null,8,["modelValue"])]),_:1}),A(O,null,{default:c(()=>[A(M,{span:12},{default:c(()=>[A(T,{label:"英文姓氏",prop:"firstname"},{default:c(()=>[A(U,{modelValue:v.firstname,"onUpdate:modelValue":f[1]||(f[1]=e=>v.firstname=e),placeholder:"姓氏"},null,8,["modelValue"])]),_:1})]),_:1}),A(M,{span:12},{default:c(()=>[A(T,{label:"英文名字",prop:"surname"},{default:c(()=>[A(U,{modelValue:v.surname,"onUpdate:modelValue":f[2]||(f[2]=e=>v.surname=e),placeholder:"名字"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),A(O,{align:"bottom"},{default:c(()=>[A(M,{xs:24,sm:8,md:6},{default:c(()=>[A(T,{class:"jika-phone-area",label:"手提電話號碼",prop:"phoneAreaCode"},{default:c(()=>[A($,{modelValue:v.phoneAreaCode,"onUpdate:modelValue":f[3]||(f[3]=e=>v.phoneAreaCode=e),onChange:B},{default:c(()=>[(u(!0),w(_,null,Y(h(G).phoneAreaList,e=>(u(),d(q,{key:e.value,label:e.label,value:e.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1}),A(M,{xs:24,sm:16,md:18},{default:c(()=>[A(T,{prop:"mobile"},{default:c(()=>[A(U,{modelValue:v.mobile,"onUpdate:modelValue":f[4]||(f[4]=e=>v.mobile=e),maxlength:x.value,placeholder:"可收取短訊之手提電話號碼",type:"tel"},null,8,["modelValue","maxlength"])]),_:1})]),_:1})]),_:1}),999===v.phoneAreaCode?(u(),d(T,{key:0,label:"電郵地址",prop:"email"},{default:c(()=>[A(U,{type:"email",modelValue:v.email,"onUpdate:modelValue":f[5]||(f[5]=e=>v.email=e),placeholder:"電郵地址"},null,8,["modelValue"])]),_:1})):y("",!0),p("div",Ze,[A(F,{modelValue:v.notInformation,"onUpdate:modelValue":f[6]||(f[6]=e=>v.notInformation=e),class:"c-check"},null,8,["modelValue"]),p("span",{onClick:f[7]||(f[7]=e=>v.notInformation=!v.notInformation)},"本人不同意鴻福堂及有關機構以我的個人資料(包括姓名、聯絡資料及鴻福堂收集有關本人會籍的其他資料)，透過郵寄印刷品、電郵、電話及短訊方式向我提供鴻福堂及其有關機構的會員優惠、會員服務、推銷產品(飲品及食品)及產品服務意見調查的資訊。")]),p("div",De,[A(F,{modelValue:v.readClause,"onUpdate:modelValue":f[8]||(f[8]=e=>v.readClause=e),class:"c-check"},null,8,["modelValue"]),p("span",{onClick:f[9]||(f[9]=e=>v.readClause=!v.readClause)},"本人已閱讀並同意"),f[13]||(f[13]=p("span",null,[p("a",{target:"_blank",href:"https://www.hungfooktong.com/member/channel.php?channel=terms",style:{color:"#3182ce"}},"自家CLUB會籍條款及細則 ")],-1))]),v.readClause?y("",!0):(u(),w("div",We," 您必須同意「自家CLUB會籍條款及細則」方可繼續 "))]),_:1},8,["model","rules"]),p("button",{onClick:z,class:"bottom-btn"},"下一步")])):1===l.value?(u(),w("div",Re,[p("div",Je,[A(te,{size:22,color:"#38A169",style:{"margin-right":"0.75rem"}},{default:c(()=>[A(D)]),_:1}),p("span",null,[f[17]||(f[17]=oe("5位數字驗證碼將於1分鐘內發送至您已登記之 ",-1)),999===v.phoneAreaCode?(u(),w("span",Ke,[f[14]||(f[14]=oe("電郵地址  ",-1)),p("strong",Pe,C(v.email),1)])):(u(),w("span",Qe,[f[15]||(f[15]=oe("手提電話號碼  ",-1)),p("strong",Xe,"+"+C(v.phoneAreaCode)+" "+C(v.mobile),1),f[16]||(f[16]=oe(" 的SMS短信箱 ",-1))]))])]),p("div",Ye,[f[18]||(f[18]=p("div",{class:"sms-code-tips"},"請輸入5位數字驗證碼",-1)),p("div",Ge,[A(h(he),{value:v.verificationCode,"onUpdate:value":f[10]||(f[10]=e=>v.verificationCode=e),ref_key:"otpInputRef",ref:t,"input-classes":"otp-input",conditionalClass:["otp-input-1"],"num-inputs":5,"should-auto-focus":!0,"should-focus-order":!0,onOnComplete:N},null,8,["value"])]),A(ne,{disabled:!n.value,onClick:L,class:"sms-btn"},{default:c(()=>[n.value?(u(),w("span",aa,"重發驗證碼")):(u(),w("span",ea,C(r.value)+"秒後可重發驗證碼",1))]),_:1},8,["disabled"])])])):3===l.value?(u(),w("div",la,[f[19]||(f[19]=p("div",{class:"jika-done-title"},"恭喜您",-1)),f[20]||(f[20]=p("div",{class:"jika-done-subtitle"}," 您已完成自家CLUB會籍網上申請服務！ ",-1)),f[21]||(f[21]=p("div",{class:"jika-done-subtitle2"},"您的網上登記編號",-1)),p("div",{onClick:S,class:"jika-done-code"},C(i.value),1),f[22]||(f[22]=p("div",{class:"jika-done-tips"},[oe(" 請於30日內，憑以上登記編號到任何一間鴻福堂分店 "),p("span",{class:"jika-done-tips-weight"},"入會儲值"),oe(" ，即可成為自家CLUB會員！ ")],-1))])):y("",!0)])),[[fe,a.value]])]),A(re,{modelValue:o.value,"onUpdate:modelValue":f[12]||(f[12]=e=>o.value=e),width:E.value},{header:c(()=>[...f[24]||(f[24]=[p("span",{class:"jika-dialog-title"},"提交前確認",-1)])]),footer:c(()=>[p("div",fa,[A(ne,{onClick:f[11]||(f[11]=e=>o.value=!1),size:"large",class:"back-btn"},{default:c(()=>[...f[31]||(f[31]=[oe("返回",-1)])]),_:1}),A(ne,{onClick:H,size:"large",class:"confirm-btn"},{default:c(()=>[...f[32]||(f[32]=[oe(" 確認提交 ",-1)])]),_:1})])]),default:c(()=>

1[p("div",oa,[f[29]||(f[29]=p("div",{class:"subtitle"},"您是否確認提交以下資料？",-1)),p("div",sa,[p("div",ta,[f[25]||(f[25]=p("span",{class:"form-item-label"},"中文姓名",-1)),p("span",na,C(v.idName),1)]),p("div",ra,[f[26]||(f[26]=p("span",{class:"form-item-label"},"英文姓名",-1)),p("span",ia,C(v.firstname)+" "+C(v.surname),1)]),p("div",ua,[f[27]||(f[27]=p("span",{class:"form-item-label"},"手提電話號碼",-1)),p("span",da,[999!==v.phoneAreaCode?(u(),w("span",ca," +"+C(v.phoneAreaCode)+"   ",1)):y("",!0),oe(" "+C(v.mobile),1)])]),999===v.phoneAreaCode?(u(),w("div",ma,[f[28]||(f[28]=p("span",{class:"form-item-label"},"電郵地址 ",-1)),p("span",pa,C(v.email),1)])):y("",!0)]),f[30]||(f[30]=p("div",{class:"form-tips"},[p("span",null,"本人"),p("span",{style:{color:"#e53e3e"}},"同意"),p("span",null,"鴻福堂及有關機構以我的個人資料(包括姓名、聯絡資料及鴻福堂收集有關本人會籍的其他資料)，透過郵寄印刷品、電郵、電話及短訊方式向我提供鴻福堂及其有關機構的會員優惠、會員服務、推銷產品(飲品及食品)及產品服務意見調查的資訊。")],-1))])]),_:1},8,["modelValue","width"])])}}};export{va as default};