https://www.tigerbeer.com/dist/js/components-roar-united-form.js?h=1147b5164b9d0378aa77

1"use strict";(self.webpackChunkbabel_seed_project=self.webpackChunkbabel_seed_project||[]).push([[3283,2745],{6837:function(e,t,s){s.r(t),s.d(t,{default:function(){return p}});var i=s(6136),o=s(8236),r=s.n(o),a=s(521),l=s.n(a),n=s(2965),c=s.n(n),d=s(5068),u=s(42),m=s(4092);class p{constructor(e){this.customMessage={required:(0,m.getMessage)("required","The field is required"),filesLimit:(0,m.getMessage)("filesLimit","Files count should be less or equal than 1"),mobileNumberFormat:(0,m.getMessage)("mobileNumberFormat","Number is invalid"),emailFormat:(0,m.getMessage)("emailFormat","Email has invalid format"),labelMaxFileSizeExceeded:(0,m.getMessage)("labelMaxFileSizeExceeded","File is too large"),labelMaxFileSize:(0,m.getMessage)("labelMaxFileSize","Maximum file size is {filesize}"),labelFileUpload:(0,m.getMessage)("labelFileUpload","UPLOAD"),labelFileUploaded:(0,m.getMessage)("labelFileUploaded","UPLOADED"),labelFileTypeNotAllowed:(0,m.getMessage)("labelFileTypeNotAllowed","File of invalid type"),fileValidateTypeLabelExpectedTypes:(0,m.getMessage)("fileValidateTypeLabelExpectedTypes","Expects {allButLastType} or {lastType}"),labelNoOfFile:(0,m.getMessage)("fileValidateTypeLabelExpectedTypes","UPLOADED {noOffiles} PHOTOS"),maxLength:(0,m.getMessage)("maxLength","Maximum characters is {maxLength}")},i.registerPlugin(c(),r(),l());const t={container:document,component:'[data-component="RoarUnitedForm"]',storageKey:"RoarUnitedForm",storageSegmentKey:"StorageSegment",onSuccess:null};this.options={...t,...e},this.$container=this.options.container,this.$component=this.$container.querySelector(this.options.component),this.storageKey=this.options.storageKey,this.storageSegmentKey=this.options.storageSegmentKey,this.registerdFields=new Set}init(){if(!this.$component)return;this.$mobileNumber=this.$component.querySelector("#mobileNumber");const e=this.$component,t=e.dataset.mobilePhonePrefix,s=`^(${t.replaceAll("+","\\+")})([0-9]{9,10})$`,o=new RegExp(s,"gi"),r=this.$component.querySelector('input[type="file"]'),a=r.dataset.maxFiles,l=this.$component.dataset.site||"tg.my",n=i.create(r,{acceptedFileTypes:["image/png","image/jpg","image/jpeg"],credits:!1,imagePreviewFilterItem:e=>!/pdf/.test(e.fileType),labelIdle:`<div class="filepond--label-action">\n          <img src="/dist/images/${l}/icon-upload.png?v=1.0.0" width="" height="" alt="UPLOAD" />\n          <span class="btn btn-secondary">${this.customMessage.labelFileUpload}</span>\n        </div>`,labelMaxFileSizeExceeded:this.customMessage.labelMaxFileSizeExceeded,labelMaxFileSize:this.customMessage.labelMaxFileSize,labelFileTypeNotAllowed:this.customMessage.labelFileTypeNotAllowed,fileValidateTypeLabelExpectedTypes:this.customMessage.fileValidateTypeLabelExpectedTypes,onerror(e,t,s){const i=document.querySelector(".filepond--file-status-main"),o=document.querySelector(".filepond--file-status-sub"),r=document.querySelector(".filepond--file-status"),a=document.querySelector(".file-upload"),l=document.querySelector(".filepond--file-wrapper"),n=document.querySelector(".filepond--list"),c=(a.offsetWidth-l.offsetWidth)/2-16+"px";[i,o].forEach((e=>{e&&(e.style.maxWidth=c,e.style.whiteSpace="break-spaces",e.style.textAlign="left")})),n&&(n.style.height=r.offsetHeight+30+"px")},onremovefile(){const e=document.querySelector(".filepond--list");e&&(e.style.height=null)}});this.$mobileNumber=e.querySelector("#mobileNumber"),(0,d.ZP)(this.$mobileNumber,{mask:`{${t.replaceAll("0","\\0")}}0000000000`});const c=e.querySelector("#yourStory");this.validator=new u.ZP(e,{errorLabelCssClass:"form-msg",errorLabelStyle:{color:""}}),this.validator.addField("#nominee",[{rule:"required",errorMessage:this.customMessage.required},{rule:"maxLength",value:12,errorMessage:this.customMessage.maxLength.replace("{maxLength}",12)}],{errorsContainer:this.$container.querySelector("#nominee").closest(".form-group")}),this.validator.addField("#yourStory",[{rule:"required",errorMessage:this.customMessage.required},{rule:"maxLength",value:400,errorMessage:this.customMessage.maxLength.replace("{maxLength}",400)}

1],{errorsContainer:this.$container.querySelector("#yourStory").closest(".form-group")}),this.validator.addField(r,[{validator:(e,t)=>{if(!n)return!1;return!(n.getFiles().length>a)},errorMessage:this.customMessage.filesLimit}],{errorsContainer:this.$container.querySelector("#photos").closest(".form-group")}),this.validator.addField("#fullName",[{rule:"required",errorMessage:this.customMessage.required}],{errorsContainer:this.$container.querySelector("#fullName").closest(".form-group")}),this.validator.addField("#nickname",[{rule:"required",errorMessage:this.customMessage.required},{rule:"maxLength",value:12,errorMessage:this.customMessage.maxLength.replace("{maxLength}",12)}],{errorsContainer:this.$container.querySelector("#nickname").closest(".form-group")}),this.validator.addField("#passportNo",[{rule:"required",errorMessage:this.customMessage.required}],{errorsContainer:this.$container.querySelector("#passportNo").closest(".form-group")}),this.validator.addField("#mobileNumber",[{rule:"required",errorMessage:this.customMessage.required},{rule:"customRegexp",value:o,errorMessage:this.customMessage.mobileNumberFormat}],{errorsContainer:this.$container.querySelector("#mobileNumber").closest(".form-group")}),this.validator.addField("#email",[{rule:"required",errorMessage:this.customMessage.required},{rule:"email",errorMessage:this.customMessage.emailFormat}],{errorsContainer:this.$container.querySelector("#email").closest(".form-group")}),this.validator.addField("#state",[{rule:"required",errorMessage:this.customMessage.required}],{errorsContainer:this.$container.querySelector("#state").closest(".form-group")}),e.querySelectorAll("[name=termsAndConditions]").forEach((e=>{e.dataset?.skipValidate||this.validator.addField(e,[{rule:"required",errorMessage:this.customMessage.required}],{errorsContainer:e.closest(".form-group")})})),this.validator.onSuccess((t=>{if(t){const t=n.getFiles(),s=new FormData(e);s.delete("legalAge"),s.delete("termAndCondition"),s.delete("photos"),t.forEach((e=>{s.append("photos",e.file)}));const i={};for(const[e,t]of s.entries())"photos"!==e&&(i[e]=t);"function"==typeof this.options.onSuccess&&this.options.onSuccess(i,s)}})),n.on("updatefiles",(e=>{this.validator.revalidateField(r);const t=this.$component.querySelector(".filepond--list"),s=this.$component.querySelector('input[type="file"]'),i=this.$component.querySelector(".filepond--drop-label"),o=n.getFiles().length;let l="";0==o?(l=this.customMessage.labelFileUpload,t.removeClass("has-child")):1==o?(l=this.customMessage.labelFileUploaded,t.addClass("has-child")):(l=this.customMessage.labelNoOfFile.replace("{noOffiles}",o),t.addClass("has-child")),a<=o?(s.setAttribute("disabled",""),i.addClass("disabled")):(s.removeAttribute("disabled"),i.removeClass("disabled")),this.$component.querySelector(".filepond--label-action .btn-secondary").innerText=l}));n.on("addfile",((e,t)=>{if(!e&&"pdf"===t.fileExtension){this.$component.querySelectorAll(".filepond--list .filepond--item").forEach((e=>{const t=e.querySelector(".filepond--file-info-main");t&&t.innerText.includes("pdf")&&e.addClass("non-image-item")}))}})),c.addEventListener("keydown",(e=>{"Enter"===e.key&&e.preventDefault()})),c.addEventListener("paste",(e=>{e.preventDefault();const t=(e.clipboardData||window.clipboardData).getData("text").replace(/[\r\n]+/g," "),s=c.selectionStart,i=c.selectionEnd,o=c.value,r=o.substring(0,s)+t+o.substring(i);c.value=r;const a=s+t.length;c.setSelectionRange(a,a)}))}activate(){this.$component.addClass("active")}deactivate(){this.$component.removeClass("active")}getSubmitApi(){return this.$component.dataset.formSubmitApi||""}}},4092:function(e,t,s){s.r(t),s.d(t,{default:function(){return i},fbTrack:function(){return r},getMessage:function(){return o}});

1class i{static isMobile(){return navigator.userAgent.match(/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i)}static isLeapYear(e){return 29===new Date(e,1,29).getDate()}static debounce(e,t){let s;return(...i)=>{clearTimeout(s),s=setTimeout((()=>{e.apply(this,i)}),t)}}static isValidInputNumber(e){const t=window.event?e.keyCode:e.which;return 8==t||9==t||46==t||37==t||39==t||!(t<48||t>57&&t<96||t>105)}static pauseInvisibleVideos(e){e.querySelectorAll("video").forEach((e=>{i.elementIsVisibleInViewport(e,!0)||e.paused||e.pause()}))}static pauseVideos(e){e.querySelectorAll("video").forEach((e=>{e.paused||e.pause()}))}static pauseInvisibleYouTubeIframes(e){e.querySelectorAll("iframe").forEach((e=>{e.src.includes("youtube.com/embed")&&e.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*")}))}static elementIsVisibleInViewport=(e,t=!1)=>{const{top:s,left:i,bottom:o,right:r}=e.getBoundingClientRect(),{innerHeight:a,innerWidth:l}=window;return t?(s>0&&s<a||o>0&&o<a)&&(i>0&&i<l||r>0&&r<l):s>=0&&i>=0&&o<=a&&r<=l};static checkMedia=e=>!!e.matches;static isFixedPosition=e=>{for(;e&&"body"!==e.nodeName.toLowerCase();){if(window.getComputedStyle(e).getPropertyValue("position").match(/fixed|sticky/i))return!0;e=e.parentNode}return!1};static isNotHidden=e=>{for(;e&&"body"!==e.nodeName.toLowerCase();){if("none"!==window.getComputedStyle(e).getPropertyValue("display")&&"0"!==window.getComputedStyle(e).getPropertyValue("opacity"))return!0;e=e.parentNode}return!1};static throttle=(e,t)=>{let s=null;return(...i)=>{null===s?(e(...i),s=setTimeout((()=>{s=null}),t)):i[0].preventDefault()}};static scrollToBlock=(e,t=null)=>{e&&(Number.isInteger(t)&&(e.style.scrollMargin=`${t}px`),e.scrollIntoView({block:"start",behavior:"smooth"}))};static cloneAndAppendElement=(e,t,s={})=>{const{deepClone:i=!0,modifyClone:o=null,modifyTarget:r=null,newId:a=null,addClassesToClone:l=[],addClassesToTarget:n=[],addClassesToSource:c=[]}=s;if(!e)return;const d=e.cloneNode(i);return a&&(d.id=a),Array.isArray(l)&&l.length>0&&d.classList.add(...l),"function"==typeof o&&o(d),t?(Array.isArray(n)&&n.length>0&&t.classList.add(...n),Array.isArray(c)&&c.length>0&&e.classList.add(...c),"function"==typeof r&&r(t),t.appendChild(d),d):void 0};static handleClickOutside=(e,t,s)=>{if(!e)return;const i=new Set(t.filter(Boolean));document.addEventListener("click",(t=>{if(!e.contains(t.target)){for(const e of i)if(e.contains(t.target))return;s()}}))};static isExternalURL=e=>{if(!e)return;const t=e=>e.replace("http://","").replace("https://","").split("/")[0];return t(location.href)!==t(e)};static isValidUrl=e=>{try{const t=new URL(e);return"http:"===t.protocol||"https:"===t.protocol}catch(e){return!1}};static pushToDataLayer=e=>{"undefined"!=typeof window&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(e))};static setCookie=(e,t,s)=>{const i=new Date;i.setTime(i.getTime()+24*s*60*60*1e3);const o=`expires=${i.toUTCString()}`;document.cookie=`${e}=${t}; ${o}; path=/`};static getCookie=e=>{const t=`${e}=`,s=document.cookie.split(";");for(let e=0;e<s.length;e++){let i=s[e].trim();if(0===i.indexOf(t))return i.substring(t.length)}return null};static setSessionStorage=(e,t)=>

1{sessionStorage.setItem(e,t)};static getSessionStorage=e=>sessionStorage.getItem(e);static setLocalStorage=(e,t)=>{localStorage.setItem(e,t)};static getLocalStorage=e=>localStorage.getItem(e);static contains=(e,t)=>e===t||t.contains(e);static getMikmakProductNameOrVariant=(e=!0)=>{const t=document.getElementById("mikmak_embed__header-text-above-product"),s=t?t.textContent:"";if(!s)return"";const i=s.split(",");return e?i[0]:i.slice(1).join(",").trim()};static share=async e=>{const t="string"==typeof e?{url:e}:{...e};t.files&&(t.files=t.files.filter((e=>null!=e)));try{await navigator.share(t)}catch(e){console.error("Error sharing content:",e)}};static canShare(e){const t="string"==typeof e?{url:e}:{...e};return t.files&&(t.files=t.files.filter((e=>null!=e))),navigator.canShare(t)}static createBlobFromBase64(e,t="image/png"){const s=e.replace(/^data:image\/[a-z]+;base64,/,""),i=atob(s),o=new Uint8Array(i.length);for(let e=0;e<i.length;e++)o[e]=i.charCodeAt(e);return new Blob([o],{type:t})}static createFileFromBlob(e,t="shared-image.png"){return new File([e],t,{type:e.type,lastModified:Date.now()})}}const o=(e,t)=>window.customMessageValidate&&window.customMessageValidate[e]?window.customMessageValidate[e]:t,r=(e="track",t="SubmitReceiptNow")=>{window.fbq&&window.fbq(e,t)}}}]);