https://www.rhbgroup.com/assets/CheckAvailability.js

1import{B as m}from"./BaseLayout.js";import{C as p}from"./CodeSample.js";import{B as f}from"./BaseCard.js";import{S as l}from"./TheFooter.js";import{B as x}from"./BaseDropdown.js";import{S as u}from"./SvgIcon.js";import{c as e,a as t,b as h}from"./index.js";import"./ModalPopUp.js";var b=({slots:v})=>{function a({xShow:s,preSelectText:o,xFor:i,xOnClick:n,filterValue:c,selected:d}){return e("div",h({"x-show":s,"x-data":"{open: false}"},{"x-on:click.outside":"open = false;"},{class:"relative"}),[e("button",{"x-on:click":"event.preventDefault(); open = !open;",className:"p-1 cursor-pointer bg-white rounded-[10px] w-full h-[46px] px-[12px] lg:px-[24px] pr-10 lg:pr-10 text-left bg-dropdown-arrow-primary font-bold text-primary",class:`${d} ? 'selected' : ''`,"x-text":o},null),e("div",{"x-show":"open",className:"absolute z-10 w-full mt-1 overflow-auto text-base bg-white rounded-[10px] shadow-lg max-h-[192px] focus:outline-none custom-scrollbar"},[e("template",{"x-for":i},[e("div",{"x-on:click":`open = false; ${n}`,"x-text":c,className:"cursor-pointer min-h-[32px] py-2 px-[12px] lg:px-[24px] hover:bg-[#0067B110] flex items-center font-bold"},null)])])])}const r=[{value:"",text:"Select Box"},{value:"A",text:"A"},{value:"B",text:"B"},{value:"C",text:"C"},{value:"D",text:"D"}];return e("div",{class:"check-availability-root","x-data":`
2            checkAvailability({
3                    captchaBypass: true,
4                    isHuman: false,
5                    filterSelected: {
6                        region: '', 
7                        state: '',
8                        box: '',
9                    },
10                    regionList: [],
11                    stateList: [],
12					formStateList: [],
13					formBranchList: [],
14					formBoxList: [],
15					isReserveBox: false,
16                    boxList: [],
17                    branchList: [],
18                    currentBranchList: [],
19                    filterBranchList: [],
20                    reasonList: ['Schedule a callback', 'Reserve a box'],
21                    boxDropdown: ["A", "B", "C", "D"],
22                    totalItems: 0, 
23                    currentItem: 0, 
24					formSubmissionEndpoint: 'https://rhb-dev.local/api/rhb/safedeposit/submit-safedeposit',
25                    regionEndpoint: 'https://rhb-dev.local/api/rhb/locateus/get-regions',
26					stateEndpoint: 'https://rhb-dev.local/api/rhb/locateus/get-states',
27                    branchEndpoint: 'https://rhb-dev.local/api/rhb/locateus/get-deposit-branchs',
28                    formErrors: [],
29                    formData : {
30                        name: "",
31                        ic: "",
32                        contact: "",
33                        email: "",
34                        state: "",
35                        branch: "",
36                        box: "",
37                        reason: "",
38                        message: "",
39                        checkbox: true,
40                    },
41					ccmask: "",
42                })
43                `,"x-init":"$watch('formData.box', value => updateBoxValue(value))"},[e("div",{style:"background-color: #eef9fd;"},[e("div",{class:"container-tw","x-effect":`
44                        if(filterSelected.region){
45                            // console.log(filterSelected.region);
46							const newElement = 'Select State';
47                            stateList = [newElement].concat(regionList.find(item => item.name === filterSelected.region).states);
48                        };`},[e("div",null,[e("div",{class:"grid md:grid-cols-2 lg:grid-cols-3 gap-[15px] md:gap-[30px] pt-5"},[e(a,{preSelectText:"filterSelected.region || 'Select Region'",xFor:"item in regionList",filterValue:"item.name",selected:"regionList.find(item => item.name === filterSelected.region)",xOnClick:"item.name == 'Select Region' ? filterSelected.region = '' : filterSelected.region = item.name; item.name == 'Select Region' ? stateList = [] : filterSelected.region = item.name; currentBranchList = []; filterSelected.state = ''; filterBranch()"},null),e(a,{preSelectText:"filterSelected.state || 'Select State'",xFor:"item in stateList",filterValue:"item",selected:"stateList.find(item => item === filterSelected.state)",xOnClick:"item == 'Select State' ? filterSelected.state = '' : f

48ilterSelected.state =  item; currentBranchList = []; filterBranch();"},null),e(x,{preSelectText:"filterSelected.box || 'Select Box'",items:r,xOnClick:"selected == 'Select Box' ? filterSelected.box = '' : filterSelected.box = selected; currentBranchList = []; filterBranch();"},null)])]),e("div",{class:"grid md:grid-cols-2 lg:grid-cols-3 gap-[15px] md:gap-[30px] py-[30px]"},[e("h2",{"x-show":"!currentBranchList.length",class:"h1 py-6 text-primary"},[t("No Result Found")]),e("template",{"x-for":"item in currentBranchList"},[e(f,null,{default:()=>[e("div",null,[e("p",{class:"text-sm font-bold text-white leading-8 text-center bg-[#5bc2e7]","x-text":"item.region"},[t("Southern")]),e("div",{class:"p-5 flex justify-between flex-col"},[e("h3",{class:"flex-1 text-primary text-[28px] min-h-[60px] pb-2","x-text":"item.title"},null),e("div",null,[e("p",{class:"flex-1 text-sm text-gray-3 font-black pb-3"},[t("Get Directions:")]),e("div",{class:"flex gap-5"},[e(l,{templateMode:!0,href:"item.google",padding:"px-0 py-3",newTab:!0,fullWidth:!0,fluid:!0,theme:"primary"},{default:()=>[e("span",{class:"inline-flex align-middle"},[t("Google Map")])]}),e(l,{templateMode:!0,href:"item.waze",padding:"px-0 py-3",newTab:!0,fullWidth:!0,fluid:!0,theme:"primary"},{default:()=>[e("span",{class:"inline-flex align-middle"},[t("Waze")])]})]),e("div",{class:"flex gap-5 mt-2.5 justify-center"},[e(l,{templateMode:!0,padding:"px-8 py-3",newTab:!0,fluid:!0,theme:"primary",xOnClick:"reserveBox(); $refs.formContainer.scrollIntoView();"},{default:()=>[e("span",{class:"inline-flex align-middle"},[t("Reserve a Box")])]})])])])])]})])]),e("div",{class:"flex justify-center py-5"},[e("button",{"x-show":"currentItem < totalItems",class:"w-full text-primary font-bold cursor-pointer flex flex-col items-center","x-on:click":"displayBranch(currentItem)"},[e("span",null,[t("Load More")]),e(u,{classes:"stroke-0 w-10 h-10 -rotate-90",name:"arrow-chevron-left"},null)])])])]),e("div",{class:"bg-gray-6","x-ref":"formContainer"},[e("div",{className:"container-tw py-10"},[e("div",{class:"text-root pt-5 pb-5"},[e("div",{class:"rte text-black"},[e("h1",{class:"h1 font-light"},[e("span",{style:"color: rgb(79, 129, 189);"},[t("Reserve a box with us")])]),e("p",{class:"mt-2.5"},[t("Please fill in your details to reserve a Safe Deposit Box. Visit the selected branch within 1 month to proceed with box opening")])])]),e("form",{"x-on:submit":"event.preventDefault(); handleSubmit();"},[e("div",{class:"flex gap-x-7 flex-wrap md:flex-nowrap"},[e("div",{class:"w-full"},[e("label",{class:"custom-label"},[t("Full Name as per IC")]),e("input",{class:"custom-field",type:"text",name:"rhbcontentplaceholder_0$rhbsection1_0$field_D2F07536CA3D40769F03FC810464B5FD",placeholder:"Full Name as per IC","x-model":"formData.name"},null),e("div",{"x-show":"formErrors.name",class:"field-validation-error"},[t("Please enter a valid name")])]),e("div",{class:"w-full"},[e("label",{class:"custom-label"},[t("IC Number")]),e("input",{class:"custom-field",type:"text",name:"rhbcontentplaceholder_0$rhbsection1_0$field_14CA97F42E76404AADE8FCD26E1C9065",placeholder:"IC Number",id:"icInput",maxlength:"12",autocomplete:"off","x-model":"ccmask","x-on:focusout":"handleInput();"},null),e("div",{"x-show":"formErrors.ic",class:"field-validation-error"},[t("Please enter a valid IC Number")])])]),e("div",{class:"flex gap-x-7 flex-wrap md:flex-nowrap"},[e("div",{class:"w-full"},[e("label",{class:"custom-label"},[t("Contact Number")]),e("input",{class:"custom-field",type:"text",name:"rhbcontentplaceholder_0$rhbsection1_0$field_357EC8A7EACA4C86A1840A3BA4BBD5C2",placeholder:"Contact Number","x-model":"formData.contact"},null),e("div",{"x-show":"formErrors.contact",class:"field-validation-error"},[t("Please enter a valid contact telephone number e.g. +60309673426")])]),e("div",{class:"w-full"},[e("label",{class:"custom-label"},[t("Email")]),e("input",{class:"custom-field",type:"text",name:"rhbcontentplaceholder_0$rhbsection1_0$field_CE49F620C5A0464EAE608FE6EE65ADDF",placeholder:"Email","x-model":"formData.email"},null),e("div",{"x-show":"formErrors.email",class:"field-validation-error"},[t("Please enter a valid email address")])])]),e("div",{class:"flex gap-x-7 flex-wrap md:flex-nowrap"},[e("div",{class:"flex gap-x-4 w-full flex-wrap md:flex-nowrap"},[e("div",{class:"w-full"},[e("label",{class:"custom-label"},[t("State")]),e("select",{class:"custom-field custom-dropdown bg-right-95-center-50 pr-8","x-model":"formData.state"},[e("option",{disabled:!0},[t("Select a state")]),e("template",{"x-for":"item in formStateList"},[e("option",{"x-bind:value":"item.title","x-text":"item.title"},null)])]),e("div",{"x-show":"formErrors.state",class:"field-validation-error"},[t("Please select a state")])]),e("div",{class:"w-full"},[e("label",{class:"custom-label"},[t("Branch")]),e("select",{class:"custom-field custom-dropdown bg-right-95-center-50 pr-8 truncate","x-model":"formData.branch","x-effect":"filterFormBranch(formData.state)"},[e("option",{disabled:!0},[t("Select a branch")]),e("template",{"x-for":"item in formBranchList"},[e("option",{"x-bind:value":"item.title","x-text":"item.title"},null)])]),e("div",{"x-show":"formErrors.branch",class:"field-validation-error"},[t("Please select a branch")])])]),e("div",{class:"flex gap-x-4 w-full flex-wrap md:flex-nowrap"},[e("div",{class:"w-full"},[e("label",{class:"custom-label"}

48,[t("Box size*")]),e("select",{id:"boxDropdown",class:"custom-field custom-dropdown bg-right-95-center-50 pr-8","x-model":"formData.box","x-effect":"filterFormBoxsizes(formData.branch)"},[e("option",{disabled:!0},[t("Select a box size")]),e("template",{"x-for":"item in formBoxList"},[e("option",{"x-bind:value":"item","x-text":"item"},null)])]),e("div",{"x-show":"formErrors.box",class:"field-validation-error"},[t("Please select a box size")])]),e("div",{class:"w-full"},[e("label",{class:"custom-label"},[t("Reason for inquiry")]),e("select",{class:"custom-field custom-dropdown bg-right-95-center-50 pr-8","x-model":"formData.reason"},[e("option",{value:"",disabled:!0,selected:!0},[t("Select a reason")]),e("template",{"x-for":"item in reasonList"},[e("option",{"x-bind:value":"item","x-text":"item"},null)])]),e("div",{"x-show":"formErrors.reason",class:"field-validation-error"},[t("Please select a reason")])])])]),e("div",{class:"w-full"},[e("label",{class:"custom-label"},[t("Message*")]),e("textarea",{class:"custom-field min-h-[150px] py-4",type:"text",name:"rhbcontentplaceholder_0$rhbsection1_0$field_A6F86C0BF9814615B74FD727C173E86B",placeholder:"We'll be happy to assist if you have any questions. (Tell us in 200 characters or less)","x-model":"formData.message"},null),e("div",{"x-show":"formErrors.message",class:"field-validation-error"},[t("Please enter a valid message")])]),e("div",{class:"pt-6"},[e("label",{class:"flex items-start gap-x-2"},[e("input",{type:"checkbox",name:"rhbcontentplaceholder_0$rhbsection1_0$field_2454CCBA52E34F6E995E5946332E1AA5checkbox","x-model":"formData.checkbox"},null),e("span",null,[t("I hereby acknowledge that I have read and understood the Online Privacy Policy and hereby consent to the RHB Banking Group using the information I have provided for the purpose of contacting me/addressing my request/enquiry/complaint/feedback, etc.")])]),e("div",{"x-show":"formErrors.checkbox",class:"field-validation-error"},[t("Please acknowledge to the terms to proceed.")])]),e("div",{class:"pt-2"},[e("div",{class:"g-recaptcha","data-callback":"validateCaptcha","data-sitekey":"6LcoRcseAAAAADbCusHq_FIxavYUR0iQgWQSpKYf"},null),e("div",{"x-show":"formErrors.recaptcha",class:"field-validation-error"},[t("Please complete the reCAPTCHA verification")])]),e("input",{value:"Submit",type:"submit",class:"custom-btn-submit"},null)])])])])},k=()=>e(m,null,{default:()=>[e(p,null,{default:()=>[e(b,null,null)]})]});export{k as default};